: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:block;object-fit:contain;flex-shrink:0;border:0;border-radius:50%;background:transparent}.price-pill .token{width:29px;height:29px;filter:none}.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}.price-pill .token{width:24px;height:24px}.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)}

#deposit-amount{width:100%;padding:14px;margin:8px 0;background:#17101f;color:inherit;border:1px solid #775d91;border-radius:12px;font-size:18px}.amount-options,.secondary-actions{display:flex;gap:8px}.amount-options button{flex:1;padding:10px;background:#33223f;border:1px solid #76598c66;border-radius:10px}.secondary-actions .action{text-align:center}.action.primary{background:#c3a0ee;color:#20132c;text-align:center;font-weight:650}details{margin:16px 0}summary{cursor:pointer;color:#cbb4dd;min-height:36px;align-content:center}.permission{padding:12px;border-left:2px solid #aa8ac4;font-size:11px}.action-status:empty{display:none}.action-status{color:#e3cbff;min-height:20px}

#chart .box.returned{stroke:#c5b3d7;fill:#7f6c9422}.outcome-profit{color:var(--green)}.outcome-loss{color:var(--red)}.outcome-returned,.outcome-refund{color:#d1bfdc}.row .result-share{min-height:44px;padding:9px 12px;border:1px solid #76598c66;border-radius:10px;background:#30203d;margin:2px 0;font-size:12px}.share-preview{padding:20px;border:1px solid #8965a5;border-radius:18px;background:radial-gradient(ellipse at top right,#51315d,transparent),#281a34}.share-eyebrow{font-size:10px;letter-spacing:1.5px;color:#ccb3e3}.share-preview h2{font-size:24px;line-height:1.2;margin:14px 0}.share-preview p{font-size:14px;color:#e8daf3}.share-preview small{display:block;margin-top:18px;color:#c0a6d5}#share-text{width:100%;padding:12px;border-radius:12px;background:#17101f;color:#eee3f7;border:1px solid #76598c66;resize:vertical;font:inherit}#share-status:empty{display:none}@media(max-width:600px){.viewer-word.tab-word{display:inline;font-size:9px}.people-pill{gap:4px;padding:10px 8px}}

.session-entry{background:#c3a0ee;color:#20132c;font-size:13px;font-weight:650;white-space:nowrap;min-height:44px;padding:12px 20px}.session-entry[hidden]{display:none}
dialog.session-dialog{inset:0;margin:auto;width:min(400px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 32px);background:#24182f;overflow-y:auto}
.session-dialog::backdrop{background:#0d07168c;backdrop-filter:blur(5px)}
.session-dialog .drawer-header{border:0;padding:20px 22px 0}.session-dialog h1{font-size:21px;letter-spacing:-.4px}.session-dialog #drawer-content{padding:8px 24px 24px}
.session-dialog .action{min-height:46px;text-align:center}.session-dialog .primary{margin-top:20px}.session-dialog [data-action="manage-wallet"]{background:transparent;border-color:transparent;margin-bottom:0;color:#c0a6d5}
.session-intro{display:flex;align-items:center;gap:12px;margin:16px 0}.session-intro .token{width:40px;height:40px;flex-shrink:0}.session-intro p{font-size:15px;color:#eee3f7}.session-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#30203d;border:1px solid #76598c66;border-radius:14px}.session-balance strong{font-size:20px;color:#eee3f7;white-space:nowrap}
@media(max-width:600px){.session-entry{position:absolute;top:54px;right:0;padding:10px 16px;font-size:12px}.needs-session #notice{top:130px}.session-dialog .drawer-header{padding:16px 16px 0}.session-dialog #drawer-content{padding:8px 20px 20px}.session-dialog h1{font-size:19px}}

#chart [role=button][aria-disabled=true]{cursor:default}#chart .window-caption{font-size:7px;letter-spacing:.6px;fill:#bda4d0;pointer-events:none}#chart .window-caption.window-soon{fill:#8c789c}#chart .box.starting-soon:not(.own){stroke:#80628c2b;fill:#ae8cc610;transition:fill .3s,stroke .3s}#chart [data-open=true]>.box:not(.own){stroke:#9d73b766}.bottom-hint{bottom:58px}@media(max-width:600px){.bottom-hint{bottom:88px}}