:root{color:#f8f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#070316;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#1a0f49 0,#09051f 38%,#050210 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}.app-shell{width:min(1100px,100%);margin:0 auto;padding:28px 22px 60px}.brand-header{text-align:left;justify-content:center;align-items:center;gap:22px;margin-bottom:28px;display:flex}.brand-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.1rem,6vw,4.8rem);line-height:.9}.brand-header h1 span{color:#ffc20d;display:block}.brand-header p{color:#c9c4dc;margin:14px 0 0;font-size:1.05rem}.spy-logo{width:110px;height:95px;position:relative}.spy-hat{background:#26242b;border-radius:50% 50% 15% 15%;width:78px;height:34px;position:absolute;top:7px;left:17px;transform:rotate(-4deg)}.spy-hat:after{content:"";background:#18171d;border-radius:50%;width:104px;height:15px;position:absolute;bottom:-8px;left:-13px}.spy-face{background:#0b0a0f;border-radius:10px 10px 28px 28px;justify-content:center;gap:12px;width:62px;height:54px;padding-top:15px;display:flex;position:absolute;top:38px;left:27px}.spy-face span{background:#fff;border-radius:50%;width:15px;height:9px;transform:rotate(-12deg)}.spy-face span+span{transform:rotate(12deg)}.setup-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.panel{background:linear-gradient(#21154fdb,#110b30e6);border:1px solid #9460ff59;border-radius:24px;padding:24px;box-shadow:inset 0 1px #ffffff0a}.panel-heading{align-items:center;gap:14px;margin-bottom:22px;display:flex}.panel-heading svg{color:#7c4dff;width:30px;height:30px}.panel-heading h2{text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:1.12rem}.panel-heading p{color:#aaa4bf;margin:4px 0 0}.player-list{gap:11px;display:grid}.player-row{background:#04021475;border:1px solid #ffffff29;border-radius:14px;grid-template-columns:38px 1fr 42px;align-items:center;gap:10px;padding:8px;display:grid}.player-number{background:linear-gradient(135deg,#8e5cff,#4b16d8);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.player-number.large{width:82px;height:82px;font-size:2rem}.player-row input,.field select{color:#fff;background:#08051d;border:1px solid #ffffff2e;border-radius:11px;outline:none;width:100%;padding:12px 13px}.player-row input:focus,.field select:focus{border-color:#8e5cff;box-shadow:0 0 0 3px #8e5cff29}.icon-danger{color:#ff4b67;background:0 0;border:0;place-items:center;display:grid}.outline-button,.text-button{color:#a879ff;background:0 0;border:1px dashed #8551ff;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-weight:800;display:flex}.outline-button{width:100%;margin-top:14px}.field{margin-bottom:20px;display:block}.field>span{text-transform:uppercase;margin-bottom:4px;font-weight:800;display:block}.field small{color:#aaa4bf;margin-bottom:10px;display:block}.category-preview{background:#0c0724b3;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.category-preview svg{color:#39a0ff}.category-preview strong,.category-preview span{display:block}.category-preview span{color:#aaa4bf;margin-top:3px;font-size:.9rem}.start-button{color:#100b00;text-transform:uppercase;background:linear-gradient(#ffd22c,#ffb600);border:0;border-radius:16px;grid-column:1/-1;justify-content:center;justify-self:center;align-items:center;gap:10px;width:min(690px,100%);padding:17px 22px;font-size:1.08rem;font-weight:900;display:flex;box-shadow:0 5px #bd7e00}.error-message{color:#ff9baa;text-align:center;background:#ff3e5a21;border-radius:12px;grid-column:1/-1;padding:12px 16px}.single-screen{text-align:center;width:min(760px,100%);margin:0 auto}.round-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.round-summary span{color:#d8d2eb;background:#130c36bd;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.pass-title{color:#9b67ff;text-transform:uppercase;margin:0 0 8px;font-size:1.18rem;font-weight:900}.pass-copy{color:#c7c1d9;margin:0 0 20px}.flip-card{perspective:1300px;height:470px}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-face{backface-visibility:hidden;background:radial-gradient(circle at top,#24204f,#0e0a2c 70%);border:1px solid #8e4cff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;padding:34px;display:flex;position:absolute;inset:0;box-shadow:0 0 30px #7232ff2b}.flip-card-back{transform:rotateY(180deg)}.flip-card-face>p{color:#9d6cff;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.flip-card-face h2{margin:10px 0 24px;font-size:clamp(2.3rem,9vw,4.8rem)}.flip-card-face>span{color:#c8c2dc}.spy-card{background:radial-gradient(circle at top,#44112b,#150818 72%);border-color:#ff4b67}.term-card{background:radial-gradient(circle at top,#173f39,#071d1a 72%);border-color:#3ad59f}.reveal-button{color:#fff;background:linear-gradient(135deg,#934fff,#5d1ee0);border:0;border-radius:14px;align-items:center;gap:9px;margin-top:28px;padding:15px 24px;font-weight:900;display:flex}.progress-wrap{color:#bdb6d2;align-items:center;gap:12px;margin:20px 0;display:flex}.progress-track{background:#ffffff1f;border-radius:99px;flex:1;height:9px;overflow:hidden}.progress-track div{background:#8d4dff;height:100%}.text-button{border-style:solid;width:auto;margin:0 auto}.discussion-panel,.results-panel{flex-direction:column;align-items:center;gap:10px;display:flex}.discussion-panel>svg,.results-panel>svg{color:#9a64ff}.eyebrow{color:#9b67ff;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.discussion-panel h2,.results-panel h2{margin:0;font-size:2rem}.round-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 22px;display:flex}.round-stats span,.spy-results span{background:#8e5cff29;border:1px solid #8e5cff59;border-radius:99px;padding:9px 13px}.secret-term{color:#ffc20d;margin:6px 0 16px;font-size:clamp(2.4rem,10vw,5rem);font-weight:900}.spy-results{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.result-actions{gap:12px;width:100%;display:grid}.result-actions .start-button{width:100%}@media (width<=760px){.app-shell{padding:20px 14px 46px}.brand-header{gap:10px;margin-bottom:20px}.spy-logo{transform-origin:50%;width:72px;height:70px;margin-right:-12px;transform:scale(.72)}.brand-header h1{font-size:2.45rem}.brand-header p{margin-top:9px;font-size:.88rem}.setup-grid{grid-template-columns:1fr}.panel{border-radius:19px;padding:18px}.start-button{grid-column:auto}.flip-card{height:430px}.flip-card-face{padding:24px}.round-summary span{flex-direction:column;font-size:.82rem}}.player-progress{width:100%;margin-top:30px}.player-progress-title{text-align:center;color:#a970ff;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:800}.player-progress-list{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#7540db transparent;gap:12px;width:100%;padding:8px 4px 14px;display:flex;overflow-x:auto}.player-progress-list::-webkit-scrollbar{height:5px}.player-progress-list::-webkit-scrollbar-track{background:0 0}.player-progress-list::-webkit-scrollbar-thumb{background:#7540db;border-radius:999px}.player-progress-item{opacity:.42;scroll-snap-align:center;flex-direction:column;flex:0 0 78px;align-items:center;gap:8px;min-width:78px;transition:opacity .18s,transform .18s;display:flex}.player-progress-number{color:#ffffffb8;background:#ffffff0f;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.player-progress-name{color:#ffffffb3;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.78rem;overflow:hidden}.player-progress-item.current{opacity:1;transform:translateY(-4px)}.player-progress-item.current .player-progress-number{color:#fff;background:linear-gradient(145deg,#7c3aed,#4c1d95);border:3px solid #8b5cf6;box-shadow:0 0 0 4px #8b5cf62e,0 0 22px #8b5cf673}.player-progress-item.current .player-progress-name{color:#b483ff;font-weight:800}.player-progress-item.completed{opacity:.85}.player-progress-item.completed .player-progress-number{color:#4ade80;background:#30d38429;border-color:#30d384b3}.privacy-copy{color:#ffffffad;text-align:center;max-width:310px;margin:0 auto 20px}
