:root{--mint: #4ce0b3;--mint-dark: #1f9d78;--danger: #ff6b5e;--danger-dark: #c03a2f;--ink: #14202b;--paper: #fdf6e8;--night: #0d1620}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--night);font-family:"Baloo 2",Comic Sans MS,Segoe UI,system-ui,sans-serif;color:var(--paper);-webkit-user-select:none;user-select:none}#app{position:relative;width:100vw;height:100dvh}#scene{display:block;width:100%;height:100%}.hidden{display:none!important}#hud{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;pointer-events:none}.hud-pill{background:#0d1620b8;border:2px solid rgba(253,246,232,.25);border-radius:999px;padding:6px 16px;font-size:20px;font-weight:700;letter-spacing:1px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#hud-queue{margin-left:auto}.heart{display:inline-block;font-size:20px;transition:transform .2s}.heart.gone{filter:grayscale(1);opacity:.35;transform:scale(.8)}.heart.pop{animation:pop .5s ease}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.9) rotate(-12deg)}to{transform:scale(.8)}}#cam-toggle{position:absolute;top:64px;right:14px;background:#0d1620cc;color:var(--paper);border:2px solid rgba(253,246,232,.3);border-radius:14px;padding:10px 16px;font:inherit;font-size:17px;font-weight:700;cursor:pointer}#cam-toggle:hover{border-color:var(--mint);color:var(--mint)}#cam-toggle.live{border-color:var(--danger);color:var(--danger)}#cam-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.75) 100%),repeating-linear-gradient(to bottom,rgba(0,0,0,.22) 0 2px,transparent 2px 4px)}.cam-line{position:absolute;top:18px;left:50%;transform:translate(-50%);color:#7dffcf;font-size:16px;letter-spacing:3px;text-shadow:0 0 8px #1e8;animation:blink 1.6s infinite}@keyframes blink{50%{opacity:.35}}.cam-scan{position:absolute;left:0;right:0;height:90px;background:linear-gradient(to bottom,transparent,rgba(125,255,207,.09),transparent);animation:scan 5s linear infinite}@keyframes scan{0%{top:-90px}to{top:100%}}#dialog{position:absolute;left:50%;bottom:150px;transform:translate(-50%);width:min(680px,calc(100vw - 32px));display:flex;gap:12px;align-items:flex-start;background:#fdf6e8f5;color:var(--ink);border-radius:20px;border:4px solid var(--ink);padding:12px 16px;box-shadow:0 10px #00000059;animation:rise .28s ease}@keyframes rise{0%{transform:translate(-50%,18px);opacity:0}}#dialog.spooky{background:#2a1430;color:#ffd9f2;border-color:#ff4fa3;box-shadow:0 0 26px #ff4fa38c}.dialog-face{font-size:40px;line-height:1}.dialog-who{font-weight:800;font-size:16px;letter-spacing:1px;opacity:.75}.dialog-text{margin:2px 0 0;font-size:21px;line-height:1.35}#actions{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;gap:16px}.action{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:158px;padding:12px 22px;border:4px solid var(--ink);border-radius:20px;font:inherit;font-weight:800;letter-spacing:1px;color:var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s}.action-icon{font-size:30px;line-height:1}.action-label{font-size:19px}.action.treat{background:var(--mint);box-shadow:0 7px 0 var(--mint-dark)}.action.dart{background:var(--danger);box-shadow:0 7px 0 var(--danger-dark)}.action.scan{background:#ffd166;box-shadow:0 7px #c99320}.action:hover{transform:translateY(-3px)}.action:active{transform:translateY(5px);box-shadow:0 2px #0006}.action:disabled{filter:grayscale(.7);opacity:.55;cursor:not-allowed;transform:none}#toast{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);font-size:42px;font-weight:800;text-align:center;text-shadow:0 4px 0 rgba(0,0,0,.6);pointer-events:none;animation:toastIn .35s ease;max-width:90vw}@keyframes toastIn{0%{transform:translate(-50%,-30%) scale(.6);opacity:0}}#toast.good{color:var(--mint)}#toast.bad{color:var(--danger)}#screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at center,#142837d1,#05080cf2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.screen-card{width:min(640px,100%);background:#fdf6e8f7;color:var(--ink);border:5px solid var(--ink);border-radius:28px;padding:26px 28px 30px;text-align:center;box-shadow:0 14px #0006;animation:rise .3s ease}.screen-emoji{font-size:62px;line-height:1}.screen-card h1{margin:6px 0 10px;font-size:34px;letter-spacing:1px}#screen-body{font-size:20px;line-height:1.45}#screen-body p{margin:8px 0}#screen-body .big{font-size:26px;font-weight:800}#screen-buttons{margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}#screen-buttons button{background:var(--mint);color:var(--ink);border:4px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--mint-dark);padding:12px 26px;font:inherit;font-size:21px;font-weight:800;letter-spacing:1px;cursor:pointer}#screen-buttons button.secondary{background:#ffd166;box-shadow:0 6px #c99320}#screen-buttons button:active{transform:translateY(4px);box-shadow:0 2px #0006}.tell-list{text-align:left;display:inline-block;margin:4px auto;padding-left:4px;list-style:none}.tell-list li{margin:6px 0;font-size:19px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:10px}.card{border:3px solid var(--ink);border-radius:16px;padding:10px 8px;background:#fff;cursor:pointer;transition:transform .12s}.card:hover{transform:translateY(-3px)}.card.locked{opacity:.45;cursor:not-allowed}.card.owned{background:#dcfff2}.card.selected{border-color:var(--mint-dark);box-shadow:0 0 0 4px var(--mint)}.card-emoji{font-size:38px;line-height:1.1}.card-name{font-weight:800;font-size:17px}.card-desc{font-size:14px;opacity:.75;line-height:1.2}.card-price{margin-top:4px;font-weight:800;font-size:16px}@media(max-width:620px){.action{min-width:118px;padding:10px 12px}.action-label{font-size:15px}.dialog-text{font-size:18px}#dialog{bottom:132px}.hud-pill{font-size:16px;padding:5px 12px}.screen-card h1{font-size:27px}}