:root{--bg-top:#a6c8ff;--bg-bottom:#7fa8f0;--ink:#3a3245;--panel:#fffdf8;--panel-edge:#f0d9b5;--accent:#f2994a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;height:100%;overscroll-behavior:none}body{font-family:Baloo\ 2,Nunito,ui-rounded,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));background-attachment:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));gap:10px}.masthead{width:100%;max-width:460px;display:flex;align-items:baseline;justify-content:space-between}.masthead h1{margin:0;font-size:1.7rem;font-weight:800;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.12);letter-spacing:.5px}.masthead .paw{filter:drop-shadow(0 2px 0 rgba(0,0,0,.1))}.masthead .brand{font-size:.8rem;font-weight:700;color:#fff;opacity:.85;text-decoration:none;background:hsla(0,0%,100%,.18);padding:3px 9px;border-radius:999px}.game{width:100%;max-width:460px;flex-direction:column;gap:10px}.game,.hud{display:flex}.hud{align-items:stretch;justify-content:space-between;gap:8px}.next,.panel{background:var(--panel);border:2px solid var(--panel-edge);border-radius:16px;padding:6px 12px;box-shadow:0 3px 0 rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:84px}.next{flex-direction:row;gap:8px;padding:4px 12px}.label{font-size:.7rem;font-weight:700;opacity:.6;text-transform:uppercase;letter-spacing:.5px}.value{font-size:1.5rem;font-weight:800;line-height:1.1}.boardWrap{position:relative;width:100%;display:flex;justify-content:center}.board{display:block;border-radius:18px;background:#fff9f0;border:3px solid #fff;box-shadow:0 10px 24px rgba(40,40,80,.25),inset 0 0 0 2px rgba(0,0,0,.04);touch-action:none;cursor:pointer}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(30,30,50,.45);border-radius:18px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card{background:var(--panel);border:3px solid var(--panel-edge);border-radius:20px;padding:22px 26px;text-align:center;box-shadow:0 8px 0 rgba(0,0,0,.12);animation:pop .35s cubic-bezier(.2,1.4,.4,1)}.card h2{margin:0 0 6px;font-size:1.5rem}.card p{margin:4px 0;opacity:.8}.card .finalScore{font-size:1.3rem;font-weight:800;opacity:1;margin-top:10px}.card .newBest{color:var(--accent);font-weight:800}.card button{margin-top:14px;border:none;background:var(--accent);color:#fff;font-weight:800;font-size:1.05rem;padding:10px 22px;border-radius:14px;box-shadow:0 4px 0 #c9772f;cursor:pointer;font-family:inherit;transition:transform .05s}.card button:active{transform:translateY(3px);box-shadow:0 1px 0 #c9772f}.board.arming{cursor:crosshair}.entry{display:flex;flex-direction:column;align-items:center;gap:4px}.entry input{margin-top:8px;font-family:inherit;font-weight:700;font-size:1rem;text-align:center;padding:8px 10px;border-radius:12px;border:2px solid var(--panel-edge);outline:none;width:180px}.entry input:focus{border-color:var(--accent)}.combo{position:absolute;top:22%;left:50%;transform:translateX(-50%);font-weight:900;font-size:1.6rem;color:#fff;text-shadow:0 2px 0 var(--accent),0 0 12px rgba(242,153,74,.8);pointer-events:none;animation:comboPop .9s ease-out forwards}@keyframes comboPop{0%{transform:translateX(-50%) scale(.4);opacity:0}25%{transform:translateX(-50%) scale(1.15);opacity:1}70%{transform:translateX(-50%) scale(1);opacity:1}to{transform:translateX(-50%) translateY(-30px) scale(1);opacity:0}}.controls{display:flex;align-items:stretch;justify-content:center;gap:6px;flex-wrap:wrap}.tool{position:relative;border:2px solid var(--panel-edge);background:var(--panel);color:var(--ink);border-radius:14px;padding:8px 12px;min-width:52px;font-size:1.15rem;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.1);transition:transform .05s,background .15s}.tool.wide{min-width:46px;padding:8px 10px}.tool:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.1)}.tool:disabled{opacity:.4;cursor:default}.tool.active{background:var(--accent);border-color:var(--accent);box-shadow:0 3px 0 #c9772f,0 0 0 3px rgba(242,153,74,.35)}.tool .tool-count{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:800;min-width:18px;height:18px;line-height:18px;border-radius:9px;border:2px solid #fff;padding:0 3px}.hint{font-size:.75rem;font-weight:700;color:#fff;opacity:.92;text-align:center}.board-card{min-width:240px}.scores{list-style:none;margin:10px 0 0;padding:0;width:240px;max-width:70vw}.scores li{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:10px;font-weight:700}.scores li:nth-child(odd){background:rgba(0,0,0,.04)}.scores li.me{background:rgba(242,153,74,.25);outline:2px solid var(--accent)}.scores .rank{width:22px;text-align:center;opacity:.6}.scores .who{flex:1 1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scores .pts{font-weight:900}.empty{opacity:.7;margin:12px 0}.title-card .title-cat{display:flex;justify-content:center;margin-bottom:4px;animation:bob 2.4s ease-in-out infinite}.title-card h2{font-size:2rem;margin:0 0 6px}.best-line{font-weight:800;opacity:.85!important;font-size:.9rem}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}.card button.ghost{background:var(--panel);color:var(--ink);border:2px solid var(--panel-edge);box-shadow:0 3px 0 rgba(0,0,0,.1)}.card button.ghost:active{box-shadow:0 1px 0 rgba(0,0,0,.1)}.btn-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.toast{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:rgba(43,43,43,.9);color:#fff;font-weight:800;font-size:.9rem;padding:8px 16px;border-radius:999px;pointer-events:none;white-space:nowrap;animation:toastIn 1.6s ease-out forwards;z-index:5}@keyframes toastIn{0%{transform:translateX(-50%) translateY(-14px);opacity:0}12%,80%{transform:translateX(-50%) translateY(0);opacity:1}to{transform:translateX(-50%) translateY(-14px);opacity:0}}@media (prefers-reduced-motion:reduce){.card,.combo,.title-card .title-cat,.toast{animation-duration:1ms!important}}.ladder{flex-wrap:wrap;gap:2px;background:hsla(0,0%,100%,.16);border-radius:14px;padding:6px}.ladder,.rung{display:flex;justify-content:center}.rung{align-items:center;width:30px;height:30px;opacity:.35;filter:grayscale(.6);transition:opacity .3s,filter .3s,transform .3s}.rung.seen{opacity:1;filter:none;transform:scale(1.05)}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}