:root{--bg:#eaeee8;--surface:#fff;--surface-hover:#eef2ec;--text:#1a1e1b;--text-muted:#59625b;--border:#dbe1d9;--accent:#018357;--accent-contrast:#fff;--danger:#c62828;--danger-solid:#c62828;--warning:#e0a800;--radius:8px;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%231a1e1b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}:root[data-theme=dark]{--bg:#1b1d1b;--surface:#1a1e1b;--surface-hover:#252a26;--text:#e6ebe7;--text-muted:#9ba49d;--border:#2e3530;--danger:#ff7a7a;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23e6ebe7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);isolation:isolate;margin:0}@property --dial-shift{syntax:"<length>";inherits:false;initial-value:0}@property --sweep-x{syntax:"<length>";inherits:false;initial-value:0}@property --sweep-alpha{syntax:"<number>";inherits:false;initial-value:0}body:before,body:after{--dial-h:100vh;--dial-w:calc(var(--dial-h) * .7311);--dial-shift:0px;--dial-top:calc(50% - var(--dial-h) / 2);--dial-bottom:calc(50% + var(--dial-h) / 2);--sweep:linear-gradient(90deg, transparent, rgb(225 255 235/calc(.9 * var(--sweep-alpha))), transparent);content:"";z-index:-1;pointer-events:none;transition:--dial-shift .32s cubic-bezier(.2,.9,.3,1.1);animation:1.6s ease-in-out .2s circuits-light;position:fixed;inset:0}body:before{background:var(--sweep) var(--sweep-x) 0 / 30vw 100% no-repeat, var(--sweep) right var(--sweep-x) top / 30vw 100% no-repeat, url(/omnitrix-circuits.svg) center / cover no-repeat;clip-path:polygon(evenodd, 0 0, 0 var(--dial-top), calc(var(--dial-shift) + var(--dial-w) * .0715) var(--dial-top), calc(var(--dial-shift) + var(--dial-w) * .968) 50%, calc(var(--dial-shift) + var(--dial-w) * .0715) var(--dial-bottom), 0 var(--dial-bottom), 0 var(--dial-top), 0 0, 100% 0, 100% var(--dial-top), calc(100% - var(--dial-shift) - var(--dial-w) * .0715) var(--dial-top), calc(100% - var(--dial-shift) - var(--dial-w) * .968) 50%, calc(100% - var(--dial-shift) - var(--dial-w) * .0715) var(--dial-bottom), 100% var(--dial-bottom), 100% var(--dial-top), 100% 0);-webkit-mask:url(/omnitrix-circuits.svg) 50%/cover no-repeat;mask:url(/omnitrix-circuits.svg) 50%/cover no-repeat}body:after{background:var(--sweep) var(--sweep-x) 0 / 30vw 100% no-repeat, var(--sweep) right var(--sweep-x) top / 30vw 100% no-repeat, url(/omnitrix-dial-left.svg) var(--dial-shift) center / auto var(--dial-h) no-repeat, url(/omnitrix-dial-right.svg) right var(--dial-shift) center / auto var(--dial-h) no-repeat;-webkit-mask:url(/omnitrix-dial-left.svg) var(--dial-shift) center / auto var(--dial-h) no-repeat, url(/omnitrix-dial-right.svg) right var(--dial-shift) center / auto var(--dial-h) no-repeat;mask:url(/omnitrix-dial-left.svg) var(--dial-shift) center / auto var(--dial-h) no-repeat, url(/omnitrix-dial-right.svg) right var(--dial-shift) center / auto var(--dial-h) no-repeat}@media (prefers-reduced-motion:no-preference){.dial-active body:before,.dial-active body:after{--dial-shift:calc(50vw - var(--dial-w) * .35)}}@keyframes circuits-light{0%{--sweep-x:-30vw;--sweep-alpha:1}80%{--sweep-alpha:1}to{--sweep-x:35vw;--sweep-alpha:0}}@media (width<=640px){body:before,body:after{--dial-h:60vh;--dial-shift:calc(22vw - var(--dial-w))}}.dial-dialog[open]{animation:.32s cubic-bezier(.2,.9,.3,1.1) dial-open}.dial-dialog[open]::backdrop{animation:.32s ease-out fade-in}.dial-dialog:after{content:"";pointer-events:none;background:radial-gradient(circle at center, var(--dial-flash,var(--accent)) 0%, transparent 70%);opacity:0;position:absolute;inset:0}.dial-dialog[open]:after{animation:.45s ease-out dial-flash}.dial-dialog.dial-closing[open]{animation:.22s ease-in forwards dial-close}.dial-dialog.dial-closing[open]::backdrop{animation:.22s ease-in forwards fade-out}@keyframes dial-open{0%{clip-path:circle(0%);transform:rotate(-30deg)scale(.8)}to{clip-path:circle(75%);transform:none}}@keyframes dial-close{0%{clip-path:circle(75%);transform:none}to{clip-path:circle(0%);transform:rotate(-30deg)scale(.8)}}@keyframes dial-flash{0%{opacity:.7}to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:.45s cubic-bezier(.2,.9,.3,1) both page-dial-open}@keyframes page-dial-open{0%{clip-path:circle(0 at var(--dial-x,50%) var(--dial-y,50%))}to{clip-path:circle(150vmax at var(--dial-x,50%) var(--dial-y,50%))}}.topbar{view-transition-name:topbar}.footer{view-transition-name:footer}@media (prefers-reduced-motion:reduce){.dial-dialog[open]{animation:.15s ease-out fade-in}.dial-dialog.dial-closing[open]{animation:.15s ease-in forwards fade-out}.dial-dialog[open]:after,body:before,body:after{animation:none}body:before,body:after{transition:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}#root{flex-direction:column;min-height:100vh;display:flex}.content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:3rem 1rem}h1{margin:0 0 .5rem;font-size:2rem;line-height:1.2}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand{align-items:center;display:inline-flex}.brand img{width:auto;display:block}.icon-button,.select{height:2.25rem;font:inherit;color:var(--text);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.icon-button{place-items:center;width:2.25rem;padding:0;display:inline-grid}.select{appearance:none;background-image:var(--select-arrow);background-position:right .625rem center;background-repeat:no-repeat;background-size:12px;padding:0 2rem 0 .75rem}.icon-button:hover,.select:hover{background-color:var(--surface-hover)}.page{text-align:center}.subtitle{color:var(--text-muted);margin:0 0 2rem}.page-error{text-align:center;color:var(--text-muted)}.card{text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.25rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.card:hover{background:var(--surface-hover);border-color:var(--accent)}.card-title{font-size:1.125rem;font-weight:600}.card-description{color:var(--text-muted);font-size:.9375rem}.button{height:2.5rem;font:inherit;color:var(--accent-contrast);background-color:var(--accent);border-radius:var(--radius);cursor:pointer;border:none;padding:0 1.25rem;font-weight:600}.button:hover{filter:brightness(1.1)}.button-secondary{color:var(--text);border:1px solid var(--border);background-color:#0000}.button-secondary:hover{filter:none;background-color:var(--surface-hover)}.button-danger{color:var(--danger);border-color:var(--danger)}.button-danger-solid{color:#fff;background-color:var(--danger-solid)}.support-link{align-items:center;gap:.375rem;font-weight:500;text-decoration:none;display:inline-flex}.support-link:hover{text-decoration:underline}.back-link{width:fit-content;color:var(--text-muted);gap:.375rem;margin-bottom:1.5rem;font-size:.9375rem;text-decoration:none;display:flex}.back-link:hover{color:var(--accent)}.footer{background:var(--surface);border-top:1px solid var(--border);grid-template-columns:1fr auto;grid-template-areas:"disclaimer links";align-items:center;gap:.75rem 1.5rem;padding:1rem;display:grid}.footer-links{flex-wrap:wrap;grid-area:links;justify-content:flex-end;align-items:center;gap:1.25rem;display:flex}.footer-link{color:var(--text-muted);text-decoration:none}.footer-link:hover{color:var(--text);text-decoration:underline}.footer-disclaimer{color:var(--text-muted);text-align:left;grid-area:disclaimer;margin:0;font-size:.8125rem}.footer-home{color:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.footer-home:hover{color:var(--text)}@media (width<=640px){.footer{grid-template-columns:1fr;grid-template-areas:"disclaimer""links"}.footer-links{justify-content:flex-start}}.description-clue{flex-direction:column;gap:.5rem;width:100%;max-width:480px;display:flex}.description-text{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:1rem 1.25rem;font-size:1.125rem;line-height:1.5}.description-hidden{color:var(--text-muted);-webkit-user-select:none;user-select:none}.description-species{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:.5rem 1rem}.description-species-locked{color:var(--text-muted);border-style:dashed}.hints{justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.hint{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);place-items:center;width:4.6rem;height:4.6rem;font-size:2.3rem;display:grid}.hint-locked{color:var(--text-muted);border-style:dashed;font-size:1.75rem;font-weight:600}.silhouette-frame{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius);background:#e8ece7;width:100%;max-width:320px;overflow:hidden}.silhouette-frame img{object-fit:contain;width:100%;height:100%;display:block}.language-selector{display:inline-flex;position:relative}.language-selector-icon{display:none}@media (width<=640px){.language-selector-compact .select{color:#0000;background-image:none;width:2.25rem;padding:0}.language-selector-compact option{color:var(--text)}.language-selector-compact .language-selector-icon{color:var(--text);pointer-events:none;margin:auto;display:block;position:absolute;inset:0}}.confirm-dialog{width:min(360px,100% - 2rem);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0}.confirm-dialog::backdrop{background:#00000080}.confirm-dialog-danger{--dial-flash:var(--danger-solid)}.confirm-content{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.confirm-content h2,.confirm-content p{margin:0}.confirm-content h2{font-size:1.125rem}.confirm-content p{color:var(--text-muted)}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.settings-dialog{width:min(420px,100% - 2rem);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0}.settings-dialog::backdrop{background:#00000080}.settings-button svg{transition:transform .32s cubic-bezier(.2,.9,.3,1.1)}.settings-button-turned svg{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.settings-button svg{transition:none}}.settings-content{flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:relative}.settings-close{position:absolute;top:.75rem;right:.75rem}.settings-dialog h2,.settings-dialog h3,.settings-dialog p{margin:0}.settings-dialog h3{font-size:1rem}.settings-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-choice{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.settings-choice button{height:2.25rem;font:inherit;color:var(--text-muted);background:var(--surface);cursor:pointer;border:none;padding:0 .875rem}.settings-choice button+button{border-left:1px solid var(--border)}.settings-choice button:hover{color:var(--text);background:var(--surface-hover)}.settings-choice button[aria-pressed=true]{color:var(--accent-contrast);background:var(--accent)}.settings-data{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.settings-help{color:var(--text-muted);font-size:.9375rem}.settings-actions{flex-wrap:wrap;gap:.5rem;display:flex}.settings-message{background:var(--bg);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.75rem 1rem;display:flex}.topbar .brand{margin-block:calc(1.125rem - 32px)}.topbar-modes{gap:.25rem;display:flex}.topbar-modes a{border-radius:var(--radius);color:var(--text-muted);white-space:nowrap;padding:.375rem .75rem;text-decoration:none}.topbar-modes a:hover{color:var(--text);background:var(--surface-hover)}.topbar-modes a.active{color:var(--accent-contrast);background:var(--accent)}.topbar-actions{gap:.5rem;margin-left:auto;display:flex}@media (width<=640px){.topbar-modes{order:1;width:100%;overflow-x:auto}}.daily-title{margin:1.5rem 0 .25rem;font-size:1.125rem;font-weight:600}.category-grid{--columns:3;--gap:.75rem;justify-content:center;gap:var(--gap);flex-wrap:wrap;max-width:600px;margin:0 auto;display:flex}.category-card{flex:0 0 calc((100% - (var(--columns) - 1) * var(--gap)) / var(--columns));text-align:center;justify-content:center;min-height:5rem;font-size:1.125rem;font-weight:600}.category-card-global{margin-top:var(--gap);flex-basis:100%}.category-result{color:var(--text-muted);font-size:.875rem;font-weight:500}.endless-section{border-top:1px solid var(--border);max-width:600px;margin:2rem auto 0;padding-top:2rem}.endless-card{border:2px solid var(--accent)}@media (width<=640px){.category-grid{--columns:2}}.category-card-chosen{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 0 28px #5fd16b99}.credits-list{text-align:left;flex-direction:column;gap:.75rem;max-width:600px;margin:0 auto;padding:0;list-style:none;display:flex}.credits-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.credits-name{font-size:1.125rem;font-weight:600}.credits-role{color:var(--text-muted)}.credits-links{flex-wrap:wrap;gap:1rem;margin-top:.25rem;display:flex}.credits-note{color:var(--text-muted);font-size:.875rem}.screen-effect{z-index:50;pointer-events:none;position:fixed;inset:0}.screen-effect-transform{background:radial-gradient(circle,#ebfff0f2 0%,#5fd16bbf 18%,#01835759 40%,#0000 65%);animation:.8s cubic-bezier(.2,.8,.3,1) forwards screen-transform}@keyframes screen-transform{0%{opacity:0;transform:scale(.2)}25%{opacity:1}to{opacity:0;transform:scale(2.2)}}.screen-effect-timeout{background:#c628284d;animation:.9s step-end forwards screen-timeout;box-shadow:inset 0 0 140px #c62828d9}@keyframes screen-timeout{0%{opacity:1}12%{opacity:0}24%{opacity:.8}36%{opacity:0}52%{opacity:.6}66%{opacity:0}80%{opacity:.35}to{opacity:0}}.screen-glitch #root{animation:.6s step-end screen-glitch}@keyframes screen-glitch{0%{filter:drop-shadow(-3px 0 #ff003cb3)drop-shadow(3px 0 #00ffc899);transform:translate(3px)}15%{filter:drop-shadow(4px 0 #ff003cb3)drop-shadow(-4px 0 #00ffc899);transform:translate(-4px,1px)}30%{filter:drop-shadow(-2px 0 #ff003c99)drop-shadow(2px 0 #00ffc880);transform:translate(2px,-1px)}45%{filter:none;transform:translate(-2px)}60%{filter:drop-shadow(-1px 0 #ff003c80)drop-shadow(1px 0 #00ffc866);transform:translate(1px,1px)}75%{filter:none;transform:none}}.alien-thumb{object-fit:contain;flex-shrink:0;width:40px;height:40px}.alien-search{width:100%;max-width:360px;position:relative}.alien-search-input{width:100%;height:2.75rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 .875rem}.alien-search-input:disabled{opacity:.6;cursor:not-allowed}.alien-search-list{z-index:10;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:300px;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.alien-search-list li{cursor:pointer;border-radius:6px;align-items:center;gap:.75rem;padding:.25rem .75rem;display:flex}.alien-search-list li.active{background:var(--surface-hover)}.alien-search-list .alien-search-empty{color:var(--text-muted);cursor:default;padding:.5rem .75rem}.alien-search-list-opening{transform-origin:top;animation:.26s cubic-bezier(.2,.9,.3,1) search-unfold}.alien-search-list-opening li{transform-origin:0;animation:.24s ease-out both search-fan-in;animation-delay:calc(min(var(--index), 10) * 25ms)}@keyframes search-unfold{0%{clip-path:inset(0 0 100%);transform:perspective(600px)rotateX(-25deg)}to{clip-path:inset(0);transform:none}}@keyframes search-fan-in{0%{opacity:0;transform:rotate(-8deg)translate(-12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.alien-search-list-opening,.alien-search-list-opening li{animation:none}}.variant-badge{border:1px solid var(--accent);border-radius:999px;align-items:center;gap:.375rem;margin:0;padding:.25rem .875rem;font-weight:600;display:inline-flex}.game-page{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.game-page h1,.game-page .subtitle{margin:0}.board-clues{flex-direction:column;align-items:center;width:100%;display:flex}.board-clues-enter{animation:.36s cubic-bezier(.2,.9,.3,1.1) dial-open}.board-attempt{flex-direction:column;align-items:center;gap:.375rem;display:flex}.charge-bar{--charge:var(--accent);gap:.25rem;display:flex}.charge-bar-half{--charge:var(--warning)}.charge-bar-low{--charge:var(--danger-solid)}.charge-bar span{background:var(--border);border-radius:999px;width:1.75rem;height:.4rem;transition:background-color .3s,box-shadow .3s}.charge-bar .charge-on{background:var(--charge);box-shadow:0 0 6px var(--charge)}@media (prefers-reduced-motion:reduce){.board-clues-enter{animation:none}.charge-bar span{transition:none}}.wrong-guesses{text-align:left;flex-direction:column;gap:.375rem;width:100%;max-width:360px;margin:0;padding:0;list-style:none;display:flex}.wrong-guesses li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.25rem .875rem;display:flex}.result-dialog{width:min(420px,100% - 2rem);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0}.result-dialog::backdrop{background:#00000080}.result-content{border-radius:inherit;text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:relative}.result-close{position:absolute;top:.75rem;right:.75rem}.result-dialog h2,.result-dialog h3,.result-dialog p{margin:0}.result-attempts,.result-next,.result-species{color:var(--text-muted)}.result-alien{background:var(--bg);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.375rem;width:100%;padding:1rem;display:flex}.result-alien img{max-width:160px;max-height:160px}.result-next time{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.result-dialog .hint{width:3.25rem;height:3.25rem;font-size:1.625rem}.result-dialog-won[open] .result-alien img{animation:.9s ease-out .2s both result-transform}@keyframes result-transform{0%{filter:brightness(0) drop-shadow(0 0 6px var(--accent));transform:scale(.9)}55%{filter:brightness(0)drop-shadow(0 0 14px #5fd16b);transform:scale(1)}70%{filter:brightness(2.2)drop-shadow(0 0 18px #5fd16b)}to{filter:brightness()drop-shadow(0 0 #0000);transform:none}}.result-dialog-lost{--dial-flash:var(--danger-solid)}.result-dialog-lost[open] .result-content{animation:1.4s ease-out result-timeout-border}.result-dialog-lost[open] .result-alien img{animation:1.2s ease-out .2s both result-recharge}@keyframes result-timeout-border{0%,30%,60%{box-shadow:inset 0 0 0 2px var(--danger-solid), inset 0 0 30px #c6282873}15%,45%,to{box-shadow:inset 0 0 0 2px #0000,inset 0 0 #0000}}@keyframes result-recharge{0%{filter:grayscale()brightness(.5)}to{filter:grayscale(0)brightness()}}@media (prefers-reduced-motion:reduce){.result-dialog-won[open] .result-alien img,.result-dialog-lost[open] .result-alien img,.result-dialog-lost[open] .result-content{animation:none}}.streak-emoji{display:inline-block}.correct-answer{background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:360px;padding:1rem;display:flex}.correct-answer img{max-width:160px;max-height:160px}.correct-answer p{margin:0;font-size:1.125rem;font-weight:600}.home-countdown{color:var(--text-muted);margin:-1rem 0 2rem}.home-countdown time{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.mode-list{gap:.75rem;max-width:420px;margin:0 auto;display:grid}.privacy{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:720px;margin:0 auto;padding:1.5rem 2rem;line-height:1.6}.privacy h2{margin:2rem 0 .5rem;scroll-margin-top:1rem;font-size:1.25rem}.privacy p,.privacy ul{margin:0 0 .75rem}.privacy li+li{margin-top:.375rem}.privacy-updated{color:var(--text-muted)}.privacy mark{color:#1a1e1b;background:#ffe08a;border-radius:4px;padding:0 .25rem}@media (width<=640px){.privacy{padding:1rem 1.25rem}}