.top-actions{gap:4px;display:flex}.game{flex-direction:column;align-items:stretch;gap:12px;max-width:560px;margin:0 auto;padding:0 14px;display:flex}.hud{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.hud h1{margin:0;font-size:1.7rem;font-weight:800}.hud .sub{color:var(--muted);font-size:.92rem}.hud-stats{gap:8px;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;min-width:66px;padding:6px 12px;line-height:1.2;display:flex}.stat span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.68rem}.stat b{font-variant-numeric:tabular-nums;font-size:1.25rem}.stat b.over{color:var(--danger)}.fuel-icons{align-items:center;gap:3px;height:1.5rem;display:flex}.fuel-icons i{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#5dffb02e;width:10px;height:14px;display:inline-block}.fuel-icons i.got{background:var(--fuel);box-shadow:0 0 8px var(--fuel)}.board-wrap{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;max-height:min(62dvh,560px);margin:0 auto;display:flex;position:relative}.board-wrap canvas{outline:none;display:block}.toast{text-align:center;white-space:normal;border:1px solid var(--line);opacity:0;pointer-events:none;background:#0a0e28eb;border-radius:999px;max-width:92%;padding:8px 14px;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:3%;left:50%;transform:translate(-50%)translateY(-8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.dpad{grid-template-rows:repeat(2,40px);grid-template-columns:repeat(3,46px);gap:4px;display:grid}.dpad .pad{border-radius:10px;padding:0;font-size:.95rem}.dpad .up{grid-area:1/2}.dpad .left{grid-area:2/1}.dpad .down{grid-area:2/2}.dpad .right{grid-area:2/3}@media (hover:hover) and (pointer:fine) and (width>=700px){.dpad{opacity:.75}}@media (width<=480px){.actions{flex-wrap:nowrap;gap:6px}.actions .btn{width:46px;height:46px;padding:0}.actions .btn svg{width:21px;height:21px}.actions .lbl{display:none}.dpad{grid-template-rows:repeat(2,40px);grid-template-columns:repeat(3,44px)}.hud h1{font-size:1.45rem}}.mode-links{text-align:center;color:var(--muted);margin:2px 0 0;font-size:.92rem}.mode-links a{margin:0 6px}.seo{color:#c9d0f2;max-width:680px;margin-top:48px}.seo h2{font-size:1.25rem}.lead{color:#cfd5f5;margin-top:-4px}.small{color:var(--muted);font-size:.88rem}.wide{width:100%;margin-top:8px}.legend{gap:10px;margin:14px 0;padding:0;list-style:none;display:grid}.legend li{color:#d9def7;align-items:center;gap:12px;font-size:.94rem;display:flex}.legend canvas{border:1px solid var(--line);background:#0c1230;border-radius:10px;flex:none;width:40px;height:40px}.result{text-align:center}.result h2{margin-top:4px}.stars{letter-spacing:6px;margin-top:6px;font-size:2.3rem}.stars .off{opacity:.22;filter:grayscale()}.stars span{animation:.45s cubic-bezier(.3,1.6,.5,1) both starpop;display:inline-block}.stars span:nth-child(2){animation-delay:.12s}.stars span:nth-child(3){animation-delay:.24s}@keyframes starpop{0%{transform:scale(0)rotate(-40deg)}}.res-line{color:#cfd5f5;margin:0 0 14px}.res-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 16px;display:grid}.res-grid div{border:1px solid var(--line);text-align:center;background:#ffffff0a;border-radius:12px;padding:8px 4px}.res-grid b{font-variant-numeric:tabular-nums;font-size:1.4rem;display:block}.res-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.res-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.next{color:var(--muted);margin:14px 0 0;font-size:.9rem}.next b{color:var(--text);font-variant-numeric:tabular-nums}.dist-title{color:var(--muted);margin:6px 0 8px;font-size:.95rem;font-weight:600}.dist{gap:6px;display:grid}.dist .row{grid-template-columns:64px 1fr;align-items:center;gap:8px;font-size:.9rem;display:grid}.dist .bar{background:var(--accent);color:#241800;text-align:right;border-radius:6px;min-width:26px;padding:1px 8px;font-weight:700}.archive{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:55dvh;padding:2px;display:grid;overflow:auto}.archive a{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;padding:8px 4px;font-size:.85rem;line-height:1.3;display:flex}.archive a:hover{background:#ffffff14;text-decoration:none}.archive a b{font-size:1rem}.archive a small{color:var(--muted);font-size:.72rem}.archive a.today{border-color:var(--accent)}.archive a .st{letter-spacing:1px;font-size:.72rem}