@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500;700&display=swap";:root{--bg:#170b12;--bg-2:#23111c;--panel:#2b1522;--panel-2:#351929;--magenta:#ff2e63;--magenta-soft:#ff6f95;--gold:#ffc93c;--cyan:#2ee6d6;--ink:#fce9f0;--dim:#c793a5;--dim-2:#8a5f72;--font-pop:"Baloo 2", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;color:var(--ink);background:var(--bg);font-family:var(--font-pop);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{color:inherit}body{background:radial-gradient(circle at 50% -15%, #ff2e6333, transparent 42rem), radial-gradient(circle at 8% 75%, #2ee6d612, transparent 26rem), var(--bg);min-width:320px;min-height:100vh}body:before{content:"";pointer-events:none;opacity:.65;background:conic-gradient(from 0deg at 50% 50%, transparent 0 28deg, #ff2e6312 40deg, transparent 60deg 115deg, #ffc93c0b 130deg, transparent 150deg);animation:24s linear infinite spotlight;position:fixed;inset:-45vmax}body:after{content:"";pointer-events:none;opacity:.28;background-image:radial-gradient(circle, var(--magenta) 0 3px, transparent 4px), radial-gradient(circle, var(--gold) 0 3px, transparent 4px), radial-gradient(circle, var(--cyan) 0 2px, transparent 3px);background-position:7% -4rem,75% -11rem,42% -6rem;background-size:23rem 31rem,29rem 37rem,41rem 27rem;position:fixed;inset:0}::selection{background:var(--magenta);color:#fff}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.app{isolation:isolate;min-height:100vh;position:relative}.screen{z-index:1;width:min(100%,74rem);min-height:100vh;margin:0 auto;padding:clamp(4.5rem,9vw,7rem) clamp(1rem,4vw,2.5rem) 3rem;position:relative}.home-screen,.results-screen{place-items:center;display:grid}.home-btn{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#23111ce0;border:1px solid #ff6f9566;border-radius:999px;padding:.55rem .9rem;font-size:.72rem;transition:border-color .2s,color .2s,transform .2s;position:fixed;top:1rem;left:1rem}.home-btn:hover{color:var(--gold);border-color:var(--gold);transform:translate(-2px)}.home-card{width:100%}.masthead{text-align:center;margin-bottom:clamp(2.5rem,6vw,4rem)}.logo-eyebrow,.section-label{color:var(--gold);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem;font-size:.75rem;font-weight:500}.logo-title{text-transform:uppercase;color:var(--ink);flex-direction:column;align-items:center;margin:0;font-size:0;line-height:.82;display:flex}.logo-top{font-size:clamp(3rem,8vw,5.8rem)}.logo-title .accent{color:var(--magenta);letter-spacing:-.035em;text-shadow:0 0 32px #ff2e6385,5px 6px #00000059;font-size:clamp(4.4rem,13vw,9rem);font-weight:800;display:block;transform:rotate(1.5deg)}.logo-title:not(:has(.accent)){font-size:clamp(3rem,8vw,5.8rem)}.logo-title{text-shadow:3px 3px 0 var(--magenta);font-weight:800;transform:rotate(-1deg)}.logo-title .accent{transform:rotate(2.5deg)}.logo-tagline{max-width:34rem;color:var(--dim);margin:1.6rem auto 0;font-size:clamp(.95rem,2vw,1.1rem)}.category-section{width:min(100%,62rem);margin:0 auto}.category-section>.section-label{text-align:center;color:var(--dim)}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.cat-tile-wrap{animation:.5s cubic-bezier(.34,1.56,.64,1) both tileIn}.cat-tile{text-align:left;cursor:pointer;background:linear-gradient(145deg,#351929f0,#23111ceb);border:1px solid #ff2e6345;border-radius:18px;flex-direction:column;align-items:flex-start;gap:.7rem;width:100%;min-height:10rem;padding:1.3rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 18px 36px #00000040}.cat-tile:after{content:"";background:var(--magenta);filter:blur(44px);opacity:.08;border-radius:50%;height:8rem;transition:opacity .2s;position:absolute;inset:auto -25% -55% 35%}.cat-tile:hover{border-color:var(--magenta-soft);transform:translateY(-5px)rotate(-.5deg);box-shadow:0 18px 45px #ff2e6329}.cat-tile:hover:after{opacity:.18}.cat-tile-icon{filter:drop-shadow(0 5px 8px #00000059);font-size:2rem}.cat-tile-body{flex-direction:column;flex:1;display:flex}.cat-tile-name{color:var(--ink);font-size:1.35rem;font-weight:800;line-height:1.05}.cat-tile-desc{color:var(--dim);font-family:var(--font-mono);margin-top:.35rem;font-size:.7rem}.cat-tile-arrow{color:var(--cyan);font-size:1.35rem;transition:transform .2s;position:absolute;bottom:1rem;right:1.2rem}.cat-tile:hover .cat-tile-arrow{transform:translate(4px)}.game-screen{width:min(100%,58rem)}.game-header{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:2px solid #ff2e6357;border-radius:22px 22px 0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;padding:clamp(1rem,3vw,1.5rem);display:grid;box-shadow:0 24px 60px #0006,inset 0 1px #ffffff0d}.timer{border:7px solid var(--cyan);width:5.2rem;height:5.2rem;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:1.55rem;font-weight:700;display:grid;position:relative;box-shadow:0 0 24px #2ee6d626}.timer--warning{border-color:var(--gold);color:var(--gold)}.timer--danger{border-color:var(--magenta);color:var(--magenta-soft);animation:1s steps(2,end) infinite pulse}.time-bonus-flash{color:var(--gold);font-size:.75rem;animation:.7s ease-out both floatUp;position:absolute;top:-.8rem;right:-1rem}.category-badge{flex-direction:column;min-width:0;display:flex}.category-badge-label,.score-label{color:var(--dim-2);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.65rem}.category-badge-name{overflow-wrap:anywhere;color:var(--gold);font-size:clamp(1.45rem,4vw,2.5rem);font-weight:800;line-height:1}.score-box{text-align:right}.score-number{color:var(--magenta-soft);font-family:var(--font-mono);font-size:2rem;font-weight:700;line-height:1;display:block}.timer-track{background:#ffffff12;height:.45rem;overflow:hidden}.timer-fill{background:var(--cyan);height:100%;transition:width 1s linear}.timer-fill.timer--warning{background:var(--gold)}.timer-fill.timer--danger{background:var(--magenta)}.answer-form-wrap{background:#2b1522e0;border-inline:2px solid #ff2e6357;padding:1.4rem;position:relative}.answer-input{width:100%;color:var(--ink);background:#0000004d;border:2px solid #ff2e6366;border-radius:13px;padding:1rem 1.15rem;font-size:1.15rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.answer-input::placeholder{color:var(--dim-2)}.answer-input:focus{border-color:var(--cyan);outline:0;box-shadow:0 0 0 4px #2ee6d617}.answer-input--rejected{border-color:var(--magenta);animation:.34s shake}.reject-msg{color:var(--magenta-soft);margin:0;font-weight:800;animation:1.2s ease-out both floatUp;position:absolute;top:-.35rem;right:2rem}.answers-list{border:2px solid #ff2e6357;background:linear-gradient(#23111cf5,#170b12f5);border-top:0;border-radius:0 0 22px 22px;flex-wrap:wrap;align-content:flex-start;gap:.55rem;min-height:15rem;margin:0;padding:1.4rem;list-style:none;display:flex}.answer-item{background:#ff2e6321;border:1px solid #ff2e6366;border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.9rem;font-weight:700;animation:.28s cubic-bezier(.34,1.56,.64,1) chipIn;display:flex}.answer-item--pending{color:var(--dim);border-color:#c793a540}.answer-icon{color:var(--cyan);place-items:center;display:grid}.answer-points-badge{color:var(--gold);font-family:var(--font-mono)}.spinner{border:2px solid #c793a540;border-top-color:var(--cyan);border-radius:50%;width:.8rem;height:.8rem;animation:.7s linear infinite spin}.gameover-banner{z-index:5;text-align:center;width:min(100% - 2rem,30rem);color:var(--bg);background:var(--gold);border-radius:14px;padding:1rem;font-size:1.1rem;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 7px #c8951f,0 18px 45px #0006}.results-card{text-align:center;background:linear-gradient(180deg, var(--panel), var(--bg-2));border:2px solid #ff2e6359;border-radius:24px;width:min(100%,34rem);padding:clamp(2rem,6vw,3rem);animation:.5s cubic-bezier(.34,1.56,.64,1) tileIn;box-shadow:0 28px 70px #0000007a,inset 0 1px #ffffff0d}.results-headline{color:var(--magenta-soft);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.78rem}.results-score-block{justify-content:center;align-items:baseline;gap:.7rem;margin:.8rem 0 0;display:flex}.results-score{color:var(--gold);text-shadow:0 0 30px #ffc93c38;font-size:clamp(5rem,18vw,8rem);font-weight:800;line-height:.9}.results-score-unit{color:var(--dim);font-family:var(--font-mono);text-transform:uppercase;font-size:.75rem}.results-category-line{color:var(--dim);margin:1rem 0 0}.results-category-line strong{color:var(--ink)}.results-message{color:var(--dim);margin:2rem 0 1rem}.btn{cursor:pointer;text-transform:uppercase;border:0;border-radius:14px;padding:.85rem 1.2rem;font-weight:800;transition:transform .1s,filter .1s,box-shadow .1s}.btn-primary{color:var(--bg);background:linear-gradient(180deg, var(--magenta-soft), var(--magenta));box-shadow:0 6px #b31742,0 12px 28px #ff2e6347}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:translateY(4px);box-shadow:0 2px #b31742}.btn-wide{width:100%}@keyframes spotlight{to{transform:rotate(360deg)}}@keyframes tileIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@keyframes chipIn{0%{opacity:0;transform:scale(.5)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes floatUp{0%{opacity:0;transform:translateY(5px)}25%{opacity:1}to{opacity:0;transform:translateY(-24px)}}@media (width<=760px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen{padding-top:5.5rem}}@media (width<=500px){.category-grid{grid-template-columns:1fr}.cat-tile{min-height:8.5rem}.game-header{grid-template-columns:auto 1fr}.score-box{text-align:left;grid-column:2}.score-number,.score-label{margin-right:.35rem;display:inline}.answers-list{min-height:12rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}