.arcade-main.page-play.play-youdothat{background-color:#f3e7c9!important;background-image:radial-gradient(rgba(111,76,47,.22) 1.2px,transparent 1.2px)!important;background-size:13px 13px!important}
.arcade-main.page-play.play-youdothat .game-stage{padding:calc(var(--play-nav-h) + 12px) clamp(8px,1.2vw,22px) 16px!important;min-height:100dvh!important}
.you-game{--you-a:#ef5928;--you-b:#f2ae2e;--you-c:#19746f;--you-ink:#2a1711;--you-card:#fff7e3;--you-scene:url('/static/assets/games/youdothat/themes/romance.png');position:relative!important;width:100%!important;max-width:none!important;height:calc(100dvh - var(--play-nav-h) - 28px)!important;min-height:680px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto!important;gap:12px!important;overflow:hidden!important;color:var(--you-ink)}
.you-game[data-you-category="love"],.you-game[data-you-category="sex"]{--you-scene:url('/static/assets/games/youdothat/themes/romance.png');--you-a:#e94d36;--you-b:#f0a62b;--you-c:#8f2338}.you-game[data-you-category="wild"]{--you-scene:url('/static/assets/games/youdothat/themes/wild.png');--you-a:#d75a26;--you-b:#d8bf55;--you-c:#315947}.you-game[data-you-category="airport"]{--you-scene:url('/static/assets/games/youdothat/themes/travel.png');--you-a:#e2a52a;--you-b:#87a9b5;--you-c:#254d67}.you-game[data-you-category="afterparty"],.you-game[data-you-category="chaos"]{--you-scene:url('/static/assets/games/youdothat/themes/nightlife.png');--you-a:#ee642c;--you-b:#d54369;--you-c:#6e285c}.you-game[data-you-category="career"],.you-game[data-you-category="school"],.you-game[data-you-category="online"],.you-game[data-you-category="groupchat"],.you-game[data-you-category="money"]{--you-scene:url('/static/assets/games/youdothat/themes/digital.png');--you-a:#e3a928;--you-b:#318b80;--you-c:#15536b}
.you-tv{position:relative!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border:3px solid var(--you-ink)!important;border-radius:28px!important;padding:18px 22px!important;background-image:linear-gradient(rgba(16,17,13,.36),rgba(16,17,13,.5)),var(--you-scene)!important;background-size:cover!important;background-position:center!important;box-shadow:8px 9px 0 var(--you-ink)!important;isolation:isolate!important}.you-tv:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at center,transparent 24%,rgba(15,11,8,.22) 88%)}.you-tv>*{position:relative;z-index:1}.you-scene-art{display:none!important}
.you-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:12px!important;border:3px solid var(--you-ink)!important;border-radius:20px!important;background:var(--you-card)!important;padding:10px 12px 10px 17px!important;box-shadow:5px 6px 0 var(--you-ink)!important;color:var(--you-ink)!important}.you-head h1{margin:0!important;color:var(--you-ink)!important;font-size:clamp(1.8rem,3.2vw,3.8rem)!important;line-height:.88!important;letter-spacing:-.065em!important;text-shadow:none!important}.you-head .game-kicker{color:var(--you-a)!important;margin:0 0 3px!important;letter-spacing:.16em!important}.you-head>div>span{margin:4px 0 0!important;color:#755746!important;font-size:.78rem!important}.you-head .game-abort{position:static!important;align-self:stretch!important;border:2px solid var(--you-ink)!important;border-radius:15px!important;background:#fff5dc!important;color:var(--you-ink)!important;box-shadow:3px 3px 0 var(--you-ink)!important}.you-timer{min-width:126px!important;border:3px solid var(--you-ink)!important;border-radius:16px!important;background:var(--you-b)!important;padding:8px 12px!important;box-shadow:3px 3px 0 var(--you-ink)!important}.you-timer b,.you-timer span{color:var(--you-ink)!important}.you-timer b{font-size:1.55rem!important}.you-timer span{font-size:.62rem!important;letter-spacing:.12em!important}
.you-prompt-card{flex:1!important;min-height:0!important;width:min(1080px,92%)!important;margin:13px auto 0!important;display:grid!important;align-content:center!important;border:3px solid var(--you-ink)!important;border-radius:24px!important;background:linear-gradient(135deg,#fffaf0,var(--you-card))!important;color:var(--you-ink)!important;padding:clamp(18px,3dvh,34px)!important;box-shadow:7px 8px 0 var(--you-ink),0 24px 70px rgba(0,0,0,.24)!important;transform:rotate(-.15deg)!important;text-align:center!important}.you-paper-tape{top:-12px!important;width:130px!important;height:26px!important;border:2px solid var(--you-ink)!important;background:var(--you-b)!important}.you-prompt-card>span{color:var(--you-a)!important;font-size:.72rem!important}.you-prompt-card h2{margin:9px auto!important;max-width:980px!important;color:var(--you-ink)!important;font-size:clamp(1.8rem,4.4vw,4.4rem)!important;line-height:.98!important}.you-prompt-card p{margin:0 auto!important;max-width:760px!important;color:#674b3d!important;font-size:1rem!important}.you-prompt-card.is-intro{opacity:0!important;pointer-events:none!important}
.you-submissions{width:min(1180px,94%)!important;margin:10px auto 0!important;grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important;gap:9px!important}.you-submissions article{min-height:70px!important;border:2px solid var(--you-ink)!important;border-radius:16px!important;background:#f9edcf!important;color:var(--you-ink)!important;padding:8px!important;box-shadow:3px 4px 0 var(--you-ink)!important}.you-submissions article.is-done{background:#7fb3a5!important}.you-submissions article>img:first-child{width:42px!important;height:42px!important;border:2px solid var(--you-ink)!important;border-radius:12px!important}.you-submissions article span{color:#684d3c!important}.you-category-status{background:var(--you-b)!important}.you-submissions article.you-polaroid{background:#fff7df!important;color:var(--you-ink)!important}.you-vote-reveal i{color:var(--you-a)!important}.you-score-events{width:min(1180px,94%)!important;margin:8px auto 0!important;grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;gap:8px!important}.you-score-events article{min-height:58px!important;border:2px solid var(--you-ink)!important;border-radius:15px!important;background:var(--you-card)!important;color:var(--you-ink)!important;padding:8px 11px!important;box-shadow:3px 4px 0 var(--you-ink)!important}.you-score-events span{color:#6b5040!important}.you-score-events strong{color:var(--you-c)!important}.you-score-events i{background:var(--you-a)!important}
.you-controller.you-actionbar{display:grid!important;grid-template-columns:245px minmax(0,1fr) 190px minmax(245px,330px)!important;gap:10px!important;align-items:stretch!important;border:3px solid var(--you-ink)!important;border-radius:24px!important;background:var(--you-a)!important;padding:10px!important;box-shadow:7px 8px 0 var(--you-ink)!important;color:var(--you-ink)!important}.you-controller header{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:6px!important;border:2px solid var(--you-ink)!important;border-radius:16px!important;background:var(--you-card)!important;padding:9px 11px!important;color:var(--you-ink)!important}.you-controller header>div{grid-row:1/3}.you-controller header small{display:block;color:var(--you-a);font-size:.62rem;text-transform:uppercase;letter-spacing:.13em}.you-controller h2{margin:0!important;color:var(--you-ink)!important;font-size:1.35rem!important}.you-controller header span{color:#6c4e3e!important;font-size:.75rem!important}.you-controller header button{border:2px solid var(--you-ink)!important;border-radius:11px!important;background:var(--you-b)!important;color:var(--you-ink)!important;padding:5px 8px!important;box-shadow:2px 2px 0 var(--you-ink)!important;font-size:.72rem!important}.you-controller header button.is-active,.you-controller header .you-remote-open.is-connected{background:var(--you-c)!important;color:white!important}.you-controller header .you-remote-open{background:#fff4d6!important}
.you-action{min-height:96px!important;max-height:156px!important;overflow:auto!important;align-content:center!important;border:2px solid var(--you-ink)!important;border-radius:16px!important;background:var(--you-c)!important;padding:9px!important}.you-choice-grid{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))!important;gap:8px!important}.you-choice-grid button{min-height:82px!important;border:2px solid var(--you-ink)!important;border-radius:14px!important;background:#fff4d6!important;color:var(--you-ink)!important;padding:7px!important;box-shadow:3px 3px 0 var(--you-ink)!important}.you-choice-grid button:hover{transform:translateY(-2px)!important;background:var(--you-b)!important;border-color:var(--you-ink)!important;box-shadow:3px 5px 0 var(--you-ink)!important}.you-choice-grid img{width:40px!important;height:40px!important;border:2px solid var(--you-ink)!important;border-radius:11px!important;margin:0 auto 4px!important}.you-wait-card{min-height:74px!important;height:100%!important;display:grid!important;place-items:center!important;border:2px dashed rgba(255,255,255,.72)!important;border-radius:13px!important;background:rgba(0,0,0,.1)!important;color:white!important;padding:10px!important}.you-wait-card span{color:rgba(255,255,255,.78)!important}.you-next{min-height:96px!important;height:100%!important;border:2px solid var(--you-ink)!important;border-radius:16px!important;background:var(--you-b)!important;color:var(--you-ink)!important;box-shadow:3px 4px 0 var(--you-ink)!important;text-transform:none!important;font-size:.92rem!important}.you-next[hidden]{display:none!important}
.you-scoreboard{min-height:96px!important;max-height:156px!important;overflow:auto!important;margin:0!important;border:2px solid var(--you-ink)!important;border-radius:16px!important;background:var(--you-card)!important;padding:8px!important;color:var(--you-ink)!important}.you-scoreboard h3{margin:0 0 5px!important;color:#6f5140!important;font-size:.62rem!important}.you-scoreboard #you-players{gap:5px!important}.you-scoreboard article{grid-template-columns:28px 1fr auto!important;gap:7px!important;border:1.5px solid var(--you-ink)!important;border-radius:10px!important;background:#fffaf0!important;color:var(--you-ink)!important;padding:4px 6px!important}.you-scoreboard article.is-winner{background:var(--you-b)!important;box-shadow:none!important}.you-scoreboard img{width:28px!important;height:28px!important;border-radius:8px!important}.you-scoreboard b{color:var(--you-ink)!important;font-size:.77rem!important}.you-scoreboard span{color:#755747!important;font-size:.62rem!important}.you-scoreboard strong{color:var(--you-c)!important;font-size:.92rem!important}
.you-topic-intro-screen,.you-controller-setup{position:fixed!important;inset:0!important;z-index:480!important}.you-topic-intro-screen[hidden],.you-controller-setup[hidden]{display:none!important}.you-topic-intro-screen{display:grid!important;place-items:center!important;overflow:hidden!important;background:#17100d!important;color:#fff!important}.you-intro-visual{position:absolute;inset:-4%;background-image:linear-gradient(rgba(20,10,8,.16),rgba(20,10,8,.38)),var(--you-scene);background-size:cover;background-position:center;animation:youIntroKenBurns 10s ease-out both}.you-intro-stripes{position:absolute;inset:0;background:linear-gradient(90deg,var(--you-a),var(--you-b),var(--you-c));clip-path:polygon(0 8%,42% 8%,34% 14%,0 14%,0 19%,28% 19%,23% 24%,0 24%,0 76%,23% 76%,28% 81%,0 81%,0 86%,34% 86%,42% 92%,0 92%);opacity:.9;animation:youIntroStripes .8s cubic-bezier(.2,.8,.2,1) both}.you-topic-intro-screen section{position:relative;width:min(980px,90vw);display:grid;place-items:center;text-align:center;padding:clamp(28px,5vw,68px);border:3px solid #f8e9c7;border-radius:32px;background:rgba(28,17,13,.76);box-shadow:12px 14px 0 rgba(0,0,0,.6);backdrop-filter:blur(6px);animation:youIntroCard .7s .18s cubic-bezier(.18,.9,.22,1.15) both}.you-topic-intro-screen section>span{color:var(--you-b);text-transform:uppercase;letter-spacing:.22em;font-weight:950}.you-topic-intro-screen section>b{position:absolute;right:20px;top:16px;width:58px;height:58px;display:grid;place-items:center;border:2px solid #f8e9c7;border-radius:50%;background:var(--you-a);font-family:ArcadeDisplay,monospace;font-size:1.4rem}.you-topic-intro-screen h2{margin:8px 0;font-size:clamp(4rem,11vw,10rem);line-height:.79;letter-spacing:-.09em;text-shadow:0 12px 0 rgba(0,0,0,.5)}.you-topic-intro-screen p{max-width:760px;margin:8px 0;color:#f5dfbd;font-size:clamp(1rem,2vw,1.4rem)}.you-topic-intro-screen strong{margin-top:16px;border:2px solid #f8e9c7;border-radius:999px;background:var(--you-b);color:var(--you-ink);padding:9px 15px}
.you-controller-setup{display:grid!important;place-items:center!important;padding:18px!important}.you-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(35,22,15,.68);backdrop-filter:blur(8px)}.you-controller-setup>article{position:relative;width:min(780px,96vw);max-height:94dvh;overflow:auto;border:4px solid var(--you-ink);border-radius:30px;background:#f8edcf;color:var(--you-ink);padding:clamp(20px,4vw,38px);box-shadow:12px 14px 0 var(--you-ink)}.you-setup-kicker{color:var(--you-a);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.you-controller-setup h2{margin:7px 0;font-size:clamp(2rem,5vw,4.2rem);line-height:.9;letter-spacing:-.065em}.you-controller-setup>article>p{color:#6f5140;max-width:660px}.you-setup-grid{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:center;margin:22px 0}.you-qr-frame{display:grid;place-items:center;border:3px solid var(--you-ink);border-radius:22px;background:#fff;padding:13px;box-shadow:5px 6px 0 var(--you-ink)}.you-qr-frame img{width:190px;height:190px}.you-qr-frame small{margin-top:8px;color:#6f5140}.you-setup-copy>b{display:block;font-family:ArcadeDisplay,monospace;color:var(--you-a);font-size:4.4rem;line-height:.8}.you-setup-copy>span{text-transform:uppercase;letter-spacing:.1em}.you-setup-copy ul{padding-left:18px;color:#6f5140}.you-controller-setup footer{display:grid;grid-template-columns:1fr 1fr;gap:10px}.you-controller-setup footer button{min-height:58px;border:3px solid var(--you-ink);border-radius:15px;background:var(--you-card);color:var(--you-ink);box-shadow:3px 4px 0 var(--you-ink);font-weight:950}.you-controller-setup footer button:last-child{background:var(--you-b)}
.you-category-settings label small,.rules-settings label>small{display:block;margin-top:4px;color:#765846;font-size:.72rem;font-weight:750;line-height:1.25}
@keyframes youIntroKenBurns{from{transform:scale(1.06)}to{transform:scale(1.01)}}@keyframes youIntroStripes{from{transform:translateX(-35%);opacity:0}to{transform:none;opacity:.9}}@keyframes youIntroCard{from{transform:translateY(35px) scale(.94);opacity:0}to{transform:none;opacity:1}}
@media(min-width:1051px){.you-controller.you-actionbar:has(.you-next[hidden]){grid-template-columns:245px minmax(0,1fr) minmax(245px,330px)!important}}
@media(max-height:760px) and (min-width:900px){.you-game{min-height:590px!important}.you-head h1{font-size:2.2rem!important}.you-submissions article{min-height:58px!important}.you-controller.you-actionbar{grid-template-columns:220px minmax(0,1fr) 170px minmax(220px,290px)!important}.you-action,.you-scoreboard{max-height:118px!important}.you-next{min-height:80px!important}}
@media(max-width:1050px){.you-game{height:auto!important;min-height:calc(100dvh - var(--play-nav-h) - 20px)!important;overflow:visible!important}.you-controller.you-actionbar{grid-template-columns:1fr 1fr!important}.you-controller header,.you-action{grid-column:1/-1}.you-scoreboard{max-height:none!important}.you-scoreboard #you-players{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;display:grid!important}.you-next{min-height:64px!important}}
@media(max-width:680px){.arcade-main.page-play.play-youdothat .game-stage{padding-left:7px!important;padding-right:7px!important}.you-tv{padding:10px!important;border-radius:22px!important}.you-head{grid-template-columns:1fr auto!important}.you-head .game-abort{display:none!important}.you-head h1{font-size:1.75rem!important}.you-timer{min-width:92px!important}.you-prompt-card{width:100%!important;min-height:250px!important;padding:18px!important}.you-prompt-card h2{font-size:1.85rem!important}.you-submissions{width:100%!important;grid-template-columns:1fr 1fr!important}.you-controller.you-actionbar{grid-template-columns:1fr!important;border-radius:20px!important}.you-controller header,.you-action{grid-column:auto}.you-scoreboard #you-players{grid-template-columns:1fr 1fr!important}.you-setup-grid{grid-template-columns:1fr}.you-qr-frame{width:224px;margin:auto}.you-controller-setup footer{grid-template-columns:1fr}.you-topic-intro-screen h2{font-size:3.8rem}.you-topic-intro-screen section>b{position:static;width:48px;height:48px;order:-1}}

/* Full-bleed match shell: the global profile/volume badge stays available above it. */
.arcade-main.page-play.play-youdothat .game-stage{padding:0!important;min-height:100dvh!important}
.you-game{height:100dvh!important;min-height:680px!important;gap:0!important}
.you-tv{border-left:0!important;border-right:0!important;border-top:0!important;border-radius:0!important;padding:82px clamp(14px,2vw,28px) 14px!important;box-shadow:none!important}
.you-controller.you-actionbar{border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;box-shadow:0 -7px 0 var(--you-ink)!important}

.you-head{grid-template-columns:minmax(0,1fr) auto auto auto!important}
.you-head .you-fullscreen{position:static!important;align-self:stretch!important;border:2px solid var(--you-ink)!important;border-radius:15px!important;background:var(--you-c)!important;color:#fff!important;padding:8px 13px!important;box-shadow:3px 3px 0 var(--you-ink)!important;font-weight:950!important}
.you-head .you-fullscreen:hover{transform:translateY(-1px)!important;box-shadow:3px 4px 0 var(--you-ink)!important}
.you-controller header{grid-template-columns:minmax(0,1fr) auto auto!important}
.you-controller header>div{grid-row:1/3!important}
.you-controller header #you-joker{grid-column:2/4!important}
.you-controller header .you-sound.is-active{background:var(--you-c)!important;color:#fff!important}

/* Reveal cards are deliberately static: state heartbeats must not replay entrance motion. */
.you-polaroid{animation:none!important;transition:none!important}
body:has(.arcade-main.play-youdothat) .arcade-feel-burst{filter:drop-shadow(6px 7px 0 #2a1711)!important}
body:has(.arcade-main.play-youdothat) .arcade-feel-burst b{border:3px solid #2a1711!important;border-radius:999px!important;background:#f2ae2e!important;box-shadow:none!important;color:#2a1711!important;padding:12px 22px!important;font-family:ArcadeDisplay,Public Sans,sans-serif!important;font-size:clamp(1.2rem,3.2vw,3.25rem)!important;letter-spacing:-.045em!important;text-shadow:none!important;transform:rotate(-1deg)!important}
body:has(.arcade-main.play-youdothat) .arcade-feel-burst i{display:none!important}

@media(max-width:1050px){.you-game{height:auto!important;min-height:100dvh!important}.you-tv{padding-top:82px!important}.you-controller.you-actionbar{border-radius:20px 20px 0 0!important}}
@media(max-width:680px){.arcade-main.page-play.play-youdothat .game-stage{padding:0!important}.you-tv{padding:82px 7px 10px!important;border-radius:0!important}.you-head{grid-template-columns:minmax(0,1fr) auto!important}.you-head .you-fullscreen{grid-column:2!important}.you-head .game-abort{display:none!important}.you-controller.you-actionbar{border-radius:18px 18px 0 0!important}.you-controller header{grid-template-columns:minmax(0,1fr) auto auto!important}}

/* Immersive theme world: no dotted arcade canvas around this game. */
body:has(.arcade-main.play-youdothat){background:#17100d!important}
body:has(.arcade-main.play-youdothat) .arcade-bg{display:none!important}
.arcade-main.page-play.play-youdothat{
  width:100vw!important;
  max-width:none!important;
  background:none!important;
}
.arcade-main.page-play.play-youdothat .game-stage{
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#17100d!important;
  box-shadow:none!important;
}
.arcade-main.page-play.play-youdothat .game-stage>.you-game{
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  background-image:linear-gradient(rgba(15,10,8,.2),rgba(15,10,8,.44)),var(--you-scene)!important;
  background-size:cover!important;
  background-position:center!important;
  background-attachment:fixed!important;
}
.arcade-main.page-play.play-youdothat .you-tv{
  background-image:
    radial-gradient(circle at 50% 38%,rgba(255,255,255,.04),transparent 38%),
    linear-gradient(rgba(16,17,13,.3),rgba(16,17,13,.5)),
    var(--you-scene)!important;
}

.you-prompt-card .you-commentary{
  margin-top:14px!important;
  max-width:820px!important;
  border:2px solid var(--you-ink)!important;
  border-radius:999px!important;
  background:var(--you-c)!important;
  color:#fffaf0!important;
  padding:8px 16px!important;
  font-size:.86rem!important;
  font-weight:900!important;
  box-shadow:3px 3px 0 var(--you-ink)!important;
}
.you-commentary[hidden]{display:none!important}

.you-controller header .you-joker-explain{
  grid-column:1/-1!important;
  margin:2px 1px 0!important;
  color:#6c4e3e!important;
  font-size:.61rem!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.you-advance-controls{
  min-width:0;
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:7px;
}
.you-advance-controls:has(.you-next[hidden]):has(.you-pause[hidden]){display:none}
.you-advance-controls:has(.you-pause[hidden]){grid-template-rows:1fr}
.you-advance-controls .you-next,
.you-advance-controls .you-pause{
  width:100%!important;
  height:auto!important;
  min-height:44px!important;
  border:2px solid var(--you-ink)!important;
  border-radius:14px!important;
  color:var(--you-ink)!important;
  box-shadow:3px 3px 0 var(--you-ink)!important;
  font-weight:950!important;
}
.you-advance-controls .you-next{background:var(--you-b)!important}
.you-advance-controls .you-pause{background:#fff4d6!important}
.you-advance-controls .you-pause.is-paused{background:var(--you-c)!important;color:#fff!important}
.you-advance-controls .you-pause[hidden]{display:none!important}

.you-game:fullscreen{
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  background-image:linear-gradient(rgba(15,10,8,.16),rgba(15,10,8,.42)),var(--you-scene)!important;
  background-size:cover!important;
  background-position:center!important;
}
.you-game:fullscreen::backdrop{background:#17100d}
.you-game:fullscreen .you-tv{
  padding-top:14px!important;
  border:0!important;
  border-radius:0!important;
}
.you-game:fullscreen .you-controller.you-actionbar{
  border-radius:20px 20px 0 0!important;
}

@media(max-width:1050px){
  .you-advance-controls{min-height:64px}
}
@media(max-width:680px){
  .arcade-main.page-play.play-youdothat .game-stage>.you-game{width:100vw!important}
  .you-game:fullscreen .you-tv{padding-top:7px!important}
  .you-commentary{border-radius:16px!important;font-size:.75rem!important}
}
