/* Soft Holo Lounge · light, dimensional surfaces with preserved production IDs. */
@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:#f7f6f0;--sc-surface:#fffdf6;--sc-ink:#30382d;--sc-ink-soft:#5e6956;--sc-accent:#a45b37;--sc-accent-ink:#fff9ed;--sc-font-display:Outfit,system-ui,sans-serif;--sc-font-text:Outfit,system-ui,sans-serif;--ink:#30382d;--muted:#606b57;--paper:#fffdf6;--accent:#98512f;--line:#d3d9c8;--gutter:clamp(22px,6vw,88px);--sage:#7b9468;--lilac:#a58cba;--peach:#edb18a;--surface:linear-gradient(140deg,#fffffff7 2%,#f4f8edeb 45%,#f7f2ecee 75%,#eeeaf7f5);--edge:inset 0 1px 0 #fff,inset 0 0 0 1px #ffffffa8;--shadow:0 5px 0 #bac6ad70,0 20px 30px -18px #4d604855,0 2px 4px #45533c0c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at 98% 35%,#e4e9da70,transparent 38%),radial-gradient(ellipse at 0% 65%,#e9e1ef40,transparent 40%),var(--sc-canvas);color:var(--ink);font:400 18px/1.5 Outfit,system-ui,sans-serif;overflow-x:clip}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 #446747;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(34px,3.4vw,52px)}h3{font-size:26px;letter-spacing:-.025em}p{text-wrap:pretty}svg{display:inline-block}button,a{touch-action:manipulation}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.skip-link{position:fixed;top:-110px;left:20px;z-index:100;background:var(--paper);padding:13px 18px;border-radius:14px}.skip-link:focus{top:10px}
.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 36px;max-width:1512px;margin:auto;position:relative;z-index:10}.wordmark{text-decoration:none;white-space:nowrap;font-size:26px;line-height:1;font-weight:700;letter-spacing:-.045em}.wordmark span{color:#9c5737}.wordmark i{font-style:normal;display:inline-grid;place-items:center;margin-left:6px;color:#73915c;font-size:22px;background:#e9efdf;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 1px 0 white}nav{display:flex;gap:25px;align-items:center}nav a{text-decoration:none;font-size:15px;min-height:44px;display:flex;align-items:center}nav a:hover{text-decoration:underline;text-underline-offset:6px}.header-actions{display:flex;gap:13px;align-items:center}.languages{display:flex;border:1px solid #d6dcca;border-radius:30px;padding:3px;background:#fffdf8;box-shadow:inset 0 1px 0 white}.languages button{border:0;background:none;padding:9px 12px;min-height:44px;font-size:13px;border-radius:24px;color:var(--ink)}.languages button[aria-pressed=true]{background:linear-gradient(150deg,#eef3e5,#dce6ce);box-shadow:inset 0 1px 0 white,0 2px 0 #c3cdb8;color:#34472d}
.button{position:relative;isolation:isolate;overflow:hidden;border:1px solid #fff6e7;background:linear-gradient(140deg,#ffd7b2,#efb084 58%,#e9a371);color:#533723;padding:15px 25px;border-radius:17px;font-weight:700;line-height:1.25;display:inline-flex;justify-content:center;align-items:center;gap:19px;text-decoration:none;min-height:52px;box-shadow:inset 0 1px 0 #fff4cf,0 5px 0 #bd7c52,0 15px 22px -10px #88644170;transition:transform .22s ease,box-shadow .22s ease}.button::before{content:'';position:absolute;inset:-100% -40%;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ffffff70 42%,#ffffff18 52%,transparent 63%);transform:translateX(-75%) rotate(-10deg);transition:transform .6s ease;pointer-events:none}.button:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff4cf,0 8px 0 #bd7c52,0 21px 27px -10px #88644155}.button:hover::before{transform:translateX(45%) rotate(-10deg)}.button:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #fff4cf,0 2px 0 #bd7c52,0 8px 15px -8px #88644155}.button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.button.small{font-size:14px;padding:11px 18px;min-height:44px;border-radius:15px}.button.secondary{background:linear-gradient(140deg,#fffdf9,#e8efdf 70%,#e8e2f0);color:#4d6441;border-color:#fff;box-shadow:inset 0 1px 0 white,0 4px 0 #afbf9f,0 12px 16px -9px #556b4750}.text-button{border:0;background:none;color:#48613c;text-decoration:underline;text-underline-offset:5px;min-height:44px;padding:8px;font-size:14px}
/* Independent wall/light/foreground/cards. The table and cup share one anchor. */
.hero{--hero-wall-y:0px;--hero-front-y:0px;--hero-card-easy-y:0px;--hero-card-medium-y:0px;--hero-card-hard-y:0px;position:relative;min-height:662px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;width:calc(100% - 40px);max-width:1456px;margin:0 auto 28px;padding:72px 6% 116px 15%;gap:32px;border:1px solid #e1d2b8;border-radius:34px;isolation:isolate;overflow:hidden;background:#fcebd2;box-shadow:0 26px 50px -36px #79684666,inset 0 1px 0 #fff8e4}
.hero-environment,.hero-wall,.hero-foreground{position:absolute;inset:-22px 0;background-position:left bottom;background-size:cover;background-repeat:no-repeat;pointer-events:none;will-change:transform}.hero-environment{background-image:url('/room-background.webp');z-index:-5;transform:translate3d(0,calc(var(--hero-wall-y) * .3),0)}.hero-wall{z-index:-5;opacity:0;background-image:var(--hero-wall-image,url('/hero-media/room-clean.webp'));transform:translate3d(0,var(--hero-wall-y),0)}.hero-foreground{z-index:1;opacity:0;background-image:var(--hero-front-image,url('/hero-media/room-foreground.webp'));transform:translate3d(0,var(--hero-front-y),0)}.hero.has-hero-layers .hero-wall,.hero.has-hero-layers .hero-foreground{opacity:1}.hero.has-hero-layers .hero-environment{visibility:hidden}.hero-copy{position:relative;z-index:4;max-width:650px}.hero h1{font-size:clamp(45px,4.55vw,68px);max-width:680px;line-height:1.07;letter-spacing:-.045em;color:#343b2e}.hero h1 .hero-soft,.hero h1 span:last-child{color:#755137}.hero-copy>p{font-size:clamp(19px,1.7vw,24px);line-height:1.42;max-width:430px;margin:25px 0 29px;color:#515b44}.hero-button{font-size:17px;z-index:4}.hero-secondary{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin-top:16px}.hero-secondary .text-button{color:#4b5940;font-size:13px;padding:8px 0}
.hero-ambient{position:absolute;inset:0;pointer-events:none;z-index:-3;overflow:hidden}.ambient-orb{position:absolute;width:370px;height:330px;display:block;border-radius:48% 52% 55% 45%;background:radial-gradient(ellipse at 30% 30%,#fafff858,#b0d0a054 30%,#d8e4e300 73%);border:1px solid #f8fff475;transform:rotate(-22deg);box-shadow:inset 0 1px 0 #ffffffe0;animation:ambient-lounge 12s ease-in-out infinite alternate}.orb-sage{right:5%;top:10%}.orb-lilac{right:2%;top:28%;width:290px;height:350px;background:radial-gradient(ellipse at 70% 20%,#fff8fc88,#c6b3da59 36%,#ded8e600 73%);animation-duration:16s;animation-delay:-4s;transform:rotate(26deg)}
.score-scene{position:relative;z-index:5;height:320px;perspective:1200px;margin-top:86px;pointer-events:none;min-width:0}.scene-layer{position:absolute;top:0;width:36%;max-width:190px;will-change:transform;pointer-events:none;--scene-drift:0px;--scene-sway:0deg;--scene-scroll:0px;transform:translate3d(0,calc(var(--scene-drift) + var(--scene-scroll)),0) rotate(var(--scene-sway))}.layer-easy{left:0;z-index:1;--scene-scroll:var(--hero-card-easy-y)}.layer-medium{left:30%;top:-28px;z-index:3;--scene-scroll:var(--hero-card-medium-y)}.layer-hard{left:61%;top:21px;z-index:4;--scene-scroll:var(--hero-card-hard-y)}
.score-paper,.level-option,.game-panel,.room-workspace,.meme-item,.video-item,.empty-state{position:relative;isolation:isolate;overflow:hidden;background:var(--surface);border:1px solid white;border-right:3px solid #dce5d1;border-bottom:5px solid #b5c5a6;border-radius:25px;box-shadow:var(--edge),0 18px 28px -17px #6171514f}
.score-paper::before,.level-option::before,.game-panel::before,.room-workspace::before,.meme-item::before,.video-item::before,.empty-state::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:conic-gradient(from 190deg at 25% 20%,#e9d2ff36,#b7dca456,#f9c5a641,#e7ecf76b,#cde7e536);opacity:.6}
.score-paper{--rest-z:-10deg;--rest-y:6deg;--tilt-x:0deg;--tilt-y:0deg;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:270px;padding:24px 17px;gap:5px;color:#414c36;border-right-width:4px;box-shadow:var(--edge),0 24px 27px -13px #59694b66,5px 5px 3px #8a9d7325;transform:rotateZ(var(--rest-z)) rotateY(calc(var(--rest-y) + var(--tilt-y))) rotateX(var(--tilt-x));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.75,.2,1);font-size:18px;font-weight:700;pointer-events:auto;touch-action:manipulation}.score-paper::after{content:'';position:absolute;inset:-50% -80%;background:linear-gradient(115deg,transparent 30%,#ffffffbd 42%,transparent 55%);transform:translateX(-28%) rotate(-8deg);pointer-events:none;animation:foil-light 7s ease-in-out infinite alternate;z-index:-1}.score-paper strong{font-size:62px;line-height:1;margin-top:6px;text-shadow:0 2px 0 #ffffffcc}.score-paper.medium{--rest-z:7deg;--rest-y:-6deg;border-right-color:#e4d6cb;border-bottom-color:#c8a68c}.score-paper.hard{--rest-z:-6deg;--rest-y:-7deg;border-right-color:#e2d9eb;border-bottom-color:#b2a1c5}.score-paper:hover{transform:translateY(-8px) rotateZ(calc(var(--rest-z) * .65)) rotateY(var(--tilt-y)) rotateX(var(--tilt-x))}.score-paper[aria-pressed=true]{outline:2px solid #7e9168;outline-offset:4px}.brain-icon{width:66px;height:66px;fill:#d0ddb1;stroke:#758b5b;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin:10px 0;filter:drop-shadow(0 5px 0 #83986c45)}.medium .brain-icon,[data-level=medium] .brain-icon{fill:#ebd0b8;stroke:#b5805b;filter:drop-shadow(0 5px 0 #b18a6a40)}.hard .brain-icon,[data-level=hard] .brain-icon{fill:#ddd2e9;stroke:#987dac;filter:drop-shadow(0 5px 0 #9a83b345)}
.hero-toolbar{position:absolute;z-index:6;bottom:24px;right:28px;display:flex;align-items:center;gap:12px;max-width:70%;font-size:12px;color:#5d654e}.hero-toolbar>p{background:#fffdf0d9;border:1px solid #fff;padding:11px 18px;border-radius:22px;box-shadow:0 7px 16px -10px #5b533c5a}.motion-toggle,#motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:210px;border:1px solid #fff;background:#fffdf3ec;color:#4c6342;border-radius:24px;padding:10px 15px;font-size:12px;box-shadow:0 3px 0 #c3cdb782,0 9px 16px -11px #4b5e354a}.motion-toggle::before,#motion-toggle::before{content:'';width:7px;height:7px;border-radius:50%;background:#86a368;box-shadow:0 0 0 3px #e1ebd3}.motion-toggle[aria-pressed=true]::before,#motion-toggle[aria-pressed=true]::before{background:#a78e75;box-shadow:0 0 0 3px #eadecf}
.welcome-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px;width:calc(100% - 80px);max-width:1192px;margin:0 auto;border:1px solid #e4e7dc;border-radius:22px;background:linear-gradient(130deg,#fcfdf7,#eef3e7 75%,#f3edf6);box-shadow:inset 0 1px 0 white,0 3px 0 #d2dbca7a;font-size:14px}.welcome-line p{font-weight:700;color:#67745a}#player-summary{font-size:13px;overflow-wrap:anywhere}
.section{padding:68px 0;width:calc(100% - 80px);max-width:1192px;margin:auto;scroll-margin-top:28px}.section-heading{margin-bottom:32px}.section-heading p{margin-top:15px;max-width:650px;color:var(--muted);font-size:18px;line-height:1.55}.play-section{padding-top:64px}.level-selector{display:flex;gap:24px;perspective:1100px}.level-option{--tilt-x:0deg;--tilt-y:0deg;display:flex;align-items:center;gap:18px;flex:1;text-align:left;padding:25px;min-width:0;color:#3a4d31;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .3s ease,box-shadow .3s ease}.level-option:hover{transform:translateY(-6px) perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:var(--edge),0 24px 30px -15px #61715150}.level-option.selected{outline:2px solid #869b6c;outline-offset:4px;background:linear-gradient(140deg,#fff,#eef6e3 48%,#f5f0f8)}.level-option[data-level=medium]{border-right-color:#e8d7c9;border-bottom-color:#c8a78b;color:#785438}.level-option[data-level=hard]{border-right-color:#e6d8f0;border-bottom-color:#b5a2c7;color:#705284}.level-option .brain-icon{height:65px;width:65px;flex:none;transform:rotate(-7deg)}.level-option[data-level=medium] .brain-icon{transform:rotate(8deg)}.level-option strong{display:block;font-size:25px;line-height:1.2}.level-option small{display:block;font-size:14px}.availability{margin-left:auto;color:#617451;max-width:80px;text-align:right;font-size:12px!important}
.game-panel{margin-top:34px;padding:35px;border-radius:27px}.game-panel>p:first-child{font-size:25px;font-weight:700;max-width:800px;margin-bottom:24px}.fine-print{font-size:13px;line-height:1.6;color:#65735b;max-width:680px;margin-top:18px}.question-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:#677859;margin-bottom:22px}.question-meta span{padding:8px 12px;background:#ffffffb5;border:1px solid #e0e8d4;border-radius:18px}.question{font-size:clamp(24px,2.7vw,36px);line-height:1.2;max-width:850px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;max-width:900px}.answer{border:1px solid white;border-bottom:4px solid #b9c9a6;background:linear-gradient(140deg,#fffefb,#eaf1e1 82%);color:#3a4d32;text-align:left;padding:19px 24px;border-radius:16px;min-height:67px;box-shadow:inset 0 1px 0 white,0 11px 16px -13px #4c653955;transition:transform .22s ease}.answer:hover{transform:translateY(-3px);background:linear-gradient(140deg,#fffffb,#e2edcf)}.answer:active{transform:translateY(2px)}.result-title{font-size:35px;margin-bottom:16px}.result-meme{width:min(350px,100%);height:auto;display:block;margin:24px 0;border-radius:19px;border:1px solid #fff;box-shadow:0 5px 0 #c8cfbb,0 18px 26px -17px #4d664733}.result-actions{display:flex;gap:16px;margin-top:25px;flex-wrap:wrap}
.challenge-section{position:relative;isolation:isolate;display:grid;grid-template-columns:.87fr 1.13fr;gap:clamp(35px,5vw,68px);padding:52px;border:1px solid white;border-right:3px solid #e0e8d4;border-bottom:6px solid #c7d3b9;border-radius:34px;background:linear-gradient(125deg,#eff4e7,#faf8f0 60%,#eae5f2);box-shadow:var(--edge),0 25px 34px -24px #60735340;margin-block:8px 30px}.challenge-section:before{content:'';position:absolute;inset:11px;border:1px solid #ffffffb8;border-radius:25px;z-index:-1;pointer-events:none}.challenge-intro h2{font-size:clamp(47px,5vw,68px);line-height:1.02;color:#465b38}.challenge-intro>p{margin-top:22px;max-width:390px;font-size:18px;line-height:1.6;color:#627254}.challenge-intro .fine-print{font-size:13px}.friend-symbol{display:flex;height:105px;align-items:center;font-size:70px;line-height:1;letter-spacing:-6px;margin-top:18px}.friend-symbol span{width:81px;height:81px;display:grid;place-items:center;background:linear-gradient(145deg,#f8ffee,#d9e6c7);color:#729257;border:1px solid white;border-bottom:4px solid #abc18e;border-radius:24px;box-shadow:0 15px 19px -13px #4b663e50;transform:rotate(-12deg)}.friend-symbol span:nth-child(2){color:#a38ab7;background:linear-gradient(145deg,#fff9ff,#e1d4ec);border-bottom-color:#bda6d0;transform:translate(-3px,-12px) rotate(14deg)}.room-workspace{padding:30px;border-radius:26px;align-self:center}.room-form h3{margin-bottom:26px;color:#4c633d}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;color:#4b6040}input,select{width:100%;padding:13px 15px;background:linear-gradient(145deg,#fffef9,#f3f6eb);color:#36462f;border:1px solid #c8d3ba;border-radius:12px;min-height:50px;min-width:0;font-weight:400;box-shadow:inset 0 2px 3px #60704c0a,0 1px 0 white}select{padding-right:27px}input::placeholder{color:#78886b}.form-row{display:flex;gap:16px;margin:20px 0 26px}.form-row label{flex:1;min-width:0}.join-form{border-top:1px solid #d6e0ca;margin-top:30px;padding-top:25px}.join-form>div{display:flex;gap:12px;margin-top:11px}.join-form input{text-transform:uppercase;font-family:ui-monospace,monospace;letter-spacing:1px}.error{font-size:14px;color:#a24627;margin-top:14px}.room-title{font-size:30px;margin:12px 0 16px;overflow-wrap:anywhere}.room-code{font-family:ui-monospace,monospace;font-size:24px;letter-spacing:2px;display:block;margin:15px 0;padding:13px;background:#f5f8ed;border:1px solid #d0debe;border-radius:13px}.invitation-link{font-size:13px;overflow-wrap:anywhere;margin:16px 0;color:#61764d}.room-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.standings{list-style:none;padding:0;margin:24px 0 0}.standings li{display:flex;gap:16px;justify-content:space-between;padding:13px 15px;border:1px solid #d9e2ce;border-radius:12px;background:#ffffff99;margin-top:8px}.standings li strong{margin-left:auto}.standings li span:first-child{overflow-wrap:anywhere}.team-totals{display:flex;gap:24px;font-size:24px;font-weight:700;margin:22px 0}
.leaderboard-section{padding-top:48px}.ranking-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:12px}.tabs{display:flex;gap:9px;flex-wrap:wrap}.tabs button{padding:11px 19px;border:1px solid white;border-bottom:3px solid #c3d0b2;border-radius:20px;background:linear-gradient(140deg,#fffffb,#ebf1e3);color:#50653f;min-height:44px;font-size:14px;box-shadow:inset 0 1px 0 white,0 8px 12px -10px #556e4040}.tabs button.selected{background:linear-gradient(140deg,#728c5b,#526d42);color:#fffdf1;border-color:#6b8850;border-bottom-color:#38502c;box-shadow:inset 0 1px 0 #a8bf89,0 9px 14px -10px #48673450}.empty-state{min-height:195px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:14px;padding:35px 24px;border-radius:27px}.empty-state h3{font-size:29px;line-height:1.15}.empty-state p{max-width:530px;font-size:16px;color:#667558}.empty-symbol{font-size:52px;line-height:1;color:#8eaa70;margin-bottom:7px;text-shadow:0 3px 0 #c4d6ad}.ranking-table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:18px}.ranking-table th{font-size:13px;font-weight:400;text-align:left;padding:11px 17px;color:#6a7e57}.ranking-table td{padding:18px 17px;overflow-wrap:anywhere;background:linear-gradient(145deg,#fffdf9,#f1f6e9);border-top:1px solid white;border-bottom:4px solid #c4d3b1;box-shadow:0 9px 14px -13px #526c3e40}.ranking-table td:first-child{border-left:1px solid white;border-radius:15px 0 0 15px;width:68px;color:#77935b}.ranking-table td:last-child{border-right:1px solid white;border-radius:0 15px 15px 0}.ranking-table td:last-child,.ranking-table th:last-child{text-align:right;font-weight:700}
.search-label{margin-bottom:10px}.meme-section>input{max-width:620px;margin-bottom:30px}.meme-grid,.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.meme-grid .empty-state,.video-grid .empty-state{grid-column:1/-1}.meme-item,.video-item{padding:20px;min-width:0;transition:transform .3s ease}.meme-item{border-right-color:#e3d9e8;border-bottom-color:#b9a7c8;background:linear-gradient(135deg,#fffdfbed,#f6f0f8ef)}.meme-item:hover,.video-item:hover{transform:translateY(-5px)}.meme-item img{width:100%;aspect-ratio:1;object-fit:contain;background:linear-gradient(135deg,#e8dfed,#faf6f2);border-radius:17px;border:1px solid #fff}.meme-item h3{font-size:23px;line-height:1.15;margin:17px 0 11px;color:#765586}.meme-item p{font-size:13px;margin-top:8px;overflow-wrap:anywhere;color:#76617e}.meme-tools{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.meme-tools .button{font-size:13px;padding:11px 16px}.video-section{padding-top:40px}.video-item video{width:100%;border-radius:16px;background:#394b30;aspect-ratio:16/9}.video-item h3{font-size:23px;line-height:1.15;margin:18px 0 10px}.video-item p{font-size:15px;color:#67765b}
.closing{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 40px);max-width:1456px;margin:18px auto 0;padding:70px var(--gutter) 80px;border-radius:32px;border:1px solid #fff;background:linear-gradient(145deg,#edf3e5,#fff8ed 53%,#e8e3f2);color:#425635;text-align:center;box-shadow:var(--edge),0 6px 0 #ccd7bf,0 25px 34px -25px #50644050}.closing:before{content:'';position:absolute;z-index:-1;width:560px;height:320px;border:1px solid #afc49b70;border-radius:50%;left:calc(50% - 280px);top:20px;transform:rotate(-18deg);background:radial-gradient(ellipse,#faffeb50,transparent 70%);animation:closing-orbit 15s ease-in-out infinite alternate}.closing h2{font-size:clamp(46px,5.6vw,78px);margin-bottom:31px;line-height:1.04}.closing .button{background:linear-gradient(145deg,#839d6a,#5c784a);border-color:#a7ba91;color:#fffdee;box-shadow:inset 0 1px 0 #bdd3a2,0 5px 0 #3d582f,0 15px 22px -10px #43673570}footer{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:42px var(--gutter);font-size:14px;max-width:1456px;margin:auto;color:#6a795b}footer .wordmark{font-size:23px}
dialog{border:1px solid #fff;border-right:3px solid #dee6d2;border-bottom:6px solid #bccaab;border-radius:27px;background:linear-gradient(140deg,#fffffafb,#f0f5e8fd 64%,#f4edf8fc);color:var(--ink);padding:40px;width:min(570px,calc(100% - 30px));max-height:90dvh;box-shadow:var(--edge),0 25px 90px #344a2d45}dialog::backdrop{background:#293f2766;backdrop-filter:blur(7px)}dialog h2{font-size:34px;line-height:1.12;margin:11px 0 26px}.close-dialog{position:absolute;right:16px;top:10px;border:0;background:#e7eedfc4;border-radius:14px;font-size:30px;line-height:1;padding:5px 10px;min-height:44px;min-width:44px;color:#4d6840}.auth-tabs{margin-bottom:24px}.auth-tabs button{padding:9px 14px;font-size:13px}#auth-form label{margin-top:17px}#auth-submit{margin-top:25px;width:100%}.recovery-box{padding:19px;background:linear-gradient(135deg,#fffef7,#eef4e4);border:1px solid #cfddbd;border-bottom:4px solid #bfcea7;border-radius:14px;overflow-wrap:anywhere;font-family:ui-monospace,monospace;margin:22px 0}.account-actions{display:flex;flex-direction:column;gap:15px;margin-top:27px}#privacy-dialog p{margin-top:19px;font-size:15px;line-height:1.65}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:linear-gradient(145deg,#536f43,#354f2b);color:#fffce9;border:1px solid #9cb786;padding:14px 23px;border-radius:17px;z-index:100;max-width:calc(100% - 30px);font-size:15px;box-shadow:0 4px 0 #233c19,0 16px 22px -12px #34482f66}
.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:#e5edd9;color:#3e5631}.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}
@keyframes ambient-lounge{from{transform:translate3d(-23px,12px,0) rotate(-20deg) scale(.95)}to{transform:translate3d(24px,-18px,0) rotate(15deg) scale(1.06)}}@keyframes foil-light{from{transform:translateX(-28%) rotate(-8deg)}to{transform:translateX(28%) rotate(12deg)}}@keyframes closing-orbit{from{transform:translateX(-30px) rotate(-18deg)}to{transform:translateX(30px) rotate(7deg)}}
.hero[data-hero-paused=true] .ambient-orb,.hero[data-hero-paused=true] .score-paper::after{animation-play-state:paused}.closing[data-motion-paused=true]::before{animation-play-state:paused}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation-play-state:paused!important;transition:none!important}html[data-motion=off] [data-sc-in]{opacity:1!important;transform:none!important}html[data-motion=off] .hero-wall,html[data-motion=off] .hero-foreground,html[data-motion=off] .hero-environment,html[data-motion=off] .scene-layer{transform:none!important}html[data-motion=off] .score-paper{transform:rotateZ(var(--rest-z)) rotateY(var(--rest-y))!important}
@media(max-width:1240px){.header{flex-wrap:wrap;gap:14px 22px;padding-inline:30px}.header nav{order:3;width:100%;justify-content:center;gap:28px}.header-actions{margin-left:auto}.hero{grid-template-columns:1.05fr 1fr;padding:67px 5% 110px 14%;gap:22px;min-height:620px}.hero h1{font-size:52px}.hero-copy>p{font-size:21px}.score-paper{height:245px;font-size:17px;padding:20px 14px}.score-paper strong{font-size:57px}.score-paper .brain-icon{width:58px;height:58px}.score-scene{height:290px;margin-top:72px}.level-option{padding:24px 20px;gap:12px}.level-option .brain-icon{width:53px;height:53px}.level-option strong{font-size:23px}.availability{max-width:61px;font-size:11px!important}.challenge-section{padding:42px;gap:36px}.room-workspace{padding:27px}.form-row{flex-direction:column;gap:17px}.meme-grid,.video-grid{gap:20px}footer{flex-wrap:wrap}}
@media(max-width:960px){.hero{padding:55px 5% 150px 13%;grid-template-columns:1.3fr 1fr;min-height:640px}.hero h1{font-size:45px}.hero-copy>p{font-size:19px}.score-paper{height:215px;font-size:15px;border-radius:21px;padding:18px 10px}.score-paper strong{font-size:49px}.score-paper .brain-icon{width:48px;height:48px}.score-scene{height:260px;margin-top:175px;margin-left:-45px}.hero-button{font-size:15px;padding:15px 21px}.hero-toolbar{font-size:11px;max-width:75%;bottom:24px}.hero-toolbar>p{padding:11px 14px}.ambient-orb{width:280px;height:300px}.section,.welcome-line{width:calc(100% - 56px)}.section{padding-block:52px}.level-selector{gap:16px}.level-option{flex-direction:column;gap:10px;text-align:center;padding:22px 15px}.level-option .brain-icon{width:62px;height:62px}.level-option strong{font-size:23px}.availability{max-width:none;text-align:center;margin:0}.game-panel{padding:30px}.challenge-section{padding:35px;grid-template-columns:.9fr 1.1fr;gap:28px}.challenge-intro h2{font-size:53px}.challenge-intro>p{font-size:17px}.room-workspace{padding:25px}.join-form>div{flex-direction:column}.meme-grid,.video-grid{grid-template-columns:1fr 1fr}.closing{padding-block:60px 70px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{padding:22px 20px 18px;gap:19px 12px}.wordmark{font-size:23px}.wordmark i{display:none}.header-actions{gap:8px}.languages{padding:2px}.languages button{font-size:12px;padding:9px 10px}.button.small{font-size:12px;padding:10px 14px}.header nav{gap:15px;justify-content:space-between;flex-wrap:wrap}.header nav a{font-size:13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;min-height:0;width:calc(100% - 24px);border-radius:26px;margin-bottom:24px;background:#fff9ee}.hero::after{content:'';display:block;height:196px;flex-shrink:0;pointer-events:none}.hero-copy{padding:37px 25px 36px;max-width:none;background:linear-gradient(180deg,#fff9ee 75%,#fff9eee6 89%,#fff9ee00);z-index:4}.hero h1{font-size:clamp(36px,7.6vw,50px);line-height:1.09}.hero-copy>p{font-size:18px;line-height:1.5;margin:22px 0 25px;max-width:360px}.hero-button{font-size:15px;padding:14px 20px;width:auto;max-width:335px}.hero-secondary{margin-top:12px;gap:15px}.hero-environment,.hero-wall,.hero-foreground{inset:-18px 0;background-size:auto 590px;background-position:left bottom}.hero-foreground{z-index:1}.hero-toolbar{max-width:none;left:18px;right:18px;bottom:19px;justify-content:flex-end;flex-wrap:wrap;gap:8px}.hero-toolbar>p{font-size:10px;padding:10px 13px;margin:0}.motion-toggle,#motion-toggle{font-size:11px;padding:10px 13px}.score-scene{width:320px;max-width:calc(100% - 42px);height:256px;flex-shrink:0;align-self:flex-end;margin:8px 23px 0 0}.scene-layer{width:35%;max-width:137px}.layer-easy{left:0;top:29px}.layer-medium{left:30%;top:0}.layer-hard{left:61%;top:42px}.score-paper{height:211px;font-size:15px;padding:17px 11px;border-radius:22px;gap:4px;border-right-width:3px;border-bottom-width:4px}.score-paper strong{font-size:51px;margin-top:4px}.score-paper .brain-icon{height:50px;width:50px;margin:7px 0}.hero-ambient{z-index:0}.ambient-orb{right:0;top:auto;bottom:265px;width:240px;height:220px;opacity:.65}.orb-lilac{right:-50px;bottom:220px;width:210px;height:230px}.welcome-line{width:calc(100% - 40px);padding:17px 19px;align-items:flex-start;flex-direction:column;gap:7px;border-radius:20px;font-size:13px}.section{width:calc(100% - 40px);padding-block:44px}.section-heading{margin-bottom:27px}.section-heading p{font-size:17px;margin-top:14px}h2{font-size:38px}.level-selector{gap:13px}.level-option{padding:20px 12px;gap:9px;border-radius:22px;border-right-width:2px;border-bottom-width:4px}.level-option .brain-icon{width:51px;height:51px;margin:4px 0 8px}.level-option strong{font-size:21px}.level-option small{font-size:13px}.availability{font-size:11px!important}.game-panel{padding:27px 24px;border-radius:25px;margin-top:30px}.game-panel>p:first-child{font-size:23px}.fine-print{font-size:12px}.question{font-size:27px}.answers{grid-template-columns:1fr;gap:14px}.answer{padding:17px 19px}.question-meta{gap:8px}.result-title{font-size:30px}.challenge-section{display:block;padding:31px 25px;margin-block:10px 22px;border-radius:28px}.challenge-intro h2{font-size:51px}.challenge-intro>p{font-size:17px;margin-top:19px;max-width:100%}.friend-symbol{height:95px;font-size:64px;margin:20px 0 0}.friend-symbol span{width:76px;height:76px}.challenge-intro .fine-print{margin-bottom:31px;font-size:12px}.room-workspace{padding:25px 21px;border-radius:23px}.room-form h3{font-size:25px}.form-row{gap:18px}.join-form .button{width:100%}.tabs{gap:8px}.tabs button{padding:10px 15px;font-size:13px}.ranking-table{font-size:16px}.ranking-table td{padding:16px 11px}.ranking-table th{padding:11px;font-size:12px}.meme-grid,.video-grid{grid-template-columns:1fr;gap:22px}.meme-item,.video-item{padding:20px;border-radius:23px}.empty-state{min-height:210px;padding:30px 22px;border-radius:25px}.empty-state h3{font-size:27px}.empty-state p{font-size:15px}.closing{width:calc(100% - 24px);padding:54px 24px 64px;border-radius:27px}.closing h2{font-size:48px}.closing:before{width:420px;height:280px;left:calc(50% - 210px);top:12px}footer{padding:36px 24px;gap:17px;font-size:13px}footer .wordmark{font-size:21px}footer p{width:100%;order:5}footer .text-button{font-size:13px;padding:5px}dialog{padding:38px 25px;border-radius:25px}dialog h2{font-size:30px}.auth-tabs button{font-size:12px;padding:9px 12px}.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}}
@media(max-width:480px){.header{padding-inline:17px;gap:15px 10px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.wordmark{font-size:21px}.header-actions .button.small{position:absolute;right:18px;bottom:20px}.header nav{padding-right:91px;justify-content:flex-start;gap:7px 17px}.header nav a{font-size:12px;min-height:44px}.hero-copy{padding:34px 24px 35px}.hero h1{font-size:38px;line-height:1.08}.hero-copy>p{font-size:17px}.hero::after{height:190px}.hero-environment,.hero-wall,.hero-foreground{background-size:auto 550px}.score-scene{width:290px;max-width:calc(100% - 38px);height:232px;margin:7px 19px 0 0}.score-paper{height:190px;font-size:14px;padding:15px 9px;border-radius:20px}.score-paper strong{font-size:44px}.score-paper .brain-icon{height:45px;width:45px;margin:6px 0}.layer-easy{top:25px}.layer-medium{top:0}.layer-hard{top:37px}.hero-toolbar{right:16px;left:16px;bottom:16px}.hero-toolbar>p{max-width:100%;font-size:9px}.level-selector{flex-direction:column;gap:19px}.level-option{flex-direction:row;text-align:left;min-height:141px;padding:24px 22px;gap:21px;border-radius:24px}.level-option .brain-icon{width:68px;height:68px;margin:0;filter:drop-shadow(0 7px 0 #83986c45)}.level-option strong{font-size:25px}.level-option small{font-size:14px}.availability{margin-left:auto;max-width:69px;text-align:right}.game-panel{padding:26px 22px}.challenge-section{padding:30px 22px}.room-workspace{padding:24px 19px}.ranking-controls{align-items:flex-start}.tabs{gap:7px}.tabs button{padding:10px 13px;font-size:12px}.ranking-controls .text-button{font-size:12px;padding:9px 4px}.closing h2{font-size:44px}h2{font-size:35px}.section-heading p{font-size:16px}}
@media(max-width:360px){.wordmark{font-size:19px}.languages button{padding:8px;font-size:11px}.header nav{gap:6px 12px}.hero h1{font-size:34px}.hero-copy{padding-inline:22px}.hero-copy>p{font-size:16px}.score-scene{margin-right:17px;width:272px;height:222px}.score-paper{height:180px;font-size:13px}.score-paper strong{font-size:41px}.score-paper .brain-icon{width:42px;height:42px}.hero-button{font-size:14px}.section,.welcome-line{width:calc(100% - 32px)}.level-option{padding:23px 18px;gap:17px}.level-option .brain-icon{width:58px;height:58px}.room-actions .button{width:100%}.room-workspace{padding:23px 17px}.tabs button{padding:10px 11px}}
/* Keep the actual cup/plant clear of text at desktop and in the narrow app pane. */
@media(min-width:1241px){.hero{padding-left:22%;grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(48px,4.2vw,64px)}}
@media(min-width:701px) and (max-width:900px){
 .hero{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;min-height:0;width:calc(100% - 24px);border-radius:29px;background:#fff9ee}
 .hero::after{content:'';display:block;height:190px;flex-shrink:0;pointer-events:none}
 .hero-copy{padding:40px 34px 37px;max-width:none;background:linear-gradient(180deg,#fff9ee 75%,#fff9eee6 89%,#fff9ee00);z-index:4}
 .hero h1{font-size:clamp(43px,6.1vw,52px);line-height:1.09;max-width:660px}
 .hero-copy>p{font-size:20px;line-height:1.5;margin:23px 0 25px;max-width:550px}
 .hero-environment,.hero-wall,.hero-foreground{inset:-18px 0;background-size:auto 590px;background-position:left bottom}
 .score-scene{width:390px;max-width:calc(100% - 66px);height:275px;flex-shrink:0;align-self:flex-end;margin:8px 35px 0 0}
 .scene-layer{width:35%;max-width:150px}.layer-easy{left:0;top:29px}.layer-medium{left:30%;top:0}.layer-hard{left:61%;top:42px}
 .score-paper{height:229px;font-size:17px;padding:20px 13px;border-radius:23px}.score-paper strong{font-size:55px}.score-paper .brain-icon{height:56px;width:56px;margin:8px 0}
 .hero-toolbar{max-width:none;left:24px;right:24px;bottom:22px;justify-content:flex-end;flex-wrap:wrap;gap:12px}
 .hero-ambient{z-index:0}.ambient-orb{right:0;top:auto;bottom:235px;width:310px;height:270px;opacity:.65}.orb-lilac{right:20px;bottom:205px;width:260px;height:280px}
}
.button svg{transition:transform .25s ease}.button:hover svg,.button:focus-visible svg{transform:translate(4px,-1px)}
.game-library-card .button::after{content:'↗';display:inline-block;font-size:20px;line-height:1;transition:transform .25s ease}
.game-library-card .button:hover::after,.game-library-card .button:focus-visible::after{transform:translate(4px,-3px)}
.motion-toggle:disabled,#motion-toggle:disabled{cursor:default}
.tyb-receipt footer{padding:14px 0 0;max-width:none;flex-wrap:nowrap}
@media(max-width:480px){.challenge-intro h2{font-size:clamp(34px,9.3vw,45px)}.closing h2{font-size:clamp(36px,10.5vw,44px)}}
@media(prefers-reduced-motion:reduce){.button:hover svg,.button:focus-visible svg,.game-library-card .button:hover::after,.game-library-card .button:focus-visible::after{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-environment,.hero-wall,.hero-foreground,.scene-layer{transform:none!important;will-change:auto}.score-paper,.score-paper:hover{transform:rotateZ(var(--rest-z)) rotateY(var(--rest-y))!important}.button:hover,.button:active,.answer:hover,.answer:active,.level-option:hover,.meme-item:hover,.video-item:hover{transform:none!important}[data-sc-in]{opacity:1!important;transform:none!important}}
@media(forced-colors:active){.hero-ambient,.score-paper::before,.score-paper::after,.level-option::before,.game-panel::before,.room-workspace::before,.meme-item::before,.video-item::before,.empty-state::before,.closing::before{display:none}.button,.score-paper,.level-option,.game-panel,.room-workspace,.meme-item,.video-item,.empty-state,.tabs button{border:1px solid ButtonText}.hero-copy{background:Canvas}.hero h1,.hero-copy p,.button,.score-paper,.level-option{color:CanvasText}.brain-icon{fill:Canvas;stroke:CanvasText;filter:none}}