:root{color-scheme:dark;--green:#a8ff00;--mint:#12ff8a;--dark:#030a08;--soft:#b9dcc7}*{box-sizing:border-box}html{min-height:100%;background:#020604}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;color:#effff3;background:radial-gradient(ellipse at 50% 20%,#123423 0%,#07120d 32%,#020604 75%)}.grid{position:fixed;inset:0;pointer-events:none;background:linear-gradient(transparent 95%,#8dff1917 100%) 0 0/60px 60px,linear-gradient(90deg,transparent 95%,#8dff1917 100%) 0 0/60px 60px;transform:perspective(550px) rotateX(60deg) scale(2);transform-origin:bottom;opacity:.45;mask-image:linear-gradient(transparent 5%,black 90%)}.beam{position:fixed;width:2px;height:175vh;top:-40vh;background:linear-gradient(transparent, #9aff36, #e5ffb9, #80ff21,transparent);box-shadow:0 0 15px #75ff29,0 0 60px #39ff14;opacity:.4;pointer-events:none;transform-origin:center;animation:laser 8s ease-in-out infinite alternate}.b1{left:12%;transform:rotate(32deg);animation-delay:-2s}.b2{right:16%;transform:rotate(-33deg);animation-delay:-4s}.b3{left:49%;opacity:.12;transform:rotate(9deg);animation-delay:-1s}@keyframes laser{to{opacity:.08;filter:blur(3px);translate:80px 0}}.scan{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 5px,#aaff0010 6px);opacity:.22}.shell{position:relative;z-index:1;display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:32px 18px 56px}.top{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:3px;color:var(--mint);font-weight:800;text-transform:uppercase;margin-bottom:25px}.dot{height:8px;width:8px;border-radius:100%;background:#9cff0d;box-shadow:0 0 12px #a1ff1d;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.25}}.panel{position:relative;width:min(680px,100%);border:1px solid #8cff3c70;border-radius:22px;padding:46px 42px 38px;text-align:center;background:linear-gradient(145deg,#0d2118ed,#05100de8 60%,#0b1c12e8);box-shadow:0 0 0 1px #153a24 inset,0 0 70px #35ff1321,0 30px 90px #000a;backdrop-filter:blur(16px);overflow:hidden}.panel::before,.panel::after{content:"";position:absolute;width:72px;height:72px;border-color:var(--green);opacity:.9;pointer-events:none}.panel::before{top:10px;left:10px;border-top:2px solid;border-left:2px solid}.panel::after{right:10px;bottom:10px;border-right:2px solid;border-bottom:2px solid}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--mint);text-transform:uppercase;font-weight:900}.holo{width:112px;height:112px;margin:24px auto 18px;position:relative;display:grid;place-items:center;border:2px solid var(--green);border-radius:50%;box-shadow:0 0 25px #66ff1970,inset 0 0 25px #9cff1333;animation:spin 16s linear infinite}.holo::before{content:"";position:absolute;inset:-12px;border:1px dashed #8cff4b88;border-radius:50%}.holo span{font-size:49px;color:#b5ff34;text-shadow:0 0 24px #b5ff34;animation:counterspin 16s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counterspin{to{transform:rotate(-360deg)}}h1{font-size:clamp(34px,6vw,62px);line-height:1.05;margin:18px 0 16px;font-weight:900;letter-spacing:-2px;color:#eaffed;text-shadow:0 0 32px #6bff3040}.neon{color:var(--green);text-shadow:0 0 25px #a0ff3680}.lead{font-size:16px;line-height:1.6;color:#b7d7c1;max-width:480px;margin:0 auto 24px}.rule{height:1px;background:linear-gradient(90deg,transparent,#8aff4388,transparent);margin:26px 0}.status{font-size:11px;letter-spacing:2px;font-weight:bold;color:#90fb9c;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #c9ff55;border-radius:12px;background:linear-gradient(120deg,#b0ff20,#48e92c);color:#071307;padding:18px 28px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;font-size:14px;cursor:pointer;box-shadow:0 0 25px #67ff2c66,0 8px 40px #36ff1740;transition:transform .2s,box-shadow .2s;text-decoration:none}.btn:hover{transform:translateY(-3px);box-shadow:0 0 43px #67ff2cab}.btn:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}.small{margin-top:25px;color:#6a9879;font-size:11px;letter-spacing:1.5px}.results{display:none;animation:appear .7s ease-out both}.results.show{display:block}.intro.hide{display:none}@keyframes appear{from{opacity:0;transform:scale(.92) translateY(22px)}to{opacity:1;transform:scale(1) translateY(0)}}.groupno{font-size:clamp(65px,17vw,116px);font-weight:950;line-height:1;color:var(--green);text-shadow:0 0 35px #93ff20a0,0 0 90px #8aff2950;margin:14px 0}.names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0}.name{border:1px solid #7eff3955;border-radius:11px;background:#173b2559;padding:14px 8px;font-size:14px;font-weight:700;box-shadow:inset 0 0 15px #50ff0b0b;animation:appear .5s ease-out both}.name:last-child:nth-child(odd){grid-column:1/-1}.back{display:inline-block;margin-top:12px;color:#9dff62;text-decoration:none;font-size:13px}.buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.buttons a{padding:17px 10px;text-decoration:none;color:#c9ff9a;font-weight:bold;border:1px solid #72ff4e6b;border-radius:12px;background:#0c2818;transition:.2s}.buttons a:hover{background:#224f2b;box-shadow:0 0 20px #8bff1d55}.hint{font-size:12px;color:#8eaa97;margin-top:23px;line-height:1.6}.footer{color:#6f9b7d;font-size:11px;letter-spacing:2px;margin-top:28px;text-align:center}.flash{position:fixed;inset:0;background:#bdff74;z-index:4;pointer-events:none;animation:flashing .55s ease-out forwards}@keyframes flashing{from{opacity:.9}to{opacity:0}}@media(max-width:520px){.panel{padding:38px 21px 28px}.names{gap:9px}.name{font-size:12.5px;padding:13px 5px}.buttons{grid-template-columns:1fr}.top{font-size:9px;letter-spacing:2px}.eyebrow{letter-spacing:2px}}
