:root{font-family:Fredoka,system-ui,sans-serif;color:#27352b;background:#f5ead3;font-synthesis:none;--ink: #27352b;--cream: #f8f0dc;--orange: #ef744b;--green: #2f6246;--yellow: #f2bd55}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit}body{overscroll-behavior:none}.shell{position:relative;width:100%;height:100%;min-height:620px;background:#a9d9da;overflow:hidden;-webkit-user-select:none;user-select:none}.shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.75) 0 3%,transparent 3.2%),radial-gradient(ellipse at 80% 11%,rgba(255,255,255,.6) 0 6%,transparent 6.3%),linear-gradient(180deg,transparent 55%,rgba(255,255,255,.13));opacity:.55;pointer-events:none}.topbar{position:absolute;z-index:10;inset:0 0 auto;height:78px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,3vw,40px);border-bottom:2px solid rgba(39,53,43,.16);background:#f8f0dcd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;cursor:pointer}.brand-mark{width:42px;height:42px;transform:rotate(-5deg)}.brand-name{font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.8px}.brand-name em{color:var(--orange);font-style:normal}.icon-btn{width:42px;height:42px;border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:22px;border-radius:50%}.icon-btn:hover{background:#27352b14}.game-wrap{position:absolute;inset:78px 0 0}#game{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.game-wrap.placing #game{cursor:grabbing}.hud{position:absolute;z-index:5;top:18px;left:clamp(14px,3vw,36px);display:flex;gap:10px;pointer-events:none}.stat{min-width:82px;padding:10px 13px;border:2px solid var(--ink);border-radius:13px;background:#f8f0dce6;box-shadow:3px 3px 0 var(--ink)}.stat-label{font:500 9px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.62}.stat-value{display:flex;align-items:baseline;gap:4px;font-size:24px;font-weight:700;line-height:1.05}.stat-value small{font-size:12px;color:#6c745d}.next-card{position:absolute;z-index:5;top:18px;right:clamp(14px,3vw,36px);width:120px;border:2px solid var(--ink);border-radius:16px;background:#f8f0dcf0;box-shadow:4px 4px 0 var(--ink);text-align:center;overflow:hidden;pointer-events:none}.next-label{padding:7px;background:var(--ink);color:var(--cream);font:500 9px DM Mono;letter-spacing:.14em;text-transform:uppercase}.next-hare{position:relative;height:68px;display:grid;place-items:center}.mini-hare{width:60px;height:48px}.next-name{padding:0 8px 9px;font-size:12px;font-weight:600}.instruction{position:absolute;z-index:5;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;background:#27352be6;color:var(--cream);border-radius:99px;padding:10px 16px;font:500 11px DM Mono;letter-spacing:.04em;transition:opacity .3s,transform .3s;pointer-events:none}.instruction.hidden{opacity:0;transform:translate(-50%,8px)}.key{border:1px solid rgba(255,255,255,.5);border-radius:5px;padding:2px 6px}.overlay{position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:18px;background:#27352b47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s}.overlay.open{opacity:1;pointer-events:auto}.panel{width:min(480px,100%);padding:clamp(24px,5vw,42px);border:3px solid var(--ink);border-radius:28px;background:var(--cream);box-shadow:10px 10px 0 var(--ink);text-align:center;transform:translateY(12px) rotate(-.5deg);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.overlay.open .panel{transform:translateY(0) rotate(-.5deg)}.eyebrow{font:500 10px DM Mono;letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}.panel h1{margin:4px 0 14px;font-size:clamp(40px,8vw,66px);line-height:.9;letter-spacing:-2px}.panel p{color:#637066;line-height:1.5;margin:10px auto 22px;max-width:370px}.start-hare{width:130px;height:100px;margin:-8px auto 4px;animation:bob 2.8s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(2deg)}}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{border:2px solid var(--ink);border-radius:13px;padding:13px 18px;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s}.btn:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 var(--ink)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.btn-primary{background:var(--orange);color:#fff}.btn-secondary{background:#fff9ea;color:var(--ink)}.fineprint{margin-top:18px;font:400 9px DM Mono;letter-spacing:.06em;color:#8b8e7a}.result-score{font-size:112px;line-height:.9;font-weight:700;color:var(--orange);text-shadow:5px 5px 0 var(--ink);margin:8px 0 30px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 26px}.result-badge{padding:13px 10px 11px;border:2px solid var(--ink);border-radius:13px;background:#fff9ea;box-shadow:3px 3px 0 var(--ink)}.result-stats strong{display:block;font-size:21px;line-height:1.05}.result-stats span{display:block;margin-top:5px;font:500 8px DM Mono;text-transform:uppercase;letter-spacing:.1em;color:#798076}.toast{position:absolute;z-index:50;left:50%;top:96px;transform:translate(-50%,-15px);background:var(--ink);color:#fff;padding:10px 16px;border-radius:99px;font:500 11px DM Mono;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:620px){.shell{min-height:520px}.topbar{height:66px;padding:9px 14px}.game-wrap{top:66px}.brand-mark{width:36px;height:36px}.brand-name{font-size:23px}.hud{top:12px;left:10px;gap:6px}.stat{min-width:67px;padding:7px 9px;border-radius:10px;box-shadow:2px 2px 0 var(--ink)}.stat-value{font-size:19px}.next-card{top:12px;right:10px;width:96px}.next-hare{height:55px}.next-name{font-size:10px}.instruction{bottom:14px;font-size:9px}.panel{border-radius:22px}}