:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eff9fb;--muted:#91adba;--line:#97c7d833;--navy-950:#03111b;--navy-900:#071a29;--teal:#73d9d1;--green:#69f5a6;--red:#ff5d73;--amber:#f7b65d;--timer-progress:1;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:#061827 url(/assets/puzzle-table-bg.webp) 50%/cover no-repeat fixed;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 0 20%,#01090f2e 72%),linear-gradient(#020c140f,#020a1175);position:fixed;inset:0}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}.rotate-device{display:none}.game-shell{z-index:1;flex-direction:column;gap:18px;width:min(2600px,100% - clamp(48px,5vw,120px));min-height:100vh;margin:0 auto;padding:24px 0 18px;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:5px 8px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.menu-button{color:#b9d0d7;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04152094;border:1px solid #8bc0cf33;border-radius:14px;min-height:43px;padding:8px 14px;transition:all .18s}.menu-button span{color:var(--teal);margin-right:5px}.menu-button:hover{color:#fff;background:#103641b3;border-color:#73d9d166}.brand{color:var(--ink);align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand strong{letter-spacing:.02em;font-size:1.02rem;display:block}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.58rem}.brand-mark{filter:drop-shadow(0 0 12px #66efd247);grid-template-columns:repeat(2,1fr);gap:2px;width:37px;height:37px;display:grid;position:relative;transform:rotate(-5deg)}.brand-mark i{background:linear-gradient(145deg,#8bf2de,#3da4ac);border-radius:4px}.brand-mark i:first-child{border-radius:10px 4px 4px}.brand-mark i:nth-child(4){background:linear-gradient(145deg,#f5bd70,#bd6941);border-radius:4px 4px 10px}.top-stats{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04152094;border-radius:18px;padding:7px;display:flex;box-shadow:0 12px 40px #0000002e}.top-stats>div{border-right:1px solid var(--line);min-width:92px;padding:3px 19px}.top-stats>div:last-child{border-right:0}.top-stats span{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:.64rem;display:block}.top-stats strong{font-variant-numeric:tabular-nums;margin-top:1px;font-size:1.14rem;display:block}.game-layout{flex:1;grid-template-columns:clamp(340px,29vw,620px) minmax(570px,1fr);gap:18px;min-height:650px;display:grid}.glass-panel{-webkit-backdrop-filter:blur(25px)saturate(120%);backdrop-filter:blur(25px)saturate(120%);background:linear-gradient(145deg,#0c2a3ad1,#04141fdb),#041723b8;border:1px solid #8fc0d133;border-radius:27px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000005c,inset 0 1px #ffffff0a}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff0a,#0000 28% 72%,#4accc309);position:absolute;inset:0}.piece-panel{flex-direction:column;padding:clamp(24px,3vw,40px);display:flex}.panel-heading,.map-header{z-index:2;justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:relative}.eyebrow{color:#78c5c7;letter-spacing:.17em;text-transform:uppercase;margin:0 0 7px;font-size:.66rem;font-weight:800}h1,h2,h3{letter-spacing:-.035em;margin:0;font-weight:650}h1{max-width:330px;font-size:clamp(1.65rem,2.5vw,2.42rem);line-height:1.04}h2{font-size:clamp(1.25rem,2vw,1.75rem)}.timer-orbit{flex:none;place-items:center;width:58px;height:58px;display:grid;position:relative}.timer-orbit svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.timer-orbit circle{fill:none;stroke-width:2.5px}.timer-track{stroke:#8bc3cf29}.timer-progress{stroke:var(--amber);stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:calc(113.1 * (1 - var(--timer-progress)));filter:drop-shadow(0 0 5px #f7b65d80);transition:stroke-dashoffset .2s linear}.timer-orbit strong{font-variant-numeric:tabular-nums;font-size:.82rem}.piece-stage{isolation:isolate;background:linear-gradient(#579fb20b 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#579fb20b 1px,#0000 1px) 0 0/32px 32px,radial-gradient(circle,#2475843b,#03111b1f 64%);border:1px solid #85bece1f;border-radius:24px;flex:1;place-items:center;min-height:290px;margin:20px 0 14px;display:grid;position:relative;overflow:hidden}.piece-stage:after{content:"";border:1px solid #7abccb14;border-radius:17px;position:absolute;inset:11px}.piece-halo{aspect-ratio:1;filter:blur(12px);background:radial-gradient(circle,#4ec5bf29,#0000 65%);border-radius:50%;width:70%;position:absolute}.piece-rotator{z-index:2;width:var(--piece-box-size,220px);height:var(--piece-box-size,220px);transform-origin:50%;cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;transition:transform .32s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.piece-rotator.no-transition{transition:none}.piece-rotator.can-rotate{cursor:pointer}.piece-rotator.can-rotate:focus-visible{outline-offset:8px;border-radius:18px;outline:2px solid #69f5a6d9}.piece-rotator.can-rotate:hover img{filter:drop-shadow(0 18px 16px #00000061)drop-shadow(0 0 24px #5ce2cf4d)}.piece-centering{pointer-events:none;transform-origin:50%;place-items:center;display:grid;position:absolute;inset:0}.piece-stage img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 18px 16px #00000061)drop-shadow(0 0 20px #51b7b929);width:100%;height:100%;transition:filter .35s,transform .35s;animation:5s ease-in-out infinite piece-float;display:block;position:relative}.piece-success img{filter:drop-shadow(0 18px 16px #0000004d)drop-shadow(0 0 25px #69f5a6d9)}.piece-miss img{filter:drop-shadow(0 18px 16px #0000004d)drop-shadow(0 0 20px #ff5d7373)}.piece-rotation-miss .piece-rotator{animation:.38s rotation-nudge}@keyframes piece-float{0%,to{transform:translateY(3px)}50%{transform:translateY(-8px)}}@keyframes rotation-nudge{35%{scale:.96}65%{scale:1.03}}.scan-line{z-index:3;background:linear-gradient(90deg,#0000,#72f4de9e,#0000);height:1px;animation:4.8s ease-in-out infinite scan;position:absolute;top:27%;left:17%;right:17%;box-shadow:0 0 12px #66efdc61}@keyframes scan{0%,to{opacity:0;top:27%}20%,80%{opacity:.8}50%{top:72%}}.shape-tip{background:#061b2899;border:1px solid #7bb4c421;border-radius:17px;align-items:flex-start;gap:12px;min-height:68px;padding:14px 16px;display:flex}.shape-tip p{color:#a9c0ca;margin:0;font-size:.82rem;line-height:1.48}.shape-tip strong{color:#e7f6f8}.tip-icon{width:28px;height:28px;color:var(--teal);background:#55c8c11c;border-radius:9px;flex:none;place-items:center;display:grid}.tip-active{color:var(--amber);background:#f7b65d1f}.piece-actions{margin-top:13px}.button{cursor:pointer;color:var(--ink);border:0;border-radius:14px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:default;opacity:.48}.button-ghost{background:#64b7c314;border:1px solid #88cbd52b;justify-content:center;align-items:center;gap:9px;width:100%;padding:12px 16px;font-size:.81rem;font-weight:700;display:flex}.button-ghost small{color:#c39a69;font-weight:600}.button-ghost:hover:not(:disabled){background:#64b7c324;border-color:#88cbd557}.button-primary{color:#05261f;background:linear-gradient(135deg,#5be09d,#39b8a3);padding:13px 19px;font-weight:850;box-shadow:0 8px 24px #38cd9e33}.button-primary span{margin-left:8px}.map-panel{flex-direction:column;padding:clamp(22px,2.7vw,36px);display:flex}.mode-chip{color:#a7c3cb;white-space:nowrap;background:#051925a3;border:1px solid #7fb7c426;border-radius:999px;padding:8px 12px;font-size:.68rem}.mode-chip b{font-weight:inherit}.mode-chip span{background:var(--green);width:6px;height:6px;box-shadow:0 0 9px var(--green);border-radius:50%;margin-right:6px;display:inline-block}.map-status{justify-items:end;gap:7px;display:grid}.map-status small{color:#7799a8;letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:.61rem}.board-wrap{flex:1;min-height:430px;margin-top:12px;position:relative}#board{touch-action:manipulation;position:absolute;inset:0}#board canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#board canvas.is-grabbing{cursor:grabbing}.navigation-minimap{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:none;cursor:crosshair;background:#030f18db;border:1px solid #86c4ce4d;border-radius:13px;width:158px;height:112px;position:absolute;top:16px;right:13px;box-shadow:0 10px 30px #0006}.navigation-minimap[hidden],.zoom-indicator[hidden]{display:none}.zoom-indicator{z-index:8;color:#9fb9c4;align-items:center;gap:7px;font-size:.62rem;display:flex;position:absolute;top:136px;right:16px}.zoom-indicator span{font-variant-numeric:tabular-nums}.zoom-indicator button{color:#d6e9ec;cursor:pointer;background:#4a919e33;border:0;border-radius:8px;padding:5px 8px;font-size:.6rem}.board-corner{pointer-events:none;opacity:.5;width:23px;height:23px;position:absolute}.board-corner:before,.board-corner:after{content:"";background:var(--amber);border-radius:2px;position:absolute}.board-corner:before{width:18px;height:2px}.board-corner:after{width:2px;height:18px}.corner-tl{top:3%;left:2%}.corner-tr{top:3%;right:2%;transform:rotate(90deg)}.corner-br{bottom:3%;right:2%;transform:rotate(180deg)}.corner-bl{bottom:3%;left:2%;transform:rotate(270deg)}.map-footer{border-top:1px solid #87becb1f;justify-content:space-between;align-items:center;gap:16px;min-height:34px;padding-top:14px;display:flex}.instruction{color:#aec3cb;align-items:center;gap:10px;font-size:.79rem;display:flex}.pulse-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 #73d9d173}@keyframes pulse{70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.legend{color:var(--muted);gap:13px;font-size:.68rem;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend .legend-revealed,.legend.is-revealed .legend-guessing{display:none}.legend.is-revealed .legend-revealed{display:flex}.legend i{border-radius:3px;width:9px;height:9px}.legend-enabled{background:#4fc9c1;border:1px solid #8bf0e5;box-shadow:0 0 8px #4fc9c185}.legend-context{opacity:.8;background:#132b37;border:1px solid #607984}.legend-correct{background:var(--green);box-shadow:0 0 8px #69f5a680}.legend-wrong{background:var(--red);box-shadow:0 0 8px #ff5d7380}.legend-disabled{opacity:.72;background:#284352;border:1px solid #557080}.result-panel{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;background:#051823f0;border:1px solid #84ccca40;border-radius:20px;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:18px 20px;transition:all .28s;display:grid;position:absolute;bottom:25px;left:28px;right:28px;transform:translateY(18px);box-shadow:0 18px 55px #0000007a}.result-panel.is-visible{opacity:1;transform:translateY(0)}.result-panel[hidden]{display:none}.result-copy h3{font-size:1.03rem}.result-copy p:last-child{color:var(--muted);margin:5px 0 0;font-size:.72rem;line-height:1.45}.round-score{border-left:1px solid var(--line);min-width:78px;padding-left:18px}.round-score span{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:.6rem;display:block}.round-score strong{color:var(--green);font-size:1.4rem}.footer-note{color:#a9c5cf94;letter-spacing:.02em;justify-content:space-between;padding:0 9px;font-size:.65rem;display:flex}.footer-note i{background:var(--amber);border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.loading-screen{z-index:100;background:#061725;place-content:center;justify-items:center;gap:22px;transition:opacity .45s,visibility .45s;display:grid;position:fixed;inset:0}.loading-screen.is-hidden{opacity:0;visibility:hidden}.loading-screen p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.loader-piece{filter:drop-shadow(0 0 18px #58e0c652);grid-template-columns:repeat(2,1fr);gap:3px;width:62px;height:62px;animation:2s ease-in-out infinite loader;display:grid}.loader-piece i{background:#5dd9c5;border-radius:7px}.loader-piece i:last-child{background:var(--amber)}@keyframes loader{50%{transform:rotate(90deg)scale(.88)}}.load-error{text-align:center;max-width:420px;padding:25px}.load-error strong{color:var(--red)}.load-error p{text-transform:none;letter-spacing:0}.start-screen{z-index:80;color:var(--ink);background:#04131f;position:fixed;inset:0;overflow:auto}.start-screen[hidden]{display:none}.start-art{background:url(/assets/start-screen-art.webp) 50%/cover no-repeat;position:fixed;inset:0}.start-vignette{background:linear-gradient(90deg,#020b1352,#020b130d 48%,#020b135c),linear-gradient(#0109102e,#010910bd);position:fixed;inset:0}.start-content{z-index:2;align-items:center;width:min(2400px,100% - clamp(48px,5vw,120px));min-height:100vh;margin:0 auto;padding:clamp(82px,10vh,118px) 0 28px;display:flex;position:relative}.start-brand{z-index:3;position:absolute;top:28px;left:max(clamp(24px,2.5vw,60px),50vw - 1200px)}.setup-card{-webkit-backdrop-filter:blur(25px)saturate(120%);backdrop-filter:blur(25px)saturate(120%);background:linear-gradient(145deg,#0a2635e8,#03121df0);border:1px solid #91ced347;border-radius:28px;width:100%;padding:clamp(22px,2.6vw,34px);box-shadow:0 35px 100px #0000007a,inset 0 1px #ffffff0e}.setup-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.setup-heading h1{max-width:none;font-size:clamp(1.55rem,2.5vw,2.15rem)}.setup-body{grid-template-columns:minmax(0,1fr) clamp(300px,19vw,460px);align-items:stretch;gap:clamp(15px,2vw,34px);display:grid}.setup-options{flex-direction:column;gap:14px;display:flex}.piece-types-setting{background:#0519259e;border:1px solid #80bcc82b;border-radius:17px;min-width:0;margin:0;padding:13px}.piece-types-heading{justify-content:space-between;align-items:flex-start;gap:9px;margin-bottom:10px;display:flex}.piece-types-heading strong{color:#edf8fa;font-size:.84rem;display:block}.piece-types-heading small{color:#819eaa;margin-top:2px;font-size:.59rem;display:block}.piece-types-heading button{color:#8bded5;cursor:pointer;white-space:nowrap;background:#329a951a;border:1px solid #70dccd33;border-radius:8px;padding:5px 7px;font-size:.54rem}.piece-type-list{gap:5px;display:grid}.piece-type-option{color:#8fa9b3;cursor:pointer;background:#020f1861;border:1px solid #7dadbb1c;border-radius:9px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:31px;padding:5px 7px;transition:all .16s;display:grid}.piece-type-option input{opacity:0;pointer-events:none;position:absolute}.piece-type-option>i{border:2px solid color-mix(in srgb, var(--type-color) 58%, #36505b);border-radius:4px;width:12px;height:12px;transition:all .16s;box-shadow:inset 0 0 0 2px #03121ce6}.piece-type-option>span{justify-content:space-between;align-items:center;gap:7px;min-width:0;display:flex}.piece-type-option b{text-overflow:ellipsis;color:inherit;white-space:nowrap;font-size:.64rem;font-weight:680;overflow:hidden}.piece-type-option small{color:#7f98a3;text-align:center;font-variant-numeric:tabular-nums;background:#81aab814;border-radius:6px;min-width:22px;padding:2px 4px;font-size:.52rem}.piece-type-option:has(input:checked){color:#e8f8f8;border-color:color-mix(in srgb, var(--type-color) 40%, transparent);background:color-mix(in srgb, var(--type-color) 10%, #020f1885)}.piece-type-option input:checked+i{border-color:var(--type-color);background:var(--type-color);box-shadow:inset 0 0 0 2px #03121cc7, 0 0 9px color-mix(in srgb, var(--type-color) 55%, transparent)}.piece-type-option:has(input:checked) small{color:var(--type-color);background:color-mix(in srgb, var(--type-color) 12%, #03121cb3)}.piece-type-option:has(input:indeterminate){color:#d8e9ec;border-color:color-mix(in srgb, var(--type-color) 28%, transparent);background:color-mix(in srgb, var(--type-color) 6%, #020f1885)}.piece-type-option input:indeterminate+i{border-color:var(--type-color);background:linear-gradient(to bottom, transparent 36%, var(--type-color) 36% 64%, transparent 64%);box-shadow:inset 0 0 0 2px #03121cc7}.custom-filters-section{border-top:1px solid #80bcc824;margin-top:11px;padding-top:11px}.custom-filters-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.custom-filters-heading strong{color:#edf8fa;font-size:.74rem;display:block}.custom-filters-heading small{color:#7895a0;margin-top:2px;font-size:.54rem;line-height:1.3;display:block}.custom-filters-heading button{color:#f4c87e;cursor:pointer;white-space:nowrap;background:#f4bf6814;border:1px solid #f4bf6840;border-radius:8px;padding:5px 8px;font-size:.54rem}.custom-filter-list{scrollbar-width:thin;scrollbar-color:#355564 transparent;gap:5px;max-height:126px;margin-top:8px;display:grid;overflow:auto}.custom-filter-empty{color:#6f8b96;background:#020f184d;border-radius:8px;margin:0;padding:8px;font-size:.55rem;line-height:1.35}.custom-filter-row{background:#020f1861;border:1px solid #7dadbb1c;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;display:grid}.custom-filter-row.is-active{background:#f4bf6817;border-color:#f4bf6866}.custom-filter-option{cursor:pointer;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:6px 2px 6px 7px;display:grid}.custom-filter-option input{opacity:0;pointer-events:none;position:absolute}.custom-filter-option>i{border:2px solid #6c6f62;border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 0 2px #03121ce6}.custom-filter-option input:checked+i{background:#f4bf68;border-color:#f4bf68;box-shadow:inset 0 0 0 2px #03121cc7,0 0 8px #f4bf6873}.custom-filter-option>span{justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.custom-filter-option b{color:#cadcdf;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;font-weight:680;overflow:hidden}.custom-filter-option small{color:#d7b574;text-align:center;font-variant-numeric:tabular-nums;min-width:20px;font-size:.5rem}.custom-filter-actions{gap:3px;padding-right:4px;display:flex}.custom-filter-actions button{color:#7898a3;cursor:pointer;background:#76a6b314;border:0;border-radius:6px;padding:3px 5px;font-size:.46rem}.custom-filter-actions button:hover{color:#cde2e5;background:#76a6b329}.custom-filter-actions button.is-danger:hover{color:#ff8292;background:#ff5d731c}.custom-filter-editor{background:#121c1f9e;border:1px solid #f4bf6838;border-radius:10px;gap:6px;margin-top:8px;padding:8px;display:grid}.custom-filter-editor[hidden]{display:none}.custom-filter-editor>label{color:#9eb5bd;font-size:.52rem}.custom-filter-editor>input{color:#eef8f9;background:#020e17b8;border:1px solid #88bbc733;border-radius:8px;outline:0;width:100%;min-width:0;padding:7px 8px;font-size:.61rem}.custom-filter-editor>input:focus{border-color:#f4bf688c;box-shadow:0 0 0 2px #f4bf6814}.custom-filter-editor-footer{align-items:center;gap:5px;display:flex}.custom-filter-editor-footer span{color:#d2b77f;margin-right:auto;font-size:.5rem}.custom-filter-editor-footer button{color:#9db3ba;cursor:pointer;background:#76a6b31a;border:0;border-radius:7px;padding:5px 7px;font-size:.51rem}.custom-filter-editor-footer button[type=submit]{color:#17312b;background:#79ddc3;font-weight:750}.custom-filter-editor-footer button:disabled{opacity:.45;cursor:wait}.custom-filter-message{color:#9eb5bd;min-height:13px;margin:6px 2px 0;font-size:.5rem;line-height:1.3}.custom-filter-message.is-error{color:#ff8292}#area-selector.is-custom-selecting{cursor:cell}:is(.image-theme-setting,.game-mode-setting){background:#0519259e;border:1px solid #80bcc82b;border-radius:17px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px 12px;min-width:0;padding:13px 14px;display:grid}.image-theme-copy{min-width:0}.image-theme-copy strong{color:#edf8fa;font-size:.84rem;display:block}.image-theme-copy small{color:#819eaa;margin-top:3px;font-size:.6rem;line-height:1.35;display:block}.image-theme-select-wrap{grid-column:1/-1;display:block;position:relative}.image-theme-select-wrap:after{content:"⌄";color:#74d8ce;pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-55%)}.image-theme-select-wrap select{appearance:none;color:#dff7f4;cursor:pointer;background:#020f18b3;border:1px solid #75d0c738;border-radius:10px;outline:0;width:100%;min-height:37px;padding:7px 34px 7px 10px;font-size:.67rem}.image-theme-select-wrap select:focus{border-color:#70e6d79e;box-shadow:0 0 0 3px #5bd6c714}.image-theme-select-wrap select.is-loading{opacity:.58;cursor:progress}.image-theme-select-wrap option{color:#e9f7f8;background:#09202f}.setting-toggle{cursor:pointer;background:#0519259e;border:1px solid #80bcc82b;border-radius:17px;grid-template-columns:42px 1fr 48px;align-items:center;gap:12px;padding:14px;display:grid}.setting-icon{color:#6ee6d7;background:#5bd6c71c;border-radius:12px;place-items:center;width:38px;height:38px;font-size:1.25rem;display:grid}.setting-toggle strong,.area-heading strong{color:#edf8fa;font-size:.84rem;display:block}.setting-toggle small,.area-heading small{color:#819eaa;margin-top:3px;font-size:.66rem;line-height:1.4;display:block}.setting-toggle input{opacity:0;pointer-events:none;position:absolute}.setting-toggle i{background:#263f4c;border-radius:999px;width:45px;height:25px;transition:all .2s;position:relative}.setting-toggle i:after{content:"";background:#a2b7bf;border-radius:50%;width:19px;height:19px;transition:all .2s;position:absolute;top:3px;left:3px}.setting-toggle input:checked+i{background:#3bb9a8;box-shadow:0 0 16px #3ccab233}.setting-toggle input:checked+i:after{background:#fff;transform:translate(20px)}.area-setting{background:#03121d8a;border:1px solid #80bcc824;border-radius:18px;flex-direction:column;min-width:0;padding:15px;display:flex}.area-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:11px;display:flex}.area-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.area-summary{color:#7eddd3;white-space:nowrap;background:#48b8b11c;border-radius:8px;padding:5px 8px;font-size:.58rem}.area-shape-toggle{color:#9db6bf;cursor:pointer;white-space:nowrap;background:#03121d9e;border:1px solid #80bcc82b;border-radius:9px;align-items:center;gap:6px;min-height:27px;padding:4px 8px 4px 5px;font-size:.58rem;display:inline-flex}.area-shape-toggle input{opacity:0;pointer-events:none;position:absolute}.area-shape-toggle i{background:#263f4c;border-radius:999px;width:29px;height:17px;transition:all .2s;position:relative}.area-shape-toggle i:after{content:"";background:#9eb2ba;border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:3px;left:3px}.area-shape-toggle input:checked+i{background:#3bb9a8;box-shadow:0 0 12px #3ccab238}.area-shape-toggle input:checked+i:after{background:#fff;transform:translate(12px)}.area-shape-toggle:has(input:checked){color:#dffcf7;border-color:#5bdcca59}.area-canvas-wrap{background:#010c14a6;border-radius:12px;height:clamp(310px,56vh,650px);position:relative;overflow:hidden}#area-selector{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}#area-selector.is-panning{cursor:grabbing}.area-zoom-indicator{z-index:2;color:#b8d1d8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03131de0;border:1px solid #84bec933;border-radius:9px;align-items:center;gap:6px;padding:4px;font-size:.56rem;display:flex;position:absolute;bottom:9px;right:9px;box-shadow:0 8px 22px #00000040}.area-zoom-indicator[hidden]{display:none}.area-zoom-indicator span{text-align:center;font-variant-numeric:tabular-nums;min-width:38px}.area-zoom-indicator button{color:#07231f;cursor:pointer;background:#70d8c9;border:0;border-radius:6px;padding:4px 7px;font-size:.54rem}.area-legend{color:#7996a2;align-items:center;gap:12px;margin-top:10px;font-size:.57rem;display:flex}.area-legend span{align-items:center;gap:5px;display:flex}.area-legend i{border-radius:2px;width:7px;height:7px}.area-selected-dot{background:#65e6d5;box-shadow:0 0 6px #65e6d5}.area-ready-dot{background:#347a7a}.area-legend strong{color:#bad0d6;margin-left:auto;font-size:.59rem}.start-button{color:#04251f;cursor:pointer;text-align:left;background:linear-gradient(135deg,#70ecc9,#40bca9);border:0;border-radius:17px;justify-content:space-between;align-items:center;width:100%;min-height:61px;margin-top:auto;padding:11px 16px 11px 19px;transition:all .2s;display:flex;box-shadow:0 15px 36px #2ec09f2e}.start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 19px 42px #2ec09f47}.start-button:disabled{filter:grayscale(.8);opacity:.38;cursor:not-allowed}.start-button small{opacity:.65;text-transform:uppercase;letter-spacing:.13em;font-size:.57rem;display:block}.start-button strong{font-size:.92rem;display:block}.start-button>i{background:#0332281f;border-radius:12px;place-items:center;width:39px;height:39px;font-size:1.2rem;font-style:normal;display:grid}.setup-note{text-align:center;color:#ff8192;min-height:16px;margin:0 4px;font-size:.62rem}@media (width>=1600px) and (height>=850px){html{font-size:clamp(16px,13px + .2vw,20px)}.game-shell{gap:clamp(18px,1.5vw,28px);padding-top:clamp(24px,2.3vh,38px);padding-bottom:clamp(18px,2vh,30px)}.game-layout{gap:clamp(18px,1.35vw,30px);min-height:clamp(720px,100vh - 150px,1220px)}.piece-panel{padding:clamp(34px,2.4vw,58px)}.map-panel{padding:clamp(30px,2vw,50px)}.piece-stage{min-height:clamp(420px,48vh,780px)}.navigation-minimap{width:clamp(158px,9vw,230px);height:clamp(112px,6.4vw,164px)}.zoom-indicator{top:clamp(136px,7.6vw,188px)}.start-content{padding-top:clamp(92px,9vh,132px);padding-bottom:clamp(28px,3vh,46px)}.setup-card{padding:clamp(30px,2.2vw,52px)}.setup-heading{margin-bottom:clamp(18px,1.5vw,30px)}.area-setting{padding:clamp(15px,1.2vw,26px)}.area-canvas-wrap{height:clamp(540px,60vh,840px)}.setup-options{gap:clamp(14px,1vw,22px)}.piece-types-setting{padding:clamp(13px,1vw,22px)}.piece-type-list{gap:clamp(5px,.38vw,9px)}.piece-type-option{min-height:clamp(31px,2.25vw,46px);padding-inline:clamp(7px,.6vw,13px)}.setting-toggle{padding:clamp(14px,1vw,21px)}:is(.image-theme-setting,.game-mode-setting){padding:clamp(13px,1vw,21px)}.image-theme-select-wrap select{min-height:clamp(37px,2.5vw,48px)}.start-button{min-height:clamp(61px,4.2vw,80px)}}@media (width<=980px){.start-content{width:calc(100% - 28px);padding-top:82px}.start-brand{top:22px;left:20px}.setup-body{grid-template-columns:minmax(0,1fr) 245px}.game-shell{width:min(100% - 26px,760px);padding-top:14px}.game-layout{grid-template-columns:1fr;min-height:auto}.piece-panel{min-height:570px}.piece-stage{min-height:320px}.map-panel{min-height:690px}.result-panel{margin-top:16px;position:relative;bottom:auto;left:auto;right:auto}}@media (width<=760px){.start-content{align-items:flex-start}.setup-body{grid-template-columns:1fr}.setup-options{grid-template-columns:1fr minmax(190px,.72fr);align-items:stretch;display:grid}.piece-types-setting{grid-column:1/-1}.piece-type-list{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-options .start-button{margin:0}.setup-note{grid-column:1/-1}.area-canvas-wrap{height:clamp(280px,72vw,480px)}}@media (width<=620px){.start-content{width:calc(100% - 12px);padding:67px 0 10px}.start-brand{top:14px;left:12px}.setup-card{border-radius:22px;padding:19px}.setup-heading{margin-bottom:14px}.setup-heading h1{font-size:1.35rem}.setting-toggle{grid-template-columns:38px 1fr 45px;gap:9px;padding:11px}.setting-toggle small{font-size:.59rem}.setup-options{grid-template-columns:1fr;gap:10px}.piece-type-list{grid-template-columns:1fr}.piece-type-option b{font-size:.59rem}.area-setting{padding:11px}.area-heading{display:block}.area-heading-actions{justify-content:flex-start;margin-top:8px}.area-canvas-wrap{height:clamp(250px,76vw,400px)}.area-legend span{display:none}.start-button{margin-top:0}.game-shell{width:min(100% - 16px,520px);padding-bottom:max(12px, env(safe-area-inset-bottom));gap:10px}.topbar{padding:3px 2px 7px}.brand small{display:none}.brand-mark{width:31px;height:31px}.top-stats{border-radius:14px;padding:4px}.topbar-actions{gap:5px}.menu-button{min-height:37px;padding:6px 9px;font-size:.68rem}.top-stats>div{min-width:60px;padding:3px 9px}.top-stats span{font-size:.48rem}.top-stats strong{font-size:.88rem}.glass-panel{border-radius:22px}.piece-panel,.map-panel{padding:20px}.piece-panel{min-height:510px}.piece-stage{min-height:235px;margin-top:12px}.map-panel{min-height:max(590px,78svh)}.map-header{align-items:center}.mode-chip{padding:7px 9px;font-size:.58rem}.board-wrap{min-height:390px}.navigation-minimap{width:125px;height:92px;top:12px;right:8px}.zoom-indicator{top:109px;right:10px}.map-footer{flex-direction:column;align-items:flex-start;gap:8px}.result-panel{grid-template-columns:1fr auto;gap:13px;padding:16px}.result-copy{grid-column:1/-1}.round-score{border-left:0;padding-left:0}.footer-note span:last-child{display:none}}@media (orientation:landscape) and (width<=1200px) and (height<=600px){html,body,#app{overscroll-behavior:none;width:100%;height:100%;min-height:0;overflow:hidden}body{min-width:0;min-height:100dvh}.start-screen{height:100dvh;overflow:hidden}.start-art{background-position:50% 43%}.start-brand,.setup-heading{display:none}.start-content{width:100%;height:100dvh;min-height:0;padding:max(5px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));align-items:stretch}.setup-card{border-radius:15px;height:100%;min-height:0;padding:6px;overflow:hidden}.setup-body{grid-template-columns:minmax(0,1fr) clamp(220px,35vw,320px);gap:6px;height:100%;min-height:0}.area-setting{border-radius:11px;min-height:0;padding:6px}.area-heading{align-items:center;gap:6px;margin-bottom:4px;display:flex}.area-heading>div:first-child small{display:none}.area-heading strong{font-size:.69rem}.area-heading-actions{flex-wrap:nowrap;gap:4px;margin:0}.area-shape-toggle{min-height:24px;padding:3px 5px 3px 4px;font-size:.49rem}.area-summary{padding:4px 6px;font-size:.49rem}.area-canvas-wrap{border-radius:8px;flex:1;height:auto;min-height:0}.area-legend{min-height:15px;margin-top:3px}.area-legend span{display:none}.area-legend strong{font-size:.49rem}.area-zoom-indicator{bottom:5px;right:5px}.setup-options{grid-template-rows:minmax(0,1fr) 42px 42px 38px 44px auto;grid-template-columns:1fr;gap:4px;min-height:0;display:grid}.piece-types-setting{scrollbar-width:thin;border-radius:10px;grid-column:auto;min-height:0;padding:5px;overflow:auto}.piece-types-heading{margin-bottom:4px}.piece-types-heading small,.custom-filters-heading small{display:none}.piece-types-heading strong{font-size:.64rem}.piece-types-heading button,.custom-filters-heading button{padding:3px 5px;font-size:.46rem}.piece-type-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.piece-type-option{border-radius:7px;grid-template-columns:12px minmax(0,1fr);gap:4px;min-height:25px;padding:3px 5px}.piece-type-option>i{border-width:1px;width:10px;height:10px}.piece-type-option b{font-size:.49rem}.piece-type-option small{min-width:16px;padding:1px 2px;font-size:.43rem}.custom-filters-section{margin-top:5px;padding-top:5px}.custom-filters-heading strong{font-size:.58rem}.custom-filter-list{gap:3px;max-height:49px;margin-top:4px}.custom-filter-empty{padding:4px;font-size:.46rem}.custom-filter-option{padding-block:4px}.custom-filter-editor{gap:4px;margin-top:4px;padding:5px}.custom-filter-message{min-height:0;margin-top:3px;font-size:.44rem}.setting-toggle{border-radius:10px;grid-template-columns:1fr 39px;gap:6px;min-height:38px;padding:5px 8px}.setting-icon,.setting-toggle small{display:none}.setting-toggle strong{font-size:.64rem}.setting-toggle i{width:38px;height:22px}.setting-toggle i:after{width:16px;height:16px}.setting-toggle input:checked+i:after{transform:translate(16px)}:is(.image-theme-setting,.game-mode-setting){border-radius:10px;grid-template-columns:minmax(72px,.7fr) minmax(112px,1.3fr);gap:5px;padding:4px 7px}:is(.image-theme-setting,.game-mode-setting) .setting-icon,.image-theme-copy small{display:none}.image-theme-copy strong{font-size:.6rem}.image-theme-select-wrap{grid-column:auto}.image-theme-select-wrap select{border-radius:7px;min-height:30px;padding:4px 25px 4px 7px;font-size:.54rem}.image-theme-select-wrap:after{right:7px}.start-button{border-radius:11px;min-height:44px;margin:0;padding:5px 7px 5px 11px}.start-button small{display:none}.start-button strong{font-size:.72rem}.start-button>i{border-radius:9px;width:31px;height:31px}.setup-note{min-height:0;margin:0;font-size:.48rem;line-height:1.1}.game-shell{width:100%;height:100dvh;min-height:0;padding:max(4px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));grid-template-rows:36px minmax(0,1fr);gap:5px;margin:0;display:grid}.topbar{height:36px;padding:0}.topbar>.brand{display:none}.topbar-actions{justify-content:space-between;width:100%}.menu-button{border-radius:10px;min-width:38px;min-height:34px;padding:3px 9px;font-size:0}.menu-button span{margin:0;font-size:1.12rem}.top-stats{border-radius:10px;height:34px;padding:2px}.top-stats>div{min-width:65px;padding:1px 10px}.top-stats>div:last-child{display:none}.top-stats span{font-size:.43rem}.top-stats strong{font-size:.76rem}.game-layout{grid-template-columns:clamp(180px,28vw,260px) minmax(0,1fr);gap:5px;min-height:0;display:grid}.glass-panel{border-radius:14px;min-height:0}.piece-panel{min-height:0;padding:6px;overflow:hidden}.panel-heading{align-items:center;gap:4px;min-height:34px}.panel-heading h1{display:none}.panel-heading .eyebrow{margin:0;font-size:.48rem}.timer-orbit{width:34px;height:34px}.timer-orbit strong{font-size:.59rem}.piece-stage{border-radius:10px;min-height:0;margin:3px 0 0}.piece-stage:after{border-radius:7px;inset:5px}.shape-tip{display:none}.piece-actions{z-index:5;margin:0;position:absolute;bottom:10px;right:10px}.button-ghost{border-radius:10px;width:36px;height:36px;padding:0;font-size:0}.button-ghost span{font-size:1rem}.button-ghost small{display:none}.map-panel{min-height:0;padding:5px}.map-header,.map-footer,.footer-note{display:none}.board-wrap{min-height:0;margin:0}.board-corner{display:none}.navigation-minimap{border-radius:8px;width:104px;height:72px;top:6px;right:5px}.zoom-indicator{font-size:.48rem;top:82px;right:7px}.zoom-indicator button{padding:4px 5px;font-size:.47rem}.result-panel{border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;margin:0;padding:7px 8px;position:absolute;bottom:7px;left:7px;right:7px}.result-copy{grid-column:auto;min-width:0}.result-copy .eyebrow,.result-copy p:last-child{display:none}.result-copy h3{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.round-score{min-width:42px;padding-left:6px}.round-score span{display:none}.round-score strong{font-size:.85rem}.button-primary{border-radius:9px;min-height:35px;padding:6px 9px;font-size:.62rem}}@media (orientation:portrait) and (pointer:coarse) and (width<=900px){html,body{height:100%;overflow:hidden}#app{pointer-events:none;filter:blur(8px)brightness(.42)}.rotate-device{z-index:200;color:#eafffc;text-align:center;background:#03111bb8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.rotate-device span{color:var(--teal);font-size:3.2rem;line-height:1;animation:1.8s ease-in-out infinite rotate-phone}.rotate-device strong{font-size:1rem}@keyframes rotate-phone{50%{transform:rotate(90deg)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[hidden]{display:none!important}html,body,#app{height:100%;min-height:0}body{height:100dvh;min-height:0;overflow:hidden}.game-shell{gap:clamp(7px,1vh,12px);width:min(2600px,100% - clamp(16px,2vw,40px));height:100dvh;min-height:0;padding:clamp(7px,1vh,14px) 0;overflow:hidden}.topbar{min-height:42px;padding:0 4px}.topbar>.brand{display:none}.topbar-actions{justify-content:space-between;width:100%}.brand-mark{width:31px;height:31px}.brand strong{font-size:.84rem}.brand small{display:none}.menu-button{min-height:38px;padding-block:5px}.top-stats{border-radius:14px;padding:4px}.top-stats>div{min-width:clamp(66px,6vw,96px);padding:2px clamp(9px,1.2vw,18px)}.top-stats span{font-size:.52rem}.top-stats strong{font-size:.94rem}.game-layout{grid-template-columns:clamp(250px,24vw,430px) minmax(0,1fr);gap:clamp(7px,1vw,14px);min-height:0;overflow:hidden}.game-shell.is-strip-assembly .game-layout{grid-template-columns:clamp(300px,28vw,500px) minmax(0,1fr)}.glass-panel{border-radius:clamp(14px,1.4vw,24px);min-height:0}.piece-panel{min-height:0;padding:clamp(8px,1.2vw,18px);overflow:hidden}.panel-heading{justify-content:flex-start;align-items:center;gap:9px;min-height:38px}.compact-brand{flex:none}.compact-brand .brand-mark{width:28px;height:28px}.panel-heading h1{text-overflow:ellipsis;white-space:nowrap;max-width:none;font-size:clamp(.78rem,1.2vw,1.05rem);font-weight:750;line-height:1.1;display:block;overflow:hidden}.mode-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 9px var(--green);border-radius:50%;margin-left:auto}.piece-stage{min-height:0;margin:7px 0}.scan-line{opacity:.45}.map-panel{min-height:0;padding:clamp(5px,.8vw,12px)}.board-wrap{min-height:0;margin:0}.result-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;background:0 0;border:0;border-radius:0;margin:7px 0 0;padding:0;transition:none;display:block;position:relative;inset:auto;transform:none}.result-panel .button-primary{width:100%;min-height:42px}.assembly-workbench{flex-direction:column;flex:1;gap:6px;min-height:0;margin-top:7px;display:flex}.strip-filter{background:#03111bb3;border:1px solid #7eb7c629;border-radius:10px;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;display:grid}.strip-filter button{color:#7795a0;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:0;min-height:30px;padding:4px 5px;font-size:.6rem;font-weight:750}.strip-filter button.is-active{color:#e8fbfa;background:#55c7be33}.strip-filter button i{background:#54d7c8;border-radius:50%;width:7px;height:7px;margin-right:3px;display:inline-block;box-shadow:0 0 7px #54d7c8b3}.assembly-strips{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:0;display:grid}.piece-strip-column{background:#020f1880;border:1px solid #82b8c729;border-radius:12px;min-height:0;padding:4px;overflow:hidden}.piece-strip-column.is-selected-strip{background:#1f6c6a1c;border-color:#54d7c85c}.piece-strip{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#64b4b973 transparent;height:100%;min-height:50px;padding:2px;overflow:hidden auto}.strip-piece-card{aspect-ratio:1;cursor:grab;touch-action:pan-y;background:#2040506b;border:1px solid #7fb0bf21;border-radius:10px;width:100%;margin:0 0 5px;padding:8%;transition:border-color .16s,background .16s,box-shadow .16s,opacity .16s;position:relative;overflow:hidden}.strip-piece-card img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:rotate(var(--card-rotation,0deg)) scale(.82);filter:drop-shadow(0 5px 5px #00000061);transition:transform .22s}.strip-piece-card.is-in-selected-strip{background:#43bcb233;border-color:#5be0d273}.strip-piece-card.is-active{border-color:#ffc66f;box-shadow:inset 0 0 0 2px #ffc66fa8,0 0 13px #ffb35233}.strip-piece-card.is-dragging{opacity:.38;cursor:grabbing}.strip-piece-card.is-success{border-color:var(--green);background:#49d28b52}.strip-piece-card.is-miss{border-color:var(--red);background:#ff4e6740}#board:after{content:"";z-index:12;pointer-events:none;opacity:0;border:2px solid #0000;border-radius:17px;transition:border-color .14s,box-shadow .14s,opacity .14s;position:absolute;inset:7px}#board.is-piece-drop-target:after{opacity:1;border-color:#69f5a6e6;box-shadow:inset 0 0 24px #69f5a621,0 0 15px #69f5a633}.piece-drag-preview{z-index:1000;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 10px 12px #0000007a);width:clamp(72px,12vw,126px);padding:8px;position:fixed;transform:translate(-50%,-50%)}.piece-drag-preview img{object-fit:contain;width:100%;height:100%;transform:rotate(var(--card-rotation,0deg)) scale(.9)}@media (width<=980px){.game-shell{width:calc(100% - 12px)}.game-layout{grid-template-columns:clamp(190px,27vw,250px) minmax(0,1fr)}.game-shell.is-strip-assembly .game-layout{grid-template-columns:clamp(230px,34vw,330px) minmax(0,1fr)}.piece-panel,.map-panel{min-height:0;padding:6px}.strip-piece-card{border-radius:7px}}@media (orientation:landscape) and (height<=600px){.game-shell{grid-template-rows:34px minmax(0,1fr);gap:4px;padding:4px 6px}.topbar{height:34px;min-height:34px}.topbar>.brand{display:none}.top-stats>div{min-width:54px;padding-inline:7px;display:block}.top-stats>div:last-child{display:block}.panel-heading{min-height:28px}.compact-brand .brand-mark{width:23px;height:23px}.panel-heading h1{font-size:.68rem}.piece-stage{margin:3px 0}.result-panel{margin-top:3px}.result-panel .button-primary{min-height:34px;padding-block:5px}.assembly-workbench{gap:3px;margin-top:3px}.strip-filter{border-radius:7px;gap:2px;padding:2px}.strip-filter button{min-height:24px;font-size:.49rem}.assembly-strips{gap:3px}.piece-strip-column{border-radius:8px;padding:2px}.strip-piece-card{margin-bottom:3px;padding:5%}.navigation-minimap{width:104px;height:72px}}.navigation-minimap{opacity:.62;width:clamp(112px,10vw,158px);height:clamp(80px,7vw,112px);transition:opacity .16s,border-color .16s,box-shadow .16s;top:auto;bottom:12px;right:12px}.navigation-minimap:hover,.navigation-minimap:active{opacity:1;border-color:#86e2daa8;box-shadow:0 10px 30px #0000007a,0 0 14px #51dacb33}.zoom-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03131dd1;border:1px solid #84bec92e;border-radius:9px;padding:4px;top:10px;right:10px}.zoom-indicator #minimap-toggle{color:#7997a1;min-width:27px;padding-inline:7px}.zoom-indicator #minimap-toggle.is-active{color:#dffffa;background:#3eb4a94d}@media (orientation:landscape) and (height<=600px){.navigation-minimap{opacity:.7;width:104px;height:72px;bottom:6px;right:6px}.zoom-indicator{top:5px;right:5px}}.start-screen{width:100%;height:100dvh;overflow:hidden}.start-content{align-items:stretch;width:min(2400px,100% - clamp(18px,3vw,72px));height:100dvh;min-height:0;padding:clamp(58px,7vh,82px) 0 clamp(8px,1.5vh,18px)}.setup-card{flex-direction:column;height:100%;min-height:0;padding:clamp(12px,1.35vw,24px);display:flex;overflow:hidden}.setup-heading{flex:none;margin-bottom:clamp(8px,1vh,14px)}.setup-heading h1{font-size:clamp(1.25rem,2vw,1.8rem)}.setup-body{flex:1;grid-template-columns:minmax(0,1fr) clamp(250px,22vw,420px);gap:clamp(8px,1.2vw,20px);min-height:0}.area-setting{min-height:0;padding:clamp(8px,1vw,15px)}.area-canvas-wrap{flex:1;height:auto;min-height:0}.setup-options{gap:clamp(5px,.75vh,9px);min-height:0;overflow:hidden}.piece-types-setting{scrollbar-width:thin;flex:auto;min-height:0;padding:clamp(7px,.8vw,12px);overflow:hidden auto}.piece-type-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.custom-filter-list{max-height:clamp(48px,9vh,100px)}:is(.image-theme-setting,.game-mode-setting){border-radius:13px;flex:none;grid-template-columns:34px minmax(76px,.75fr) minmax(108px,1.25fr);gap:7px;padding:clamp(7px,.8vw,11px)}:is(.image-theme-setting,.game-mode-setting) .setting-icon{border-radius:10px;width:32px;height:32px;font-size:1rem}.image-theme-select-wrap{grid-column:auto}.setting-toggle{border-radius:13px;flex:none;min-height:45px;padding:7px 10px}.start-button{border-radius:14px;flex:none;min-height:clamp(46px,6vh,58px);margin-top:0;padding-block:7px}.start-button>i{border-radius:10px;width:35px;height:35px}.setup-note{flex:none;min-height:0}@media (height<=900px){.setup-heading{margin-bottom:7px}.setup-options{gap:5px}.piece-types-heading{margin-bottom:5px}.piece-type-option{min-height:27px;padding-block:3px}.custom-filters-section{margin-top:6px;padding-top:6px}.image-theme-copy small,.piece-types-heading small,.custom-filters-heading small,.setting-toggle small{display:none}.image-theme-select-wrap select{min-height:32px;padding-block:5px}.setting-toggle{grid-template-columns:34px 1fr 44px}.setting-icon{border-radius:10px;width:32px;height:32px;font-size:1rem}.start-button small{display:none}}@media (height<=700px){.start-brand,.setup-heading{display:none}.start-content{width:calc(100% - 12px);padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.setup-card{border-radius:15px;padding:7px}.setup-body{gap:6px}.area-heading{margin-bottom:5px}.area-heading>div:first-child small{display:none}.area-legend{margin-top:4px}.setup-note{font-size:.48rem}}.portal-screen,.lobby-screen{z-index:90;width:100%;height:100dvh;color:var(--ink);background:#04131f;position:fixed;inset:0;overflow:hidden}.portal-screen[hidden],.lobby-screen[hidden]{display:none}.portal-content{z-index:2;flex-direction:column;justify-content:center;gap:clamp(10px,2vh,20px);width:min(940px,100% - 24px);height:100%;margin:0 auto;padding:clamp(16px,4vh,44px) 0;display:flex;position:relative}.portal-brand{align-self:center}.portal-panel,.lobby-card{-webkit-backdrop-filter:blur(25px)saturate(120%);backdrop-filter:blur(25px)saturate(120%);background:linear-gradient(145deg,#0a2635f0,#03121df5);border:1px solid #91ced347;border-radius:clamp(18px,2vw,28px);box-shadow:0 35px 100px #0000007a,inset 0 1px #ffffff0e}.portal-panel{padding:clamp(14px,2.4vw,30px)}.portal-panel>h1{text-align:center;max-width:none;margin:0 0 clamp(12px,2vh,22px);font-size:clamp(1.35rem,3vw,2rem)}.portal-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.2vw,13px);display:grid}.portal-actions button{color:#dff4f5;cursor:pointer;text-align:left;background:#041824a8;border:1px solid #7ebbc72b;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:clamp(78px,14vh,118px);padding:clamp(10px,1.5vw,18px);transition:transform .16s,border-color .16s,background .16s;display:grid}.portal-actions button:hover{background:#123f48b8;border-color:#64e1d280;transform:translateY(-2px)}.portal-actions button>i{width:40px;height:40px;color:var(--teal);background:#54d7c81f;border-radius:12px;place-items:center;font-size:1.15rem;font-style:normal;display:grid}.portal-actions button span{min-width:0}.portal-actions button strong,.portal-actions button small{display:block}.portal-actions button strong{font-size:clamp(.78rem,1.5vw,1rem)}.portal-actions button small{color:#7897a2;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:clamp(.52rem,.9vw,.65rem);overflow:hidden}.portal-actions button>b{color:#6fe4d6;font-size:1.1rem}.screen-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.screen-heading h1{max-width:none;margin:0;font-size:clamp(1.15rem,2.2vw,1.6rem)}.screen-heading>button{color:#c8e0e3;cursor:pointer;background:#48919e1f;border:1px solid #7bb7c333;border-radius:11px;width:38px;height:38px}.player-name-field{color:#9db5bd;grid-template-columns:auto minmax(160px,1fr);align-items:center;gap:10px;margin:12px 0 8px;font-size:.65rem;display:grid}.player-name-field input,.multiplayer-setting input,.multiplayer-setting select{color:#e7f8f7;background:#020f18b3;border:1px solid #75d0c738;border-radius:9px;outline:0;min-width:0;padding:9px 10px}.game-browser-list{scrollbar-width:thin;gap:6px;max-height:min(48vh,390px);display:grid;overflow-y:auto}.game-browser-row{color:#dceff1;cursor:pointer;text-align:left;background:#03141fa3;border:1px solid #7ebbc726;border-radius:11px;grid-template-columns:12px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.game-browser-row>i{background:var(--teal);width:9px;height:9px;box-shadow:0 0 8px var(--teal);border-radius:50%}.game-browser-row>i.versus{background:var(--amber);box-shadow:0 0 8px var(--amber)}.game-browser-row span strong,.game-browser-row span small{display:block}.game-browser-row span small{color:#75939e;margin-top:2px;font-size:.55rem}.game-browser-row>b{color:#9fd7d2;font-size:.65rem}.game-browser-row>em{color:var(--teal);font-style:normal}.game-browser-empty,.portal-message{color:#7897a2;text-align:center;margin:10px 0 0;font-size:.64rem}.lobby-screen{place-items:center;padding:12px;display:grid}.lobby-card{z-index:2;width:min(680px,100%);max-height:100%;padding:clamp(14px,2.4vw,28px);position:relative;overflow:hidden}.lobby-card .screen-heading small{color:var(--teal);text-transform:uppercase;letter-spacing:.1em;font-size:.58rem;display:block}.lobby-code{color:#f4cb84;letter-spacing:.12em;background:#f4bf681a;border-radius:9px;padding:7px 10px;font-size:.8rem}.lobby-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:clamp(12px,2vh,20px) 0;display:grid}.lobby-player{border:1px solid color-mix(in srgb, var(--player-color) 32%, transparent);background:color-mix(in srgb, var(--player-color) 8%, #03131dc2);border-radius:11px;grid-template-columns:13px minmax(0,1fr);align-items:center;gap:2px 8px;min-width:0;min-height:54px;padding:9px 11px;display:grid}.lobby-player>i{background:var(--player-color);width:11px;height:11px;box-shadow:0 0 9px var(--player-color);border-radius:50%;grid-row:1/3}.lobby-player strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.lobby-player small{color:#79949e;font-size:.5rem}.lobby-player.is-empty{--player-color:#4b626c;opacity:.55}.lobby-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.lobby-footer p{color:#89a3ad;margin:0;font-size:.62rem}.lobby-footer .start-button{width:min(250px,50%)}.setup-card{position:relative}.setup-back-button{z-index:4;color:#c8e0e3;cursor:pointer;background:#03131dc7;border:1px solid #7bb7c333;border-radius:10px;width:34px;height:34px;position:absolute;top:12px;right:12px}.multiplayer-setting{background:#0519259e;border:1px solid #80bcc82b;border-radius:13px;flex:none;grid-template-columns:minmax(0,1fr) 90px;gap:7px;padding:8px;display:grid}.multiplayer-setting label{color:#91adb6;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;font-size:.55rem;display:grid}.multiplayer-setting input,.multiplayer-setting select{width:100%;padding-block:7px;font-size:.6rem}.multiplayer-setting label:nth-child(2){grid-area:2/1/auto/-1}.multiplayer-setting label:nth-child(3){grid-area:1/2}.game-shell.is-multiplayer .strip-filter{scrollbar-width:none;display:flex;overflow-x:auto}.game-shell.is-multiplayer .strip-filter button{text-overflow:ellipsis;white-space:nowrap;flex:1 0 auto;max-width:92px;overflow:hidden}.game-shell.is-multiplayer .strip-filter button i{background:var(--filter-color,#54d7c8);box-shadow:0 0 7px var(--filter-color,#54d7c8)}.strip-piece-card.is-player-selected{border-color:color-mix(in srgb, var(--owner-color) 58%, transparent);background:color-mix(in srgb, var(--owner-color) 21%, #132a37b3)}@media (orientation:landscape) and (height<=600px){.portal-content{gap:5px;width:min(820px,100% - 12px);padding:6px 0}.portal-brand{display:none}.portal-panel{border-radius:15px;padding:9px}.portal-panel>h1{margin-bottom:7px;font-size:1rem}.portal-actions{gap:5px}.portal-actions button{border-radius:10px;grid-template-columns:31px minmax(0,1fr) auto;gap:7px;min-height:66px;padding:7px}.portal-actions button>i{border-radius:8px;width:29px;height:29px;font-size:.8rem}.portal-actions button strong{font-size:.65rem}.portal-actions button small{font-size:.48rem}.game-browser-list{max-height:55vh}.lobby-card{border-radius:15px;padding:9px}.lobby-players{margin:8px 0}.lobby-player{min-height:43px;padding:6px 8px}.setup-back-button{width:29px;height:29px;top:7px;right:7px}.multiplayer-setting{padding:4px}}