*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#070b09;--panel:#111914;--ink:#f2f7f3;--muted:#96a89e;--mint:#76edb9;--line:#25372d;--gold:#e8ce83}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer;color:inherit;border:0;touch-action:manipulation}
button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
button:disabled{opacity:.45;cursor:default}
[hidden]{display:none!important}
.definitions{position:absolute;width:0;height:0;overflow:hidden}
.shell{max-width:550px;margin:auto;padding:18px max(18px,env(safe-area-inset-left)) max(22px,env(safe-area-inset-bottom));min-height:100dvh}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px}
.brand{display:flex;align-items:center;gap:5px;background:none;padding:0;min-height:44px;white-space:nowrap}
.brand>span{font-size:27px;color:var(--mint)}
.brand strong{font-weight:900;font-size:18px;letter-spacing:-.7px}
.brand small{color:var(--muted);font-size:9px;align-self:center;line-height:1.1;width:25px;white-space:normal}
.top-actions{display:flex;gap:8px;align-items:center}
.preview-badge{font-size:9px;letter-spacing:.6px;padding:4px 7px;border:1px solid #536146;border-radius:20px;color:#d0d6b8}
.account-button{background:var(--panel);border:1px solid var(--line);padding:9px 12px;border-radius:10px;min-height:42px;max-width:134px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.home{padding-bottom:12px}
.hero{text-align:center;margin:7px 0 26px}
.hero img{display:block;width:min(100%,340px);height:auto;margin:auto;mix-blend-mode:screen}
.hero p{font-size:18px;letter-spacing:-.3px;font-weight:550;color:#c4d5ca;margin:1px 0 0}
.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mode-card{position:relative;text-align:left;min-height:164px;border-radius:19px;padding:20px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;justify-content:flex-start;gap:12px;overflow:hidden}
.rewards-card{background:linear-gradient(140deg,#1e3a2b,#12271c);border-color:#4b8d67;box-shadow:0 4px 26px #72edb90b}
.rewards-card:hover{border-color:var(--mint);background:linear-gradient(140deg,#284c37,#142d20)}
.mode-icon{font-size:31px;color:var(--mint);height:35px;line-height:1}
.mode-card strong{font-size:clamp(18px,5.2vw,23px);letter-spacing:-.6px;line-height:1.15}
.mode-arrow{position:absolute;right:17px;bottom:17px;font-size:26px;color:var(--mint)}
.pvp-card{opacity:1!important;background:#101512;border-color:#263029}
.pvp-card .mode-icon{color:#768a7b;font-size:25px;letter-spacing:-5px}
.pvp-card strong{color:#a7b3ab}
.pvp-card small{position:absolute;bottom:18px;left:20px;font-size:10px;border:1px solid #344237;border-radius:5px;padding:3px 7px;color:#a4b0a8}
.daily-home{display:flex;gap:8px;justify-content:center;align-items:center;color:var(--muted);font-size:11px;margin:20px 0 0;text-align:center}
.daily-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);flex-shrink:0}
.daily-home.complete{color:var(--mint)}
.view-win{display:block;margin:0 auto;padding:6px 0;color:var(--mint);font-size:11px;min-height:36px}
.launch-note,.tiny{font-size:10px;line-height:1.5;color:#7f9287;text-align:center}
.launch-note{margin:12px 0}
footer{color:#536a5c;font-size:10px;text-align:center;margin:23px 0 5px;letter-spacing:1.2px}
.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:var(--mint)}
h1{font-size:29px;line-height:1.15;letter-spacing:-1px;font-weight:700;margin:10px 0 22px}
h2{font-size:21px;letter-spacing:-.5px;margin:0 0 12px}
.muted{color:var(--muted);font-size:13px}
.quiet{background:none;color:var(--muted);padding:10px 0;min-height:44px;font-size:12px}
.quiet:hover{color:var(--ink)}
.primary{background:var(--mint);color:#07190e;border-radius:12px;min-height:52px;padding:13px 18px;font-weight:750;width:100%;display:flex;justify-content:space-between;align-items:center}
.primary span{font-size:23px;line-height:1}
.primary:hover{background:#9cface}
dialog{color:var(--ink)}
dialog::backdrop{background:#030906c9;backdrop-filter:blur(7px)}
.sheet{position:fixed;top:auto;bottom:12px;margin:0 auto;border:1px solid #38503f;background:#101913;border-radius:24px;width:min(calc(100vw - 24px),500px);max-height:calc(100dvh - 24px);padding:30px 22px 20px;overflow:auto;box-shadow:0 -8px 60px #0004}
.close{position:absolute;top:12px;right:12px;height:38px;width:38px;display:grid;place-items:center;background:#1b2920;border-radius:50%;font-size:25px;line-height:1;color:#b6c2ba}
.mode-label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;color:var(--muted);font-size:11px;border-top:1px solid var(--line);margin:0 0 13px}
.mode-label strong{color:var(--ink);font-weight:500}
.mode-label>span:last-child{font-size:10px;border:1px solid var(--line);padding:2px 6px;border-radius:5px}
.mode-label i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:4px}
.challenges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.challenge{background:#17271d;border:1px solid #34523d;border-radius:14px;padding:16px 3px;display:flex;flex-direction:column;gap:9px;align-items:center;min-width:0;transition:transform .12s,border-color .12s}
.challenge:hover{border-color:var(--mint);background:#203526}
.challenge:active{transform:scale(.96)}
.level-icon{font-size:34px;color:#b6dbc1;line-height:1}
.challenge strong{font-size:clamp(10px,2.9vw,14px);font-weight:550;letter-spacing:-.2px}
.reward-price{font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1;color:var(--mint)}
.reward-rule{display:flex;flex-direction:column;gap:3px;text-align:center;margin:22px 0 15px;color:var(--muted);font-size:12px}
.reward-rule strong{color:var(--ink);font-size:14px;font-weight:600}
.reward-rule small{font-size:11px;color:#bbcdbe;margin-top:7px}
.daily-lock{padding:14px;background:#233c2b;border:1px solid #487052;border-radius:10px;text-align:center}
.daily-lock strong,.daily-lock span{display:block;font-size:12px}
.daily-lock strong{color:var(--mint)}
.auth-sheet h1{margin-bottom:6px;padding-right:25px}
.auth-sheet>.muted{margin:0 0 20px}
.wallet-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;background:#1c3023;border:1px solid #47644c;border-radius:11px;font-weight:600;font-size:14px}
.wallet-button span:first-child{font-size:22px;color:var(--mint)}
.wallet-button span:last-child{margin-left:auto;padding-right:8px}
.wallet-options{background:#121f17;border:1px solid var(--line);border-radius:11px;padding:12px;margin-top:10px}
.wallet-options>.muted{font-size:12px;margin:3px 0 12px}
.wallet-choice,.wallet-browser-link{display:block;width:100%;border-radius:8px;padding:12px;background:#203526;text-align:left;min-height:44px;margin:6px 0;font-size:13px;color:var(--ink);text-decoration:none}
.wallet-browser-link{color:var(--mint);background:none;border:1px solid var(--line)}
.separator{display:flex;align-items:center;gap:12px;color:#728d7d;font-size:10px;text-align:center;margin:17px 0}
.separator::before,.separator::after{content:"";height:1px;background:var(--line);flex:1}
form label{font-size:11px;color:var(--muted);display:block;margin:13px 0 5px}
input{display:block;width:100%;border:1px solid #344b3b;border-radius:10px;background:#0b130e;color:var(--ink);font:16px/1.3 inherit;padding:13px;min-height:48px;font-family:inherit;font-size:16px}
input::placeholder{color:#697d70;font-size:13px}
form .primary{margin-top:20px}
.auth-switch{display:block;background:none;margin:10px auto 0;padding:12px 0;min-height:44px;font-size:11px;color:var(--muted)}
.auth-switch strong{color:var(--mint);font-weight:550}
.logout-button{display:block;margin:15px auto 0;text-align:center;width:100%}
#profile-name{font-size:19px}
.error{padding:12px;background:#432d21;border:1px solid #785640;border-radius:10px;font-size:12px;color:#ffe3cf}
.intro-screen{position:fixed;inset:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center}
.intro-screen video{width:100%;height:100%;object-fit:contain;max-width:560px}
.intro-screen .quiet{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));color:#c3d1c8;padding:10px 18px;border:1px solid #304137;border-radius:30px;background:#101a12c9}
.match{margin-top:12px}
.match-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin:0 0 8px}
.prize-tag{color:var(--mint);padding:3px 7px;border:1px solid #3d6047;border-radius:6px;font-size:10px;white-space:nowrap}
.player-line{display:flex;align-items:center;justify-content:space-between;margin:10px 0 12px;gap:8px}
.player-info{display:flex;align-items:center;gap:10px;min-width:0}
.player-info strong{display:block;font-size:13px;max-width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.player-info small{font-size:11px;color:var(--muted);display:block}
.avatar{width:38px;height:38px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:24px;flex-shrink:0}
.clock{font-size:25px;font-weight:700;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#1a2b20;min-width:99px;text-align:center;border:1px solid var(--line);border-radius:9px;padding:3px 9px}
.clock.active{background:#e7f1e7;color:#15291c;border-color:#e7f1e7}
.clock.low{color:#ffc7ae;background:#63372c;border-color:#9c5b46}
.board-wrap{position:relative}
.board{display:grid;grid-template-columns:repeat(8,1fr);border-radius:9px;overflow:hidden;width:100%;aspect-ratio:1;box-shadow:0 8px 30px #0004;touch-action:manipulation}
.square{position:relative;display:grid;place-items:center;border-radius:0;min-width:0;aspect-ratio:1;padding:0;user-select:none;-webkit-user-select:none;color:#223b2c;background:#e0e8da}
.square.dark{background:#718e72}
.square.last{box-shadow:inset 0 0 0 100px #e3cf6d66}
.square.selected{box-shadow:inset 0 0 0 100px #e9c75bcc}
.square.check{background:#c58268}
.square .piece{width:90%;height:90%;z-index:1;overflow:visible;pointer-events:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:1.6}
.piece.white{fill:#fffdf0;stroke:#3c4b3b;filter:drop-shadow(0 1px 1px #0003)}
.piece.black{fill:#233b30;stroke:#12231b;filter:drop-shadow(0 1px 1px #0003)}
.piece .eye{fill:#e5ead6;stroke:none}
.square .dot{position:absolute;width:23%;height:23%;border-radius:50%;background:#18372955;pointer-events:none}
.square .capture{position:absolute;inset:5%;border-radius:50%;border:4px solid #17372470;pointer-events:none;z-index:2}
.coordinate{position:absolute;font-size:9px;line-height:1;font-weight:700;opacity:.8;pointer-events:none}
.coordinate.file{bottom:3px;right:4px}
.coordinate.rank{top:4px;left:4px}
.square:focus-visible{outline:3px solid #203c29;outline-offset:-3px;z-index:2}
.status-line{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.status-line p{font-size:13px;color:var(--mint);margin:0}
.status-line .quiet{padding:8px 12px;background:var(--panel);border-radius:8px}
.history{border-top:1px solid var(--line);margin-top:16px;font-size:12px;color:var(--muted)}
.history summary{min-height:44px;padding:14px 0;cursor:pointer}
.history summary span{float:right}
.history #moves{max-height:160px;overflow:auto;line-height:2.2;font-family:ui-monospace,monospace;color:var(--ink)}
.wheel-overlay{position:absolute;inset:0;z-index:5;border-radius:9px;background:#07130ff5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}
.wheel-overlay>strong{font-size:19px;color:var(--ink)}
.wheel-overlay>small{font-size:11px;color:var(--muted)}
.wheel-shell{position:relative;width:160px;height:160px;border-radius:50%;box-shadow:0 0 0 5px #3f614c,0 0 45px #86edb721}
.color-wheel{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#f0f5e9 0deg 180deg,#27382c 180deg 360deg);transition:transform 2.2s cubic-bezier(.12,.6,.2,1)}
.color-wheel span{position:absolute;top:73px;font-size:10px;font-weight:700;letter-spacing:.5px}
.color-wheel span:first-child{right:10px;color:#263c2d}
.color-wheel span:last-child{left:10px;color:#d6e3d5}
.wheel-pointer{position:absolute;top:-25px;left:69px;z-index:3;color:var(--gold);font-size:25px}
.wheel-center{position:absolute;top:60px;left:60px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:25px;background:var(--mint);color:#173323;z-index:2}
.result-screen{border:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100dvh;inset:0;margin:0;padding:20px;overflow:auto}
.result-screen::backdrop{background:#06120feb;backdrop-filter:blur(12px)}
.result-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;margin:max(30px,calc(18dvh)) auto 30px}
.result-icon{font-size:68px;line-height:1.2;color:var(--gold);text-shadow:0 0 40px #e8ce8355;margin-bottom:14px}
.result-content h1{font-size:43px;letter-spacing:-1.6px;margin:10px 0 15px}
.win-amount{font-size:80px;font-weight:850;letter-spacing:-4px;line-height:1.1;color:var(--mint);text-shadow:0 0 50px #77edb929;animation:reward-pop .55s cubic-bezier(.2,1.5,.4,1)}
.win-kind{margin-top:8px;color:#b7c7bc;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.result-content>p{font-size:14px;color:#d3ddd4;max-width:310px;margin:24px 0 0}
.result-content .muted{font-size:12px;color:var(--muted);margin:10px 0 24px}
.result-content .primary{max-width:320px}
.result-content>.tiny{margin-top:15px;max-width:280px}
#fireworks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
@keyframes reward-pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.dialog-actions{display:flex;gap:10px;margin-top:22px}
.dialog-actions button{flex:1;border-radius:9px;padding:12px;background:#223629;min-height:48px;font-size:12px}
.dialog-actions .primary{background:var(--mint)}
#promotion-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#promotion-options button{background:#719676;border-radius:10px;aspect-ratio:1;padding:8px}
#promotion-options svg{width:100%;height:100%}
.board-menu{display:block;margin:6px auto 0;min-height:44px;padding:10px 14px;font-size:12px;color:var(--muted);background:none}
.match-board-menu{display:flex;justify-content:center}
.match-board-menu .board-menu{margin:0;font-size:11px}
.board-choices{display:flex;flex-direction:column;gap:10px;margin:20px 0}
.board-choices>button{display:grid;grid-template-columns:70px 1fr 22px;grid-template-rows:auto auto;column-gap:15px;align-items:center;text-align:left;min-height:88px;padding:10px;background:#17231b;border:1px solid var(--line);border-radius:14px}
.board-choices>button[aria-pressed="true"]{border-color:var(--mint);background:#203627}
.board-choices strong{align-self:end;font-size:15px}
.board-choices small{grid-column:2;align-self:start;color:var(--muted);font-size:11px}
.theme-check{grid-column:3;grid-row:1/3;color:var(--mint);font-size:20px;visibility:hidden}
[aria-pressed="true"]>.theme-check{visibility:visible}
.board-sample{grid-row:1/3;width:70px;height:70px;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:conic-gradient(#ddd4be 0 25%,#343633 0 50%,#ddd4be 0 75%,#343633 0);box-shadow:inset 0 0 0 2px #b6b6a633}
.pepe-sample{background:conic-gradient(#e5dcc8 0 25%,#1b4930 0 50%,#e5dcc8 0 75%,#1b4930 0)}
.simple-sample{font-size:55px;line-height:1;color:#fffbed;text-shadow:0 2px 2px #0008;background:#718e72}
.piece-sprite{display:block;width:96%;height:96%;background-image:url('/media/boards/classic-pieces-v1.png');background-repeat:no-repeat;background-size:600% 200%;position:relative;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 1px #0003)}
.piece-sprite.piece-r{background-position-x:0%}
.piece-sprite.piece-n{background-position-x:20%}
.piece-sprite.piece-b{background-position-x:40%}
.piece-sprite.piece-q{background-position-x:60%}
.piece-sprite.piece-k{background-position-x:80%}
.piece-sprite.piece-p{background-position-x:100%}
.piece-sprite.white{background-position-y:0%}
.piece-sprite.black{background-position-y:100%}
:root[data-board="pepe"] .piece-sprite,.pepe-sample .piece-sprite{background-image:url('/media/boards/pepe-pieces-v1.png')}
.classic-sample .piece-sprite{background-image:url('/media/boards/classic-pieces-v1.png')}
:root[data-board="classic"] .board,:root[data-board="pepe"] .board{border:5px solid #292d29;border-radius:5px;box-shadow:0 2px 0 #525650,inset 0 0 0 1px #000,0 12px 30px #0009}
:root[data-board="classic"] .square,:root[data-board="pepe"] .square{background-color:#ddd5c1;background-image:radial-gradient(ellipse at 25% 20%,#ffffff13,transparent 70%),linear-gradient(115deg,#00000004,transparent 50%,#fff1);color:#333b30}
:root[data-board="classic"] .square.dark{background-color:#383b36;color:#e7e0ce}
:root[data-board="pepe"] .square.dark{background-color:#1c4730;color:#e7e0ce}
:root[data-board="classic"] .square.last,:root[data-board="pepe"] .square.last{box-shadow:inset 0 0 0 100px #e3cf6d4d}
:root[data-board="classic"] .square.selected,:root[data-board="pepe"] .square.selected{box-shadow:inset 0 0 0 3px #88f6bf,inset 0 0 0 100px #7bf4b34d}
:root[data-board="classic"] .square.check,:root[data-board="pepe"] .square.check{background-color:#b8624e}
:root[data-board="classic"] .square.dark .dot,:root[data-board="pepe"] .square.dark .dot{background:#f0efc477}
:root[data-board="classic"] .square.dark .capture,:root[data-board="pepe"] .square.dark .capture{border-color:#f0efc477}
:root[data-board="classic"] .square:focus-visible,:root[data-board="pepe"] .square:focus-visible{outline-color:var(--mint)}
.square .coordinate{z-index:3}
#promotion-options .piece-sprite{width:100%;height:100%}
.secondary{display:block;width:100%;min-height:48px;padding:12px 16px;border:1px solid #567651;border-radius:11px;background:#1d3224;color:var(--mint);font-size:13px;font-weight:600}
.trophy-win{max-width:320px;margin:0 0 8px}
.trophy-win+.tiny{margin:0 0 15px}
.trophy-account{margin-top:12px}
.trophy-account span:last-child{font-size:12px;color:var(--mint)}
.trophy-sheet h1,.mint-sheet h1{margin-bottom:6px}
.trophy-sheet>.muted{font-size:12px;margin:0 0 20px}
.trophy-empty{padding:30px 15px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:13px}
.trophy-card{display:grid;grid-template-columns:40px 1fr auto;gap:8px 12px;align-items:center;padding:16px 12px;background:#18281d;border:1px solid #324c39;border-radius:12px;margin-bottom:10px}
.trophy-card-icon{font-size:34px;line-height:1;color:var(--gold)}
.trophy-card strong{display:block;font-size:13px}
.trophy-card small{font-size:11px;color:var(--muted)}
.trophy-action{display:grid;place-items:center;min-height:44px;max-width:100px;padding:8px 10px;border-radius:9px;border:1px solid #4b6a51;background:#24412c;text-decoration:none;color:var(--mint);font-size:11px;text-align:center}
.trophy-proof{grid-column:2/4;color:var(--muted);font-size:10px;text-decoration:none;min-height:24px}
.mint-sheet{text-align:center}
.mint-icon{display:block;color:var(--gold);font-size:62px;line-height:1.3;margin:6px 0 14px}
.mint-sheet>.muted{font-size:13px;max-width:330px;margin:10px auto 20px}
.mint-quote{display:flex;flex-direction:column;gap:7px;padding:16px;background:#1b2f21;border:1px solid #3b5d44;border-radius:12px;margin:16px 0}
.mint-quote>span{font-size:11px;color:var(--muted)}
.mint-quote strong{font-size:27px;color:var(--mint);font-variant-numeric:tabular-nums}
.mint-quote small{font-size:10px;color:var(--muted)}
.trophy-link{text-decoration:none;display:grid;place-items:center}
.pvp-screen{margin-top:18px}
.pvp-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:18px}
.pvp-heading .eyebrow{font-size:9px}
.pvp-screen h1{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:8px 0 10px}
#pvp-browser>.muted{font-size:13px;margin:0 0 22px}
.lobby-list-heading{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}
.lobby-list-heading h2{font-size:15px;font-weight:600;margin:0}
.lobby-list-heading>span{font-size:11px;color:var(--muted);padding:3px 8px;background:var(--panel);border-radius:20px}
.empty-lobbies{padding:30px 20px;text-align:center;font-size:13px;color:var(--muted);border:1px dashed var(--line);border-radius:14px}
.open-lobby{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;background:#17251c;border:1px solid #324a39;border-radius:13px;padding:15px 12px;margin-bottom:10px}
.open-lobby strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.open-lobby small{font-size:10px;color:var(--muted);display:block}
.lobby-wager{font-size:12px;font-weight:600;color:var(--gold);white-space:nowrap}
.join-game{min-height:44px;padding:9px 12px;background:#2a4933;border-radius:9px;color:var(--mint);font-size:12px}
.pvp-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.pvp-modes button{display:flex;flex-direction:column;gap:5px;padding:16px 8px;min-height:88px;background:#18251c;border:1px solid var(--line);border-radius:12px}
.pvp-modes button[aria-pressed="true"]{border-color:var(--mint);background:#243c2b}
.pvp-modes strong{font-size:14px}.pvp-modes span{font-size:11px;color:var(--muted)}
#lobby-form>label:first-child{display:flex;justify-content:space-between}
#lobby-form>label:first-child span{font-size:11px;color:var(--gold)}
#lobby-form .notify-choice{display:flex;gap:10px;align-items:center;min-height:44px;font-size:11px;margin-top:18px}
.notify-choice input{display:inline-block;width:18px;height:18px;min-height:0;padding:0;accent-color:var(--mint)}
.lobby-settings{font-size:12px;color:var(--gold);margin:0 0 24px}
.lobby-seats{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:8px;align-items:center;margin:25px 0}
.lobby-seats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:148px;padding:15px 8px;border:1px solid var(--line);background:#15251b;border-radius:14px}
.seat-icon{font-size:39px;color:#cedecc;line-height:1.2;margin-bottom:12px}
.lobby-seats strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.lobby-seats small{font-size:10px;color:var(--muted);margin-top:6px}
.versus{color:#688573;font-size:10px;letter-spacing:1px;text-align:center}
#lobby-message{font-size:13px;min-height:44px;margin:20px 0}
.notify-button{margin-top:12px;font-size:11px;background:none;border-color:var(--line);color:var(--muted)}
.leave-lobby{display:block;min-height:44px;margin:10px auto;padding:10px 14px;background:none;font-size:12px}
.wager-disclosure{margin:22px 0}
.join-toast{position:fixed;z-index:50;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 36px),460px);padding:15px 18px;background:#2d503a;border:1px solid var(--mint);border-radius:12px;box-shadow:0 12px 40px #0008;color:var(--ink);font-size:13px;text-align:center}
@media(max-width:350px){.open-lobby{gap:7px;padding:12px 9px}.open-lobby strong{font-size:12px}.lobby-wager{font-size:10px}.join-game{font-size:11px;padding:8px}.lobby-seats>div{min-height:135px}.pvp-screen h1{font-size:27px}}
@media(max-width:350px){.trophy-card{grid-template-columns:32px minmax(0,1fr) auto;gap:7px 8px;padding:12px 8px}.trophy-card-icon{font-size:27px}.trophy-card strong{font-size:12px;overflow-wrap:anywhere}.trophy-action{font-size:10px;padding:8px;max-width:86px}}
@media(min-width:650px){.shell{padding-top:28px}.home{padding-bottom:30px}.hero{margin-top:6px}.hero img{width:350px}.mode-card{min-height:174px}.sheet{top:50%;bottom:auto;transform:translateY(-50%)}.auth-sheet{max-height:calc(100dvh - 48px)}}
@media(max-width:350px){.shell{padding-left:12px;padding-right:12px;padding-top:12px}.brand strong{font-size:16px}.brand small{font-size:8px}.account-button{font-size:11px;padding:8px 9px;max-width:100px}.top-actions{gap:5px}.preview-badge{font-size:8px;padding:3px 6px}.hero img{width:260px}.hero p{font-size:16px}.hero{margin-bottom:20px}.mode-card{min-height:146px;padding:17px}.mode-card strong{font-size:18px}.mode-buttons{gap:9px}.mode-card small{left:17px;bottom:14px}.daily-home{font-size:10px;margin-top:16px}.sheet{padding:27px 16px 16px}.sheet h1{font-size:25px}.reward-price{font-size:29px}.challenge strong{font-size:10px}.player-info strong{max-width:115px}.wheel-shell{width:144px;height:144px}.wheel-center{top:52px;left:52px}.wheel-pointer{left:61px}.color-wheel span{top:65px;font-size:9px}}
@media(max-height:620px) and (orientation:portrait){.home .hero img{width:min(70vw,230px)}.hero{margin-top:0;margin-bottom:17px}.mode-card{min-height:134px}.mode-icon{font-size:27px;height:27px}.mode-card{gap:9px}.daily-home{margin-top:13px}footer{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}#fireworks{display:none}}