@font-face{font-family:Outfit;src:url('/fonts/outfit-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url('/fonts/outfit-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--sc-canvas:#efd7b4;--sc-surface:#f7e6cb;--sc-ink:#38251c;--sc-ink-soft:#654c3c;--sc-accent:#ad4821;--sc-accent-ink:#fff2df;--sc-font-display:Outfit,system-ui,sans-serif;--sc-font-text:Outfit,system-ui,sans-serif;--ink:#38251c;--muted:#654c3c;--paper:#f7e6cb;--accent:#ad4821;--line:#b79b78;--gutter:clamp(20px,6vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#efd7b4;color:var(--ink);font:400 18px/1.5 Outfit,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #823419;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.03;letter-spacing:-.04em;text-wrap:balance}h2{font-size:clamp(38px,4.2vw,64px)}h3{font-size:28px;letter-spacing:-.025em}p{text-wrap:pretty}svg{display:inline-block}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:12px}.skip-link:focus{top:10px}
.header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px var(--gutter);position:relative;z-index:10;border-bottom:1px solid #d5b88c;background:#f0d6afd9}.wordmark{text-decoration:none;white-space:nowrap;font-size:29px;line-height:1;font-weight:700;letter-spacing:-.045em}.wordmark span{color:var(--accent)}.wordmark i{font-style:normal;display:inline-block;margin-left:4px;color:var(--accent);font-size:24px}nav{display:flex;gap:26px}nav a{text-decoration:none;font-size:16px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.header-actions{display:flex;gap:18px;align-items:center}.languages{display:flex;border:1px solid #c8a778;border-radius:30px;padding:4px}.languages button{border:0;background:none;padding:9px 13px;min-height:44px;font-size:14px;border-radius:24px;color:var(--ink)}.languages button[aria-pressed=true]{background:var(--accent);color:#fff2df}.button{border:1px solid #aa451e;background:linear-gradient(165deg,#c75b29,#aa451e);color:#fff2df;padding:16px 28px;border-radius:30px;font-weight:700;line-height:1.25;display:inline-flex;justify-content:center;align-items:center;gap:18px;text-decoration:none;min-height:52px;box-shadow:0 5px 12px #7e391625;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 16px #7e39162e}.button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.button.small{font-size:14px;padding:11px 18px;min-height:44px;border-radius:16px}.button.secondary{background:transparent;color:var(--accent);box-shadow:none}.text-button{border:0;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:5px;min-height:44px;padding:8px;font-size:15px}
.hero{position:relative;min-height:610px;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;padding:70px max(var(--gutter),calc((100vw - 1200px)/2));gap:25px;isolation:isolate;overflow:hidden}.hero-environment{position:absolute;inset:-5% 0 -5%;background:url('/room-background.webp') center 56%/cover no-repeat;z-index:-2}.hero-copy{position:relative;z-index:2;max-width:640px;padding-bottom:65px}.hero h1{font-size:clamp(50px,4.95vw,76px);max-width:650px;line-height:1.04}.hero-copy p{font-size:clamp(20px,2vw,27px);line-height:1.25;max-width:500px;margin:24px 0;color:#523724}.hero-button{font-size:20px}.score-scene{position:relative;height:350px;perspective:1200px;margin-top:80px}.scene-layer{position:absolute;top:0;width:36%;max-width:200px;will-change:transform}.layer-easy{left:0;z-index:1}.layer-medium{left:30%;top:-22px;z-index:3}.layer-hard{left:62%;top:12px;z-index:4}.score-paper{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:310px;gap:5px;background:linear-gradient(115deg,#ffefd4,#ecd3ac);color:var(--ink);border:1px solid #ffe7c2;border-right:7px solid #c8a278;border-bottom:5px solid #bd9163;border-radius:18px;box-shadow:8px 20px 15px #5c321332,1px 2px 3px #794a2440;transform:rotate(-7deg) rotateY(8deg);transition:transform .3s;font-size:21px;font-weight:700}.score-paper:hover{transform:rotate(-4deg) translateY(-9px)}.score-paper strong{font-size:74px;line-height:1}.score-paper.medium{transform:rotate(7deg) rotateY(-7deg)}.score-paper.hard{transform:rotate(-7deg) rotateY(-10deg)}.score-paper.medium:hover{transform:rotate(3deg) translateY(-9px)}.score-paper.hard:hover{transform:rotate(-4deg) translateY(-9px)}.brain-icon{width:80px;height:80px;fill:#e5a743;stroke:#a95e15;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;margin:10px 0}.medium .brain-icon,[data-level=medium] .brain-icon{fill:#e9904c;stroke:#aa491c}.hard .brain-icon,[data-level=hard] .brain-icon{fill:#cb6734;stroke:#843412}.welcome-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px var(--gutter);border-top:1px solid #f8e6c8;border-bottom:1px solid #d1b388;background:#e8c79c;font-size:16px}.welcome-line p{font-weight:700}#player-summary{font-size:14px;white-space:nowrap}
.section{padding:80px var(--gutter);max-width:1500px;margin:auto;scroll-margin-top:20px}.section-heading{margin-bottom:36px}.section-heading p{margin-top:16px;max-width:650px;color:var(--muted);font-size:21px;line-height:1.4}.play-section{background:#f3dec0}.level-selector{display:flex;gap:18px}.level-option{display:flex;align-items:center;gap:18px;flex:1;text-align:left;padding:22px;background:transparent;border:1px solid #bda07c;border-radius:20px;min-width:0;color:var(--ink);transition:background .2s,box-shadow .2s}.level-option.selected{background:#fcebd1;border:2px solid #ad4821;padding:21px;box-shadow:0 8px 20px #91603520}.level-option .brain-icon{height:66px;width:66px;flex:none}.level-option strong{display:block;font-size:25px;line-height:1.2}.level-option small{display:block;font-size:15px}.availability{margin-left:auto;color:var(--muted);max-width:70px;text-align:right}.game-panel{margin-top:30px;padding:35px 0 0;border-top:1px solid #c8aa83}.game-panel>p:first-child{font-size:25px;font-weight:700;max-width:800px;margin-bottom:24px}.fine-print{font-size:14px;line-height:1.5;color:var(--muted);max-width:680px;margin-top:18px}.question-meta{display:flex;gap:20px;align-items:center;font-size:15px;color:var(--muted);margin-bottom:20px}.question{font-size:clamp(24px,3vw,38px);max-width:850px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;max-width:900px}.answer{border:1px solid #ad906d;background:#f7e6cb;color:var(--ink);text-align:left;padding:20px 24px;border-radius:14px;min-height:66px}.answer:hover{background:#efd3a9}.result-title{font-size:35px;margin-bottom:16px}.result-meme{width:min(350px,100%);height:auto;display:block;margin:22px 0;border-radius:14px}.result-actions{display:flex;gap:16px;margin-top:25px;flex-wrap:wrap}
.challenge-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,7vw,110px);background:#e1b889}.challenge-intro h2{font-size:clamp(58px,6.5vw,92px);line-height:.98}.challenge-intro>p{margin-top:22px;max-width:390px;font-size:21px}.challenge-intro .fine-print{font-size:14px}.friend-symbol{display:flex;gap:15px;height:100px;align-items:center;font-size:86px;line-height:1;color:#a94b23;letter-spacing:-15px;margin-top:18px}.friend-symbol span:nth-child(2){color:#fff0d4;transform:rotate(20deg)}.room-workspace{background:#f0d3ad;padding:32px;border-radius:24px;border:1px solid #c5a074;align-self:center;box-shadow:0 13px 28px #8f603121}.room-form h3{margin-bottom:25px}label{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:700}input,select{width:100%;padding:13px 15px;background:#f9e8ce;color:var(--ink);border:1px solid #b39064;border-radius:10px;min-height:50px;min-width:0;font-weight:400}select{padding-right:26px}input::placeholder{color:#7d6247}.form-row{display:flex;gap:16px;margin:20px 0 24px}.form-row label{flex:1;min-width:0}.join-form{border-top:1px solid #c6a478;margin-top:28px;padding-top:25px}.join-form>div{display:flex;gap:12px;margin-top:10px}.join-form input{text-transform:uppercase;font-family:ui-monospace,monospace;letter-spacing:1px}.error{font-size:15px;color:#88260e;margin-top:14px}.room-title{font-size:32px;margin:12px 0 15px;overflow-wrap:anywhere}.room-code{font-family:ui-monospace,monospace;font-size:24px;letter-spacing:2px;display:block;margin:15px 0}.invitation-link{font-size:13px;overflow-wrap:anywhere;margin:15px 0;color:#684930}.room-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.standings{list-style:none;padding:0;margin:24px 0 0}.standings li{display:flex;gap:16px;justify-content:space-between;padding:12px 0;border-top:1px solid #c5a47c}.standings li strong{margin-left:auto}.standings li span:first-child{overflow-wrap:anywhere}.team-totals{display:flex;gap:25px;font-size:25px;font-weight:700;margin:20px 0}
.leaderboard-section{background:#ead4b1}.ranking-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{padding:11px 20px;border:1px solid #b89a74;border-radius:24px;background:transparent;color:var(--ink);min-height:44px;font-size:15px}.tabs button.selected{background:var(--ink);color:#ffe8c3;border-color:var(--ink)}.empty-state{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:13px;padding:30px 20px;border-top:1px solid #c6ab84;border-bottom:1px solid #c6ab84}.empty-state h3{font-size:30px}.empty-state p{max-width:500px;font-size:17px;color:var(--muted)}.empty-symbol{font-size:54px;line-height:1;color:#a56938;margin-bottom:10px}.ranking-table{width:100%;border-collapse:collapse;font-size:19px}.ranking-table th{font-size:14px;font-weight:400;text-align:left;padding:12px;border-bottom:1px solid #b69772}.ranking-table td{padding:18px 12px;border-bottom:1px solid #c6ab84;overflow-wrap:anywhere}.ranking-table td:last-child,.ranking-table th:last-child{text-align:right;font-weight:700}.ranking-table td:first-child{width:60px;color:#875b33}.meme-section{background:#f0d6b2}.search-label{margin-bottom:9px}.meme-section>input{max-width:620px;margin-bottom:30px}.meme-grid,.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.meme-grid .empty-state,.video-grid .empty-state{grid-column:1/-1}.meme-item{border-bottom:1px solid #c2a178;padding-bottom:25px;min-width:0}.meme-item img{width:100%;aspect-ratio:1;object-fit:contain;background:#e1bd90;border-radius:15px}.meme-item h3{font-size:25px;margin:15px 0 10px}.meme-item p{font-size:14px;margin-top:8px;overflow-wrap:anywhere}.meme-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.meme-tools .button{font-size:14px;padding:12px 18px}.video-section{background:#e8c79f}.video-item{min-width:0}.video-item video{width:100%;border-radius:16px;background:#553827;aspect-ratio:16/9}.video-item h3{font-size:24px;margin:17px 0 9px}.video-item p{font-size:16px}.closing{padding:80px var(--gutter) 90px;background:#c97646;color:#3e2418;text-align:center}.closing h2{font-size:clamp(50px,7vw,95px);margin-bottom:28px}.closing .button{background:#3d261b;border-color:#3d261b;color:#fbe2ba}footer{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:38px var(--gutter);font-size:15px}footer .wordmark{font-size:23px}
dialog{border:1px solid #af8657;border-radius:24px;background:#f2d9b6;color:var(--ink);padding:40px;width:min(550px,calc(100% - 30px));max-height:90dvh;box-shadow:0 20px 80px #38251c50}dialog::backdrop{background:#38251c70;backdrop-filter:blur(4px)}dialog h2{font-size:35px;line-height:1.12;margin:10px 0 26px}.close-dialog{position:absolute;right:16px;top:10px;border:0;background:none;font-size:34px;line-height:1;padding:5px 9px;min-height:44px;color:var(--ink)}.auth-tabs{margin-bottom:24px}.auth-tabs button{padding:9px 14px;font-size:14px}#auth-form label{margin-top:15px}#auth-submit{margin-top:24px;width:100%}.recovery-box{padding:18px;background:#f9e8ce;border:1px solid #ba9263;border-radius:12px;overflow-wrap:anywhere;font-family:ui-monospace,monospace;margin:20px 0}.account-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}#privacy-dialog p{margin-top:18px;font-size:16px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#3d261b;color:#ffedcf;padding:14px 24px;border-radius:15px;z-index:100;max-width:calc(100% - 30px);font-size:16px;box-shadow:0 6px 20px #38251c30}
@media(max-width:1180px){.header{gap:16px;padding-left:30px;padding-right:30px}nav{gap:16px}nav a{font-size:14px}.wordmark{font-size:25px}.header-actions{gap:10px}.hero{padding-left:70px;padding-right:45px;min-height:610px}.hero h1{font-size:58px}.hero-copy p{font-size:23px}.score-paper{height:285px;font-size:19px}.score-paper strong{font-size:66px}.level-option{gap:10px;padding:18px}.level-option.selected{padding:17px}.level-option .brain-icon{width:48px;height:48px}.availability{font-size:12px!important}}
@media(max-width:940px){.header{flex-wrap:wrap;gap:20px;min-height:125px}.header nav{order:3;width:100%;justify-content:center;gap:30px}.header-actions{margin-left:auto}.hero{padding:60px 35px 30px;min-height:570px;gap:20px}.hero h1{font-size:45px}.hero-copy{padding-bottom:0}.hero-copy p{font-size:20px}.hero-button{font-size:17px;padding:14px 20px}.score-scene{height:300px}.score-paper{height:240px;font-size:16px;border-right-width:4px;border-bottom-width:4px;border-radius:14px}.score-paper strong{font-size:58px}.score-paper .brain-icon{width:60px;height:60px}.section{padding:55px 30px}.level-option{flex-direction:column;text-align:center;gap:7px}.availability{margin:0;max-width:none;text-align:center}.challenge-section{gap:35px;grid-template-columns:.75fr 1.25fr}.challenge-intro h2{font-size:62px}.room-workspace{padding:25px}.form-row{flex-direction:column;gap:15px}.meme-grid,.video-grid{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap}}
@media(max-width:640px){html{scroll-padding-top:15px}.header{padding:20px 20px 15px;gap:18px}.wordmark{font-size:24px}.wordmark i{display:none}.header-actions{display:contents}.languages{margin-left:auto;padding:3px;gap:0}.languages button{font-size:12px;padding:8px;min-height:44px}#account-button{order:4;margin-left:auto;min-height:44px;font-size:13px;padding:10px 15px}.header nav{order:3;width:auto;flex:1;justify-content:flex-start;gap:15px;margin:0}.header nav a{font-size:13px}.hero{display:block;padding:45px 22px 0;min-height:650px}.hero-environment{background-size:auto 100%;background-position:50% 50%}.hero-copy{max-width:450px;margin:0 auto;text-align:left}.hero h1{font-size:clamp(38px,9.7vw,57px);line-height:1.05}.hero-copy p{font-size:20px;margin:21px 0 24px}.hero-button{font-size:17px;width:100%;max-width:335px}.score-scene{height:265px;width:calc(100% - 10px);max-width:420px;margin:65px auto 0}.scene-layer{width:34%}.layer-easy{left:1%;top:0}.layer-medium{left:32%;top:-10px}.layer-hard{left:64%;top:0}.score-paper{height:225px;font-size:16px;border-radius:12px;gap:3px}.score-paper strong{font-size:60px}.score-paper .brain-icon{height:54px;width:54px;margin:6px 0}.welcome-line{padding:20px 22px;align-items:flex-start;flex-direction:column;gap:6px;font-size:14px}.section{padding:48px 22px}.section-heading{margin-bottom:26px}.section-heading p{font-size:18px;margin-top:14px}h2{font-size:40px}.level-selector{gap:9px}.level-option{padding:15px 7px;gap:7px;border-radius:15px}.level-option.selected{padding:14px 6px}.level-option .brain-icon{width:43px;height:43px;margin:0 0 3px}.level-option strong{font-size:20px}.level-option small{font-size:13px}.availability{font-size:11px!important}.game-panel{padding-top:25px}.game-panel>p:first-child{font-size:23px}.answers{grid-template-columns:1fr}.answer{padding:17px 20px}.challenge-section{display:block}.challenge-intro h2{font-size:62px}.challenge-intro h2 br{display:initial}.challenge-intro>p{font-size:20px;margin-top:20px;max-width:100%}.friend-symbol{height:80px;font-size:65px;margin:18px 0 0}.challenge-intro .fine-print{margin-bottom:28px;font-size:14px}.room-workspace{padding:24px 20px;border-radius:20px}.form-row{flex-direction:column}.join-form>div{flex-direction:column}.join-form .button{width:100%}.ranking-controls{gap:12px}.tabs{gap:7px}.tabs button{padding:10px 16px;font-size:13px}.ranking-table{font-size:16px}.ranking-table td{padding:14px 8px}.meme-grid,.video-grid{grid-template-columns:1fr}.empty-state{min-height:200px;padding:30px 5px}.empty-state h3{font-size:28px}.empty-state p{font-size:16px}.closing{padding:58px 22px}.closing h2{font-size:57px}footer{padding:30px 22px;gap:20px;font-size:14px}footer p{width:100%;order:3}dialog{padding:36px 24px}dialog h2{font-size:31px}.auth-tabs button{font-size:12px;padding:9px 12px}}
@media(max-width:360px){.header nav{gap:10px}.header nav a{font-size:12px}.wordmark{font-size:21px}.languages button{padding:7px;font-size:11px}.hero{padding-top:35px;min-height:600px}.hero h1{font-size:35px}.hero-copy p{font-size:18px}.score-paper{height:205px;font-size:14px}.score-paper strong{font-size:52px}.score-paper .brain-icon{width:46px;height:46px}.level-option strong{font-size:17px}.level-option small{font-size:12px}.level-option .brain-icon{width:38px;height:38px}.room-workspace{padding:22px 16px}.tabs button{padding:10px 13px}.hero-button{font-size:16px}.room-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scene-layer,.hero-environment{transform:none!important;will-change:auto}.score-paper:hover{transform:rotate(-7deg)}.score-paper.medium:hover{transform:rotate(7deg)}[data-sc-in]{opacity:1!important;transform:none!important}}
.languages a{display:block;text-decoration:none;padding:11px 14px;min-height:44px;border-radius:24px;font-size:14px;line-height:22px}.languages a[aria-current=page]{background:var(--accent);color:#fff2df}.legal-page{width:100%;max-width:920px;margin:45px auto 90px;padding:0 24px}.legal-page h1{font-size:46px;margin-bottom:30px}.legal-page h2{font-size:29px;line-height:1.15;margin-top:40px;margin-bottom:17px}.legal-page p{font-size:18px;line-height:1.65;margin-top:18px;overflow-wrap:anywhere}.legal-page a{text-underline-offset:4px}@media(max-width:640px){.legal-page{margin-top:35px}.legal-page h1{font-size:38px}.legal-page h2{font-size:27px}.legal-page p{font-size:17px}.languages a{padding:11px 10px;font-size:13px}}
