@charset "UTF-8";
:root{color-scheme:dark;--bg:#101310;--surface:#191d18;--card:#1d221c;--line:#ffffff16;--ink:#eeeede;--dim:#8f9687;--lime:#d1ee83;--gold:#e9c681;--loss:#e2a69d;--font:Inter,'Arial', 'Microsoft YaHei',system-ui,sans-serif;--mono:'Consolas',monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:wait}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}input,select{width:100%;padding:13px 14px;border:1px solid #ffffff25;border-radius:9px;background:#10140f;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #d1ee8310}input::placeholder{color:#65705f}label{display:block;font-size:12px;color:#c3c8b9;margin:18px 0 9px}h1,h2,h3,p{margin:0}h2{font-size:25px;letter-spacing:-.04em}small{font-size:11px}button svg{width:18px;height:18px}img{max-width:100%;object-fit:cover}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}.ambient{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 0 0,#b5cc7820,transparent 50%),radial-gradient(ellipse at 100% 70%,#c59c3510,transparent 40%);z-index:-1}.topbar{max-width:1360px;margin:auto;padding:25px 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.1em}.brand small{display:block;font:8px var(--mono);letter-spacing:.12em;color:var(--dim);margin-top:3px}.brand-mark{display:grid;place-content:center;position:relative;width:34px;height:38px;font-size:28px;font-weight:500;color:var(--lime);border:1px solid #d1ee8350;transform:skewY(-7deg);line-height:1}.brand-mark span{position:absolute;right:-5px;top:-3px;font-size:13px;background:var(--bg)}.top-right{display:flex;gap:8px;align-items:center;color:var(--dim);font:10px var(--mono)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #d1ee8355;flex:none}.offline .live-dot{background:var(--loss);box-shadow:none}main{max-width:1276px;margin:0 auto;padding:0 32px}.eyebrow{font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lime);display:flex;gap:10px;align-items:center}.mini-line{display:inline-block;width:28px;height:1px;background:var(--lime)}.muted{color:var(--dim);line-height:1.85}.small{font-size:12px}.text-button{font-size:12px;color:var(--dim);padding:8px}.text-button:hover{color:var(--lime)}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:8px;min-height:45px;padding:12px 18px;font-size:12px;font-weight:600;transition:transform .2s,background .2s;white-space:nowrap}.primary{background:var(--lime);color:#20261b;border:1px solid var(--lime);box-shadow:0 4px 25px #d1ee8310}.primary:hover{background:#e0ffa0;transform:translateY(-1px)}.primary span:last-child{margin-left:auto;font-size:19px}.secondary{border:1px solid #ffffff26;background:#ffffff03;color:var(--ink)}.secondary:hover{background:#ffffff0a}.full{width:100%}.field-hint{display:block;color:#929b86;font-size:10px;line-height:1.7;margin-top:8px}.form-error{font-size:12px;color:#ffc2b6;min-height:25px;margin:8px 0}.form-footnote{font-size:10px;text-align:center;color:var(--dim);line-height:1.9;margin-top:16px}.subtle{font-size:10px;color:var(--lime);padding:4px 0}.lobby{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center;min-height:calc(100dvh - 100px);padding:56px 24px 64px}.lobby-story{position:relative}.lobby h1{font-size:clamp(54px,5.8vw,80px);letter-spacing:-.08em;font-weight:600;line-height:1.25;margin:28px 0}.outline-word{color:var(--lime);position:relative}.outline-word::after{content:'';position:absolute;left:4px;right:-3px;bottom:-3px;height:5px;background:var(--lime);transform:rotate(-3deg)}.title-star{position:absolute;font-size:80px;right:-25px;top:105px;color:var(--gold);font-weight:400;animation:slow-turn 30s linear infinite}.intro{font-size:16px;line-height:2;color:#d0d3c4}.intro span{font-size:12px;color:var(--dim)}.lobby-ticket{border:1px solid #d1ee8330;border-radius:12px;padding:20px;margin-top:48px;background:linear-gradient(120deg,#d1ee8310,#d1ee8302);display:flex;align-items:center;gap:18px}.ticket-icon{font-size:36px;color:var(--lime);transform:rotate(-12deg)}.lobby-ticket strong{font-size:14px}.lobby-ticket p{font-size:10px;color:var(--dim);margin-top:5px}.ticket-arrow{font-size:25px;margin-left:auto;color:var(--lime)}.lobby-caption{font:9px var(--mono);color:#636d5e;letter-spacing:.18em;margin-top:24px}.join-panel{background:#1b2119d9;border:1px solid #ffffff1e;border-radius:20px;padding:30px;box-shadow:0 30px 100px #0003;position:relative}.join-panel::before{content:'';position:absolute;top:-1px;left:24%;right:24%;height:1px;background:linear-gradient(90deg,transparent,var(--lime),transparent)}.panel-kicker{font:9px var(--mono);letter-spacing:.12em;color:var(--dim);display:flex;justify-content:space-between;gap:12px;margin-bottom:22px}.join-panel>h2{font-size:29px;margin-bottom:8px}.join-panel>.muted{font-size:12px}.identity{display:flex;gap:16px;align-items:center;margin:24px 0}.identity>div{flex:1;min-width:0}.identity label{margin-top:0}.avatar-pick{position:relative;width:68px;height:68px;border:1px dashed #d1ee8360;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--lime);background:#d1ee8307}.avatar-pick #avatar-preview{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;overflow:hidden;font-size:28px}.avatar-pick img{width:100%;height:100%}.avatar-pick i{position:absolute;bottom:-1px;right:-2px;background:var(--lime);color:var(--bg);font:normal 17px var(--font);width:22px;height:22px;border-radius:50%;border:3px solid var(--surface)}.segmented{display:flex;border:1px solid var(--line);padding:4px;border-radius:9px;background:#111710}.segmented button{flex:1;font-size:11px;padding:10px 4px;border-radius:6px;color:var(--dim)}.segmented .selected{background:#303d29;color:var(--lime)}#room-code{letter-spacing:.2em;font-family:var(--mono);text-transform:uppercase}.recent-rooms{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.recent-rooms:empty{display:none}.recent-rooms h3{font-size:10px;color:var(--dim);font-weight:400;margin-bottom:8px}.recent-room{display:flex;justify-content:space-between;gap:10px;width:100%;font-size:12px;padding:10px 0;text-align:left}.recent-room small{color:var(--lime);font:10px var(--mono)}.room-heading{padding:38px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.room-heading h1{font-size:32px;letter-spacing:-.04em;margin:9px 0}.room-meta{display:flex;gap:10px;color:var(--dim);font-size:11px}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.room-actions .secondary{font-size:11px;min-height:40px;padding:10px 12px}#invite-code{font:10px var(--mono);color:var(--lime)}.personal-strip{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;border:1px solid #d1ee8320;background:linear-gradient(100deg,#d1ee830b,transparent);margin-bottom:26px;font-size:12px}.personal-strip .avatar{width:30px;height:30px;font-size:13px}.personal-strip .personal-amount{margin-left:auto;font:22px var(--mono);letter-spacing:-.04em}.personal-strip .role{font-size:9px;color:var(--lime);border:1px solid #d1ee8330;border-radius:4px;padding:2px 5px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:30px;align-items:start}.main-column,.side-column{min-width:0}.section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px var(--mono);letter-spacing:.09em;color:var(--dim);margin-bottom:16px}.section-label>span:first-child{display:flex;align-items:center;gap:8px}#round-badge{border:1px solid #ffffff20;border-radius:4px;padding:3px 6px;color:var(--lime)}.champion-area{min-height:270px;position:relative}.champion-card{position:relative;overflow:hidden;border-radius:16px;border:1px solid #d4bd773a;background:radial-gradient(ellipse at 50% 115%,#b49c382b,transparent 64%),linear-gradient(145deg,#292a1e,#1a2018);min-height:270px;display:grid;grid-template-columns:1fr 180px;align-items:center;padding:30px}.champion-card::before{content:'';position:absolute;inset:-100%;background:conic-gradient(from 0deg,transparent 5%,#dbcd7420 8%,transparent 13%,transparent 44%,#dbcd7410 48%,transparent 54%,transparent 80%);animation:slow-turn 30s linear infinite;pointer-events:none}.champion-card::after{content:'01';position:absolute;right:19%;bottom:-70px;font:240px var(--mono);color:#e8d79905;pointer-events:none}.champion-copy{position:relative;z-index:1}.champion-copy .eyebrow{color:var(--gold);font-size:9px}.champion-copy h2{font-size:45px;letter-spacing:.01em;font-weight:500;margin:14px 0 8px}.champion-name{font-size:15px;margin-bottom:12px}.champion-value{font:38px var(--mono);letter-spacing:-.06em;color:var(--lime)}.champion-value small{font:10px var(--font);color:var(--dim);margin-left:10px;letter-spacing:0}.champion-seal{position:relative;z-index:1;display:grid;place-items:center}.champion-seal::before,.champion-seal::after{content:'';position:absolute;width:157px;height:157px;border:1px solid #e9c68133;border-radius:50%}.champion-seal::after{width:179px;height:179px;border-style:dashed;border-color:#e9c68122;animation:slow-turn 45s linear infinite}.champion-seal .avatar{width:105px;height:105px;font-size:46px;background:#414b2f;border:2px solid var(--gold);box-shadow:0 0 40px #e9c68120}.crown{position:absolute;top:-44px;color:var(--gold);width:43px;height:35px;filter:drop-shadow(0 0 14px #e9c68160)}.crown svg{width:100%;height:100%}.champion-number{position:absolute;bottom:-22px;background:var(--gold);color:#252819;border-radius:20px;padding:4px 15px;font:10px var(--mono);letter-spacing:.1em}.champion-wait{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at center,#d1ee830a,transparent 70%)}.champion-wait .wait-icon{font-size:48px;color:var(--lime);margin-bottom:16px}.champion-wait h2{font-size:27px}.champion-wait p{font-size:12px;color:var(--dim);margin-top:10px}.podium-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.podium-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px 16px;background:#ffffff03}.podium-item .avatar{width:32px;height:32px;font-size:14px}.podium-medal{font:22px var(--mono);color:#bfc9be}.podium-item:nth-child(2) .podium-medal{color:#bf9874}.podium-person{min-width:0;flex:1}.podium-person strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-person small{font:10px var(--mono);color:var(--dim)}.podium-item .money{font:15px var(--mono)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;font-size:19px;font-weight:600;flex:none;overflow:hidden;background:#35402c;color:var(--lime);border:1px solid #ffffff15}.avatar img{width:100%;height:100%;object-fit:cover}.avatar[data-tone="1"]{background:#463627;color:#dfba8a}.avatar[data-tone="2"]{background:#2d3c42;color:#afcdd7}.avatar[data-tone="3"]{background:#453242;color:#d4b3c9}.avatar[data-tone="4"]{background:#3f4030;color:#d6d3a1}.view-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-top:24px}.view-tabs button{font-size:12px;color:var(--dim);padding:14px 0;position:relative}.view-tabs button[aria-pressed=true]{color:var(--lime)}.view-tabs button[aria-pressed=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--lime)}.view-tabs button span{font:9px var(--mono);padding:2px 5px;border-radius:4px;background:#ffffff0a;margin-left:3px}.ranking-head{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--dim);padding:21px 14px 13px;letter-spacing:.05em}.rank-row{display:flex;align-items:center;gap:13px;min-height:78px;padding:14px;border-bottom:1px solid var(--line);border-radius:7px;transition:background .3s}.rank-row.first{background:linear-gradient(90deg,#d1ee830c,transparent)}.rank-row.updated{animation:rank-flash 1.5s ease}.rank-num{font:19px var(--mono);color:#65705f;width:26px;text-align:center}.rank-row.first .rank-num{color:var(--gold)}.rank-person{min-width:0;flex:1}.rank-person strong{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500}.rank-person strong .you-label{font:8px var(--mono);color:var(--lime);border:1px solid #d1ee8330;border-radius:3px;padding:0 3px}.rank-person p{font-size:10px;color:var(--dim);margin-top:4px}.rank-amount{font:23px var(--mono);letter-spacing:-.04em;text-align:right}.gain{color:var(--lime)}.loss{color:var(--loss)}.neutral{color:var(--dim)}.rank-action{font:10px var(--font);color:var(--lime);display:block;margin-top:5px;padding:0 0 0 10px;float:right}.ranking-note{font-size:10px;color:#7f8977;line-height:1.8;margin:16px 0}.story-card{padding:22px 24px;border:1px solid #e9c68130;border-radius:12px;background:linear-gradient(100deg,#e9c6810d,transparent);margin-top:22px;position:relative;overflow:hidden}.story-card .story-icon{position:absolute;right:18px;top:12px;font-size:50px;opacity:.2}.story-card .eyebrow{color:var(--gold);font-size:9px}.story-card h3{font-size:21px;margin:9px 0}.story-card p{font-size:12px;color:var(--dim);line-height:1.9}.story-card.lonely{border-color:#a1bcd332;background:linear-gradient(100deg,#a1bcd311,transparent)}.story-card.lonely .eyebrow{color:#a1bcd3}.story-card.lonely::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(110deg,transparent 48%,#9cbdd10a 49%,transparent 50%);background-size:50px 100%;animation:rain-drift 5s linear infinite}.story-card .text-button{padding:8px 0 0;color:var(--lime)}.payment-panel,.finished-panel{padding:24px;border:1px solid #d1ee8328;border-radius:14px;background:#1b2119}.payment-panel h2{margin-bottom:7px}.payment-panel .panel-kicker{color:var(--lime);margin-bottom:15px}.payee-label{display:flex;justify-content:space-between;align-items:center}.payee-label span{font-size:10px;color:var(--lime)}.payee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.payee-button{min-width:0;border:1px solid transparent;border-radius:10px;padding:10px 3px;display:flex;flex-direction:column;align-items:center;gap:7px;transition:background .2s,border-color .2s}.payee-button span:last-child{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payee-button:hover{background:#ffffff05}.payee-button[aria-pressed=true]{border-color:var(--lime);background:#d1ee8310}.payee-button[aria-pressed=true] .avatar{box-shadow:0 0 0 2px #d1ee8330}.payee-empty{grid-column:1/-1;color:var(--dim);font-size:12px;text-align:center;padding:22px 5px;border:1px dashed var(--line);border-radius:9px}.label-detail{float:right;font:9px var(--mono);color:#7f8977}.amount-field{display:flex;align-items:center;gap:8px;background:#10170e;border:1px solid #ffffff20;border-radius:9px;padding:8px 15px}.amount-field:focus-within{border-color:var(--lime)}.amount-field span{font-size:24px;color:var(--dim)}.amount-field input{border:0;background:none;padding:3px;font:35px var(--mono);box-shadow:none;min-width:0}.quick-amounts{display:flex;gap:7px;margin:10px 0 14px}.quick-amounts button{flex:1;border:1px solid var(--line);border-radius:6px;background:#ffffff03;padding:8px 0;font:13px var(--mono)}.quick-amounts button.selected{color:var(--lime);border-color:#d1ee8370;background:#d1ee830a}.note-input{font-size:11px;padding:11px 12px}.host-controls{border-top:1px solid var(--line);margin-top:20px;padding-top:20px;text-align:center}.host-controls .text-button{font-size:10px;margin-top:9px}.host-controls .secondary{font-size:11px}.activity-panel{margin-top:26px}.activity-item{padding:13px 2px;border-bottom:1px solid var(--line)}.activity-line{display:flex;gap:7px;align-items:center;justify-content:space-between;font-size:11px}.activity-line strong{font:14px var(--mono);color:#dfe4d3;white-space:nowrap}.activity-time{font-size:9px;color:var(--dim);margin-top:6px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.activity-time button{font-size:9px;color:var(--dim);text-decoration:underline;padding:0}.activity-item.voided{opacity:.45}.activity-item.voided .activity-line{text-decoration:line-through}.activity-note{font-size:10px;color:var(--dim);margin-top:5px;overflow-wrap:anywhere}.empty-state{text-align:center;color:var(--dim);font-size:12px;padding:34px 12px;line-height:1.9}.round-card{border:1px solid var(--line);border-radius:12px;background:#ffffff02;margin:15px 0;overflow:hidden}.round-card summary{padding:17px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}.round-card summary::-webkit-details-marker{display:none}.round-card summary h3{font-size:13px}.round-card summary p{font-size:10px;color:var(--dim);margin-top:4px}.round-card summary strong{font-size:13px;color:var(--lime);font-weight:500}.round-mini{padding:0 18px 14px;display:flex;flex-wrap:wrap;gap:8px}.mini-player{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;font-size:10px}.mini-player .avatar{width:22px;height:22px;font-size:10px}.mini-player b{font:11px var(--mono)}.round-transactions{padding:0 18px 12px}.round-transactions .activity-item:last-child{border:0}.settlement-intro{padding:24px 0 14px}.settlement-intro h2{font-size:22px;margin:12px 0 8px}.settlement-intro .muted{font-size:12px}.settlement-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;background:#ffffff02;padding:16px;margin:10px 0}.settlement-item .people{flex:1;min-width:0}.settlement-item .people strong{font-size:12px;font-weight:500;display:block}.settlement-item .people span{font-size:10px;color:var(--dim)}.settlement-item .transfer-amount{font:19px var(--mono);white-space:nowrap}.settlement-item .paid-toggle{font-size:10px;border:1px solid #d1ee8340;border-radius:5px;padding:6px 8px;color:var(--lime);white-space:nowrap}.settlement-item.paid{opacity:.6}.settlement-item.paid .transfer-amount{text-decoration:line-through}.finished-panel{text-align:center;background:radial-gradient(ellipse at top,#d1ee8314,transparent 80%),#1b2119}.finished-panel .finish-symbol{font-size:48px;color:var(--gold)}.finished-panel .eyebrow{justify-content:center;font-size:9px;margin:15px 0}.finished-panel h2{font-size:31px;line-height:1.4;letter-spacing:-.03em;margin-bottom:16px}.finished-panel .muted{font-size:12px;margin-bottom:24px}.finished-panel .secondary{margin-top:10px}.room-footer{border-top:1px solid var(--line);margin:36px 0 0;padding:20px 0 28px;display:flex;align-items:center;justify-content:space-between;color:#687560;font:9px var(--mono);gap:16px}.room-footer button{font-size:10px}dialog{color:var(--ink);font:14px var(--font)}dialog::backdrop{background:#080b08c9;backdrop-filter:blur(12px)}.modal{position:fixed;background:#1b2119;border:1px solid #d1ee8333;border-radius:18px;padding:34px;width:min(430px,calc(100vw - 32px));max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #0008}.modal .eyebrow{font-size:9px}.modal h2{font-size:27px;margin:18px 0}.modal .muted{font-size:13px}.modal-x{position:absolute;top:12px;right:12px;color:var(--dim);padding:8px;font-size:16px;z-index:2}.modal-actions{display:flex;gap:12px;margin-top:25px;justify-content:flex-end}.big-code{display:block;font:31px var(--mono);letter-spacing:.13em;color:var(--lime);text-align:center;border:1px dashed #d1ee8340;border-radius:9px;padding:18px 0;margin:25px 0}#invite-url{font-size:11px;margin-bottom:17px}.poster-modal{padding:14px;border:1px solid var(--line);border-radius:14px;background:#111611;width:min(580px,calc(100vw - 24px));max-height:94dvh;overflow:auto}.poster-tools{display:flex;justify-content:space-between;gap:10px;position:sticky;top:-14px;padding:10px 0;background:#111611;z-index:1}.poster-tools>div{display:flex;gap:8px}.poster-tools button{padding:9px 11px;font-size:10px;min-height:35px}.poster-tip{font-size:10px;color:var(--dim);text-align:center;margin:8px 0 14px}#poster-image{width:100%;height:auto;display:block}.poster-modal #poster-error{font-size:11px;color:var(--loss);margin:8px}.round-modal{position:fixed;border:1px solid #d1ee8344;border-radius:20px;padding:35px;width:min(450px,calc(100vw - 28px));background:radial-gradient(ellipse at top,#57513255,transparent 70%),#181e16;max-height:90dvh;overflow:auto;text-align:center;box-shadow:0 20px 100px #0008}.round-modal .eyebrow{justify-content:center;margin:15px 0;font-size:10px}.round-modal h2{font-size:36px;color:var(--gold);letter-spacing:.05em;margin:14px 0 24px}.round-modal .reveal-avatar{position:relative;display:inline-flex;margin:16px 0}.round-modal .avatar{width:82px;height:82px;font-size:33px;border:2px solid var(--gold)}.round-modal .reveal-name{font-size:18px;margin:8px 0}.round-modal .reveal-amount{font:34px var(--mono);color:var(--lime);margin:10px 0 25px}.round-modal .round-mini{justify-content:center;padding:14px 0 22px}.round-modal .mini-player .avatar{width:22px;height:22px;border:0;font-size:10px}.round-modal .story-card{text-align:left;margin:0 0 24px}.round-modal .crown{top:-27px;left:25px;width:32px;height:27px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);padding:12px 20px;max-width:calc(100vw - 28px);border:1px solid #d1ee8340;border-radius:10px;background:#25321ff2;box-shadow:0 5px 30px #0005;color:var(--ink);font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:500}#toast.show{opacity:1;transform:translate(-50%,0)}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1000}.launch-overlay{position:fixed;inset:0;z-index:1500;background:radial-gradient(ellipse at 50% 42%,#27321c,#0b0e0a 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s,filter .5s}.launch-overlay.leaving{opacity:0;filter:blur(14px);pointer-events:none}.launch-orbit{width:110px;height:110px;border:1px solid #d1ee8330;border-radius:50%;display:grid;place-items:center;margin-bottom:42px;position:relative;box-shadow:0 0 100px #d1ee8315}.launch-orbit::before,.launch-orbit::after{content:'';position:absolute;inset:-12px;border:1px solid transparent;border-top-color:var(--lime);border-right-color:#d1ee8330;border-radius:50%;animation:slow-turn 1.8s linear infinite}.launch-orbit::after{inset:12px;border-color:#e9c68120;border-bottom-color:var(--gold);animation-direction:reverse;animation-duration:2.6s}.launch-orbit span{font-size:47px;color:var(--lime);animation:breathe 2s ease-in-out infinite}.launch-overlay h2{font-size:27px;font-weight:400;letter-spacing:.18em;margin:24px 0 32px}.launch-line{height:2px;width:180px;background:#ffffff12;overflow:hidden;border-radius:2px}.launch-line i{display:block;background:var(--lime);width:60%;height:100%;animation:loading-line 1.5s ease-in-out infinite}.launch-caption{font:8px var(--mono);color:#65705f;letter-spacing:.2em;margin-top:20px}.final-reveal .champion-card{animation:champion-in 1.1s cubic-bezier(.15,.75,.25,1) both}.final-reveal .podium-item{animation:champion-in .8s .35s both}.final-reveal .podium-item:nth-child(2){animation-delay:.5s}.final-reveal .rank-row{animation:champion-in .65s both}.final-reveal .rank-row:nth-child(2){animation-delay:.1s}.final-reveal .rank-row:nth-child(3){animation-delay:.2s}.final-reveal .rank-row:nth-child(4){animation-delay:.3s}
@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.65;transform:scale(.9)}}@keyframes loading-line{0%{transform:translateX(-110%)}100%{transform:translateX(180%)}}@keyframes champion-in{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}@keyframes rank-flash{0%,30%{background:#d1ee8320}100%{background:#d1ee8303}}@keyframes rain-drift{to{background-position:50px 0}}
@media(min-width:1600px){.lobby{gap:150px}.lobby h1{font-size:86px}}@media(max-width:1050px){.lobby{gap:50px;padding:44px 0}.lobby h1{font-size:59px}.title-star{font-size:58px;right:-20px;top:120px}.workspace{gap:20px;grid-template-columns:minmax(0,1fr) 300px}.champion-card{grid-template-columns:1fr 130px;padding:24px}.champion-seal::before{width:120px;height:120px}.champion-seal::after{width:142px;height:142px}.champion-seal .avatar{width:88px;height:88px}.champion-copy h2{font-size:35px}.champion-value{font-size:31px}.champion-value small{display:block;margin:5px 0 0}.podium-item{padding:11px;gap:8px}.podium-item .avatar{display:none}.podium-item .money{font-size:12px}}
@media(max-width:800px){main{padding:0 20px}.topbar{padding:20px}.lobby{grid-template-columns:1fr;gap:30px;padding:34px 0}.lobby-story{max-width:500px}.lobby h1{font-size:57px;margin:20px 0}.intro{font-size:13px}.intro br:nth-child(2){display:none}.intro span{display:none}.title-star{right:20px;top:65px}.lobby-ticket,.lobby-caption{display:none}.join-panel{max-width:500px;width:100%;justify-self:center;padding:25px}.lobby-story{justify-self:center;width:100%}.workspace{grid-template-columns:1fr}.side-column{display:contents}.payment-panel,.finished-panel{grid-row:2}.activity-panel{grid-row:3}.main-column{grid-row:1}.room-heading{padding:28px 0 20px;align-items:flex-start;flex-direction:column;gap:15px}.room-heading h1{font-size:29px}.room-actions{width:100%}.room-actions .secondary{flex:1}.personal-strip{margin-bottom:22px}.champion-card{grid-template-columns:1fr 150px;min-height:260px}.champion-copy h2{font-size:40px}.champion-seal .avatar{width:90px;height:90px}.champion-seal::before{width:133px;height:133px}.champion-seal::after{width:157px;height:157px}.champion-value small{display:inline;margin-left:8px}.payee-grid{grid-template-columns:repeat(4,1fr)}.payee-button{padding:10px 4px}.payee-button .avatar{width:48px;height:48px}.payment-panel{margin-top:5px}.payment-panel:target{scroll-margin-top:15px}.activity-panel{margin-top:6px}.podium-item .avatar{display:inline-flex}.podium-item .money{font-size:14px}.top-right{font-size:9px}.topbar .brand{font-size:11px}.topbar .brand small{font-size:7px}.room-footer{align-items:flex-start;font-size:8px}.round-card summary{gap:5px}.round-card summary strong{font-size:11px}.rank-row{min-height:74px}.primary,.secondary{min-height:44px}}
@media(max-width:440px){main{padding:0 16px}.topbar{padding:18px 16px}.top-right{font-size:8px;gap:5px}.top-right .text-button{font-size:10px;padding:5px}.brand{gap:9px}.brand-mark{width:29px;height:33px;font-size:23px}.room-actions .secondary{font-size:10px;padding:10px 9px;gap:5px}.room-heading h1{font-size:27px}.room-meta{font-size:10px;gap:7px}.personal-strip{font-size:11px;padding:12px;gap:8px}.personal-strip .personal-amount{font-size:20px}.champion-card{min-height:247px;padding:23px 20px;grid-template-columns:1fr 108px;gap:8px}.champion-copy h2{font-size:32px;margin:13px 0 8px}.champion-copy .eyebrow{font-size:8px;letter-spacing:.08em}.champion-name{font-size:13px}.champion-value{font-size:28px}.champion-value small{font-size:8px;display:block;margin:5px 0 0}.champion-seal .avatar{width:73px;height:73px;font-size:32px}.champion-seal::before{width:98px;height:98px}.champion-seal::after{width:116px;height:116px}.crown{width:30px;height:26px;top:-35px}.champion-number{font-size:8px;bottom:-23px;padding:3px 10px}.podium-item{gap:6px;padding:10px}.podium-item .avatar{width:26px;height:26px;font-size:12px}.podium-medal{font-size:17px}.podium-person strong{font-size:10px}.podium-person small{font-size:8px}.podium-item .money{font-size:12px}.view-tabs{gap:21px;margin-top:19px}.view-tabs button{font-size:11px}.ranking-head{font-size:8px;padding-left:8px;padding-right:8px}.rank-row{gap:9px;padding:12px 8px}.rank-num{font-size:16px;width:23px}.rank-row .avatar{width:36px;height:36px;font-size:16px}.rank-person strong{font-size:12px}.rank-person p{font-size:9px}.rank-amount{font-size:21px}.rank-action{font-size:9px}.story-card{padding:20px}.story-card h3{font-size:19px}.story-card p{font-size:11px}.payment-panel,.finished-panel{padding:22px}.payee-grid{gap:4px}.payee-button .avatar{width:42px;height:42px}.payee-button span:last-child{font-size:9px}.settlement-item{gap:8px;padding:14px 11px;flex-wrap:wrap}.settlement-item .people strong{font-size:11px}.settlement-item .transfer-amount{font-size:18px}.settlement-item .paid-toggle{font-size:9px}.lobby h1{font-size:51px}.title-star{font-size:50px;right:5px;top:65px}.lobby .eyebrow{font-size:9px}.join-panel{padding:23px 21px}.launch-overlay .eyebrow{font-size:9px}.launch-overlay h2{font-size:22px}.modal{padding:30px 24px}.round-modal{padding:30px 24px}.round-modal h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#ranking-list{position:relative;overflow:hidden}.rank-avatar-button{padding:0;border-radius:50%;display:flex;flex:none}.mobile-record{display:none} @media(max-width:800px){.mobile-record{display:flex;align-items:center;position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:80;border:1px solid #d1ee8360;border-radius:30px;padding:12px 19px;background:#d1ee83;color:#1a2114;font-size:12px;font-weight:600;box-shadow:0 5px 30px #0008}.room-footer{padding-bottom:85px}}

/* Quick amounts and explicit one-tap matching. */
.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick-amounts button{min-height:39px}
.amount-adjust-label{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--dim);margin:2px 0 9px}.amount-adjust-label span{margin-right:auto}.amount-adjust-label button{color:var(--dim);font-size:11px;padding:5px 7px;border:1px solid var(--line);border-radius:5px}
.amount-adjustments{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:15px}.amount-adjustments button{background:#d1ee830b;color:var(--lime);border:1px solid #d1ee8330;border-radius:6px;padding:9px 0;font:12px var(--mono)}.amount-adjustments button:active{background:#d1ee8325;transform:scale(.96)}
.amount-ruler{margin-bottom:18px;padding:12px 10px 9px;border:1px solid var(--line);border-radius:8px;background:#10170e}.amount-ruler label{font-size:9px;color:var(--dim);margin:0 0 9px}.amount-ruler label span{float:right;font-family:var(--mono)}.amount-ruler input{width:100%;padding:0;margin:0;height:28px;accent-color:var(--lime);cursor:ew-resize;box-shadow:none;border:none;background:none;touch-action:pan-y}.amount-ruler>div{display:flex;justify-content:space-between;color:#859075;font:8px var(--mono);padding-top:5px;background:repeating-linear-gradient(90deg,#d1ee8333 0px,#d1ee8333 1px,transparent 1px,transparent 10%);background-size:100% 3px;background-repeat:no-repeat}
.follow-card{padding:15px;margin:20px 0 6px;background:linear-gradient(120deg,#d1ee8310,#d1ee8303);border:1px solid #d1ee8333;border-radius:10px}.follow-kicker{font-size:10px;letter-spacing:.06em;color:var(--lime);margin-bottom:8px}.follow-description{font-size:12px;line-height:1.75;overflow-wrap:anywhere}.follow-card .primary{white-space:normal;line-height:1.7;margin-top:11px;font-size:12px;min-height:46px}.follow-card .field-hint{font-size:9px}.follow-card .primary:disabled{cursor:default;opacity:.65}.mobile-record{max-width:calc(100vw - 36px)}