@font-face{font-family:Arcade;src:local('Arial Black');font-weight:900}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0a1418;color:#e8f0e9;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:#142329;border:1px solid #304249;border-radius:9px;min-height:48px;padding:12px 18px;cursor:pointer;touch-action:manipulation;font-weight:700;font-size:13px;letter-spacing:.035em}button:hover{background:#20363c;border-color:#7ee6b6}button:active,.pressed{transform:translateY(2px);background:#32564c}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #a0f7cd;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1180px;margin:auto;padding:0 40px}header{height:94px;border-bottom:1px solid #253237;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-weight:900;letter-spacing:2px;font-size:23px}.mark{background:#a0f7cd;color:#0a1418;font-size:24px;display:grid;place-items:center;width:34px;height:34px;border-radius:7px;transform:skew(-8deg)}.edition{font-size:10px;letter-spacing:1.5px;font-weight:400;border-left:1px solid #405157;margin-left:10px;padding-left:22px;color:#8ca09f}.icon-button{font-size:23px;background:transparent;border:0}#home{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center;min-height:calc(100svh - 154px);padding:36px 0}.eyebrow{font-size:11px;letter-spacing:2px;color:#a0f7cd;font-weight:700}h1{font-family:Arcade,Arial,sans-serif;font-weight:900;font-size:clamp(52px,6vw,79px);letter-spacing:-5px;line-height:.92;margin:32px 0 26px}h1>span{color:#a0f7cd}h1 i{display:block;font:11px Arial;letter-spacing:1px;color:#809391;margin-top:12px}.claim{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:0 0 26px}.pulse-line{max-width:350px;margin:22px 0 30px}.pulse-line svg{width:100%;height:28px;fill:none;stroke:#7ee6b6;stroke-width:1.5}.pulse-line span{font-size:9px;letter-spacing:1.9px;color:#829c98}.home-actions{max-width:350px;display:grid;gap:10px}.home-actions>button{height:55px;display:flex;align-items:center;justify-content:space-between}.primary{background:#a0f7cd;color:#0a2420;border-color:#a0f7cd}.primary:hover{background:#c1ffde}.primary>span{font-size:24px}.small-actions{display:flex;gap:10px}.small-actions button{flex:1;font-size:10px;background:transparent}.home-note{color:#9aafab;font-size:12px;margin-top:24px}.poster{border:1px solid #31454a;border-radius:18px;padding:24px;background:linear-gradient(140deg,#162a2c,#0c191f);transform:rotate(3deg);box-shadow:0 24px 80px #0005}.poster-top{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:2px;color:#95afa7}.poster-top span{font-size:24px}.art-grid{height:295px;margin:24px 0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:4px}.art-grid i{border:1px solid #28404066;border-radius:4px}.art-grid i.lit{background:var(--c);box-shadow:inset 0 2px 0 #ffffff44,0 0 18px color-mix(in srgb,var(--c),transparent 85%);border-color:var(--c)}.poster-bottom{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #34474a;padding-top:20px}.poster-bottom b{font-size:34px;line-height:1;letter-spacing:-1px}.poster-bottom span{font:9px/1.8 monospace;color:#9ab1ad;text-align:right}footer{height:60px;display:flex;align-items:center;justify-content:space-between;color:#718a88;font-size:9px;letter-spacing:1.4px;border-top:1px solid #253237}#game{max-width:780px;margin:auto}.game-top{display:flex;align-items:center;justify-content:space-between;height:58px;font-size:11px;letter-spacing:1.8px;color:#9bb4ad}.game-top button{min-height:40px;padding:8px 15px}.arena{display:grid;grid-template-columns:145px auto 145px;gap:26px;justify-content:center}.board-wrap{position:relative;height:min(60svh,600px);aspect-ratio:1/2;border:1px solid #45625d;border-radius:6px;background:#081013;box-shadow:0 0 38px #63d4a409;overflow:hidden}#board{width:100%;height:100%;display:block;touch-action:none}.left-rail,.right-rail{display:flex;flex-direction:column;gap:24px}.hold-box{padding:14px 10px;width:100%;background:#101f24}.hold-box span,.score-card span,.next-box>span{font-size:10px;letter-spacing:1.7px;color:#9bb4ad;display:block}.hold-box canvas{width:100%;height:70px;display:block}.desktop-copy{margin-top:auto}.desktop-copy b{font-size:25px;line-height:1.1;color:#91b3a7}.desktop-copy p{font-size:12px;line-height:2;color:#8ba29c}.score-card strong{display:block;font-size:29px;font-variant-numeric:tabular-nums;margin:8px 0 24px;overflow-wrap:anywhere}.numbers{display:flex;gap:28px}.numbers b{display:block;font-size:25px;margin-top:7px}.next-box{padding-top:18px;border-top:1px solid #304249}.next-box canvas{width:120px;height:220px;max-width:100%}#message{height:37px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#a0f7cd;text-align:center}#controls{display:flex;justify-content:center;gap:9px}#controls button{width:64px;height:50px;font-size:25px;padding:5px;touch-action:none;user-select:none}#controls button[data-action=drop]{border-color:#70b397;color:#a0f7cd}.gesture-hint{text-align:center;color:#8ca39d;font-size:10px;margin:9px 0 16px}dialog{color:#e8f0e9;background:#102126;border:1px solid #476259;border-radius:17px;width:min(440px,calc(100% - 28px));padding:24px;max-height:90svh;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#030b10d9;backdrop-filter:blur(9px)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head button{font-size:24px;border:0;background:none;padding:0;width:48px}h2{font-size:29px;letter-spacing:-1px;line-height:1.05;margin:20px 0}dialog p{font-size:14px;color:#adc0b8;line-height:1.6}.modal-actions{display:grid;gap:10px;margin-top:24px}.setting{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #304249;padding:14px 0;font-size:12px;min-height:52px}.setting input{accent-color:#a0f7cd;width:24px;height:24px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.stat-grid span{display:block;color:#9bb4ad;font-size:10px;letter-spacing:1px}.stat-grid b{font-size:24px;display:block;margin-top:8px}.achievement{padding:12px 0;border-top:1px solid #304249;font-size:12px}.achievement small{display:block;color:#9bb4ad;margin-top:5px}.new-record{color:#a0f7cd;font-weight:bold}.impact{animation:impact .45s ease-out}@keyframes impact{0%{box-shadow:inset 0 0 90px #a0f7cd99;transform:translateY(3px)}100%{box-shadow:none;transform:none}}#impact{position:absolute;inset:0;pointer-events:none}#impact i{position:absolute;width:5px;height:5px;background:#a0f7cd;animation:spark .55s ease-out forwards}@keyframes spark{to{transform:translate(var(--x),var(--y)) rotate(90deg);opacity:0}}
@media(min-width:850px) and (max-height:800px){header{height:70px}#home{min-height:calc(100svh - 120px);padding:24px 0}.art-grid{height:250px}h1{margin-top:24px}.pulse-line{margin:15px 0}.home-note{margin-top:14px}footer{height:50px}.board-wrap{height:56svh}}
@media(max-width:700px){.shell{padding:0 18px}header{height:64px}.brand{font-size:19px}.edition{font-size:8px;padding-left:12px;margin-left:2px}.mark{width:29px;height:29px;font-size:20px}#home{display:block;min-height:calc(100svh - 107px);padding:36px 7px 20px}.intro{max-width:390px;margin:auto}h1{font-size:64px;margin:34px 0 24px}.claim{font-size:28px}.poster{display:none}.home-actions{max-width:none}.pulse-line{max-width:none;margin:24px 0}.home-note{margin:24px 0 0}.eyebrow{font-size:10px}footer{height:43px;font-size:8px}footer span:last-child{display:none}.game-top{height:48px}.arena{grid-template-columns:58px auto 64px;gap:9px}.board-wrap{height:min(calc(100svh - 259px - env(safe-area-inset-bottom)),580px);max-width:calc(100vw - 176px);min-height:200px}.left-rail,.right-rail{gap:14px}.hold-box{padding:8px 2px;min-height:70px}.hold-box span{font-size:8px;letter-spacing:.4px}.hold-box canvas{height:42px}.desktop-copy{display:none}.score-card span,.next-box>span{font-size:9px;letter-spacing:.5px}.score-card strong{font-size:17px;margin:6px 0 16px}.numbers{display:block}.numbers>div{margin-bottom:14px}.numbers b{font-size:21px;margin-top:4px}.next-box{padding-top:12px}.next-box canvas{width:64px;height:130px}.gesture-hint{font-size:8px;margin-bottom:10px}#controls{gap:7px}#controls button{height:50px;flex:1;max-width:70px;min-width:44px}#message{height:34px;font-size:10px}#game~footer{padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:390px){.shell{padding:0 10px}.arena{grid-template-columns:48px auto 54px;gap:6px}.board-wrap{max-width:calc(100vw - 134px)}h1{font-size:58px}.edition{display:none}}
@media(max-height:680px) and (max-width:700px){#home{padding-top:20px}h1{margin:22px 0 18px;font-size:54px}.claim{font-size:23px}.pulse-line{margin:16px 0}.home-note{margin-top:14px}.home-actions>button{height:49px}.board-wrap{height:calc(100svh - 245px)}header{height:54px}.gesture-hint{margin:5px 0}.game-top{height:45px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}body.reduced *{animation:none!important;transition:none!important}body.no-buttons #controls{display:none}@media(max-height:500px) and (orientation:landscape){header,footer,.gesture-hint{display:none}.arena{grid-template-columns:100px auto 100px}.desktop-copy{display:none}#home{padding:15px;min-height:100svh}#home h1{font-size:40px;margin:12px 0}#home .pulse-line,#home .home-note{display:none}.home-actions{gap:5px}.claim{font-size:18px;margin:10px 0}}
.board-wrap{width:min(30svh,300px);height:auto;min-height:0;align-self:start}.arena{grid-template-columns:145px max-content 145px}
@media(max-width:700px){.arena{grid-template-columns:58px max-content 64px}.board-wrap{width:min(calc((100svh - 259px - env(safe-area-inset-bottom))/2),calc(100vw - 176px),290px);max-width:none}body.no-buttons .board-wrap{width:min(calc((100svh - 209px - env(safe-area-inset-bottom))/2),calc(100vw - 176px),290px)}.shell{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:390px){.arena{grid-template-columns:48px max-content 54px}.board-wrap{width:min(calc((100svh - 259px - env(safe-area-inset-bottom))/2),calc(100vw - 134px),290px)}body.no-buttons .board-wrap{width:min(calc((100svh - 209px - env(safe-area-inset-bottom))/2),calc(100vw - 134px),290px)}}
@media(max-height:500px) and (orientation:landscape){.board-wrap{width:calc((100svh - 145px)/2)}}
@media(max-height:600px) and (max-width:700px){.next-box canvas{height:105px}.numbers>div{margin-bottom:10px}.score-card strong{margin-bottom:12px}}
@media(max-height:500px) and (orientation:landscape){.arena{grid-template-columns:100px max-content 100px}.right-rail{gap:8px}.score-card strong{font-size:19px;margin:4px 0 8px}.numbers b{font-size:18px}.next-box{padding-top:8px}.next-box canvas{height:100px;width:60px}.board-wrap{width:calc((100svh - 150px)/2)}.game-top{height:48px}.hold-box{padding:8px}.desktop-copy{display:none}}
.small-actions{flex-wrap:wrap}.small-actions button{padding:10px 8px;min-width:90px}#settings-home{flex-basis:100%}
@media(max-height:600px) and (max-width:700px){#home{padding-top:15px;padding-bottom:8px}#home h1{margin:18px 0 15px}#home .pulse-line{margin:10px 0}#home .pulse-line svg{height:18px}#home .pulse-line span{display:none}#home .claim{margin-bottom:12px}#home .home-note{margin-top:10px;font-size:10px}.home-actions{gap:7px}.home-actions>button{height:48px}#home .small-actions{gap:7px}#home .small-actions button{min-height:44px;padding:8px}}