:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f1eafa;background:#17111f;color-scheme:dark;--muted:#b09bbc;--accent:#c1a0ff;--green:#8fe2c2;--red:#e597af}*{box-sizing:border-box}body{margin:0}html,body,main{width:100%;height:100%;overflow:hidden}main{position:relative;background:radial-gradient(ellipse at 72% 25%,#2e1d38 0,transparent 65%),#1c1325}button,a,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid #fff;outline-offset:3px}button:active{transform:scale(.97)}a{color:#c9acff;text-decoration:none}small{font-size:10px}#chart-wrap{position:absolute;inset:0;touch-action:pan-x}#chart{width:100%;height:100%;display:block}#chart [role=button]{cursor:pointer}#chart .box.own{stroke:#c5a2ff;fill:#8753b633;stroke-width:1.5}#chart .box.won{stroke:#8fe2c2;fill:#69a88a26}#chart .box.lost{stroke:#bc7b9e;fill:#a75f7b18}#chart .box.pending{stroke-dasharray:3 3}#chart text{font-variant-numeric:tabular-nums;user-select:none}#chart .participants{cursor:pointer;fill:#d5bcf5}.pill{min-height:48px;border:1px solid #76518870;border-radius:30px;background:#1c1025ed;box-shadow:inset 0 0 9px #a66bd72a,0 4px 22px #0004;display:flex;align-items:center;gap:9px;padding:9px 15px;backdrop-filter:blur(16px)}.pill img,.icon-button img{width:18px;height:18px;filter:invert(80%) sepia(25%) saturate(1050%) hue-rotate(209deg)}.icon-button{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;background:#211529;border:1px solid #71578266;flex-shrink:0}.pill.icon-button{width:48px;height:48px}.top-left,.top-right,.bottom-left,.bottom-right{position:absolute;z-index:2;display:flex;align-items:center;gap:10px}.top-left{top:max(22px,env(safe-area-inset-top));left:22px}.top-right{top:max(22px,env(safe-area-inset-top));right:22px}.bottom-left{bottom:max(24px,env(safe-area-inset-bottom));left:22px}.bottom-right{bottom:max(24px,env(safe-area-inset-bottom));right:22px}.price-pill{text-align:left}.price-pill strong{font-size:17px;letter-spacing:-.3px}.price-pill small{display:block;color:var(--muted);margin-top:3px;font-size:9px}.token{width:29px;height:29px;display:grid;place-items:center;background:linear-gradient(150deg,#a1a9ff,#7655cb);border:1px solid #c5baff88;border-radius:50%;font-weight:800;color:white}.chevron{color:var(--muted);font-size:17px;margin-left:5px}.paper-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#c7acdc;opacity:.75}#live-dot{display:inline-block;width:5px;height:5px;background:#b9815e;border-radius:50%;margin:0 3px}#live-dot.live{background:var(--green)}.people-pill{font-size:12px;color:#dccbe8}.viewer-word{color:var(--muted);font-size:11px}.balance-pill{text-align:left}.balance-pill strong{font-size:16px}.balance-pill small{display:block;color:var(--muted);margin-top:3px}.stake-pill{padding:3px;gap:0}.stake-pill>button{background:transparent;height:42px;min-width:36px;font-size:19px;border-radius:50%}#stake-button{font-size:14px;min-width:63px;border-radius:14px}#stake-button small{display:block;font-size:8px;color:var(--muted);margin-top:2px}#stake-hint{font-size:10px;color:var(--muted)}.bottom-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:10px;color:#a88bb8;white-space:nowrap;pointer-events:none}#notice{position:absolute;top:89px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);width:max-content;text-align:center;background:#24172fee;border:1px solid #8b668755;border-radius:20px;padding:9px 16px;font-size:11px;color:#e2cce9;z-index:2}#notice[hidden]{display:none}#toast{position:fixed;left:50%;bottom:106px;transform:translate(-50%,12px);max-width:min(420px,calc(100% - 32px));width:max-content;border:1px solid #8c6aa2;background:#31203ff5;color:#f2e9ff;box-shadow:0 10px 50px #0006;border-radius:16px;padding:13px 18px;font-size:12px;z-index:6;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{position:fixed;inset:12px 12px 12px auto;margin:0;width:min(410px,calc(100% - 24px));max-width:none;height:calc(100% - 24px);max-height:none;border:1px solid #6d4d85;border-radius:24px;background:#21162bee;color:#eee3f7;box-shadow:0 15px 90px #0007;padding:0;backdrop-filter:blur(22px)}dialog::backdrop{background:#0d071650;backdrop-filter:blur(2px)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid #5b3f6844;position:sticky;top:0;background:#24182f;z-index:1}h1{font-size:17px;margin:0;font-weight:600}#drawer-content{padding:20px;line-height:1.6;font-size:13px}h2{font-size:13px;font-weight:600;margin:24px 0 10px}p{color:#c1abcF;font-size:12px}button.action,a.action{display:block;width:100%;padding:12px 14px;text-align:left;background:#3b294a;border:1px solid #76598c66;border-radius:12px;margin:9px 0;font-size:12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{padding:13px;border:1px solid #6a4c7944;border-radius:14px;background:#291b35}.stat small{display:block;color:#b79fc7}.stat strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:500}.green{color:var(--green)!important}.red{color:var(--red)!important}.muted{color:var(--muted)}.identity{font-family:ui-monospace,monospace;font-size:11px;word-break:break-all;padding:12px;background:#17101f;border:1px solid #5e406d66;border-radius:12px}.row{padding:12px 0;border-bottom:1px solid #684d7a44}.row-head{display:flex;justify-content:space-between;gap:8px;font-size:12px}.row small{color:#a991bc;display:block}.row button{background:none;color:#c3a1ef;font-size:11px;padding:4px 0}.badge{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#ccb5e8}.status-won{color:var(--green)}.status-lost{color:var(--red)}.empty{padding:25px 0;color:#b09bbc;font-size:12px}.stake-options{display:flex;gap:8px;flex-wrap:wrap}.stake-options button{padding:12px 20px;background:#422f51;border:1px solid #775b8b;border-radius:12px}.field{display:flex;gap:10px;margin-top:15px}.field input{width:100%;min-width:0;background:#160e20;border:1px solid #76558e;border-radius:12px;color:white;padding:12px}.field button{padding:10px 20px;border-radius:12px;background:#b394e5;color:#21132d}.receipt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;background:#17101f;padding:14px;border-radius:12px;max-height:40vh;overflow:auto}#chart .range-label{font-size:9px;fill:#9d80ad}#chart .time-label{font-size:9px;fill:#ac8ebe}.drawer-note{font-size:10px;color:#a991bc;line-height:1.6} @media(max-width:600px){.top-left{left:12px;top:14px;gap:6px}.top-right{right:12px;top:14px;gap:6px}.bottom-left{left:12px;bottom:26px;gap:6px}.bottom-right{right:12px;bottom:26px}.price-pill{padding:8px 10px;gap:7px}.price-pill strong{font-size:14px}.price-pill small{font-size:8px}.price-pill .chevron{display:none}.token{width:24px;height:24px;font-size:13px}.paper-label{position:absolute;top:55px;left:10px;font-size:8px}.people-pill{padding:10px;gap:5px;font-size:11px;min-height:42px}.people-pill img{width:15px}.viewer-word{display:none}.pill.icon-button{width:42px;height:42px;min-height:42px}.balance-pill{padding:9px 10px;gap:7px}.balance-pill strong{font-size:13px}.balance-pill img{width:16px}.balance-pill small{font-size:8px}.stake-pill>button{min-width:29px;height:38px}.stake-pill #stake-button{min-width:43px;font-size:12px}#stake-hint{display:none}.bottom-hint{font-size:8px;bottom:8px}#center-button{width:34px;height:38px;min-height:38px}#notice{top:82px;font-size:10px;padding:8px 12px}dialog{inset:8px 8px 8px auto;width:calc(100% - 16px);height:calc(100% - 16px)}#drawer-content{padding:18px}.stat strong{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.bottom-hint{display:none}.range-label{paint-order:stroke;stroke:#21172b;stroke-width:3px}

#center-button[hidden]{display:none}@media(max-width:600px){.balance-pill{max-width:155px}.balance-pill>span{min-width:0}.balance-pill small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#center-button{position:absolute;bottom:62px;left:0;width:44px;height:44px}}

.participants image{filter:invert(80%) sepia(25%) saturate(1050%) hue-rotate(209deg)}