:root{--bg-base:#0e1620;--bg-surface:#182533;--bg-elevated:#22344a;--text-primary:#f2f6fa;--text-muted:#8fa3b8;--accent:#f59e0b;--success:#22c55e;--danger:#ef4444;--warning:#eab308;--felt:#1b4332;--line:rgba(143,163,184,.14);--radius:20px;--shadow:0 24px 70px rgba(0,0,0,.26)}*{box-sizing:border-box}html{background:var(--bg-base);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}body{margin:0;min-height:100vh}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}::selection{background:#f59e0b;color:#111827}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--accent);color:#111827;border-radius:10px;font-weight:900}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(34,197,94,.12)}.landing{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(245,158,11,.12),transparent 27%),linear-gradient(145deg,#0e1620,#101c29 55%,#0b131c)}.landing-nav{height:84px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.nav-link{font-size:14px;color:#c9d5e1}.nav-link span{color:var(--accent);margin-left:6px}.hero{max-width:1180px;min-height:650px;margin:auto;padding:50px 28px 75px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;grid-gap:76px;gap:76px}.hero-copy h1{font-size:66px;line-height:1.03;letter-spacing:-.06em;margin:24px 0}.hero-copy h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{max-width:600px;color:#a9bbcc;font-size:18px;line-height:1.7}.quick-join{margin-top:36px;max-width:560px}.quick-join label{display:block;color:#91a6ba;font-size:12px;font-weight:700;margin-bottom:10px}.quick-join>div{display:flex;padding:6px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:15px;box-shadow:0 16px 45px rgba(0,0,0,.22)}.quick-join input{min-width:0;flex:1 1;background:none;border:0;outline:0;color:white;padding:13px 14px;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.primary-button,.quick-join button{border:0;border-radius:11px;background:var(--accent);color:#151a21;font-weight:800;padding:15px 20px;cursor:pointer}.primary-button span,.quick-join button span{margin-left:18px}.primary-button:disabled{opacity:.45;cursor:not-allowed}.trust-row{display:flex;gap:25px;margin-top:20px;color:#7890a6;font-size:12px}.trust-row span:first-letter{color:var(--success)}.hero-visual{position:relative;min-height:570px;display:grid;place-items:center}.glow{position:absolute;width:440px;height:440px;border-radius:50%;background:rgba(245,158,11,.17);filter:blur(90px)}.phone-shell{position:relative;width:300px;height:585px;border:8px solid #26384a;border-radius:43px;padding:16px 16px 14px;background:#0f1b27;box-shadow:0 40px 90px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.08);transform:rotate(3deg);z-index:1}.phone-shell:before{content:"";position:absolute;top:8px;left:50%;width:76px;height:20px;transform:translateX(-50%);border-radius:12px;background:#26384a}.phone-top{display:flex;justify-content:space-between;margin:1px 5px 27px;font-size:9px;color:#8fa3b8}.mini-header{display:flex;align-items:center;gap:9px}.mini-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#101820;font-weight:900}.mini-header>span:nth-child(2){display:flex;flex-direction:column;font-size:11px}.mini-header small{color:#8298ad;margin-top:2px}.online-pill{margin-left:auto!important;padding:5px 8px;border-radius:9px;background:rgba(34,197,94,.12);color:#5ee68d!important;font-size:8px!important}.mini-kicker{font-size:18px;font-weight:800;margin:27px 0 14px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.mini-card{height:125px;border-radius:16px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#25394c,#172535);border:1px solid rgba(255,255,255,.06)}.mini-card b{font-size:35px}.mini-card span{font-size:10px;font-weight:700}.mini-0{background:linear-gradient(145deg,#5b4318,#292a24)}.mini-1{background:linear-gradient(145deg,#60391e,#2f251e)}.mini-2{background:linear-gradient(145deg,#5d2633,#2f2028)}.mini-promo{position:absolute;bottom:16px;left:16px;right:16px;padding:12px;border-radius:12px;background:#f59e0b;color:#181b20;font-size:10px;font-weight:800}.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(24,37,51,.92);box-shadow:0 18px 50px rgba(0,0,0,.38);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:24px}.float-card span{display:flex;flex-direction:column;font-size:11px}.float-card small{color:#8fa3b8;margin-top:3px}.float-one{left:0;top:125px}.float-two{right:-15px;bottom:85px}.game-ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:84px;display:flex;gap:45px;align-items:center;justify-content:center;color:#a7b8c9;font-size:13px;white-space:nowrap}.game-ticker>span:first-child{font-size:10px;color:#647b91;letter-spacing:.16em}.ticker-game{font-weight:700}.center-page,.table-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:30px 20px;background:radial-gradient(circle at 50% 35%,rgba(245,158,11,.09),transparent 35%),var(--bg-base)}.center-page>.brand{margin-bottom:55px}.gate-card,.join-card{width:min(100%,460px);padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(24,37,51,.82);box-shadow:var(--shadow)}.join-card{text-align:center}.big-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:rgba(245,158,11,.13);color:var(--accent);font-size:29px;margin:0 auto 20px}.join-card .eyebrow{justify-content:center}.join-card h1{font-size:28px;margin:12px 0}.join-card>p{color:var(--text-muted);line-height:1.55}.gate-card form,.join-card form{display:flex;flex-direction:column;text-align:left;gap:11px;margin-top:28px}.gate-card label,.join-card label{font-size:12px;font-weight:700;color:#b3c1cf}.gate-card input,.join-card input{height:56px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#101d29;color:white;outline:none;padding:0 17px;font-size:16px}.gate-card input:focus,.join-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,158,11,.1)}.join-card small{display:block;color:#72899f;margin-top:18px}.primary-button{display:flex;justify-content:center;align-items:center;margin-top:8px;min-height:52px}.table-gate header{width:min(100%,960px);display:flex;justify-content:space-between;align-items:center}.secure-badge{color:#879caf;font-size:11px}.secure-badge:first-letter{color:var(--success)}.gate-card{margin-top:60px}.gate-cafe{display:flex;gap:16px;align-items:center}.cafe-logo{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--cafe-accent);color:#161b21;font-size:25px;font-weight:900}.gate-cafe small{font-size:10px;letter-spacing:.14em;color:var(--cafe-accent);font-weight:800}.gate-cafe h1{font-size:23px;margin:4px 0}.gate-cafe p{margin:0;color:#8197ac;font-size:13px}.gate-rule{height:1px;background:var(--line);margin:28px 0}.avatar-picker{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:6px;gap:6px;margin-bottom:5px}.avatar-picker button{height:40px;border:1px solid transparent;border-radius:10px;background:#101d29;cursor:pointer}.avatar-picker button.selected{border-color:var(--cafe-accent);background:rgba(245,158,11,.13);transform:translateY(-2px)}.form-error{color:#fda4af;font-size:12px}.privacy-note{text-align:center;color:#6f879d;font-size:11px;margin:18px 0 0}.lobby-page{min-height:100vh;background:#0f1a25;padding-bottom:75px}.lobby-header{position:-webkit-sticky;position:sticky;top:0;z-index:5;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 650px)/2));background:rgba(14,22,32,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.icon-button{width:44px;height:44px;border:0;border-radius:12px;background:#182735;cursor:pointer}.cafe-title{display:flex;align-items:center;gap:10px}.cafe-logo.small{width:37px;height:37px;border-radius:11px;font-size:15px}.cafe-title div{display:flex;flex-direction:column}.cafe-title b{font-size:13px}.cafe-title small{color:#8298ad;font-size:10px;margin-top:3px}.green-text{color:#4ade80}.lobby-content{max-width:650px;margin:auto;padding:26px 18px}.people-section{border-bottom:1px solid var(--line);padding-bottom:25px}.discover-heading,.panel-head,.section-heading{display:flex;align-items:center;justify-content:space-between}.discover-heading small,.section-heading small{font-size:9px;color:var(--cafe-accent);font-weight:800;letter-spacing:.15em}.discover-heading h2,.section-heading h2{font-size:21px;margin:5px 0}.reaction-row{display:flex;gap:5px}.reaction-row button{width:37px;height:37px;border:1px solid var(--line);border-radius:11px;background:#182735;cursor:pointer}.people-row{display:flex;gap:17px;margin-top:18px;overflow-x:auto;padding-bottom:5px}.person{min-width:52px;display:flex;flex-direction:column;align-items:center;position:relative}.person-avatar{display:grid;place-items:center;width:48px;height:48px;border:2px solid #2c4153;border-radius:50%;background:#213343;font-size:24px}.person b{max-width:60px;margin-top:7px;font-size:10px;overflow:hidden;text-overflow:ellipsis}.connection{position:absolute;right:3px;top:35px;width:10px;height:10px;border-radius:50%;border:2px solid #0f1a25;background:var(--success)}.connection.kopuk{background:#64748b}.person.invite .person-avatar{border-style:dashed;color:#8298ad;font-size:18px}.discover-heading{margin-top:28px}.discover-heading>span{padding:7px 10px;border-radius:9px;background:#192a38;color:#8ea3b7;font-size:10px}.filter-row{display:flex;gap:7px;overflow-x:auto;padding:10px 0 17px}.filter-row button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#142330;color:#8fa4b7;padding:9px 13px;font-size:11px;cursor:pointer}.filter-row button.active{background:var(--cafe-accent);color:#111820;border-color:transparent;font-weight:800}.games-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.game-card{position:relative;min-height:185px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--game-color) 26%,#182533),#152330 65%);overflow:hidden}.game-card:after{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;background:var(--game-color);opacity:.11;filter:blur(20px);border-radius:50%}.game-card.disabled{filter:saturate(.35);opacity:.61}.game-icon{font-size:40px;height:61px}.game-card h3{font-size:16px;margin:7px 0 4px}.game-card p{height:32px;margin:0;color:#92a7b9;font-size:10px;line-height:1.5}.game-card span{display:block;color:#b4c2ce;font-size:9px;margin-top:10px}.need-tag,.ready-tag{position:absolute;top:12px;right:12px;font-style:normal;border-radius:8px;font-size:8px;font-weight:900;padding:5px 7px}.ready-tag{background:#22c55e;color:#07190e}.need-tag{background:rgba(15,23,32,.75);color:#9aacbc}.promo-banner{position:fixed;z-index:6;bottom:0;left:0;right:0;min-height:62px;background:#f59e0b;color:#161a1f;display:flex;align-items:center;justify-content:center;gap:13px;padding:9px 18px calc(9px + env(safe-area-inset-bottom))}.promo-banner>span{font-size:24px}.promo-banner>span:last-child{font-size:27px;margin-left:min(20vw,110px)}.promo-banner div{display:flex;flex-direction:column}.promo-banner b{font-size:12px}.promo-banner small{font-size:9px;margin-top:2px}.reaction-pop{position:fixed;z-index:10;top:84px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid var(--line);background:#22344a;border-radius:999px;box-shadow:var(--shadow);animation:pop .2s ease-out}.reaction-pop b{font-size:24px}.reaction-pop span{font-size:11px}@keyframes pop{0%{transform:translate(-50%,-12px) scale(.8);opacity:0}}.game-detail,.xox-page{min-height:100vh;padding-bottom:70px;background:radial-gradient(circle at 50% 25%,rgba(13,148,136,.12),transparent 32%),#0e1822}.game-detail>header,.game-shell-header{height:70px;padding:0 max(18px,calc((100vw - 600px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-weight:700}.game-detail header button,.game-shell-header button,.game-shell-header>a{border:0;background:#192837;border-radius:11px;min-width:42px;height:42px;display:grid;place-items:center}.game-coming{max-width:430px;margin:auto;text-align:center;padding:70px 24px}.giant-game-icon{width:110px;height:110px;margin:auto;display:grid;place-items:center;border-radius:30px;font-size:58px;box-shadow:0 25px 60px rgba(0,0,0,.35)}.game-coming .eyebrow{justify-content:center;margin-top:35px}.game-coming h1{font-size:36px;margin:10px}.game-coming>p{color:#91a6b8;line-height:1.6}.info-pills{display:flex;justify-content:center;gap:8px;margin:25px 0}.info-pills span{padding:9px 12px;border:1px solid var(--line);background:#172533;border-radius:10px;font-size:11px}.game-coming .primary-button{width:100%}.text-link{display:block;margin-top:20px;color:var(--accent);font-size:13px}.game-shell-header>div{display:flex;flex-direction:column;text-align:center}.game-shell-header small{font-size:9px;color:#879caf;margin-top:3px}.opponent-strip{max-width:520px;margin:auto;padding:30px 30px 10px;display:flex;align-items:center;justify-content:space-around}.opponent-strip>div{display:flex;align-items:center;gap:9px}.opponent-strip p{display:flex;flex-direction:column;margin:0}.opponent-strip small{color:#8ca1b4;font-size:10px}.versus{font-size:10px;color:#71879b;font-weight:800}.xox-board-wrap{display:flex;flex-direction:column;align-items:center;padding:25px 20px}.turn-label{font-size:12px;color:#b7c5d1;margin-bottom:20px}.xox-board{width:min(82vw,370px);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:10px;border-radius:25px;background:#172837;box-shadow:0 25px 70px rgba(0,0,0,.25)}.xox-board button{border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#203546;font-size:44px;font-weight:800;cursor:pointer}.xox-board button:not(:disabled):hover{background:#284257}.xox-board .mark-x{color:#f59e0b}.xox-board .mark-o{color:#2dd4bf}.secondary-button{margin-top:23px;padding:12px 18px;border:1px solid var(--line);border-radius:11px;background:#1a2a38;cursor:pointer}.dashboard{min-height:100vh;display:grid;grid-template-columns:245px 1fr;background:#0d151e}.sidebar{position:fixed;top:0;bottom:0;width:245px;padding:25px 18px 18px;border-right:1px solid var(--line);background:#111c27;display:flex;flex-direction:column}.sidebar>.brand{margin:0 8px 28px}.business-switch{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#172532}.business-switch>div{display:flex;flex-direction:column;flex:1 1}.business-switch b{font-size:11px}.business-switch small{font-size:8px;color:#7f95aa;margin-top:3px}.business-switch>span:last-child{color:#71879c}.sidebar nav{margin-top:22px}.sidebar nav a{height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;margin:3px 0;border-radius:9px;color:#8ca0b3;font-size:11px;font-weight:600}.sidebar nav a.active{background:rgba(245,158,11,.1);color:#f6ad2b}.sidebar nav a i{margin-left:auto;font-style:normal;padding:2px 6px;background:#263847;border-radius:6px;font-size:8px}.sidebar nav p{margin:23px 12px 8px;font-size:8px;color:#566c80;letter-spacing:.14em}.trial-card{margin-top:auto;padding:14px;border:1px solid rgba(245,158,11,.16);border-radius:12px;background:linear-gradient(145deg,rgba(245,158,11,.11),rgba(245,158,11,.02));display:flex;flex-direction:column}.trial-card span{font-size:7px;letter-spacing:.12em;color:#d8982f}.trial-card b{font-size:11px;margin-top:5px}.trial-card>div{height:4px;margin:12px 0;background:#273746;border-radius:3px}.trial-card>div i{display:block;width:55%;height:100%;background:#f59e0b;border-radius:3px}.trial-card button{border:0;background:none;color:#f4a91f;text-align:left;padding:0;font-size:9px;font-weight:800}.sidebar-user{display:flex;align-items:center;gap:9px;margin-top:16px;padding:12px 5px 0;border-top:1px solid var(--line)}.sidebar-user>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#263849;font-size:9px}.sidebar-user>div{display:flex;flex-direction:column;flex:1 1}.sidebar-user b{font-size:9px}.sidebar-user small{color:#72879b;font-size:7px}.sidebar-user i{font-size:8px;color:#718598}.dashboard-main{grid-column:2;padding:32px 36px 50px;max-width:1450px;width:100%;margin:auto}.dashboard-main>header{display:flex;align-items:center;justify-content:space-between}.dashboard-main>header p{margin:0;color:#6f8498;font-size:9px}.dashboard-main>header h1{font-size:24px;margin:5px 0}.dash-actions{display:flex;gap:8px}.dash-actions button{height:38px;border:1px solid var(--line);border-radius:9px;background:#172532;padding:0 13px;font-size:10px;position:relative}.dash-actions button i{position:absolute;width:5px;height:5px;background:#ef4444;border-radius:50%;top:7px;right:8px}.dash-actions .accent-button{border:0;background:#f59e0b;color:#14191f;font-weight:800;padding:0 15px}.status-banner{display:flex;align-items:center;margin:24px 0 18px;padding:12px 16px;border:1px solid rgba(34,197,94,.17);border-radius:11px;background:rgba(34,197,94,.055)}.status-banner>span{color:#22c55e;margin-right:10px}.status-banner p{display:flex;flex-direction:column;margin:0;flex:1 1}.status-banner b{font-size:10px}.status-banner small{font-size:8px;color:#75908b;margin-top:2px}.status-banner a{font-size:9px;color:#57d984}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.metric-grid article,.panel{border:1px solid var(--line);border-radius:13px;background:#121f2a}.metric-grid article{padding:15px}.metric-grid article>div{display:flex;align-items:center;justify-content:space-between}.metric-grid article>div>span{font-size:8px;color:#7f94a7;letter-spacing:.08em}.metric-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-style:normal}.metric-icon.amber{background:rgba(245,158,11,.12);color:#f59e0b}.metric-icon.violet{background:rgba(139,92,246,.12);color:#a78bfa}.metric-icon.green{background:rgba(34,197,94,.12);color:#4ade80}.metric-icon.blue{background:rgba(59,130,246,.12);color:#60a5fa}.metric-grid strong{display:block;font-size:24px;margin:7px 0 3px}.metric-grid strong small{font-size:10px;color:#71869a}.metric-grid p{margin:0;font-size:8px}.metric-grid p span{color:#657b8e}.up{color:#4ade80}.neutral{color:#91a3b4}.dash-columns{display:grid;grid-template-columns:1.7fr 1fr;grid-gap:12px;gap:12px;margin-top:12px}.panel{padding:18px}.panel-head h2{font-size:12px;margin:0}.panel-head p{font-size:8px;color:#6f8498;margin:4px 0 0}.panel-head button{border:0;background:none;color:#869aab;font-size:8px}.chart-wrap{display:flex;height:205px;margin-top:18px}.chart-y{width:28px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:20px;color:#5f7487;font-size:7px}.chart{position:relative;flex:1 1}.chart-grid{background:repeating-linear-gradient(180deg,transparent 0,transparent 24.5%,rgba(255,255,255,.045) 25%)}.chart svg,.chart-grid{position:absolute;inset:0 0 20px}.chart svg{width:100%;height:calc(100% - 20px);overflow:visible}.chart-days{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#62788b;font-size:7px}.popular-row{display:grid;grid-template-columns:18px 30px 1fr 65px 28px;align-items:center;grid-gap:8px;gap:8px;margin-top:15px}.popular-row>em{font-style:normal;color:#64798b;font-size:8px}.popular-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#59431d;font-size:14px}.popular-icon.p1{background:#55371f}.popular-icon.p2{background:#174c4d}.popular-icon.p3{background:#592c22}.popular-row>div:nth-child(3){display:flex;flex-direction:column}.popular-row b{font-size:9px}.popular-row small{font-size:7px;color:#71869a;margin-top:2px}.mini-bar{height:3px;background:#263745;border-radius:3px}.mini-bar i{display:block;height:100%;border-radius:3px;background:#f59e0b}.popular-row>strong{font-size:8px;text-align:right}.table-map{margin-top:12px}.legend{gap:15px;font-size:8px;color:#778da1}.legend,.legend span{display:flex;align-items:center}.legend span{gap:5px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%}.dot.live{background:#22c55e}.dot.idle{background:#516779}.table-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:9px;gap:9px;margin-top:15px}.table-tile{position:relative;min-height:83px;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#101b25;display:flex;flex-direction:column}.table-tile.live{background:rgba(34,197,94,.045);border-color:rgba(34,197,94,.16)}.table-tile>span{font-size:7px;color:#61778a}.table-tile b{font-size:9px;margin-top:auto}.table-tile small{font-size:7px;color:#6c8295;margin-top:3px}.table-tile>i{position:absolute;right:8px;top:8px;width:5px;height:5px;border-radius:50%;background:#22c55e}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-copy>p,.quick-join{margin-left:auto;margin-right:auto}.trust-row{justify-content:center}.hero-visual{display:none}.game-ticker{justify-content:flex-start;overflow:hidden;padding-left:20px}.dashboard{display:block}.sidebar{display:none}.dashboard-main{padding:22px}.metric-grid{grid-template-columns:1fr 1fr}.dash-columns{grid-template-columns:1fr}.table-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.landing-nav{height:70px;padding:0 18px}.hero{min-height:auto;padding:60px 20px 85px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:15px}.quick-join>div{flex-direction:column}.quick-join button{width:100%}.trust-row{gap:9px;font-size:9px}.game-ticker{display:none}.avatar-picker{grid-template-columns:repeat(4,1fr)}.gate-card{margin-top:38px}.games-grid{gap:9px}.game-card{min-height:170px;padding:14px}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-main>header{align-items:flex-end}.dash-actions button:not(.accent-button){display:none}.dashboard-main>header h1{font-size:19px}.status-banner a{display:none}.table-grid{grid-template-columns:repeat(2,1fr)}.popular-row{grid-template-columns:18px 30px 1fr 45px 25px}}.game-card.is-photo{padding:0;min-height:0;aspect-ratio:8/5;display:block;background:#0c1620;overflow:hidden}.game-card.is-photo .game-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.game-card.is-photo .game-photo-meta{position:absolute;left:10px;bottom:10px;z-index:1;padding:6px 10px;border-radius:9px;background:rgba(10,16,22,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#e7edf3;font-size:9px;font-weight:700;letter-spacing:.02em}.game-card.is-photo.disabled{filter:saturate(.35);opacity:.61}.game-card.is-photo:after{display:none}.game-card.no-photo{min-height:0;aspect-ratio:8/5;padding:12px}.game-card.no-photo .game-icon{height:auto;font-size:30px}.game-card.no-photo h3{margin:2px 0;font-size:13px}.game-card.no-photo p{display:none}.game-card.no-photo span{position:absolute;left:12px;bottom:10px;margin:0;font-size:8px}.game-card.no-photo .ready-tag{z-index:2}.ikilem-scoreboard{display:grid;grid-gap:8px;gap:8px;width:min(100%,520px);margin:18px auto}.ikilem-scoreboard>div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.07)}.ikilem-scoreboard b{color:#fde047}@media(max-width:560px){.ikilem-arena{padding:10px!important}.ikilem-arena h2{font-size:21px!important}.ikilem-options{grid-template-columns:1fr!important;gap:10px!important}.ikilem-options>button{min-height:112px;padding:16px 12px!important}.isim-sehir-arena{padding:10px!important}.isim-sehir-category{align-items:stretch!important;flex-direction:column;gap:6px!important}.isim-sehir-category>span{width:auto!important}.isim-sehir-category input{width:100%;min-height:46px}.isim-sehir-header{gap:8px}.isim-sehir-header>a{font-size:11px}}.header-room-spacer{display:block;width:42px;height:1px;flex:0 0 42px}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.okey-game,.okey-waiting{min-height:100vh;background:#09130f;color:#f8fafc}.okey-topbar{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#101d18;border-bottom:1px solid rgba(255,255,255,.1)}.okey-topbar>div{display:flex;flex-direction:column;text-align:center}.okey-topbar small{font-size:10px;color:#9fb3a7;margin-top:2px}.okey-topbar button,.okey-topbar>a{border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#182a22;padding:9px 12px;font-size:11px;cursor:pointer}.okey-wait-card{width:min(900px,calc(100% - 32px));margin:45px auto;padding:32px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#13231c;box-shadow:var(--shadow)}.okey-wait-card>p:not(.eyebrow){color:#a9b9b0}.okey-seats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:28px 0}.okey-seats article{display:flex;flex-direction:column;align-items:center;padding:20px 8px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0d1914}.okey-seats article.ready{border-color:#34d399;background:rgba(52,211,153,.08)}.okey-seats span{font-size:32px}.okey-seats b{font-size:12px;margin-top:8px}.okey-seats small{font-size:9px;color:#8da197;margin-top:4px}.okey-wait-actions{display:flex;justify-content:flex-end;gap:10px}.okey-wait-actions .primary-button,.okey-wait-actions .secondary-button{margin:0}.okey-opponents{height:66px;padding:7px 3vw;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;background:#0c1812}.okey-opponents article{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px}.okey-opponents article.active{border-color:#fbbf24;background:rgba(251,191,36,.08)}.okey-opponents article>span{font-size:23px}.okey-opponents article div{display:flex;flex-direction:column}.okey-opponents b{font-size:11px}.okey-opponents small{font-size:8px;color:#8ca096;margin-top:2px}.okey-table{position:relative;height:calc(100vh - 365px);min-height:215px;overflow:hidden;border:8px solid #52351e;border-radius:55%/22%;margin:6px 12px;background:radial-gradient(circle,#246c4b,#12452f 65%,#0d3525);box-shadow:inset 0 0 55px rgba(0,0,0,.45),0 15px 30px rgba(0,0,0,.3)}.okey-table-info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px}.okey-table-info>div{display:flex;flex-direction:column;align-items:center;gap:4px}.discard-zone small,.okey-table-info small{font-size:7px;color:#c3d8cc;font-weight:800;letter-spacing:.08em}.okey-joker b,.stock-button{width:47px;height:61px;border:0;border-radius:7px;background:#f5ecd6;color:#17211c;display:grid;place-items:center;font-size:25px;box-shadow:0 4px 8px rgba(0,0,0,.3)}.stock-button{cursor:pointer;font-size:16px}.stock-button b{font-size:10px}.discard-cross{position:absolute;inset:9px}.discard-zone{position:absolute;display:flex;align-items:center;gap:5px}.discard-0{bottom:0;left:50%;transform:translateX(-50%)}.discard-1{right:0;top:50%;transform:translateY(-50%)}.discard-2{top:0;left:50%;transform:translateX(-50%)}.discard-3{left:0;top:50%;transform:translateY(-50%)}.discard-zone .okey-tile{width:34px;height:45px}.discard-zone>span{color:#9ab4a5}.take-discard{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#163e2c;padding:7px 10px;font-size:9px}.stock-button:disabled,.take-discard:disabled{opacity:.35}.okey-rack-section{padding:5px 12px 16px;background:#111c17}.rack-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:5px}.rack-heading>div:first-child{display:flex;flex-direction:column}.rack-heading b{font-size:12px}.rack-heading small{font-size:8px;color:#879a90}.rack-tools{display:flex;gap:5px}.okey-actions button,.rack-tools button{border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#1a2a22;padding:6px 9px;font-size:8px;cursor:pointer}.rack-tools button.active{border-color:#fbbf24;color:#fbbf24}.okey-rack-scroll{overflow-x:auto;overflow-y:hidden;padding:3px 0 5px;scrollbar-color:#8c5b2f #24160c}.okey-rack{position:relative;width:100%;min-width:780px;height:144px;padding:7px 9px;display:grid;grid-template-columns:repeat(15,minmax(43px,1fr));grid-template-rows:repeat(2,61px);grid-gap:6px 3px;gap:6px 3px;border:6px solid #6e411e;border-radius:12px;background:linear-gradient(180deg,#8a582c 0,#6e421f 45%,#3d2413 47%,#9b6633 53%,#70431f);box-shadow:inset 0 2px 0 #bd8244,inset 0 -3px 7px rgba(30,13,4,.55),0 5px 12px rgba(0,0,0,.28)}.rack-slot{min-width:0;border-radius:4px;background:rgba(27,12,4,.24);display:grid;place-items:center;outline:none;transition:background .12s,box-shadow .12s}.rack-slot.can-place:empty{background:rgba(255,255,255,.045)}.rack-slot.drag-over,.rack-slot:focus-visible{background:rgba(251,191,36,.22);box-shadow:inset 0 0 0 2px #fbbf24}.okey-tile{position:relative;width:min(100%,49px);height:58px;padding:2px;border:2px solid #d8caa9;border-radius:5px;background:linear-gradient(145deg,#fffdf3,#e7ddc8);color:#111;box-shadow:0 3px 5px rgba(0,0,0,.3);cursor:-webkit-grab;cursor:grab;touch-action:manipulation}.okey-tile:active{cursor:-webkit-grabbing;cursor:grabbing}.okey-tile b{display:block;font-size:22px;line-height:24px}.okey-tile i{display:block;font-size:8px;font-style:normal}.okey-tile em{position:absolute;left:2px;right:2px;bottom:1px;color:#111;font-size:6px;font-style:normal;font-weight:900}.ink-kirmizi,.tile-kirmizi b{color:#dc2626}.ink-sari,.tile-sari b{color:#d18a00}.ink-siyah,.tile-siyah b{color:#111}.ink-mavi,.tile-mavi b{color:#2563eb}.okey-tile.selected{transform:translateY(-5px);border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.3)}.okey-tile.suggested{box-shadow:0 0 0 3px #34d399}.okey-tile.real-joker{background:linear-gradient(145deg,#fff7bd,#f0ce5b)}.okey-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:3px}.okey-actions button:disabled{opacity:.35}.okey-actions .discard-action{background:#7c2d12}.okey-actions .finish-action{background:#b77906;color:white;font-weight:900}.okey-error{position:fixed;left:50%;bottom:20px;z-index:20;transform:translateX(-50%);padding:9px 14px;border-radius:9px;background:#991b1b;font-size:10px}.okey-result{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:rgba(4,12,8,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.okey-result section{text-align:center;padding:35px 55px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:#14251c}.okey-result span{font-size:48px}.okey-result p{color:#9eb0a7}.okey-result .primary-button{margin-top:20px}@media(max-width:700px) and (orientation:portrait){.okey-topbar{height:54px}.okey-opponents{height:120px;grid-template-columns:1fr 1fr}.okey-opponents article:last-child{grid-column:1/-1}.okey-table{height:260px;min-height:260px;border-radius:30%/15%}.okey-table-info{gap:7px}.discard-zone small{display:none}.okey-rack{min-width:690px;height:126px;grid-template-columns:repeat(15,42px);grid-template-rows:repeat(2,52px);gap:4px 2px;padding:5px 7px}.okey-tile{height:50px;border-width:1px}.okey-tile b{font-size:17px}.rack-heading{align-items:center}.rack-heading>div:first-child{display:none}.rack-tools button{padding:6px 5px}.okey-actions{justify-content:stretch}.okey-actions button{flex:1 1;padding:8px 3px}.okey-seats{grid-template-columns:1fr 1fr}.okey-wait-card{margin-top:18px;padding:22px}}.quick-room-join{margin:18px 0 22px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(245,158,11,.28);border-radius:16px;background:linear-gradient(125deg,rgba(245,158,11,.13),rgba(245,158,11,.035));box-shadow:0 10px 28px rgba(0,0,0,.16)}.quick-room-join>div{display:flex;align-items:center;gap:11px}.quick-room-join>div:first-child>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f59e0b;color:#151b18;font-size:20px}.quick-room-join p{display:flex;flex-direction:column;margin:0}.quick-room-join b{font-size:12px}.quick-room-join small{margin-top:3px;color:#809487;font-size:8px}.quick-room-join input{width:120px;height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#0e1914;color:#fff;font-size:16px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.quick-room-join button{min-height:44px;padding:0 16px;border:0;border-radius:10px;background:#f59e0b;color:#171b18;font-size:10px;font-weight:900;cursor:pointer}.quick-room-join button:disabled{opacity:.45;cursor:not-allowed}.lobby-room-error{margin:-12px 0 16px;padding:10px 13px;border:1px solid rgba(248,113,113,.3);border-radius:10px;background:rgba(127,29,29,.25);color:#fecaca;font-size:10px}.game-room-page{min-height:100vh;padding:22px;background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--room-color) 24%,transparent),transparent 45%),#0b1411}.game-room-page>header{max-width:980px;margin:auto;display:flex;align-items:center;justify-content:space-between}.game-room-page>header a{min-height:44px;display:flex;align-items:center;color:#c7d5cc;font-size:11px}.game-room-page>header span{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#8da196;font-size:8px;letter-spacing:.12em}.game-room-card{max-width:820px;margin:8vh auto 0;padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:rgba(18,33,26,.88);box-shadow:0 24px 70px rgba(0,0,0,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.game-room-icon{width:72px;height:72px;margin:0 auto 15px;display:grid;place-items:center;border-radius:22px;background:color-mix(in srgb,var(--room-color) 28%,#17251e);font-size:35px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--room-color) 50%,transparent)}.game-room-icon-img{width:100%;height:100%;object-fit:contain;border-radius:22px}.game-room-card h1{margin:6px 0 8px;font-size:clamp(25px,4vw,38px)}.room-lead{max-width:560px;margin:0 auto;color:#91a59a;font-size:11px;line-height:1.65}.room-choice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:28px;text-align:left}.room-choice-grid article{position:relative;min-height:230px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#101e18}.room-choice-grid article>span{color:color-mix(in srgb,var(--room-color) 75%,white);font-size:9px;font-weight:900;letter-spacing:.14em}.room-choice-grid h2{margin:13px 0 7px;font-size:18px}.room-choice-grid p{min-height:42px;margin:0 0 20px;color:#81968a;font-size:9px;line-height:1.55}.room-choice-grid .primary-button{width:100%;min-height:48px;border:0;background:var(--room-color);color:white}.room-choice-grid form{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.room-choice-grid input{min-width:0;height:48px;padding:0 13px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#09120e;color:#fff;font-size:18px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.room-choice-grid form button{min-height:48px;padding:0 14px;border:0;border-radius:10px;background:#e7eee9;color:#152019;font-size:9px;font-weight:900}.room-choice-grid button:disabled{opacity:.42;cursor:not-allowed}.room-error{margin:15px 0 0;padding:10px;border-radius:10px;background:rgba(127,29,29,.35);color:#fecaca;font-size:10px}.room-meta{margin-top:20px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.room-meta span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.055);color:#90a49a;font-size:8px}@media(max-width:700px){.quick-room-join{align-items:stretch;flex-direction:column}.quick-room-join>div:last-child{display:grid;grid-template-columns:1fr auto}.quick-room-join input{width:100%}.game-room-page{padding:14px}.game-room-card{margin-top:3vh;padding:24px 16px}.room-choice-grid{grid-template-columns:1fr}.room-choice-grid article,.room-choice-grid p{min-height:0}.room-choice-grid form{grid-template-columns:1fr}.room-choice-grid form button{min-height:48px}}@media(prefers-reduced-motion:reduce){.game-room-page *,.quick-room-join *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.landscape-hint{display:none}@media(orientation:portrait) and (max-width:900px){.landscape-hint{position:fixed;z-index:99;left:50%;top:8px;transform:translateX(-50%);display:block;width:max-content;max-width:calc(100vw - 20px);padding:8px 12px;border:1px solid rgba(251,191,36,.35);border-radius:999px;background:rgba(15,23,32,.94);color:#fde68a;font-size:9px;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.3)}}.game-utilities{position:fixed;z-index:100;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:flex;align-items:stretch;gap:8px}.game-utilities button{border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px rgba(0,0,0,.38);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.room-code-badge{min-width:142px;padding:8px 13px;border-radius:14px;background:rgba(10,20,28,.94);display:grid;grid-template-columns:1fr auto;text-align:left}.room-code-badge small{grid-column:1/-1;color:#fbbf24;font-size:8px;font-weight:900;letter-spacing:.14em}.room-code-badge strong{font-size:20px;line-height:1.15;letter-spacing:.11em;color:#fff}.room-code-badge span{align-self:end;padding-bottom:2px;color:#9fb0bc;font-size:8px;white-space:nowrap}.fullscreen-button{min-width:104px;border-radius:14px;background:rgba(24,37,51,.95);font-size:10px;font-weight:900;padding:0 13px}@media(max-width:600px){.game-utilities{right:7px;bottom:7px}.room-code-badge{min-width:124px;padding:7px 10px}.room-code-badge strong{font-size:17px}.fullscreen-button{min-width:48px;width:48px;font-size:0}.fullscreen-button:first-letter{font-size:18px}}.bill-page{min-height:100vh;background:radial-gradient(circle at 50% 20%,rgba(22,163,74,.2),transparent 38%),#08150e;padding-bottom:80px}.bill-page>header{height:64px;display:flex;align-items:center;justify-content:space-between;max-width:760px;margin:auto;padding:0 18px}.bill-card{width:min(680px,calc(100% - 28px));margin:5vh auto;padding:34px;border:1px solid rgba(134,239,172,.2);border-radius:25px;background:#10251a;text-align:center}.bill-card>span{font-size:58px}.bill-card>p{color:#9db4a5}.bill-card .eyebrow{justify-content:center}.bill-players{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:9px;gap:9px;margin:25px 0}.bill-players article{display:flex;align-items:center;gap:10px;padding:13px;border-radius:13px;background:#0a1911;text-align:left}.bill-players article>span{font-size:27px}.bill-players article b{flex:1 1}.bill-players article small{color:#86a48f;font-size:8px}.bill-actions{display:flex;justify-content:center;gap:9px}.bill-actions button{margin:0;padding:13px;border:0;border-radius:11px;background:#1c3c29}.bill-result>small{display:block;color:#86efac;letter-spacing:.17em;font-weight:900}.bill-result h1{font-size:42px}.bill-result .primary-button{width:min(320px,100%);margin:20px auto 0}@media(max-width:520px){.bill-players{grid-template-columns:1fr}.bill-card{padding:25px 16px}}.mangala-page{min-height:100vh;background:radial-gradient(circle at 50% 15%,rgba(180,83,9,.18),transparent 32%),#100e0d;color:#fff}.mangala-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 1050px)/2));border-bottom:1px solid rgba(255,255,255,.09);background:rgba(20,16,14,.92)}.mangala-header>div{display:flex;flex-direction:column;text-align:center}.mangala-header small{font-size:9px;color:#a89588;margin-top:3px}.mangala-header>a,.mangala-header>button{border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#251d19;padding:9px 12px;font-size:10px}.mangala-wait{width:min(680px,calc(100% - 30px));margin:45px auto;text-align:center;padding:35px;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:#211914}.mangala-mark{display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:22px;background:linear-gradient(145deg,#b45309,#713609);font-size:40px}.mangala-wait .eyebrow{justify-content:center;margin-top:24px}.mangala-wait h1{font-size:34px;margin:10px}.mangala-wait>p:not(.eyebrow){color:#ad9c90}.mangala-seats{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:28px 0}.mangala-seats article{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#17120f;text-align:left}.mangala-seats article.ready{border-color:#f59e0b}.mangala-seats article>span{font-size:31px}.mangala-seats article>div{display:flex;flex-direction:column}.mangala-seats small{font-size:9px;color:#9d8b7e;margin-top:3px}.mangala-wait-actions{display:flex;justify-content:center;gap:8px}.mangala-wait-actions button{margin:0}.mangala-score{max-width:940px;margin:15px auto 6px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:18px;gap:18px;padding:0 16px}.mangala-score article{display:flex;align-items:center;gap:9px}.mangala-score article:last-child{justify-content:flex-end}.mangala-score article>span{font-size:29px}.mangala-score article>div{display:flex;flex-direction:column}.mangala-score b{font-size:11px}.mangala-score small{font-size:8px;color:#998b82}.mangala-score strong{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#30241d;color:#fbbf24;font-size:18px}.mangala-turn{padding:7px 11px;border-radius:999px;background:#b45309;color:#fff4e6;font-size:8px;font-weight:900;letter-spacing:.12em}.mangala-board-wrap{padding:20px 18px}.mangala-board{position:relative;max-width:1050px;min-height:390px;margin:auto;padding:28px;display:grid;grid-template-columns:110px 1fr 110px;grid-gap:18px;gap:18px;align-items:center;border:8px solid #5e3218;border-radius:80px;background:linear-gradient(145deg,#9b5a27,#6f381b 46%,#8b4b22);box-shadow:inset 0 0 40px rgba(35,15,4,.65),0 30px 70px rgba(0,0,0,.4)}.mangala-board:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,220,165,.18);border-radius:68px;pointer-events:none}.mangala-pits{display:flex;flex-direction:column;gap:22px}.mangala-row{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px}.mangala-pit,.mangala-treasure{position:relative;overflow:hidden;border:3px solid #542b15;background:radial-gradient(circle at 40% 35%,#4e2816,#2a150d 74%);box-shadow:inset 0 12px 22px rgba(0,0,0,.65),0 3px 1px rgba(255,210,145,.13)}.mangala-pit{aspect-ratio:1;border-radius:50%;color:white;cursor:pointer}.mangala-pit:not(:disabled):hover{border-color:#fbbf24;transform:translateY(-3px)}.mangala-pit:disabled{cursor:default}.mangala-pit b{position:absolute;right:8px;bottom:5px;z-index:3;display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:999px;background:#f3e1c5;color:#3b1f10;font-size:11px}.mangala-pit small{position:absolute;left:9px;bottom:8px;z-index:3;color:#c9a986;font-size:8px}.my-row .mangala-pit:not(:disabled){outline:2px solid rgba(251,191,36,.45);outline-offset:2px}.mangala-treasure{height:305px;border-radius:55px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mangala-treasure small{position:absolute;top:18px;font-size:8px;color:#c4a689}.mangala-treasure strong{position:relative;z-index:3;font-size:28px;color:#fff1d6}.mangala-stones{position:absolute;inset:13%;display:block}.mangala-stones i{--angle:calc(var(--stone-index) * 137deg);position:absolute;left:calc(50% + cos(var(--angle)) * 27%);top:calc(50% + sin(var(--angle)) * 27%);width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff6ce,#dca93f 40%,#875512 80%);box-shadow:0 2px 3px rgba(0,0,0,.45)}.mangala-status{text-align:center;color:#bba99c;font-size:10px;min-height:34px;padding:0 15px}.mangala-result,.mangala-rules{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:18px;background:rgba(8,6,5,.84);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mangala-result section,.mangala-rules section{position:relative;width:min(500px,100%);padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#241a14}.rules-close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:26px}.mangala-rules h2{font-size:27px}.mangala-rules ol{padding-left:20px;color:#c4b2a5;font-size:12px;line-height:1.65}.mangala-rules li+li{margin-top:7px}.mangala-result{text-align:center}.mangala-result section>span{font-size:50px}.mangala-result h1{font-size:33px}.mangala-result p{font-size:22px;color:#fbbf24}.mangala-result .primary-button{margin-top:20px}@media(max-width:760px){.mangala-board-wrap{padding:12px 8px;overflow-x:auto}.mangala-board{min-width:680px;min-height:300px;grid-template-columns:75px 1fr 75px;padding:18px;gap:10px;border-radius:52px}.mangala-treasure{height:230px}.mangala-row{gap:7px}.mangala-pits{gap:13px}.mangala-stones i{width:12px;height:12px}.mangala-score{gap:7px}.mangala-score article>div{display:none}.mangala-turn{font-size:7px}.mangala-wait{margin-top:20px;padding:24px}.mangala-wait h1{font-size:27px}}@media(max-width:480px){.mangala-seats{grid-template-columns:1fr}.mangala-board{min-width:620px}.mangala-wait-actions{flex-direction:column}.mangala-wait-actions button{width:100%}}.mangala-page:has(.mangala-board),.okey-game{height:100dvh;overflow:hidden;overscroll-behavior:none}.mangala-board-wrap,.okey-rack-scroll{overscroll-behavior:contain;touch-action:manipulation}@media(max-height:600px) and (orientation:landscape){.mangala-header{height:48px}.mangala-score{margin:4px auto}.mangala-board-wrap{height:calc(100dvh - 118px);padding:4px 8px;overflow:auto}.mangala-board{min-height:250px;height:100%;padding:14px}.mangala-treasure{height:calc(100% - 12px)}.mangala-status{display:none}}.sudoku-page{min-height:100vh;background:#0b1220}.sudoku-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(15px,calc((100vw - 900px)/2));border-bottom:1px solid var(--line)}.sudoku-header>div{display:flex;flex-direction:column;text-align:center}.sudoku-header small{font-size:9px;color:#8298ad}.sudoku-header select,.sudoku-header>a{border:1px solid var(--line);border-radius:9px;background:#17263a;color:white;padding:9px}.sudoku-layout{max-width:900px;margin:35px auto;display:grid;grid-template-columns:minmax(360px,590px) 220px;grid-gap:30px;gap:30px;padding:0 16px}.sudoku-board{aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);border:3px solid #93c5fd;background:#1e3a5f}.sudoku-board>button{position:relative;min-width:0;border:0;border-right:1px solid #355678;border-bottom:1px solid #355678;background:#101d30;color:#93c5fd;font-size:22px;font-weight:600}.sudoku-board>button:nth-child(3n){border-right:2px solid #93c5fd}.sudoku-board>button:nth-child(n+19):nth-child(-n+27),.sudoku-board>button:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #93c5fd}.sudoku-board button.fixed{background:#172940;color:#fff;font-weight:900}.sudoku-board button.related{background:#142b49}.sudoku-board button.selected{background:#1d4ed8}.sudoku-board button.wrong{color:#fda4af;background:#4c1d2a}.sudoku-notes{position:absolute;inset:2px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr)}.sudoku-notes i{font-size:8px;font-style:normal}.sudoku-tools{display:flex;flex-direction:column;gap:14px}.sudoku-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sudoku-stats span{padding:12px;border-radius:11px;background:#142237}.sudoku-stats b{display:block;font-size:20px}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.number-pad button{aspect-ratio:1;border:1px solid #29415c;border-radius:10px;background:#15263a;color:#93c5fd;font-size:22px}.sudoku-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.sudoku-actions button{min-height:46px;border:1px solid #29415c;border-radius:9px;background:#14263a}.sudoku-actions button.active{background:#1d4ed8}.sudoku-result{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:rgba(4,10,20,.85)}.sudoku-result section{text-align:center;padding:38px;border-radius:22px;background:#13233b}@media(max-width:700px){.sudoku-layout{grid-template-columns:1fr;margin-top:18px}.sudoku-board>button{font-size:18px}.sudoku-tools{flex-direction:row;flex-wrap:wrap}.sudoku-actions,.sudoku-stats{width:100%}.number-pad{flex:1 1;grid-template-columns:repeat(9,1fr)}.number-pad button{font-size:16px}.sudoku-actions{grid-template-columns:repeat(4,1fr)}}.battle-page{min-height:100vh;background:radial-gradient(circle at 50% 20%,rgba(14,116,144,.18),transparent 35%),#07131c;color:#eaf7ff}.battle-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 1080px)/2));background:#0a1a25;border-bottom:1px solid rgba(125,211,252,.12)}.battle-header>div{display:flex;flex-direction:column;text-align:center}.battle-header small{font-size:9px;color:#7fa4b8}.battle-header>a{padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#102634;font-size:10px}.battle-wait{width:min(650px,calc(100% - 30px));margin:45px auto;padding:35px;text-align:center;border:1px solid rgba(125,211,252,.14);border-radius:24px;background:#0d2130}.battle-wait>span{font-size:58px}.battle-wait .eyebrow{justify-content:center}.battle-wait>p{color:#87a7b9}.battle-seats{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:25px 0}.battle-seats article{display:flex;flex-direction:column;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#091923}.battle-seats article.ready{border-color:#38bdf8}.battle-seats article>span{font-size:29px}.battle-seats small{font-size:9px;color:#7896a7}.battle-actions{display:flex;justify-content:center;gap:8px}.battle-actions button{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#123044;padding:11px 15px}.placement-layout{max-width:980px;margin:28px auto;display:grid;grid-template-columns:230px 1fr;grid-gap:28px;gap:28px;padding:0 18px}.fleet-panel{padding:18px;border:1px solid rgba(125,211,252,.13);border-radius:18px;background:#0c202e}.fleet-panel article{display:grid;grid-template-columns:1fr auto;margin:7px 0;padding:9px;border-radius:9px;background:#102b3b}.fleet-panel article span{grid-column:1/-1;color:#38bdf8;letter-spacing:3px}.fleet-panel article b{font-size:10px}.fleet-panel article small{font-size:8px}.fleet-panel article.placed{opacity:.35}.fleet-panel>button{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#113247;padding:10px;font-size:10px}.fleet-panel .auto-place{background:#0369a1}.battle-grid{width:min(76vw,590px);aspect-ratio:1;display:grid;grid-template-columns:25px repeat(10,1fr);grid-template-rows:25px repeat(10,1fr);grid-gap:2px;gap:2px;padding:7px;border:1px solid #1c526d;border-radius:12px;background:#06131b}.battle-grid>b,.battle-row>b{display:grid;place-items:center;color:#6c92a6;font-size:8px}.battle-row{display:contents}.battle-grid button{border:1px solid rgba(125,211,252,.15);border-radius:3px;background:#0b3a54;color:white;font-weight:900}.battle-grid button:not(:disabled):hover{background:#0ea5e9;cursor:crosshair}.battle-grid .sea-ship{background:#475569}.battle-grid .sea-hit{background:#b91c1c}.battle-grid .sea-miss{background:#164e63;color:#7dd3fc}.ready-fleet{width:100%;margin-top:12px}.fleet-ready{text-align:center;color:#4ade80}.battle-status{display:flex;justify-content:center;gap:12px;padding:14px}.battle-status b{padding:7px 11px;border-radius:999px;background:#0284c7;font-size:9px}.battle-status span{color:#fbbf24}.battle-boards{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;padding:0 18px 35px}.battle-boards h2{text-align:center;font-size:14px}.battle-boards .battle-grid{width:100%}.fleet-health{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.fleet-health span{padding:5px;border-radius:6px;background:#102b3b;color:#7dd3fc;font-size:7px}.fleet-health span.sunk{text-decoration:line-through;background:#401b22;color:#fda4af}.battle-error{position:fixed;left:50%;bottom:20px;z-index:30;transform:translateX(-50%);padding:9px 13px;border-radius:9px;background:#991b1b}.battle-result{position:fixed;z-index:40;inset:0;display:grid;place-items:center;background:rgba(2,9,14,.86)}.battle-result section{text-align:center;padding:38px 55px;border-radius:22px;background:#0d2432}.battle-result span{font-size:52px}.battle-result .primary-button{margin-top:20px}@media(max-width:760px){.placement-layout{grid-template-columns:1fr}.fleet-panel{order:2}.battle-grid{width:min(96vw,590px);margin:auto}.battle-boards{grid-template-columns:1fr}.battle-boards article:last-child{order:-1}.battle-seats{grid-template-columns:1fr}.battle-actions{flex-direction:column}}.fleet-panel article.selected-fleet{border:1px solid #38bdf8;background:rgba(56,189,248,.15)}.rotate-btn{margin-top:8px;width:100%;padding:10px;background:#38bdf8!important;color:#07131c!important;font-weight:900;border-radius:9px;border:none;cursor:pointer;transition:transform .1s}.rotate-btn:active{transform:scale(.98)}.radar-grid{position:relative;background:radial-gradient(circle at center,#06402b 0,#031c13 100%)!important;border:2px solid #10b981!important;box-shadow:inset 0 0 40px rgba(16,185,129,.2),0 0 15px rgba(16,185,129,.4)}.radar-grid:before{content:"";position:absolute;top:25px;left:25px;right:0;bottom:0;background-image:linear-gradient(rgba(16,185,129,.15) 1px,transparent 0),linear-gradient(90deg,rgba(16,185,129,.15) 1px,transparent 0);background-size:calc(100% / 10) calc(100% / 10);pointer-events:none}.battle-row>b,.radar-grid>b{color:#10b981!important}.game-art-icon{display:block;width:82px!important;height:82px;object-fit:contain;margin:0 auto 10px;border-radius:18px}.header-game-icon{width:36px;height:36px;object-fit:contain;border-radius:9px}.fleet-help{margin:0 0 12px;color:#b9d9e8;font-size:10px;line-height:1.55}.fleet-help b{color:#fbbf24}.fleet-panel .fleet-ship{display:grid;grid-template-columns:1fr auto;width:100%;margin:7px 0;padding:11px;border:1px solid rgba(125,211,252,.12);border-radius:10px;background:#102b3b;color:#eaf7ff;text-align:left}.fleet-panel .fleet-ship span{grid-column:1/-1;color:#38bdf8;letter-spacing:3px}.fleet-panel .fleet-ship small{font-size:8px;color:#9fc4d5}.fleet-panel .fleet-ship.selected-fleet{border-color:#fbbf24;background:rgba(251,191,36,.13);box-shadow:0 0 0 2px rgba(251,191,36,.12)}.fleet-panel .fleet-ship.placed{opacity:.42}.battle-grid.radar-grid{background:linear-gradient(145deg,#08283b,#051822)!important;border-color:#26718f!important;box-shadow:inset 0 0 35px rgba(14,165,233,.13),0 12px 30px rgba(0,0,0,.28)}.battle-grid.radar-grid:before{background-image:linear-gradient(rgba(125,211,252,.08) 1px,transparent 0),linear-gradient(90deg,rgba(125,211,252,.08) 1px,transparent 0);box-shadow:none}.battle-grid.radar-grid .battle-row>b,.battle-grid.radar-grid>b{color:#7dd3fc!important}.battle-grid button:disabled{cursor:not-allowed;opacity:.72}.battle-grid.own button:disabled{cursor:default;opacity:1}.battle-grid .hover-valid{background:#0ea5e9!important;box-shadow:inset 0 0 0 2px #bae6fd}.battle-grid .hover-invalid{background:#7f1d1d!important;box-shadow:inset 0 0 0 2px #fca5a5}@media(max-width:760px){.placement-layout{gap:12px;padding:0 8px;margin:12px auto}.placement-layout .fleet-panel{order:0;padding:12px}.fleet-help{font-size:9px}.fleet-panel .fleet-ship{display:inline-grid;width:calc(50% - 5px);margin:4px 2px;min-height:62px}.battle-grid{width:min(98vw,590px);gap:1px;padding:4px;grid-template-columns:20px repeat(10,1fr);grid-template-rows:20px repeat(10,1fr)}.battle-grid button{min-width:0;min-height:0;padding:0}.battle-header{height:56px;padding:0 8px}.battle-boards{gap:12px;padding:0 6px 24px}.battle-status{padding:8px}.battle-page{overflow-x:hidden}.fleet-panel>button{min-height:44px}}.radar-cell{position:relative;border:1px solid rgba(16,185,129,.2)!important;background:transparent!important;overflow:hidden;padding:0}.radar-cell.hover-valid{background:rgba(16,185,129,.4)!important;box-shadow:inset 0 0 10px #10b981}.radar-cell.hover-invalid{background:rgba(239,68,68,.4)!important;box-shadow:inset 0 0 10px #ef4444}.hull{background:linear-gradient(135deg,#94a3b8,#475569);border-radius:3px;box-shadow:inset 0 0 5px rgba(0,0,0,.5)}.explosion,.hull{width:100%;height:100%}.explosion{background:radial-gradient(circle,#facc15 0,#ef4444 40%,#7f1d1d 80%);border-radius:2px;animation:radar-pulse 1s infinite alternate}.splash{width:100%;height:100%;background:radial-gradient(circle,#bae6fd 0,#0284c7 50%,transparent 70%);border-radius:50%;transform:scale(.6);opacity:.8}@keyframes radar-pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.1);opacity:1}}@keyframes bill-pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.ka-day,.ka-night,.ka-page{min-height:100vh;display:flex;flex-direction:column}.ka-night{background:#000;color:#fff;text-align:center;justify-content:center;align-items:center}.ka-night-sky{max-width:600px;padding:2rem}.ka-night-sky h1{font-size:2rem;color:#fbbf24;margin-bottom:1rem}.ka-targets{display:grid;grid-gap:1rem;gap:1rem;margin-top:2rem}.ka-targets button{background:#1f2937;color:white;border:2px solid #374151;padding:1rem;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .2s}.ka-targets button:hover{border-color:#fbbf24}.ka-reveal-box{margin-top:2rem;padding:1.5rem;background:rgba(255,255,255,.1);border-radius:8px;border:1px solid #fbbf24;font-size:1.25rem;font-weight:700}.ka-day{background:#f0fdfa}.ka-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb}.ka-game,.ka-wait{flex:1 1;padding:2rem 1rem;max-width:600px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1.5rem}.ka-mark{font-size:4rem;text-align:center;display:block;margin-bottom:-1rem}.ka-players{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.ka-players span{background:#f3f4f6;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.ka-players span.me{background:#be123c;color:white}.ka-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.ka-banner{background:#111827;color:white;padding:2rem;text-align:center;border-radius:12px}.ka-banner-safe{background:#059669}.ka-banner h1{font-size:1.5rem;margin-bottom:.5rem;color:#fbbf24}.ka-day-players{display:grid;grid-gap:1rem;gap:1rem}.ka-day-player{background:white;padding:1rem;border-radius:12px;display:flex;align-items:center;gap:1rem;border:2px solid #e5e7eb}.ka-day-player .avatar{font-size:2rem}.ka-day-player b{flex:1 1;font-size:1.1rem}.ka-day-player.dead{opacity:.6;background:#f3f4f6}.ka-day-player.voted-target{border-color:#be123c;background:#fff1f2}.ka-day-player button{background:#be123c;color:white;padding:.5rem 1rem;border-radius:6px;border:none;font-weight:700;cursor:pointer}.dead-tag{color:#be123c;font-weight:700}.ka-my-role{background:#fff;padding:1rem;border-radius:8px;text-align:center;font-size:1.25rem;font-weight:700;border:2px dashed #cbd5e1;margin-top:auto}.ka-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:1rem;gap:1rem}.ka-role-card{background:white;padding:1.5rem 1rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.ka-role-card span{font-size:3rem;display:block;margin-bottom:.5rem}.ka-role-card b{display:block;font-size:1.1rem}.ka-role-card small{color:#64748b;font-weight:700;text-transform:uppercase;font-size:.8rem}.ka-result-hero{text-align:center;padding:3rem 1rem}.ka-result-hero span{font-size:5rem;display:block;margin-bottom:1rem}.ka-result-hero h1{font-size:2.5rem;color:#be123c}.okey-lobby-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;width:100%;margin:22px 0}.empty-seat-card,.lobby-seat-card,.occupied-seat-card{position:relative;min-height:132px}.lobby-seat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 10px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(8,18,15,.72);color:#f8fafc;text-align:center}.empty-seat-card,.lobby-seat-card.empty{border:2px dashed rgba(255,255,255,.26)!important;background:rgba(255,255,255,.035)!important}.lobby-seat-avatar{font-size:32px;line-height:1}.empty-seat-card small,.lobby-seat-card small{color:#9fb3a7;line-height:1.35}.seat-kick-button{margin-top:7px;padding:6px 9px;border:1px solid rgba(248,113,113,.45);border-radius:9px;background:rgba(127,29,29,.22);color:#fecaca;font-size:10px;font-weight:800;cursor:pointer}.seat-kick-button:hover{background:rgba(185,28,28,.42)}@media (max-width:700px){.okey-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-seat-card,.lobby-seat-card,.occupied-seat-card{min-height:118px}}.mole-page{min-height:100vh;background:radial-gradient(circle at 50% 15%,rgba(124,58,237,.2),transparent 34%),#0d0b18;color:#f5f3ff}.mole-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 760px)/2));border-bottom:1px solid rgba(196,181,253,.12);background:rgba(18,14,34,.94)}.mole-header>div{display:flex;flex-direction:column;text-align:center}.mole-header small{font-size:9px;color:#a69abf}.mole-header>a{padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#211a38;font-size:10px}.mole-game,.mole-wait{width:min(720px,calc(100% - 30px));margin:32px auto;padding:28px;border:1px solid rgba(196,181,253,.14);border-radius:24px;background:rgba(29,23,49,.92)}.mole-wait{text-align:center}.mole-mark{display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:50%;background:#7c3aed;font-size:40px;font-weight:900}.mole-wait .eyebrow{justify-content:center;margin-top:22px}.mole-wait h1{font-size:32px;margin:9px}.mole-wait>p:not(.eyebrow){color:#aaa0bb;line-height:1.55}.mole-lobby-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:24px 0}.mole-lobby-list article,.mole-roster article{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#151126;text-align:left}.mole-lobby-list article>span,.mole-roster article>span{font-size:25px}.mole-lobby-list b,.mole-roster b{font-size:11px;flex:1 1}.mole-lobby-list small,.mole-roster small{font-size:8px;color:#9d91b1}.mole-actions{display:flex;justify-content:center;gap:8px}.mole-actions button{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#2b2148;padding:12px 16px}.mole-word{width:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #8b5cf6;border-radius:19px;background:#171129;color:#c4b5fd;cursor:pointer}.mole-word small{font-size:9px;letter-spacing:.15em}.mole-word strong{margin:10px 0;font-size:30px;color:white}.mole-word span{font-size:9px;color:#8f82a7}.mole-word.revealed{border-style:solid;background:linear-gradient(145deg,#6d28d9,#4c1d95)}.mole-roster{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px;margin:18px 0}.mole-roster article{flex-wrap:wrap}.mole-roster article small{width:100%;padding-left:34px}.mole-roster article.speaking{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.12)}.mole-roster article.eliminated{opacity:.45;filter:grayscale(1)}.mole-phase{display:grid;grid-template-columns:70px 1fr auto;grid-gap:15px;gap:15px;align-items:center;padding:17px;border-radius:16px;background:#151126}.mole-timer{display:grid;place-items:center;width:64px;height:64px;border:4px solid #7c3aed;border-radius:50%;font-size:23px;font-weight:900}.mole-phase p{display:flex;flex-direction:column;margin:0}.mole-phase p small{margin-top:5px;color:#a89dbb;font-size:9px}.mole-phase .primary-button{margin:0}.mole-vote{text-align:center;padding:12px}.mole-vote .eyebrow{justify-content:center}.mole-vote h2{font-size:27px}.mole-vote>div{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.mole-vote button{min-height:52px;border:1px solid rgba(196,181,253,.18);border-radius:11px;background:#241b3d}.mole-spectator{text-align:center;color:#a78bfa}.mole-result{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:rgba(8,5,16,.88)}.mole-result section{text-align:center;padding:42px;border:1px solid rgba(196,181,253,.2);border-radius:23px;background:#201637}.mole-result section>span{font-size:54px}.mole-result .primary-button{margin-top:20px}@media(max-width:620px){.mole-game,.mole-wait{margin:16px auto;padding:18px}.mole-lobby-list,.mole-roster{grid-template-columns:1fr 1fr}.mole-phase{grid-template-columns:62px 1fr}.mole-phase .primary-button{grid-column:1/-1}.mole-word{min-height:125px}.mole-word strong{font-size:26px}}.draw-page{min-height:100vh;background:radial-gradient(circle at 50% 10%,rgba(219,39,119,.16),transparent 32%),#100c16;color:#fff}.draw-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(15px,calc((100vw - 1120px) / 2));border-bottom:1px solid rgba(255,255,255,.09);background:#17101d}.draw-header>div{display:flex;flex-direction:column;text-align:center}.draw-header small{color:#a78fa8;font-size:9px}.draw-header>a{padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#27192b;font-size:10px}.draw-wait,.word-choice{width:min(700px,calc(100% - 30px));margin:40px auto;padding:32px;text-align:center;border:1px solid rgba(244,114,182,.15);border-radius:24px;background:#211526}.draw-wait>span,.word-choice>span{font-size:56px}.draw-wait .eyebrow,.word-choice .eyebrow{justify-content:center}.draw-wait>p:not(.eyebrow){color:#b49eae}.draw-seats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:24px 0}.draw-seats article{display:flex;align-items:center;gap:8px;padding:11px;border-radius:11px;background:#160f1a}.draw-seats article>span{font-size:25px}.draw-seats b{font-size:11px;flex:1 1}.draw-seats small{font-size:8px;color:#c084a4}.draw-lobby-actions{display:flex;justify-content:center;gap:8px}.draw-lobby-actions button{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#38213c;padding:12px 16px}.word-choice h1{font-size:31px}.word-choice>div{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:25px}.word-choice button{min-height:70px;border:1px solid #f472b6;border-radius:13px;background:#351b34;font-size:17px;font-weight:800}.choice-loader{width:48px!important;height:48px;margin:28px auto!important;border:5px solid #4b2948;border-top-color:#f472b6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.draw-status{max-width:1120px;margin:13px auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px}.draw-status>div{display:flex;align-items:center;gap:8px}.draw-status>div>span{font-size:28px}.draw-status p{display:flex;flex-direction:column;margin:0}.draw-status small{font-size:8px;color:#aa91a9}.draw-status strong{letter-spacing:.15em;color:#f9a8d4}.draw-status em{justify-self:end;display:grid;place-items:center;width:46px;height:46px;border:3px solid #db2777;border-radius:50%;font-style:normal;font-weight:900}.draw-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-gap:14px;gap:14px;padding:0 15px 30px}.canvas-column{min-width:0}.canvas-viewport{width:100%;overflow:auto;border-radius:15px;background:#140e18;overscroll-behavior:contain}.canvas-column canvas{display:block;width:100%;aspect-ratio:3/2;background:#fff;border:7px solid #39263b;border-radius:15px;touch-action:none;box-shadow:0 18px 50px rgba(0,0,0,.35)}.canvas-zoom{display:flex;align-items:center;gap:6px;padding:7px 9px;background:#241729}.canvas-zoom button{min-width:42px;min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#3b2640;color:#fff;font-weight:800}.canvas-zoom span{min-width:50px;text-align:center;font-size:11px;font-weight:900}.canvas-zoom small{margin-left:auto;color:#c995b4;font-size:9px}.canvas-column canvas.can-draw{cursor:crosshair}.draw-tools{padding:9px;border-radius:0 0 14px 14px;background:#241729}.scrollable-x{display:flex;overflow-x:auto;gap:5px;padding-bottom:5px;scrollbar-width:none}.scrollable-x::-webkit-scrollbar{display:none}.color-palette{display:flex;gap:6px;padding-bottom:8px}.color-palette button{flex:0 0 32px;height:32px;border:2px solid transparent;border-radius:50%}.color-palette button.active{border-color:#fff;transform:scale(1.15)}.tool-actions{display:flex;gap:5px;margin-top:8px}.tool-actions button{flex:0 0 auto;white-space:nowrap;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#37233b;padding:12px 14px;font-size:11px;font-weight:700}.draw-tools button.active{outline:2px solid #f472b6;background:#4b2948}.guess-panel{display:flex;flex-direction:column;min-height:480px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#1e1423}.guess-panel h2{margin:0 0 12px;font-size:14px}.guess-feed{flex:1 1;overflow-y:auto}.guess-feed p{display:flex;flex-direction:column;margin:5px 0;padding:7px;border-radius:8px;background:#291a2d}.guess-feed b{font-size:8px;color:#c995b4}.guess-feed span{font-size:11px}.guess-feed p.correct{background:rgba(34,197,94,.14);color:#86efac}.guess-form{display:flex;gap:5px;margin-top:auto}.guess-form input{min-width:0;flex:1 1;border:1px solid #54334f;border-radius:8px;background:#140e18;color:white;padding:9px}.guess-form button{border:0;border-radius:8px;background:#db2777;padding:8px 12px;font-weight:700}.guessed-ok{text-align:center;color:#4ade80;font-weight:800;font-size:16px;padding:10px;background:rgba(74,222,128,.15);border-radius:12px}.draw-success:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.2),transparent 60%);animation:flash 1s ease-out forwards}@keyframes flash{0%{opacity:0;transform:scale(.9)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.report-drawing{margin:8px 0;border:0;background:none;color:#9e8197;font-size:8px}.score-list{display:grid;grid-gap:3px;gap:3px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08)}.score-list span{display:flex;justify-content:space-between;font-size:8px}.draw-round-result{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:rgba(10,6,12,.8)}.draw-round-result section{text-align:center;padding:42px 60px;border:1px solid rgba(244,114,182,.2);border-radius:22px;background:#26162a}.draw-round-result h1{font-size:34px;color:#f9a8d4}.draw-round-result section>span{font-size:52px}.draw-error{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:9px 13px;border-radius:9px;background:#9f1239}@media (max-width:760px){.draw-layout{grid-template-columns:1fr;display:flex;flex-direction:column;min-height:calc(100dvh - 140px);height:auto;gap:8px}.draw-layout.is-drawer .canvas-column{order:0}.draw-layout.is-drawer .guess-panel{order:1;max-height:170px}.canvas-column{flex-shrink:0}.canvas-viewport{max-height:min(62dvh,560px)}.canvas-column canvas{border-width:4px;border-radius:10px;min-width:100%}.canvas-zoom{position:-webkit-sticky;position:sticky;bottom:0;z-index:6}.canvas-zoom small{display:none}.draw-tools{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;padding-bottom:max(9px,env(safe-area-inset-bottom))}.color-palette button{flex-basis:40px;height:40px}.tool-actions button{min-height:44px}.guess-panel{min-height:0;flex:1 1;display:flex;flex-direction:column}.guess-feed{flex:1 1;min-height:0;overflow-y:auto}.guess-form{position:-webkit-sticky;position:sticky;bottom:0;padding-top:6px;background:#1e1423}.guess-form button,.guess-form input{min-height:46px}.draw-header{height:54px}.draw-status{grid-template-columns:1fr auto}.draw-status strong{grid-column:1/-1;grid-row:2;text-align:center;margin-top:8px}.draw-status em{grid-column:2;grid-row:1}.draw-seats{grid-template-columns:1fr 1fr}.word-choice>div{grid-template-columns:1fr}.draw-wait{margin-top:18px;padding:20px}}@media (max-width:430px){.draw-layout{padding:0 8px 20px}.draw-status{padding:0 10px}.tool-actions button{padding:10px 12px}.draw-seats{grid-template-columns:1fr}}.draw-layout.is-guesser .canvas-column{position:-webkit-sticky;position:sticky;top:var(--ms-safe-top);z-index:3;background:inherit}.draw-layout.is-drawer .canvas-viewport{touch-action:none;overscroll-behavior:contain}.canvas-viewport canvas{touch-action:none}.draw-status strong.is-secret-word{letter-spacing:.12em;color:var(--ms-accent-strong)}.dc-page{min-height:100vh;background:radial-gradient(circle at 50% 12%,rgba(225,29,72,.22),transparent 36%),#140a10;color:#fdf2f6}.dc-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 760px)/2));border-bottom:1px solid rgba(251,113,133,.14);background:rgba(28,12,20,.94);position:-webkit-sticky;position:sticky;top:0;z-index:20}.dc-header>div{display:flex;flex-direction:column;text-align:center}.dc-header small{font-size:9px;color:#e6a6b6}.dc-header>a{padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#2c1420;font-size:10px;color:#fdf2f6;text-decoration:none;min-height:36px;display:flex;align-items:center}.dc-header>span{font-size:22px}.dc-game,.dc-wait{width:min(720px,calc(100% - 30px));margin:28px auto;padding:26px;border:1px solid rgba(251,113,133,.16);border-radius:24px;background:rgba(40,18,29,.92)}.dc-wait{text-align:center}.dc-mark{display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:50%;background:linear-gradient(150deg,#e11d48,#9f1239);font-size:38px}.dc-wait .eyebrow{justify-content:center;margin-top:20px}.dc-wait h1{font-size:30px;margin:8px 0}.dc-wait>p:not(.eyebrow){color:#e3b3c0;line-height:1.55}.dc-code{display:flex;align-items:center;gap:12px;justify-content:center;width:100%;margin:20px 0;padding:14px 18px;border:1px dashed #fb7185;border-radius:16px;background:#1f0e17;color:#fecdd3;cursor:pointer;min-height:56px}.dc-code small{font-size:9px;letter-spacing:.16em;color:#e19aab}.dc-code strong{font-size:26px;letter-spacing:.34em;color:#fff;font-weight:800}.dc-code span{margin-left:auto;font-size:10px;padding:7px 11px;border-radius:9px;background:#e11d48;color:#fff;min-height:32px;display:flex;align-items:center}.dc-lobby-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:22px 0}.dc-lobby-list article{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#1c0d15;text-align:left;flex-wrap:wrap}.dc-lobby-list article>span{font-size:24px}.dc-lobby-list b{font-size:11px;flex:1 1}.dc-lobby-list small{font-size:8px;color:#c99aa8;width:100%;padding-left:33px}.dc-lobby-list .dc-seat-empty{opacity:.4;border-style:dashed}.dc-level{margin:6px 0 4px}.dc-level .eyebrow,.dc-level-toggle{justify-content:center}.dc-level-toggle{display:flex;gap:8px;margin:10px 0 6px}.dc-level-toggle button{flex:1 1;max-width:180px;min-height:48px;border:1px solid rgba(251,113,133,.2);border-radius:12px;background:#241019;color:#f6d5de;font-size:13px}.dc-level-toggle button.active{background:linear-gradient(150deg,#e11d48,#be123c);border-color:#fb7185;color:#fff;font-weight:700}.dc-level-hint,.dc-level-view{font-size:11px;color:#cf9dab}.dc-level-view{margin:10px 0}.dc-actions{display:flex;justify-content:center;gap:8px;margin-top:18px;flex-wrap:wrap}.dc-actions button{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#33162200;background:#331622;padding:13px 18px;color:#fdf2f6;min-height:48px;font-size:14px}.dc-actions .primary-button{margin:0}.dc-pair{justify-content:center;gap:14px;padding:16px;margin-bottom:16px;border-radius:16px;background:#1d0d15}.dc-pair,.dc-pair-person{display:flex;align-items:center}.dc-pair-person{flex-direction:column;gap:3px;min-width:90px}.dc-pair-person>span{font-size:34px}.dc-pair-person b{font-size:14px}.dc-pair-person small{font-size:8px;letter-spacing:.12em;color:#e19aab}.dc-pair-arrow{font-size:28px;color:#fb7185}.dc-prompt{text-align:center;font-size:16px;font-weight:700;margin:6px 0 12px}.dc-waiting-line{text-align:center;color:#f3b6c4;font-weight:600;line-height:1.5}.dc-waiting-line span{display:block;color:#c99aa8;font-weight:400;font-size:12px;margin-top:3px}.dc-choice-buttons,.dc-resolve-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.dc-choice-buttons button{display:flex;flex-direction:column;gap:5px;align-items:center;padding:22px 12px;border-radius:18px;border:1px solid transparent;font-size:26px;min-height:120px;color:#fff}.dc-choice-buttons b{font-size:17px}.dc-choice-buttons small{font-size:10px;opacity:.85;font-weight:400;text-align:center}.dc-truth{background:linear-gradient(155deg,#0ea5e9,#0369a1)}.dc-dare{background:linear-gradient(155deg,#f43f5e,#9f1239)}.dc-card-area{gap:16px}.dc-card,.dc-card-area{display:flex;flex-direction:column}.dc-card{padding:28px 22px;border-radius:20px;min-height:170px;justify-content:center;gap:14px;border:1px solid rgba(255,255,255,.14)}.dc-card.truth{background:linear-gradient(160deg,#0c4a6e,#082f49)}.dc-card.dare{background:linear-gradient(160deg,#9f1239,#4c0519)}.dc-card small{font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.75)}.dc-card strong{font-size:22px;line-height:1.4;font-weight:700}.dc-resolve-buttons button{min-height:56px;border-radius:13px;border:1px solid rgba(255,255,255,.14);font-size:15px;font-weight:700;color:#fff}.dc-done{background:linear-gradient(150deg,#16a34a,#166534)}.dc-pass{background:linear-gradient(150deg,#a16207,#713f12)}.dc-roster{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px;margin-top:18px}.dc-roster article{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#1c0d15;flex-wrap:wrap}.dc-roster article>span{font-size:22px}.dc-roster b{font-size:11px;flex:1 1}.dc-roster small{font-size:9px;color:#c99aa8;width:100%;padding-left:30px}.dc-roster article.active{border-color:#fb7185;box-shadow:0 0 0 2px rgba(251,113,133,.16)}.dc-result-hero{text-align:center;margin-bottom:20px}.dc-result-hero span{font-size:52px}.dc-result-hero h1{font-size:28px;margin:6px 0}.dc-result-hero p{color:#e3b3c0}.dc-stats{border:1px solid rgba(251,113,133,.16);border-radius:14px;overflow:hidden;margin-bottom:20px}.dc-stats-head,.dc-stats-row{display:grid;grid-template-columns:1fr 44px 44px 44px 46px;align-items:center;padding:10px 12px;font-size:12px}.dc-stats-head{background:#2c1420;color:#e19aab;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.dc-stats-head span:not(:first-child),.dc-stats-row span:not(.dc-stats-name){text-align:center}.dc-stats-row{border-top:1px solid rgba(255,255,255,.06)}.dc-stats-row.me{background:rgba(225,29,72,.12)}.dc-stats-name{display:flex;align-items:center;gap:6px;font-weight:600}@media(max-width:620px){.dc-game,.dc-wait{margin:16px auto;padding:18px}.dc-lobby-list,.dc-roster{grid-template-columns:1fr 1fr}.dc-code strong{font-size:22px;letter-spacing:.28em}.dc-card strong{font-size:19px}.dc-choice-buttons button{min-height:104px;font-size:22px}.dc-pair-person{min-width:72px}}.tb-page{min-height:100vh;background:radial-gradient(circle at 50% 12%,rgba(8,145,178,.22),transparent 38%),#07141a;color:#ecfeff}.tb-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 820px)/2));border-bottom:1px solid rgba(34,211,238,.14);background:rgba(6,20,26,.94);position:-webkit-sticky;position:sticky;top:0;z-index:20}.tb-header>div{display:flex;flex-direction:column;text-align:center}.tb-header small{font-size:9px;color:#7fd6e6}.tb-header>a{padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#0c2630;font-size:10px;color:#ecfeff;text-decoration:none;min-height:36px;display:flex;align-items:center}.tb-header>span{font-size:22px}.tb-game,.tb-wait{width:min(820px,calc(100% - 30px));margin:26px auto;padding:26px;border:1px solid rgba(34,211,238,.16);border-radius:24px;background:rgba(9,28,36,.92)}.tb-wait{text-align:center}.tb-mark{display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:50%;background:linear-gradient(150deg,#0891b2,#155e75);font-size:36px}.tb-wait .eyebrow{justify-content:center;margin-top:20px}.tb-wait h1{font-size:30px;margin:8px 0}.tb-wait>p:not(.eyebrow){color:#a9dbe6;line-height:1.55}.tb-code{display:flex;align-items:center;gap:12px;justify-content:center;width:100%;margin:18px 0;padding:14px 18px;border:1px dashed #22d3ee;border-radius:16px;background:#08222c;color:#a5f3fc;cursor:pointer;min-height:56px}.tb-code small{font-size:9px;letter-spacing:.16em;color:#7fd6e6}.tb-code strong{font-size:26px;letter-spacing:.34em;color:#fff;font-weight:800}.tb-code span{margin-left:auto;font-size:10px;padding:7px 11px;border-radius:9px;background:#0891b2;color:#fff;min-height:32px;display:flex;align-items:center}.tb-teams{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:16px 0}.tb-team{position:relative;padding:14px;border-radius:16px;text-align:left;border:1px solid rgba(255,255,255,.08);background:#0a2029;min-height:110px}.tb-team-badge{position:absolute;top:10px;right:10px;width:36px;height:36px;object-fit:contain;opacity:.9}.tb-team h3{font-size:13px;margin:0 0 10px;padding-right:38px}.tb-team span{display:block;font-size:12px;padding:5px 0;color:#cdeef4}.tb-team span.me{color:#fff;font-weight:700}.tb-team span.empty{color:#5c8593}.tb-team-a{border-top:3px solid #22d3ee}.tb-team-b{border-top:3px solid #f59e0b}.tb-team-note{font-size:11px;color:#8bc0cd;margin:2px 0 12px}.tb-settings{text-align:left;margin:6px 0;padding:14px;border:1px solid rgba(34,211,238,.14);border-radius:14px;background:#0a2029}.tb-settings .eyebrow{justify-content:flex-start}.tb-setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.tb-setting-row label{font-size:12px;color:#bfe6ee}.tb-seg{display:flex;gap:6px}.tb-seg button{min-width:52px;min-height:40px;border:1px solid rgba(34,211,238,.2);border-radius:10px;background:#0c2c37;color:#cdeef4;font-size:13px}.tb-seg button.active{background:linear-gradient(150deg,#0891b2,#0e7490);border-color:#22d3ee;color:#fff;font-weight:700}.tb-settings-view{font-size:12px;color:#a9dbe6;margin:8px 0}.tb-actions{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}.tb-actions button{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#0f2e39;padding:13px 18px;color:#ecfeff;min-height:48px;font-size:14px}.tb-actions .primary-button{margin:0}.tb-scoreboard{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:16px}.tb-score{padding:14px;border-radius:16px;text-align:center;border:1px solid rgba(255,255,255,.08);background:#0a2029}.tb-score small{font-size:10px;color:#9cccd8;display:block}.tb-score strong{font-size:34px;display:block;margin-top:4px}.tb-score-a{border-bottom:3px solid #22d3ee}.tb-score-b{border-bottom:3px solid #f59e0b}.tb-score.active{box-shadow:0 0 0 2px rgba(34,211,238,.35);background:#0d2e3a}.tb-turnbar{display:grid;grid-template-columns:72px 1fr auto;grid-gap:14px;gap:14px;align-items:center;padding:14px;border-radius:16px;background:#0a2029;margin-bottom:16px}.tb-timer{position:relative;display:grid;place-items:center;width:66px;height:66px;border:4px solid #0891b2;border-radius:50%;font-size:24px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tb-timer.urgent{border-color:#ef4444;color:#fecaca}.tb-timer-icon{position:absolute;top:-10px;right:-10px;width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.tb-turn-meta{display:flex;flex-direction:column;gap:4px}.tb-turn-meta small{color:#9cccd8;font-size:11px}.tb-turn-stats{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#bfe6ee;text-align:right}.tb-ready{text-align:center;padding:22px 12px}.tb-role-icon{width:60px;height:60px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.tb-role-icon.small{width:44px;height:44px}.tb-prompt{font-size:16px;font-weight:700;margin-bottom:14px}.tb-start{margin:0 auto;min-width:180px}.tb-waiting-line{color:#a9dbe6;font-weight:600;line-height:1.5}.tb-waiting-line span{display:block;color:#8bc0cd;font-weight:400;font-size:12px;margin-top:4px}.tb-active{margin-top:4px}.tb-card{padding:22px;border-radius:20px;background:linear-gradient(165deg,#0e7490,#083344);border:1px solid rgba(165,243,252,.2)}.tb-card-word{text-align:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14)}.tb-card-word small{font-size:10px;letter-spacing:.12em;color:#a5f3fc}.tb-card-word strong{display:block;font-size:34px;margin-top:6px;color:#fff}.tb-forbidden{list-style:none;margin:16px 0;padding:0;display:grid;grid-gap:8px;gap:8px}.tb-forbidden li{padding:11px 14px;border-radius:11px;background:rgba(190,18,60,.22);border:1px solid rgba(244,63,94,.4);color:#fecdd3;font-size:15px;font-weight:600;text-align:center;position:relative}.tb-forbidden li:before{content:"✗";margin-right:8px;color:#fb7185;font-weight:900}.tb-narrator-buttons{display:grid;grid-gap:12px;gap:12px;margin-top:6px}.tb-narrator-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;border-radius:14px;border:1px solid rgba(255,255,255,.14);font-size:16px;font-weight:800;color:#fff}.tb-narrator-buttons button img{width:22px;height:22px;object-fit:contain}.tb-correct{background:linear-gradient(150deg,#16a34a,#166534)}.tb-pass{background:linear-gradient(150deg,#a16207,#713f12)}.tb-pass:disabled{opacity:.4}.tb-tabu{grid-column:1/-1;width:100%;margin-top:0;min-height:64px;border-radius:14px;border:1px solid rgba(244,63,94,.5);background:linear-gradient(150deg,#e11d48,#9f1239);color:#fff;font-size:17px;font-weight:800}.tb-tabu.tb-tabu-big{margin-top:12px;min-height:84px;font-size:19px}.tb-tabu.tb-tabu-big img{width:36px;height:36px}.tb-guesser{text-align:center;padding:30px 16px;border-radius:20px;background:#0a2029;border:1px dashed rgba(34,211,238,.3)}.tb-guesser-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.tb-guesser p{margin:10px 0 0}.tb-guesser-hint{color:#9cccd8;font-size:13px;line-height:1.5;max-width:420px;margin:8px auto 0!important}.tb-result-hero{text-align:center;margin-bottom:16px}.tb-result-hero span{font-size:52px}.tb-result-hero h1{font-size:26px;margin:6px 0}.tb-history{border:1px solid rgba(34,211,238,.16);border-radius:14px;overflow:hidden;margin:16px 0}.tb-history-head,.tb-history-row{display:grid;grid-template-columns:44px 56px 1fr 36px 40px 44px;align-items:center;padding:9px 12px;font-size:12px}.tb-history-head{background:#0c2630;color:#7fd6e6;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.tb-history-row{border-top:1px solid rgba(255,255,255,.06)}.tb-history-row span:not(.tb-hn){text-align:center}.tb-hn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.tb-game,.tb-wait{margin:14px auto;padding:16px}.tb-code strong{font-size:22px;letter-spacing:.26em}.tb-turnbar{grid-template-columns:60px 1fr;gap:10px}.tb-turn-stats{grid-column:1/-1;flex-direction:row;justify-content:space-around;text-align:center}.tb-card-word strong{font-size:28px}.tb-forbidden li{font-size:14px}.tb-team-badge{width:28px;height:28px}.tb-role-icon{width:48px;height:48px}.tb-guesser-icon{width:52px;height:52px}}@media(max-width:480px){.tb-history-head{display:none}.tb-history-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;padding:12px}.tb-history-row span{min-width:0;text-align:left!important;overflow-wrap:anywhere}.tb-history-row span:before{content:attr(data-label) ": ";display:block;margin-bottom:3px;color:#7fd6e6;font-size:10px;font-weight:700}.tb-history-row .tb-hn{white-space:normal;text-overflow:clip}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.tb-narrator-buttons,.tb-tabu-big{position:fixed;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 20px));bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);z-index:30;box-shadow:0 -10px 24px rgba(0,0,0,.35)}.tb-narrator-buttons{display:grid!important;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:8px;border-radius:18px;background:rgba(10,24,30,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tb-narrator-buttons .tb-tabu{grid-column:1/-1}.tb-narrator-buttons button{min-height:56px;font-size:17px}.tb-forbidden li{padding-top:8px!important;padding-bottom:8px!important}body:has(.tb-narrator-buttons) .ms-game-tools,body:has(.tb-tabu-big) .ms-game-tools{display:none}body:has(.tb-narrator-buttons) .tb-page,body:has(.tb-tabu-big) .tb-page{padding-bottom:190px!important}body:has(.tb-narrator-buttons) .tb-scoreboard,body:has(.tb-tabu-big) .tb-scoreboard{gap:6px!important}body:has(.tb-narrator-buttons) .tb-score,body:has(.tb-tabu-big) .tb-score{padding:6px 10px!important;min-height:0!important}body:has(.tb-narrator-buttons) .tb-score strong,body:has(.tb-tabu-big) .tb-score strong{font-size:24px!important;line-height:1!important}body:has(.tb-narrator-buttons) .tb-card-word strong{font-size:30px!important}body:has(.tb-narrator-buttons) .tb-forbidden{gap:5px!important}body:has(.tb-narrator-buttons) .tb-forbidden li{padding-top:6px!important;padding-bottom:6px!important;font-size:15px!important}body:has(.tb-narrator-buttons) .tb-page{padding-bottom:170px!important}