.arcade-main.page-play.play-thisorthat{width:100%;padding:calc(var(--play-nav-h) + 10px) clamp(8px,1.2vw,20px) 12px;background-color:#f5ead0;background-image:radial-gradient(rgba(92,58,34,.2) 1.2px,transparent 1.2px);background-size:13px 13px}
.arcade-main.page-play.play-thisorthat .game-stage{min-height:calc(100dvh - var(--play-nav-h) - 22px);width:100%}
.tot-game{--tot-ink:#2b1710;--tot-paper:#fff6df;--tot-orange:#ed5528;--tot-gold:#f2ad28;--tot-teal:#247f78;--tot-blue:#23617a;position:relative;width:100%;min-height:calc(100dvh - var(--play-nav-h) - 22px);height:calc(100dvh - var(--play-nav-h) - 22px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;color:var(--tot-ink);font-family:Public Sans,sans-serif}
.tot-game[data-tot-category="football"]{--tot-orange:#d84d27;--tot-gold:#efb633;--tot-teal:#26705b;--tot-blue:#174d44}.tot-game[data-tot-category="countries"]{--tot-orange:#e5652c;--tot-gold:#eeb52e;--tot-teal:#318f91;--tot-blue:#245c78}
.tot-header,.tot-footer,.tot-choice,.tot-set-intro,.tot-reveal{border:3px solid var(--tot-ink);box-shadow:7px 8px 0 var(--tot-ink)}
.tot-header{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:10px 14px 10px 20px;border-radius:22px;background:var(--tot-paper);overflow:hidden}
.tot-header:before{content:"";position:absolute;right:265px;top:-70px;width:230px;height:180px;border:18px solid var(--tot-gold);border-left-color:var(--tot-orange);border-radius:50%;opacity:.75;pointer-events:none}
.tot-title{position:relative}.tot-title p{margin:0;color:var(--tot-orange);font-size:.68rem;font-weight:900;letter-spacing:.18em}.tot-title h1{margin:-2px 0 0;font:900 clamp(1.65rem,3vw,3rem)/.95 ArcadeDisplay,Public Sans,sans-serif;letter-spacing:-.055em}.tot-title>span{display:block;margin-top:3px;font-size:.76rem;font-weight:800;color:#6f4b38}
.tot-progress{position:relative;display:flex;gap:8px}.tot-progress>div{min-width:82px;padding:8px 12px;border:2px solid var(--tot-ink);border-radius:13px;background:#f7d991;text-align:center;box-shadow:3px 3px 0 var(--tot-ink)}.tot-progress small{display:block;font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.tot-progress b{font:900 1.05rem/1 ArcadeDisplay,Public Sans,sans-serif}
.tot-header .game-abort{position:relative;min-height:48px;padding:0 16px;border:2px solid var(--tot-ink);border-radius:13px;background:var(--tot-paper);color:var(--tot-ink);font-size:.7rem;font-weight:900;text-transform:uppercase;box-shadow:3px 3px 0 var(--tot-ink)}
.tot-stage{position:relative;min-height:0;display:grid;place-items:center;padding:2px 4px}
.tot-choice-board{position:relative;width:min(100%,1480px);height:100%;min-height:370px;display:grid;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);align-items:stretch;gap:10px}
.tot-choice{position:relative;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:8px;padding:13px;border-radius:28px;background:var(--tot-paper);color:var(--tot-ink);overflow:hidden;cursor:pointer;transition:transform .22s ease,filter .22s ease,opacity .22s ease,box-shadow .22s ease}
.tot-choice.is-left{background:linear-gradient(155deg,#fff5da 0 62%,#f5b12e 62%)}.tot-choice.is-right{background:linear-gradient(205deg,#fff5da 0 62%,#6faaa0 62%)}
.tot-choice:hover:not(:disabled),.tot-choice:focus-visible:not(:disabled){transform:translateY(-5px) rotate(-.35deg);box-shadow:10px 13px 0 var(--tot-ink);outline:none}.tot-choice.is-right:hover:not(:disabled){transform:translateY(-5px) rotate(.35deg)}
.tot-choice:disabled{cursor:default}.tot-choice.is-minority{opacity:.55;filter:saturate(.55)}.tot-choice.is-majority{transform:translateY(-4px);box-shadow:10px 12px 0 var(--tot-ink)}.tot-choice.is-awarded:after{content:"+1";position:absolute;right:18px;top:18px;display:grid;place-items:center;width:58px;height:58px;border:3px solid var(--tot-ink);border-radius:50%;background:#52a66d;color:#fff8e8;font:900 1.25rem ArcadeDisplay,Public Sans,sans-serif;box-shadow:3px 4px 0 var(--tot-ink);animation:tot-badge-pop .42s cubic-bezier(.2,.9,.3,1.3)}
.tot-choice-letter{position:absolute;z-index:2;left:18px;top:18px;width:44px;height:38px;display:grid;place-items:center;border:2px solid var(--tot-ink);border-radius:11px;background:var(--tot-orange);color:#fff6df;font:900 1.15rem ArcadeDisplay,Public Sans,sans-serif;box-shadow:3px 3px 0 var(--tot-ink)}.tot-choice.is-right .tot-choice-letter{background:var(--tot-teal)}
.tot-choice-media{position:relative;min-height:0;display:grid;place-items:center;border:2px solid var(--tot-ink);border-radius:19px;background:#ead7ae;overflow:hidden}.tot-choice-media:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 105% 105%,transparent 0 25px,rgba(237,85,40,.16) 26px 40px);pointer-events:none}.tot-choice-media img{position:relative;z-index:1;width:100%;height:100%;max-height:100%;object-fit:contain;padding:clamp(10px,2vw,28px);filter:drop-shadow(4px 5px 0 rgba(43,23,16,.22))}.tot-game[data-tot-category="music"] .tot-choice-media img{width:min(74%,360px);aspect-ratio:1;object-fit:cover;padding:0;border:3px solid var(--tot-ink);border-radius:14px}.tot-choice-media>i{display:none}
.tot-choice-copy{display:flex;min-height:72px;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 8px}.tot-choice-copy small{font-size:.67rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#76503d}.tot-choice-copy b{max-width:100%;font:900 clamp(1.25rem,2.5vw,2.5rem)/1 ArcadeDisplay,Public Sans,sans-serif;letter-spacing:-.04em;text-wrap:balance}
.tot-choice-votes{min-height:36px;display:flex;align-items:center;justify-content:center}.tot-choice-votes img{width:32px;height:32px;margin-left:-5px;border:2px solid var(--tot-ink);border-radius:50%;object-fit:cover;background:#fff}.tot-choice-votes b{margin-left:9px;font-size:.72rem}
.tot-audio-button{position:absolute;z-index:3;right:18px;bottom:108px;padding:8px 12px;border:2px solid var(--tot-ink);border-radius:999px;background:var(--tot-paper);box-shadow:3px 3px 0 var(--tot-ink);font-size:.68rem;font-weight:900}.tot-audio-button.is-playing{background:var(--tot-orange);color:#fff}
.tot-or{position:relative;z-index:4;align-self:center;display:grid;place-items:center;gap:2px;width:86px;height:86px;margin:0 -5px;border:3px solid var(--tot-ink);border-radius:50%;background:var(--tot-orange);color:#fff7e2;box-shadow:5px 6px 0 var(--tot-ink);transform:rotate(-4deg)}.tot-or span{font-size:.46rem;font-weight:1000;letter-spacing:.12em}.tot-or b{font:900 1.7rem/.75 ArcadeDisplay,Public Sans,sans-serif}
.tot-set-intro{width:min(760px,92%);min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;border-radius:30px;background:var(--tot-paper);text-align:center;animation:tot-intro .45s ease}.tot-set-intro>span{display:grid;place-items:center;width:82px;height:82px;margin-bottom:10px;border:3px solid var(--tot-ink);border-radius:50%;background:var(--tot-gold);box-shadow:5px 6px 0 var(--tot-ink);font:900 2.5rem ArcadeDisplay,Public Sans,sans-serif}.tot-set-intro small{font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--tot-orange)}.tot-set-intro h2{margin:6px 0;font:900 clamp(2.5rem,6vw,5.5rem)/.9 ArcadeDisplay,Public Sans,sans-serif;letter-spacing:-.06em}.tot-set-intro p{margin:8px 0 0;font-weight:700;color:#6d4937}
.tot-reveal{position:absolute;z-index:7;left:50%;bottom:12px;transform:translateX(-50%);width:min(640px,82%);padding:11px 18px;border-radius:16px;background:var(--tot-paper);text-align:center;animation:tot-pop .4s cubic-bezier(.2,.9,.3,1.25)}.tot-reveal b{font:900 1.25rem ArcadeDisplay,Public Sans,sans-serif}.tot-reveal p{margin:2px 0 0;font-size:.74rem;font-weight:800;color:#6d4937}
.tot-footer{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:13px;padding:10px;border-radius:20px;background:var(--tot-gold)}
.tot-status{display:flex;flex-direction:column;justify-content:center;padding:9px 15px;border:2px solid var(--tot-ink);border-radius:13px;background:var(--tot-paper)}.tot-status span{font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--tot-orange)}.tot-status b{font:900 1rem ArcadeDisplay,Public Sans,sans-serif}.tot-status p{margin:2px 0 0;font-size:.66rem;color:#795341}
.tot-scoreboard{min-width:0;padding:7px 9px;border:2px solid var(--tot-ink);border-radius:13px;background:#fff2d5}.tot-scoreboard>header{display:flex;justify-content:space-between;margin-bottom:5px}.tot-scoreboard>header span{font-size:.63rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tot-scoreboard>header small{font-size:.58rem;color:#76503d}.tot-scoreboard>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:5px}.tot-scoreboard article{position:relative;min-width:0;display:grid;grid-template-columns:25px 30px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 7px;border:1.5px solid var(--tot-ink);border-radius:9px;background:#fff8e8}.tot-scoreboard article>i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#d5c6a5;font-style:normal;font-size:.62rem;font-weight:1000}.tot-scoreboard article.rank-1>i{background:#e9b62d}.tot-scoreboard article.rank-2>i{background:#bac0c1}.tot-scoreboard article.rank-3>i{background:#bd7545;color:#fff}.tot-scoreboard article>img{width:29px;height:29px;border:1.5px solid var(--tot-ink);border-radius:50%;object-fit:cover}.tot-scoreboard article>div{min-width:0}.tot-scoreboard article b,.tot-scoreboard article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tot-scoreboard article b{font-size:.7rem}.tot-scoreboard article small{font-size:.52rem;color:#76503d}.tot-scoreboard article>strong{position:relative;font:900 1rem ArcadeDisplay,Public Sans,sans-serif}.tot-scoreboard article>strong em{position:absolute;right:-5px;top:-14px;color:#28824d;font:900 .58rem Public Sans,sans-serif}.tot-scoreboard article.is-awarded{background:#e1f1d5}
.thisorthat-settings-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.thisorthat-settings-guide article{display:flex;align-items:center;gap:8px;padding:9px;border:2px solid #2b1710;border-radius:12px;background:#fff1cf;box-shadow:3px 3px 0 #2b1710}.thisorthat-settings-guide article>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#efad2e;font-weight:1000}.thisorthat-settings-guide b,.thisorthat-settings-guide p{display:block;margin:0}.thisorthat-settings-guide b{font-size:.72rem}.thisorthat-settings-guide p{font-size:.58rem;line-height:1.25}.thisorthat-category-settings label{display:grid!important;grid-template-columns:auto 32px minmax(0,1fr);align-items:center}.thisorthat-category-settings label>i{font-style:normal;font-size:1.3rem}.thisorthat-category-settings label span b,.thisorthat-category-settings label span small{display:block}.thisorthat-category-settings label span small{font-size:.6rem}
@keyframes tot-pop{from{opacity:0;transform:translateX(-50%) scale(.82)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes tot-badge-pop{from{opacity:0;transform:scale(.72) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes tot-intro{from{opacity:0;transform:scale(.92) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:760px){.arcade-main.page-play.play-thisorthat{padding-left:6px;padding-right:6px}.tot-game{height:auto;min-height:calc(100dvh - var(--play-nav-h) - 12px);grid-template-rows:auto minmax(510px,1fr) auto}.tot-header{grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.tot-title h1{font-size:1.55rem}.tot-title>span{font-size:.63rem}.tot-progress>div{min-width:54px;padding:7px 6px}.tot-header .game-abort{display:none}.tot-choice-board{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:7px;min-height:500px}.tot-choice{padding:8px;border-radius:20px;box-shadow:4px 5px 0 var(--tot-ink)}.tot-or{position:absolute;left:50%;top:42%;width:60px;height:60px;transform:translate(-50%,-50%) rotate(-4deg)}.tot-or b{font-size:1.25rem}.tot-choice-letter{left:12px;top:12px;width:35px;height:31px}.tot-choice-media img{padding:9px}.tot-game[data-tot-category="music"] .tot-choice-media img{width:92%;height:auto}.tot-choice-copy{min-height:105px;padding:0 1px}.tot-choice-copy small{font-size:.56rem}.tot-choice-copy b{font-size:clamp(1rem,5vw,1.5rem)}.tot-audio-button{right:8px;bottom:132px;padding:6px 8px}.tot-reveal{bottom:8px;width:92%}.tot-footer{grid-template-columns:1fr;padding:7px}.tot-status{padding:7px 11px}.tot-scoreboard>div{grid-template-columns:repeat(2,minmax(0,1fr))}.thisorthat-settings-guide{grid-template-columns:1fr}}
body.is-controller-device .arcade-main.page-play.play-thisorthat{padding-top:calc(var(--play-nav-h) + 4px)}body.is-controller-device .tot-game{height:calc(100dvh - var(--play-nav-h) - 8px);min-height:560px;grid-template-rows:auto minmax(0,1fr) auto}body.is-controller-device .tot-header{grid-template-columns:1fr auto}body.is-controller-device .tot-title p,body.is-controller-device .tot-title>span,body.is-controller-device .tot-header:before{display:none}body.is-controller-device .tot-progress>div:first-child{display:none}body.is-controller-device .tot-stage{padding:0}body.is-controller-device .tot-choice-board{min-height:0}body.is-controller-device .tot-choice-media{display:none}body.is-controller-device .tot-choice{grid-template-rows:1fr auto;align-content:center;min-height:220px}body.is-controller-device .tot-choice-copy{min-height:0}body.is-controller-device .tot-choice-copy b{font-size:clamp(1.3rem,7vw,2.2rem)}body.is-controller-device .tot-audio-button,body.is-controller-device .tot-scoreboard{display:none!important}body.is-controller-device .tot-footer{grid-template-columns:1fr}body.is-controller-device .tot-status{text-align:center;align-items:center}body.is-controller-device .tot-choice-votes img{display:none}
body:not(.is-controller-device).has-paired-controller .tot-choice{cursor:default}
@media(max-height:760px) and (min-width:900px){.tot-choice-copy{min-height:58px}.tot-header{padding-top:7px;padding-bottom:7px}.tot-footer{padding:7px}.tot-choice-media img{padding:10px}.tot-game[data-tot-category="music"] .tot-choice-media img{width:min(58%,270px)}}