:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#ece7db;background:#101322;font-synthesis:none;font-size:17px;--gold: #d9b97d;--muted: #b4b1c3;--border: #e2cda429}.online-screen{height:100dvh;overflow:auto;padding:36px 20px;background:radial-gradient(ellipse at 50% 0%,#35314f,#101322 65%)}.online-card{width:min(100%,520px);margin:0 auto 18px;padding:26px;border:1px solid #dbc29045;border-radius:16px;background:linear-gradient(145deg,#202139f2,#111624f2);box-shadow:0 16px 48px #0005}.login-card{margin-top:min(10vh,90px)}.online-mark{color:var(--gold);font-size:38px}.online-eyebrow{margin:0 0 8px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.14em}.online-card h1,.online-header h1{margin:0 0 10px;font-size:clamp(26px,4vw,38px)}.online-card h2{margin:0 0 14px;font-size:21px}.online-card p{color:var(--muted);line-height:1.5}.online-card form{display:grid;gap:14px;margin-top:20px}.online-card label{display:grid;gap:6px;color:#e4dece;font-size:14px}.online-card input{width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;padding:9px 12px;background:#090e19}.online-primary{color:#17131a;font-weight:700;background:linear-gradient(120deg,#e2c98e,#bda05f);border-color:#e2c98e}.online-link{margin-top:14px;border:0;background:transparent;color:var(--gold)}.online-alert{color:#ffd4c8!important;padding:10px 12px;border:1px solid #ef7e6355;border-radius:8px;background:#742b2635}.online-notice{color:#d8edc7;padding:10px 14px}.lobby-screen{padding:24px max(16px,calc((100vw - 1050px)/2))}.online-header,.online-header-user,.online-section-title,.invitation-row,.online-actions{display:flex;align-items:center;gap:12px}.online-header,.online-section-title{justify-content:space-between}.online-header{margin:0 auto 22px;max-width:1050px}.online-header-user{flex-wrap:wrap;justify-content:flex-end;color:var(--muted)}.online-header-user strong{color:#f1eadb}.lobby-welcome{display:flex;align-items:center;justify-content:space-between}.lobby-players,.user-list{display:grid;gap:8px}.lobby-player,.user-row{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#080d181f}.lobby-player>div,.user-row>div{display:grid;flex:1;gap:3px}.lobby-player small,.user-row small{color:var(--muted)}.lobby-player button{margin-left:auto}.presence-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:#9b7a64}.presence-dot.is-online{background:#8bc878;box-shadow:0 0 10px #8bc87888}.online-empty{text-align:center}.admin-card{width:min(100%,900px)}.admin-create{display:grid;grid-template-columns:1fr 1fr;align-items:end}.user-list{margin-top:12px}.user-row{flex-wrap:wrap}.online-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#050711d9}.online-modal .online-card{margin:0}.online-actions{justify-content:flex-end}.online-gamebar{position:fixed;z-index:8;top:12px;left:12px;display:flex;align-items:center;gap:10px;padding:6px;border:1px solid var(--border);border-radius:10px;background:#131827df}.online-gamebar strong{margin-left:5px}.online-toast{position:fixed;z-index:30;bottom:18px;left:50%;transform:translate(-50%);max-width:calc(100vw - 24px);padding:12px 16px;border:1px solid #ef7e6355;border-radius:9px;background:#45201fef}@media(max-width:650px){.online-screen{padding:18px 12px}.lobby-screen{padding:14px 10px}.online-header{align-items:flex-start}.online-header-user{gap:7px;font-size:13px}.online-card{padding:19px}.admin-create{grid-template-columns:1fr}.user-row{align-items:flex-start}.online-gamebar{top:8px;left:8px;gap:5px;padding:4px;font-size:12px}.online-gamebar button{padding:5px 8px;min-height:38px;font-size:13px}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button,select,input{min-height:44px}button{cursor:pointer;border:1px solid var(--border);background:#ffffff06;border-radius:8px;line-height:1.35;padding:9px 12px;font-size:16px}button:hover{background:#e3c48319;border-color:#d5b57f88}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button,a,input,select{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}main{width:100%;height:100dvh;position:relative;overflow:hidden;background:#101322}.scene-area{position:absolute;inset:0;overflow:hidden}.scene-area>div:has(>canvas){position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.scene-area canvas{display:block;touch-action:none}.game-panel{position:absolute;z-index:5;top:16px;right:16px;width:304px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;border:1px solid #dbc29045;border-radius:14px;background:linear-gradient(145deg,#202139f2,#111624f2);box-shadow:0 14px 55px #0009,inset 0 1px #ffefca13;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-header{display:flex;gap:5px;align-items:center;justify-content:space-between;padding:10px 10px 7px 14px;flex-shrink:0}.brand{display:block;flex:1;min-width:0}.brand img{display:block;width:148px;max-width:100%;height:auto}.icon-button{width:44px;padding:3px;flex-shrink:0;font-size:25px}.panel-content{overflow:auto;min-height:0;padding:0 15px 13px;scrollbar-width:thin;scrollbar-color:#8e794f transparent}.app-name{font-size:13px;color:var(--gold);margin:0 0 13px;letter-spacing:.4px}.compact-status{margin:0;padding:0 14px 12px;color:#e6d2a8;font-size:16px;line-height:1.4;overflow-wrap:anywhere}.game-panel[data-expanded=false]{width:270px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.eyebrow{color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.7px}.tiny-board{font-size:18px;color:#ada5bf}.status-block{padding:10px 0 12px}.status-icon{display:none}.status-block h2{font:400 24px/1.2 Georgia,serif;margin:0 0 6px;overflow-wrap:anywhere}.status-block p{color:var(--muted);font-size:15px;line-height:1.4;margin:0}.game-panel form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.name-field{min-width:0;display:grid;grid-template-columns:10px 1fr;gap:0 6px;align-items:center;background:#090e1966;border:1px solid var(--border);border-radius:8px;padding:7px}.name-field label{color:var(--muted);font-size:13px}.name-field input{width:100%;min-width:0;padding:0;border:0;background:transparent;font-size:17px}.piece-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #dbc99f80}.piece-dot.white{background:#eee3c9}.piece-dot.black{background:#211e2c}.name-field>.piece-dot{grid-row:span 2}.primary{background:var(--gold);color:#211d21;border-color:var(--gold);font-weight:650}.primary:hover{background:#e9cc97;color:#18131d}.start{grid-column:span 2;width:100%;display:flex;justify-content:space-between;min-height:48px;font-size:17px}.start>span{font-size:24px}.players{display:flex;gap:7px}.player{flex:1;min-width:0;display:flex;gap:7px;align-items:center;padding:8px;border:1px solid var(--border);background:#0d12234d;border-radius:8px}.player.active{border-color:#d8b77b77;background:#dfbc7c0b}.player>div{flex:1;min-width:0}.player strong{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere}.player small{display:block;min-height:18px;color:#bdb5cc;font-size:18px}.turn-indicator{width:5px;height:5px;border-radius:50%;background:var(--gold)}.history-details{margin-top:12px;border-top:1px solid var(--border)}.history-details summary{min-height:44px;padding:12px 0 8px;color:#cfc4ae;font-size:15px;cursor:pointer}.history-heading{display:none}.move-history{max-height:140px;overflow:auto;scrollbar-width:thin}.history-labels,.move-row{display:grid;grid-template-columns:28px 1fr 1fr;gap:6px;padding:5px;font-size:16px}.history-labels{font-size:13px;color:var(--muted)}.move-row:nth-child(2n){background:#ffffff05}.move-row .latest{color:var(--gold)}.empty-history p{color:var(--muted);font-size:14px}.empty-history>span,.empty-line{display:none}.panel-bottom{margin-top:7px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.draw-actions{display:flex;flex-wrap:wrap;grid-column:span 2;gap:6px}.draw-actions button{flex:1;font-size:14px;padding:6px}.reset,.board-toggle{min-width:0;font-size:15px;padding:8px 5px}.reset>span{font-size:15px}.camera-controls{margin-top:9px;display:flex;gap:5px;align-items:center}.camera-controls>button{width:44px;flex-shrink:0;padding:2px;font-size:23px}.camera-controls>span{display:none}.camera-controls label{display:flex;flex:1;min-width:0;font-size:0}.camera-controls select{width:100%;min-width:0;font-size:16px;color:#e8dfd2;background:#25243b;border:1px solid var(--border);border-radius:7px;padding:8px}footer{margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.footer-actions{display:flex;gap:5px}.footer-actions button{flex:1;min-width:44px;padding:6px;font-size:14px}footer>span{display:block;margin-top:8px;color:#b2a9bd;font-size:12px}.fullscreen-error{font-size:14px;line-height:1.4;color:#e7c58b}.modal-backdrop{position:fixed;inset:0;background:#070914d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20;padding:20px}.modal{max-width:560px;max-height:calc(100dvh - 40px);overflow-y:auto;width:100%;border:1px solid #d7caa333;background:#202238;border-radius:14px;padding:30px;box-shadow:0 30px 80px #0005}.modal h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:18px 0}.modal p{font-size:18px;line-height:1.8;color:#b8c0ac}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.modal-actions button{padding:12px 14px;font-size:16px}.promotion-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.promotion-choices button{display:flex;flex-direction:column;align-items:center;padding:12px 5px;font-size:14px;gap:7px}.promotion-choices span{font-size:40px;color:#eed7a1}.accessible-board-wrap{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,470px);padding:16px;background:#20243c;border:1px solid #d8c69655;border-radius:12px;box-shadow:0 25px 100px #0009}.accessible-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.accessible-heading h2{font-size:17px;font-weight:500;margin:0}.accessible-heading button{border:0;font-size:22px;width:44px;min-height:44px}.accessible-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1}.accessible-board button{aspect-ratio:1;border-radius:0;border:0;position:relative;line-height:1}.accessible-board button:disabled{opacity:1}.accessible-board button>span{font-size:clamp(21px,5vw,40px);display:block;line-height:1}.light-square{background:#c5b08b}.dark-square{background:#72553c}.accessible-board button:hover{background:#b79b65}.white-glyph{color:#fff7e1;text-shadow:0 1px 2px #000,0 0 1px #000}.black-glyph{color:#191d18;text-shadow:0 0 1px #e8d8b4}.accessible-board small{position:absolute;left:3px;bottom:2px;font-size:12px;color:#211e17;opacity:.7}.accessible-board .selected-square{background:#cead5e}.accessible-board .legal-square{box-shadow:inset 0 0 0 3px #739356}.scene-fallback,.scene-loading{position:absolute;inset:35% 15%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.scene-fallback>span{font-size:60px;color:var(--gold)}.scene-fallback p{line-height:1.8;color:#c7cdbb}.scene-fallback button{padding:12px}.scene-loading{color:#bdbca6;font-size:17px}.claim-fields{display:flex;gap:10px}.claim-fields label{font-size:15px;flex:1;min-width:0}.claim-fields input,.claim-fields select{display:block;width:100%;margin-top:7px;border:1px solid #c8b47766;background:#13162b;color:#f3e6c8;border-radius:5px;padding:9px}.claim-fields select{font-size:15px}.modal{max-height:calc(100dvh - 32px);overflow:auto}.modal-actions button,.claim-fields label,.claim-fields select{font-size:16px}.accessible-board button{min-height:0}.accessible-heading button{width:44px;min-height:44px}.scene-fallback{inset:50% auto auto;left:calc(50% - 168px);transform:translate(-50%,-50%);width:min(70vw,520px);padding:24px;background:#171a30ef;border:1px solid var(--border);border-radius:16px}.scene-loading{inset:45% 25%;font-size:17px}@media(max-width:600px){.game-panel{top:auto;bottom:12px;right:12px;width:calc(100% - 24px);max-height:44dvh}.game-panel[data-expanded=false]{top:12px;bottom:auto;width:270px}.brand img{width:148px}.panel-header{padding-top:7px;padding-bottom:5px}.panel-heading{display:none}.status-block{padding-top:4px}.status-block h2{font-size:23px}.status-block p{display:none}.app-name{margin-bottom:5px}.modal-backdrop{padding:12px}.modal{padding:20px}.modal p{font-size:17px}.modal-actions{flex-wrap:wrap}.promotion-choices{grid-template-columns:repeat(2,1fr)}.accessible-board-wrap{max-height:94dvh;overflow:auto}.scene-fallback{left:50%;top:30%;width:calc(100% - 32px);max-height:48dvh;overflow:auto;padding:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.sheet-grip{display:none}.pwa-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.pwa-controls button{font-size:15px;flex:1}.pwa-controls>span{font-size:12px;color:#c5d2bd}@media(max-width:600px){.game-panel,.game-panel[data-expanded=false]{top:auto;bottom:max(10px,env(safe-area-inset-bottom));right:12px;width:calc(100% - 24px)}.game-panel[data-expanded=false]{max-height:140px}.sheet-grip{display:flex;min-height:44px;height:44px;padding:0;align-items:center;justify-content:center;width:100%;border:0;border-radius:14px 14px 0 0;background:transparent;touch-action:none;cursor:ns-resize}.sheet-grip>span{width:48px;height:5px;border-radius:5px;background:#d9b97d99}.game-panel[data-expanded=false] .panel-header{padding-top:0;padding-bottom:2px}.game-panel[data-expanded=false] .compact-status{padding-bottom:9px;font-size:15px}}