:root{color-scheme:dark;--lime:#b8ff91;--mint:#92f4dd;--pink:#ffa1bb;--ink:#f5f7f7;--muted:#aebdbe;--border:#ffffff22}
*{box-sizing:border-box}html{background:#07151c}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% -12%,#33594e 0,transparent 48%),radial-gradient(ellipse at 95% 18%,#33345f 0,transparent 40%),radial-gradient(ellipse at 45% 100%,#3a284a 0,transparent 44%),#09151d;color:var(--ink);font:500 15px 'DM Sans',system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.08;pointer-events:none;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent)}.spotlights i{position:fixed;z-index:0;pointer-events:none;display:block;border-radius:50%;filter:blur(65px);opacity:.16;animation:drift 14s ease-in-out infinite alternate}.spotlights i:nth-child(1){height:350px;width:350px;top:5%;left:-7%;background:#6deabb}.spotlights i:nth-child(2){height:310px;width:310px;right:-5%;top:25%;background:#ff88ba;animation-delay:-5s}.spotlights i:nth-child(3){height:300px;width:300px;left:40%;bottom:-15%;background:#9f7ffa;animation-delay:-9s}@keyframes drift{to{transform:translate(45px,-38px) scale(1.15)}}
.shell{position:relative;z-index:1;max-width:1210px;margin:auto;padding:22px 24px 32px}.nav{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:30px}.back{color:#e0e7e5;text-decoration:none;font-weight:800;letter-spacing:1px;font-size:11px}.back:hover{color:var(--lime)}.brand{font-size:16px;font-weight:900;letter-spacing:2px}.brand span{color:var(--lime)}.brand-icon{display:inline-grid;place-items:center;margin-right:5px;background:var(--lime);width:33px;height:33px;border-radius:10px;color:#16291d;font-size:19px}.status{color:var(--mint);font-size:10px;letter-spacing:1px;font-weight:900}.footer{text-align:center;color:#7d9195;padding:27px 0 4px;font-size:10px;letter-spacing:1.5px}.eyebrow,.tiny{font-size:11px;color:var(--lime);font-weight:900;letter-spacing:2px;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center;min-height:320px;margin-bottom:28px}.hero h1{font:900 clamp(55px,7.7vw,110px)/.95 'Space Grotesk',sans-serif;letter-spacing:-5px;margin:16px 0 22px}.hero h1 span{color:var(--lime)}.hero p{max-width:600px;font-size:17px;line-height:1.8;color:var(--muted)}.hero-side{min-height:340px;display:grid;place-items:center;position:relative}.file-illustration{height:230px;width:230px;background:linear-gradient(145deg,#d6ffac,#89e8be);transform:rotate(-9deg);border-radius:16px;box-shadow:18px 22px 0 #4f887f58,0 24px 90px #8affc04a;position:relative;display:grid;place-items:center;font-size:95px;animation:floatfile 4s ease-in-out infinite}.file-illustration:before{content:'CLASSIFIED';font-size:14px;letter-spacing:3px;position:absolute;top:22px;left:29px;color:#2b533d;font-weight:900}.file-illustration:after{content:'✖';position:absolute;font-size:70px;color:#d74463aa;right:22px;bottom:5px;transform:rotate(13deg)}@keyframes floatfile{50%{transform:translateY(-14px) rotate(-5deg)}}.hero-side .orbit{position:absolute;z-index:-1;width:310px;height:310px;border:1px dashed #ccffae55;border-radius:50%;animation:spin 40s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.panel{border:1px solid var(--border);border-radius:22px;padding:24px;background:linear-gradient(140deg,#1d2934ed,#161e30f0);box-shadow:0 18px 60px #05071335;backdrop-filter:blur(16px)}.entry{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.panel h2{font-size:23px;margin:8px 0 14px;letter-spacing:-.5px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.field label{font-size:10px;letter-spacing:1px;font-weight:900;color:#d5e4e2}.input,textarea{border:1px solid #ffffff31;background:#0a1322;color:#fff;padding:13px 14px;border-radius:12px;outline:none;width:100%;font:600 15px 'DM Sans',system-ui}.input:focus,textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px #b8ff911d}.input::placeholder,textarea::placeholder{color:#748389}textarea{resize:vertical;min-height:60px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:0;border-radius:12px;cursor:pointer;font:900 12px 'DM Sans',system-ui;letter-spacing:.5px;padding:14px 19px;color:#0b201d;background:linear-gradient(110deg,#b6ff8e,#81edcd);box-shadow:0 8px 22px #b8ff9122;transition:transform .18s,filter .18s}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.btn:disabled{opacity:.46;cursor:not-allowed}.btn.ghost{background:#ffffff13;color:#f4f7ff;border:1px solid #ffffff36;box-shadow:none}.btn.coral{background:linear-gradient(110deg,#ffc5ab,#ff99ac)}.btn.block{width:100%}.hint{font-size:12px;line-height:1.65;color:#9bb4b6}.rule-pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.pill{border:1px solid #c1ffb33b;border-radius:100px;padding:8px 11px;font-size:11px;color:#d5f9e4;background:#aaff9f0f;font-weight:800}.room-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:19px;flex-wrap:wrap}.code{font:900 32px 'Space Grotesk';color:var(--lime);letter-spacing:4px;margin:4px 0}.game-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.8fr);gap:18px;align-items:start}.stack{display:flex;flex-direction:column;gap:16px}.players{display:flex;flex-wrap:wrap;gap:8px}.player{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#ffffff0e;border:1px solid #ffffff1e;border-radius:13px;font-size:12px;font-weight:800}.player.me{border-color:#b6ff8e90}.bubble{height:27px;width:27px;display:grid;place-items:center;border-radius:9px;background:#ffffff17}.score{font-size:10px;color:var(--lime)}.chapter{font:900 clamp(29px,3.5vw,46px)/1.08 'Space Grotesk';margin:12px 0;color:white;letter-spacing:-1px}.chapter em{font-style:normal;color:var(--lime)}.clock{font:900 34px 'Space Grotesk';color:#d4fdbb}.meter{height:9px;background:#ffffff16;border-radius:99px;overflow:hidden;margin:12px 0 20px}.meter>span{display:block;height:100%;background:linear-gradient(90deg,#94f6d6,#c3ff8f);border-radius:99px;transition:width .8s linear}.mission-card{position:relative;margin:18px 0;border:2px solid #caff9391;box-shadow:0 0 0 5px #a8ff8810,0 18px 75px #84ffaa12;border-radius:20px;padding:25px;background:radial-gradient(ellipse at top right,#56844b35,transparent 80%),linear-gradient(135deg,#1e3434,#152331);animation:slideCard .65s ease both;overflow:hidden}.mission-card:after{position:absolute;right:18px;top:12px;content:'TOP SECRET';transform:rotate(10deg);color:#d8ffac43;font-size:11px;letter-spacing:2px;font-weight:900}.mission-card h3{font-size:clamp(19px,3vw,29px);line-height:1.45;margin:12px 0 5px}.mission-card .kicker{color:#a4ebc1}.mission-icon{font-size:38px;animation:floatfile 4s ease-in-out infinite}.mission-card.claimed{border-color:#8a8ce8}.mission-card.claimed:after{content:'CLAIM SENT'}.chat-list{height:218px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:10px;background:#09111eaa;border:1px solid #ffffff13;border-radius:12px}.chat-line{padding:9px 10px;border-radius:10px;background:#ffffff09;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.chat-line b{color:#bbff91}.chat-form{display:flex;gap:7px;margin-top:9px}.chat-form .input{min-width:0;flex:1}.chat-form .btn{padding:12px}.vote-card{padding:17px;border:1px solid #ffffff26;border-radius:15px;background:#ffffff0b;margin:13px 0}.vote-card h3{font-size:18px;margin:6px 0 8px}.vote-card p{color:#b9c5c7;line-height:1.55;font-size:13px;margin:0 0 10px}.vote-card .row{justify-content:space-between}.vote-actions{display:flex;gap:7px;margin-top:12px}.vote-actions .btn{flex:1}.vote-status{font-weight:900;color:#eecbba;font-size:11px;letter-spacing:.6px}.results{display:grid;gap:8px}.result-line{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #ffffff24;border-radius:15px;padding:14px;background:#ffffff0d}.result-line .rank{font:900 19px 'Space Grotesk';width:31px;color:#b9ff91}.result-line .value{font:900 24px 'Space Grotesk';color:#b9ff91}.big-stamp{text-align:center;font:900 clamp(34px,6vw,72px) 'Space Grotesk';letter-spacing:-2px;color:#c0ff9e;margin:15px 0;animation:stamp .55s cubic-bezier(.2,1.5,.3,1) both;text-shadow:0 0 45px #b8ff906b}@keyframes stamp{from{transform:scale(2) rotate(-8deg);opacity:.1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes slideCard{from{transform:translateY(28px) rotate(2deg);opacity:0}to{transform:none;opacity:1}}.muted{color:var(--muted)}.warn{color:#ffbfd1}.inset{background:#0714209c;border:1px dashed #ffffff2e;padding:15px;border-radius:13px}.confetti-bit{position:fixed;pointer-events:none;z-index:1001;width:8px;height:13px;top:-30px;animation:fall 3s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(950deg);opacity:0}}#toast{position:fixed;z-index:1999;left:50%;bottom:20px;transform:translate(-50%,150px);opacity:0;padding:13px 20px;border-radius:15px;background:#d0ffa7;color:#152723;font-weight:900;font-size:13px;box-shadow:0 15px 50px #0007;max-width:min(540px,90vw);transition:transform .3s,opacity .3s;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:880px){.hero{grid-template-columns:1fr}.hero-side{min-height:190px}.file-illustration{height:145px;width:145px;font-size:58px}.hero-side .orbit{width:190px;height:190px}.hero h1{font-size:clamp(55px,12vw,90px)}.game-grid{grid-template-columns:1fr}}@media(max-width:620px){.shell{padding:15px 13px 22px}.entry{grid-template-columns:1fr}.hero h1{font-size:60px;letter-spacing:-3px}.hero{gap:7px}.hero-side{min-height:150px}.panel{padding:17px}.room-top .btn{padding:11px}.chapter{font-size:31px}.status{font-size:9px}.nav{margin-bottom:23px}.brand{font-size:12px}.player{padding:8px}.mission-card{padding:18px}.file-illustration{height:135px;width:135px}.footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
