*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden;background:#101015;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}
.hidden{display:none!important}.overlay{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#33200eaa,#050508e8);padding:18px}.panel{width:min(620px,94vw);background:#111117ee;border:1px solid #51401e;border-radius:26px;padding:28px;box-shadow:0 24px 80px #000b;text-align:center}.panel h1{font-size:clamp(3rem,9vw,6.8rem);line-height:.78;margin:.18em 0;color:#f6ead8;letter-spacing:-.07em}.panel p{color:#c9c0b3}.eyebrow{font-size:.73rem;color:#f4a62a;font-weight:900;letter-spacing:.13em}.big{border:0;border-radius:999px;background:#f4a62a;color:#171008;font-weight:1000;padding:14px 22px;font-size:1rem;cursor:pointer}.panel small,.legal{display:block;color:#8f887f;margin-top:14px}.legal{font-size:.78rem}.dogcard{margin:20px auto;padding:18px;border-radius:20px;background:#1b1b22;border:1px solid #343441;font-size:1.2rem}.dogcard strong{font-size:2rem;display:block;color:#f4a62a}
#hud{position:absolute;inset:0;pointer-events:none;z-index:10}.top{position:absolute;left:12px;right:12px;top:10px;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:10px}.top>div,.top button,#questBox,#leader{background:#0c0d12d9;border:1px solid #ffffff22;backdrop-filter:blur(10px);border-radius:14px;padding:9px 12px}.top span{display:block;font-size:.65rem;color:#c4bdb3}.who{text-align:center}.score{text-align:right}.top button{pointer-events:auto;color:#fff;font-weight:900;cursor:pointer}
#needs{position:absolute;left:12px;top:72px;width:min(320px,44vw);display:grid;gap:6px}.need{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:6px;font-size:.68rem;font-weight:900;text-shadow:0 2px 4px #000}.need i{height:10px;background:#0009;border:1px solid #ffffff33;border-radius:99px;overflow:hidden}.need i b{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ef5350,#ffd54f,#5bd68c);transition:width .2s}
#questBox{position:absolute;left:12px;top:176px;width:250px;font-size:.78rem}#quests{margin-top:6px;color:#d5cec2}.quest.done{text-decoration:line-through;color:#70d6a0}
#leader{position:absolute;right:12px;top:72px;width:220px;font-size:.72rem}#leader ol{margin:7px 0 0;padding-left:20px;color:#d9d3ca}
#feed{position:absolute;left:12px;bottom:158px;display:grid;gap:4px;width:min(420px,55vw);font-size:.72rem;text-shadow:0 2px 4px #000}.feeditem{background:#090a0dbd;border-left:3px solid #f4a62a;padding:6px 8px;border-radius:7px}
#warning{position:absolute;left:50%;top:20%;transform:translateX(-50%);background:#b22b22;color:#fff;border-radius:14px;padding:12px 20px;font-weight:1000;font-size:clamp(1rem,3vw,1.5rem);box-shadow:0 10px 40px #000a}
#dodge{position:absolute;right:22px;bottom:170px;pointer-events:auto;border:0;border-radius:50%;width:92px;height:92px;background:#f44336;color:white;font-weight:1000;font-size:1.25rem;box-shadow:0 0 0 8px #f4433633;cursor:pointer}
#actions{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:7px;max-width:76vw;overflow-x:auto;pointer-events:auto;padding:5px}.act{min-width:66px;border:1px solid #ffffff25;background:#101117e8;color:#eee;border-radius:13px;padding:7px 8px;font-size:.62rem;font-weight:900}.act span{display:block;font-size:1.35rem}.act.hot{border-color:#f4a62a;box-shadow:0 0 14px #f4a62a55}
#joy{display:none;position:absolute;left:22px;bottom:26px;width:112px;height:112px;border-radius:50%;background:#ffffff18;border:1px solid #ffffff30;pointer-events:auto;touch-action:none}#joy i{position:absolute;left:36px;top:36px;width:40px;height:40px;border-radius:50%;background:#ffffffa8;transform:translate(0,0)}
#shot{position:absolute;right:16px;top:122px;pointer-events:auto;border:1px solid #ffffff22;background:#0d0e13d9;color:#fff;border-radius:12px;padding:9px;cursor:pointer}
.help{text-align:left}.help h2{text-align:center}.help li{margin:7px 0;color:#d6cfc4}.help .big{display:block;margin:18px auto 0}
#toast{position:absolute;right:16px;top:170px;display:grid;gap:8px}.toast{background:#101117e8;border:1px solid #ffffff22;border-radius:12px;padding:10px 12px;font-size:.8rem}
@media(max-width:760px){.top{grid-template-columns:1fr 1fr auto}.top .who{grid-column:1/3;grid-row:2}.top .score{grid-column:3;grid-row:2}.top button{grid-column:4;grid-row:1/3}.top{right:7px;left:7px}.top>div,.top button{padding:7px 9px}#needs{top:111px;left:7px;width:56vw}.need{grid-template-columns:76px 1fr;font-size:.58rem}#questBox{top:217px;left:7px;width:58vw}#leader{display:none}#feed{left:7px;bottom:153px;width:60vw}#actions{left:auto;right:5px;transform:none;max-width:66vw;justify-content:flex-end;flex-wrap:wrap;overflow:visible;bottom:8px}.act{min-width:54px;padding:5px}.act span{font-size:1.05rem}#joy{display:block}#dodge{right:18px;bottom:150px;width:78px;height:78px}#shot{top:auto;right:10px;bottom:245px}}