:root{color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%;background:#1b2a3a;color:#f3ecdc;font:14px/1.4 ui-sans-serif,system-ui,-apple-system,Apple SD Gothic Neo,sans-serif;overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:0;touch-action:none}.stage canvas{display:block;width:100%!important;height:100%!important}.labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.lbl,.pop{position:absolute;left:0;top:0;white-space:nowrap;font-weight:800;font-size:12px;padding:2px 7px;border-radius:999px;background:#0c121cb8;color:#f3ecdc;text-shadow:0 1px 0 #000;will-change:transform}.lbl.buy{background:#ffd75e;color:#1a1206}.lbl.dim{opacity:.55}.lbl.locked{background:#3c321ed9;color:#ffd75e}.lbl.empty{background:#ffffff24;font-weight:600}.lbl.pile{background:#b08a4e;color:#1a1206;font-size:14px}.lbl.bld{background:#e8dcc0eb;color:#1a1206}.lbl.who{background:#0c121c99;font-weight:600}.lbl.call{background:#3b5fa8}.lbl.angry,.lbl.bad{background:#c8402c}.lbl.good{background:#4f9d5a}.pop{font-size:15px;background:none;padding:0;text-shadow:0 0 6px #000,0 1px 0 #000}.pop.good{color:#ffd75e}.pop.bad{color:#ff7b6b}.hud{padding:10px 14px 6px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(#0f1823,#0f182399);z-index:2}.silver{display:flex;align-items:baseline;gap:8px;font-size:26px;font-weight:900}.silver .ic{font-size:13px;padding:2px 8px;border-radius:999px;background:#ffd75e;color:#1a1206}.silver i{font-style:normal;font-size:14px}.silver i.up{color:#7fe0a0}.silver i.down{color:#ff7b6b}.row{display:flex;gap:12px;font-size:12px;opacity:.85}.row .bad{color:#ff9b8b}.banner{position:absolute;left:50%;top:72px;transform:translate(-50%);padding:8px 16px;border-radius:12px;background:#0c121cd9;font-weight:900;font-size:16px;z-index:3}.banner.bad{background:#c8402c}.dock{display:flex;align-items:center;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#0f1823;z-index:2}.hint{flex:1;font-size:12px;opacity:.9}.hint b{color:#ffd75e}.night{flex:none;display:flex;flex-direction:column;align-items:center;padding:10px 22px;border:0;border-radius:14px;background:linear-gradient(#ffd75e,#e8a53a);color:#1a1206;font-weight:900;font-size:20px;box-shadow:0 6px 16px #0006}.night em{font-style:normal;font-size:10px;font-weight:700;opacity:.8}.night:disabled{filter:grayscale(.6);opacity:.6}.tray{position:absolute;left:50%;bottom:96px;transform:translate(-50%);display:flex;gap:8px;padding:8px;border-radius:14px;background:#0c121ceb;z-index:4}.tray button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;min-width:84px;white-space:nowrap;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#1b2a3a;color:#f3ecdc;font-weight:800;font-size:14px}.tray button i{font-style:normal;font-size:12px;color:#ffd75e}.tray button em{font-style:normal;font-size:10px;opacity:.75;font-weight:600}