.topbar nav{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:12px}.account-name{color:var(--accent)}.auth-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;padding:50px 0}.panel{background:#192d22;border:1px solid var(--line);border-radius:14px;padding:25px}.panel h2{font-weight:500}.auth-panel{max-width:420px;width:100%}.panel label{display:grid;gap:8px;margin:17px 0;font-size:12px;color:#c5d2bf}.panel input,.panel select{width:100%;min-width:0;border:1px solid #435c46;border-radius:8px;padding:12px;background:#11241a;color:#e5e9d9;font:inherit}.panel input:focus,.panel select:focus{outline:2px solid #b9bc84;outline-offset:2px}.panel input::placeholder{color:#829783}.text-button{border:0;color:#cabc91;background:transparent;padding:10px;cursor:pointer;font-size:11px}.intro-icons{font-size:48px;letter-spacing:22px;margin-top:35px}.compact{padding:45px 0 30px}.compact h1{font-size:45px}.game-grid.three{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.three .card-art{height:170px}.three .big-hedgehog{font-size:85px}.three .card-body{padding:24px}.three .card-body h3{font-size:26px}.three .card-meta{gap:8px;flex-wrap:wrap}.game-card.chosen{border-color:#d8c58e;box-shadow:0 0 0 1px #d8c58e}.art-pig{background:radial-gradient(ellipse at 45% 110%,#92713c,#485635 45%,#263e2c)}.art-reversi{background:radial-gradient(ellipse at 45% 110%,#657b73,#314b42 45%,#1a342e)}.community-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:26px;margin:40px 0}.room-list{display:grid;gap:12px}.room-tile{display:flex;gap:18px;padding:18px;background:#1c3225;border:1px solid var(--line);border-radius:10px;align-items:center}.room-tile b{font-size:14px}.room-tile p{font-size:12px;color:#9eb29c;margin:8px 0}.room-tile small{font-size:10px;color:#b5bc8a}.room-tile button{margin-left:auto;flex-shrink:0}.room-icon{font-size:30px}.empty-state{text-align:center;padding:50px 25px;border:1px dashed #405741;border-radius:12px;color:#a6b89e;font-size:13px;line-height:1.8}.reading{margin:25px 0 45px}.reading p{font-size:13px;line-height:1.8;color:#aebfa6}.reading a,.modal a{color:var(--accent);font-size:12px;text-decoration:underline}.network-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;padding-bottom:45px;align-items:start}.game-area{min-height:560px;padding:20px;overflow:hidden}.room-sidebar{padding:20px}.member{display:flex;gap:9px;align-items:center;padding:14px 0;border-bottom:1px solid #334934;font-size:12px}.member>div{flex:1}.member small{display:block;font-size:9px;color:#95aa92;margin-top:5px}.member>small{flex-shrink:0}.member b{font-weight:500}.member.current b{color:var(--accent)}.member .secondary{font-size:10px;padding:8px}.presence{width:6px;height:6px;flex-shrink:0;background:#607361;border-radius:50%}.presence.online{background:#b6c68a}.local-form{margin:18px 0;display:flex;gap:7px}.local-form input{font-size:11px;padding:10px}.local-form button{font-size:10px;white-space:nowrap;padding:8px}.lobby-center,.handoff{min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px;padding:30px 15px}.lobby-center h2,.handoff h2{font-size:30px;margin:0}.lobby-center p,.handoff p{font-size:13px;color:#b6c4ad;line-height:1.8;margin:0}.lobby-icon,.handoff>span{font-size:70px}.chat-panel{margin-top:30px}.chat-panel h3{font-weight:500;font-size:16px}.chat-messages{height:280px;overflow:auto;overscroll-behavior:contain;padding-right:8px}.chat-messages article{padding:12px 0;border-bottom:1px solid #334934;font-size:11px;overflow-wrap:anywhere}.chat-messages b{font-size:11px;color:#d9c991}.chat-messages time{float:right;font-size:9px;color:#91a48e}.chat-messages p{font-size:12px;line-height:1.7;margin:7px 0;color:#c9d4c0;white-space:pre-wrap}.chat-panel form{display:flex;gap:8px;margin-top:14px}.chat-panel input{padding:11px;font-size:12px}.local-switch{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.local-switch label{display:flex;align-items:center;gap:10px;margin:0;font-size:11px}.local-switch select{width:auto}.private-goal{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 0 25px}.private-goal p{font-size:12px;color:#c7d3bd;line-height:1.8;margin-bottom:0}.private-goal .secondary{flex-shrink:0}.online-dice{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1fr);gap:25px;margin-top:20px}.online-dice .dice-row{margin:15px 0}.online-dice .play-dice{grid-template-columns:repeat(3,1fr)}.online-dice .play-dice button{padding:10px 5px;font-size:10px;display:block}.dice-actions{padding-top:24px}.dice-actions>button{margin-bottom:12px}.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.hero-die{font-size:145px;color:#e1d7b0;line-height:1.2;filter:drop-shadow(0 8px 8px #0006);padding-top:20px}.dice-table{text-align:center;padding:25px 10px}.pot span{display:block;font-size:12px;color:#abbca3}.pot strong{display:block;font-size:55px;font-weight:500;color:#dbcb99}.game-controls{display:flex;justify-content:center;gap:14px;margin:25px 0 35px}.score-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.score-cards>div{border:1px solid var(--line);border-radius:10px;padding:15px;min-width:0}.score-cards b{font-size:12px;display:block;overflow-wrap:anywhere}.score-cards strong{font-size:30px;display:block;margin:10px}.score-cards progress{width:100%;height:5px;accent-color:#d5c58d}.score-cards .active-player{border-color:#d5c58d}.reversi-table{max-width:570px;margin:auto;padding:15px 0}.disc-score{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:20px}.disc-score b{font-size:20px;margin-left:8px;color:#dace9d}.reversi-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:10px;background:#102219;border:1px solid #456345;border-radius:10px}.reversi-cell{aspect-ratio:1;border:0;background:#2a4a34;border-radius:3px;padding:9%;display:grid;place-items:center}.reversi-cell:disabled{opacity:1;cursor:default}.reversi-cell.legal{background:#365c3e;cursor:pointer}.reversi-cell.legal:hover{background:#58794f}.disc{display:block;width:100%;height:100%;border-radius:50%;box-shadow:0 3px 4px #0008,inset 0 2px 2px #ffffff25}.disc.black{background:radial-gradient(circle at 30% 25%,#505551,#111b15 65%)}.disc.white{background:radial-gradient(circle at 30% 25%,#faf9e9,#c5ccaf 80%)}.legal-dot{width:18%;height:18%;background:#b7c88b;border-radius:50%}.admin-stats{display:flex;gap:20px;margin-bottom:25px}.admin-stats strong{font-size:30px;color:var(--accent);margin-right:15px}.admin-table{overflow:auto;margin-bottom:25px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}td,th{padding:15px;border-bottom:1px solid var(--line)}td small{display:block;margin-top:6px;color:#a6b69c}.admin-table button{font-size:10px;padding:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#dac994;color:#243624;padding:15px 25px;border-radius:10px;z-index:20;box-shadow:0 10px 40px #0007;max-width:90vw;font-size:13px}.topbar{gap:20px}.game-heading h1{overflow-wrap:anywhere}.modal p{line-height:1.8}.results-online{margin-top:25px}@media(max-width:1100px){.network-layout{grid-template-columns:minmax(0,1fr) 280px}.game-area{padding:15px}.online-dice{grid-template-columns:1fr}.dice-actions{padding-top:0}.three .card-body{padding:18px}.three .card-body h3{font-size:23px}}@media(max-width:850px){.network-layout,.auth-layout,.community-layout{grid-template-columns:1fr}.auth-layout{gap:10px;padding:0 0 40px}.auth-panel{max-width:none}.game-grid.three{grid-template-columns:1fr}.three .card-art{height:155px}.topbar{height:auto;min-height:85px;flex-wrap:wrap;padding:18px}.topbar nav{gap:12px;font-size:10px;flex-wrap:wrap}.topbar .tag{display:none}.account-name{max-width:100px;overflow:hidden}.topbar nav button{padding:7px;font-size:10px}.room-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:25px}.chat-panel{margin-top:0}.room-tile{gap:10px;padding:14px}.three .card-meta{font-size:11px}.hero.compact h1{font-size:35px}}@media(max-width:550px){.room-sidebar{display:block}.chat-panel{margin-top:25px}.bonus-grid{grid-template-columns:1fr}.disc-score{font-size:10px}.disc-score b{font-size:16px}.game-heading h1{font-size:25px}.local-switch{align-items:start;gap:8px}.local-switch label{display:grid}.private-goal{align-items:start}.online-dice{gap:12px}.game-area{padding:12px}.room-tile b{font-size:12px}.room-tile .secondary{padding:9px;font-size:11px}.hero h1{font-size:35px}.admin-stats{flex-direction:column}}
