@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f8f8f2;--ink:#23261f;--muted:#76796d;--line:#e3e5d9;--lime:#d5fc51;--purple:#ae97f3;--coral:#ff9178;--radius:26px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7660d1;outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.score,.stat-number{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(40px,5vw,66px);line-height:1.05;letter-spacing:-3px;font-weight:700}h2{font-size:30px;letter-spacing:-1.2px}h3{font-size:22px;letter-spacing:-.6px}p{line-height:1.65}.header{max-width:1224px;height:110px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:31px;font-weight:700;letter-spacing:-1.8px;display:inline-flex;align-items:center;gap:0}.brand>span:not(.brand-icon):not(.brand-dot){font-weight:400}.brand-dot{font:11px 'DM Sans',sans-serif;align-self:flex-start;padding:8px 0 0 4px;letter-spacing:0}.brand-icon{display:grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:3px;transform:rotate(-8deg);margin-right:10px}.brand-icon i{background:var(--ink);border-radius:3px}.brand-icon i:nth-child(2){background:var(--purple)}.brand-icon i:nth-child(3){background:var(--coral)}.desktop-nav{display:flex;gap:9px;font-size:14px;font-weight:650}.desktop-nav a{padding:12px 19px;border-radius:30px;color:var(--muted)}.desktop-nav a.active{background:var(--ink);color:white}.profile-button{display:flex;align-items:center;gap:10px;background:transparent;font-weight:650;font-size:13px;padding:0}.avatar{height:36px;width:36px;border:1px solid #d7ddc6;background:#edf1dd;display:inline-grid;place-items:center;border-radius:50%;font-size:23px;flex-shrink:0}.tiny-arrow{font-size:19px;margin-left:7px}main{max-width:1224px;padding:52px 32px 20px;margin:auto;min-height:70vh}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:35px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:14px;display:flex;gap:9px;align-items:center}.eyebrow .pip{width:7px;height:7px;border-radius:50%;background:#809337}.intro p{font-size:16px;color:var(--muted);margin-top:17px}.intro h1{font-size:52px}.intro h1 .scribble{position:relative;white-space:nowrap}.scribble:after{content:'';position:absolute;height:7px;border-top:3px solid var(--purple);border-radius:50%;bottom:-6px;left:0;width:100%;transform:rotate(-2deg)}.practice-pill{background:white;border:1px solid var(--line);border-radius:30px;padding:11px 16px;display:flex;align-items:center;gap:8px;font-size:12px;color:#696e5c;white-space:nowrap}.practice-pill i{width:6px;height:6px;background:#8ba445;border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.95fr 1fr;gap:22px}.featured{background:var(--lime);border-radius:var(--radius);padding:30px 32px 27px;position:relative;overflow:hidden;min-height:350px;display:flex;flex-direction:column;isolation:isolate}.card-top{display:flex;justify-content:space-between;gap:15px;align-items:center;position:relative;z-index:2}.tag{font-size:10px;font-weight:750;letter-spacing:1.1px;border:1px solid #71882e;border-radius:30px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;line-height:1}.tag.dark{background:var(--ink);border-color:var(--ink);color:white}.card-number{font-size:11px;letter-spacing:1px;opacity:.6}.featured h2{font-size:49px;line-height:1.03;letter-spacing:-2.5px;margin-top:26px;max-width:55%}.featured p{font-size:13px;line-height:1.6;max-width:235px;margin-top:14px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:24px;position:relative;z-index:2}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 23px;border-radius:13px;font-size:13px;font-weight:700;background:var(--ink);color:white;transition:transform .15s,background .15s;min-height:48px}.button:hover{background:#3f4435;transform:translateY(-2px)}.button .arrow{font-size:20px;font-weight:400;line-height:1}.button.light{background:white;color:var(--ink);border:1px solid var(--line)}.button.lime{background:var(--lime);color:var(--ink)}.button.full{width:100%}.button.small{padding:10px 15px;min-height:40px;gap:10px}.micro{font-size:10px;color:#485b22;display:flex;align-items:center;gap:5px}.micro svg{width:13px;height:13px}.color-art{position:absolute;right:4%;top:90px;width:225px;height:200px;z-index:-1;transform:rotate(-7deg)}.swatch-card{position:absolute;top:0;left:35px;width:146px;height:176px;border-radius:15px;background:#fafcf4;padding:9px;box-shadow:0 5px 0 #52622322;transform:rotate(13deg)}.swatch-card.back{transform:rotate(-18deg);top:9px;left:6px;background:#31372b;box-shadow:0 5px 0 #52622322}.swatch-card.back:before{content:'';display:block;border-radius:8px;height:128px;background:#bb9cf9}.swatch-card.front:before{content:'';display:block;border-radius:8px;height:128px;background:#ff8d76}.swatch-card:after{content:'R 255   G 141   B 118';font:7px monospace;display:block;text-align:center;padding-top:10px;letter-spacing:.5px}.swatch-card.back:after{content:'WHAT’S YOUR GUESS?';color:white}.art-dot{position:absolute;left:0;bottom:5px;font-size:23px}.daily{background:#eee8fb;border:1px solid #e2d9f2;border-radius:var(--radius);padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:350px}.daily .tag{border-color:#9e8cbe}.daily h2{font-size:30px;line-height:1.12;max-width:190px;margin-top:23px;letter-spacing:-1px}.daily p{font-size:12px;color:#6d637f;margin-top:11px;max-width:180px}.daily-orb{position:absolute;right:24px;top:106px;width:72px;height:72px;background:#a88de0;border-radius:50%;box-shadow:inset -12px -10px 0 #9c7bd5;transform:rotate(-15deg)}.daily-orb:after{content:'✦';font-size:55px;color:#d5fc51;position:absolute;right:-15px;top:-22px}.daily .button{margin-top:auto;align-self:flex-start;gap:40px}.daily-caption{font-size:10px;letter-spacing:.2px;margin-top:12px;color:#776a8c}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:37px 0 17px;gap:15px}.section-heading h2{font-size:21px;letter-spacing:-.6px}.section-heading>span{font-size:11px;color:var(--muted)}.upcoming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.upcoming{border:1px solid var(--line);background:#fffefa;border-radius:19px;padding:22px;display:flex;align-items:center;gap:18px}.game-icon{width:59px;height:59px;border-radius:16px;display:grid;place-items:center;font-size:32px;flex-shrink:0}.game-icon.coral{background:#ffe3d7}.game-icon.blue{background:#ddeef8}.game-icon.yellow{background:#f9eec5}.upcoming h3{font-size:16px;letter-spacing:-.4px}.upcoming p{font-size:11px;color:var(--muted);margin-top:4px}.soon{font-size:8px;border:1px solid var(--line);padding:4px 6px;border-radius:5px;letter-spacing:.7px;display:inline-block;margin-top:7px;color:#72756b}.bottom-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;border-radius:19px;border:1px solid var(--line);padding:24px 27px;background:repeating-linear-gradient(135deg,#f2f3e9 0px,#f2f3e9 1px,transparent 1px,transparent 8px)}.banner-copy{display:flex;align-items:center;gap:19px}.banner-icon{width:43px;height:43px;background:var(--ink);color:var(--lime);border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg)}.banner-copy h3{font-size:17px;letter-spacing:-.5px}.banner-copy p{font-size:12px;color:var(--muted);margin-top:4px}.text-button{font-size:12px;display:flex;align-items:center;gap:17px;white-space:nowrap;font-weight:700;background:transparent;padding:10px}.footer{max-width:1160px;margin:20px auto 0;padding:26px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:20px}.brand.small{font-size:22px}.footer>span{font-size:11px;color:var(--muted)}.footer>button{font-size:11px;display:flex;gap:15px;background:transparent;color:#65695e}.mobile-nav{display:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.page-head{display:flex;align-items:center;gap:13px;margin-bottom:28px}.back{height:40px;width:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:white}.page-head h1{font-size:32px;letter-spacing:-1.3px}.page-head p{font-size:12px;color:var(--muted);margin-top:5px}.game-layout{max-width:900px;margin:0 auto}.setup{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white}.setup-art{background:var(--lime);padding:42px;position:relative;min-height:430px;overflow:hidden}.setup-art h2{font-size:49px;line-height:1;letter-spacing:-2.2px}.setup-art p{font-size:13px;margin-top:18px;max-width:270px}.setup-art .color-art{top:220px;right:12%;transform:rotate(8deg);z-index:0}.setup-options{padding:32px}.field-label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.mode{background:#fafbf6;border:1px solid var(--line);border-radius:13px;padding:16px;text-align:left}.mode.selected{border:1.5px solid var(--ink);background:#edf4dc}.mode strong{display:block;font-size:14px}.mode span{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:7px}.segmented{display:flex;padding:4px;border:1px solid var(--line);border-radius:12px;gap:4px;background:#f6f7f0;margin-bottom:24px}.segmented button{padding:12px 8px;flex:1;background:transparent;border-radius:8px;font-size:12px;font-weight:650}.segmented button.selected{background:var(--ink);color:white}.setup-note{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.6}.round-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.round-header .tag{border-color:var(--line);background:white;padding:9px 12px}.round-progress{display:flex;gap:6px}.round-progress i{width:25px;height:5px;background:#e0e4d7;border-radius:4px}.round-progress i.done{background:#a68cdf}.round-progress i.current{background:#768f2e}.round-counter{font-size:12px;font-weight:650}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:16px}.color-panel{height:240px;border-radius:22px;padding:20px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;box-shadow:inset 0 0 0 1px #00000008;overflow:hidden}.color-panel .color-label{background:white;color:var(--ink);border-radius:25px;padding:8px 11px;font-size:10px;font-weight:700;letter-spacing:.7px;display:flex;gap:6px;align-items:center}.color-panel .rgb-text{position:absolute;left:20px;bottom:18px;background:#fff;color:var(--ink);border-radius:7px;padding:7px 10px;font:11px monospace}.color-panel .question{font:700 100px 'Space Grotesk';color:#ffffff40;align-self:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.guess-controls{margin-top:20px;background:white;border:1px solid var(--line);border-radius:22px;padding:25px}.controls-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.controls-head h2{font-size:18px;letter-spacing:-.5px}.controls-head span{font-size:11px;color:var(--muted)}.sliders{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.channel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.channel-head label{font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}.channel-dot{height:8px;width:8px;background:var(--channel);border-radius:50%}.channel-head input{width:62px;border:1px solid var(--line);border-radius:8px;padding:8px 5px;text-align:center;font-size:14px;font-family:'Space Grotesk',monospace}.channel input[type=range]{width:100%;margin:4px 0 8px;accent-color:var(--channel);height:25px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font:9px monospace;color:var(--muted)}.channel-hint{display:block;font-size:11px;min-height:18px;margin-top:8px;font-weight:650}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.submit-row p{font-size:11px;color:var(--muted);max-width:310px}.history{margin-top:23px}.history h3{font-size:16px;margin-bottom:12px}.guess-row{display:flex;gap:15px;align-items:center;background:white;border:1px solid var(--line);border-radius:13px;padding:12px 16px;margin-bottom:8px}.guess-chip{height:33px;width:42px;border-radius:7px;border:1px solid #0001}.guess-row .number{color:var(--muted);font:11px monospace}.guess-row .values{font:12px monospace;flex:1}.guess-row strong{font:700 17px 'Space Grotesk'}.guess-row .best-tag{background:#eaf3d1;padding:4px 7px;font-size:9px;border-radius:5px}.result-card{background:var(--lime);border-radius:22px;margin-top:20px;padding:30px;text-align:center;position:relative;overflow:hidden}.result-card h2{font-size:32px}.result-card .score{font-size:66px;letter-spacing:-4px;line-height:1.2}.result-card p{font-size:13px;margin:10px auto 20px;max-width:400px}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.rank-controls{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:24px 0}.rank-controls .segmented{margin:0}.select{padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:white;font-size:12px}.empty-state{background:white;border:1px solid var(--line);border-radius:22px;padding:55px 25px;text-align:center}.empty-state .empty-icon{width:72px;height:72px;background:#efe8fa;color:#72609a;display:grid;place-items:center;border-radius:22px;margin:0 auto 20px}.empty-state .empty-icon svg{width:30px;height:30px}.empty-state h2{font-size:24px;margin-bottom:12px}.empty-state p{font-size:13px;color:var(--muted);max-width:430px;margin:0 auto 22px}.status-notice{background:#eeefe5;border-radius:12px;padding:13px 17px;font-size:12px;color:#656955;margin:15px 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.stat{background:white;padding:22px;border-radius:17px;border:1px solid var(--line)}.stat-number{font-size:30px;letter-spacing:-1px}.stat>span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.table-wrap{background:white;border:1px solid var(--line);border-radius:18px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:15px 20px;background:#f1f3e8;color:#757968}td{padding:18px 20px;border-top:1px solid var(--line);white-space:nowrap}.friends-top{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.search-form{display:flex;gap:8px;max-width:500px;width:100%}.input{padding:13px 14px;border:1px solid #d9dece;background:white;border-radius:10px;width:100%;min-width:0;font-size:14px}.friend-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:15px;background:white;margin-top:10px}.friend-person{display:flex;align-items:center;gap:12px}.friend-person strong{font-size:14px}.friend-person p{font-size:11px;color:var(--muted)}.friend-actions{display:flex;gap:7px}.friend-actions .button{padding:10px 12px;font-size:11px}.local-scores{margin-top:25px}.section-subtitle{color:var(--muted);font-size:13px;max-width:650px;margin-top:14px}.page-title h1{font-size:42px;letter-spacing:-2px}.page-title .eyebrow{margin-bottom:12px}dialog{border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--ink);padding:35px;max-width:430px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#20251b77;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:14px;top:12px;background:transparent;width:32px;height:32px;font-size:25px;color:#7d8175}.modal-eyebrow{width:48px;height:48px;background:var(--lime);border-radius:15px;display:grid;place-items:center;font-size:25px;margin-bottom:20px}dialog h2{font-size:29px;line-height:1.1;margin-right:20px}dialog p{font-size:12px;color:var(--muted);margin:14px 0 20px}dialog .form-group{margin:17px 0}dialog label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.auth-switch{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;margin-top:17px}.auth-switch button{background:transparent;text-decoration:underline;font-weight:700;font-size:12px}.form-error{font-size:12px;color:#a04025;margin:12px 0;line-height:1.5}.steps{list-style:none;margin:0;padding:0;counter-reset:step}.steps li{counter-increment:step;padding:13px 0 13px 39px;position:relative;font-size:13px;line-height:1.5;border-bottom:1px solid var(--line)}.steps li:before{content:counter(step);width:25px;height:25px;position:absolute;left:0;top:12px;background:var(--lime);border-radius:50%;display:grid;place-items:center;font-weight:700}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:10;padding:13px 22px;background:var(--ink);color:white;border-radius:12px;font-size:12px;box-shadow:0 5px 30px #0002;max-width:90%;text-align:center;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.install-note{font-size:10px;color:var(--muted);margin-top:20px;line-height:1.5}.help-box{border:1px dashed #b4bea0;padding:16px;border-radius:12px;margin-top:20px;font-size:12px;line-height:1.6}.offline-badge{font-size:11px;color:#946239;margin:12px 0}.loading{padding:45px;text-align:center;font-size:13px;color:var(--muted)}.finish-practice{background:transparent;font-size:12px;text-decoration:underline;padding:12px}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:20}.confetti i{position:absolute;top:-20px;width:9px;height:14px;animation:fall 1.7s ease-in forwards}@keyframes fall{to{transform:translateY(105vh) rotate(500deg);opacity:0}}@media(min-width:1000px){.featured h2{max-width:55%}.color-art{right:7%}.daily-orb{right:20px;top:125px}}
@media(max-width:1000px){.header{padding:0 24px}.desktop-nav a{padding:11px 14px}.hero-grid{grid-template-columns:1.7fr 1fr}.featured{padding:26px}.featured h2{font-size:42px}.color-art{right:-12px;transform:scale(.87) rotate(-7deg);transform-origin:right center}.featured p{max-width:190px}.daily{padding:26px 22px}.daily-orb{width:50px;height:50px;right:14px;top:147px}.daily h2{font-size:28px;max-width:160px}.upcoming{padding:17px;gap:12px}.game-icon{width:45px;height:45px;font-size:25px}.footer{margin-left:32px;margin-right:32px}.micro{max-width:100px;line-height:1.5}.intro h1{font-size:44px}}
@media(max-width:720px){.header{height:82px;padding:0 22px}.brand{font-size:28px}.brand-icon{grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:3px}.desktop-nav{display:none}.profile-button{font-size:11px;gap:7px}.avatar{width:32px;height:32px;font-size:21px}.tiny-arrow{display:none}main{padding:30px 20px 20px}.intro{margin-bottom:26px;align-items:flex-start}.intro h1{font-size:39px;letter-spacing:-2px;max-width:340px;line-height:1.1}.intro p{font-size:13px;margin-top:15px;max-width:270px}.intro .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px}.practice-pill{display:none}.hero-grid{grid-template-columns:1fr;gap:16px}.featured{min-height:345px;padding:25px}.featured h2{font-size:46px;max-width:50%;margin-top:27px}.featured p{max-width:195px;font-size:12px}.color-art{right:1%;top:90px;transform:scale(.86) rotate(-7deg)}.card-bottom{padding-top:26px}.micro{max-width:120px;font-size:9px}.daily{min-height:200px;padding:24px;display:block}.daily h2{font-size:28px;max-width:220px;margin-top:18px}.daily p{max-width:210px;font-size:11px;margin-top:8px}.daily-orb{top:57px;right:31px;width:63px;height:63px}.daily .button{position:absolute;right:22px;bottom:23px;gap:12px;min-height:41px;font-size:11px;padding:10px 14px}.daily-caption{margin-top:13px;font-size:9px}.section-heading{margin:28px 0 14px}.section-heading h2{font-size:19px}.section-heading>span{font-size:10px}.upcoming-grid{grid-template-columns:1fr;gap:10px}.upcoming{padding:15px 18px;gap:16px;position:relative}.upcoming h3{font-size:15px}.upcoming p{font-size:11px}.soon{position:absolute;right:17px;top:24px;font-size:7px}.game-icon{width:46px;height:46px;border-radius:12px}.bottom-banner{margin-top:22px;padding:21px 18px;gap:13px;align-items:flex-start}.banner-copy{gap:12px;align-items:flex-start}.banner-icon{width:35px;height:35px;flex-shrink:0}.banner-copy h3{font-size:14px;max-width:190px;line-height:1.4}.banner-copy p{font-size:10px;max-width:190px}.bottom-banner>.text-button{font-size:0;gap:0;padding:5px 0}.bottom-banner .text-button span{font-size:22px}.footer{margin:12px 20px 0;padding:22px 0 calc(81px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:15px}.footer>.brand{font-size:22px}.footer>span{font-size:9px}.footer>button{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;background:#fafbf5ed;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:4px 12px calc(4px + env(safe-area-inset-bottom,0px));justify-content:space-around}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;line-height:12px;font-weight:650;color:#888c7f;background:transparent;min-width:62px;padding:3px 10px;border-radius:13px}.mobile-nav .active{color:var(--ink);background:#e8f0d6}.mobile-nav [data-icon]{display:flex}.mobile-nav svg{width:21px;height:21px}#toast{bottom:calc(73px + env(safe-area-inset-bottom,0px))}.setup{grid-template-columns:1fr}.setup-art{padding:28px;min-height:200px}.setup-art h2{font-size:39px;max-width:190px}.setup-art p{font-size:12px;max-width:195px}.setup-art .color-art{top:22px;right:-4px;transform:scale(.64) rotate(7deg)}.setup-options{padding:25px}.page-head{margin-bottom:22px;gap:11px}.page-head h1{font-size:27px}.page-head p{font-size:10px}.back{width:35px;height:35px;flex-shrink:0}.swatches{gap:11px}.color-panel{height:190px;padding:12px;border-radius:17px}.color-panel .color-label{font-size:8px;padding:7px 9px}.color-panel .rgb-text{font-size:9px;left:12px;bottom:12px;padding:6px 7px}.color-panel .question{font-size:80px}.guess-controls{padding:20px 16px;margin-top:14px;border-radius:17px}.controls-head{gap:10px;margin-bottom:21px;align-items:flex-start}.controls-head h2{font-size:16px}.controls-head span{font-size:9px;max-width:100px;text-align:right;line-height:1.5}.sliders{grid-template-columns:1fr;gap:10px;margin-bottom:19px}.channel{position:relative;padding-right:0}.channel-head{margin-bottom:0}.channel-head input{padding:6px 4px;width:54px;font-size:13px}.channel input[type=range]{width:calc(100% - 70px);position:relative;margin-top:-2px;height:25px}.range-labels{width:calc(100% - 70px)}.channel-hint{position:absolute;right:0;top:37px;font-size:9px;max-width:65px;text-align:right;margin:0}.submit-row{flex-direction:column;gap:14px}.submit-row p{font-size:10px;text-align:center;order:2}.submit-row .button{width:100%}.round-header .tag{font-size:8px}.round-counter{font-size:10px}.round-progress i{width:13px}.round-progress{gap:4px}.guess-row{padding:11px;gap:10px}.guess-row .values{font-size:10px}.guess-row .best-tag{font-size:8px}.guess-row strong{font-size:15px}.guess-chip{width:29px;height:29px}.result-card{padding:25px 17px}.result-card h2{font-size:26px}.result-card .score{font-size:57px}.result-card p{font-size:12px}.page-title h1{font-size:35px}.page-title .eyebrow{font-size:9px}.section-subtitle{font-size:12px}.stats-grid{gap:8px}.stat{padding:15px 12px;border-radius:13px}.stat-number{font-size:25px}.stat>span{font-size:9px}.rank-controls{gap:10px}.rank-controls .segmented{width:100%}.rank-controls .select{flex:1;min-width:0}.empty-state{padding:36px 20px}.empty-state h2{font-size:22px}.empty-state p{font-size:12px}.friends-top{flex-direction:column;align-items:stretch}.friend-row{padding:13px;flex-wrap:wrap}.friend-actions{margin-left:auto}.friend-person .avatar{width:32px;height:32px}.friend-person strong{font-size:12px}dialog{padding:30px 25px}.table-wrap th,.table-wrap td{padding:13px;font-size:11px}.round-header{flex-wrap:wrap}.round-header .tag{order:0}.round-header .round-progress{order:2;width:100%;justify-content:center}.round-header .round-progress i{flex:1;max-width:50px}.game-layout .page-head .text-button{font-size:10px;padding:8px;margin-left:auto}.game-layout .page-head{flex-wrap:wrap}.game-layout .page-head h1{font-size:25px}}
@media(max-width:370px){.intro h1{font-size:34px}.featured h2{font-size:40px}.featured p{max-width:165px}.color-art{right:-16px;transform:scale(.73) rotate(-7deg)}.daily-orb{right:20px;width:47px;height:47px}.daily h2{max-width:180px;font-size:26px}.daily p{max-width:160px}.daily .button{right:16px;bottom:20px;font-size:10px;padding:9px 11px}.profile-button #profile-name{display:none}.soon{right:11px}.upcoming{padding:13px}.upcoming p{max-width:150px;font-size:10px}.setup-art .color-art{right:-24px}.setup-art p{max-width:165px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:720px){.featured h2{font-size:44px;max-width:190px}.featured .color-art{right:-5px;top:92px;transform:scale(.77) rotate(-7deg)}.featured p{max-width:190px}.featured .button{gap:30px;white-space:nowrap}.micro{font-size:8px}.tag svg{width:15px;height:15px}}
@media(max-width:370px){.featured h2{font-size:39px;max-width:170px}.featured .color-art{right:-18px;top:94px;transform:scale(.65) rotate(-7deg)}.featured p{max-width:175px}.featured .button{padding:14px 18px;gap:22px}.card-bottom{gap:12px}.micro{max-width:92px}.daily{min-height:230px}.daily-orb{top:62px}.daily .button{right:20px;bottom:20px}.daily-caption{max-width:130px;line-height:1.5}.daily h2{max-width:195px}.daily p{max-width:195px}.section-heading>span{max-width:95px;text-align:right;line-height:1.5}}
/* Tiny Arcade — electric arcade theme */
:root{--bg:#101110;--ink:#f2f4e9;--muted:#92978b;--line:#2c3029;--lime:#c6ff24;--purple:#aa78ff;--coral:#ff694e;--radius:17px;color-scheme:dark}
body{background:radial-gradient(ellipse at 90% 12%,#a5ff0006,transparent 50%),var(--bg)}
.header{height:100px;border-color:#30332a}.brand{font-size:25px;letter-spacing:-1.3px;font-weight:700;gap:1px}.brand>span:not(.brand-icon):not(.brand-dot){font-weight:700;color:var(--lime)}.brand-dot{color:var(--muted);font-size:8px}.brand-icon{transform:rotate(0);grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:3px}.brand-icon i{border-radius:1px;background:var(--lime)}.brand-icon i:nth-child(2){background:var(--purple)}.brand-icon i:nth-child(3){background:var(--coral)}.desktop-nav a{color:#b2b7aa;border-radius:7px;font-size:12px;letter-spacing:.3px}.desktop-nav a.active{color:#0f1209;background:var(--lime)}.avatar{background:#262c1f;border-color:#444d32;color:var(--lime)}.profile-button{color:#e0e6d6}.eyebrow{color:#9da68d;letter-spacing:2px;font-size:10px}.eyebrow .pip{background:var(--lime);box-shadow:0 0 12px #baff3d80}.intro{margin-bottom:34px}.intro h1{font-size:clamp(48px,6.1vw,76px);text-transform:uppercase;font-weight:700;letter-spacing:-4px;line-height:.95;max-width:800px}.intro p{color:#a1a797;font-size:14px;max-width:470px;margin-top:22px}.scribble{color:var(--lime)}.scribble:after{border-color:var(--lime);bottom:-7px;border-top-width:4px;transform:rotate(-2deg);height:7px}.practice-pill{background:#191d15;border-color:#333e25;border-radius:6px;color:#bcc6a8;font-size:10px;font-weight:600;padding:12px}.practice-pill i{background:var(--lime);box-shadow:0 0 8px #baff3d88}.featured{border-radius:17px;padding:30px 32px;min-height:365px;color:#101608;background:var(--lime);box-shadow:inset 0 0 0 1px #d5ff73;isolation:isolate}.featured:after{content:'';position:absolute;width:180px;height:180px;right:-100px;top:-100px;border:30px solid #10160812;transform:rotate(35deg);pointer-events:none;z-index:-1}.featured .tag{background:#11170b;border-color:#11170b;color:var(--lime);border-radius:5px;font-size:9px;letter-spacing:1.5px}.featured .card-number{font:10px monospace;opacity:.7}.featured h2{text-transform:uppercase;font-size:54px;font-weight:700;letter-spacing:-3px;line-height:.91;max-width:62%;margin-top:28px}.featured p{color:#35421b;font-size:12px;font-weight:500;margin-top:20px}.button{color:#f3f7eb;background:#252b1f;border:1px solid #3f4832;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.2px;box-shadow:none}.button:hover{background:#37432b;transform:translateY(-2px)}.featured .button,.daily .button,.result-card .button{background:#10150a;color:var(--lime);border-color:#10150a;border-radius:7px;box-shadow:3px 3px 0 #10150a33;min-height:48px}.featured .button:hover,.daily .button:hover,.result-card .button:hover{background:#2b3c15}.button.light{background:#20251b;border-color:#39422e;color:#d7e0c7}.button.lime{background:var(--lime);color:#151d07;border-color:var(--lime)}.micro{color:#344616;font-size:9px;font-weight:700;letter-spacing:.6px}.tag{border-radius:5px}.card-number{font-family:monospace}.featured .color-art{right:4%;top:100px;transform:rotate(-9deg)}.swatch-card{border-radius:9px;padding:8px;background:#f7ffe2;box-shadow:5px 5px 0 #10150a55}.swatch-card.front:before{background:#ff6247;border-radius:4px}.swatch-card.front:after{content:'R 255   G 98   B 71';font-weight:700}.swatch-card.back{background:#19240d;box-shadow:5px 5px 0 #10150a44}.swatch-card.back:before{background:#a47aff;border-radius:4px}.art-star{color:#19240d;font-size:56px}.daily{background:var(--purple);border-color:#b490ff;border-radius:17px;padding:28px;color:#1a1029}.daily .tag{border-color:#644092;color:#2d184b;border-radius:5px;font-size:9px;letter-spacing:1px}.daily h2{font-size:34px;text-transform:uppercase;letter-spacing:-1.7px;max-width:210px;line-height:.99;margin-top:28px}.daily p{color:#3d2459;font-size:12px;max-width:195px;font-weight:500;margin-top:15px}.daily .button{color:#cfafff;box-shadow:3px 3px 0 #2d184b44}.daily .daily-caption{color:#4f306c;font-size:9px}.daily-orb{background:#d3b4ff;box-shadow:inset -14px -10px 0 #8052cb;right:25px;top:139px;transform:rotate(-15deg)}.daily-orb:after{color:var(--lime);font-size:60px}.section-heading h2{text-transform:uppercase;letter-spacing:-.5px;font-size:19px}.section-heading>span{font-size:10px;color:#7d8674}.upcoming{background:#191c16;border:1px solid #2e3527;border-radius:12px;padding:23px}.game-icon{border-radius:9px;font-weight:700;width:55px;height:55px}.game-icon.coral{background:#ff694e;color:#21110c}.game-icon.blue{background:#a478ff;color:#211133}.game-icon.yellow{background:#c6ff24;color:#182208}.upcoming h3{color:#e8eedf;font-size:16px}.upcoming p{color:#8e9984;font-size:10px}.soon{background:#272f20;color:#9daa8e;border-color:#3b4830;border-radius:3px;font-size:7px;letter-spacing:1px}.bottom-banner{border:1px solid #39452d;border-radius:12px;background:repeating-linear-gradient(135deg,#20291a55 0px,#20291a55 1px,transparent 1px,transparent 8px),#151a12;padding:24px 26px}.banner-icon{background:var(--lime);color:#17210d;border-radius:9px}.banner-copy h3{font-size:18px;color:#e7eddd}.banner-copy p{font-size:11px;color:#8d9a80}.text-button{color:var(--lime);font-size:11px}.footer{border-color:#293024}.footer>span,.footer>button{color:#7f8b73}.footer>.brand{font-size:20px}.mobile-nav{background:#12160ff5;border-color:#313c26;box-shadow:0 -10px 40px #0002}.mobile-nav a,.mobile-nav button{color:#7e8a72;border-radius:6px}.mobile-nav .active{color:var(--lime);background:#283719}.page-head h1,.page-title h1{text-transform:uppercase;letter-spacing:-1.5px}.back{background:#1b2115;border-color:#36452a;color:var(--lime)}.page-head p,.section-subtitle{color:#929e85}.setup{background:#171c14;border-color:#34432a;border-radius:17px}.setup-art{color:#152107;background:var(--lime)}.setup-art .eyebrow{color:#415625}.setup-art h2{text-transform:uppercase;letter-spacing:-2.8px}.setup-art p{color:#3f5325}.setup-options{background:#171c14}.mode{background:#20271b;border-color:#39472d;border-radius:8px;color:#d8e1cc}.mode.selected{background:#303e21;border-color:var(--lime);color:var(--lime)}.mode span{color:#95a386}.segmented{background:#171d12;border-color:#35432a;border-radius:8px;padding:4px}.segmented button{color:#a1ae92;border-radius:4px}.segmented button.selected{background:var(--lime);color:#17210b}.setup-options>.button{background:var(--lime);border-color:var(--lime);color:#1a250c}.help-box{border-color:#465c31;border-radius:8px;color:#9baa8c;background:#1e2818}.setup-note{color:#8e9c80}.round-header .tag{background:#222c19;border-color:#3f532c;color:#b2ca93}.round-counter{color:#b6c4a7}.round-progress i{background:#2f3927}.round-progress i.current{background:var(--lime);box-shadow:0 0 10px #bdff3b55}.round-progress i.done{background:var(--purple)}.color-panel{border-radius:13px;box-shadow:inset 0 0 0 1px #ffffff1a}.color-panel .color-label,.color-panel .rgb-text{color:#1a2111;background:#f4f8e9;border-radius:5px;font-weight:700}.color-panel .question{color:#ffffff30}.guess-controls{background:#191f14;border-color:#34452a;border-radius:13px}.controls-head h2{text-transform:uppercase;color:#e2ecd7;letter-spacing:-.6px}.controls-head span,.submit-row p{color:#899a7a}.channel{--channel:#c6ff24!important}.channel:nth-child(1){--channel:#ff7352!important}.channel:nth-child(2){--channel:#c6ff24!important}.channel:nth-child(3){--channel:#ac85ff!important}.channel-head label{color:#c8d6ba}.channel-head input{background:#10170b;border-color:#3f5330;color:#edf7e4;border-radius:5px}.channel-hint{color:var(--channel)}.range-labels{color:#7a8c6a}.submit-row .button{background:var(--lime);border-color:var(--lime);color:#18220d}.guess-row{background:#1a2214;border-color:#34452a;border-radius:8px}.guess-row .number{color:#849773}.guess-row .values{color:#b6c9a3}.guess-row strong{color:#e4f2d8}.guess-row .best-tag{background:#344720;color:var(--lime);border-radius:3px}.result-card{border-radius:13px;background:var(--lime);color:#17210b}.result-card .eyebrow{color:#486522}.result-card .button.light{background:#d6ff6f;color:#233210;border-color:#a0c930;box-shadow:none}.finish-practice{color:#a3b591}.select,.input{background:#1b2414;border-color:#3d5030;color:#dcebcf;border-radius:7px}.input::placeholder{color:#7f916d}.empty-state{background:#171f11;border-color:#34462a;border-radius:14px}.empty-state .empty-icon{background:#34284a;color:#caa5ff;border-radius:12px}.empty-state h2{text-transform:uppercase;color:#e7f2db;letter-spacing:-1px}.empty-state p{color:#91a27f}.empty-state .button{background:var(--lime);color:#19260c;border-color:var(--lime)}.stat{background:#1b2414;border-color:#3b4b2e;border-radius:9px}.stat-number{color:var(--lime)}.stat>span{color:#8ea17a}.table-wrap{background:#1b2414;border-color:#3b4e2d;border-radius:10px}.table-wrap th{background:#25321b;color:#99b27e}.table-wrap td{border-color:#34452a;color:#c8dcb7}.table-wrap strong{color:var(--lime)}.status-notice{background:#29391d;color:#a6c18b;border-radius:6px}.friend-row{background:#1a2214;border-color:#34452a;border-radius:10px}.friend-person p{color:#879c75}.friend-row strong{color:#e1efcf}.friend-actions .button{color:var(--lime)}dialog{background:#171f11;border-color:#465e33;color:#e3efd7;border-radius:16px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.modal-close{color:#95ab80}.modal-eyebrow{background:var(--lime);color:#142107;border-radius:8px}dialog h2{text-transform:uppercase;letter-spacing:-1px}dialog p{color:#8fa27c}.form-error{color:#ff9478}.auth-switch{color:#8fa27c}.auth-switch button{color:var(--lime)}.steps li{color:#b9cda5;border-color:#36472a}.steps li:before{color:#17210b}.install-note{color:#849973}.modal-eyebrow~.button,dialog form>.button,dialog .button.full{background:var(--lime);border-color:var(--lime);color:#17220b}dialog .button.light.full{background:#26351c;color:#c9e2b2;border-color:#415a2e}#toast{background:var(--lime);color:#152108;border:1px solid #daff92;border-radius:7px;font-weight:650}.loading{color:#8da078}
@media(max-width:1000px){.featured h2{font-size:48px}.featured .color-art{right:-12px;transform:scale(.87) rotate(-9deg)}.daily h2{font-size:30px;max-width:185px}.daily-orb{width:51px;height:51px;right:15px;top:145px}}
@media(max-width:720px){.header{height:80px}.brand{font-size:23px}.intro h1{font-size:49px;letter-spacing:-2.8px;line-height:.95;max-width:350px}.intro .eyebrow{font-size:8px;letter-spacing:1.6px}.intro p{font-size:12px;margin-top:21px;max-width:295px;line-height:1.7}.intro{margin-bottom:25px}.featured{min-height:330px;padding:24px;border-radius:13px}.featured h2{font-size:44px;max-width:200px;margin-top:26px;letter-spacing:-2.5px;line-height:.94}.featured p{font-size:11px;margin-top:16px;max-width:180px}.featured .color-art{right:-11px;top:87px;transform:scale(.73) rotate(-9deg)}.featured .tag{font-size:8px}.card-number{font-size:9px!important}.card-bottom{padding-top:25px}.featured .button{min-height:47px;font-size:11px;gap:30px;padding:13px 20px}.micro{font-size:8px;max-width:105px;letter-spacing:.2px}.daily{min-height:214px;padding:23px;border-radius:13px}.daily h2{font-size:29px;max-width:235px;margin-top:21px;line-height:.99}.daily p{font-size:11px;max-width:205px;margin-top:10px}.daily .button{right:22px;bottom:21px;min-height:40px;font-size:10px;padding:10px 13px}.daily-orb{right:24px;top:64px;width:54px;height:54px}.daily-caption{margin-top:14px;max-width:150px;line-height:1.5;font-size:8px}.section-heading h2{font-size:16px;letter-spacing:-.3px;max-width:240px}.section-heading>span{max-width:80px;font-size:8px;line-height:1.5;text-align:right}.upcoming{padding:16px;gap:14px;border-radius:9px}.game-icon{width:45px;height:45px;border-radius:6px}.upcoming h3{font-size:14px}.upcoming p{font-size:10px}.upcoming .soon{top:23px;right:15px;font-size:6px}.bottom-banner{padding:20px 17px;border-radius:9px}.banner-icon{border-radius:6px}.banner-copy h3{font-size:14px}.banner-copy p{font-size:10px}.footer>.brand{font-size:18px}.footer>span{font-size:8px}.page-head h1{font-size:25px}.setup{border-radius:13px}.setup-art{min-height:215px}.setup-art h2{font-size:39px}.setup-art p{font-size:11px}.setup-art .eyebrow{font-size:8px}.setup-art .color-art{right:-16px;top:35px;transform:scale(.58) rotate(8deg)}.setup-options{padding:24px}.mode-grid{gap:9px}.mode{padding:15px 12px}.mode strong{font-size:13px}.mode span{font-size:10px}.guess-controls{padding:20px 17px}.controls-head h2{font-size:15px}.controls-head span{font-size:9px}.channel input[type=range]{accent-color:var(--channel)}.result-card h2{font-size:25px}.page-title h1{font-size:37px;line-height:1}.empty-state h2{font-size:23px}.table-wrap th,.table-wrap td{font-size:10px}.section-heading h3{text-transform:uppercase;font-size:14px}}
@media(max-width:370px){.intro h1{font-size:43px;letter-spacing:-2.6px}.intro p{font-size:11px;max-width:260px}.featured h2{font-size:37px;max-width:175px}.featured .color-art{right:-20px;top:94px;transform:scale(.61) rotate(-9deg)}.featured{min-height:319px;padding:23px}.featured p{max-width:160px;font-size:10px}.featured .button{gap:25px;padding:13px 17px}.micro{max-width:85px;font-size:7px}.daily{min-height:230px}.daily h2{font-size:26px;max-width:195px}.daily-orb{right:21px;top:67px;width:45px;height:45px}.daily-orb:after{font-size:45px}.daily p{max-width:175px;font-size:10px}.daily-caption{max-width:130px;font-size:8px}.upcoming p{max-width:155px;font-size:9px}.upcoming .soon{right:12px;font-size:6px}.setup-art .color-art{right:-30px}.brand{font-size:22px}}
@media(max-width:720px){.footer>button{display:flex;color:var(--lime);font-size:10px;width:100%;padding:5px 0;text-transform:uppercase;font-weight:700;letter-spacing:.7px}.brand-dot{padding-top:6px;font-size:6px;letter-spacing:.5px;margin-left:4px}.footer .brand-dot{padding-top:4px;font-size:5px}.channel-head input{min-height:36px}.mobile-nav a,.mobile-nav button{min-height:44px}}
@media(max-width:720px){.game-layout .page-head{position:relative;padding-right:27px;margin-bottom:20px;flex-wrap:nowrap}.game-layout .page-head h1{font-size:22px;letter-spacing:-1px}.game-layout .page-head .text-button{position:absolute;right:0;top:1px;font-size:0;gap:0;padding:6px}.game-layout .page-head .text-button svg{width:17px;height:17px}.color-panel{height:175px}.controls-head{margin-bottom:20px}.sliders{gap:15px;margin-bottom:22px}.channel{display:grid;grid-template-columns:48px minmax(0,1fr) 52px;column-gap:10px;row-gap:2px}.channel-head{display:contents}.channel-head label{grid-column:1;grid-row:1;font-size:11px;gap:6px}.channel-head input{grid-column:3;grid-row:1;width:52px;min-height:35px}.channel input[type=range]{grid-column:2;grid-row:1;width:100%;margin:0;height:26px}.range-labels{grid-column:2;grid-row:2;width:100%;font-size:8px}.channel-hint{position:static;grid-column:3;grid-row:2;font-size:8px;white-space:nowrap;max-width:none;text-align:right;margin:0;min-height:10px}.submit-row p{font-size:9px;line-height:1.5}.submit-row{gap:10px}.guess-controls{padding:18px 16px}.round-header{margin-bottom:14px}.round-progress i{height:4px}.color-panel .color-label svg{width:14px;height:14px}.color-panel .color-label{font-size:7px}}

/* Fast Reflex */
.upcoming.playable{border-color:#865040;transition:border-color .15s,background .15s}.upcoming.playable:hover{background:#282019;border-color:var(--coral)}.playable .play-badge{background:var(--coral);border-color:var(--coral);color:#24110a;font-weight:700}.reflex-game-number{margin-left:auto;font:10px monospace;color:var(--muted);white-space:nowrap}.reflex-pad{width:100%;min-height:340px;border:1px solid #8d4236;border-radius:17px;background:#ff694e;color:#28110b;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px 20px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.reflex-pad:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.reflex-symbol{font:700 70px 'Space Grotesk',sans-serif;line-height:1;margin-bottom:18px}.reflex-pad strong{font:700 clamp(35px,6vw,62px) 'Space Grotesk',sans-serif;letter-spacing:-2px;line-height:1.1}.reflex-message{font-size:13px;margin-top:14px;line-height:1.6;text-align:center;max-width:340px}.reflex-prompt{font-size:10px;font-weight:700;letter-spacing:1.5px;margin-top:32px;border-top:1px solid #28110b40;padding-top:16px}.reflex-pad.is-waiting{background:#30201b;border-color:#774338;color:#ffad94}.reflex-pad.is-ready{background:var(--lime);border-color:#d9ff82;color:#17210b}.reflex-pad.is-result{background:var(--purple);border-color:#c19cff;color:#221239}.reflex-pad.is-paused,.reflex-pad.is-missed{background:#282b22;border-color:#505942;color:#d9e5ca}.reflex-instructions{text-align:center;font-size:11px;color:var(--muted);margin:16px auto 24px;max-width:510px}.reflex-times{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.reflex-time{border:1px solid var(--line);border-radius:9px;background:#191d16;padding:17px 12px}.reflex-time>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.reflex-time strong{display:block;margin-top:12px;font:700 27px 'Space Grotesk',sans-serif;color:#647057}.reflex-time strong small{font-size:11px;font-weight:400}.reflex-time.has-time strong{color:var(--lime)}.reflex-record{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.reflex-record>span:first-child{font-size:9px;letter-spacing:1px;color:var(--muted)}.reflex-record strong{color:var(--lime);font:700 20px 'Space Grotesk',sans-serif}.reflex-record>span:last-child{font-size:10px;color:var(--muted)}.reflex-result .eyebrow{justify-content:center}.reflex-result .score>span{font-size:.32em;letter-spacing:0}.reflex-result p+p{font-size:11px;margin-top:6px}.reflex-result .result-actions{margin-top:24px}
@media(max-width:720px){.reflex-layout .page-head{padding-right:0}.reflex-game-number{font-size:8px}.reflex-pad{min-height:310px;border-radius:13px;padding:26px 16px}.reflex-symbol{font-size:56px}.reflex-pad strong{font-size:42px}.reflex-message{font-size:11px;max-width:260px}.reflex-prompt{font-size:9px}.reflex-instructions{font-size:10px;margin-bottom:18px}.reflex-times{gap:6px}.reflex-time{padding:13px 7px;border-radius:6px}.reflex-time>span{font-size:6px;letter-spacing:.4px}.reflex-time strong{font-size:20px;margin-top:9px}.reflex-time strong small{font-size:8px}.reflex-record{gap:10px;padding:18px 0}.reflex-record>span:last-child{width:100%;font-size:9px}.reflex-result .score{font-size:72px}.reflex-result h2{font-size:23px}}
/* Language selection stays available across every page and round. */
.header-actions{display:flex;align-items:center;gap:22px}.language-picker{position:relative;flex-shrink:0;z-index:30}.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:72px;min-height:43px;padding:10px 12px;background:#1b2116;color:#e8f2de;border:1px solid #39472d;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.6px}.language-toggle:hover,.language-picker.is-open .language-toggle{border-color:var(--lime);color:var(--lime)}.language-chevron{width:15px;height:15px;stroke-width:1.8;transition:transform .2s ease}.language-picker.is-open .language-chevron{transform:rotate(180deg)}.language-menu{position:absolute;right:0;top:calc(100% + 10px);width:210px;padding:6px;background:#1a2115;border:1px solid #435530;border-radius:9px;box-shadow:0 15px 40px #0009}.language-menu[hidden]{display:none}.language-menu button{display:flex;align-items:center;width:100%;min-height:45px;padding:10px 11px;gap:12px;border-radius:5px;background:transparent;color:#d6e3c8;text-align:left;font-size:13px}.language-menu button:hover{background:#293720}.language-menu button[aria-checked="true"]{background:#2c3c1e;color:var(--lime)}.language-option-code{font:600 10px 'Space Grotesk',sans-serif;letter-spacing:.7px;color:#90a078;min-width:20px}.language-check{margin-left:auto;visibility:hidden;color:var(--lime)}.language-menu button[aria-checked="true"] .language-check{visibility:visible}.swatch-card.back:after{content:attr(data-label)}html:not([lang="en"]) .channel-hint{white-space:normal}html:not([lang="en"]) .featured h2{font-size:clamp(34px,4.1vw,50px)}html:not([lang="en"]) .daily h2{font-size:clamp(25px,2.5vw,31px)}
@media(max-width:900px){.header-actions{gap:12px}.desktop-nav{gap:3px}.desktop-nav a{padding:11px 10px}.profile-button .tiny-arrow{display:none}}
@media(max-width:720px){.header{gap:14px}.header-actions{gap:11px}.profile-button #profile-name{display:none}.language-toggle{min-width:64px;min-height:40px;padding:9px 10px;gap:8px}.language-menu{width:204px}.intro{align-items:center}.intro p{max-width:320px}.intro h1{font-size:clamp(37px,12.3vw,49px)}html:not([lang="en"]) .intro h1{font-size:clamp(32px,10.3vw,43px);letter-spacing:-2px}.featured p{max-width:185px}html:not([lang="en"]) .featured h2{font-size:35px;max-width:205px}html:not([lang="en"]) .featured{min-height:350px}html:not([lang="en"]) .daily{min-height:250px}html:not([lang="en"]) .daily h2{font-size:25px;max-width:235px}html:not([lang="en"]) .daily-caption{max-width:145px}.upcoming p{max-width:190px}html:not([lang="en"]) .upcoming .soon{position:static;display:inline-block;margin-top:7px}html:not([lang="en"]) .upcoming{min-height:91px}html:not([lang="en"]) .game-layout .page-head h1{font-size:19px}html:not([lang="en"]) .setup-art{min-height:255px}html:not([lang="en"]) .setup-art h2{font-size:30px;max-width:195px}html:not([lang="en"]) .setup-art p{max-width:205px}html:not([lang="en"]) .segmented button{font-size:11px}.controls-head h2{max-width:65%}html:not([lang="en"]) .controls-head h2{font-size:13px}html:not([lang="en"]) .controls-head span{font-size:8px}.channel-hint{font-size:8px}html:not([lang="en"]) .friend-actions{flex-wrap:wrap}.footer>span{max-width:60%;text-align:right;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.language-chevron{transition:none}}
/* The game library and daily challenges have separate homepage sections. */
.games-section>.section-heading{margin-top:0}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.games-grid .featured{min-height:365px}.games-grid .featured h2{font-size:48px;max-width:75%}.games-grid .featured .color-art{right:2%;top:101px;transform:scale(.88) rotate(-9deg);transform-origin:right center}.coming-soon-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.reflex-featured{background:var(--coral);box-shadow:inset 0 0 0 1px #ffa18d;color:#24120b}.reflex-featured:after{border-color:#42170a0c}.reflex-featured .tag{color:#ff9d85}.reflex-featured p{color:#602c20}.reflex-featured .card-number{color:#4b2318}.reflex-featured .button{color:#ffab95}.reflex-featured .micro{color:#582a1b}.reflex-card-art{position:absolute;right:26px;top:93px;width:185px;height:190px;z-index:-1;transform:rotate(-8deg)}.reflex-card-signal{position:absolute;right:18px;top:7px;display:grid;gap:12px;padding:18px 17px;background:#25160f;border:2px solid #582c1f;border-radius:17px;box-shadow:7px 7px 0 #7c301d44;transform:rotate(14deg)}.reflex-card-signal i{width:29px;height:29px;background:#704330;border-radius:50%;box-shadow:inset 0 2px 2px #0004}.reflex-card-signal i:nth-child(2){background:#a36a34}.reflex-card-signal i:last-child{background:var(--lime);box-shadow:0 0 16px #c6ff2455}.reflex-card-bolt{position:absolute;left:9px;top:37px;color:#25160f;font:700 112px/1 'Space Grotesk',sans-serif;transform:rotate(5deg)}.daily-wide{display:block;min-height:255px;padding:28px 32px}.daily-wide h2{max-width:420px;font-size:34px;margin-top:24px}.daily-wide p{max-width:380px;margin-top:13px}.daily-wide .button{position:absolute;right:32px;bottom:30px;margin:0;gap:40px}.daily-wide .daily-caption{margin-top:18px;max-width:500px}.daily-wide .daily-orb{right:19%;top:82px;width:75px;height:75px}.daily-section>.section-heading{margin-top:34px}html:not([lang="en"]) .games-grid .featured h2{font-size:43px;max-width:75%}html:not([lang="en"]) .daily-wide h2{max-width:430px;font-size:32px}
@media(min-width:721px) and (max-width:1000px){.games-grid .featured h2{font-size:41px;max-width:80%}.games-grid .featured .color-art{right:-12px;top:120px;transform:scale(.72) rotate(-9deg)}.reflex-card-art{right:10px;top:110px;transform:scale(.8) rotate(-8deg);transform-origin:right center}.games-grid .micro{font-size:8px;max-width:100px}.games-grid .featured p{font-size:11px;max-width:190px}.daily-wide .daily-orb{right:23%}}
@media(max-width:720px){.games-grid{grid-template-columns:minmax(0,1fr);gap:16px}.games-section>.section-heading{margin-bottom:14px}.games-grid .featured{min-height:330px}.games-grid .featured h2{font-size:44px;max-width:200px}.games-grid .featured .color-art{right:-11px;top:87px;transform:scale(.73) rotate(-9deg)}.reflex-card-art{right:16px;top:88px;transform:scale(.8) rotate(-8deg);transform-origin:right center}.coming-soon-grid{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px}.daily-section>.section-heading{margin-top:28px}.daily-wide{padding:23px;min-height:235px}.daily-wide h2{font-size:29px;max-width:215px;margin-top:21px}.daily-wide p{max-width:205px;font-size:11px;margin-top:10px}.daily-wide .button{right:22px;bottom:21px;min-height:40px;padding:10px 13px;gap:12px}.daily-wide .daily-caption{max-width:150px;margin-top:14px;font-size:8px}.daily-wide .daily-orb{right:24px;top:68px;width:54px;height:54px}html:not([lang="en"]) .games-grid .featured{min-height:350px}html:not([lang="en"]) .games-grid .featured h2{font-size:35px;max-width:205px}html:not([lang="en"]) .daily-wide{min-height:255px}html:not([lang="en"]) .daily-wide h2{font-size:25px;max-width:215px}}
@media(max-width:370px){.games-grid .featured{min-height:319px}.games-grid .featured h2{font-size:37px;max-width:175px}.games-grid .featured .color-art{right:-20px;top:94px;transform:scale(.61) rotate(-9deg)}.reflex-card-art{right:10px;top:91px;transform:scale(.65) rotate(-8deg)}.daily-wide{min-height:250px}.daily-wide h2{font-size:26px;max-width:195px}.daily-wide .daily-orb{right:21px;top:67px;width:45px;height:45px}.daily-wide p{max-width:175px;font-size:10px}.daily-wide .daily-caption{max-width:130px}}

.verification-choice { border: 1px solid var(--line, #deddd7); border-radius: 14px; padding: 16px; margin: 18px 0; display: flex; gap: 24px; }
.verification-choice legend { font-size: 13px; padding: 0 6px; }
.verification-choice label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.verification-choice input { accent-color: #3d5141; width: 18px; height: 18px; }
.auth-message { font-size: 14px; line-height: 1.5; margin: 12px 0; }
.auth-message:empty, .form-error:empty { display: none; }
/* Sequence */
.sequence-featured{background:#b7a0ef;color:#251b36;box-shadow:inset 0 0 0 1px #c6b1fa}.sequence-featured .tag,.sequence-featured .button{color:#d5c4ff}.sequence-featured .micro,.sequence-featured p{color:#453358}.games-grid .sequence-featured h2{font-size:clamp(34px,4vw,48px);max-width:100%;position:relative;z-index:1}.sequence-card-art{position:absolute;right:30px;top:140px;display:grid;grid-template-columns:repeat(2,57px);gap:9px;transform:rotate(-10deg);z-index:-1}.sequence-card-art i{height:57px;border:2px solid #342844;border-radius:12px;background:#805da4;color:#d9c6f3;font-size:28px;font-style:normal;display:grid;place-items:center;box-shadow:3px 4px 0 #36234855}.sequence-card-art i:nth-child(2){background:#d5fc51;color:#293216;box-shadow:0 0 24px #d5fc5177,3px 4px 0 #36234855}.sequence-card-art i:nth-child(3){background:#ff9178;color:#45231a}.sequence-card-art i:nth-child(4){background:#91cbd0;color:#193b3e}
.sequence-layout{max-width:720px}.sequence-stage{padding:26px;background:#171d13;border:1px solid var(--line);border-radius:18px}.sequence-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.sequence-stats span{font-size:9px;letter-spacing:1px;color:var(--muted);display:block}.sequence-stats strong{display:block;margin-top:8px;color:var(--lime);font:700 30px 'Space Grotesk',sans-serif}.sequence-status{text-align:center;min-height:112px;padding:25px 0 18px}.sequence-status h2{font-size:23px;letter-spacing:-.5px}.sequence-status p{font-size:12px;color:var(--muted);margin-top:8px}.sequence-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:420px;margin:0 auto}.sequence-pad{position:relative;aspect-ratio:1.25;border-radius:18px;border:2px solid var(--pad-border);background:var(--pad-dim);color:var(--pad-light);box-shadow:0 5px 0 #0a1008;display:grid;place-items:center;user-select:none;-webkit-user-select:none;transition:background .08s,box-shadow .08s}.sequence-pad-0{--pad-dim:#32411b;--pad-light:#d5fc51;--pad-border:#6a8234}.sequence-pad-1{--pad-dim:#40304f;--pad-light:#c5a0ff;--pad-border:#78568e}.sequence-pad-2{--pad-dim:#4b2b21;--pad-light:#ff9a7c;--pad-border:#97543f}.sequence-pad-3{--pad-dim:#1b3c40;--pad-light:#8fe1e6;--pad-border:#3c7c83}.sequence-pad>span:first-child{font:700 49px 'Space Grotesk',sans-serif}.sequence-pad[aria-disabled="true"]{cursor:default}.sequence-pad[aria-disabled="false"]:hover{border-color:var(--pad-light)}.sequence-pad.is-lit{background:var(--pad-light);color:#1b2117;border-color:#f3ffe4;box-shadow:0 0 30px color-mix(in srgb,var(--pad-light) 35%,transparent),0 5px 0 #0a1008}.sequence-flash{display:none;position:absolute;top:10px;right:13px;font-size:18px}.is-lit .sequence-flash{display:block}.sequence-pad.is-wrong{background:#6b2926;color:#ffd5cc;border-color:#ff775e;box-shadow:none}.sequence-pad.is-wrong .sequence-flash{display:none}.sequence-pad.is-expected{outline:3px dashed var(--pad-light);outline-offset:-9px}.sequence-controls{min-height:72px;display:flex;align-items:center;justify-content:center;padding-top:22px}.sequence-controls .button{background:var(--lime);color:#1b2510}.sequence-record{text-align:center;font-size:10px;color:var(--muted)}.sequence-layout .reflex-instructions{margin-bottom:12px}
@media(max-width:720px){.sequence-card-art{right:24px;top:143px;grid-template-columns:repeat(2,50px);gap:7px}.sequence-card-art i{height:50px;font-size:23px}.sequence-featured p{max-width:180px}.sequence-stage{padding:19px 16px;border-radius:13px}.sequence-stats{gap:6px;padding-bottom:16px}.sequence-stats span{font-size:7px;letter-spacing:.5px}.sequence-stats strong{font-size:25px}.sequence-status{min-height:110px;padding-top:21px}.sequence-status h2{font-size:20px}.sequence-status p{font-size:11px}.sequence-board{gap:12px}.sequence-pad{border-radius:13px}.sequence-pad>span:first-child{font-size:40px}.sequence-layout .page-head{padding-right:0}.sequence-layout .reflex-game-number{font-size:7px}.sequence-layout .reflex-instructions{font-size:10px}}
@media(max-width:370px){.sequence-card-art{right:19px;top:150px;grid-template-columns:repeat(2,42px)}.sequence-card-art i{height:42px}.games-grid .sequence-featured h2{font-size:35px}.sequence-featured p{max-width:155px}}
@media(prefers-reduced-motion:reduce){.sequence-pad{transition:none}}
.code-input { letter-spacing: .28em; font-variant-numeric: tabular-nums; }
#resend-form { margin-top: 20px; }
#resend-form .install-note { display: block; margin-top: 12px; }

/* Memory Mix */
.memory-layout{max-width:820px}.memory-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}.memory-modes button{background:#1b2216;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:14px 10px;display:flex;align-items:center;justify-content:center;gap:12px}.memory-modes strong{font-size:13px}.memory-modes span{font-size:10px}.memory-modes [aria-pressed="true"]{background:#24351a;border-color:var(--lime);color:var(--lime)}.memory-modes button:disabled{opacity:.8}.memory-intro{text-align:center;padding:35px 24px 40px;background:#1b2417;border:1px solid #37462b;border-radius:16px}.memory-intro>span{display:block;font-size:66px;color:var(--purple);margin-bottom:12px}.memory-intro h2{font-size:30px}.memory-intro p{max-width:430px;margin:18px auto 24px;font-size:13px;color:var(--muted)}.memory-intro .memory-note{margin:16px auto 0;font-size:11px}.memory-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#191f15}.memory-stats>div{padding:18px 12px;text-align:center}.memory-stats>div+div{border-left:1px solid var(--line)}.memory-stats span{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.memory-stats strong{display:block;font:700 28px 'Space Grotesk',sans-serif;margin-top:6px;color:var(--lime)}.memory-stats small{font-size:16px}.memory-status{text-align:center;min-height:50px;display:grid;place-items:center;font-size:12px;color:#b4c49f;padding:10px}.memory-board-wrap{position:relative}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:580px;margin:auto}.memory-board.memory-large{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none}.memory-card{position:relative;aspect-ratio:1.15;border:1px solid #445535;border-radius:12px;background:repeating-linear-gradient(135deg,#283820 0px,#283820 1px,#1d2917 1px,#1d2917 9px);color:#70895a;display:grid;place-items:center;transition:background .16s,transform .16s,border-color .16s;user-select:none;-webkit-user-select:none}.memory-card>span{font:500 clamp(30px,5vw,48px) 'Space Grotesk',sans-serif;line-height:1}.memory-card:hover:not([aria-disabled="true"]){border-color:var(--lime);transform:translateY(-3px)}.memory-card.is-revealed{background:var(--card-color);color:#182110;border-color:var(--card-color);transform:rotateY(0)}.memory-card.is-matched{background:#2c4020;border-color:#66894b;color:var(--card-color)}.memory-card i{position:absolute;right:8px;top:5px;font-style:normal;font-size:11px;color:var(--lime)}.memory-pause{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;border-radius:12px;background:#141e10f5;text-align:center;padding:24px}.memory-pause strong{font:700 24px 'Space Grotesk',sans-serif}.memory-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px;flex-wrap:wrap}.memory-actions p{margin-right:auto;font-size:11px;color:var(--muted)}.memory-record{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0;margin-top:28px}.memory-record>span{font-size:9px;letter-spacing:.6px;color:var(--muted)}.memory-record strong{font:600 16px 'Space Grotesk',sans-serif;color:var(--lime)}.memory-finish{margin-top:24px}.memory-finish .eyebrow{justify-content:center}.memory-finish .button{margin-top:22px}.memory-finish p+p{font-size:11px;margin-top:5px}
@media(max-width:720px){.memory-layout .page-head{padding-right:0}.memory-modes{gap:7px;margin-bottom:18px}.memory-modes button{flex-direction:column;gap:5px;padding:12px 6px}.memory-stats>div{padding:13px 6px}.memory-stats strong{font-size:23px}.memory-stats span{font-size:7px;letter-spacing:1px}.memory-board,.memory-board.memory-large{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.memory-card{border-radius:9px}.memory-card>span{font-size:33px}.memory-card i{font-size:8px;top:4px;right:5px}.memory-intro{padding:28px 18px}.memory-intro h2{font-size:25px}.memory-intro p{font-size:12px}.memory-record>span:last-child{width:100%}.memory-actions{gap:8px}.memory-actions p{width:100%}.memory-pause strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.memory-card{transition:none}}

/* Odd One Out */
.odd-playable.playable{border-color:#776726}.odd-playable.playable:hover{background:#292615;border-color:#e9ca59}.odd-playable .play-badge{background:#e9ca59;border-color:#e9ca59;color:#241f0b}
.odd-layout{max-width:720px;margin:0 auto}.odd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.odd-stats>div{background:#1a2115;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center}.odd-stats>div>span{display:block;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.odd-stats strong{display:block;margin-top:10px;font:700 32px 'Space Grotesk',sans-serif;color:#e9ca59;font-variant-numeric:tabular-nums}.odd-stats small{font-size:13px}.odd-stats>div:last-child strong{color:var(--coral);font-size:27px;letter-spacing:3px}.odd-stage{padding:24px;background:#191f14;border:1px solid #4c4b2b;border-radius:16px}.odd-welcome{text-align:center;max-width:440px;margin:12px auto 24px}.odd-welcome h2{font:700 clamp(28px,6vw,44px) 'Space Grotesk',sans-serif;color:#e9ca59;letter-spacing:-1.5px;margin:20px 0 14px}.odd-welcome p{color:#a6b599;font-size:13px;line-height:1.8;margin-bottom:26px}.odd-welcome .tag{color:#e9ca59}.odd-welcome .button,.odd-result .button{background:#e9ca59;color:#211e0d;border-color:#e9ca59}.odd-art{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:96px;margin:0 auto 25px;transform:rotate(-8deg)}.odd-art i{aspect-ratio:1;background:#b79a30;border-radius:6px}.odd-art i:last-child{background:#f4d555}.odd-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.odd-board-head .tag{color:#e9ca59;font-size:9px;white-space:normal}.odd-board-head .text-button{font-size:12px;padding:10px;color:#e9ca59}.odd-grid{display:grid;grid-template-columns:repeat(var(--odd-size),minmax(0,1fr));gap:clamp(5px,1.5vw,10px);max-width:500px;margin:auto}.odd-tile{aspect-ratio:1;width:100%;min-width:0;border:0;border-radius:8px;cursor:pointer;touch-action:manipulation;position:relative;box-shadow:inset 0 0 0 1px #00000012}.odd-tile:focus-visible{outline:3px solid #fff;outline-offset:2px;z-index:1}.odd-tile.is-miss{cursor:default}.odd-tile.is-miss span{display:inline-flex;align-items:center;justify-content:center;background:#171d13db;color:#fff;border-radius:50%;width:28px;height:28px;font-size:22px}.odd-feedback{text-align:center;min-height:32px;margin:17px 0;font-size:11px;color:var(--muted);line-height:1.7}.odd-result{border:0;background:transparent;padding:32px 12px}.odd-result .eyebrow{justify-content:center}.odd-result .score{color:#e9ca59}.odd-result p+p{font-size:11px;margin-top:10px}.odd-result .button{margin-top:26px}
@media(max-width:720px){.odd-layout .page-head{padding-right:0}.odd-stats{gap:8px;margin-bottom:12px}.odd-stats>div{padding:14px 6px}.odd-stats>div>span{font-size:8px;letter-spacing:.6px}.odd-stats strong{font-size:27px}.odd-stats>div:last-child strong{font-size:23px;letter-spacing:1px}.odd-stage{padding:14px;border-radius:12px}.odd-welcome{padding:10px 3px}.odd-welcome p{font-size:12px}.odd-board-head{margin-bottom:12px}.odd-tile{border-radius:5px}.odd-feedback{font-size:10px}.odd-result{padding:28px 5px}.odd-result h2{font-size:24px}}

/* Potential games stay informational until they are ready to play. */
.potential-games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.potential-games-grid .upcoming{align-items:flex-start;min-width:0}.potential-games-grid .upcoming>div:last-child{min-width:0}.potential-games-grid .upcoming p{max-width:none;font-size:11px;line-height:1.6}.potential-games-grid .upcoming .soon{position:static;display:inline-block;margin-top:10px}.potential-games-grid .game-icon{font-size:24px}
@media(max-width:1000px){.potential-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.potential-games-grid{grid-template-columns:minmax(0,1fr);gap:10px}}

/* Stop at 10 */
.stop10-featured{background:#b7a0ee;color:#241a38;box-shadow:inset 0 0 0 1px #d3baff}.stop10-featured .tag,.stop10-featured .button{color:#d7c4ff}.stop10-featured p,.stop10-featured .micro{color:#43335f}.stop10-featured h2{position:relative;z-index:1;max-width:100%;font-size:48px;margin-bottom:105px}.stop10-featured p{position:absolute;top:136px;max-width:235px;padding-right:8px}.stop10-card-art{position:absolute;right:30px;top:151px;z-index:-1;transform:rotate(-9deg)}.stop10-card-art>span{display:block;padding:20px 15px;background:#241a38;border:2px solid #77609d;border-radius:15px;box-shadow:6px 6px 0 #49346540;color:#dac8ff;font:700 25px monospace;letter-spacing:-1px}.stop10-card-art>i{position:absolute;right:-13px;top:-28px;font-style:normal;font-size:45px}.stop10-layout{max-width:760px}.stop10-status{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 15px;min-height:20px}.stop10-pad{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;padding:35px 22px;border-radius:17px;background:#b7a0ee;border:1px solid #d3baff;color:#241a38;user-select:none;-webkit-user-select:none;touch-action:manipulation}.stop10-digits{font:700 clamp(50px,10vw,80px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-4px;font-variant-numeric:tabular-nums}.stop10-pad strong{font:700 clamp(23px,5vw,36px) 'Space Grotesk',sans-serif;letter-spacing:-1px;margin-top:24px;text-align:center}.stop10-message{font-size:13px;line-height:1.7;text-align:center;max-width:360px;margin-top:15px}.stop10-prompt{font-size:10px;font-weight:700;letter-spacing:1.5px;margin-top:30px;padding-top:18px;border-top:1px solid #241a3840}.stop10-pad.is-running{background:#251c35;color:#dac8ff;border-color:#9274b7}.stop10-pad.is-running .stop10-prompt{border-color:#dac8ff40}.stop10-result .eyebrow{justify-content:center}.stop10-result .score{color:#c9b2fa;font-variant-numeric:tabular-nums;font-size:clamp(64px,12vw,100px)}.stop10-result .score small{font-size:.3em;letter-spacing:0}.stop10-result p+p{margin-top:8px}.stop10-result .stop10-save{font-size:11px;color:var(--muted)}.stop10-result .result-actions{margin-top:24px}.stop10-record strong{color:#c9b2fa}
@media(max-width:1000px) and (min-width:721px){.stop10-card-art{right:18px;top:160px;transform:scale(.75) rotate(-9deg);transform-origin:right center}.stop10-featured p{max-width:185px;font-size:11px}.stop10-featured h2{font-size:41px}}
@media(max-width:720px){.stop10-featured h2{font-size:44px;max-width:100%;margin-bottom:90px}.stop10-featured p{top:131px;max-width:190px;font-size:11px}.stop10-card-art{right:22px;top:142px;transform:scale(.78) rotate(-9deg);transform-origin:right center}.stop10-pad{min-height:320px;padding:28px 18px}.stop10-message{font-size:12px;max-width:295px}.stop10-status{font-size:11px}.stop10-result h2{font-size:25px}.stop10-record strong{font-size:18px}}
@media(max-width:370px){.stop10-featured h2{font-size:37px}.stop10-featured p{max-width:165px;font-size:10px;top:124px}.stop10-card-art{right:15px;top:144px;transform:scale(.65) rotate(-9deg)}}

.stop10-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.stop10-home .featured{min-height:365px}@media(max-width:720px){.stop10-home{grid-template-columns:minmax(0,1fr);margin-top:16px}.stop10-home .featured{min-height:330px}}

/* Give the two main homepage sections a stronger visual hierarchy. */
.games-section > .section-heading,
.daily-section > .section-heading {
  --section-accent: #c6ff24;
  margin-bottom: 22px;
  padding: 18px 21px;
  gap: 14px 22px;
  border-left: 4px solid var(--section-accent);
  border-top: 1px solid #c6ff2436;
  border-bottom: 1px solid #c6ff241c;
  border-radius: 0 11px 11px 0;
  background: linear-gradient(100deg, #c6ff2412, #c6ff2403 70%, transparent);
}
.daily-section > .section-heading {
  --section-accent: #be99ff;
  margin-top: 42px;
  border-top-color: #be99ff45;
  border-bottom-color: #be99ff24;
  background: linear-gradient(100deg, #be99ff1a, #be99ff04 70%, transparent);
}
.games-section > .section-heading h2,
.daily-section > .section-heading h2 {
  max-width: none;
  font-size: 29px;
  line-height: 1.08;
  letter-spacing: -1px;
  color: #f5f8ec;
}
.games-section > .section-heading > span,
.daily-section > .section-heading > span {
  max-width: none;
  font-size: 12px;
  color: #b5c1a7;
}
.daily-section > .section-heading > span { color: #c1b0d5; }
.games-grid { gap: 25px; }
.games-grid .featured {
  min-height: 390px;
  border: 1px solid #ffffff30;
  box-shadow: inset 0 0 0 1px #ffffff18, 0 13px 32px #0003;
}
.daily-section .daily-wide {
  min-height: 280px;
  padding: 31px 35px;
  border-color: #d2b9ff;
  box-shadow: inset 0 0 0 1px #ffffff14, 0 12px 34px #8c55df14;
}
.daily-section .daily-wide h2 { font-size: 37px; }
.daily-section .daily-wide .daily-orb { width: 82px; height: 82px; }
@media (max-width: 720px) {
  .games-section > .section-heading,
  .daily-section > .section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    padding: 15px 17px;
    margin-bottom: 18px;
    border-left-width: 3px;
    border-radius: 0 8px 8px 0;
  }
  .daily-section > .section-heading { margin-top: 34px; }
  .games-section > .section-heading h2,
  .daily-section > .section-heading h2 {
    font-size: 24px;
    letter-spacing: -.7px;
    overflow-wrap: anywhere;
  }
  .games-section > .section-heading > span,
  .daily-section > .section-heading > span {
    font-size: 10px;
    line-height: 1.5;
    text-align: left;
  }
  .games-grid { gap: 20px; }
  .games-grid .featured { min-height: 350px; }
  .daily-section .daily-wide { min-height: 255px; padding: 25px; }
  .daily-section .daily-wide h2 { font-size: 29px; }
  .daily-section .daily-wide .daily-orb { width: 58px; height: 58px; }
  html:not([lang="en"]) .daily-section .daily-wide h2 { font-size: 25px; }
}
@media (max-width: 370px) {
  .games-section > .section-heading h2,
  .daily-section > .section-heading h2 { font-size: 22px; }
  .games-grid .featured { min-height: 335px; }
  .daily-section .daily-wide { min-height: 265px; padding: 24px; }
  .daily-section .daily-wide h2 { font-size: 26px; }
  .daily-section .daily-wide .daily-orb { width: 45px; height: 45px; }
}

/* Higher or Lower */
.higher-playable.playable{border-color:#68528c}.higher-playable.playable:hover{background:#251d30;border-color:var(--purple)}.higher-playable .play-badge{background:var(--purple);border-color:var(--purple);color:#21132f}
.higher-layout{max-width:760px;margin:0 auto}.higher-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.higher-stats>div{background:#1a2115;border:1px solid var(--line);padding:17px 22px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.higher-stats span{font-size:9px;letter-spacing:1px;color:var(--muted)}.higher-stats strong{font:700 30px 'Space Grotesk',sans-serif;color:var(--lime)}.higher-stats>div:last-child strong{color:var(--purple)}.higher-table{padding:26px;border:1px solid #4a4258;border-radius:16px;background:#191e15}.higher-table-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.higher-table-head .tag{color:var(--purple);font-size:9px}.higher-table-head>span:last-child{color:var(--muted);font:9px monospace;letter-spacing:.5px;text-align:right}.higher-cards{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center;max-width:540px;margin:auto}.higher-card{min-height:218px;border-radius:13px;background:#e8efd8;color:#20291a;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 12px;box-shadow:0 5px 0 #e8efd821}.higher-card>span:first-child{font:700 9px 'Space Grotesk',sans-serif;letter-spacing:1px;text-align:center;line-height:1.5}.higher-card strong{font:700 clamp(64px,10vw,96px)/1 'Space Grotesk',sans-serif;letter-spacing:-5px;font-variant-numeric:tabular-nums}.higher-card-mark{font-size:22px;line-height:1}.higher-versus{color:var(--muted);text-align:center;font-size:24px}.higher-next{background:#2d223d;color:#bc9ae6;box-shadow:0 5px 0 #b395db21;border:1px solid #71588d}.higher-next.is-revealed{background:var(--purple);color:#271737;border-color:var(--purple)}.higher-next.is-miss{background:var(--coral);color:#32170f;border-color:var(--coral)}.higher-status{text-align:center;max-width:510px;margin:26px auto 20px;min-height:76px}.higher-status h2{font:700 clamp(23px,4vw,32px) 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:0 0 10px;color:#e7efd9}.higher-status p{font-size:12px;color:var(--muted);line-height:1.7;margin:5px 0}.higher-actions{display:flex;justify-content:center;gap:12px;max-width:540px;margin:auto}.higher-actions .button{min-height:54px;background:var(--lime);color:#1b260c;border-color:var(--lime);justify-content:center;min-width:190px}.higher-actions .higher-up,.higher-actions .higher-down{flex:1;min-width:0;font-size:16px;gap:14px}.higher-actions .higher-down{background:var(--purple);border-color:var(--purple);color:#261635}.higher-actions .button>span{font-size:27px}.higher-actions .button:focus-visible{outline:3px solid #fff;outline-offset:4px}.higher-note{color:var(--muted);text-align:center;max-width:500px;margin:20px auto 0;font-size:10px;line-height:1.8}.higher-history{margin-top:24px}.higher-history .field-label{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:12px}.higher-history ol{display:flex;gap:8px;padding:0;list-style:none;flex-wrap:wrap}.higher-history li{display:flex;align-items:center;gap:6px;border:1px solid #465334;border-radius:7px;padding:10px;font-size:11px;color:#c4d5b1;background:#1b2216}.higher-verdict{display:block;font-size:9px;color:var(--lime)}.higher-history .is-wrong{border-color:#7e4c3b}.higher-history .is-wrong .higher-verdict{color:var(--coral)}
@media(max-width:720px){.higher-layout .page-head{padding-right:0}.higher-layout .page-head p{max-width:220px;font-size:10px}.higher-layout .page-head h1{font-size:22px}.higher-stats{gap:10px;margin-bottom:12px}.higher-stats>div{padding:13px 12px}.higher-stats span{font-size:8px;letter-spacing:.5px}.higher-stats strong{font-size:26px}.higher-table{padding:17px 14px;border-radius:12px}.higher-table-head{margin-bottom:18px;gap:10px}.higher-table-head .tag{font-size:8px;padding:5px 7px}.higher-table-head>span:last-child{font-size:7px;max-width:120px;line-height:1.6}.higher-cards{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}.higher-card{min-height:174px;padding:17px 7px;border-radius:10px}.higher-card>span:first-child{font-size:8px;letter-spacing:.7px}.higher-card strong{font-size:68px;letter-spacing:-4px}.higher-card-mark{font-size:19px}.higher-versus{font-size:20px}.higher-status{margin:24px auto 18px;min-height:90px}.higher-status h2{font-size:24px}.higher-status p{font-size:11px}.higher-actions{gap:9px}.higher-actions .higher-up,.higher-actions .higher-down{padding:13px 8px;font-size:14px;gap:9px}.higher-actions .button{min-width:0}.higher-note{font-size:9px;margin-top:17px}.higher-history{margin-top:20px}.higher-history li{padding:8px;font-size:10px}.higher-history .higher-verdict{font-size:8px}html:not([lang="en"]) .higher-layout .page-head h1{font-size:19px}}
.login-verification { margin: 16px 0; font-size: 13px; }
.login-verification summary { cursor: pointer; margin-bottom: 12px; }

/* Footer reporting and accessible report form. */
.footer-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer-actions button{min-height:44px}.bug-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.bug-help{font-size:11px!important;line-height:1.6;margin-top:8px!important;color:var(--muted)}#bug-form textarea{resize:vertical;min-height:120px;line-height:1.5}.bug-captcha{margin:18px 0;min-width:0}.bug-status{font-size:12px!important;min-height:20px;margin:12px 0!important}#bug-form [data-bug-retry]{margin-bottom:16px}#bug-form .button:disabled{opacity:.5;cursor:wait}.footer-actions button:hover{color:var(--lime)}@media(max-width:720px){.footer-actions{width:100%;justify-content:space-between;gap:12px}.footer .footer-actions{margin-top:8px}}

.footer .footer-actions button{font-size:11px;display:flex;gap:15px;background:transparent;color:#a6b397;padding:5px 0}.footer .footer-actions button:hover{color:var(--lime)}@media(max-width:720px){.footer .footer-actions button{color:var(--lime);font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.7px}}
.stack-playable.playable{border-color:#96644d}.stack-playable.playable:hover{background:#30251c;border-color:var(--coral)}.stack-playable .play-badge{background:var(--coral);border-color:var(--coral);color:#2c1a11}
.stack-layout{max-width:760px;margin:auto}.stack-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.stack-stats>div{background:#1b2317;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.stack-stats span{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}.stack-stats strong{display:block;margin-top:5px;font:700 30px 'Space Grotesk',sans-serif;color:var(--lime)}.stack-stats>div:last-child strong{color:var(--coral)}
.stack-stage{height:340px;position:relative;overflow:hidden;border:1px solid #4c5739;border-radius:16px;background:linear-gradient(180deg,#202c1c,#141d12);cursor:pointer;touch-action:manipulation;isolation:isolate}.stack-world{position:absolute;inset:0;max-width:520px;margin:auto}.stack-guide{position:absolute;bottom:32px;top:50px;border-left:1px dashed #c6ff2429;border-right:1px dashed #c6ff2429;background:linear-gradient(0deg,#c6ff2408,transparent);pointer-events:none}.stack-block{position:absolute;height:23px;background:var(--block-color);border-radius:4px;box-shadow:inset 0 -5px 0 #0002,inset 0 1px 0 #fff5}.stack-block.is-perfect{box-shadow:inset 0 -5px 0 #0002,inset 0 1px 0 #fff8,0 0 14px #c6ff2422}.stack-moving{box-shadow:inset 0 -5px 0 #0002,0 0 20px #c6ff2418;will-change:left}.stack-moving:after{content:'';position:absolute;inset:-5px;border:1px solid #ffffff35;border-radius:7px}.stack-ground{position:absolute;bottom:22px;left:8%;right:8%;height:1px;background:#829b5b80}.stack-ground:after{content:'';position:absolute;top:6px;left:15%;right:15%;height:1px;background:#829b5b30}.stack-offcut{z-index:2;animation:stack-fall .45s ease-in forwards;pointer-events:none}.stack-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:52px 22px;text-align:center;background:linear-gradient(#172112f0,#172112aa 58%,transparent);z-index:3}.stack-overlay h2{font:700 clamp(25px,4vw,34px) 'Space Grotesk',sans-serif;letter-spacing:-1px;color:#e5efd9}.stack-overlay p{font-size:12px;color:#b3c29e;max-width:340px;margin-top:14px;line-height:1.7}.stack-skyline{position:absolute;inset:0;opacity:.2;pointer-events:none}.stack-skyline i{position:absolute;bottom:0;width:13%;left:3%;height:90px;border:1px solid #7c9166;background:#7c916610}.stack-skyline i:nth-of-type(2){left:19%;height:150px}.stack-skyline i:nth-of-type(3){left:70%;height:120px}.stack-skyline i:nth-of-type(4){left:86%;height:185px}.stack-cue{position:absolute;top:20px;left:22px;color:#91a77c;font-size:24px}.stack-feedback{min-height:58px;display:grid;place-items:center;text-align:center;padding:12px 5px;font-size:12px;color:#b6c8a1}.stack-actions{display:flex;justify-content:center;gap:12px}.stack-actions .button{min-height:54px;justify-content:center;min-width:185px;background:var(--lime);color:#1b260c;border-color:var(--lime);touch-action:manipulation}.stack-actions .button.light{min-width:0;background:transparent;color:#cad6b8;border-color:#52623f}.stack-actions .stack-drop{flex:1;max-width:380px;font-size:16px}.stack-actions .button:focus-visible{outline:3px solid white;outline-offset:4px}.stack-run-detail{display:flex;justify-content:center;gap:28px;margin:22px 0;font-size:9px;letter-spacing:.7px;color:var(--muted)}.stack-run-detail strong{margin-left:7px;color:var(--coral);font:700 14px 'Space Grotesk',sans-serif}.stack-help{border-top:1px solid var(--line);padding:18px 0 0;margin-top:20px}.stack-help summary{font-size:12px;color:#cbd7b7;cursor:pointer;padding:3px 0;min-height:30px}.stack-help p{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0;max-width:620px}.stack-note,.stack-storage{text-align:center;color:var(--muted);font-size:10px;line-height:1.7;margin:15px 0}.stack-stage.is-paused .stack-moving{opacity:.4}
@keyframes stack-fall{to{transform:translateY(200px) rotate(12deg);opacity:0}}
@media(max-width:720px){.stack-layout .page-head{padding-right:0}.stack-layout .page-head h1{font-size:24px}.stack-layout .page-head p{font-size:10px}.stack-stats{gap:8px;margin-bottom:12px}.stack-stats>div{padding:12px 10px}.stack-stats span{font-size:7px;letter-spacing:.5px}.stack-stats strong{font-size:26px}.stack-stage{height:320px;border-radius:12px}.stack-world{inset:0 10px}.stack-overlay{padding:50px 18px}.stack-overlay h2{font-size:26px}.stack-overlay p{font-size:11px}.stack-feedback{font-size:11px;min-height:58px}.stack-actions{gap:9px}.stack-actions .button{min-width:0;padding:13px 16px}.stack-actions .button.light{font-size:10px}.stack-run-detail{gap:18px;font-size:8px}.stack-help p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.stack-offcut{animation:none;display:none}}

/* Gap Rush */
.gap-playable.playable{border-color:#648c96}.gap-playable.playable:hover{background:#172b2b;border-color:#82cfc2}.gap-playable .play-badge{background:#82cfc2;border-color:#82cfc2;color:#132c28}
.gap-card-icon{position:relative;overflow:hidden;background:#203b3c!important;border:1px solid #82cfc255;color:#c6ff24!important}.gap-card-icon:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #82cfc24d}.gap-card-icon i{position:absolute;left:0;top:12px;width:45%;height:8px;border-radius:0 2px 2px 0;background:#ff9675}.gap-card-icon i:nth-child(2){left:auto;right:0;top:30px;border-radius:2px 0 0 2px}.gap-card-icon b{position:absolute;bottom:4px;left:8px;font-size:18px}
.gap-layout{max-width:680px;margin:auto}.gap-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.gap-stats>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;background:#1b2317;padding:16px 20px}.gap-stats span{font-size:9px;letter-spacing:1px;color:var(--muted)}.gap-stats strong{font:700 34px/1 'Space Grotesk',sans-serif;color:var(--lime);font-variant-numeric:tabular-nums}.gap-stats>div:last-child strong{color:#82cfc2}
.gap-road-wrap{border:1px solid #46605b;border-radius:16px;overflow:hidden;background:#142324}.gap-road-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid #82cfc225;color:#82cfc2;font:10px 'Space Grotesk',sans-serif;letter-spacing:1.5px}.gap-road-label>span:last-child{font-size:9px;color:#acbeb5}.gap-road-label b{font-weight:500;letter-spacing:0;margin-left:8px;color:#e8efda}
.gap-stage{display:block;position:relative;width:100%;height:360px;overflow:hidden;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 100%,#29463c55,transparent 65%),#111e20;color:#e8efda;padding:0;cursor:pointer;touch-action:manipulation;isolation:isolate}.gap-stage:disabled{cursor:default;opacity:1}.gap-stage:focus-visible{outline:3px solid var(--lime);outline-offset:-4px}.gap-road{position:absolute;inset:0;max-width:420px;margin:auto;border-left:2px solid #82cfc23a;border-right:2px solid #82cfc23a;background:repeating-linear-gradient(0deg,transparent 0 43px,#82cfc209 43px 44px);background-position-y:var(--road-shift,0);pointer-events:none}.gap-center-line{position:absolute;left:50%;top:-44px;bottom:0;width:1px;background:repeating-linear-gradient(0deg,#82cfc240 0 18px,transparent 18px 44px);transform:translateY(var(--road-shift,0))}.gap-gates{position:absolute;inset:0}.gap-gate{position:absolute;width:50%;height:7.7778%;background:#ff9675;border:1px solid #ffc3a3;box-shadow:0 4px 0 #ff967521;will-change:top;color:#47281d;display:flex;align-items:center;justify-content:center}.gap-gate.lane-0{left:0;border-radius:0 7px 7px 0;border-left:0}.gap-gate.lane-1{right:0;border-radius:7px 0 0 7px;border-right:0}.gap-gate i{position:absolute;inset:5px 7px;background:repeating-linear-gradient(135deg,#47281d16 0 5px,transparent 5px 12px)}.gap-gate b{position:relative;font:700 21px/1 monospace}.gap-gate.is-hit{background:#ffccb5;box-shadow:0 0 30px #ff967588}.gap-player{position:absolute;left:25%;width:26px;height:26px;border-radius:50%;background:var(--lime);border:2px solid #efffbb;transform:translate(-50%,-50%);box-shadow:0 0 26px #c6ff2440;display:grid;place-items:center;color:#21330f;z-index:2}.gap-player>span{font-size:20px;line-height:1}.gap-player:after{content:'';position:absolute;top:29px;left:5px;right:5px;height:38px;border-radius:0 0 50% 50%;background:linear-gradient(#c6ff244a,transparent)}.gap-lane-mark{position:absolute;bottom:12px;color:#82cfc24a;font:26px/1 monospace;transform:translateX(-50%)}.gap-lane-mark.left{left:25%}.gap-lane-mark.right{left:75%}
.gap-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:74px 20px 20px;gap:14px;text-align:center;background:linear-gradient(#111e20e8,#111e20c9 55%,#111e2033)}.gap-overlay strong{font:700 clamp(25px,4vw,36px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-1px}.gap-overlay>span{font:12px/1.7 'Space Grotesk',sans-serif;color:#a6bfb5}.gap-stage.is-crashed .gap-player{background:#ff9675;border-color:#ffd6c5;box-shadow:0 0 32px #ff967550}.gap-status{text-align:center;font-size:12px;line-height:1.7;color:#b5c9af;min-height:50px;padding:13px 0;margin:0}.gap-actions{display:flex;gap:12px;justify-content:center}.gap-actions .button{min-height:54px;min-width:200px;background:var(--lime);border-color:var(--lime);color:#1b260c;justify-content:center;touch-action:manipulation}.gap-actions .gap-switch{flex:1;max-width:420px;font-size:16px}.gap-actions .button.light{min-width:0;background:transparent;border-color:#52623f;color:#cad6b8}.gap-actions .button:focus-visible{outline:3px solid white;outline-offset:4px}.gap-help{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.gap-help summary{font-size:12px;color:#cbd7b7;cursor:pointer;min-height:30px;padding:3px 0}.gap-help p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:10px}.gap-note,.gap-storage{text-align:center;color:var(--muted);font-size:10px;line-height:1.7;margin:15px 0}
@media(max-width:720px){.gap-layout .page-head{padding-right:0}.gap-layout .page-head h1{font-size:25px}.gap-layout .page-head p{font-size:10px}.gap-stats{gap:9px;margin-bottom:12px}.gap-stats>div{display:block;padding:12px 14px}.gap-stats span{display:block;font-size:8px;letter-spacing:.6px}.gap-stats strong{display:block;font-size:30px;margin-top:5px}.gap-road-wrap{border-radius:12px}.gap-road-label{padding:13px 14px;font-size:9px;letter-spacing:1px}.gap-road-label>span:last-child{font-size:8px}.gap-stage{height:330px}.gap-road{inset:0 12px}.gap-overlay{padding-top:66px}.gap-overlay strong{font-size:27px}.gap-status{font-size:11px;min-height:56px;display:grid;place-items:center}.gap-actions{gap:9px}.gap-actions .button{min-width:0;padding:13px 14px}.gap-actions .button.light{font-size:10px}}

/* Private account details and authentication history. */
.account-name{overflow-wrap:anywhere}.account-details{display:grid;grid-template-columns:minmax(95px,1fr) minmax(0,2fr);gap:12px 16px;margin:24px 0;font-size:13px}.account-details dt{color:var(--muted)}.account-details dd{margin:0;overflow-wrap:anywhere}.account-actions{display:grid;gap:10px;margin:22px 0}.account-history{border-top:1px solid var(--line);padding-top:24px}.account-history h3{font-size:22px}.login-row{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.login-row time{color:var(--muted);text-align:right}.login-row small{grid-column:1/-1;color:var(--muted);overflow-wrap:anywhere;line-height:1.5}.account-history [hidden]{display:none}

/* Color Clash */
.clash-playable.playable{border-color:#83719f}.clash-playable.playable:hover{background:#292131;border-color:var(--purple)}.clash-playable .play-badge{background:var(--purple);color:#24172e;border-color:var(--purple)}
.clash-layout{max-width:760px;margin:auto}.clash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.clash-stats>div{padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:#1b2317}.clash-stats span{display:block;font-size:9px;letter-spacing:.8px;color:var(--muted)}.clash-stats strong{display:block;font:700 32px 'Space Grotesk',sans-serif;color:var(--lime);margin-top:5px;font-variant-numeric:tabular-nums}.clash-stats>div:nth-child(2) strong{color:var(--purple)}.clash-stats small{font-size:14px;margin-left:3px}
.clash-board{position:relative;overflow:hidden;border:1px solid #635470;border-radius:16px;background:radial-gradient(ellipse at 50% 35%,#30263a,#1b2018 75%);padding:24px}.clash-meter{height:5px;background:#3f3549;position:absolute;inset:0 0 auto}.clash-meter i{height:100%;display:block;background:linear-gradient(90deg,var(--purple),var(--coral));will-change:width}.clash-board-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.clash-board-top .tag{color:var(--purple);font-size:9px;letter-spacing:.7px}.clash-lives{font-size:19px;color:var(--coral);white-space:nowrap;letter-spacing:3px}.clash-prompt{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 0;gap:17px}.clash-instruction{font-size:10px;letter-spacing:2px;color:#c2b5cf}.clash-word{font:700 clamp(42px,8vw,72px)/1.05 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:-2px;overflow-wrap:anywhere;max-width:100%}.clash-prompt h2{font:700 28px 'Space Grotesk',sans-serif;letter-spacing:-1px;color:#e9efdf}.clash-total{font:700 64px/1 'Space Grotesk',sans-serif;color:var(--lime)}.clash-prompt p{font-size:11px;line-height:1.6;color:#b7c0a9;max-width:370px;min-height:18px}.clash-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clash-choice{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px;border:1px solid #7d7186;border-radius:9px;background:#252c21;color:#edf4e4;font:700 16px 'Space Grotesk',sans-serif;cursor:pointer;touch-action:manipulation;transition:background .1s,border-color .1s}.clash-choice i{width:20px;height:20px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #ffffff08;flex-shrink:0}.clash-choice:hover:enabled{border-color:var(--ink);background:#34402b}.clash-choice:active:enabled{background:#435337}.clash-choice:disabled{opacity:.38;cursor:default}.clash-choice:focus-visible,.clash-actions .button:focus-visible{outline:3px solid #fff;outline-offset:3px}.clash-feedback{min-height:42px;display:grid;place-items:center;text-align:center;color:var(--lime);font-size:11px;line-height:1.6;padding-top:14px}.clash-feedback.is-wrong{color:var(--coral)}.clash-run-detail{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin:20px 0;font-size:9px;letter-spacing:.5px;color:var(--muted)}.clash-run-detail strong{color:var(--purple);font-size:15px;margin-left:6px}.clash-actions{display:flex;justify-content:center}.clash-actions .button{min-height:50px;justify-content:center;background:var(--lime);border-color:var(--lime);color:#1b260c;touch-action:manipulation}.clash-actions .button.light{background:transparent;border-color:#566546;color:#c7d5b4}.clash-help{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.clash-help summary{cursor:pointer;font-size:12px;color:#ccd8bb;min-height:30px}.clash-help p{color:var(--muted);font-size:11px;line-height:1.8;margin:10px 0}.clash-storage{text-align:center;font-size:10px;line-height:1.8;color:var(--muted);margin:16px 0}
@media(max-width:720px){.clash-layout .page-head{padding-right:0}.clash-layout .page-head h1{font-size:24px}.clash-layout .page-head p{font-size:10px}.clash-stats{gap:8px;margin-bottom:12px}.clash-stats>div{padding:12px 10px}.clash-stats span{font-size:7px;letter-spacing:.4px}.clash-stats strong{font-size:27px}.clash-board{padding:18px 14px;border-radius:12px}.clash-board-top .tag{font-size:8px;padding:5px 7px}.clash-lives{font-size:16px;letter-spacing:1px}.clash-prompt{min-height:150px;gap:14px}.clash-prompt h2{font-size:25px}.clash-prompt p{font-size:10px;max-width:260px}.clash-word{font-size:clamp(32px,10.5vw,58px);letter-spacing:-1px}.clash-choices{gap:10px}.clash-choice{min-height:64px;font-size:14px;gap:9px;padding:12px 8px}.clash-choice i{width:17px;height:17px}.clash-feedback{font-size:10px;min-height:46px}.clash-run-detail{gap:16px;font-size:8px;margin:18px 0}.clash-help{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.clash-choice{transition:none}}

.profile-button #profile-name[data-no-translate] + .tiny-arrow{display:none}

/* Triple Fuse: a pocket-sized placement puzzle. */
.fuse-playable.playable{border-color:#75609a}.fuse-playable.playable:hover{border-color:#bd9bff;background:#251c32}.fuse-playable .play-badge{background:#bd9bff;border-color:#bd9bff;color:#241a33}
.fuse-card-icon{position:relative;background:#30233e!important;color:#241a33!important;display:block!important;overflow:hidden}.fuse-card-icon i{position:absolute;width:22px;height:22px;display:grid;place-items:center;border-radius:4px;background:#d0e9ad;font:700 15px 'Space Grotesk',sans-serif;font-style:normal;top:8px;left:5px;transform:rotate(-10deg)}.fuse-card-icon i:nth-child(2){top:26px;left:13px;transform:rotate(8deg)}.fuse-card-icon i:nth-child(3){background:#bd9bff;top:15px;left:32px;transform:rotate(8deg)}.fuse-card-icon b{position:absolute;right:3px;bottom:0;font-size:14px;color:var(--lime)}
.fuse-layout{max-width:610px;margin:auto}.fuse-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.fuse-stats>div{background:#1c2018;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.fuse-stats span{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}.fuse-stats strong{display:block;margin-top:5px;font:700 30px 'Space Grotesk',sans-serif;color:var(--lime);font-variant-numeric:tabular-nums}.fuse-stats>div:last-child strong{color:#bd9bff}
.fuse-panel{background:#181b16;border:1px solid #414b37;border-radius:16px;padding:20px}.fuse-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 3px 20px}.fuse-next{display:flex;align-items:center;gap:15px}.fuse-next>div>span:first-child,.fuse-space-count>span{display:block;font-size:9px;letter-spacing:1.2px;color:#a5ad9b;margin-bottom:9px}.fuse-tile{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:7px;font:700 22px 'Space Grotesk',sans-serif;box-shadow:inset 0 -3px 0 #0002;color:var(--tile-ink);background:var(--tile-bg);font-variant-numeric:tabular-nums}.fuse-next>div:first-child .fuse-tile{width:52px;height:52px;font-size:30px;border:1px solid #edffcb}.fuse-queue-arrow{color:#717d64;font-size:20px;margin-top:18px}.fuse-later>div{display:flex;gap:7px}.fuse-space-count{text-align:right}.fuse-space-count strong{font:700 25px 'Space Grotesk',sans-serif;color:#d4e2c1}.fuse-space-count>span{font-size:8px;margin:5px 0 0}
.fuse-level-1{--tile-bg:#d0e9ad;--tile-ink:#253a15}.fuse-level-2{--tile-bg:#a1c9f2;--tile-ink:#152f49}.fuse-level-3{--tile-bg:#bc9bf0;--tile-ink:#302044}.fuse-level-4{--tile-bg:#ffad8e;--tile-ink:#4b251c}.fuse-level-5{--tile-bg:#f4d575;--tile-ink:#423413}.fuse-level-6{--tile-bg:#81dbcd;--tile-ink:#173e36}.fuse-level-7{--tile-bg:#f0a7cd;--tile-ink:#4b2438}.fuse-level-8{--tile-bg:#c6ff24;--tile-ink:#253a0a}
.fuse-board-wrap{position:relative}.fuse-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.fuse-cell{position:relative;aspect-ratio:1;min-width:0;padding:0;border-radius:10px;border:1px solid #ffffff25;background:var(--tile-bg);color:var(--tile-ink);box-shadow:inset 0 -4px 0 #0002;display:grid;place-items:center;font:700 clamp(22px,5vw,35px) 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums;transition:transform .12s,border-color .12s;user-select:none;-webkit-user-select:none}.fuse-cell:disabled{opacity:1}.fuse-cell.is-empty{background:#252c20;color:#59674a;border:1px dashed #47533c;box-shadow:none;font-size:23px}.fuse-cell.is-empty:hover:not(:disabled){background:#343b2b;border-color:#d0e9ad;transform:translateY(-2px);color:#d0e9ad}.fuse-cell:focus-visible{outline:3px solid white;outline-offset:2px;z-index:1}.fuse-cell[aria-disabled="true"]:not(:disabled){cursor:default}.fuse-cell.is-hint{border-color:#c6ff24;color:var(--lime);background:#343e22}.fuse-cell.is-fused{animation:fuse-pop .45s ease-out}.fuse-cell.is-cleared:after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;color:#d6b9ff;animation:fuse-clear .6s ease-out forwards;pointer-events:none}
.fuse-overlay{position:absolute;inset:-1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#171c14ee;border:1px solid #525f42;border-radius:11px;text-align:center;padding:20px}.fuse-overlay-spark{font:48px/1 'Space Grotesk',sans-serif;color:#bd9bff}.fuse-overlay h2{font-size:clamp(24px,5vw,36px);line-height:1.07;letter-spacing:-1.3px;color:#f0f4e7}.fuse-overlay p{font-size:12px;color:#b8c6a8}.fuse-overlay .button{margin-top:5px;background:#bd9bff;border-color:#bd9bff;color:#21172e;min-height:48px}.fuse-feedback{min-height:55px;display:grid;place-items:center;text-align:center;padding-top:17px;font-size:12px;line-height:1.6;color:#c2d0b3}.fuse-feedback.is-chain{color:#d1b3ff;font-weight:700}.fuse-actions{display:flex;gap:12px;justify-content:space-between;margin-top:14px;min-height:48px}.fuse-actions:empty{display:none}.fuse-actions .button{flex:1;gap:8px;min-height:48px}.fuse-actions .button.light{background:#20251a;color:#d4ddc6;border:1px solid #4b573c}.fuse-actions .button:disabled{opacity:.45}.fuse-recipe{display:flex;align-items:center;justify-content:center;gap:10px;margin:26px auto 20px;color:#88977a}.fuse-recipe .fuse-tile{width:30px;height:30px;font-size:17px}.fuse-recipe>span:last-child{margin-left:3px}.fuse-help{border-top:1px solid var(--line);padding-top:16px}.fuse-help summary{font-size:12px;color:#d3dcc7;cursor:pointer;min-height:30px}.fuse-help p{font-size:12px;line-height:1.8;color:#a1ac95;margin-top:10px}.fuse-note{text-align:center;font-size:10px;color:var(--muted);margin-top:16px}
@keyframes fuse-pop{0%{transform:scale(.72);filter:brightness(1.6)}55%{transform:scale(1.12)}100%{transform:scale(1);filter:brightness(1)}}@keyframes fuse-clear{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}
@media(max-width:600px){.fuse-layout .page-head{gap:12px}.fuse-layout .page-head h1{font-size:27px}.fuse-layout .page-head p{font-size:11px}.fuse-layout .reflex-game-number{font-size:7px}.fuse-stats{gap:7px;margin-bottom:12px}.fuse-stats>div{padding:11px 10px}.fuse-stats span{font-size:7px;letter-spacing:.5px}.fuse-stats strong{font-size:26px}.fuse-panel{padding:12px;border-radius:12px}.fuse-toolbar{padding:2px 2px 15px}.fuse-board{gap:6px}.fuse-cell{border-radius:7px;font-size:25px}.fuse-next{gap:10px}.fuse-next>div>span:first-child{font-size:8px}.fuse-next>div:first-child .fuse-tile{width:44px;height:44px;font-size:27px}.fuse-later .fuse-tile{width:32px;height:32px;font-size:19px}.fuse-space-count>span{max-width:55px;font-size:7px}.fuse-overlay{gap:10px;padding:15px}.fuse-overlay-spark{font-size:32px}.fuse-overlay h2{font-size:27px}.fuse-overlay p{font-size:11px}.fuse-overlay .button{padding:12px 20px}.fuse-feedback{font-size:11px;min-height:52px}.fuse-actions{gap:8px}.fuse-actions .button{font-size:11px;padding:12px 9px}.fuse-recipe{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.fuse-cell{transition:none}.fuse-cell.is-fused,.fuse-cell.is-cleared:after{animation:none}.fuse-cell.is-cleared:after{display:none}}
.fuse-board{max-width:420px;margin:auto}
@media(max-width:600px){.fuse-layout .page-head{padding-right:0;margin-bottom:14px}.fuse-stats>div{padding:8px 10px}.fuse-stats strong{font-size:24px}.fuse-toolbar{padding-bottom:12px}.fuse-next>div:first-child .fuse-tile{width:40px;height:40px}.fuse-board{max-width:300px}.fuse-feedback{min-height:43px;padding-top:12px}.fuse-actions{margin-top:10px}}

/* Shared account actions use theme tokens; SVG strokes inherit each action color. */
:root{--danger:#ff6262;--on-danger:var(--bg)}
dialog .button.danger.full{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}
dialog .button.danger.full:hover{background:var(--danger);filter:brightness(1.12)}
.account-menu-actions .button{justify-content:flex-start;min-height:48px;gap:12px;text-align:left;white-space:normal}
.account-actions .button svg,.modal-eyebrow svg{width:22px;height:22px;flex-shrink:0}

/* Friends: game picker, editable rules and a persistent creation receipt. */
dialog:has([data-challenge-window]){width:min(760px,calc(100% - 28px));max-width:760px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:32px}
.challenge-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.challenge-game-tile{min-width:0;text-align:left;background:#20271b;border:1px solid #3d5030;border-radius:12px;padding:8px;color:var(--text);cursor:pointer;font:inherit;transition:border-color .15s,transform .15s}
.challenge-game-tile:hover{border-color:var(--lime);transform:translateY(-2px)}
.challenge-game-tile:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.challenge-game-tile img{display:block;width:100%;height:auto;border-radius:7px}
.challenge-game-tile strong{display:block;font-size:14px;color:#e3efd7;margin:12px 3px 8px}
.challenge-game-tile span{display:flex;gap:5px;align-items:center;font-size:10px;line-height:1.5;color:#a4b493;margin:0 3px 5px}
.challenge-game-tile svg{width:14px;height:14px;flex-shrink:0}
.challenge-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}
.challenge-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px}
.challenge-actions svg{width:20px;height:20px;flex-shrink:0}
.friend-actions{flex-wrap:wrap}
.friend-actions .button.danger,.challenge-actions .button.danger{background:#38201b;border-color:#865044;color:#ffb29f}
.challenge-selected{display:flex;align-items:center;gap:20px;margin:24px 0 18px}
.challenge-selected img{width:130px;height:auto;border-radius:10px}
.challenge-selected h2{margin:0;font-size:25px}
.challenge-selected p{margin:10px 0 0;font-size:12px}
#challenge-form textarea{width:100%;resize:vertical;min-height:90px;font:inherit;box-sizing:border-box}
#challenge-form small{display:block;color:#a4b493;margin-top:8px;font-size:11px}
.challenge-house-rules{padding:18px;border:1px solid #3d5030;border-radius:10px;margin:20px 0}
.challenge-house-rules p{white-space:pre-wrap;overflow-wrap:anywhere}
.challenge-invitation{max-width:660px;background:#171f11;border:1px solid #3d5030;padding:24px;border-radius:14px;margin-top:25px}
.challenge-invitation>img{width:220px;max-width:100%;height:auto;border-radius:10px}
.challenge-invitation>p{color:#a4b493;line-height:1.7}
[data-challenge-heading]:focus{outline:none}
@media(max-width:600px){dialog:has([data-challenge-window]){padding:30px 18px;max-height:calc(100dvh - 24px)}.challenge-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.challenge-game-tile strong{font-size:12px}.challenge-game-tile span{font-size:9px}.challenge-selected{gap:12px}.challenge-selected img{width:90px}.challenge-selected h2{font-size:22px}.challenge-actions .button{flex:1}.challenge-invitation{padding:18px}}

/* Triple Bloom */
.bloom-playable.playable{border-color:#698c75}.bloom-playable.playable:hover{background:#23372a;border-color:#b5deb0}.bloom-playable .play-badge{background:#b5deb0;border-color:#b5deb0;color:#203a2b}.bloom-card-icon{position:relative;background:#293e2e!important;color:#c6ff24!important;border:1px solid #8db281;font:700 27px 'Space Grotesk',sans-serif}.bloom-card-icon:after{content:'+';position:absolute;font-size:14px;color:#ffb5a0;top:1px;right:3px}
.bloom-layout{max-width:650px;margin:auto}.bloom-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.bloom-stats>div{padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:#1b2317}.bloom-stats span{display:block;font-size:9px;letter-spacing:.8px;color:var(--muted)}.bloom-stats strong{display:block;font:700 clamp(22px,4vw,32px)/1.2 'Space Grotesk',sans-serif;color:var(--lime);margin-top:6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.bloom-stats>div:nth-child(2) strong{color:#c5b5e8}.bloom-stats>div:nth-child(3) strong{color:#ffb5a0}
.bloom-garden{padding:20px;border:1px solid #56704c;border-radius:16px;background:radial-gradient(ellipse at 50% 30%,#31432c55,transparent 70%),#172319}.bloom-queue{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.bloom-queue>div>span{font-size:10px;letter-spacing:1.5px;color:#d4e9b8}.bloom-queue small{display:block;font:12px/1.5 'Space Grotesk',sans-serif;color:#9bad8b;margin-top:6px}.bloom-preview{display:flex;align-items:center;gap:9px}.bloom-preview>span{position:relative;display:block;width:41px;height:41px;opacity:.65}.bloom-preview>span.is-next{width:52px;height:52px;opacity:1;outline:1px solid #c6ff24;outline-offset:4px;border-radius:8px;margin-right:5px}.bloom-preview i{position:absolute;top:calc(100% + 5px);left:0;right:0;text-align:center;color:var(--lime);font:13px monospace}
.bloom-board-wrap{position:relative}.bloom-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#0d190e;border:1px solid #4c643f;border-radius:12px;padding:9px}.bloom-cell{position:relative;aspect-ratio:1;border:1px solid #425438;border-radius:8px;padding:0;min-width:0;touch-action:manipulation;background:#1d2c1c;color:#60774f;cursor:pointer;font-family:'Space Grotesk',sans-serif}.bloom-cell:disabled{opacity:1;cursor:default}.bloom-cell[aria-disabled=true]{cursor:default}.bloom-plot{font:24px/1 'Space Grotesk',sans-serif;opacity:.55}.bloom-cell.is-empty:hover:not(:disabled){border-color:#b8d394;background:#2e4023}.bloom-cell.is-empty:hover .bloom-plot{color:var(--lime);opacity:1}.bloom-cell:focus-visible{outline:3px solid #fff;outline-offset:1px;z-index:2}.bloom-cell.is-filled{border:0}.bloom-tile{display:grid;place-items:center;width:100%;height:100%;border-radius:7px;font:700 clamp(15px,3.6vw,30px)/1 'Space Grotesk',sans-serif;letter-spacing:-.7px;box-shadow:inset 0 -4px 0 #00000015;overflow:hidden}.bloom-level-1{background:#b7d89a;color:#263c20}.bloom-level-2{background:#d1eb6e;color:#34430d}.bloom-level-3{background:#ffb090;color:#573222}.bloom-level-4{background:#c7b4e7;color:#403156}.bloom-level-5{background:#80cbc5;color:#183d3a}.bloom-level-6{background:#f4d77e;color:#514218}.bloom-cell.will-bloom{outline:2px solid #efffc0;outline-offset:1px;z-index:1}.bloom-cell.will-bloom.is-empty{background:#43552c}.bloom-cell.will-bloom .bloom-tile{filter:brightness(1.12)}.bloom-cell.just-bloomed .bloom-tile{animation:bloom-grow .4s ease-out}.bloom-cell.just-planted .bloom-tile{animation:bloom-plant .2s ease-out}
.bloom-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 20px;text-align:center;background:#112011ed;border:1px solid #6c8250;border-radius:12px}.bloom-overlay>span{font-size:54px;color:var(--lime);line-height:1;margin-bottom:20px}.bloom-overlay h2{font:700 clamp(22px,4vw,34px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-1px;color:#e5edda;max-width:300px}.bloom-overlay p{font:13px/1.7 'Space Grotesk',sans-serif;color:#b6c69f;max-width:270px;margin-top:14px}.bloom-ladder{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:17px}.bloom-ladder>span:first-child{font-size:8px;letter-spacing:1px;color:#9daf8d;margin-right:5px}.bloom-ladder .bloom-tile{width:30px;height:30px;font-size:11px;border-radius:5px;box-shadow:none}.bloom-ladder i{font:11px monospace;color:#80966e}.bloom-status{min-height:55px;display:grid;place-items:center;text-align:center;font-size:11px;line-height:1.7;color:#bbcfaa;padding:12px 0;margin:0}.bloom-status.is-chain{color:var(--lime)}.bloom-actions{display:flex;justify-content:center;gap:12px}.bloom-actions .button{min-height:50px;justify-content:center;background:var(--lime);border-color:var(--lime);color:#20300f;touch-action:manipulation}.bloom-actions .button.light{background:transparent;color:#c6d4b5;border-color:#576b44}.bloom-actions .button:disabled{opacity:.4;cursor:default}.bloom-actions .button:focus-visible{outline:3px solid #fff;outline-offset:3px}.bloom-details{display:flex;justify-content:center;gap:30px;font-size:9px;color:var(--muted);letter-spacing:.5px;margin:20px 0}.bloom-details b{font-size:14px;color:#c5b5e8;margin-left:5px}.bloom-help{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.bloom-help summary{cursor:pointer;font-size:12px;color:#c6d4b5;min-height:30px}.bloom-help p{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0}.bloom-note{text-align:center;color:var(--muted);font-size:10px;line-height:1.7;margin:14px 0}
@keyframes bloom-grow{0%{transform:scale(.65);filter:brightness(1.6)}60%{transform:scale(1.09)}100%{transform:scale(1);filter:brightness(1)}}@keyframes bloom-plant{from{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}
@media(max-width:720px){.bloom-layout .page-head{padding-right:0}.bloom-layout .page-head h1{font-size:25px}.bloom-layout .page-head p{font-size:10px}.bloom-stats{gap:8px;margin-bottom:12px}.bloom-stats>div{padding:12px 9px}.bloom-stats span{font-size:7px;letter-spacing:.3px}.bloom-stats strong{font-size:25px}.bloom-garden{padding:14px 12px;border-radius:12px}.bloom-queue{gap:8px;margin-bottom:21px}.bloom-queue>div>span{font-size:9px;letter-spacing:1px}.bloom-queue small{font-size:10px;max-width:145px}.bloom-preview{gap:7px}.bloom-preview>span{width:31px;height:31px}.bloom-preview>span.is-next{width:41px;height:41px;margin-right:3px;outline-offset:3px}.bloom-preview .bloom-tile{font-size:20px}.bloom-board{gap:6px;padding:7px;border-radius:9px}.bloom-cell,.bloom-tile{border-radius:6px}.bloom-cell .bloom-tile{font-size:clamp(12px,5vw,24px)}.bloom-ladder{gap:6px;margin-top:14px}.bloom-ladder>span:first-child{font-size:7px;margin-right:2px;letter-spacing:.5px}.bloom-ladder .bloom-tile{width:25px;height:25px;font-size:10px}.bloom-overlay>span{font-size:40px;margin-bottom:15px}.bloom-overlay h2{font-size:25px;max-width:240px}.bloom-overlay p{font-size:11px;margin-top:10px}.bloom-status{font-size:10px;min-height:58px}.bloom-actions{gap:8px}.bloom-actions .button{font-size:11px;padding:13px 16px}.bloom-details{font-size:8px;gap:25px;margin:17px 0}}
@media(prefers-reduced-motion:reduce){.bloom-cell.just-bloomed .bloom-tile,.bloom-cell.just-planted .bloom-tile{animation:none}}

/* Daily mix: a browsable home slideshow and today's full challenge list. */
.daily-carousel{border:1px solid #65507d;background:radial-gradient(ellipse at 100% 0,#aa78ff22,transparent 65%),#1e1926;border-radius:var(--radius);overflow:hidden}
.daily-option{min-width:0;display:flex;gap:20px;align-items:center;padding:26px;background:#191e16;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.daily-option-copy{flex:1;min-width:0}.daily-status{display:inline-flex;font-size:10px;letter-spacing:.5px;border:1px solid #615571;border-radius:20px;padding:6px 10px;color:#cebae9}.daily-status.is-played{color:var(--lime);border-color:#6d843d;background:#c6ff2409}
.daily-game-name{font-size:11px;color:#b7afa6;margin:18px 0 8px}.daily-option h2,.daily-option h3{font:700 25px/1.12 'Space Grotesk',sans-serif;letter-spacing:-.7px;color:var(--ink);margin:0;max-width:360px}.daily-option .daily-goal{color:#abb4a1;font-size:12px;line-height:1.7;margin:13px 0 22px;max-width:330px;min-height:40px}.daily-option .button{background:var(--purple);color:#1c102c;gap:18px;min-height:46px;padding:12px 17px;font-size:12px;white-space:normal}.daily-option .button:hover{background:#ba92fc}.daily-option img{width:36%;max-width:220px;height:auto;border-radius:12px;flex-shrink:0}
.daily-slide{background:transparent;border:0;border-radius:0;padding:35px 42px;min-height:290px}.daily-slide h3{font-size:36px;max-width:540px}.daily-slide .daily-goal{max-width:500px;min-height:0}.daily-slide img{width:34%;max-width:310px}.daily-slide .daily-game-name{color:#cbb5e2}
.daily-slide-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:14px;border-top:1px solid #aa78ff33;background:#15111944}.daily-slide-controls button{position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;width:44px;height:44px;background:transparent;color:#e5d4fa;border:1px solid #69517e;border-radius:50%;font-size:22px}.daily-slide-controls button:hover{background:#aa78ff33}.daily-slide-controls>#daily-slide-position{min-width:145px;text-align:center;color:#c4b5d3;font-size:11px;font-variant-numeric:tabular-nums}
.daily-next-arrow{position:relative;display:block;width:24px;height:24px;color:#887795}.daily-next-arrow>[data-custom-icon]{position:absolute;inset:0;width:24px;height:24px;min-width:0}.daily-next-arrow>.daily-arrow-fill{color:var(--purple);clip-path:inset(0 100% 0 0)}.daily-slide-controls [data-daily-slide="1"]::before{content:"";position:absolute;inset:0;background:#aa78ff33;z-index:-1;transform:scaleX(0);transform-origin:left}.is-rotating .daily-arrow-fill{animation:daily-arrow-fill var(--daily-interval) linear forwards}.is-rotating [data-daily-slide="1"]::before{animation:daily-button-fill var(--daily-interval) linear forwards}
@keyframes daily-arrow-fill{to{clip-path:inset(0)}}@keyframes daily-button-fill{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.is-rotating .daily-arrow-fill,.is-rotating [data-daily-slide="1"]::before{animation:none}.is-rotating .daily-arrow-fill{clip-path:inset(0)}}
.daily-section-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}.daily-section-footer>span{font-size:12px;color:var(--muted)}.daily-section-footer .button{font-size:12px;white-space:normal;text-align:center}
.daily-page{max-width:1000px;margin:0 auto}.daily-page .page-head h1{font-size:36px}.daily-welcome{padding:34px;border:1px solid #625079;background:linear-gradient(125deg,#241b30,#191e16);border-radius:var(--radius);margin:22px 0}.daily-welcome .eyebrow{color:#bc95ed}.daily-welcome h2{font:700 38px/1.15 'Space Grotesk',sans-serif;letter-spacing:-1.2px;margin:16px 0}.daily-welcome>p{font-size:13px;color:#bac0b2;line-height:1.85;max-width:690px;margin:12px 0}.daily-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:25px 0 12px;font-size:13px}.daily-progress-heading span{font-size:10px;color:#aaaf9f}.daily-welcome progress{appearance:none;display:block;width:100%;height:9px;border:0;border-radius:9px;overflow:hidden;background:#3a3244;color:var(--lime)}.daily-welcome progress::-webkit-progress-bar{background:#3a3244}.daily-welcome progress::-webkit-progress-value{background:var(--lime);border-radius:9px}.daily-welcome progress::-moz-progress-bar{background:var(--lime);border-radius:9px}.daily-welcome .daily-progress-note{font-size:11px;color:#989f8c;margin-bottom:0}
.daily-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.daily-options .daily-option{align-items:flex-start;position:relative;min-height:285px}.daily-options .daily-option img{width:29%;max-width:110px;margin-top:5px}.daily-options .daily-option-copy{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.daily-options .daily-option .button{margin-top:auto}.daily-options .daily-option .daily-goal{min-height:0}
.daily-play-banner{max-width:900px;margin:0 auto 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border:1px solid #6b527f;background:#241b30;border-radius:12px;font-size:12px}.daily-play-banner strong{color:#c5a5f2}.daily-play-banner p{font-size:12px;color:#c4bbcd;margin:7px 0 0;line-height:1.6}.daily-play-banner a{flex-shrink:0;text-decoration:underline;text-underline-offset:4px;font-size:11px;color:#d0bcdf}.daily-carousel a:focus-visible,.daily-carousel button:focus-visible,.daily-option a:focus-visible,.daily-play-banner a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
@media(max-width:720px){.daily-slide{padding:24px;min-height:315px;align-items:flex-start;position:relative}.daily-slide .daily-option-copy{position:relative;z-index:1}.daily-slide img{position:absolute;right:18px;top:20px;width:95px;opacity:.65}.daily-slide .daily-status{max-width:calc(100% - 80px)}.daily-slide .daily-game-name{margin-top:30px;max-width:65%}.daily-slide h3{font-size:29px;max-width:300px}.daily-slide .daily-goal{max-width:280px}.daily-section-footer{align-items:stretch;flex-direction:column;gap:12px}.daily-section-footer>span{text-align:center}.daily-section-footer .button{width:100%;padding:14px}.daily-slide-controls{gap:10px;padding:10px}.daily-options{grid-template-columns:minmax(0,1fr);gap:14px}.daily-options .daily-option{min-height:265px;padding:22px}.daily-options .daily-option img{width:25%}.daily-option h2{font-size:25px}.daily-welcome{padding:24px}.daily-welcome h2{font-size:30px}.daily-welcome>p{font-size:12px}.daily-progress-heading{align-items:flex-start;flex-direction:column;gap:8px}.daily-page .page-head h1{font-size:27px}.daily-play-banner{padding:16px;align-items:flex-start;flex-direction:column;gap:10px}.daily-play-banner a{min-height:30px;display:flex;align-items:center}}
@media(max-width:370px){.daily-slide{padding:21px;min-height:345px}.daily-slide h3{font-size:27px}.daily-slide img{width:80px}.daily-option h2{font-size:22px}.daily-options .daily-option{padding:18px;gap:12px}.daily-welcome{padding:20px}.daily-welcome h2{font-size:27px}}

/* Original profile icons, shared by signup, account settings and player rows. */
.profile-art{display:block;width:100%;height:100%;flex-shrink:0}
.avatar:has(.profile-art){padding:0;background:transparent;overflow:hidden;border-radius:30%;flex-shrink:0}
.account-avatar{width:64px;height:64px;margin-bottom:18px}
.avatar-picker{border:0;padding:0;margin:24px 0;min-width:0}
.avatar-picker legend{font-size:13px;font-weight:700;margin-bottom:12px}
.avatar-preview{display:flex;align-items:center;gap:14px}
.avatar.avatar-large{width:64px;height:64px}
.avatar-preview strong{font-size:16px}
.avatar-preview p{margin:5px 0 0;font-size:12px;line-height:1.5}
.avatar-choices{margin-top:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.avatar-choices summary{cursor:pointer;padding:14px;font-size:13px;font-weight:700;min-height:48px;box-sizing:border-box}
.avatar-choices summary:focus-visible{outline:3px solid var(--lime);outline-offset:-4px}
.avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:340px;overflow-y:auto;overscroll-behavior:contain;padding:4px 14px 16px;scrollbar-gutter:stable}
.avatar-group-title{grid-column:1/-1;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-top:12px}
.avatar-option{position:relative;display:block;cursor:pointer;min-width:0}
.avatar-option input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.avatar-option>span{display:block;padding:4px;border:2px solid transparent;border-radius:16px}
.avatar-option input:checked+span{border-color:var(--lime);background:var(--line)}
.avatar-option input:checked+span:after{content:'✓';position:absolute;right:0;bottom:0;width:19px;height:19px;border-radius:50%;background:var(--lime);color:#18220e;text-align:center;font-size:13px;font-weight:900;line-height:19px}
.avatar-option input:focus-visible+span{outline:3px solid var(--lime);outline-offset:2px}
.avatar-option:hover>span{border-color:var(--muted)}
#avatar-form{margin-bottom:26px}
#avatar-feedback:not(:empty){margin-bottom:12px}
@media(max-width:380px){.avatar-grid{gap:5px;padding-left:8px;padding-right:8px}.avatar-option>span{padding:2px;border-radius:12px}}
.bloom-flower{color:var(--lime);font-size:27px;line-height:1}.bloom-cell.is-filled:not(:disabled){cursor:pointer}.bloom-cell.is-filled:hover:not(:disabled){filter:brightness(1.12)}.bloom-cell .bloom-level-1:after,.bloom-cell .bloom-level-2:after,.bloom-cell .bloom-level-3:after{content:'•';font-size:12px;letter-spacing:5px;position:absolute;bottom:5px;left:5px;right:0;line-height:1}.bloom-cell .bloom-level-2:after{content:'••'}.bloom-cell .bloom-level-3:after{content:'•••'}.bloom-cell .bloom-tile{padding-bottom:5px}.bloom-card-icon:after{content:'+';font-size:15px}
.bloom-cell.just-bloomed:after{content:'';position:absolute;inset:0;background:#d1eb6ee8 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2334430d%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%207C5-2%200%2010%207%2012c-7%202-2%2014%205%205%207%209%2012-3%205-5%207-2%202-14-5-5Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E") center/60% 60% no-repeat;border-radius:7px;color:#34430d;font:36px/1 'Space Grotesk',sans-serif;pointer-events:none;animation:bloom-flower .65s ease-out var(--bloom-delay,0s) both;z-index:3}.bloom-cell.just-bloomed .bloom-tile{animation-delay:var(--bloom-delay,0s)}
@keyframes bloom-flower{0%{opacity:0;transform:scale(.4) rotate(-30deg)}25%{opacity:1;transform:scale(1.04) rotate(0)}65%{opacity:.8}100%{opacity:0;transform:scale(1.12) rotate(30deg)}}
@media(max-width:720px){.bloom-layout .page-head{margin-bottom:18px}.bloom-stats>div{padding:10px 9px}.bloom-garden{padding:12px 10px}.bloom-queue{margin-bottom:18px}.bloom-board{max-width:300px;margin:auto}.bloom-status{min-height:48px;padding:8px 0}}
@media(prefers-reduced-motion:reduce){.bloom-cell.just-bloomed:after{display:none}}
@media(max-width:720px){.bloom-layout .page-head{margin-bottom:14px}.bloom-board{max-width:290px}.bloom-queue small{max-width:150px}.bloom-queue{margin-bottom:16px}}
@media(min-width:721px){.bloom-garden{display:grid;grid-template-columns:minmax(0,1fr) 360px;column-gap:24px;row-gap:25px}.bloom-queue{grid-column:1;grid-row:1;display:block;align-self:start;margin:8px 0 0}.bloom-preview{margin-top:26px}.bloom-board-wrap{grid-column:2;grid-row:1/3}.bloom-ladder{grid-column:1;grid-row:2;flex-wrap:wrap;justify-content:flex-start;align-self:start;gap:7px;margin:0}.bloom-ladder>span:first-child{width:100%;margin-bottom:6px}.bloom-ladder .bloom-tile{width:26px;height:26px}.bloom-ladder i{font-size:10px}.bloom-flower{font-size:24px}}
@media(max-width:360px){.bloom-board{gap:5px;padding:6px}}

/* Keep installed app content clear of notches in portrait and landscape. */
body{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.mobile-nav{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}

/* Leaderboard audience and per-game filters. */
.rank-controls{align-items:flex-end;justify-content:flex-start;gap:14px}
.rank-controls>.segmented{align-self:flex-end;min-height:46px}
.rank-filter{min-width:140px;flex:1}
.rank-filter .field-label{margin-bottom:7px}
.rank-filter .select{width:100%;min-height:46px;max-width:100%}
.board-game-filter{min-width:220px}
@media(min-width:601px){.board-game-filter{max-width:320px}}
.board-game-picker{position:relative}
.board-game-toggle,.board-game-option{display:flex;align-items:center;gap:11px;width:100%;text-align:left;font-size:13px;font-weight:600}
.board-game-toggle{min-height:52px;padding:8px 12px;background:#1b2414;border:1px solid #3d5030;border-radius:10px;color:var(--ink);transition:border-color .15s,background .15s}
.board-game-toggle:hover,.board-game-toggle[aria-expanded="true"]{background:#242e1b;border-color:var(--lime)}
.board-game-toggle>span:nth-child(2),.board-game-option>span:nth-child(2){flex:1;min-width:0}
.board-game-chevron{width:16px;height:16px;flex:none;color:var(--muted);transition:transform .15s}
.board-game-toggle[aria-expanded="true"] .board-game-chevron{transform:rotate(180deg);color:var(--lime)}
.board-game-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:#c6ff2420;color:var(--lime)}
.board-game-icon svg{width:22px;height:22px}
.board-game-icon:is([data-game="reflex"],[data-game="stack"],[data-game="clash"]){background:#ff694e20;color:var(--coral)}
.board-game-icon:is([data-game="sequence"],[data-game="higher"],[data-game="memory"],[data-game="gap"],[data-game="daily-color"]){background:#aa78ff25;color:#bb96ff}
.board-game-options{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:40;padding:6px;max-height:min(340px,45dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52633d #171e13;background:#171e13;border:1px solid #465a32;border-radius:13px;box-shadow:0 16px 40px #0009}
.board-game-options[hidden]{display:none}
.board-game-options.opens-up{top:auto;bottom:calc(100% + 7px)}
.board-game-option{min-height:48px;padding:8px;border-radius:8px;background:transparent;color:#dcebcf;scroll-margin:6px}
.board-game-option:hover,.board-game-option:focus-visible{background:#2b3820;outline:none}
.board-game-option[aria-selected="true"]{background:#c6ff2412;color:var(--lime)}
.board-game-check{display:flex;width:17px;flex:none;visibility:hidden;color:var(--lime)}
.board-game-check svg{width:17px;height:17px}
.board-game-option[aria-selected="true"] .board-game-check{visibility:visible}
.rank-note{font-size:12px;color:var(--muted);margin:-8px 0 20px}
.rank-player{display:flex;align-items:center;gap:10px}
.rank-player .avatar{height:30px;width:30px}
.personal-rankings tbody th{background:transparent;color:var(--ink);font-weight:600;border-bottom:1px solid var(--line)}
.personal-rankings td{font-variant-numeric:tabular-nums}
@media(max-width:600px){.rank-controls .rank-filter:has(#board-sort){flex-basis:100%}#rank-content .personal-rankings th,#rank-content .personal-rankings td{padding:12px 7px}.personal-rankings th,.personal-rankings td{overflow-wrap:normal}.personal-rankings th:first-child{width:34%}}
@media(max-width:600px){.rank-controls>.segmented{width:100%}.rank-controls .rank-filter{min-width:0;flex-basis:calc(50% - 14px)}.rank-controls .rank-filter:has(#board-game){flex-basis:100%}.rank-player{gap:7px}#rank-content th,#rank-content td{padding:14px 10px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Account personalization and private activity summary. */
.profile-color-ring{box-shadow:0 0 0 2px var(--profile-color,var(--lime));outline:3px solid transparent;outline-offset:3px}
.account-avatar.profile-color-ring{margin:4px 0 22px 4px}
.account-section{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}
.account-section h3{font-size:20px;margin-bottom:16px}
.account-stats dd{font-weight:650}.account-stats dd small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.account-pb{display:block;font-size:12px;line-height:1.7}
.account-cooldown{font-size:12px;color:var(--lime);margin-top:8px}
.profile-color-picker{border:0;padding:0;margin:20px 0;min-width:0}
.profile-color-picker legend{font-size:13px;font-weight:700;margin-bottom:12px}
.profile-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.profile-color-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:70px;padding:9px 4px;font-size:11px;cursor:pointer}
.profile-color-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.profile-color-swatch{width:32px;height:32px;border-radius:50%;background:var(--profile-color);border:2px solid transparent}
.profile-color-option input:checked+.profile-color-swatch{outline:2px solid var(--ink);outline-offset:4px}
.profile-color-option input:checked+.profile-color-swatch:after{content:'✓';display:grid;place-items:center;height:100%;font-weight:900;color:#142107}
.profile-color-option input:focus-visible~span:last-child{outline:2px solid var(--lime);outline-offset:4px}
#color-feedback:not(:empty),#username-feedback:not(:empty){margin-bottom:12px}
#account-change-form{margin-top:22px}#account-change-form [hidden]{display:none}
.account-destinations{font-size:12px;overflow-wrap:anywhere;margin:12px 0 20px}
#change-code-area .auth-message{overflow-wrap:anywhere}#change-code-area .form-group{margin-top:16px}

.personal-best-heading{display:inline-flex;align-items:center;gap:6px}.personal-best-heading svg{width:15px;height:15px;flex:none}.personal-best-value{display:block;white-space:nowrap}.personal-best-value>span{display:block;font-size:10px;color:var(--muted)}
@media(max-width:600px){.personal-rankings table{table-layout:fixed;font-size:10px}.personal-rankings th:first-child{width:25%}.personal-rankings th:nth-child(2){width:13%}.personal-rankings th:nth-child(3){width:18%}.personal-rankings th:nth-child(4){width:19%}.personal-rankings th:last-child{width:25%}#rank-content .personal-rankings thead th{font-size:8px;letter-spacing:.3px;overflow-wrap:anywhere}.personal-best-heading{display:block}.personal-best-heading svg{display:block;margin-bottom:4px}.personal-best-value{white-space:normal}.personal-best-value strong{font-size:9px}}

/* Custom action artwork shares the arcade's rounded ink strokes. */
[data-custom-icon]{display:inline-flex;width:21px;height:21px;flex:0 0 21px;align-items:center;justify-content:center;vertical-align:middle;line-height:1;pointer-events:none}
[data-custom-icon] svg{display:block;width:100%;height:100%}
.button .arrow,.text-button .arrow{display:inline-flex;font-size:inherit;line-height:1}
.play-badge,.reflex-prompt,.stop10-prompt{display:inline-flex;align-items:center;gap:8px}
.play-badge [data-custom-icon]{width:16px;height:16px;flex-basis:16px}
.back [data-custom-icon]{width:23px;height:23px}
.game-icon>[data-custom-icon]{width:30px;height:30px}
.footer-actions [data-custom-icon],.tiny-arrow [data-custom-icon]{width:17px;height:17px;flex-basis:17px}

/* Keep mobile text sizing stable after rotation and avoid iOS focus zoom.
   Leave pinch zoom available through the existing viewport meta tag. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:1000px),(pointer:coarse){
  :root body input:not([type=range]):not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=color]),
  :root body textarea,:root body select{font-size:16px}
}

.personal-short-label{display:none}
@media(max-width:600px){.personal-full-label{display:none}.personal-short-label{display:inline}.personal-rankings th:first-child{width:25%}.personal-rankings th:nth-child(2){width:16%}.personal-rankings th:nth-child(3){width:17%}.personal-rankings th:nth-child(4){width:17%}#rank-content .personal-rankings thead th{overflow-wrap:normal}.personal-best-heading svg{display:inline-block;vertical-align:middle;margin:0 3px 0 0}}

/* Persistent trophies and the account history breakdown. */
.game-trophy{display:inline-flex;align-items:center;gap:5px;color:#805300;background:#fff0ae;border:1px solid #c89727;border-radius:999px;padding:4px 9px;font:700 13px 'DM Sans',sans-serif;letter-spacing:0;vertical-align:middle;white-space:nowrap}
.game-trophy svg{width:19px;height:19px;color:#bc810c;fill:#f7ce5b;stroke:#875e08}
.card-number .game-trophy{margin-right:8px}.upcoming h3 .game-trophy{margin:2px 0 2px 5px}
#modal:has(.history-panel){width:min(920px,calc(100% - 24px));max-width:920px}.history-panel{min-width:0}.history-panel h3{margin:24px 0 12px}.history-panel>p{margin:12px 0}.history-panel .history-total{font-size:22px;font-weight:700}.history-table{margin:20px 0;max-height:420px;overflow:auto}.history-table table{min-width:580px}.history-table th,.history-table td{padding:12px;text-align:left;vertical-align:top}.history-table small{display:block;font-size:11px;line-height:1.5;font-weight:400;color:var(--muted);white-space:nowrap}.history-table thead th{position:sticky;top:0;background:var(--paper,#f7f7ef);z-index:1}.history-opponents{padding-left:24px}.history-opponents li{padding:8px 0}.history-opponents strong{float:right;font-size:13px}.history-panel>.button{margin-top:12px}
@media(max-width:520px){.game-trophy{padding:3px 6px;font-size:12px}.game-trophy svg{width:16px;height:16px}.card-number .game-trophy{margin-right:4px}.history-opponents strong{float:none;display:block}}

/* Keep the native birthday picker within narrow mobile forms. */
.birthday-field{position:relative;min-width:0;max-width:100%}
.birthday-field input{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:50px}
.birthday-field input::-webkit-date-and-time-value{min-height:1.5em;text-align:left}
.birthday-placeholder{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7f916d;font-size:16px;pointer-events:none}
.birthday-field.has-value .birthday-placeholder,.birthday-field:focus-within .birthday-placeholder{display:none}
.birthday-field:not(.has-value):not(:focus-within) input{color:transparent}
.birthday-field:not(.has-value):not(:focus-within) input::-webkit-datetime-edit{opacity:0}

/* Phone field layout and native fallback. */
.phone-input-row{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;align-items:stretch}
.phone-input-row>.input{min-width:0;width:100%;margin:0}
.phone-country-wrap{position:relative;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface,#1b2414);color:var(--ink)}
.phone-country-display{height:100%;min-height:48px;display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:16px;white-space:nowrap}
.phone-country-display>span{margin-left:auto;font-size:11px;opacity:.7}
.phone-country-select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.phone-country-wrap:focus-within{outline:3px solid #7660d1;outline-offset:4px}
@media(max-width:370px){.phone-input-row{grid-template-columns:106px minmax(0,1fr);gap:8px}.phone-country-display{padding-inline:9px;gap:5px}}

#username-form .install-note{display:block;margin-top:6px}

/* Account entry and readable authentication form labels. */
.account-entry-choices{display:grid;gap:14px;margin-top:24px}
.account-entry-choice.button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;width:100%;min-height:108px;padding:22px;text-align:left}
.account-entry-choice>span{font-size:14px;font-weight:500;line-height:1.4}
.account-entry-choice>strong{font-size:22px;line-height:1.25}
#auth-form .form-group>label,#auth-form fieldset>legend,#resend-form fieldset>legend{font-size:16px;font-weight:700;line-height:1.5}
#auth-form .verification-choice,#resend-form .verification-choice{gap:12px;flex-wrap:wrap;padding:16px}
#auth-form .verification-choice label,#resend-form .verification-choice label{flex:1;min-width:100px;min-height:58px;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:17px;font-weight:700}
#auth-form .verification-choice input,#resend-form .verification-choice input{width:22px;height:22px;flex:none;accent-color:var(--lime)}
#auth-form .verification-choice label:has(input:checked),#resend-form .verification-choice label:has(input:checked){border-color:var(--lime);background:#c6ff2410}
#auth-form .verification-choice label:has(input:focus-visible),#resend-form .verification-choice label:has(input:focus-visible){outline:2px solid var(--lime);outline-offset:3px}
#auth-form .verification-choice label:has(input:disabled),#resend-form .verification-choice label:has(input:disabled){opacity:.55;cursor:not-allowed}

#bug-form [hidden],#bug-form .bug-captcha:empty,#bug-form .bug-status:empty{display:none}
#bug-form [data-bug-question-text]{margin:6px 0 10px;font-size:15px}

/* Keep the account label and avatar together in one prominent button. */
.profile-button{background:var(--lime);color:#18220e;border:0;border-radius:10px;padding:8px 12px;min-height:44px;gap:9px}
.profile-button:hover{background:#d6ff6f}
.profile-button #profile-name{display:inline;white-space:nowrap}
.profile-button #profile-avatar{width:28px;height:28px;border:0;background:transparent}
.profile-button #profile-avatar:not(.profile-color-ring){border-radius:0;overflow:visible}
.profile-button #profile-avatar:not(.profile-color-ring) .profile-art>rect{fill:transparent}
@media(max-width:720px){.header{flex-wrap:wrap;height:auto;min-height:90px;padding-block:18px}.header-actions{margin-left:auto}.profile-button{font-size:11px;padding:7px 10px;gap:6px}.profile-button #profile-avatar{width:25px;height:25px}}

/* Every finished game has an illustrated card in the main arcade grid. */
.games-grid .illustrated-featured{background:var(--card-color);color:#19240d;min-width:0}
.bloom-featured,.odd-featured{--card-color:#c6ff24}
.higher-featured,.memory-featured,.fuse-featured{--card-color:#c4a0ff}
.stack-featured,.clash-featured{--card-color:#ff9a70}
.gap-featured{--card-color:#78ceff}
.games-grid .illustrated-featured h2{max-width:100%;font-size:44px;line-height:1.05;margin-top:26px;overflow-wrap:normal}
.illustrated-card-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:8px;flex:1;margin-top:10px}
.games-grid .illustrated-card-body p{max-width:none;margin:0;color:#34402b;font-size:13px;line-height:1.65}
.game-card-art{display:block;width:100%;height:auto;aspect-ratio:220/140;pointer-events:none}
.illustrated-featured .tag,.illustrated-featured .button{color:var(--card-color)}
.illustrated-featured .micro{color:#34402b}
@media(min-width:721px) and (max-width:1000px){.games-grid .illustrated-featured h2{font-size:38px}.games-grid .illustrated-card-body p{font-size:12px}}
@media(max-width:720px){.games-grid .illustrated-featured h2{font-size:40px}.games-grid .illustrated-card-body p{font-size:12px}.illustrated-card-body{margin-top:14px}}
@media(max-width:370px){.games-grid .illustrated-featured h2{font-size:34px}.games-grid .illustrated-card-body p{font-size:11px}.illustrated-featured .card-bottom{flex-wrap:wrap}.illustrated-featured .micro{max-width:none}}
html:not([lang="en"]) .games-grid .illustrated-featured h2{max-width:100%;font-size:36px}
@media(max-width:720px){html:not([lang="en"]) .games-grid .illustrated-featured h2{font-size:32px}}

/* Shared Tiny Arcade dropdowns: compact controls, generous touch targets. */
.arcade-select{position:relative;min-width:0;width:100%}
:root body .arcade-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;clip-path:inset(50%);overflow:hidden;padding:0!important;margin:0!important;pointer-events:none}
.arcade-select-toggle{display:flex;align-items:center;gap:10px;min-height:48px;width:100%;padding:10px 13px;text-align:left;font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:linear-gradient(135deg,#26331d,#192214);border:1px solid #485d34;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff08,0 3px 0 #0b1009;cursor:pointer}
.arcade-select-toggle:hover,.arcade-select.is-open .arcade-select-toggle{border-color:var(--lime);background:#25331b}
.arcade-select-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.arcade-select-toggle:disabled{opacity:.45;cursor:not-allowed}
.arcade-select-toggle[aria-invalid=true]{border-color:var(--coral)}
.arcade-select-mark{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:7px;background:#c6ff2412;color:var(--lime)}
.arcade-select-mark svg{width:18px;height:18px}
.arcade-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arcade-select-chevron{flex:none;width:16px;height:16px;color:var(--lime);transition:transform .15s}
.arcade-select.is-open .arcade-select-chevron{transform:rotate(180deg)}
.arcade-select-options{position:fixed;inset:auto;margin:0;box-sizing:border-box;z-index:1000;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #647d42;border-radius:13px;background:linear-gradient(145deg,#232e1a,#151d11);color:var(--ink);box-shadow:0 18px 48px #0009,0 0 0 3px #c6ff2408;scrollbar-width:thin;scrollbar-color:#647d42 #192214}
.arcade-select-options[hidden]{display:none}
.arcade-select-options button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer;scroll-margin:6px}
.arcade-select-options button>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.arcade-select-options button:hover,.arcade-select-options button:focus-visible{background:#35452a;outline:2px solid #aa78ff;outline-offset:-2px}
.arcade-select-options button[aria-selected=true]{background:#c6ff2415;color:var(--lime)}
.arcade-select-options button:disabled{opacity:.4;cursor:not-allowed}
.arcade-select-check{display:flex;flex:none;width:18px;color:var(--lime);visibility:hidden}
.arcade-select-check svg{width:18px;height:18px}
.arcade-select-options [aria-selected=true] .arcade-select-check{visibility:visible}
.phone-country-wrap:has(.arcade-select){border:0;background:none}
.phone-country-wrap:has(.arcade-select) .phone-country-display{display:none}
.arcade-select-country,.arcade-select-country .arcade-select-toggle{height:100%}
.arcade-select-country .arcade-select-toggle{gap:5px;padding-inline:9px}
.arcade-select-country .arcade-select-mark{display:none}
.arcade-select-country .arcade-select-value{font-size:15px;overflow:visible}
.phone-country-wrap:has(.arcade-select):focus-within{outline:none}
/* Existing bespoke game/language pickers share the same panel treatment. */
.board-game-toggle,.language-toggle{background:linear-gradient(135deg,#26331d,#192214);border-color:#485d34;box-shadow:inset 0 1px 0 #ffffff08,0 3px 0 #0b1009}
.board-game-options,.language-menu{border-color:#647d42;background:linear-gradient(145deg,#232e1a,#151d11);box-shadow:0 18px 48px #0009,0 0 0 3px #c6ff2408}
@media(max-width:600px){.arcade-select-toggle,.arcade-select-options button{font-size:16px}}
@media(prefers-reduced-motion:reduce){.arcade-select-chevron{transition:none}}
/* Friend discovery and shared profile invitations. */
.friend-discovery-options{border:0;padding:0;margin:16px 0;min-width:0;display:grid;gap:10px}.friend-discovery-options legend{font-size:14px;font-weight:600;margin-bottom:12px}.friend-discovery-options label{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);padding:14px;border-radius:14px;cursor:pointer}.friend-discovery-options input{width:20px;height:20px;margin:2px 0 0;flex-shrink:0;accent-color:#7660d1}.friend-discovery-options strong,.friend-discovery-options small{display:block}.friend-discovery-options small{line-height:1.5;margin-top:4px;color:var(--muted)}#friend-discovery-form+button{margin-top:12px}.profile-invitation{max-width:560px;margin:44px auto;text-align:center;padding:28px;border:1px solid var(--line);border-radius:24px;display:grid;justify-items:center;gap:18px}.profile-invitation h1{font-size:clamp(30px,7vw,48px);overflow-wrap:anywhere;max-width:100%}.profile-invitation .account-avatar{margin-bottom:0}.friend-warning{background:#fff2db;color:#704c11;border-radius:12px;padding:14px;font-weight:600}.profile-share-link{margin:12px 0 18px;min-width:0;width:100%;font-size:16px}.pending-friend-note{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:12px;font-size:14px}.rank-player-name{display:grid;gap:7px}.rank-add-friend{padding:7px 10px;min-height:34px;white-space:nowrap;font-size:12px;justify-self:start}.rank-player-name small{font-size:11px;color:var(--muted)}
@media(max-width:600px){.profile-invitation{margin:24px 0;padding:22px 16px}.profile-invitation .button{width:100%}}
.arcade-select-value{white-space:normal;line-height:1.35;overflow:visible;text-overflow:clip}
.arcade-select-country .arcade-select-value{white-space:nowrap}
.arcade-select-error{display:block;margin-top:8px;color:var(--coral);font-size:12px}
@media(max-width:600px){.arcade-select-toggle{gap:8px;padding-inline:10px}.arcade-select-toggle>.arcade-select-mark{width:24px;height:24px}.rank-filter .arcade-select-toggle{min-height:60px}}

/* Reserve room for rotating login copy without shifting the form. */
#login-intro{min-height:4.95em}

/* Keep the footer language menu above its trigger and clear of mobile navigation. */
.footer .language-menu{top:auto;bottom:calc(100% + 10px);max-height:min(420px,60dvh);overflow-y:auto}
.footer .language-chevron{transform:rotate(180deg)}
.footer .language-picker.is-open .language-chevron{transform:rotate(0deg)}
/* Two aligned rows: brand and language, then their respective actions. */
.footer{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:8px;align-items:center}
.footer>.brand{grid-column:1;grid-row:1;justify-self:start}
.footer>.language-picker{grid-column:2;grid-row:1;justify-self:end}
.footer .language-toggle{min-height:30px;padding:4px 10px}
.footer>.footer-action{display:flex;align-items:center;gap:8px;min-height:44px;width:auto;padding:5px 0;background:transparent;color:#a6b397;font-size:11px;text-align:left}
.footer>.footer-action:hover{color:var(--lime)}
.footer>.footer-install{grid-column:1;grid-row:2;justify-self:start}
.footer>.footer-report{grid-column:2;grid-row:2;justify-self:end;text-align:right}
.footer-action [data-custom-icon]{width:17px;height:17px;flex-basis:17px;flex-shrink:0}
@media(max-width:720px){.footer{column-gap:12px}.footer>.footer-action{color:var(--lime);font-size:10px;letter-spacing:.7px}}
/* Quick Count follows the full-size illustrated arcade cards. */
.count-featured{--card-color:#f4d58b;background:#f4d58b;color:#2b291b;box-shadow:inset 0 0 0 1px #ffe6ad}.count-featured .tag{color:#f4d58b}.count-featured p,.count-featured .micro{color:#5b4927}.count-featured .button{color:#ffe3a1}.count-layout{max-width:760px}.count-board{position:relative;overflow:hidden;padding:24px;border:1px solid #6b5935;border-radius:16px;background:radial-gradient(ellipse at 50% 35%,#35301f,#1b2018 80%)}.count-board-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.count-board-top .tag{font-size:9px;color:#ffe3a1;border-color:#75633b}.count-board-top>span:last-child{font:14px monospace;color:#ffe3a1;min-width:30px}.count-meter{height:5px;position:absolute;inset:0 0 auto;background:#443d29}.count-meter i{height:100%;display:block;background:#f4d58b}.count-stage{height:265px;display:grid;place-items:center;margin:10px auto;max-width:480px}.count-dots{position:relative;width:100%;height:100%}.count-dots i{position:absolute;width:clamp(17px,4vw,25px);height:clamp(17px,4vw,25px);border-radius:50%;background:#ffe3a1;box-shadow:0 0 18px #ffe3a112;transform:translate(-50%,-50%)}.count-question{font:700 130px/1 'Space Grotesk',sans-serif;color:#ffe3a1}.count-welcome{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px}.count-welcome>[data-custom-icon]{width:55px;height:55px;color:#ffe3a1}.count-welcome h2{font-size:27px;color:#f0efdd;letter-spacing:-1px}.count-welcome p{font-size:12px;color:#c4c5b0;max-width:370px}.count-total{font:700 48px/1 'Space Grotesk',sans-serif;color:#ffe3a1}.count-feedback{min-height:44px;text-align:center;font-size:12px;line-height:1.6;color:#d7e6b8;padding:8px 0 12px}.count-feedback.is-wrong{color:#ffad94}.count-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.count-choices button{position:relative;min-height:74px;background:#292e20;border:1px solid #747555;border-radius:10px;color:#fff0c4}.count-choices button strong{font:700 28px 'Space Grotesk',sans-serif}.count-choices button:disabled{opacity:.45}.count-choices button.is-correct{opacity:1;border-color:var(--lime);background:#334427;color:var(--lime)}.count-choices button.is-wrong{opacity:1;border-color:var(--coral);color:var(--coral)}.count-choices button:not(:disabled):hover{background:#414731}.count-stats>div:nth-child(2) strong{color:#ffe3a1}.count-featured .game-card-art{object-fit:contain}
@media(max-width:720px){.count-board{padding:18px 14px}.count-stage{height:230px}.count-welcome h2{font-size:23px}.count-welcome p{font-size:11px}.count-choices{gap:8px}.count-choices button{min-height:65px}.count-stats>div{padding:12px 10px}.count-stats strong{font-size:25px}.count-stats span{font-size:8px}.count-layout .page-head{gap:10px}.count-layout .page-head h1{font-size:25px}.count-layout .page-head p{font-size:10px}.count-layout .reflex-game-number{font-size:8px}.count-feedback{font-size:11px}.count-featured .micro{font-size:9px}}
.games-heading-label{display:flex;align-items:center;gap:12px;min-width:0;margin-right:auto}
.home-sort{position:relative;flex-shrink:0;text-transform:none;letter-spacing:normal}
.home-sort-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;height:40px;padding:9px 10px;border:0;border-radius:9px;background:#c6ff2412;color:#d5e7bb}.home-sort-current{font-size:11px;font-weight:650;white-space:nowrap}.home-sort-menu small{display:block;margin-top:3px;font-size:10px;font-weight:400;color:var(--muted)}
.home-sort-toggle:hover,.home-sort-toggle[aria-expanded=true]{background:#c6ff2428;color:var(--lime)}
.home-sort-toggle svg{width:20px;height:20px}
.home-sort-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;min-width:175px;padding:6px;background:#1c2915;border:1px solid #526b3d;border-radius:11px;box-shadow:0 12px 32px #0007}
.home-sort-menu[hidden]{display:none}
.home-sort-menu button{display:block;width:100%;text-align:left;padding:12px;border-radius:7px;background:transparent;color:#e3efd7;font-size:13px;font-weight:650;white-space:nowrap}
.home-sort-menu button:hover,.home-sort-menu button:focus-visible{background:#334824}
.home-sort-menu button[aria-checked=true]{color:var(--lime);background:#c6ff2414}
@media(max-width:720px){.games-section>.section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.games-heading-label{flex:1;gap:9px}.games-section>.section-heading h2{font-size:clamp(18px,5vw,24px)}.games-section>.section-heading>.text-button{font-size:11px;padding:8px 0}.home-sort-menu{left:auto;right:0}}

/* Target Tap shares the full-size illustrated cards and native game controls. */
.target-featured{--card-color:#b9edb7;background:#b9edb7;color:#26352e;box-shadow:inset 0 0 0 1px #d9f7d0}.target-layout{max-width:760px}.target-board{position:relative;overflow:hidden;padding:24px;border:1px solid #526c50;border-radius:16px;background:radial-gradient(ellipse at 50% 30%,#2c3c2e,#19241c 85%)}.target-board-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.target-board-top .tag{color:#b9edb7;border-color:#6f946b}.target-board-top>span:last-child{color:#c0d2b7;font-size:10px}.target-board-top b{font:700 25px 'Space Grotesk',sans-serif;color:#d4f8bd}.target-meter{position:absolute;inset:0 0 auto;height:5px;background:#384d37}.target-meter i{display:block;height:100%;background:#b9edb7}.target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:370px;margin:auto}.target-cell{position:relative;aspect-ratio:1;min-height:66px;border:1px solid #536d51;border-radius:15px;background:#304332;color:#b9edb7;touch-action:manipulation;overflow:hidden}.target-cell svg{width:85%;height:85%;fill:none;stroke:currentColor;stroke-width:4;pointer-events:none}.target-cell.is-bullseye{background:#b9edb7;color:#26352e;border-color:#ddffd1;box-shadow:inset 0 -5px 0 #26352e33}.target-cell.is-bullseye:after{position:absolute;content:'';bottom:0;left:0;height:5px;width:calc(var(--target-life,1)*100%);background:#26352e}.target-cell.is-decoy{color:#ffad96;background:#483b32}.target-cell.is-empty{color:#667b60}.target-cell:focus-visible{outline:3px solid #ffe6a8;outline-offset:3px}.target-cell:active{transform:scale(.97)}.target-feedback{min-height:48px;text-align:center;font-size:12px;color:#d6efbf;line-height:1.6;padding:16px 0 0}.target-feedback.is-wrong{color:#ffad96}.target-welcome{min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:24px}.target-welcome>[data-custom-icon]{width:70px;height:70px;color:#b9edb7}.target-welcome h2{font-size:28px;color:#edfadf;letter-spacing:-1px}.target-welcome p{font-size:13px;color:#c0d2b7;max-width:320px}.target-welcome>strong{font:700 48px 'Space Grotesk',sans-serif;color:#b9edb7}.target-stats>div:nth-child(2) strong{color:#b9edb7}
@media(max-width:720px){.target-board{padding:18px 14px}.target-grid{gap:10px}.target-welcome{min-height:285px;padding:14px}.target-welcome h2{font-size:24px}.target-layout .page-head{gap:10px}.target-layout .page-head h1{font-size:25px}.target-layout .page-head p{font-size:10px}.target-layout .reflex-game-number{font-size:8px}.target-stats>div{padding:12px 10px}.target-stats strong{font-size:25px}.target-stats span{font-size:8px}.target-featured .micro{font-size:9px}}

/* Number Trail */
.trail-featured{--card-color:#78ceff}
.trail-layout{max-width:680px;margin:auto}.trail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.trail-stats>div{padding:15px;border:1px solid var(--line);border-radius:10px;background:#1b2317;min-width:0}.trail-stats span{display:block;font-size:9px;letter-spacing:.8px;color:var(--muted)}.trail-stats strong{display:block;font:700 clamp(22px,5vw,32px) 'Space Grotesk',sans-serif;color:#78ceff;margin-top:5px;font-variant-numeric:tabular-nums}.trail-stats small{font-size:13px;margin-left:2px}.trail-stats>div:nth-child(2) strong{color:var(--lime)}.trail-stats>div:nth-child(3) strong{color:var(--purple)}
.trail-panel{position:relative;padding:20px;border:1px solid #465542;border-radius:16px;background:#1b2317;overflow:hidden}.trail-meter{height:5px;background:#35402e;border-radius:4px;overflow:hidden;margin-bottom:18px}.trail-meter i{height:100%;background:#78ceff;display:block}.trail-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.trail-board.is-covered{visibility:hidden}.trail-cell{aspect-ratio:1;min-width:0;min-height:44px;border-radius:12px;background:#78ceff;color:#172c37;font:700 clamp(23px,5vw,36px) 'Space Grotesk',sans-serif;box-shadow:inset 0 -3px #19240d30;touch-action:manipulation;user-select:none;-webkit-user-select:none}.trail-cell:hover{background:#a3dfff}.trail-cell.is-cleared{background:#2b3b25;color:#a7bc94;box-shadow:inset 0 0 0 1px #52624b}.trail-cell.is-wrong{background:#ff9a70;color:#321e14}.trail-cell:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.trail-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:28px;background:#172013f5;text-align:center}.trail-overlay h2{font-size:clamp(38px,9vw,64px);color:#78ceff;font-variant-numeric:tabular-nums}.trail-overlay h2 small{font-size:25px}.trail-overlay p{max-width:320px;color:#d7e3ce;font-size:14px}.trail-overlay .button{max-width:100%;font-size:12px}.trail-feedback{text-align:center;min-height:42px;margin-top:15px;font-size:12px;color:#b8c8ab;line-height:1.6}.trail-feedback.is-wrong{color:#ff9a70}.trail-actions{display:flex;align-items:center;justify-content:center;gap:18px;min-height:44px}.trail-actions>span{font-size:11px;color:var(--muted)}.trail-help{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;font-size:12px;line-height:1.7;color:var(--muted)}.trail-help summary{cursor:pointer;color:var(--ink);font-weight:700}.trail-help p{margin-top:10px}.trail-storage{text-align:center;color:var(--muted);font-size:11px;margin-top:18px}
@media(max-width:720px){.trail-layout .page-head h1{font-size:25px}.trail-layout .page-head p{font-size:11px}.trail-layout .page-head{padding-right:0}.trail-stats{gap:7px}.trail-stats>div{padding:12px 9px}.trail-stats span{font-size:8px;letter-spacing:.2px}.trail-panel{padding:13px;border-radius:12px}.trail-board{gap:7px}.trail-cell{border-radius:9px}.trail-overlay{gap:15px;padding:18px}.trail-overlay p{font-size:12px}.trail-overlay .tag{font-size:9px}.trail-feedback{font-size:11px}}

/* Contextual artwork uses the same hand-drawn SVGs as the game controls. */
.sequence-card-art i>svg{width:1em;height:1em;display:block}
.sequence-pad>span:first-child>svg{width:1em;height:1em;display:block}
.stop10-card-art>i{width:40px;height:40px;display:block;top:-30px}
.stop10-card-art>i>svg{width:100%;height:100%;display:block}
.mode strong{display:flex;align-items:center;gap:8px}
.mode strong>svg{width:19px;height:19px;flex-shrink:0}
.mode strong>span{font:inherit;color:inherit;margin:0}
.fuse-overlay-spark>svg,.bloom-overlay>span>svg{display:block;width:1em;height:1em}
.bloom-flower>svg{display:block;width:1em;height:1em}
.higher-card-mark>svg{display:block;width:24px;height:24px}

/* Keep card copy in flow when titles wrap or translations need more room. */
html[lang] .games-grid .featured h2{max-width:100%;line-height:1.08;overflow-wrap:anywhere;margin-bottom:0;flex-shrink:0}
.games-grid .featured>.card-top,.games-grid .featured>.card-bottom{flex-shrink:0;min-width:0}
.games-grid .featured .card-top .tag{max-width:100%;line-height:1.4;overflow-wrap:anywhere}
.games-grid .featured .card-top .tag svg{flex-shrink:0}
.games-grid .featured .card-bottom{flex-wrap:wrap}
.games-grid .featured .card-bottom .button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.games-grid .featured .card-bottom .micro{min-width:0}
.featured-card-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:16px;align-items:center;flex:1;margin-top:16px}
.games-grid .featured-card-body>p{position:static;max-width:none;margin:0;padding:0;overflow-wrap:anywhere}
.featured-card-art{position:relative;min-width:0;min-height:170px;pointer-events:none}
.games-grid .featured .featured-card-art>.color-art{left:50%;top:50%;right:auto;transform:translate(-50%,-50%) scale(.75) rotate(-9deg);transform-origin:center}
.games-grid .featured .featured-card-art>.reflex-card-art{left:50%;top:50%;right:auto;transform:translate(-50%,-50%) scale(.8) rotate(-8deg);transform-origin:center}
.games-grid .featured .featured-card-art>.sequence-card-art{left:50%;top:50%;right:auto;transform:translate(-50%,-50%) rotate(-10deg);transform-origin:center}
.games-grid .featured .featured-card-art>.stop10-card-art{left:50%;top:50%;right:auto;transform:translate(-50%,-50%) scale(.8) rotate(-9deg);transform-origin:center}
@media(max-width:1000px){
 .featured-card-body{gap:12px}
 .featured-card-art{min-height:145px}
 .games-grid .featured .featured-card-art>.color-art{transform:translate(-50%,-50%) scale(.6) rotate(-9deg)}
 .games-grid .featured .featured-card-art>.reflex-card-art{transform:translate(-50%,-50%) scale(.65) rotate(-8deg)}
 .games-grid .featured .featured-card-art>.stop10-card-art{transform:translate(-50%,-50%) scale(.65) rotate(-9deg)}
}
@media(max-width:370px){
 .games-grid .featured .featured-card-art>.color-art{transform:translate(-50%,-50%) scale(.5) rotate(-9deg)}
 .games-grid .featured .featured-card-art>.reflex-card-art{transform:translate(-50%,-50%) scale(.55) rotate(-8deg)}
}

.friends-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;margin-top:25px}.friends-tools>.input{grid-column:1/-1;min-width:0;width:100%}.friends-tools>.install-note{grid-column:1;grid-row:2;margin:0;align-self:center}.friends-tools>button{grid-column:2}.friends-tools>[type=submit]{grid-row:2}.friends-tools>[data-action=share-profile]{grid-row:3}.friends-challenge-action{margin:28px 0 8px}
@media(max-width:600px){.friends-tools{grid-template-columns:minmax(0,1fr);gap:12px}.friends-tools>.install-note{grid-row:2}.friends-tools>button{grid-column:1;width:100%}.friends-tools>[type=submit]{grid-row:3}.friends-tools>[data-action=share-profile]{grid-row:4}.friends-challenge-action>.button{width:100%}}

.rank-filter input[type="date"]{width:100%;min-width:0;min-height:52px;box-sizing:border-box;font:inherit;color:inherit;color-scheme:dark;appearance:none;-webkit-appearance:none}

.rank-daily-filter{min-width:190px}
@media(max-width:600px){.rank-controls .rank-daily-filter{flex-basis:100%;min-width:0}}

/* Small release label at the bottom left of the footer. */
.footer>.app-version-row{grid-column:1/-1;justify-self:start;display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;color:var(--muted)}
.app-version-row button{background:transparent;padding:4px 0;min-height:32px;font-size:10px;color:inherit;text-align:left}
.app-version-row .app-version-label{display:flex;flex-wrap:wrap;gap:4px;min-width:0;overflow-wrap:anywhere}
#app-version{font-family:monospace;overflow-wrap:anywhere;min-width:0}
.app-version-row .app-upgrade{display:grid;place-items:center;color:#79e58b;width:36px;min-width:36px;min-height:36px}
.app-version-row .app-upgrade[hidden]{display:none}
.app-upgrade svg{width:17px;height:17px}

.reflex-pad{height:340px}.reflex-message:has(.reflex-tip){font-size:11px;line-height:1.5}.reflex-pad:has(.reflex-tip) .reflex-prompt{margin-top:16px}@media(max-width:720px){.reflex-pad{height:310px}}.reflex-tip{font:inherit;letter-spacing:0}.reflex-tip small{display:inline-block;white-space:nowrap;font-size:10px;font-weight:700}

/* Keep setup artwork in the document flow as the heading and instructions wrap. */
.setup-art h2,.setup-art p{max-width:100%}
.setup-art .color-art{position:relative;inset:auto;max-width:100%;margin:28px auto 0;transform:none;transform-origin:center}