:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f6ecd6;background:#090807;font-synthesis:none;color-scheme:dark;--muted:#b9aa8b;--accent:#ffce72 }*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#74501933,transparent 45%);min-height:100dvh}button,a,input,label{-webkit-tap-highlight-color:transparent}button,.button{border:1px solid #5b4526;border-radius:9px;background:#211b12;color:#fff0ce;padding:11px 15px;font:600 12px Segoe UI,sans-serif;cursor:pointer;min-height:42px;touch-action:manipulation}button:hover,.button:hover{background:#352818;border-color:#ac8143}button:disabled,input:disabled{opacity:.4;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:#24180b}.primary:hover{background:#fd9;border-color:#fd9}button:focus-visible,a:focus-visible,label:focus-within,input:focus-visible,#game:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.app{width:min(1240px,100%);padding:0 28px;margin:auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4c3a20;gap:12px}.brand{display:flex;align-items:center;gap:10px;color:#fff4db;text-decoration:none;font-size:17px;font-weight:900;letter-spacing:1px}.brand b{display:block;font-size:9px;letter-spacing:3px;color:#c6ac7b;margin-top:2px}.brand-mark{display:block;background:var(--accent);color:#21170a;font:700 35px Georgia,serif;width:41px;height:44px;line-height:44px;text-align:center;border-radius:9px;transform:rotate(-6deg)}.brand-mark span{font-size:20px;color:#bc6240}.topbar nav{display:flex;gap:6px}.topbar nav button{background:transparent}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--accent);margin:0 0 10px}.selection-screen{position:relative;padding:42px 0 10px}.selection-heading h1{font-size:clamp(34px,5vw,59px);line-height:1.07;letter-spacing:-2px;margin:0}.selection-heading h1 em{color:#edc979;font-style:normal}.selection-heading>p:last-child{font-size:14px;color:var(--muted);margin-top:18px}.selection-tag{position:absolute;right:12px;top:72px;font-size:12px;color:#c5ad81;line-height:1.9;letter-spacing:1px;text-align:right}.selection-tag strong{color:var(--accent)}.layout-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:35px}.layout-card{padding:0;overflow:hidden;text-align:left;background:#18140e;transition:transform .18s,border-color .18s}.layout-card:hover{transform:translateY(-4px);background:#302316;border-color:#ffce72}.layout-preview{height:185px;padding:22px;background:radial-gradient(ellipse at center,#473119,#1e1810);position:relative}.layout-preview svg{width:100%;height:100%;overflow:visible}.layout-index{position:absolute;top:10px;right:12px;color:#ad9365;font-size:10px}.layout-card-body{padding:17px 15px}.layout-card h3{font-size:17px;margin:0}.layout-card p{font-size:11px;color:var(--muted);margin:7px 0 18px}.layout-record{border-top:1px solid #4d3a22;padding-top:12px;min-height:74px;display:flex;flex-wrap:wrap;gap:8px;font-size:8px;letter-spacing:.6px;color:#bca57c}.layout-record span{flex:1}.layout-record b{display:block;font-size:13px;color:#f6e8c5;margin-top:4px}.layout-record small{flex-basis:100%;font-size:9px}.play-label{display:flex;justify-content:space-between;font-size:11px;color:#ffdb8f;margin-top:10px}.selection-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:22px}.page-footer{font-size:8px;letter-spacing:2px;color:#a18c65;display:flex;justify-content:space-between;padding:25px 0}.page-footer span{letter-spacing:.3px;font-size:10px}.play-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0 16px}.play-heading .eyebrow{font-size:8px}.play-heading h1{font-size:24px;letter-spacing:-.7px;margin:5px 0 0}.board-actions{display:flex;gap:7px}.personal-best{font-size:10px;color:#c9b187;margin-left:auto}.game-shell{border:1px solid #69502b;border-radius:14px;overflow:hidden;background:#19150f}.hud{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;padding:15px 24px;gap:20px}.hud>div{position:relative}.hud span,.result-stats span,.result-score span{font-size:9px;letter-spacing:1.4px;color:#bfa985;display:block;margin-bottom:5px}.hud strong{font-size:25px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.score-stat strong{color:#ffdb91}.combo-stat strong{color:#f4d28a}.combo-track{height:3px;background:#4a3921;width:min(82px,100%);margin-top:6px;border-radius:5px;overflow:hidden}.combo-track i{display:block;background:#ffca6f;width:100%;height:100%;transform-origin:left;transform:scaleX(0);transition:transform .1s linear}.board-wrap{position:relative;background:radial-gradient(ellipse at 50% 45%,#322718,#100e0b 70%)}.table-caption{display:flex;align-items:center;justify-content:space-between;padding:7px 17px 0;color:#bda87b;font-size:8px;letter-spacing:2px}.table-caption button{border:0;background:transparent;min-height:30px;font-size:10px;color:#d5bd8b;padding:5px}.board-scroll{width:100%;overflow:auto;overscroll-behavior:contain;max-height:calc(100dvh - 270px);min-height:230px;scrollbar-color:#8f7040 #201a11}#game{width:100%;height:auto;aspect-ratio:var(--board-ratio,1200 / 780);max-height:clamp(260px,calc(100dvh - 315px),680px);overflow:hidden;touch-action:pan-x pan-y}#game.enlarged{width:170%;min-width:760px;height:auto;max-height:none;aspect-ratio:var(--board-ratio)}#game canvas{display:block;touch-action:pan-x pan-y}.powerbar{display:flex;justify-content:center;gap:10px;padding:13px;background:#19150f}.powerbar button{min-width:140px;display:flex;align-items:center;justify-content:center;gap:12px}.powerbar button>span{font-size:19px;color:#f1d595}.powerbar b{font-size:11px;color:#ffdb91}.status-line{display:flex;justify-content:space-between;gap:12px;padding:0 22px 12px;font-size:11px;color:#dac8a6;min-height:27px}.keyboard-note{font-size:9px;color:#ad986f;white-space:nowrap}.play-tip{font-size:10px;color:#b4a17f;text-align:center;margin:12px 0 0}.no-moves{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;background:#4a281d;color:#ffdfa1;padding:12px;font-size:11px}.busy{position:absolute;top:0;right:0;bottom:0;left:0;background:#100d08ed;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.busy strong{font-size:16px}.busy>span:last-child{font-size:11px;color:#d1b98d}.spinner{width:30px;height:30px;border:3px solid #695433;border-top-color:#ffce72;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.debug-panel{padding:20px;border:1px dashed #9b783e;border-radius:10px;margin-top:15px;background:#241c10;font-size:11px}.debug-panel p{line-height:1.7;overflow-wrap:anywhere}.debug-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}.debug-panel .eyebrow{font-size:9px}dialog{background:#17130d;color:#fff1d0;border:1px solid #98733b;border-radius:16px;box-shadow:0 30px 100px #000c;padding:28px}dialog::backdrop{background:#070503dd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.art-dialog{width:min(1060px,94vw);max-height:90dvh}.dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.dialog-heading h2{font-size:28px;margin:0}.dialog-intro{font-size:12px;line-height:1.7;color:#cdbb98;max-width:730px}.import-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.upload-label{display:inline-flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.upload-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.danger{color:#ffc3b0}.import-help{font-size:10px;color:#bca578;line-height:1.6}.art-status{padding:12px;border:1px solid #785b30;border-radius:7px;background:#322616;font-size:12px;white-space:pre-wrap;max-height:140px;overflow:auto}.art-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.art-card{padding:12px;background:#261e12;border:1px solid #6c5330;border-radius:10px;text-align:center}.art-card.custom{border-color:#6ab99b}.art-preview{height:108px;max-width:95px;background:#fff9ec;border-radius:7px;box-shadow:0 4px #ab8c54;margin:0 auto 12px;padding:8px;display:flex}.art-preview img{width:100%;height:100%;object-fit:contain}.art-card strong{display:block;font-size:12px}.art-card small{display:block;font-size:9px;color:#d0b890;margin:4px 0 10px}.art-card .button,.art-card button{font-size:9px;min-height:36px;padding:8px 5px;width:100%;margin-top:5px}.art-reset{background:transparent}.results{width:min(440px,92vw);text-align:center;padding:30px}.result-spark{display:block;color:#ffce72;font-size:45px;line-height:1.2;margin-bottom:15px}.results h2{font-size:29px;letter-spacing:-1px;margin:0}.results>p:not(.eyebrow){font-size:12px;color:#cfb587}.result-score{padding:20px 0}.result-score strong{display:block;font-size:49px;color:#ffcf76;font-weight:850;letter-spacing:-2px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #6a4f28;border-bottom:1px solid #6a4f28;padding:20px 0}.result-stats span{font-size:8px;letter-spacing:.8px}.result-stats strong{font-size:20px}.results>.primary{width:100%;margin-top:10px}.result-actions{display:flex;gap:10px;margin-top:10px}.result-actions button{flex:1}.results #record-message{font-size:11px;min-height:16px}@media(max-width:1000px){.layout-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.art-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-preview{height:170px}}@media(max-width:600px){.app{padding:0 10px}.topbar{height:57px;gap:6px}.brand{font-size:12px;gap:7px;letter-spacing:.5px}.brand b{font-size:7px;letter-spacing:1.3px}.brand-mark{width:29px;height:33px;line-height:33px;font-size:26px;border-radius:7px}.brand-mark span{font-size:14px}.topbar nav{gap:2px}.topbar nav button{padding:7px;font-size:10px;min-height:38px;border-color:transparent}.selection-screen{padding-top:25px}.selection-heading h1{font-size:38px;letter-spacing:-1.5px}.selection-heading>p:last-child{font-size:12px;line-height:1.6;max-width:260px}.selection-tag{display:none}.layout-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.layout-preview{height:135px;padding:16px}.layout-card-body{padding:13px}.layout-card h3{font-size:16px}.layout-record{min-height:64px}.selection-note{font-size:10px}.page-footer{padding:18px 0;letter-spacing:1px;font-size:7px}.page-footer span{display:none}.play-heading{padding:10px 2px;gap:8px}.play-heading .eyebrow{display:none}.play-heading h1{font-size:17px;margin:0}.board-actions{gap:4px}.board-actions button{font-size:10px;min-height:36px;padding:7px 9px}.personal-best{display:none}.hud{padding:12px 13px;gap:10px;grid-template-columns:1.35fr .85fr 1fr .8fr}.hud span{font-size:7px;letter-spacing:.8px;margin-bottom:4px}.hud strong{font-size:22px}.combo-track{margin-top:5px;max-width:45px}.table-caption{padding:4px 10px 0;font-size:7px}.table-caption button{min-height:28px;padding:5px}#game{max-height:clamp(250px,calc(100dvh - 285px),650px)}.board-scroll{max-height:calc(100dvh - 250px);min-height:220px}.powerbar{padding:10px 8px;gap:6px}.powerbar button{min-width:0;flex:1;padding:9px 7px;gap:6px;font-size:11px;min-height:44px}.powerbar button>span{font-size:17px}.status-line{font-size:10px;padding:0 12px 10px;line-height:1.4;min-height:34px}.keyboard-note{display:none}.play-tip{font-size:9px;margin:8px 6px;line-height:1.5}.game-shell{border-radius:11px}.art-dialog{padding:18px;width:96vw;max-height:94dvh}.dialog-heading h2{font-size:23px}.art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.art-card{padding:8px}.art-preview{height:85px}.art-card .button,.art-card button{min-height:40px;font-size:8px}.results{padding:24px}.results h2{font-size:27px}.result-score strong{font-size:43px}}@media(max-height:500px)and (orientation:landscape){.topbar{height:46px}.play-heading{padding:7px 0}.hud{padding:8px 16px}.hud strong{font-size:20px}#game{max-height:65dvh;min-height:0}.board-scroll{max-height:none}.page-footer,.play-tip{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.format-picker{display:flex;gap:10px;margin-top:25px}.format-picker button{text-align:left;padding:13px 20px}.format-picker button span{display:block;margin-top:4px;font-size:10px;font-weight:400;color:#d1b98d}.format-picker button[aria-pressed=true]{border-color:#ffce72;background:#3a2a15;color:#ffdb91}@media(max-width:600px)and (orientation:portrait){.format-picker button{flex:1;padding:12px}.playing .topbar{height:48px}.playing .play-heading{padding:7px 2px}.playing .hud{padding:10px 13px}.playing .page-footer,.playing .play-tip{display:none}.playing .board-scroll{min-height:0;max-height:calc(100svh - 304px)}#game[data-format=portrait]{max-height:max(var(--readable-height),calc(100svh - 304px))}#game[data-format=portrait].enlarged{width:125%;min-width:0;max-height:none}.playing .table-caption button{min-height:36px}.playing .powerbar{padding:9px 8px}}:root{color:#f3f5ff;background:#090d25;--muted: #aeb9df;--accent: #39e8ff}body{background-color:#090d25;background-image:radial-gradient(ellipse at 10% 0,#8f2bff30,transparent 45%),radial-gradient(ellipse at 95% 20%,#00dbff20,transparent 45%),linear-gradient(#37cfff06 1px,transparent 1px),linear-gradient(90deg,#37cfff06 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;background-attachment:fixed}.topbar{border-bottom:1px solid #39e8ff38}.brand{color:#f5fbff;font-size:20px;letter-spacing:2px}.brand b{color:#40e9ff;font-size:8px;letter-spacing:4px}.brand-mark{width:52px;height:52px;object-fit:contain;background:#000;border-radius:50%;transform:none;box-shadow:0 0 14px #35cfff35}button,.button{color:#edf6ff;border-color:#5260aa;background:#191b45;box-shadow:inset 0 1px #ffffff10}button:hover,.button:hover{background:#292461;border-color:#3beaff}.topbar nav button{background:#111631}.primary{background:linear-gradient(120deg,#32edff,#7399ff);border-color:#7df5ff;color:#080f2e}.primary:hover{background:#83f5ff}.eyebrow{color:#49edff}.selection-screen{padding-top:24px}.arcade-hero{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,68px);padding:6px 0 26px}.hero-logo{display:block;width:clamp(190px,24vw,280px);height:auto;border-radius:50%;box-shadow:0 0 0 1px #3edcff40,0 0 42px #267bff25,0 0 80px #b82bff18}.selection-heading h1{font-size:clamp(44px,6vw,76px);font-weight:950;font-style:italic;letter-spacing:-2px;color:#fff35b;text-shadow:3px 4px 0 #7528af,0 0 24px #ffce3026}.selection-heading>p:last-child{color:#bac8ed;max-width:300px;line-height:1.7}.format-picker button{background:#121833}.format-picker button[aria-pressed=true]{background:linear-gradient(120deg,#30306c,#14314c);border-color:#34e6ff;color:#f0fcff;box-shadow:0 0 15px #29dfff18}.layout-cards{margin-top:24px}.layout-card{background:#111831f5;border-color:#414b89;box-shadow:0 12px 28px #0005}.layout-card:hover{border-color:#43eaff;background:#20224c;box-shadow:0 0 24px #2bdcff20}.layout-preview{background:radial-gradient(ellipse at 50% 70%,#8230ed40,transparent 75%),#101c39;border-bottom:1px solid #3ee9ff25}.layout-card h3{color:#f3f4ff}.layout-index{color:#51dfff}.game-shell{border-color:#5553ab;box-shadow:0 0 0 1px #142b51,0 18px 50px #0006,0 0 30px #5635e915}.hud{background:linear-gradient(100deg,#262052,#111e38);border-bottom:1px solid #3bdcff40}.hud strong,.score-stat strong{color:#fff05c}.combo-stat strong{color:#ef8bff}.board-wrap{background:radial-gradient(ellipse at 50% 45%,#202c52,#0e162f 85%)}.table-caption,.personal-best{color:#b6c4ed}.powerbar{background:#121831;border-top:1px solid #6375cd45}.powerbar button{background:linear-gradient(#39306e,#231e4f);border-color:#8570db}.powerbar button:hover{background:#48398c;border-color:#49e8ff}.powerbar button>span{color:#4deaff}.powerbar button b{color:#fff169}.combo-track i{background:linear-gradient(90deg,#bf44ff,#38efff)}.play-heading h1{color:#f2f7ff}.status-line{background:#121831;color:#c6d4f7;padding-top:4px}.results{background:radial-gradient(ellipse at 50% 0,#6534a966,transparent 65%),#10162e;border-color:#a76aff}.result-score strong{color:#fff05d;text-shadow:0 0 22px #ffcf3c40}.result-spark{color:#43edff}.page-footer{border-top:1px solid #4b68aa45;margin-top:18px;color:#97a7d2}.debug-panel{background:#151c38f2}@media(max-width:600px){.brand{font-size:14px;letter-spacing:1px;gap:7px}.brand b{font-size:7px;letter-spacing:2px}.brand-mark{width:36px;height:36px}.selection-screen{padding-top:20px}.arcade-hero{flex-direction:column;gap:18px;text-align:center;padding-bottom:12px}.hero-logo{width:190px}.selection-heading h1{font-size:44px}.selection-heading .eyebrow{margin-bottom:6px}.selection-heading>p:last-child{margin-top:10px;font-size:13px}.playing .topbar{background:#090d25ed}.game-shell{box-shadow:0 0 20px #0005}}