:root{--ink: #f4efe6;--muted: #a69fb5;--gold: #e3bd62;--gold-deep: #b8913b;--panel: rgba(16, 11, 22, .86);--line: rgba(227, 189, 98, .28);--good: #4fd1a5;--bad: #ff6b6b;--violet: #8b5cff;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#07050a;color:var(--ink)}canvas{display:block}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;z-index:20;background:radial-gradient(ellipse at center,#14081e8c,#050308e6)}.screen.dim{background:#0503088c}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;width:min(560px,100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px #0009}.panel.small{width:min(320px,100%);text-align:center}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}h1{margin:8px 0 10px;font-size:34px;font-weight:800;text-wrap:balance}h2{margin:12px 0 14px;font-size:22px;text-wrap:balance}.muted{color:var(--muted);font-weight:400}.lead{color:#d7d0e3;line-height:1.55;margin:0 0 16px}.status{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:6px;font-size:13px;color:var(--muted)}.status li:before{content:"●";margin-right:8px;color:#6b6478}.status li.ok:before{color:var(--good)}.status li.bad{color:var(--bad)}.status li.bad:before{color:var(--bad)}.keys{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--muted);margin-bottom:20px}kbd{display:inline-block;min-width:22px;padding:2px 6px;margin-right:3px;border:1px solid #4a4256;border-bottom-width:2px;border-radius:5px;font:600 11px Inter,sans-serif;color:var(--ink);text-align:center}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.primary{background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#1b1206;border:0;border-radius:999px;padding:13px 26px;font-weight:800;letter-spacing:.02em}.primary:disabled{opacity:.4;cursor:not-allowed}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:11px 22px;margin-top:10px}.wide{width:100%}.fine{margin:14px 0 0;font-size:12px;color:var(--muted)}.hud-top{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:14px 20px;pointer-events:none;background:linear-gradient(180deg,rgba(5,3,8,.75),transparent);z-index:10}.brand{display:flex;align-items:baseline;gap:6px}.brand .logo{font-weight:800;letter-spacing:.12em;color:#5fe3c0}.brand .sub{font-size:11px;letter-spacing:.3em;color:#ff7a59}.market{flex:1;min-width:0}.market .title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:12px;color:var(--muted)}.wallet{text-align:right;margin-left:auto;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;pointer-events:auto}.wallet .connect{color:var(--gold);font-weight:700}.screen.wallet-screen{z-index:50}.wallet-picker h2{margin:0 0 6px}.wallet-list{display:grid;gap:8px;margin:16px 0 12px}.wallet-option{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;color:var(--ink);font:inherit;font-weight:700;text-align:left;cursor:pointer}.wallet-option:hover:not(:disabled){border-color:var(--gold);background:#e3bd621a}.wallet-option:disabled{opacity:.55;cursor:wait}.wallet-option img,.wallet-dot{width:28px;height:28px;border-radius:8px;flex:none}.wallet-dot{background:linear-gradient(135deg,var(--gold),var(--violet))}.wallet-picker a{color:var(--gold)}.wallet .amount{font-weight:800;font-size:18px;font-variant-numeric:tabular-nums;color:var(--gold)}.crosshair{position:fixed;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;border:2px solid rgba(255,255,255,.7);pointer-events:none;z-index:10}.crosshair.on{border-color:var(--gold);transform:scale(1.6)}.aim{position:fixed;left:50%;top:calc(50% + 24px);transform:translate(-50%);text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 14px;pointer-events:none;z-index:10}.aim-label{font-weight:800;color:var(--gold)}.aim-meta{font-size:12px;color:#ddd5ea}.hint{position:fixed;left:50%;bottom:22px;transform:translate(-50%);font-size:13px;color:#d9d2e6;background:#0a060eb3;border:1px solid rgba(255,255,255,.08);padding:8px 14px;border-radius:999px;pointer-events:none;z-index:10;max-width:calc(100vw - 32px);text-align:center}.slip{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.pocket-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pill{background:#ffffff0d;color:var(--ink);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 10px;font-size:12px}.pill.active{border-color:var(--gold);color:var(--gold)}.pill.closed{opacity:.45;text-decoration:line-through}.facts,.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 14px}.facts div,.summary div{background:#ffffff0a;border-radius:10px;padding:10px 12px;display:grid;gap:3px}.facts span,.summary span{font-size:12px;color:var(--muted)}.facts b,.summary b{font-variant-numeric:tabular-nums}.field{display:grid;gap:8px;margin-bottom:14px;font-size:13px;color:var(--muted)}.field b{color:var(--ink)}input[type=range]{accent-color:var(--gold);width:100%}.chips{display:flex;gap:10px}.chip{width:54px;height:54px;border-radius:50%;border:3px dashed rgba(255,255,255,.55);background:#8c1d2a;color:#fff;font-weight:800}.chip:nth-child(2){background:#1d3f8c}.chip:nth-child(3){background:#1d6b45}.chip:nth-child(4){background:#121214}.chip.active{border-style:solid;border-color:var(--gold);box-shadow:0 0 0 3px #e3bd6259}.note{font-size:12px;color:var(--muted);margin:0 0 12px}.warn{font-size:13px;color:var(--bad);margin:0 0 12px}.mine{margin-top:16px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.mine-title{font-size:12px;color:var(--muted);margin-bottom:8px}.mine-row{display:flex;gap:10px;align-items:center;font-size:13px;padding:4px 0;font-variant-numeric:tabular-nums}.tag{font-size:11px;padding:2px 8px;border-radius:999px;background:#ffffff14}.tag.filled{background:#4fd1a52e;color:var(--good)}.tag.open{background:#e3bd6226;color:var(--gold)}.link{background:none;border:0;color:var(--bad);margin-left:auto;padding:0}.toasts{position:fixed;right:16px;bottom:70px;display:grid;gap:8px;z-index:30;max-width:min(380px,calc(100vw - 32px))}.toast{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--violet);border-radius:10px;padding:10px 14px;font-size:13px}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.gfx{margin:14px 0 4px}.gfx-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.gfx-options{display:flex;gap:6px}.gfx-options button{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#ffffff0a;color:var(--ink);font-weight:700;cursor:pointer}.gfx-options button.active{border-color:var(--gold);background:#e3bd6229;color:var(--gold)}.gfx-options button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.gfx-note{font-size:12px;color:var(--muted);margin-top:6px}.panel.creator-panel{width:min(720px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:16px}.creator-head{display:flex;align-items:center;gap:18px}.creator-head img,.creator-head .initials{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 24px #5fe3c059;flex:none}.creator-head .initials{display:grid;place-items:center;font-weight:800;font-size:24px;color:var(--gold);background:#ffffff0d}.creator-head h2{margin:2px 0 4px}.creator-stats{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.creator-markets{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;min-height:80px}.cm-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff08}.cm-row.closed{opacity:.55}.cm-main{flex:1;min-width:0}.cm-title{font-weight:700;line-height:1.3}.cm-meta{font-size:12px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}.cm-actions{display:flex;gap:6px;flex:none}.cm-side{padding:8px 12px;border-radius:9px;border:1px solid transparent;font-weight:700;cursor:pointer;color:#fff;font-variant-numeric:tabular-nums}.cm-side b{margin-left:4px;font-weight:800}.cm-side.yes{background:#4fd1a52e;border-color:#4fd1a599}.cm-side.no{background:#ff6b6b29;border-color:#ff6b6b8c}.cm-side:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cm-closed{font-size:12px;color:var(--muted)}@media (max-width: 560px){.cm-row{flex-direction:column;align-items:stretch}}.aim-photo{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 6px;border:2px solid var(--gold)}.row-actions{display:flex;gap:10px}.row-actions>button{flex:1}.search{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);font-size:15px}.search:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.creator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;overflow-y:auto;padding-right:4px}.creator-grid .load-more{grid-column:1 / -1}.creator-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--ink);cursor:pointer;text-align:center}.creator-card:hover,.creator-card:focus-visible{border-color:var(--gold);background:#e3bd6214;outline:none}.creator-card img,.creator-card .initials{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.creator-card .initials{display:grid;place-items:center;font-weight:800;color:var(--gold);background:#ffffff0d}.cc-name{font-weight:700;line-height:1.25}.cc-meta{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.aim-photo.initials{display:grid;place-items:center;font-size:15px;font-weight:800;color:var(--gold);background:#ffffff0f}.bet-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--line);flex:none}.bet-avatar.initials{display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--gold);background:#ffffff0d}.side-yes{color:var(--good)}.side-no{color:var(--bad)}.sound-toggle{width:100%}.activity{position:fixed;left:18px;bottom:70px;width:min(360px,calc(100vw - 36px));display:flex;flex-direction:column;gap:4px;pointer-events:none;font-size:12px;color:var(--ink)}.activity-head{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}.activity-head .dot{width:7px;height:7px;border-radius:50%;background:#ff3b4f;box-shadow:0 0 8px #ff3b4f}.activity-row{background:#0a070e9e;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:6px 10px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-title{color:#e9e2f5}.activity-ago{color:var(--muted);margin-left:4px}.tour-button{display:block;width:100%;margin-top:10px}.tour-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;background:#000;opacity:0;animation:tour-fade .9s ease-out}@keyframes tour-fade{0%{opacity:1}}.win-banner{position:fixed;top:16%;left:50%;transform:translate(-50%);z-index:40;max-width:min(560px,calc(100vw - 32px));padding:18px 40px 16px;text-align:center;pointer-events:none;color:#fff;background:#08060edb;border:2px solid #d9b45b;border-radius:16px;box-shadow:0 0 44px #d9b45b80}.win-kicker{font-size:15px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#d9b45b}.win-amount{font-size:64px;font-weight:800;line-height:1.1;color:#6dffa0;font-variant-numeric:tabular-nums}.win-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win-note{margin-top:6px;font-size:12px;opacity:.7}@media (prefers-reduced-motion: no-preference){.activity-row{animation:feed-in .4s ease-out}@keyframes feed-in{0%{opacity:0;transform:translateY(6px)}}.win-banner{animation:win-in .5s cubic-bezier(.2,1.4,.4,1)}@keyframes win-in{0%{opacity:0;transform:translate(-50%) scale(.7)}}}.gfx-options button:disabled{opacity:.4;cursor:not-allowed}.aim.aim-low{top:auto;bottom:120px;transform:translate(-50%)}.live-now{margin:18px 0 16px}.live-head{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.live-head .dot{width:8px;height:8px;border-radius:50%;background:#ff3b4f;box-shadow:0 0 10px #ff3b4f}.live-count{margin-left:auto;letter-spacing:.04em;text-transform:none;color:var(--gold);font-variant-numeric:tabular-nums}.live-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}.live-creator{text-align:center;min-width:0}.live-avatar{position:relative;width:58px;height:58px;margin:0 auto 6px}.live-avatar img,.live-avatar .initials{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #5fe3c0;box-shadow:0 0 18px #5fe3c073}.live-avatar .initials{display:grid;place-items:center;font-weight:800;color:#5fe3c0;background:#ffffff0d}.live-avatar .rank{position:absolute;right:-6px;bottom:-2px;background:var(--gold);color:#1a1206;font-size:10px;font-weight:900;border-radius:999px;padding:2px 6px}.live-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-meta{font-size:11px;color:var(--muted)}.primary.enter{width:100%;font-size:18px;padding:15px 22px}.intro-meta{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-size:12px;color:var(--muted)}.intro-meta .ok{color:var(--good)}.intro-meta .bad{color:var(--bad)}@media (max-width: 560px){.live-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.dance-bar{position:fixed;left:50%;bottom:62px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:min(560px,calc(100vw - 32px));pointer-events:none}.dance-reply{max-width:100%;padding:6px 14px;border-radius:999px;background:#0a060ec7;font-size:14px;font-weight:600;text-align:center}.dance-reply.ok{color:#6dffa0}.dance-reply.bad{color:#ffb35c}.dance-prompt{animation:hint-fade 9s forwards;padding:6px 14px;border-radius:999px;background:#0a060e99;font-size:13px;color:#d9d2e6}.dance-bar form{width:100%;pointer-events:auto}.dance-bar input{width:100%;box-sizing:border-box;padding:12px 18px;border-radius:12px;border:1px solid rgba(255,79,216,.6);background:#0a060eeb;color:#fff;font:inherit;font-size:15px;outline:none}.dance-bar input:focus{border-color:#ff4fd8}.hint-fades{animation:hint-fade 9s forwards}@keyframes hint-fade{0%,75%{opacity:1}to{opacity:0}}.mobile-notice .panel{text-align:center}.mobile-logo{display:block;width:150px;max-width:60%;margin:0 auto 16px}.mobile-link{margin:0 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--gold);font-weight:700;word-break:break-all}.link.mobile-continue{display:block;margin:16px auto 0;color:var(--muted);font-size:13px;text-decoration:underline}
