:root{--sidebar-width:228px;--page-pad:26px;--touch:40px}html{scroll-padding-top:70px}body{overflow-x:hidden;font-size:14px;background:#111f18}.site-content{margin-left:var(--sidebar-width);min-height:100dvh;display:flex;flex-direction:column;min-width:0}main#app{width:100%;max-width:none;padding:0 var(--page-pad) 25px;margin:0 auto;flex:1;min-width:0}#site-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100dvh;overflow-y:auto;overscroll-behavior:contain;z-index:30;padding:26px 18px 16px;background:#14271d;border-right:1px solid #314737;display:flex;flex-direction:column;gap:0}.sidebar-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650;letter-spacing:-.6px}.sidebar-brand small{display:block;font-size:15px;font-weight:400;letter-spacing:0;color:#c3ceb8;margin-top:2px}.brand-mark{font-size:34px;color:#d7c58e}.sidebar-caption{font-size:10px;color:#9db396;margin:12px 0 24px}.primary-nav{display:grid;gap:4px}.primary-nav>a{display:flex;align-items:center;gap:12px;min-height:40px;padding:10px 11px;color:#b4c6ab;border-radius:7px;font-size:12px}.primary-nav>a>span{font-size:17px;width:20px;text-align:center;color:#bdc38e}.primary-nav>a:hover,.primary-nav>a[aria-current=page]{background:#2b4230;color:#eee7cd}.side-block{border-top:1px solid #314837;padding-top:18px;margin-top:18px}.side-label{font-size:9px;letter-spacing:1.4px;color:#9db291;margin-bottom:12px}.online-summary{display:flex;align-items:center;gap:8px;font-size:11px;color:#a7b99e}.online-summary b{font-size:19px;color:#dfd5b0;font-weight:500}.side-game{display:flex;align-items:center;gap:8px;min-height:35px;font-size:11px}.side-game>b{font-weight:400;flex:1}.side-game>small{font-size:10px;color:#d4c490}.side-game>span{font-size:19px}.side-empty{font-size:11px;color:#8fa689;line-height:1.6}.side-contacts{display:grid;gap:7px}.side-contacts .side-label{margin-bottom:3px}.side-contacts a{font-size:11px;color:#c7c9a7;overflow-wrap:anywhere;line-height:1.7}.sidebar-account{display:flex;align-items:center;gap:9px;border-top:1px solid #314837;padding-top:18px;margin-top:auto;min-height:85px}.sidebar-account>div:nth-child(2){min-width:0;flex:1}.sidebar-account b{display:block;font-size:12px;overflow-wrap:anywhere;font-weight:500}.sidebar-account small{display:block;color:#93a98b;font-size:9px;margin-top:5px;overflow-wrap:anywhere}.account-avatar{width:32px;height:32px;border-radius:9px;background:#354d33;color:#d6cc99;display:grid;place-items:center;flex-shrink:0}.sidebar-account button{font-size:21px;min-width:40px;min-height:40px;padding:5px}.mobile-close,#mobile-header,.menu-backdrop{display:none}.skip-link{position:fixed;top:-100px;left:250px;background:#d8c58e;color:#17291c;padding:12px;z-index:100}.skip-link:focus{top:10px}.page-heading{padding:29px 0 20px}.page-heading h1{font-size:29px;font-weight:500;letter-spacing:-.8px;margin:10px 0}.page-heading p{font-size:12px;line-height:1.7;color:#a3b69b;margin:0}.eyebrow{font-size:9px;letter-spacing:1.5px}.panel{padding:18px;border-radius:10px}.panel h2{font-size:18px;margin:0 0 14px}.panel p{line-height:1.7}.panel label{margin:12px 0;gap:6px;font-size:11px}.panel input,.panel select{padding:10px;min-height:38px;border-radius:6px;font-size:12px}.primary,.secondary{min-height:38px;font-size:12px;border-radius:7px}.primary{padding:11px 14px}.secondary{padding:9px 12px}.game-grid.three{--catalog-card-min:420px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--catalog-card-min)),1fr))}.game-card{border-radius:10px}.compact-art{height:79px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.compact-art>span{font-size:41px;filter:drop-shadow(0 4px 4px #0004)}.compact-art>small{font-size:10px;color:#e0e5c9;background:#142b1e99;padding:5px 8px;border-radius:20px}.three .card-body{padding:14px}.three .card-body h3{font-size:20px;margin:0 0 8px}.three .card-body p{font-size:11px;line-height:1.6;margin:0;color:#a5b89a;min-height:35px}.three .card-meta{padding-top:11px;margin-top:11px;font-size:10px;gap:8px;align-items:center;flex-wrap:wrap}.three .card-meta>span{max-width:75%;line-height:1.5}.three .card-meta b{white-space:nowrap}.community-layout{margin:24px 0;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:20px}.section-title{margin-bottom:13px}.section-title h2{font-size:19px;margin:0}.section-title>span{font-size:11px}.code-form{padding:12px;margin-bottom:12px;border-radius:8px}.code-form label{font-size:11px;margin-bottom:8px}.code-form input{padding:9px 10px;min-height:38px;font-size:12px;letter-spacing:2px}.room-list{gap:8px}.room-tile{padding:12px;gap:10px;border-radius:8px}.room-icon{font-size:24px;flex-shrink:0}.room-tile>div{min-width:0}.room-tile b{font-size:12px;overflow-wrap:anywhere}.room-tile p{font-size:10px;margin:5px 0;line-height:1.6;overflow-wrap:anywhere}.room-tile small{font-size:9px}.room-tile button{font-size:11px}.empty-state{padding:30px 15px;font-size:12px}.footnote{font-size:10px;margin:12px 0;line-height:1.65}.setup-notice{display:flex;align-items:center;gap:15px;padding:13px 16px;border:1px solid #b5ac6355;background:#b8ad5912;border-radius:8px;margin-top:22px;font-size:12px}.setup-notice b{font-weight:500;color:#e0cd94}.setup-notice p{font-size:11px;color:#aebc9e;margin:5px 0 0}.setup-notice a{margin-left:auto;white-space:nowrap}.setup-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px}.setup-layout .panel{align-self:start}.prose{max-width:850px}.prose p{color:#afc0a5;font-size:13px;line-height:1.8}.prose h2{margin-top:15px;font-size:18px}.prose details{margin-top:20px}.prose summary{cursor:pointer;color:#d8cb9b;font-size:12px}.auth-layout{max-width:890px;margin:25px auto;grid-template-columns:1.1fr 1fr;gap:40px;padding:30px 0}.auth-intro h1{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:15px 0}.auth-intro p{color:#a8ba9e;font-size:13px;line-height:1.8}.intro-icons{font-size:36px;letter-spacing:14px;margin-top:23px}.auth-panel{max-width:370px}.auth-panel h2{font-size:21px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.help-grid h2{font-size:17px}.help-grid p{font-size:12px;color:#afc0a5;line-height:1.8}.contact-page{max-width:700px}.contact-page a{display:block;font-size:15px;padding:12px 0;color:#ddce9e;overflow-wrap:anywhere}.contact-page p{font-size:12px;color:#afc0a5}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-stats{gap:15px;margin-bottom:18px}.admin-stats .panel{font-size:12px}.admin-stats strong{font-size:25px}.admin-table{margin-bottom:18px}.admin-table td,.admin-table th{font-size:11px;padding:12px}.admin-table td button{min-height:34px;margin:3px 0}.panel+.panel{margin-top:18px}.ranking-grid{gap:18px;margin:0 0 25px}.ranking-row{padding:12px 0;font-size:12px}.ranking-grid h2{font-size:18px}.ranking-row strong{font-size:18px}#site-footer{display:block;margin:20px 0 0;padding:24px var(--page-pad) 15px;background:#12241a;border-top:1px solid #304633;color:#9caf92;line-height:1.8;font-size:11px}.footer-content{max-width:none;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:24px}.footer-brand{font-size:16px;font-weight:600;color:#d8dfc5}.footer-content h3{font-size:11px;font-weight:500;color:#d9d9b5;margin:0 0 10px}.footer-content p{font-size:10px;line-height:1.9;margin:10px 0}.footer-content>nav,.footer-content>div:last-child{display:flex;flex-direction:column;align-items:start}.footer-content a{font-size:10px;line-height:1.8;padding:4px 0;overflow-wrap:anywhere}.footer-content .footer-brand{font-size:16px}.footer-content a:hover{color:#ded09e}.footer-bottom{max-width:none;margin:18px auto 0;padding-top:13px;border-top:1px solid #2b4130;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#829b7c}.game-heading{padding:22px 0 18px;gap:12px}.game-heading .back{margin-bottom:16px;font-size:11px}.game-heading h1{font-size:26px;margin:9px 0}.game-heading p{font-size:11px}.heading-actions{gap:7px}.heading-actions button{font-size:10px;min-height:36px;padding:8px 10px}.network-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px;padding-bottom:20px}.game-area{min-height:400px;padding:15px}.room-sidebar{padding:15px}.member{padding:11px 0}.member .secondary{min-height:34px}.member .text-button{min-width:32px;min-height:34px}.lobby-center,.handoff{min-height:300px;padding:20px 10px;gap:12px}.lobby-icon,.handoff>span{font-size:50px}.lobby-center h2,.handoff h2{font-size:24px}.lobby-center p,.handoff p{font-size:12px}.chat-panel{margin-top:22px}.chat-messages{height:230px}.chat-panel .section-title h3{margin:0;font-size:14px}.chat-panel input{min-height:40px}.chat-panel form button{min-width:40px;min-height:40px}.journal{padding:15px 0 0;margin-top:15px}.journal p{font-size:11px;margin:10px 0}.private-goal{padding:8px 0 18px}.private-goal p{font-size:11px}.board-legend{font-size:9px;padding:14px 0;gap:11px}.online-dice{gap:18px;margin-top:13px}.hero-die{font-size:110px;padding:10px 0}.pot strong{font-size:42px}.dice-table{padding:15px 5px}.game-controls{margin:18px 0 25px}.score-cards{gap:9px}.score-cards>div{padding:12px}.score-cards strong{font-size:25px}.reversi-table{max-width:510px}.disc-score{font-size:11px;gap:10px}.disc-score span{overflow-wrap:anywhere}.modal{border-radius:12px;padding:25px;max-height:85dvh}.modal h2{font-size:22px}.modal p{font-size:12px}.faq-item{padding:12px 0}.faq-item summary{font-size:12px}.faq-item[open] summary{color:#f1dfac}.invite-banner{padding:12px 16px;gap:15px;margin-bottom:18px;font-size:11px}.invite-code{font-size:23px}.local-form input{min-height:38px}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #d8c58e;outline-offset:3px}#toast{bottom:max(15px,env(safe-area-inset-bottom));font-size:12px;padding:12px 18px}body[data-menu=open]{overflow:hidden}
@media(min-width:901px){body[data-menu=open]{overflow:auto}}
@media(min-width:1500px){.compact-art{height:95px}.community-layout{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr)}.network-layout{grid-template-columns:minmax(0,1fr) 300px}.game-area{padding:20px}}
@media(max-width:1150px){.game-grid.three{--catalog-card-min:300px}:root{--sidebar-width:205px;--page-pad:20px}#site-sidebar{padding:23px 14px 12px}.network-layout{grid-template-columns:1fr}.room-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:22px}.room-sidebar .chat-panel{margin-top:0}.compact-art{padding:12px}.compact-art>span{font-size:35px}.compact-art>small{font-size:9px;padding:4px 6px}.three .card-body{padding:12px}.three .card-body h3{font-size:18px}.three .card-meta{align-items:start}.three .card-meta>span{max-width:100%}.footer-content{gap:18px;grid-template-columns:1.2fr 1fr 1fr}.footer-content>div:last-child{grid-column:1/-1;flex-direction:row;gap:15px;align-items:center;flex-wrap:wrap}.footer-content>div:last-child h3{margin:0}}
@media(max-width:900px){:root{--page-pad:20px}.site-content{margin-left:0;min-height:calc(100dvh - 54px)}#mobile-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;height:54px;background:#15291eee;border-bottom:1px solid #314737;backdrop-filter:blur(10px);padding:0 16px}.menu-toggle{border:1px solid #465c40;border-radius:7px;min-width:40px;min-height:40px;background:#243c29;color:#d3d9b9;font-size:20px}.mobile-brand{font-size:16px;font-weight:500;letter-spacing:-.4px}.mobile-online{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:12px;color:#c5cda7}.mobile-online i{width:6px;height:6px;background:#a5c67b;border-radius:50%}#site-sidebar{z-index:60;width:min(280px,85vw);padding:25px 20px 20px;transform:translateX(-100%);visibility:hidden;pointer-events:none;transition:transform .18s,visibility .18s}.mobile-close{display:block;position:absolute;right:12px;top:12px;min-width:40px;min-height:40px;font-size:18px}.menu-backdrop{position:fixed;inset:0;z-index:50;border:0;background:#031109b8;width:100%;height:100%;cursor:pointer}body[data-menu=open] #site-sidebar{transform:translateX(0);visibility:visible;pointer-events:auto}body[data-menu=open] .menu-backdrop{display:block}.sidebar-account{margin-top:auto}.primary-nav>a{min-height:44px}.side-block{padding-top:16px;margin-top:16px}.community-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.auth-layout{grid-template-columns:1fr 1fr;gap:30px;padding:25px 0}.auth-intro h1{font-size:30px}.setup-layout{gap:15px}.skip-link{left:15px}.game-heading .heading-actions{flex-direction:row;flex-wrap:wrap;justify-content:end;margin-top:0}.network-layout{grid-template-columns:1fr}.online-dice{grid-template-columns:1fr 1fr}.footer-content{grid-template-columns:1.3fr 1fr 1fr}.footer-content>div:last-child{grid-column:1/-1}.game-area{min-height:0}.help-grid{gap:12px}}
@media(max-width:620px){:root{--page-pad:14px}.page-heading{padding:23px 0 17px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.game-grid.three{grid-template-columns:1fr;gap:10px}.game-card{display:grid;grid-template-columns:78px minmax(0,1fr);min-height:120px}.compact-art{height:100%;flex-direction:column;justify-content:center;gap:12px;padding:10px 5px}.compact-art>span{font-size:35px}.compact-art>small{font-size:8px;padding:4px 5px}.three .card-body{padding:13px}.three .card-body h3{font-size:19px;margin-bottom:6px}.three .card-body p{min-height:0;font-size:11px}.three .card-meta{padding-top:9px;margin-top:9px;flex-wrap:nowrap;align-items:center}.three .card-meta>span{font-size:9px;max-width:75%}.three .card-meta b{font-size:9px}.community-layout{grid-template-columns:1fr;gap:18px;margin:22px 0}.create-panel{order:2}.section-title h2{font-size:19px}.code-form>div{flex-direction:row}.code-form input{width:100%;font-size:13px}.code-form button{padding:8px 10px;font-size:11px;min-height:40px}.room-tile .secondary{min-height:40px}.panel input,.panel select{font-size:16px;min-height:42px}.panel label{font-size:11px}.primary,.secondary{min-height:42px}.text-button{min-height:40px}.room-sidebar{display:block}.room-sidebar .chat-panel{margin-top:22px}.chat-messages{height:230px}.chat-panel input{font-size:16px}.local-form{flex-wrap:wrap}.local-form input{flex:1;min-width:150px;font-size:16px}.local-form button{min-height:42px}.game-heading{display:block;padding:19px 0 15px}.game-heading h1{font-size:23px;margin-bottom:6px}.game-heading .back{margin-bottom:12px}.game-heading .heading-actions{display:flex;justify-content:start;gap:7px;margin-top:14px}.game-heading .heading-actions button{font-size:10px;min-height:40px}.heading-actions>button:first-child{max-width:100%}.game-area{padding:12px}.online-dice{grid-template-columns:1fr}.online-dice .dice-row{max-width:none}.online-dice .die{min-height:75px}.online-dice .die>span{font-size:30px}.online-dice .play-dice{gap:7px}.online-dice .play-dice button{font-size:11px;min-height:42px}.dice-actions{padding-top:0}.private-goal{align-items:start}.private-goal .secondary{min-width:86px;font-size:11px}.bonus-grid{grid-template-columns:1fr}.bonus-row .secondary{min-width:48px;min-height:44px}.local-switch{gap:10px;align-items:center}.local-switch label{display:grid;font-size:10px;gap:7px}.local-switch select{max-width:200px;font-size:16px}.invite-banner{gap:8px 15px;padding:12px}.invite-banner>span:last-child{width:100%;font-size:10px}.invite-code{font-size:23px}.lobby-center,.handoff{padding:20px 8px;min-height:285px}.lobby-center h2,.handoff h2{font-size:23px}.disc-score{font-size:10px;gap:8px}.disc-score b{font-size:18px;margin-left:5px}.reversi-grid{padding:6px;gap:2px}.reversi-cell{min-height:0;padding:8%}.score-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.score-cards strong{font-size:26px}.hero-die{font-size:105px}.game-controls{gap:10px}.auth-layout{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin:0 auto;padding:25px 0;max-width:420px}.auth-intro h1{font-size:27px;margin:10px 0}.auth-intro p{font-size:12px;margin:0}.auth-intro .intro-icons{display:none}.auth-panel{max-width:none}.setup-layout,.help-grid,.settings-fields{grid-template-columns:1fr;gap:14px}.setup-layout .panel+.panel{margin-top:0}.setup-notice{align-items:start;padding:12px;gap:10px}.setup-notice p{font-size:10px}.setup-notice b{font-size:11px}.setup-notice a{font-size:10px;min-height:38px;padding:8px}.admin-stats{flex-direction:row;flex-wrap:wrap}.admin-stats .panel{flex:1}.admin-table td,.admin-table th{font-size:10px;padding:10px 7px}.admin-table td button{white-space:nowrap}.modal-backdrop{padding:10px}.modal{padding:20px;max-height:90dvh}.modal h2{font-size:21px}.faq-item summary{min-height:36px;line-height:1.6}.faq-item p{font-size:12px}.footer-content{grid-template-columns:1fr 1fr;gap:18px}.footer-about{grid-column:1/-1}.footer-content>div:last-child{grid-column:1/-1;display:flex;flex-direction:column;align-items:start;gap:0}.footer-content>div:last-child h3{margin-bottom:8px}.footer-content a{min-height:35px;font-size:11px;display:flex;align-items:center}.footer-content .footer-brand{min-height:0}.footer-content p{font-size:11px;margin:5px 0 0}.footer-bottom{display:flex;flex-direction:column;gap:4px;font-size:9px}#site-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.ranking-grid{grid-template-columns:1fr}.prose p{font-size:12px}}
@media(prefers-reduced-motion:reduce){#site-sidebar{transition:none}}

.sidebar-account .logout-button{display:grid;place-items:center}

.ready-center{margin:18px auto;padding:18px;border:1px solid #8b9473;border-radius:12px;max-width:780px;background:#1b3027}.ready-center h3{font-size:21px;margin:0 0 10px}.ready-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0}.ready-buttons .readiness{font-size:17px;font-weight:700;padding:15px 22px;border:2px solid;border-radius:10px;cursor:pointer}.ready-players{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.readiness-badge{padding:7px 10px;border:1px solid;border-radius:7px;font-size:12px}.is-ready{background:#28583b!important;border-color:#81c68f!important;color:#e6f6df!important}.not-ready{background:#793d39!important;border-color:#df9384!important;color:#fff0e5!important}.cyber-lobby-controls{max-width:550px;margin:14px auto}.cyber-lobby-controls label{display:block;margin:8px 0}.cyber-lobby-controls input[type=number]{max-width:80px;margin-left:8px}@media(max-width:620px){.ready-center{padding:12px}.ready-buttons .readiness{font-size:15px;padding:13px}.ready-center h3{font-size:18px}}

.cyber-personal{display:grid;grid-template-columns:76px repeat(3,minmax(100px,1fr));gap:10px;padding:12px;border:1px solid #68857a;border-radius:10px;margin:12px 0;background:#142a25}.cyber-personal legend{padding:0 6px;color:#b9dace}.cyber-personal small{grid-column:1/-1;color:#9fb8ae}.cyber-personal select{width:100%}@media(max-width:700px){.cyber-personal{grid-template-columns:76px 1fr}.cyber-personal label:nth-of-type(n+2){grid-column:1/-1}}