:root{--felt:#1f7a3d;--felt-d:#176030;--felt-l:#2a9650;--wood:#f3dca8;--wood-d:#d8b878;--wood-edge:#9c7434;--ink:#1a1206;--cream:#fff7e6;--red:#ff3b30;--yellow:#ffd400;--blue:#2f7bff;--pink:#ff5da2;--star:#e8b53a;--bd:4px;--shadow:6px 6px 0 var(--ink);--display:"Fredoka",system-ui,sans-serif;--body:"Nunito",system-ui,sans-serif;--mono:"Space Mono",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);color:var(--cream);background-color:var(--felt);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,rgba(255,255,255,.04) 0 2px,transparent 2px 5px),radial-gradient(120% 90% at 50% -10%,var(--felt-l),var(--felt) 55%,var(--felt-d) 100%);overflow-x:hidden;cursor:default;padding-bottom:84px}#physics{position:fixed;inset:0;width:100vw;height:100vh;z-index:60;pointer-events:none}.tile-mini,.tile-big,.gtile,.ca-tile,.word-tile{display:inline-grid;place-items:center;position:relative;background:linear-gradient(160deg,#fbe9bf,var(--wood) 55%,var(--wood-d));color:var(--ink);border:var(--bd) solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--ink);font-family:var(--display);font-weight:700;text-transform:uppercase;user-select:none}.tile-mini{width:34px;height:34px;font-size:18px;margin:0 1px}.tile-mini.sm{width:30px;height:30px;font-size:15px}.tile-mini:after,.tile-big:after,.ca-tile:after{content:attr(data-v);position:absolute;right:3px;bottom:1px;font-size:9px;font-family:var(--mono);font-weight:700;opacity:.85}.tile-big{width:clamp(58px,15vw,116px);height:clamp(58px,15vw,116px);font-size:clamp(30px,7vw,58px);margin:0 clamp(2px,.8vw,6px);box-shadow:var(--shadow);transform:rotate(var(--r,0deg))}.tile-big:after{font-size:clamp(11px,2vw,16px);right:7px;bottom:4px}.topbar{position:relative;z-index:40;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 18px;gap:12px}.brand{display:flex;text-decoration:none;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.35))}.socials{display:flex;gap:10px}.hang{position:relative;padding-top:14px;text-decoration:none;transform:rotate(var(--hr,-4deg));transition:transform .15s}.hang:nth-child(2){--hr:5deg}.hang:nth-child(3){--hr:-7deg}.hang:hover{transform:rotate(0) translateY(2px)}.hang:before{content:"";position:absolute;top:-2px;left:50%;width:3px;height:16px;background:var(--ink);transform:translate(-50%)}.hero{position:relative;z-index:30;max-width:1080px;margin:0 auto;padding:4px 18px 30px;text-align:center}.banner{width:auto;max-width:100%;max-height:170px;border:var(--bd) solid var(--ink);border-radius:14px;box-shadow:var(--shadow);transform:rotate(-1deg);margin:2px 0 8px}.bigword{margin:2px 0 6px;line-height:.85;display:flex;justify-content:center;flex-wrap:wrap}.tag{max-width:620px;margin:4px auto 14px;font-weight:800;font-size:clamp(16px,2.4vw,21px);color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.35)}.hero-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.btn{font-family:var(--display);font-weight:700;font-size:clamp(15px,2vw,19px);text-transform:uppercase;padding:14px 22px;border:var(--bd) solid var(--ink);border-radius:12px;box-shadow:var(--shadow);cursor:pointer;text-decoration:none;color:var(--ink);transition:transform .08s,box-shadow .08s;display:inline-block}.btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}.btn.flip{background:var(--red);color:#fff}.btn.buy{background:var(--yellow)}.btn.ghost{background:var(--cream)}.ca-tile{width:24px;height:26px;font-size:13px;border-width:3px;box-shadow:2px 2px 0 var(--ink)}.ca-tile:after{font-size:7px;right:2px;bottom:0}.ca-tray{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;max-width:560px;margin:0 auto 18px;padding:16px 20px;background:linear-gradient(180deg,#f6e2b4,var(--wood) 60%,var(--wood-d));border:var(--bd) solid var(--ink);border-radius:14px;box-shadow:0 5px 0 var(--wood-edge),var(--shadow);cursor:pointer;transform:rotate(-1deg)}.ca-kick{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:var(--red);color:#fff;border:3px solid var(--ink);border-radius:7px;padding:5px 9px;transform:rotate(-2deg)}.ca-addr{font-family:var(--mono);font-weight:700;font-size:clamp(12px,1.6vw,15px);color:var(--ink);word-break:break-all;line-height:1.35;flex:1 1 220px;text-align:left;min-width:0}.ca-copy{font-family:var(--display);font-weight:700;font-size:15px;text-transform:uppercase;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);border-radius:9px;box-shadow:3px 3px 0 var(--ink);padding:9px 16px;cursor:pointer;transition:transform .08s}.ca-copy:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.ca-copied{position:absolute;left:0;right:0;bottom:-26px;text-align:center;font-family:var(--display);font-weight:700;color:#fff;text-shadow:1px 1px 0 var(--ink);opacity:0;transition:opacity .2s;font-size:14px}.ca-tray.copied .ca-copied{opacity:1}.phone{margin:0 auto;width:min(250px,70vw);position:relative;z-index:30}@media (min-width:900px){.phone{position:absolute;right:14px;bottom:18px;width:190px;margin:0}}.phone video{width:100%;aspect-ratio:1;object-fit:cover;border:6px solid var(--ink);border-radius:22px;box-shadow:var(--shadow);background:#000;cursor:pointer;transform:rotate(2deg)}.phone figcaption{font-family:var(--mono);font-size:11px;margin-top:8px;opacity:.85}section.wall,section.toke{position:relative;z-index:30;max-width:1080px;margin:0 auto;padding:34px 18px}.sec-h,.kick,.bigword,.brand{user-select:none}.sec-h{font-family:var(--display);font-weight:700;font-size:clamp(26px,5vw,46px);margin:0 0 6px;color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.3);line-height:1}.kick{display:inline-block;font-family:var(--mono);font-weight:700;font-size:12px;background:var(--red);color:#fff;padding:3px 9px;border:3px solid var(--ink);border-radius:6px;transform:rotate(-2deg);margin-bottom:8px}.sec-p{max-width:620px;font-weight:700;color:var(--cream);opacity:.95;margin:0 0 20px}section.play{position:relative;z-index:70;max-width:1080px;margin:0 auto;padding:34px 18px}.game-root{background:var(--felt-d);border:var(--bd) solid var(--ink);border-radius:16px;box-shadow:var(--shadow);padding:16px;overflow:hidden}.wall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.wall-grid video{width:100%;aspect-ratio:1;object-fit:cover;border:var(--bd) solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);background:#000;transform:rotate(var(--wr,0deg));cursor:pointer}.toke-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.toke-card{background:var(--cream);color:var(--ink);border:var(--bd) solid var(--ink);border-radius:14px;box-shadow:var(--shadow);padding:18px;transform:rotate(var(--tr,0deg))}.toke-card:nth-child(2){--tr:1.2deg}.toke-card:nth-child(3){--tr:-1.4deg}.toke-tiles{display:flex;gap:3px;margin-bottom:10px}.toke-card p{font-weight:700;margin:0}.supply-line{font-family:var(--mono);font-weight:700;margin-top:18px;color:#fff}.rack{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;justify-content:center;padding:8px}.rack-wood{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:96vw;padding:8px 10px 12px;background:linear-gradient(180deg,var(--wood),var(--wood-d));border:var(--bd) solid var(--ink);border-radius:14px;box-shadow:0 -4px 0 var(--wood-edge),var(--shadow)}.rack-tile{font-family:var(--display);font-weight:700;font-size:14px;color:var(--ink);background:linear-gradient(160deg,#fbe9bf,var(--wood));border:3px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);padding:8px 12px;cursor:pointer;transition:transform .08s}.rack-tile:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.rack-tile.connect{background:var(--yellow)}.rack-tile.mute{background:var(--blue);color:#fff}.rack-tile.connect.on{background:var(--felt-l);color:#fff}@media (max-width:560px){:root{--bd:3px;--shadow:4px 4px 0 var(--ink)}.rack-tile{font-size:12px;padding:7px 9px}body{padding-bottom:110px}.banner{transform:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.g-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.g-score{font-family:var(--display);font-weight:700;text-align:center;background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:10px;padding:4px 12px;box-shadow:3px 3px 0 var(--ink);min-width:84px}.g-score span{display:block;font-size:10px;font-family:var(--mono);letter-spacing:.06em}.g-score b{font-size:24px;line-height:1}.g-score.you{background:var(--yellow)}.g-score.old{background:var(--red);color:#fff}.g-msg{flex:1;text-align:center;font-weight:800;font-size:14px;color:#fff;min-height:20px}.g-msg.bad{color:var(--yellow)}.g-msg.shake{animation:shk .3s}@keyframes shk{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.g-board-wrap{overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.g-board{display:grid;grid-template-columns:repeat(15,1fr);gap:2px;background:var(--ink);border:3px solid var(--ink);border-radius:8px;width:100%;min-width:430px;aspect-ratio:1}.g-cell{position:relative;aspect-ratio:1;border:none;border-radius:3px;background:#2c8a4c;color:#eafff0;font-family:var(--display);font-weight:700;font-size:clamp(8px,1.5vw,15px);cursor:pointer;padding:0;display:grid;place-items:center;overflow:hidden}.g-cell u{font-size:8px;font-style:normal;opacity:.9;text-decoration:none}.g-cell.p-TW{background:#e0492f}.g-cell.p-DW{background:#e87fb0}.g-cell.p-ST{background:#e0492f}.g-cell.p-TL{background:#2f6bd8}.g-cell.p-DL{background:#69b6e8}.g-cell.filled{background:linear-gradient(160deg,#fbe9bf,var(--wood) 55%,var(--wood-d));color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.g-cell.pend{background:linear-gradient(160deg,#fff2b0,var(--yellow));color:var(--ink);animation:pop .15s}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.g-cell i{position:absolute;right:2px;bottom:0;font-size:7px;font-style:normal;font-family:var(--mono)}.g-cell.fixed{cursor:default}.g-rack{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:14px 0;padding:10px;background:linear-gradient(180deg,var(--wood),var(--wood-d));border:var(--bd) solid var(--ink);border-radius:12px;box-shadow:0 -4px 0 var(--wood-edge)}.gtile.rk{width:40px;height:44px;font-size:20px;cursor:pointer;position:relative}.gtile.rk i{position:absolute;right:4px;bottom:1px;font-size:9px;font-style:normal;font-family:var(--mono)}.gtile.rk.sel{transform:translateY(-6px);box-shadow:4px 7px 0 var(--ink);outline:3px solid var(--red)}.gtile.rk.spent{opacity:.25;cursor:default}.g-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.g-btn{font-family:var(--display);font-weight:700;font-size:14px;padding:10px 16px;border:3px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);background:var(--cream);color:var(--ink);cursor:pointer;transition:transform .08s}.g-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.g-btn.play{background:var(--felt-l);color:#fff}@media (max-width:560px){.gtile.rk{width:34px;height:38px;font-size:17px}}.wm-ov{position:fixed;inset:0;z-index:200;background:#142819b3;display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}.wm-card{background:var(--cream);color:var(--ink);border:var(--bd) solid var(--ink);border-radius:16px;box-shadow:var(--shadow);max-width:420px;width:100%;padding:22px;position:relative;font-weight:700}.wm-card h3{font-family:var(--display);font-size:24px;margin:0 0 8px}.wm-card p{font-size:14px;margin:0 0 14px;font-weight:600}.wm-x{position:absolute;top:10px;right:12px;background:var(--red);color:#fff;border:3px solid var(--ink);border-radius:8px;width:32px;height:32px;font-size:20px;cursor:pointer;line-height:1}.wm-list{display:flex;flex-direction:column;gap:8px}.wm-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-weight:700;font-size:17px;padding:12px 14px;border:3px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);background:#fff;cursor:pointer}.wm-row em{font-family:var(--mono);font-style:normal;font-size:11px;background:var(--yellow);border:2px solid var(--ink);border-radius:5px;padding:2px 6px}.wm-foot{font-size:12px;opacity:.8;margin-top:14px}