:root{--paper: #e8e2d5;--paper-2: #ded7c6;--ink: #16130f;--ink-red: #c1272d;--ochre: #d4a017;--display: "Archivo Black", "Anton", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--mono);background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(22,19,15,.035) 39px,rgba(22,19,15,.035) 40px);display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none;-webkit-user-select:none}.bgfx{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}#app{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;max-width:720px;width:100%}.menu-mark{display:flex;gap:2px;font-family:var(--display);font-size:clamp(3rem,10vw,6rem);line-height:.9;letter-spacing:-.04em;cursor:default;animation:mark-float 6s ease-in-out infinite}.menu-mark span{background:var(--ink);color:var(--paper);padding:0 .06em;transition:transform .2s cubic-bezier(.16,1,.3,1);animation:letter-drop .56s cubic-bezier(.16,1,.3,1) backwards}.menu-mark span:nth-child(1){animation-delay:40ms}.menu-mark span:nth-child(2){animation-delay:.12s}.menu-mark span:nth-child(3){animation-delay:.2s}.menu-mark span:nth-child(4){animation-delay:.28s}.menu-mark span:nth-child(5){animation-delay:.36s}.menu-mark span:nth-child(6){animation-delay:.44s}.menu-mark span:nth-child(7){animation-delay:.52s}.menu-mark:hover span:nth-child(odd){transform:translateY(-6px) rotate(-4deg)}.menu-mark:hover span:nth-child(2n){transform:translateY(-6px) rotate(4deg)}@keyframes letter-drop{0%{transform:translateY(-160%) rotate(-10deg);opacity:0}55%{opacity:1}75%{transform:translateY(8%) rotate(2deg)}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes mark-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}:root[data-reduced-motion=true] .menu-mark,:root[data-reduced-motion=true] .menu-mark span{animation:none}:root[data-reduced-motion=true] .menu-mark:hover span:nth-child(odd),:root[data-reduced-motion=true] .menu-mark:hover span:nth-child(2n){transform:none}@media (prefers-reduced-motion: reduce){.menu-mark,.menu-mark span{animation:none}.menu-mark:hover span{transform:none}}.menu-mark .plus{background:var(--ochre);color:var(--ink)}.menu-mark span:nth-child(3){background:var(--ink-red)}.menu-sub{font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;opacity:.7}.mode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:560px;margin-top:12px}.mode-btn{text-align:left;background:var(--paper);border:2.5px solid var(--ink);padding:16px 18px;cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1),background .12s,color .12s;color:var(--ink)}.mode-btn:hover,.mode-btn:focus-visible{background:var(--ink);color:var(--paper);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink-red);outline:none}.mode-btn .m-name{font-family:var(--display);font-size:1.5rem;letter-spacing:-.02em;display:block}.mode-btn .m-blurb{font-size:.72rem;line-height:1.4;opacity:.75;margin-top:6px}.mode-btn .m-best{font-size:.68rem;letter-spacing:.12em;margin-top:8px;color:var(--ink-red)}.mode-btn:hover .m-best{color:var(--ochre)}.menu-actions{display:flex;gap:24px;margin-top:10px}.link-btn{background:none;border:none;font-family:var(--mono);font-size:.75rem;letter-spacing:.2em;color:var(--ink);cursor:pointer;padding:6px 2px;border-bottom:2px solid transparent}.link-btn:hover{border-bottom-color:var(--ink-red)}#play{gap:14px}.hud{display:flex;gap:8px;width:100%;max-width:620px;justify-content:space-between}.hud-cell{flex:1;border:2px solid var(--ink);padding:6px 10px;display:flex;flex-direction:column;background:var(--paper)}.hud-label{font-size:.6rem;letter-spacing:.24em;opacity:.6}.hud-val{font-family:var(--display);font-size:1.35rem;line-height:1.1;font-variant-numeric:tabular-nums}.board-wrap{position:relative;line-height:0}#board{display:block;image-rendering:pixelated}.top-nav{position:fixed;top:16px;left:16px;display:flex;gap:8px;z-index:50}.nav-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-family:var(--mono);background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);cursor:pointer;line-height:1;transition:transform .12s cubic-bezier(.16,1,.3,1),background .12s,color .12s}.nav-btn:hover,.nav-btn:focus-visible{background:var(--ink);color:var(--paper);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink-red);outline:none}.overlay-stack{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.toast{font-family:var(--display);font-size:1.8rem;letter-spacing:-.01em;text-transform:uppercase;color:var(--paper);background:var(--ink);padding:6px 16px;transform:rotate(-3deg);animation:toast-in .14s cubic-bezier(.16,1,.3,1)}.toast.spin{background:var(--ink-red)}.toast.tetris{background:var(--ochre);color:var(--ink)}.combo{margin-top:14px;font-family:var(--mono);font-weight:600;font-size:1rem;letter-spacing:.1em;color:var(--ink);background:var(--paper);padding:2px 10px;border:2px solid var(--ink)}@keyframes toast-in{0%{transform:rotate(-3deg) scale(1.4);opacity:0}to{transform:rotate(-3deg) scale(1);opacity:1}}.card{position:absolute;inset:0;background:#e8e2d5f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.card h2{font-family:var(--display);font-size:2.4rem;letter-spacing:-.02em}#countdown{background:#e8e2d5b3}#countdown span{font-family:var(--display);font-size:6rem;color:var(--ink-red)}.card-actions{display:flex;flex-direction:column;gap:10px;width:200px}.over-stats{font-size:.85rem;line-height:1.7;letter-spacing:.08em}.over-stats b{color:var(--ink-red)}.pb-flag{font-family:var(--display);background:var(--ochre);color:var(--ink);padding:4px 14px;transform:rotate(-2deg);letter-spacing:.05em}.btn{font-family:var(--display);font-size:1rem;letter-spacing:.02em;background:var(--ink);color:var(--paper);border:2.5px solid var(--ink);padding:12px 18px;cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s}.btn:hover,.btn:focus-visible{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink-red);outline:none}.btn.ghost{background:var(--paper);color:var(--ink)}.panel-title{font-family:var(--display);font-size:2rem;letter-spacing:-.02em}.settings-grid{width:100%;max-width:460px;display:flex;flex-direction:column;gap:14px}.set-row{display:flex;flex-direction:column;gap:6px;font-size:.75rem;letter-spacing:.16em}.set-row span{display:flex;justify-content:space-between}.set-row em{font-style:normal;color:var(--ink-red);font-weight:600}.set-row.toggle{flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1.5px solid rgba(22,19,15,.2);padding-bottom:10px}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:var(--ink);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--ink-red);border:2px solid var(--ink);cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--ink-red);border:2px solid var(--ink);cursor:pointer;border-radius:0}input[type=checkbox]{width:22px;height:22px;accent-color:var(--ink-red);cursor:pointer}.set-select{font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;background:var(--paper);color:var(--ink);border:2px solid var(--ink);padding:6px 10px;cursor:pointer}.set-select:focus-visible{outline:none;box-shadow:3px 3px 0 var(--ink-red)}.help-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;font-size:.85rem;letter-spacing:.1em}.help-list li{display:flex;align-items:center;gap:8px}kbd{font-family:var(--mono);font-size:.7rem;background:var(--ink);color:var(--paper);padding:2px 7px;border-radius:2px;min-width:20px;text-align:center}[hidden]{display:none!important}.touch-controls{display:none;width:100%;max-width:620px;justify-content:space-between;gap:10px;touch-action:none;box-sizing:border-box}.tc-cluster{display:flex;gap:6px;flex:1}.tc-btn{font-family:var(--display);font-size:1.4rem;flex:1;min-width:0;height:58px;padding:0 4px;background:var(--paper);color:var(--ink);border:2.5px solid var(--ink);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.tc-btn.tc-sm{font-size:.8rem;letter-spacing:.04em}.tc-btn.tc-drop{font-size:.95rem;background:var(--ink);color:var(--paper)}.tc-btn:active{background:var(--ink-red);color:var(--paper);transform:translateY(1px)}@media (pointer: coarse),(max-width: 820px){.touch-controls{display:flex}}@media (max-width: 640px){.mode-list{grid-template-columns:1fr}.hud-val{font-size:1.05rem}body{overflow-y:auto}.screen{min-height:100dvh;padding:16px 12px}#play{justify-content:space-between;gap:8px;padding:8px}.hud{gap:4px}.hud-cell{padding:4px 6px}.top-nav{top:8px;left:8px}.settings-grid{max-width:100%}}@media (max-height: 520px){.tc-btn{height:46px;min-width:50px;font-size:1.2rem}}