@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-latin.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{font-family:Inter,Arial,sans-serif;color:#ece9df;background:#0b131a;font-synthesis:none;font-weight:400;--gold:#cfb37a;--muted:#819097;--line:rgba(196,197,178,.15);--panel:rgba(14,24,30,.91)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,select:focus-visible{outline:2px solid #e3bd77;outline-offset:4px}button{border:0}button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:hover:not(:disabled){color:#f9dfad}button,a{-webkit-tap-highlight-color:transparent}button{transition:background .2s,color .2s,border-color .2s}#app{height:100dvh;min-height:540px;position:relative}#scene{position:absolute;inset:0 333px 0 0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.scene-vignette{position:absolute;inset:0 333px 0 0;pointer-events:none;background:linear-gradient(180deg,rgba(6,14,21,.5),transparent 32%,transparent 73%,rgba(6,13,18,.45)),linear-gradient(90deg,rgba(6,14,21,.3),transparent 30%,transparent 85%,rgba(8,16,23,.4))}.topbar{height:80px;position:absolute;z-index:5;top:0;left:0;right:0;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#080f14d9,#09111680)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:40px;height:44px;color:var(--gold)}.brand-name{font-family:Cormorant Garamond,Georgia,serif;font-size:26px;letter-spacing:2.4px;font-weight:600;line-height:1}.brand-sub{font-size:8px;letter-spacing:3.5px;color:#9d9d8e;margin-top:7px;text-transform:uppercase}.top-center{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2.5px;color:#a2a89f;position:absolute;left:50%;transform:translate(-50%)}.diamond{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}.top-actions{display:flex;gap:10px;align-items:center}.ghost-button{background:transparent;border:1px solid var(--line);border-radius:5px;padding:10px 13px;display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.3px}.ghost-button:hover{background:#ffffff08;border-color:#b69c6866}.icon-button{background:transparent;border:1px solid var(--line);border-radius:5px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.icon-button.active{color:var(--gold);border-color:#b69c6877;background:#c9a85e11}.scene-heading{position:absolute;top:111px;left:35px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:500;color:var(--gold);text-transform:uppercase}.scene-heading h1{font-family:Cormorant Garamond,Georgia,serif;font-size:39px;line-height:1.05;font-weight:500;margin:9px 0 10px;letter-spacing:.3px}.scene-heading p{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:16px;color:#aeb5b2;margin:0}.location-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9ebc9f;margin-right:8px;box-shadow:0 0 9px #aecbad55}.scene-coordinates{position:absolute;left:35px;bottom:97px;pointer-events:none}.turn-prompt{display:flex;align-items:center;gap:12px;padding:13px 17px;background:#0c171ccc;border:1px solid #a69b7433;border-radius:5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:480px}.turn-prompt .spark{color:var(--gold);font-size:22px}.turn-prompt strong{font-size:11px;font-weight:500;display:block;margin-bottom:4px}.turn-prompt small{font-size:10px;color:#94a19e}.camera-note{font-size:9px;letter-spacing:.25px;color:#85908f;margin-top:13px;display:flex;gap:15px;align-items:center}.camera-note span{display:flex;align-items:center;gap:5px}.key{border:1px solid #7f8c8844;padding:2px 4px;border-radius:3px;color:#a6aeaa;font-size:8px}.scene-status{position:absolute;top:112px;right:365px;display:flex;align-items:center;gap:7px;color:#afb7b2;font-size:9px;letter-spacing:1.4px}.scene-status .status-light{height:5px;width:5px;background:#b5c995;border-radius:50%;box-shadow:0 0 9px #b5c99566}.sidebar{position:absolute;z-index:4;right:20px;top:100px;bottom:90px;width:292px;background:var(--panel);border:1px solid var(--line);border-radius:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;box-shadow:0 10px 50px #0002;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:18px 19px 14px}.section-label{font-size:9px;letter-spacing:1.8px;font-weight:500;color:#a0aaa5}.tiny-badge{font-size:8px;letter-spacing:1px;border:1px solid #72988644;background:#7fab9511;color:#94b9a7;padding:4px 6px;border-radius:3px}.player{margin:0 12px;padding:13px 9px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.faction-icon{width:37px;height:40px;display:flex;align-items:center;justify-content:center;color:#97b9ac;border:1px solid #86ab9933;background:linear-gradient(140deg,#6b958120,#16352d18);border-radius:5px;font-size:29px;font-family:Georgia,serif}.player.white .faction-icon{color:#ddc798;border-color:#ccb77755;background:linear-gradient(140deg,#c6b67b22,#a8873d05)}.player-info{flex:1;min-width:0}.player-info h2{font-family:Cormorant Garamond,Georgia,serif;font-size:21px;font-weight:500;margin:0 0 4px;line-height:1}.player-info p{font-size:9px;color:#82948f;margin:0}.player.white{border:1px solid #cfb37a55;border-radius:5px;background:linear-gradient(110deg,#c1a66b13,transparent);margin-top:10px}.player-turn{font-size:8px;letter-spacing:1.2px;color:var(--gold);white-space:nowrap}.captured-pieces{font-family:Georgia,serif;letter-spacing:-3px;color:#83908b;font-size:18px;height:22px;padding:1px 20px;display:flex;align-items:center}.captured-pieces:empty:after{content:"No pieces captured";font-family:Inter,Arial,sans-serif;font-size:8px;letter-spacing:.2px;color:#546560}.chronicle{padding:19px 18px 0;flex:1;min-height:96px;display:flex;flex-direction:column}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head small{font-size:9px;color:#5f7374}.move-scroll{flex:1;min-height:54px;overflow:auto;margin-top:11px;scrollbar-width:thin;scrollbar-color:#596562 transparent}.empty-history{text-align:center;padding:16px 0 12px;color:#627575;font-size:10px;line-height:1.8}.empty-history .line-ornament{font-family:Georgia,serif;color:#7e795e;font-size:18px;display:block;margin-bottom:3px}.move-row{display:grid;grid-template-columns:30px 1fr 1fr;gap:6px;font-family:Inter,Arial,sans-serif;font-size:11px;line-height:28px;padding:0 4px;color:#b7c0b9;border-radius:3px}.move-row:nth-child(odd){background:#ffffff03}.move-row .move-number{font-size:9px;color:#647577}.move-row .last-san{color:#edd1a0}.dossier{border-top:1px solid var(--line);padding:17px 18px 13px;flex-shrink:0}.dossier-content{position:relative;height:117px;display:flex;align-items:center}.portrait{width:89px;height:117px;flex-shrink:0;position:relative;margin-left:-8px;background:radial-gradient(ellipse,#a98a4f18,transparent 67%)}.portrait canvas{position:absolute;inset:0;width:100%;height:100%}.character-info{padding-left:8px;flex:1}.character-role{font-size:9px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.character-info h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:500;font-size:23px;line-height:1.02;margin:7px 0 8px}.character-info p{font-size:9px;color:#859895;line-height:1.6;margin:0}.square-tag{font-size:9px;color:#a7b4a9;border:1px solid #82968c44;padding:3px 5px;border-radius:3px;letter-spacing:1px}.dossier-foot{border-top:1px solid #ffffff07;padding-top:9px;color:#718680;font-size:9px;display:flex;align-items:center;gap:6px}.dossier-foot b{color:#adbaac;font-weight:400}.match-bottom{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7d8d85}.match-bottom .undo{border:0;background:transparent;padding:0;display:flex;gap:6px;align-items:center;font-size:9px}.match-bottom .undo svg{width:13px;height:13px}.toolbar{position:absolute;z-index:5;bottom:0;left:0;right:0;height:69px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#081016e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toolbar-group{display:flex;align-items:center;gap:8px}.toolbar-label{font-size:9px;color:#73847f;letter-spacing:1.5px;margin-right:10px}.toolbar-divider{width:1px;height:21px;background:var(--line);margin:0 10px}.tool-button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:4px;padding:9px 11px;font-size:10px;color:#9baba5}.tool-button.active{background:#d7c38a0d;border-color:#c9b16b44;color:#d5bd88}.spell-button{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(110deg,#8c724215,#cbb37a13);border:1px solid #b99d6266;border-radius:4px;color:#ddc590;padding:11px 17px;font-size:10px;letter-spacing:.6px}.spell-button svg{width:15px;height:15px}.spell-button:hover{background:#cbb37a22}.sound-button{font-size:9px;gap:8px}.sound-dot{width:5px;height:5px;border-radius:50%;background:#5c7169}.sound-dot.on{background:#c7b477;box-shadow:0 0 6px #c7b47766}#tooltip{position:fixed;z-index:15;pointer-events:none;padding:8px 11px;background:#0b171eea;border:1px solid #9eaa8e44;border-radius:4px;font-size:10px;color:#dfd8bf;box-shadow:0 5px 20px #0005;white-space:nowrap}#tooltip small{color:#89a299;margin-left:8px}#tooltip[hidden]{display:none}#toast{position:absolute;z-index:25;top:86px;left:calc((100% - 333px)/2);transform:translate(-50%,-10px);opacity:0;pointer-events:none;background:#15252eef;border:1px solid #b69b6755;padding:12px 19px;border-radius:5px;font-size:11px;color:#e2d4af;transition:opacity .25s,transform .25s;text-align:center;max-width:450px}#toast.show{opacity:1;transform:translate(-50%)}dialog{color:#e5e7df;background:#101e26;border:1px solid #9c966855;border-radius:10px;padding:0;box-shadow:0 30px 150px #000a;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#040d15bb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-head{padding:27px 30px 19px;position:relative;border-bottom:1px solid var(--line)}.modal-head h2{font-family:Cormorant Garamond,Georgia,serif;font-size:34px;line-height:1.1;font-weight:500;margin:7px 0 4px}.modal-head .close{position:absolute;right:17px;top:17px}.modal-body{padding:24px 30px 29px}.modal-body p{font-size:12px;line-height:1.8;color:#a0b0a9;margin:0 0 19px}.modal-body h3{font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:500;margin:0 0 7px}.setting-label{display:block;margin-bottom:9px;color:#d1ccb6;font-size:10px;letter-spacing:.5px}.segmented{display:flex;gap:8px;margin-bottom:23px}.choice{border:1px solid #9aaf9933;border-radius:5px;background:#ffffff03;color:#a6b7ad;padding:13px 9px;flex:1;font-size:11px}.choice.selected{background:#b7a57018;color:#ead29d;border-color:#baaa6d99}.primary-button{width:100%;padding:14px 18px;border:1px solid #dcc385;background:linear-gradient(120deg,#c3a46b,#d8be89);color:#182020;border-radius:5px;font-size:11px;font-weight:600;letter-spacing:.5px}.primary-button:hover:not(:disabled){color:#111b20;background:#e4ce9e}.modal-footnote{font-size:9px!important;line-height:1.6!important;margin:14px 0 0!important;color:#728a82!important}.help-item{display:flex;gap:14px;margin:0 0 20px}.help-number{font-family:Cormorant Garamond,Georgia,serif;font-size:26px;color:#b8a170;min-width:23px}.help-item p{margin:0}.help-item strong{font-size:11px;display:block;color:#dbdbc9;margin:0 0 4px}.row-setting{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.row-setting span{font-size:12px}.row-setting small{display:block;font-size:10px;color:#839c90;margin-top:5px}.toggle{width:39px;height:22px;background:#354940;border:1px solid #5d756333;border-radius:20px;padding:3px;position:relative}.toggle:after{content:"";display:block;border-radius:50%;width:14px;height:14px;background:#92a497;transition:transform .2s}.toggle[aria-checked=true]{background:#ab9455}.toggle[aria-checked=true]:after{transform:translate(16px);background:#efe5c7}select{background:#182a31;color:#d5d8c9;border:1px solid #87987944;border-radius:4px;padding:9px;font-size:11px}.promotion-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.promotion-choice{background:#acb2980a;border:1px solid #9fb29533;color:#d4c494;border-radius:5px;padding:15px 3px;font-size:11px}.promotion-choice span{display:block;font-family:Georgia,serif;font-size:40px;margin-bottom:8px}.accessible-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;width:100%;border:1px solid #a69e71}.accessible-square{border:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:28px;color:#e9dac0;position:relative;background:#374b50;text-shadow:0 1px 2px #000}.accessible-square.light{background:#83928c}.accessible-square.black{color:#112329;text-shadow:0 1px 0 #d8e3cf77}.accessible-square.legal{box-shadow:inset 0 0 0 3px #d1bd73}.accessible-square.selected{box-shadow:inset 0 0 0 3px #ecdaa1}.accessible-square small{position:absolute;left:3px;bottom:2px;font:7px Inter,Arial,sans-serif;text-shadow:none;color:#d8e0d1}.board-status{margin:13px 0 0!important;font-size:11px!important}#loading{position:fixed;inset:0;z-index:50;background:#0d1921;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .65s;pointer-events:none}#loading.loaded{opacity:0}.loading-emblem{font-family:Georgia,serif;font-size:75px;color:#c4ad79;text-shadow:0 0 40px #ceb37a22;animation:float 3s ease-in-out infinite}.loading-name{font-family:Cormorant Garamond,Georgia,serif;font-size:33px;letter-spacing:4px;margin:20px 0 12px}.loading-caption{font-size:9px;letter-spacing:3px;color:#88978f}.loading-line{margin-top:28px;width:120px;height:1px;background:#273832;overflow:hidden}.loading-line:after{content:"";display:block;width:50%;height:100%;background:#cbb379;animation:load 1s infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes float{50%{transform:translateY(-8px)}}.player-turn{width:47px;text-align:right;flex-shrink:0}.player{min-height:78px}.spell-caption{position:absolute;top:27%;left:calc((100% - 333px)/2);transform:translate(-50%,10px);pointer-events:none;text-align:center;opacity:0;transition:opacity .45s,transform .6s;z-index:3;text-shadow:0 2px 15px #000}.spell-caption.visible{opacity:1;transform:translate(-50%)}.spell-caption span{font-size:9px;text-transform:uppercase;letter-spacing:3px;color:#d6cba9}.spell-caption strong{display:block;font-family:Cormorant Garamond,Georgia,serif;font-weight:500;font-size:36px;letter-spacing:2px;color:#f3e8d1;margin:7px 0}.spell-caption i{font-size:18px;color:var(--spell-color);text-shadow:0 0 12px var(--spell-color);font-style:normal}.tactical-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.tactical-meta span{font-size:10px;color:#8fa296}.tactical-meta .ghost-button{font-size:10px;padding:8px 10px}@media(min-width:801px){#app[data-view=overhead] .scene-heading,#app[data-view=overhead] .camera-note,#app[data-view=overhead] .scene-status{display:none}#app[data-view=overhead] .scene-coordinates{left:18px}#app[data-view=overhead] .turn-prompt{max-width:128px;padding:12px;line-height:1.5}#app[data-view=overhead] .turn-prompt .spark,#app[data-view=overhead] .turn-prompt small{display:none}}@media(min-height:850px){.sidebar{top:110px;bottom:100px}.dossier-content{height:155px}.portrait{height:151px;width:105px}.character-info h3{font-size:26px}.player{padding-top:17px;padding-bottom:17px}.chronicle{padding-top:25px}.empty-history{padding-top:28px}.scene-heading{top:123px}}@media(max-width:1100px){.top-center{display:none}.toolbar{padding:0 18px}.toolbar-label{display:none}.tool-button{padding:9px 7px}.toolbar-divider{margin:0 3px}.topbar{padding:0 22px}.scene-heading,.scene-coordinates{left:24px}.scene-heading h1{font-size:34px}}@media(max-width:800px){#scene,.scene-vignette{right:0;bottom:175px}.sidebar{inset:auto 12px 69px;width:auto;height:100px;flex-direction:row;background:#111f28f5}.panel-top,.captured-pieces,.chronicle,.dossier,.match-bottom{display:none}.player{width:50%;margin:8px!important;padding:10px!important;border:0}.player.white{margin-left:0!important;border:1px solid #cfb37a44}.player-info h2{font-size:20px}.player-turn{font-size:7px}.scene-heading{top:99px}.scene-heading h1{font-size:29px}.scene-heading p{font-size:14px}.scene-status{right:23px;top:101px}.scene-coordinates{bottom:188px}.camera-note{display:none}.turn-prompt{padding:9px 12px}.toolbar .tool-button span,.toolbar .sound-button span,.toolbar-divider{display:none}.spell-button{font-size:9px;padding:10px 11px}.brand-name{font-size:23px}.brand-sub{font-size:7px}.brand-mark{width:30px}.topbar{height:73px;padding:0 18px}.top-actions{gap:6px}.top-actions .ghost-button{font-size:10px;padding:9px 10px}.toolbar{padding:0 12px}.toolbar-group{gap:3px}.toolbar .tool-button{padding:9px}.toolbar .tool-button svg{width:17px}#toast{left:50%;max-width:90%;width:max-content}.scene-vignette{background:linear-gradient(180deg,#0a1521a0,transparent 38%,transparent 65%,#0a152188)}}@media(max-height:800px)and (min-width:801px){.sidebar{top:90px;bottom:80px}.panel-top{padding:12px 18px 7px}.player{padding:10px 9px}.dossier{padding:10px 18px}.dossier-content{height:98px}.portrait{height:98px;width:75px}.dossier-foot{display:none}.chronicle{padding-top:12px}.match-bottom{padding:9px 18px}.scene-heading{top:102px}.toolbar{height:60px}.scene-coordinates{bottom:80px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loading-emblem,.loading-line:after{animation:none}}@media(max-width:800px){.spell-caption{left:50%;top:30%}.player{min-width:0;min-height:0;flex:1;width:auto}.player-turn{display:none}.player-info h2{font-size:18px}.player-info p{font-size:8px;line-height:1.5}.faction-icon{flex-shrink:0;width:29px;height:34px;font-size:24px}.scene-status{display:none}.player.white{margin-right:8px!important}.sidebar{gap:0}.toolbar .tool-button{padding:8px}.spell-button{white-space:nowrap;font-size:8px;gap:6px;padding:10px 8px}}@media(max-width:480px){.topbar{padding:0 13px}.brand{gap:8px}.brand-name{font-size:20px;letter-spacing:1.7px;white-space:nowrap}.brand-mark{width:26px}.brand-sub{font-size:6px;letter-spacing:1.45px;margin-top:6px}.top-actions .ghost-button{font-size:0;width:34px;height:34px;padding:8px;gap:0}.top-actions .icon-button{width:31px;height:34px}.top-actions{gap:5px}.scene-heading h1{font-size:28px}.scene-heading .eyebrow{font-size:8px}.scene-heading p{font-size:13px}.toolbar{padding:0 7px}.toolbar-group{gap:0}.toolbar .tool-button{padding:8px}.toolbar .tool-button svg{width:16px}.player-info h2{font-size:17px}.player{gap:8px;padding:8px!important}.turn-prompt strong{font-size:10px}.turn-prompt small{font-size:9px}.camera-note{display:none}.scene-coordinates{left:18px;right:18px}.turn-prompt{max-width:100%}.spell-caption strong{font-size:27px}.modal-body{padding:20px}.modal-head{padding:24px 20px 17px}.modal-head h2{font-size:30px}}@media(max-height:800px)and (min-width:801px){.player{min-height:62px;padding:8px 9px}.player-info h2{font-size:18px}.captured-pieces{height:18px;flex-shrink:0}.chronicle{min-height:80px}.dossier-content{height:82px}.portrait{height:82px;width:70px}.dossier-foot{display:none}.character-info h3{font-size:21px}.match-bottom,.panel-top{flex-shrink:0}}@media(max-height:600px)and (min-width:801px){.dossier,.camera-note,.scene-heading p{display:none}}.portrait[role=button]{cursor:zoom-in;border-radius:6px}.portrait[role=button]:hover{outline:1px solid #d2b97c55}.portrait[role=button]:focus-visible{outline:2px solid #d2b97c}#figure-dialog{width:min(760px,94vw);max-width:760px}#figure-dialog .modal-head{padding-bottom:16px}.figure-stage{height:min(55vh,550px);width:100%;background:#27302f}.figure-stage canvas{display:block;touch-action:none}.figure-controls{padding:18px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.figure-controls select{flex:1;min-width:170px}.figure-controls p{width:100%;font-size:11px;color:#9ca99e;margin:0;text-align:center}.mobile-only{display:none}@media(max-width:800px),(max-width:1100px)and (pointer:coarse),(max-height:600px)and (pointer:coarse){#app{min-height:0}#scene,.scene-vignette{inset:calc(60px + env(safe-area-inset-top)) 0 calc(70px + env(safe-area-inset-bottom))}.topbar{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));background:#0c1821}.brand{gap:7px}.brand-mark{width:24px;height:32px}.brand-name{font-size:19px;letter-spacing:1.4px}.brand-sub{font-size:6px;letter-spacing:1.3px}.top-center{display:none}.top-actions{gap:2px}.top-actions .ghost-button,.top-actions .icon-button{width:44px;height:44px;padding:12px;font-size:0;gap:0;border-color:transparent}.scene-heading,.scene-status,.camera-note,.toolbar{display:none}.scene-coordinates,#app[data-view=overhead] .scene-coordinates{top:calc(68px + env(safe-area-inset-top));bottom:auto;left:10px;right:10px}.turn-prompt,#app[data-view=overhead] .turn-prompt{max-width:100%;padding:8px 11px;background:#0c171edb;line-height:1.4}.turn-prompt strong{font-size:11px;margin:0}.turn-prompt small{display:block;font-size:9px}.turn-prompt .spark{display:none}.mobile-toolbar{position:absolute;z-index:5;bottom:0;left:0;right:0;height:calc(70px + env(safe-area-inset-bottom));padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#0c1821;border-top:1px solid var(--line)}.mobile-toolbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;background:transparent;color:#a7b8b1;border:1px solid transparent;border-radius:7px;font-size:10px}.mobile-toolbar button.active,.mobile-toolbar button[aria-expanded=true]{color:#e2c98f;background:#c6ac7014;border-color:#c6ac7044}.mobile-toolbar svg{width:21px;height:21px}.sidebar{display:none;z-index:20;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));width:auto;height:auto;max-height:calc(100dvh - 155px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;flex-direction:column;background:#101f29;-webkit-backdrop-filter:none;backdrop-filter:none}.match-open .sidebar{display:flex}.sidebar>*{flex-shrink:0}#mobile-close{display:flex;position:absolute;right:8px;top:8px;width:44px;height:44px;z-index:1}.sidebar .panel-top{display:flex;padding:22px 62px 15px 18px;gap:12px}.sidebar .player{flex:none;width:auto;margin:4px 12px!important;padding:10px!important;min-height:60px}.sidebar .player-info h2{font-size:21px}.sidebar .player-info p{font-size:9px}.sidebar .player-turn{display:block;font-size:8px}.sidebar .captured-pieces{display:flex;min-height:22px}.sidebar .chronicle{display:flex;flex:none;min-height:90px;padding:12px 18px}.sidebar .move-scroll{max-height:130px;flex:none}.sidebar .empty-history{padding:8px}.sidebar .dossier{display:block;padding:14px 18px}.sidebar .dossier-content{height:100px}.sidebar .portrait{height:100px;width:80px}.sidebar .dossier-foot{display:flex}.sidebar .match-bottom{display:flex;padding:8px 18px}.sidebar .undo{min-height:44px}.mobile-extras{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 18px 18px}.mobile-extras button{background:#c6ac700c;border:1px solid var(--line);border-radius:5px;min-height:44px;font-size:11px}#mobile-shade:not([hidden]){display:block;position:absolute;inset:0;z-index:19;background:#030c16a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#toast{top:auto;bottom:calc(83px + env(safe-area-inset-bottom));left:50%;width:max-content;max-width:90%;padding:10px 14px}.spell-caption{top:calc(130px + env(safe-area-inset-top));left:50%;width:90%}.spell-caption strong{font-size:27px}dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:min(480px,calc(100vw - 24px))}.modal-head .close{width:44px;height:44px;right:8px;top:8px}.modal-head{padding:20px 56px 16px 20px}.modal-body{padding:18px}.choice,select{min-height:44px}.toggle{height:30px;min-width:44px}.toggle:after{width:20px;height:20px}.toggle[aria-checked=true]:after{transform:translate(15px)}#board-dialog .modal-body{padding:10px}.accessible-square{min-height:0}.figure-controls{padding:12px;gap:8px}.figure-controls button{min-height:44px}.figure-stage{height:45dvh}}@media(max-height:500px)and (max-width:800px),(max-height:500px)and (pointer:coarse){#scene,.scene-vignette{inset:0 72px 0 0}.topbar{height:49px;right:72px;padding-top:0;background:linear-gradient(#0c1821dd,transparent);border:0}.brand-sub,.top-actions #help{display:none}.mobile-toolbar{left:auto;top:0;bottom:0;width:72px;height:100%;grid-template-columns:1fr;grid-template-rows:repeat(5,1fr);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) 0;border-top:0;border-left:1px solid var(--line)}.scene-coordinates,#app[data-view=overhead] .scene-coordinates{top:auto;bottom:8px;right:84px}.turn-prompt,#app[data-view=overhead] .turn-prompt{width:max-content;max-width:100%;padding:6px 10px}.turn-prompt small{display:none}.sidebar{inset:8px 82px 8px auto;width:min(370px,calc(100vw - 100px));max-height:calc(100dvh - 16px)}.spell-caption{top:60px;width:calc(100% - 72px);left:calc((100% - 72px)/2)}#toast{bottom:12px;left:calc((100% - 72px)/2);max-width:70%}}@media(max-width:360px){.brand-name{font-size:16px;letter-spacing:1px}.brand-mark{width:20px}.brand{gap:5px}.brand-sub{font-size:5px;letter-spacing:1px}}