:root{--paper:#f6ead6;--paper-2:#fdf6e9;--ink:#3a2c21;--ink-soft:#7a6553;--wood:#c08a56;--wood-dark:#a9714a;--red:#d8524b;--green:#4fae72;--blue:#3f7fd8;--gold:#ffd166;--radius:16px;--shadow:0 6px 20px #5a3e2629;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);height:100%;color:var(--ink);overscroll-behavior:none;touch-action:none;margin:0;font-family:Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;position:fixed;inset:0}h1,.card-title,.result-title,.replay-headline,.build-title,.inbox-title{letter-spacing:.01em;font-family:Fraunces,Georgia,Songti SC,serif;font-weight:700}.btn{appearance:none;background:var(--paper-2);color:var(--ink);font:inherit;cursor:pointer;border:2px solid #3a2c2129;border-radius:999px;min-height:46px;padding:10px 18px;font-size:15px;font-weight:700;transition:transform 80ms,background .15s;box-shadow:0 2px #5a3e262e}.btn:active{box-shadow:none;transform:translateY(2px)}.btn.primary{background:var(--wood);border-color:var(--wood-dark);color:#fff8ec}.btn.danger{background:var(--red);color:#fff;border-color:#b8413c}.btn.ghost{background:#fdf6e9b8}.btn.small{min-height:38px;padding:6px 14px;font-size:13px}.btn.big{width:100%;min-height:56px;font-size:18px}.btn.icon{min-width:46px;padding:10px 12px;font-size:18px}.overlay{overscroll-behavior:contain;touch-action:pan-y;padding:calc(16px + var(--safe-top)) 16px calc(20px + var(--safe-bottom));pointer-events:none;flex-direction:column;gap:12px;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay:empty{display:none}.overlay>*{pointer-events:auto}.loading{box-shadow:var(--shadow);background:#fdf6e9e6;border-radius:999px;margin:auto;padding:14px 22px;font-weight:700}.home{flex-direction:column;gap:12px;width:100%;max-width:520px;margin:0 auto;display:flex}.brand h1{margin:0;font-size:34px}.brand p{color:var(--ink-soft);margin:2px 0 0;font-size:14px}.name-input{font:inherit;border-radius:var(--radius);background:var(--paper-2);min-height:46px;color:var(--ink);border:2px solid #3a2c2129;width:100%;padding:12px 16px;font-size:15px}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fdf6e9f0;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.card-thin{flex-direction:row;justify-content:space-between;align-items:center}.card-invite{border:2px solid var(--gold);background:linear-gradient(160deg,#fff3d9,#ffe1b8)}.card-kicker{text-transform:none;color:var(--ink-soft);font-size:12px;font-weight:700}.card-title{font-size:19px}.card-body{color:var(--ink-soft);font-size:14px;line-height:1.5}.card-taunt{padding:8px 0;font-size:17px;font-style:italic}.card-row{flex-wrap:wrap;gap:8px;display:flex}.inbox-btn{align-self:center;position:relative}.badge{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:8px;font-size:12px;display:inline-flex}.build-ui{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.build-ui>*{pointer-events:auto}.build-top{padding:calc(10px + var(--safe-top)) 12px 6px;align-items:center;gap:10px;display:flex}.build-title{flex:1;font-size:17px}.build-top-right{gap:6px;display:flex}.budget{align-items:center;gap:10px;padding:0 14px 6px;display:flex}.budget-track{background:#3a2c2124;border-radius:999px;flex:1;height:10px;overflow:hidden}.budget-fill{background:var(--wood);width:0;height:100%;transition:width .18s}.budget-fill.over{background:var(--red)}.budget-label{color:var(--ink-soft);font-size:13px;font-weight:700}.build-bottom{padding:8px 10px calc(10px + var(--safe-bottom));background:linear-gradient(#f6ead600,#f6ead6fa);flex-direction:column;gap:8px;margin-top:auto;display:flex}.build-hint{color:var(--ink-soft);min-height:18px;padding:0 6px;font-size:13px;line-height:1.4}.selected-actions{gap:8px;padding:0 4px;display:flex}.selected-actions:empty{display:none}.palette{scrollbar-width:none;touch-action:pan-x;gap:8px;padding:4px;display:flex;overflow-x:auto}.palette::-webkit-scrollbar{display:none}.chip{appearance:none;background:var(--paper-2);min-width:76px;min-height:62px;font:inherit;color:var(--ink);cursor:pointer;border:2px solid #3a2c2124;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:3px;padding:8px 10px;display:flex}.chip-on{border-color:var(--wood-dark);background:#ffeccd;box-shadow:inset 0 0 0 2px #c08a5659}.chip-swatch{border:2px solid #0000001f;border-radius:7px;width:22px;height:22px}.chip-name{font-size:12px;font-weight:700}.chip-cost{color:var(--ink-soft);font-size:11px}.build-cta{gap:8px;padding:0 4px;display:flex}.build-cta .btn{flex:1}.raid-ui{pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.raid-ui>*{pointer-events:auto}.raid-ui.faded,.raid-ui.faded>*{opacity:0;pointer-events:none}.raid-top{padding:calc(10px + var(--safe-top)) 14px 0;justify-content:space-between;align-items:center;display:flex}.raid-timer{background:#fdf6e9d9;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:800}.escape-timer{opacity:0;background:var(--red);color:#fff;width:-moz-fit-content;width:fit-content;box-shadow:var(--shadow);border-radius:999px;margin:10px auto 0;padding:10px 18px;font-weight:800;transition:opacity .2s,transform .2s;transform:translateY(-6px)}.escape-timer.on{opacity:1;transform:none}.escape-timer.urgent{animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.07)}}.taunt-card{border-radius:var(--radius);width:min(88vw,420px);box-shadow:var(--shadow);text-align:center;background:#fdf6e9f5;padding:18px 20px;transition:opacity .45s,transform .45s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.taunt-card.taunt-away{opacity:0;pointer-events:none;transform:translate(-50%,-140%)}.taunt-owner{color:var(--ink-soft);font-size:12px;font-weight:700}.taunt-line{margin-top:6px;font-size:20px;font-style:italic;line-height:1.4}.caption{color:var(--ink);text-shadow:0 2px #fdf6e9e6;pointer-events:none;white-space:nowrap;font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:800;position:absolute;top:22%;left:50%;transform:translate(-50%)}.caption.pop{animation:.35s cubic-bezier(.2,1.5,.4,1) caption-pop}@keyframes caption-pop{0%{opacity:0;transform:translate(-50%)scale(.6)rotate(-4deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(0)}}.raid-help{left:0;right:0;bottom:calc(10px + var(--safe-bottom));text-align:center;color:var(--ink-soft);pointer-events:none;font-size:12px;position:absolute}.stick{pointer-events:none;z-index:5;background:#fdf6e959;border:2px solid #3a2c212e;border-radius:50%;width:118px;height:118px;margin:-59px 0 0 -59px;position:fixed}.stick-knob{background:#c08a56e6;border:2px solid #fdf6e9e6;border-radius:50%;width:52px;height:52px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result{width:min(92vw,460px);box-shadow:var(--shadow);text-align:center;background:#fdf6e9f5;border-radius:22px;flex-direction:column;gap:12px;margin:auto;padding:22px;display:flex}.result-title{margin:0;font-size:30px}.result-title.escaped{color:var(--green)}.result-title.failed{color:var(--red)}.result-sub{color:var(--ink-soft);font-size:15px;line-height:1.5}.result-cta{flex-direction:column;gap:8px;display:flex}.replay-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.stat-chip{color:var(--ink);background:#c08a5629;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.replay-ui{padding:calc(10px + var(--safe-top)) 14px calc(12px + var(--safe-bottom));pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;inset:0}.replay-ui>*{pointer-events:auto}.replay-top{align-items:center;gap:10px;display:flex}.replay-outcome{background:#fdf6e9d9;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:800}.replay-headline{border-radius:var(--radius);box-shadow:var(--shadow);background:#fdf6e9eb;padding:12px 14px;font-size:20px;line-height:1.4}.replay-beats{flex-wrap:wrap;gap:6px;display:flex}.beat{background:#fdf6e9d9;border-radius:999px;align-items:baseline;gap:6px;padding:5px 10px;font-size:12px;display:flex}.beat-time{color:var(--ink-soft);font-variant-numeric:tabular-nums}.beat-label{font-weight:700}.replay-cta{gap:8px;margin-top:auto;display:flex}.replay-cta .btn{flex:1}.replay-timeline{box-shadow:var(--shadow);background:#fdf6e9eb;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;display:flex}.scrub{accent-color:var(--wood);touch-action:none;flex:1}.replay-clock{font-variant-numeric:tabular-nums;color:var(--ink-soft);text-align:right;min-width:78px;font-size:12px}.inbox{flex-direction:column;gap:10px;width:100%;max-width:520px;margin:0 auto;display:flex}.inbox-top{align-items:center;gap:10px;display:flex}.inbox-title{font-size:20px}.inbox-note{color:var(--ink-soft);font-size:12px}.inbox-row{appearance:none;text-align:left;border-radius:var(--radius);font:inherit;color:var(--ink);cursor:pointer;background:#fdf6e9f0;border:2px solid #3a2c211f;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.inbox-headline{font-size:15px;font-weight:700;line-height:1.4}.inbox-meta{color:var(--ink-soft);font-size:12px}.empty{text-align:center;color:var(--ink-soft);padding:20px;font-size:14px;line-height:1.6}.toast{pointer-events:none;left:50%;top:calc(14px + var(--safe-top));background:var(--ink);color:#fff6e6;text-align:center;max-width:88vw;box-shadow:var(--shadow);z-index:20;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:700;animation:.25s toast-in;position:fixed;transform:translate(-50%)}.toast-out{opacity:0;transition:opacity .3s}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}}.sound-btn{opacity:.75;align-self:center}