:root{--bg:#07070a;--surface:#101015;--surface2:#17171e;--line:#ffffff12;--muted:#8c8c98;--ease:cubic-bezier(.2,.8,.2,1);--radius:28px}
html{background:var(--bg);scroll-behavior:smooth}*{box-sizing:border-box}body{background:radial-gradient(900px 480px at 50% -140px,#42276755,transparent 66%),var(--bg);min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff03,transparent 18%,#0002);z-index:-1}
.wrap{max-width:860px;margin:auto}.panel{background:linear-gradient(160deg,#15151b,#0d0d11)!important;border:1px solid var(--line)!important;border-radius:30px!important;box-shadow:0 28px 80px #0008!important;backdrop-filter:none!important}
header{padding:28px 6px 12px}header h1{font-size:clamp(54px,10vw,86px)!important;line-height:.88!important;letter-spacing:-6px!important;font-weight:950!important}header p{font-size:16px;color:#81818e}.eyebrow{font-size:10px;letter-spacing:2px;color:#9999a5}.eyebrow:before{box-shadow:none!important}
#lobby{padding:22px!important}#lobby input,#lobby select{background:#1a1a21!important;border:1px solid #ffffff10!important;outline:none!important;color:#fff!important}#lobby button{border-radius:17px!important;font-weight:900!important;transition:transform .16s var(--ease)}#lobby button:active{transform:scale(.98)}
.theme{background:#15151bcc!important;border:1px solid #ffffff12!important;box-shadow:0 10px 30px #0004!important;backdrop-filter:none!important;transition:transform .18s var(--ease)!important}.theme:active{transform:scale(.9) rotate(14deg)!important}
.roombar{border-bottom:1px solid #ffffff0d!important;padding-bottom:14px!important}.roomBtns{display:flex;gap:7px}.roomBtns button{background:#17171e!important;color:#f7f7f8!important;border:1px solid #ffffff10!important;box-shadow:none!important}
.players{gap:7px!important;margin:14px 0 20px!important}.p{background:#121218!important;border:1px solid #ffffff0d!important;box-shadow:none!important;border-radius:15px!important}.p.active{background:color-mix(in srgb,var(--ga,#8b5cf6) 10%,#121218)!important;border-color:color-mix(in srgb,var(--ga,#8b5cf6) 34%,#ffffff0d)!important}
.hubtitle{align-items:flex-end!important;margin-bottom:15px!important}.hubtitle h2{font-size:clamp(32px,7vw,46px)!important;line-height:.92!important;letter-spacing:-2px!important}.hubactions button{background:linear-gradient(105deg,#fb7185,#a78bfa)!important;box-shadow:none!important;color:#0a0810!important}
.filters{gap:8px!important;padding:2px 0 16px!important}.filters button{background:#15151b!important;border:1px solid #ffffff0e!important;color:#8f8f9b!important;transition:transform .16s var(--ease),background .16s!important}.filters button.active{background:#f6f6f8!important;color:#111!important}.filters button:active{transform:scale(.95)}
.games{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.gamecard{--gc:#8b5cf6;position:relative;min-height:164px!important;padding:16px!important;border-radius:25px!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--gc) 18%,#ffffff0e)!important;background:radial-gradient(140px 110px at 100% 0,color-mix(in srgb,var(--gc) 18%,transparent),transparent 70%),linear-gradient(150deg,#1b1b22,#111116)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--gc) 24%,transparent),0 12px 30px #0003!important;transition:transform .2s var(--ease),border-color .2s!important}
.gamecard:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--gc) 36%,#ffffff12)!important}.gamecard:active{transform:scale(.975)!important}.gamecard:before,.gamecard:after{display:none!important}.gamecard .sigil{width:46px!important;height:46px!important;border-radius:15px!important;background:color-mix(in srgb,var(--gc) 10%,#ffffff08)!important;border:1px solid color-mix(in srgb,var(--gc) 26%,#ffffff10)!important;color:color-mix(in srgb,var(--gc) 72%,white)!important;box-shadow:none!important;font-size:12px!important}.gamecard>div b{font-size:18px!important;line-height:1!important;letter-spacing:-.7px!important}.gamecard>div small{font-size:9px!important;letter-spacing:1.5px!important}.gamecard>i{color:#757581!important}
.gamecard[data-game="truthdare"],.gamecard[data-game="never"],.gamecard[data-game="redflag"],.gamecard[data-game="roast"]{--gc:#fb4f79}.gamecard[data-game="imposter"],.gamecard[data-game="challenge"],.gamecard[data-game="greenflag"],.gamecard[data-game="wordchain"]{--gc:#22c55e}.gamecard[data-game="spy"],.gamecard[data-game="draw"],.gamecard[data-game="categories"],.gamecard[data-game="guessnumber"]{--gc:#38bdf8}.gamecard[data-game="rather"],.gamecard[data-game="thisorthat"],.gamecard[data-game="said"],.gamecard[data-game="confession"]{--gc:#a78bfa}.gamecard[data-game="rapid"],.gamecard[data-game="caption"],.gamecard[data-game="heads"],.gamecard[data-game="emoji"]{--gc:#f59e0b}.gamecard[data-game="charades"],.gamecard[data-game="hotseat"],.gamecard[data-game="taboo"],.gamecard[data-game="rhyme"]{--gc:#f97316}.gamecard[data-game="likely"],.gamecard[data-game="rankit"],.gamecard[data-game="memory"],.gamecard[data-game="oneword"]{--gc:#06b6d4}.gamecard[data-game="twotruths"],.gamecard[data-game="alphabet"],.gamecard[data-game="storychain"],.gamecard[data-game="chit"]{--gc:#c084fc}
body[data-game]{padding:10px 12px 18px!important;background:#07070a!important}body[data-game] header{display:none!important}body[data-game] .wrap{max-width:780px!important}body[data-game] #game.panel{padding:8px 0 18px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body[data-game] .roombar{margin:0 0 7px!important;padding:0 56px 8px 2px!important}body[data-game] .roombar small{font-size:8px!important;letter-spacing:1.5px!important}body[data-game] .roombar b{font-size:23px!important;letter-spacing:4px!important;animation:none!important}body[data-game] .roomBtns button{min-height:36px!important;border-radius:12px!important;padding:0 12px!important;font-size:11px!important}
body[data-game] .theme{width:40px!important;height:40px!important;min-height:40px!important;top:9px!important;right:10px!important}body[data-game] .players{display:flex!important;overflow-x:auto!important;margin:6px 0 10px!important;padding-bottom:2px!important;scrollbar-width:none}body[data-game] .players::-webkit-scrollbar{display:none}body[data-game] .p{min-width:max-content!important;padding:7px 10px!important;border-radius:999px!important;grid-template-columns:auto auto auto!important}body[data-game] .p span{font-size:11px!important}body[data-game] .p b{font-size:9px!important}
body[data-game] #play{min-height:calc(100vh - 112px)!important;display:flex!important;flex-direction:column!important}.topline{position:sticky;top:0;z-index:30;padding:6px 0!important;margin:0 0 7px!important;background:linear-gradient(#07070a 70%,transparent)!important}.topline .back{background:#15151b!important;color:#fff!important;border:1px solid #ffffff10!important}.stageMeta{display:flex;gap:6px!important}.stageMeta span{background:#111117!important;border:1px solid #ffffff0e!important;color:#92929e!important}.gameClock{background:linear-gradient(100deg,var(--ga,#8b5cf6),var(--gb,#ec4899))!important;color:#09090b!important;border:0!important;font-weight:950!important;font-variant-numeric:tabular-nums!important}
.gamehead{margin:4px 0 9px!important;padding:13px 14px!important;border-radius:22px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ga) 9%,#15151b),#101015)!important;border:1px solid color-mix(in srgb,var(--ga) 25%,#ffffff0d)!important;box-shadow:none!important}.gamehead h2{font-size:clamp(28px,7vw,39px)!important;line-height:.95!important;font-weight:950!important;letter-spacing:-1.8px!important}.gamehead p{font-size:13px!important;color:#8e8e9a!important;margin:5px 0 0!important}.gamehead small{color:var(--ga)!important;background:color-mix(in srgb,var(--ga) 10%,transparent)!important;border:1px solid color-mix(in srgb,var(--ga) 22%,transparent)!important}.gamehead button{background:#ffffff09!important;border:1px solid #ffffff10!important;color:#fff!important;box-shadow:none!important}
.prompt{flex:1!important;min-height:300px!important;max-height:470px!important;padding:30px 22px!important;margin:0!important;border-radius:30px!important;border:1px solid color-mix(in srgb,var(--ga) 16%,#00000008)!important;background:linear-gradient(155deg,color-mix(in srgb,var(--ga) 8%,#fff),#f6f6f8 58%,color-mix(in srgb,var(--gb) 8%,#fff))!important;box-shadow:0 22px 65px #0005!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;transform:none!important;transition:transform .2s var(--ease),opacity .2s var(--ease)!important}.prompt:before{animation:none!important}.promptText{font-size:clamp(25px,6.5vw,39px)!important;line-height:1.04!important;font-weight:950!important;letter-spacing:-1.4px!important}.promptVisual{width:66px!important;height:66px!important;border-radius:20px!important;font-size:13px!important;font-weight:950!important;letter-spacing:1px!important;animation:none!important;box-shadow:none!important;border:1px solid #0000000c!important}.prompt #promptHint{font-size:11px!important;line-height:1.35!important;color:#72727d!important;font-weight:700!important;max-width:90%!important}
.choices{gap:9px!important;margin-top:9px!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}.choices button{min-height:62px!important;border-radius:18px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ga) 10%,#24242b),#17171d)!important;border:1px solid color-mix(in srgb,var(--ga) 20%,#ffffff0d)!important;color:#fff!important;box-shadow:none!important;font-size:13px!important;font-weight:850!important;transition:transform .15s var(--ease),background .15s!important}.choices button:active{transform:scale(.975)!important}.choices button.picked{background:linear-gradient(105deg,var(--ga),var(--gb))!important;color:#09090b!important}
.next{min-height:59px!important;margin-top:8px!important;border-radius:18px!important;background:linear-gradient(105deg,var(--ga,#8b5cf6),var(--gb,#ec4899))!important;color:#09090b!important;font-weight:950!important;box-shadow:none!important;position:sticky!important;bottom:8px!important;z-index:20!important}.next:active{transform:scale(.985)!important}.gameFooter{font-size:8px!important;letter-spacing:1.15px!important;font-weight:800!important;color:#696975!important;margin:8px 0 2px!important}
body[data-game]::before{content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;background:radial-gradient(700px 430px at 50% 0,color-mix(in srgb,var(--ga) 13%,transparent),transparent 68%),#07070a!important;animation:none!important;filter:none!important;will-change:auto!important}body[data-game] .actions{display:none!important}
body[data-game="truthdare"] .gamehead{background:linear-gradient(135deg,#29121f,#1c132a)!important;border-color:#fb718540!important}body[data-game="truthdare"] .prompt{background:linear-gradient(155deg,#fff1f5,#faf5ff)!important;border-color:#fb718533!important}body[data-game="truthdare"] .choices{grid-template-columns:1fr 1fr!important}body[data-game="truthdare"] .choices button{min-height:82px!important;font-size:17px!important;background:#211521!important;border-color:#fb71852c!important}body[data-game="truthdare"] .choices button:first-child{color:#f9a8d4!important}body[data-game="truthdare"] .choices button:last-child{color:#c4b5fd!important}
body[data-game="imposter"] .prompt,body[data-game="spy"] .prompt{background:repeating-linear-gradient(180deg,#09110e 0 3px,#0b1511 3px 6px)!important;color:#e9fff0!important;border-color:#22c55e38!important;box-shadow:inset 0 0 50px #22c55e0b!important}body[data-game="spy"] .prompt{background:repeating-linear-gradient(180deg,#081116 0 3px,#09151c 3px 6px)!important;border-color:#38bdf838!important}body[data-game="imposter"] .promptText,body[data-game="spy"] .promptText{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:clamp(22px,5.8vw,33px)!important;font-weight:800!important;letter-spacing:-1px!important}body[data-game="imposter"] .promptHint,body[data-game="spy"] .promptHint{color:#698678!important}
body[data-game="draw"] .prompt{min-height:125px!important;max-height:145px!important;border-radius:21px!important;padding:18px!important}body[data-game="draw"] .promptVisual{width:42px!important;height:42px!important}body[data-game="draw"] .promptText{font-size:clamp(20px,5vw,27px)!important}body[data-game="draw"] .drawShell{padding:8px!important;border-radius:25px!important;background:#101015!important;border:1px solid #ffffff12!important;box-shadow:none!important}body[data-game="draw"] .drawShell canvas{height:min(55vh,450px)!important;border-radius:19px!important;background:#f8f8fa!important;box-shadow:inset 0 0 0 1px #0000000d!important}body[data-game="draw"] .drawTools button{border-radius:15px!important}
body[data-game="rapid"] .prompt{width:min(100%,380px)!important;aspect-ratio:1!important;min-height:0!important;max-height:none!important;border-radius:50%!important;background:radial-gradient(circle,#fff7cb 0 55%,#fde68a 56% 63%,#fff7ed 64%)!important;box-shadow:0 18px 60px #f59e0b22!important;margin:auto!important}body[data-game="rapid"] .promptText{font-size:clamp(21px,5.8vw,31px)!important}
body[data-game="caption"] .prompt{transform:none!important;border:11px solid #fff!important;border-bottom-width:42px!important;border-radius:18px!important;background:#fff!important}body[data-game="caption"] .promptText{font-family:Georgia,serif!important}body[data-game="storychain"] .prompt{background:linear-gradient(90deg,#faf5ff 0 49.6%,#ddd6fe 49.6% 50.4%,#faf5ff 50.4%)!important}body[data-game="storychain"] .promptText{font-family:Georgia,serif!important}
body[data-game="redflag"] .prompt{border-left:10px solid #ef4444!important;background:linear-gradient(145deg,#fff1f2,#fff)!important}body[data-game="greenflag"] .prompt{border-left:10px solid #22c55e!important;background:linear-gradient(145deg,#ecfdf5,#fff)!important}body[data-game="rather"] .prompt,body[data-game="thisorthat"] .prompt{background:linear-gradient(90deg,#ecfeff 0 49.5%,#f5f3ff 50.5% 100%)!important}body[data-game="rather"] .choices,body[data-game="thisorthat"] .choices{grid-template-columns:1fr 1fr!important}body[data-game="rather"] .choices button,body[data-game="thisorthat"] .choices button{min-height:92px!important;font-size:15px!important}
body[data-game="never"] .prompt{background:linear-gradient(160deg,#fff7ed,#fff1f2)!important}body[data-game="confession"] .prompt{background:linear-gradient(145deg,#faf5ff,#fdf2f8)!important}body[data-game="said"] .prompt{background:linear-gradient(145deg,#faf5ff,#eef2ff)!important}body[data-game="hotseat"] .prompt{background:radial-gradient(circle at 50% 100%,#ffead8,#fff8f4 55%,#fff)!important}body[data-game="wordchain"] .prompt,body[data-game="rhyme"] .prompt{border-radius:999px!important}body[data-game="emoji"] .prompt{background:radial-gradient(circle at 30% 20%,#fef3c7,#fff7ed 58%,#fffbeb)!important}
body[data-game="chit"] #prompt{display:none!important}body[data-game="chit"] #play{min-height:auto!important}body[data-game="chit"] .gameFooter{display:none!important}body[data-game="chit"] .cards{gap:10px!important}body[data-game="chit"] .card{min-height:124px!important;border-radius:23px!important;background:linear-gradient(145deg,#1e182a,#0e0e13)!important;border:1px solid #a78bfa30!important;box-shadow:0 14px 38px #0005!important;transition:transform .17s var(--ease),border-color .17s!important}body[data-game="chit"] .card:not(:disabled):active{transform:scale(.97)!important}body[data-game="chit"] .card.mine{background:linear-gradient(145deg,#35214b,#16101f)!important;border-color:#c4b5fd69!important}body[data-game="chit"] .role{border-radius:24px!important;background:linear-gradient(145deg,#faf9ff,#eee9ff)!important;box-shadow:none!important}
.mpPanel{margin-top:9px!important}.waitCard,.turnCard,.roundResult,.submitBox,.numberBox,.policePick{background:#111117!important;border:1px solid #ffffff0e!important;border-radius:20px!important;box-shadow:none!important;padding:14px!important}.waitCard{text-align:center;color:#8f8f9b;font-size:12px}.turnCard{display:flex!important;flex-direction:column!important;gap:5px!important}.turnCard small,.policePick>small{font-size:9px!important;letter-spacing:1.4px!important;color:#8f8f99!important}.turnCard b{font-size:19px!important}.turnCard span{font-size:12px;color:#9696a1}.roundResult{text-align:center!important;display:flex!important;flex-direction:column!important;gap:4px!important}.roundResult b{font-size:21px!important}.roundResult span{color:#b2b2bc!important}.roundResult.win{border-color:#22c55e40!important}.roundResult.lose{border-color:#f9731640!important}
.turnActions{display:grid;grid-template-columns:1.35fr .85fr;gap:8px;margin-top:9px}.turnActions button{min-height:54px;border-radius:16px;background:#202027;color:#fff;border:1px solid #ffffff10}.turnActions #completeTurn{background:linear-gradient(105deg,var(--ga,#22c55e),var(--gb,#06b6d4));color:#08100b;font-weight:950}.turnActions #failTurn{color:#aaa}
.resultList{display:grid;gap:8px}.resultRow{display:grid;grid-template-columns:minmax(90px,1fr) 2fr 28px;gap:9px;align-items:center;font-size:11px}.resultRow>div{height:9px;background:#ffffff09;border-radius:999px;overflow:hidden}.resultRow i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ga,#8b5cf6),var(--gb,#ec4899));transition:width .45s var(--ease)}.resultRow b{text-align:right}.submitBox,.numberBox{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}.submitBox textarea,.numberBox input,.drawTools input{background:#191920!important;color:#fff!important;border:1px solid #ffffff11!important;border-radius:15px!important;outline:none!important;font:inherit!important}.submitBox textarea{grid-column:1/-1;min-height:92px;padding:14px!important;resize:none}.numberBox input,.drawTools input{min-height:50px;padding:0 13px!important}.submitBox button,.numberBox button,.softBtn{min-height:50px;border-radius:15px!important}.answerStack{display:grid;gap:8px}.answerStack article{background:#111117!important;border:1px solid #ffffff0e!important;border-radius:20px!important;padding:14px!important}.answerStack small{font-size:8px;letter-spacing:1.4px;color:#777783}.answerStack p{font-size:17px;font-weight:800;margin:6px 0}.answerStack b{font-size:11px;color:#aaa}.softBtn{width:100%;margin-top:8px;background:#ffffff0a!important;color:#fff!important;border:1px solid #ffffff10!important}
.policePick>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.policePick button{min-height:49px;border-radius:15px;background:#251b30;color:#fff;border:1px solid #a78bfa2e}.award{margin-top:9px;border-top:1px solid #ffffff0d;padding-top:9px}.award summary{cursor:pointer;color:#777783;font-size:10px;letter-spacing:.7px;text-align:center}.award>div{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.award button{min-height:40px;background:#ffffff08;color:#ddd;border:1px solid #ffffff0c;font-size:11px;border-radius:13px}
.drawShell{border:1px solid #ffffff12!important;background:#0e0e13!important;border-radius:25px!important;padding:8px!important;box-shadow:none!important}.drawShell canvas{display:block;width:100%;height:min(55vh,450px);border-radius:19px;background:#f8f8fa!important;touch-action:none;box-shadow:inset 0 0 0 1px #0000000d!important}.drawTools{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;margin-top:8px!important}.drawTools button{min-height:50px;border-radius:15px!important}.gameFooter{opacity:.74}
.settingRow{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 2px!important;border-top:1px solid #ddd!important}.settingRow input{width:22px!important;height:22px!important;accent-color:#8b5cf6}.timerSetting{padding-top:14px;border-top:1px solid #ddd}.timerSetting>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}.timerSetting button{min-height:42px!important;padding:0!important;background:#e8e8ec!important;color:#111!important}.timerSetting button.active{background:#17171b!important;color:#fff!important}.toast{box-shadow:0 16px 50px #0008!important}.celebrate i{filter:none!important}
:root[data-theme="light"] html,:root[data-theme="light"] body{background:#f3f3f6!important;color:#17171b!important}:root[data-theme="light"] body:before{background:linear-gradient(180deg,#fff8,transparent 22%,#00000004)!important}:root[data-theme="light"] .panel{background:linear-gradient(160deg,#fff,#f7f7fa)!important;border-color:#0000000d!important;box-shadow:0 20px 60px #26263d12!important}:root[data-theme="light"] #lobby input,:root[data-theme="light"] #lobby select{background:#f0f0f3!important;color:#111!important;border-color:#0000000d!important}
:root[data-theme="light"] .gamecard{background:radial-gradient(140px 110px at 100% 0,color-mix(in srgb,var(--gc) 10%,transparent),transparent 70%),linear-gradient(150deg,#fff,#f5f5f8)!important;border-color:color-mix(in srgb,var(--gc) 15%,#0000000d)!important;box-shadow:0 10px 26px #24243d0e!important}:root[data-theme="light"] .gamecard .sigil{background:color-mix(in srgb,var(--gc) 8%,#f3f3f6)!important;color:color-mix(in srgb,var(--gc) 76%,#222)!important}:root[data-theme="light"] .filters button{background:#e9e9ee!important;color:#62626c!important;border-color:#00000008!important}:root[data-theme="light"] .filters button.active{background:#17171b!important;color:#fff!important}
:root[data-theme="light"] body[data-game],:root[data-theme="light"] body[data-game]::before{background:#f4f4f7!important}:root[data-theme="light"] .topline{background:linear-gradient(#f4f4f7 70%,transparent)!important}:root[data-theme="light"] .p,:root[data-theme="light"] .waitCard,:root[data-theme="light"] .turnCard,:root[data-theme="light"] .roundResult,:root[data-theme="light"] .submitBox,:root[data-theme="light"] .numberBox,:root[data-theme="light"] .policePick,:root[data-theme="light"] .answerStack article{background:#fff!important;border-color:#0000000d!important;color:#18181c!important}:root[data-theme="light"] .gamehead{background:#fff!important;border-color:color-mix(in srgb,var(--ga) 18%,#ddd)!important}:root[data-theme="light"] .gamehead h2{color:#17171b!important}:root[data-theme="light"] .gamehead button,:root[data-theme="light"] .topline .back,:root[data-theme="light"] .roomBtns button{background:#fff!important;color:#202026!important;border-color:#0000000d!important}:root[data-theme="light"] .stageMeta span{background:#fff!important;border-color:#0000000d!important;color:#686873!important}:root[data-theme="light"] .submitBox textarea,:root[data-theme="light"] .numberBox input,:root[data-theme="light"] .drawTools input{background:#f1f1f4!important;color:#111!important;border-color:#0000000d!important}:root[data-theme="light"] .resultRow>div{background:#e7e7eb!important}:root[data-theme="light"] .award button,:root[data-theme="light"] .softBtn{background:#ededf1!important;color:#222!important;border-color:#0000000d!important}
@media(max-width:650px){.games{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gamecard{min-height:148px!important}.wrap{max-width:100%!important}.panel{border-radius:27px!important}.hubactions{gap:5px!important}.hubactions button{font-size:9px!important}}
@media(max-width:440px){body[data-game]{padding:8px 10px 14px!important}body[data-game] #play{min-height:calc(100vh - 105px)!important}.gamehead{padding:12px!important}.gamehead h2{font-size:29px!important}.prompt{min-height:290px!important;max-height:none!important;padding:25px 18px!important}.promptText{font-size:clamp(23px,7vw,32px)!important}.choices{grid-template-columns:1fr 1fr!important}.choices button{min-height:59px!important}.drawShell canvas{height:350px!important}.submitBox,.numberBox{grid-template-columns:1fr!important}.turnActions{grid-template-columns:1fr 1fr!important}.policePick>div,.award>div{grid-template-columns:1fr 1fr!important}.resultRow{grid-template-columns:90px 1fr 24px!important}.roomBtns #share{padding:0 10px!important}.roomBtns #settingsBtn{width:42px!important;padding:0!important}.timerSetting>div{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:360px){.games{grid-template-columns:1fr!important}.gamecard{min-height:130px!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.twoBox{display:grid;gap:8px;background:#111117;border:1px solid #ffffff0e;border-radius:22px;padding:14px}.twoBox input,.twoBox select{min-height:50px;border-radius:14px;border:1px solid #ffffff11;background:#191920;color:#fff;padding:0 13px;font:inherit;outline:none}.twoBox label{display:grid;grid-template-columns:1fr 90px;gap:8px;align-items:center;color:#9b9ba6;font-size:12px}.twoBox button{min-height:52px;border-radius:15px;background:linear-gradient(105deg,#14b8a6,#8b5cf6);color:#07100e;font-weight:950}.twoStatements{display:grid;gap:8px}.twoStatement{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;min-height:68px;text-align:left;border-radius:18px;background:#15151b;color:#fff;border:1px solid #ffffff0f;padding:10px 12px}.twoStatement b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#ffffff09}.twoStatement span{font-size:14px;font-weight:750}.twoStatement.lie{border-color:#fb718555;background:#29141c}.twoStatement.lie b{background:#fb718522;color:#fda4af}:root[data-theme="light"] .twoBox,:root[data-theme="light"] .twoStatement{background:#fff;color:#18181c;border-color:#0000000d}:root[data-theme="light"] .twoBox input,:root[data-theme="light"] .twoBox select{background:#f1f1f4;color:#111;border-color:#0000000d}.answerStack article button{width:100%;min-height:42px;margin-top:10px;border-radius:13px;background:linear-gradient(105deg,var(--ga,#f59e0b),var(--gb,#ec4899));color:#09090b;font-weight:900}.answerStack article.mineAnswer{border-color:color-mix(in srgb,var(--ga,#f59e0b) 28%,#ffffff0e)!important}.answerStack article.mineAnswer small:after{content:" • YOU";color:var(--ga,#f59e0b)}
/* r7 interactive game mechanics */
.rankPicker,.rankResult,.chainInput,.guessBox,.yesnoHint,.identityCard,.memoryBlind{border:1px solid #ffffff10;background:#111117;border-radius:22px;padding:14px}.rankPicker>small,.rankResult>small,.chainInput>small,.identityCard>small{display:block;font-size:9px;letter-spacing:1.5px;color:#8e8e99;margin-bottom:9px}.rankPicker #rankOptions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rankPicker #rankOptions button{min-height:54px;display:flex;justify-content:space-between;align-items:center;text-align:left;border-radius:15px;background:#1b1b22;color:#fff;border:1px solid #ffffff0f}.rankPicker #rankOptions button.picked{opacity:.42}.rankPicker #rankChosen{display:grid;gap:6px;margin:10px 0}.rankPicker #rankChosen span{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:8px 10px;border-radius:13px;background:#ffffff07}.rankPicker #rankChosen b,.rankResult>div b{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,var(--ga,#8b5cf6),var(--gb,#ec4899));color:#09090b}.rankPicker #rankLock{width:100%;min-height:52px;border-radius:15px;background:linear-gradient(105deg,var(--ga,#8b5cf6),var(--gb,#ec4899));font-weight:950}.rankPicker #rankLock:disabled{opacity:.35}.rankResult{display:grid;gap:7px}.rankResult>div{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;padding:10px;border-radius:14px;background:#ffffff06}.rankResult p{margin:5px 0 0;color:#aaa;font-size:12px}
.chainList{display:grid;gap:7px;margin-bottom:9px;max-height:280px;overflow:auto}.chainList>div{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:9px 10px;background:#111117;border:1px solid #ffffff0d;border-radius:14px}.chainList>div>b{font-size:9px;color:#72727d}.chainList>div>span{font-weight:780}.chainList>div>small{font-size:9px;color:#777783}.chainInput{display:grid;grid-template-columns:1fr auto;gap:8px}.chainInput small{grid-column:1/-1}.chainInput input,.guessBox input{min-height:52px;border-radius:15px;border:1px solid #ffffff11;background:#191920;color:#fff;padding:0 13px;font:inherit;outline:none}.chainInput button,.guessBox button{min-height:52px;border-radius:15px}.memoryBlind{text-align:center;display:grid;place-items:center;min-height:150px;margin-bottom:9px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--ga,#8b5cf6) 12%,transparent),#111117)}.memoryBlind b{font-size:54px;line-height:1}.memoryBlind span{font-weight:850}.memoryBlind small{color:#858590;margin-top:6px}.guessBox{display:grid;grid-template-columns:1fr auto;gap:8px}.yesnoHint{margin-top:8px;display:flex;justify-content:space-between;gap:10px;align-items:center}.yesnoHint span{font-size:12px;color:#8f8f99}.yesnoHint b{font-size:11px;letter-spacing:1.2px;color:#4ade80}.identityCard{text-align:center;display:grid;place-items:center;min-height:145px}.identityCard b{font-size:clamp(28px,7vw,44px);letter-spacing:-1.5px}.identityCard span{color:#898994;font-size:12px;margin-top:7px}
:root[data-theme="light"] .rankPicker,:root[data-theme="light"] .rankResult,:root[data-theme="light"] .chainInput,:root[data-theme="light"] .guessBox,:root[data-theme="light"] .yesnoHint,:root[data-theme="light"] .identityCard,:root[data-theme="light"] .memoryBlind,:root[data-theme="light"] .chainList>div{background:#fff;color:#18181c;border-color:#0000000d}:root[data-theme="light"] .rankPicker #rankOptions button,:root[data-theme="light"] .rankPicker #rankChosen span{background:#f1f1f4;color:#17171b;border-color:#0000000d}:root[data-theme="light"] .chainInput input,:root[data-theme="light"] .guessBox input{background:#f1f1f4;color:#111;border-color:#0000000d}:root[data-theme="light"] .memoryBlind{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--ga,#8b5cf6) 9%,transparent),#fff)}
@media(max-width:440px){.rankPicker #rankOptions{grid-template-columns:1fr}.chainInput,.guessBox{grid-template-columns:1fr}.chainInput button,.guessBox button{width:100%}.chainList>div{grid-template-columns:26px 1fr}.chainList>div>small{grid-column:2}.yesnoHint{align-items:flex-start;flex-direction:column}}
body[data-game="rankit"] .prompt{min-height:210px!important;max-height:260px!important}body[data-game="rankit"] .rankPicker{background:linear-gradient(145deg,#111117,#15111a)!important}body[data-game="storychain"] .chainList>div span{font-family:Georgia,serif;font-size:15px}body[data-game="heads"] .identityCard{background:linear-gradient(145deg,#0d1714,#10151b)!important;border-color:#22c55e2c!important}body[data-game="emoji"] .guessBox{border-color:#f59e0b2b!important}.rapidDeck{display:grid;gap:12px;padding:18px;border-radius:24px;background:linear-gradient(145deg,#15151b,#0d0d12);border:1px solid color-mix(in srgb,var(--ga,#f59e0b) 28%,#ffffff10)}
.rapidProgress{height:9px;border-radius:999px;background:#ffffff0b;overflow:hidden}.rapidProgress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ga,#f59e0b),var(--gb,#fb7185));transition:width .2s var(--ease)}
.rapidDeck small{font-size:9px;letter-spacing:1.6px;color:#888894}.rapidDeck b{font-size:clamp(25px,6vw,36px);line-height:1.02;letter-spacing:-1px}.rapidDeck button{min-height:56px;border-radius:16px;background:linear-gradient(105deg,var(--ga,#f59e0b),var(--gb,#fb7185));color:#0b0908;font-weight:950}
.clueComposer,.guessBox{display:grid;grid-template-columns:1fr auto;gap:8px}.clueComposer input,.guessBox input{min-height:52px;border:1px solid #ffffff12;background:#191920;color:#fff;border-radius:15px;padding:0 14px;font:inherit;outline:none}.clueComposer button,.guessBox button{min-height:52px;border-radius:15px}
.clueFeed{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.clueFeed span{padding:8px 11px;border-radius:999px;background:color-mix(in srgb,var(--ga,#8b5cf6) 13%,#15151b);border:1px solid color-mix(in srgb,var(--ga,#8b5cf6) 28%,#ffffff10);font-size:12px;font-weight:800}
.forbiddenLine{margin-top:7px;color:#fb7185!important;font-size:11px!important;letter-spacing:.5px}.identityCard{padding:18px;border-radius:24px;background:linear-gradient(145deg,#15151b,#0e0e13);border:1px solid color-mix(in srgb,var(--ga,#38bdf8) 24%,#ffffff10);text-align:center}.identityCard small{font-size:9px;letter-spacing:1.5px;color:#858590}.identityCard b{display:block;font-size:30px;margin:8px 0}.identityCard span{font-size:12px;color:#92929e}
:root[data-theme="light"] .rapidDeck,:root[data-theme="light"] .identityCard{background:#fff;border-color:#0000000d;color:#17171b}:root[data-theme="light"] .rapidProgress{background:#e7e7eb}:root[data-theme="light"] .clueComposer input,:root[data-theme="light"] .guessBox input{background:#f1f1f4;color:#111;border-color:#0000000d}:root[data-theme="light"] .clueFeed span{background:#fff;border-color:#00000012}
@media(max-width:440px){.rapidDeck{padding:15px}.clueComposer,.guessBox{grid-template-columns:1fr auto}.rapidDeck b{font-size:27px}}.hotQuestion{display:grid;gap:12px;padding:20px;border-radius:26px;background:linear-gradient(145deg,#19151f,#111117);border:1px solid color-mix(in srgb,var(--ga,#fb7185) 24%,#ffffff10)}
.hotQuestion small{font-size:9px;letter-spacing:1.5px;color:#8e8e99}.hotQuestion b{font-size:clamp(24px,6vw,34px);line-height:1.05}.hotQuestion>div{display:grid;grid-template-columns:1.3fr .7fr;gap:8px}.hotQuestion button{min-height:52px;border-radius:15px}.hotQuestion #hotAnswered{background:linear-gradient(105deg,var(--ga,#fb7185),var(--gb,#a78bfa));color:#0b090d;font-weight:950}.hotQuestion.spectator span{font-size:12px;color:#91919c}
.roastStack{display:grid;gap:9px}.roastCard{padding:15px;border-radius:20px;background:linear-gradient(145deg,#1a1316,#111116);border:1px solid #fb718522}.roastCard small{font-size:8px;letter-spacing:1.5px;color:#9b6d79}.roastCard p{font-size:17px;font-weight:800;line-height:1.2;margin:8px 0}.roastCard button{width:100%;min-height:44px;border-radius:14px;background:linear-gradient(105deg,#fb7185,#f59e0b);color:#13090a;font-weight:950}.roastResult{display:grid;gap:8px;padding:20px;border-radius:26px;background:linear-gradient(145deg,#271318,#161116);border:1px solid #fb718541;text-align:center}.roastResult small{font-size:9px;letter-spacing:1.7px;color:#fb7185}.roastResult p{font-size:22px;font-weight:900;line-height:1.12;margin:5px 0}.roastResult b{font-size:13px}.roastResult span{font-size:11px;color:#9999a3}
:root[data-theme="light"] .hotQuestion,:root[data-theme="light"] .roastCard,:root[data-theme="light"] .roastResult{background:#fff;color:#18181c;border-color:#0000000d}@media(max-width:440px){.hotQuestion{padding:16px}.hotQuestion>div{grid-template-columns:1fr 1fr}.roastResult p{font-size:20px}}
/* cartoon game-library redesign */
.hubNew{padding-bottom:10px}.hubHero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:320px;overflow:hidden;border:1px solid #ffffff12;border-radius:30px;background:linear-gradient(135deg,#1d1530,#121218 58%,#241225);margin-bottom:18px;box-shadow:0 22px 65px #0005}
.hubHero:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-72px;top:-94px;background:#ec489923}.hubHero:after{content:"";position:absolute;width:180px;height:180px;border-radius:46% 54% 60% 40%;left:-90px;bottom:-105px;background:#8b5cf61d;transform:rotate(18deg)}
.heroCopy{position:relative;z-index:2;padding:28px 8px 26px 28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.heroCopy>small{font-size:9px;letter-spacing:1.8px;color:#92929e;margin-bottom:18px}.heroCopy>span{font-size:10px;letter-spacing:2px;font-weight:900;color:#f9a8d4;margin-bottom:6px}.heroCopy h2{font-size:clamp(40px,7vw,62px);line-height:.92;letter-spacing:-3px;margin:0;max-width:450px}.heroCopy p{font-size:15px;color:#aaaab4;margin:12px 0 20px;max-width:400px;line-height:1.45}.heroButtons{display:flex;gap:8px;flex-wrap:wrap}.heroButtons button{min-height:50px;border-radius:16px}.heroButtons #featuredPlay{background:linear-gradient(105deg,#f472b6,#a78bfa);color:#0b0810;box-shadow:0 12px 28px #a855f72a}.heroButtons #featuredShuffle{background:#ffffff09;color:#fff;border:1px solid #ffffff10}
.heroVisual{position:relative;display:grid;place-items:center;padding:24px}.heroVisual img{position:relative;z-index:2;width:min(100%,320px);max-height:260px;object-fit:contain;filter:drop-shadow(0 22px 32px #0007);transform:rotate(3deg);transition:transform .24s var(--ease)}.hubHero:hover .heroVisual img{transform:rotate(-1deg) translateY(-4px)}.heroSticker{position:absolute;z-index:3;right:18px;top:18px;background:#fff;color:#111;font-size:9px;font-weight:950;letter-spacing:1.2px;padding:9px 11px;border-radius:999px;transform:rotate(5deg);box-shadow:0 10px 24px #0004}
.hubTools{display:grid;gap:10px;margin-bottom:18px}.searchBox{display:flex;align-items:center;gap:9px;background:#111117;border:1px solid #ffffff10;border-radius:18px;padding:0 14px;min-height:52px}.searchBox>span{font-size:24px;color:#777784;line-height:1}.searchBox input{width:100%;min-height:50px;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;padding:0!important;font:inherit}.searchBox input::placeholder{color:#6f6f79}.hubTools .filters{padding:0!important;overflow:auto;scrollbar-width:none}.hubTools .filters::-webkit-scrollbar{display:none}.hubTools .filters button{flex:0 0 auto}
.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 2px 10px}.sectionHead small{font-size:8px;letter-spacing:1.7px;color:#71717c}.sectionHead h3{font-size:24px;letter-spacing:-1px;margin:2px 0 0}.sectionHead>span{font-size:10px;color:#73737e;letter-spacing:.8px}.quickSection{margin-bottom:20px}.quickPicks{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 9px;scroll-snap-type:x mandatory;scrollbar-width:none}.quickPicks::-webkit-scrollbar{display:none}.quickCard{position:relative;flex:0 0 220px;min-height:260px;scroll-snap-align:start;text-align:left;border-radius:24px;padding:0;overflow:hidden;border:1px solid #ffffff10;background:#15151b;color:#fff;box-shadow:0 14px 34px #0003;transition:transform .18s var(--ease),border-color .18s}.quickCard:active{transform:scale(.975)}.quickCard:hover{transform:translateY(-3px);border-color:#ffffff20}.quickCard .cardArt{height:132px}.quickCard .cardCopy{padding:0 14px 6px}.quickCard .cardMeta{padding:10px 14px 7px}.quickCard .cardPlay{padding:9px 14px 14px}
.hubNew .games{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.hubNew .gamecard{position:relative!important;display:flex!important;flex-direction:column!important;min-height:320px!important;padding:0!important;text-align:left!important;border-radius:25px!important;overflow:hidden!important;background:#14141a!important;border:1px solid #ffffff10!important;color:#fff!important;box-shadow:0 14px 36px #0003!important;transition:transform .2s var(--ease),border-color .2s!important}.hubNew .gamecard:hover{transform:translateY(-4px)!important;border-color:#ffffff24!important}.hubNew .gamecard:active{transform:scale(.98)!important}.hubNew .gamecard:before,.hubNew .gamecard:after{display:none!important}
.cardArt{position:relative;height:168px;overflow:hidden;background:#0d0d11}.cardArt:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#14141ab8);pointer-events:none}.cardArt img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s var(--ease)}.gamecard:hover .cardArt img,.quickCard:hover .cardArt img{transform:scale(1.045) rotate(-1deg)}.cardMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px 6px}.cardMeta span{font-size:8px;font-weight:950;letter-spacing:1.3px;padding:6px 8px;border-radius:999px;background:#ffffff09;border:1px solid #ffffff0e;color:#bdbdc6}.cardMeta small{font-size:8px;letter-spacing:1px;color:#6f6f79}.cardCopy{padding:0 14px 8px;flex:1}.cardCopy b{display:block;font-size:20px;line-height:1.02;letter-spacing:-.7px}.cardCopy p{font-size:11px;line-height:1.35;color:#8d8d99;margin:7px 0 0}.cardPlay{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 14px;color:#a9a9b3;border-top:1px solid #ffffff08;font-size:10px;font-weight:850;letter-spacing:.6px}.cardPlay i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f3f3f6;color:#111;font-style:normal;font-size:16px;transition:transform .18s var(--ease)}.gamecard:hover .cardPlay i,.quickCard:hover .cardPlay i{transform:translateX(3px)}.gamecard:disabled,.quickCard:disabled{opacity:.55;filter:saturate(.6);cursor:not-allowed}
.emptyGames{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;border:1px dashed #ffffff18;border-radius:24px;color:#8b8b96}.emptyGames b{font-size:18px;color:#d7d7dd}.emptyGames span{font-size:12px;margin-top:5px}.allSection{padding-bottom:2px}
:root[data-theme="light"] .hubHero{background:linear-gradient(135deg,#fff,#f8f3ff 58%,#fff0f6)!important;border-color:#0000000d!important;box-shadow:0 22px 60px #2c214112!important}:root[data-theme="light"] .heroCopy h2{color:#17171b}:root[data-theme="light"] .heroCopy p{color:#686872}:root[data-theme="light"] .heroButtons #featuredShuffle{background:#fff!important;color:#222!important;border-color:#0000000d!important}:root[data-theme="light"] .searchBox{background:#fff;border-color:#0000000d}:root[data-theme="light"] .searchBox input{color:#111!important}:root[data-theme="light"] .quickCard,:root[data-theme="light"] .hubNew .gamecard{background:#fff!important;color:#17171b!important;border-color:#0000000d!important;box-shadow:0 12px 28px #27273d0d!important}:root[data-theme="light"] .cardArt{background:#f2f2f5}:root[data-theme="light"] .cardArt:after{background:linear-gradient(transparent,#ffffffb8)}:root[data-theme="light"] .cardMeta span{background:#f1f1f4;border-color:#00000008;color:#565660}:root[data-theme="light"] .cardMeta small,:root[data-theme="light"] .cardCopy p{color:#777781}:root[data-theme="light"] .cardPlay{border-color:#00000008;color:#5d5d66}:root[data-theme="light"] .cardPlay i{background:#17171b;color:#fff}:root[data-theme="light"] .emptyGames{border-color:#00000014;color:#777}:root[data-theme="light"] .emptyGames b{color:#222}
@media(max-width:700px){.hubHero{grid-template-columns:1fr!important;min-height:0}.heroCopy{padding:24px 22px 12px}.heroVisual{padding:6px 22px 20px}.heroVisual img{width:min(82%,300px);max-height:220px}.heroSticker{top:8px;right:16px}.hubNew .games{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hubNew .gamecard{min-height:286px!important}.cardArt{height:145px}.cardCopy b{font-size:18px}.quickCard{flex-basis:205px}.sectionHead h3{font-size:22px}}
@media(max-width:430px){#game.panel:has(.hubNew){padding:13px!important}.hubHero{border-radius:26px}.heroCopy h2{font-size:43px}.heroCopy p{font-size:13px}.heroButtons{width:100%}.heroButtons button{flex:1;min-width:0;padding:0 12px}.heroVisual img{width:88%}.hubNew .games{gap:9px!important}.hubNew .gamecard{min-height:265px!important;border-radius:20px!important}.cardArt{height:128px}.cardMeta{padding:9px 10px 5px}.cardMeta small{display:none}.cardCopy{padding:0 10px 6px}.cardCopy b{font-size:16px}.cardCopy p{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cardPlay{padding:8px 10px 10px}.cardPlay i{width:26px;height:26px}.quickCard{flex-basis:190px;min-height:245px}.quickCard .cardArt{height:120px}.searchBox{min-height:48px}.searchBox input{min-height:46px!important}.sectionHead{margin-top:5px}}
.hubNew .gamecard span,.hubNew .quickCard span{margin-bottom:0!important}.hubNew .cardMeta span{font-size:8px!important;margin:0!important;transform:none!important}.hubNew .cardPlay span{font-size:10px!important;margin:0!important;transform:none!important}.hubNew .cardPlay i{position:static!important;right:auto!important;bottom:auto!important;font-size:16px!important;letter-spacing:0!important;color:#111!important}.hubNew .gamecard:active .cardPlay span{transform:none!important}.heroButtons b{font-size:inherit!important}.heroCopy span{margin-bottom:6px!important}
/* TTD — dedicated 3-player page */
body[data-game="ttd"]{background:radial-gradient(circle at 18% 5%,#ff4d8d22,transparent 30%),radial-gradient(circle at 82% 15%,#8b5cf622,transparent 34%),#09070d!important}
body[data-game="ttd"] .gamehead{background:linear-gradient(135deg,#2c1225,#211334 58%,#12232b)!important;border-color:#ff78b344!important}
body[data-game="ttd"] .prompt{background:linear-gradient(150deg,#fff3f8,#f5f1ff 56%,#ecfbff)!important;border:2px solid #ffffff80!important;box-shadow:0 24px 70px #ff4d8d18!important}
body[data-game="ttd"] .promptVisual{background:linear-gradient(135deg,#ff74ad,#8b5cf6 52%,#65d9ef)!important;color:#fff!important}
body[data-game="ttd"] .choices{grid-template-columns:1fr 1fr!important;gap:12px!important}
body[data-game="ttd"] .choices button{min-height:88px!important;border-radius:24px!important;font-size:25px!important;font-weight:950!important;background:#1f1525!important;border:2px solid #ffffff14!important;color:#fff!important}
body[data-game="ttd"] .choices button:first-child{box-shadow:inset 0 0 0 2px #ff6ea82c!important;color:#ffacd0!important}body[data-game="ttd"] .choices button:last-child{box-shadow:inset 0 0 0 2px #72dff02c!important;color:#a7eff9!important}
body[data-game="ttd"] .truthActions button:first-child{background:linear-gradient(105deg,#ff6fa9,#9b7cff)!important;color:#120b16!important}
@media(max-width:520px){body[data-game="ttd"] .prompt{min-height:330px!important;padding:28px 18px!important}body[data-game="ttd"] .choices button{min-height:70px!important;font-size:22px!important;border-radius:20px!important}}
/* TTD v2 — level deck, safety strip, random choice and card swaps */
body[data-game="ttd"] .ttdTools{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 16px;margin:0 0 12px;border-radius:22px;background:linear-gradient(135deg,#24131f,#15131f);border:1px solid #ff78b32e;box-shadow:0 14px 36px #0003}
body[data-game="ttd"] .ttdMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}body[data-game="ttd"] .ttdMeta b{font-size:12px;letter-spacing:1.2px;color:#fff}body[data-game="ttd"] .ttdMeta span{font-size:10px;color:#ffacd0;font-weight:850}body[data-game="ttd"] .ttdMeta small{width:100%;font-size:8px;letter-spacing:1.25px;color:#8e8792}
body[data-game="ttd"] .ttdLevels{display:grid;grid-template-columns:repeat(4,auto);gap:6px}body[data-game="ttd"] .ttdLevels button{min-height:36px;min-width:46px;padding:0 10px;border-radius:12px;background:#ffffff08;color:#a9a3af;border:1px solid #ffffff10;font-size:10px;font-weight:950;letter-spacing:.8px}body[data-game="ttd"] .ttdLevels button.active{background:linear-gradient(105deg,#ff72ad,#9a7cff);color:#140a12;border-color:transparent;box-shadow:0 7px 20px #ff4d8d25}body[data-game="ttd"] .ttdLevels button:disabled:not(.active){opacity:.36}
body[data-game="ttd"] .choices .ttdRandom{grid-column:1/-1!important;min-height:52px!important;font-size:12px!important;letter-spacing:1.4px!important;background:linear-gradient(105deg,#24152e,#122630)!important;color:#d9f8ff!important;border-color:#72dff032!important;box-shadow:none!important}body[data-game="ttd"] .truthActions{grid-template-columns:1fr 1fr!important}body[data-game="ttd"] #ttdSwap{grid-column:1/-1;background:#19151f!important;color:#d7cfdd!important;border:1px solid #ffffff12!important}body[data-game="ttd"] #ttdSwap:disabled{opacity:.4}
:root[data-theme="light"] body[data-game="ttd"] .ttdTools{background:linear-gradient(135deg,#fff1f7,#f8f4ff);border-color:#ff4d8d20;box-shadow:0 12px 30px #6b21410d}:root[data-theme="light"] body[data-game="ttd"] .ttdMeta b{color:#20151e}:root[data-theme="light"] body[data-game="ttd"] .ttdMeta small{color:#756a76}:root[data-theme="light"] body[data-game="ttd"] .ttdLevels button{background:#fff;color:#665c68;border-color:#0000000c}
@media(max-width:560px){body[data-game="ttd"] .ttdTools{grid-template-columns:1fr;padding:12px;border-radius:18px}body[data-game="ttd"] .ttdLevels{grid-template-columns:repeat(4,1fr)}body[data-game="ttd"] .ttdLevels button{min-width:0;padding:0 6px}body[data-game="ttd"] .ttdMeta{justify-content:center;text-align:center}body[data-game="ttd"] .ttdMeta small{text-align:center}}
body[data-game="ttd"] .choices button[data-choice="T"]{box-shadow:inset 0 0 0 2px #ff6ea82c!important;color:#ffacd0!important}body[data-game="ttd"] .choices button[data-choice="D"]{box-shadow:inset 0 0 0 2px #72dff02c!important;color:#a7eff9!important}