@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#1c102c;--panel:#2a193c;--ink:#fff7e9;--muted:#bfaecb;--line:#4d365e;--lime:#dfff67;--pink:#ff69bc;--gold:#ffca63}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 'DM Sans',sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--pink);outline-offset:4px}button,input,select{touch-action:manipulation}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:900;line-height:1}.brand>b{background:var(--lime);color:var(--bg);font:800 35px 'Barlow Condensed';border-radius:9px;width:38px;text-align:center;transform:rotate(-7deg)}.brand small{display:block;font-size:7px;letter-spacing:3px;color:var(--muted);margin-top:9px}.topbar nav{display:flex;gap:14px}.nav-item{border:0;background:none;color:var(--muted);padding:10px 14px;border-radius:7px;font-size:12px;font-weight:700}.nav-item.active{background:#3c2750;color:var(--lime)}.account-button{background:none;border:1px solid #715681;border-radius:8px;padding:9px 16px;font-size:12px;color:var(--ink);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-wrap{max-width:1420px;width:calc(100% - 80px);margin:auto}.beta-bar{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;padding:17px 0;color:var(--lime)}.beta-bar>span:not(.live-dot){margin-left:5px;color:var(--muted);letter-spacing:0}.beta-bar>a{margin-left:auto;letter-spacing:0;color:var(--muted)}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 30px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.7px;margin:0 0 13px}.pink{color:var(--pink)}h1,h2,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.05}h1{font-size:52px;margin:0}h2{font-size:34px;margin-bottom:22px}h2 em{font-style:normal;color:var(--lime)}.balance-badge{text-align:right;border:1px solid var(--line);border-radius:10px;padding:9px 18px}.balance-badge span{font-size:8px;color:var(--muted);letter-spacing:1.5px;display:block}.balance-badge b{font:700 27px 'Barlow Condensed';color:var(--gold)}.arena-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 240px;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:25px}.setup-panel,.match-panel{align-self:start}.mode-buttons{display:grid;gap:10px;margin:23px 0}.mode-buttons button{display:flex;gap:12px;text-align:left;padding:13px 12px;border:1px solid var(--line);border-radius:9px;background:#231433;color:var(--ink);line-height:1.4}.mode-buttons button>span{color:var(--gold);font-size:22px;align-self:center}.mode-buttons button b{font-size:12px}.mode-buttons button small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:5px}.mode-buttons button.selected{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}label{display:block;color:var(--muted);font-size:10px;margin:20px 0 7px}input,select{width:100%;border:1px solid #725788;background:#1b102b;color:var(--ink);border-radius:7px;padding:11px 12px;font-size:13px}select{cursor:pointer}.hint{font-size:10px;color:var(--muted);line-height:1.7;margin:13px 0 0}.hint a{text-decoration:underline}.sheru-card{display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}.sheru-card img{width:60px;height:60px;object-fit:cover;border-radius:50%}.sheru-card b{font-size:11px;color:var(--gold)}.sheru-card p{font-size:9px;color:var(--muted);line-height:1.6;margin:4px 0 0}.game-panel{padding:23px 28px}.match-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.pill{font-size:8px;letter-spacing:1px;color:var(--pink);padding:6px 9px;border:1px solid #764561;border-radius:20px;font-weight:700}.text-button{background:none;border:0;padding:0;color:var(--lime);font-size:10px;text-align:left}.players{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.players>div{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;max-width:45%;min-width:0}.players span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.players>b{color:#8e739c;font:700 18px 'Barlow Condensed'}.disc{display:inline-block;flex-shrink:0;width:15px;height:15px;border-radius:50%;box-shadow:inset 0 0 0 3px #0002}.gold{background:var(--gold)}.pink-disc{background:var(--pink)}.column-controls{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding:0 12px;margin-bottom:8px}.column-controls button{height:26px;border:0;border-radius:5px;background:none;color:var(--gold);font-size:18px;line-height:1}.column-controls button:hover:not(:disabled){background:var(--gold);color:var(--bg)}.board{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:13px;background:#604077;border:1px solid #805895;border-radius:13px;box-shadow:0 8px 0 #120a1e,inset 0 1px 1px #b78bc155}.cell{aspect-ratio:1;border-radius:50%;background:#1b102b;box-shadow:inset 0 5px 5px #09051399;position:relative}.cell.player-1{background:var(--gold);box-shadow:inset 0 0 0 5px #c48c3955,inset 0 3px 2px #fff2c4aa}.cell.player-2{background:var(--pink);box-shadow:inset 0 0 0 5px #d44b9255,inset 0 3px 2px #ffb7dfaa}.cell.winner{outline:3px solid var(--lime);outline-offset:-4px;box-shadow:0 0 17px #dfff6780}.cell.new-disc{animation:drop .25s ease-out}.turn-status{text-align:center;font-size:12px;min-height:28px;margin:23px 0 13px;color:var(--muted)}.board-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;border-radius:8px;font-weight:800;font-size:12px;padding:12px 20px;line-height:1.4}.button.lime{background:var(--lime);color:var(--bg);box-shadow:0 3px 0 #9eac42}.button.outline{background:none;border-color:#715581;color:var(--ink)}.button.full{width:100%;margin-top:17px}.under-board{display:flex;justify-content:space-between;gap:12px;margin-top:23px;font-size:9px;color:var(--muted)}.match-banner{padding:14px;text-align:center;border:1px solid var(--lime);border-radius:8px;margin:16px 0;background:#3a3143}.match-banner b{color:var(--lime);font-size:18px}.match-banner p{font-size:11px;margin:4px 0 0;color:var(--muted)}.match-panel h2{font-size:31px}.pool-card{background:#21122f;border:1px solid #674e47;border-radius:11px;padding:20px;text-align:center;margin:25px 0}.pool-card>span,.pool-card small{display:block;font-size:8px;color:var(--muted);letter-spacing:1px}.pool-card b{display:block;font:700 40px 'Barlow Condensed';color:var(--gold);line-height:1.5}.pool-card small{letter-spacing:0}.match-steps{list-style:none;padding:0;margin:24px 0;counter-reset:steps}.match-steps li{position:relative;padding-left:29px;margin:0 0 20px;line-height:1.5;counter-increment:steps}.match-steps li::before{content:counter(steps);position:absolute;top:0;left:0;background:#513561;color:var(--pink);width:18px;height:18px;border-radius:50%;text-align:center;font-size:9px;line-height:18px}.match-steps b{font-size:11px;display:block}.match-steps span{font-size:9px;color:var(--muted)}#invite-code{font-size:20px;font-family:monospace;display:block;color:var(--gold);margin:7px 0}footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted);padding:35px 0}footer i{color:var(--pink);font-style:normal;margin:0 7px}footer div{display:flex;gap:18px}.wallet-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.wallet-card strong{font:700 65px 'Barlow Condensed';color:var(--gold)}.wallet-card>p:not(.eyebrow){color:var(--muted);font-size:13px}.notice{font-size:12px;background:#1c102c;border-left:3px solid var(--pink);padding:18px;margin:25px 0}.quote>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.quote>div:last-child{color:var(--lime);font-size:19px;font-weight:700}.ledger-panel{margin-top:22px}.ledger-panel h2{font-size:30px}.activity-empty{color:var(--muted);padding:30px 0;font-size:13px}.activity-row{display:grid;grid-template-columns:1fr auto;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.activity-row strong{display:block;font-size:13px}.activity-row small{font-size:10px;color:var(--muted)}.activity-row>b{align-self:center;color:var(--gold)}.activity-row .negative{color:var(--pink)}.history-row{display:grid;grid-template-columns:1.3fr 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.history-row b{font-size:13px}.history-row span{color:var(--muted);font-size:11px}.history-row .result{color:var(--lime);font-size:12px}dialog{border:1px solid #765387;border-radius:18px;padding:37px;background:#29193b;color:var(--ink);max-width:460px;width:calc(100% - 32px);max-height:90vh;overflow:auto}dialog::backdrop{background:#0d071cbb;backdrop-filter:blur(7px)}dialog h2{font-size:49px;margin-bottom:18px}dialog p{font-size:12px;color:var(--muted)}.close{position:absolute;right:15px;top:12px;background:none;border:0;color:var(--muted);font-size:25px;line-height:1}.auth-option{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#1d112b;color:var(--ink);border:1px solid #644677;border-radius:8px;padding:12px 16px;width:100%;text-align:left;font-size:12px;font-weight:700;margin-top:10px}.auth-option>span{font-size:20px;color:var(--gold)}.auth-option small{display:block;font-size:9px;color:var(--muted);font-weight:400;width:100%;padding-left:30px;margin-top:-9px}.auth-divider{text-align:center;color:#ac91bd;font-size:8px;letter-spacing:1.5px;margin:20px 0}.auth-status{padding-top:15px;margin-bottom:0;color:var(--gold);font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}#support{margin:18px 0 5px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 35px);background:var(--lime);color:var(--bg);border-radius:9px;padding:13px 22px;z-index:20;font-weight:700;font-size:12px;box-shadow:0 8px 25px #08031488}.waiting .live-dot{animation:pulse 1.5s infinite}@keyframes drop{from{transform:translateY(-18px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes pulse{50%{opacity:.25}}@media(min-width:1500px){.arena-layout{grid-template-columns:270px minmax(0,1fr) 270px}.game-panel{padding:25px 45px}}@media(max-width:1150px){.app-wrap{width:calc(100% - 40px)}.arena-layout{grid-template-columns:205px minmax(0,1fr)}.match-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.match-panel>.eyebrow{grid-column:1/-1;margin:0}.match-panel h2{margin:0}.pool-card{margin:0}.match-steps{margin:0}.match-panel>#timer-note{margin:0}.panel{padding:21px}.game-panel{padding:25px}.topbar{padding:18px 22px}.match-panel #room-panel{grid-column:1/-1}.match-panel .match-steps{display:none}}@media(max-width:700px){.topbar{flex-wrap:wrap;padding:17px 18px;gap:19px}.brand{font-size:17px}.topbar nav{order:3;width:100%;gap:4px}.nav-item{flex:1;font-size:11px;padding:9px 6px}.account-button{font-size:10px;padding:8px 13px;max-width:150px}.app-wrap{width:calc(100% - 28px)}.beta-bar{font-size:7px;letter-spacing:.7px;gap:5px}.beta-bar>a{font-size:8px}.beta-bar>span:not(.live-dot){font-size:8px}.page-heading{margin:15px 0 22px;gap:10px}.page-heading .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:10px}h1{font-size:36px}.balance-badge{padding:7px 10px;min-width:96px}.balance-badge span{font-size:6px;letter-spacing:.5px}.balance-badge b{font-size:22px}.arena-layout{grid-template-columns:1fr;gap:14px}.setup-panel{padding:18px}.setup-panel>.eyebrow{font-size:8px}.mode-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0 0}.mode-buttons button{display:block;text-align:center;padding:11px 3px;min-height:90px}.mode-buttons button>span{font-size:18px;display:block;margin-bottom:5px;line-height:1}.mode-buttons button b{font-size:10px}.mode-buttons button small{font-size:7px;line-height:1.3;margin-top:4px}.sheru-card{display:none}.setup-panel #setup-note{font-size:9px;margin-top:13px}.game-panel{padding:18px 13px}.match-top{margin-bottom:23px}.pill{font-size:7px;letter-spacing:.5px;padding:5px 7px}.players{padding:0 5px}.board{padding:10px;gap:6px;border-radius:11px}.column-controls{gap:6px;padding:0 10px}.column-controls button{font-size:17px}.cell.player-1,.cell.player-2{box-shadow:inset 0 0 0 4px #0002,inset 0 3px 2px #fff4}.turn-status{font-size:11px}.match-panel{padding:20px;gap:14px}.match-panel h2{font-size:26px}.pool-card{padding:12px}.pool-card b{font-size:30px}.match-panel>#timer-note{grid-column:1/-1}.wallet-layout{grid-template-columns:1fr}.wallet-card strong{font-size:57px}.history-row{grid-template-columns:1fr auto;gap:5px}.history-row>span{grid-column:1}.history-row .result{grid-column:2;grid-row:1/3}.wallet-layout .panel{padding:25px}footer{flex-direction:column;gap:10px;align-items:center;font-size:8px}.under-board{font-size:8px}.page-heading h1{max-width:270px}dialog{padding:30px 24px}dialog h2{font-size:44px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:701px){.board,.column-controls{width:min(100%,52vh);margin-left:auto;margin-right:auto}.game-panel{padding:20px}.match-top{margin-bottom:18px}.column-controls{margin-top:12px}.players{max-width:490px;margin-left:auto;margin-right:auto}.page-heading{margin-top:15px;margin-bottom:23px}}