@import url('https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:wght@400;600;800&display=swap');
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at center,#450000,#070707 70%);color:white;font-family:'Montserrat',sans-serif;overflow:hidden}body.control-mode{overflow:auto;background:radial-gradient(circle at top,#320000,#090909 70%)}#modeSwitch{display:none;position:fixed;top:12px;right:12px;z-index:9999;gap:8px}body.control-mode #modeSwitch{display:flex}#modeSwitch button{width:auto;padding:10px 14px;font-size:13px;margin:0;border-radius:12px}#display{height:100vh;align-items:center;justify-content:center;text-align:center;padding:60px;position:relative;overflow:hidden}.staticNoise{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.055;background-image:repeating-radial-gradient(circle at center,rgba(255,255,255,.18) 0px,transparent 1px,transparent 2px);mix-blend-mode:screen;animation:noiseMove .18s infinite}@keyframes noiseMove{0%{transform:translate(0,0)}20%{transform:translate(-2%,1%)}40%{transform:translate(1%,-1%)}60%{transform:translate(-1%,2%)}80%{transform:translate(2%,-2%)}100%{transform:translate(0,0)}}.crtVignette{position:absolute;inset:0;z-index:7;pointer-events:none;box-shadow:inset 0 0 190px rgba(0,0,0,.88)}#display.glitch-transition{animation:screenGlitch .65s ease-in-out}@keyframes screenGlitch{0%{filter:none;transform:translate(0);opacity:1}18%{filter:contrast(1.8) brightness(1.25);transform:translate(-6px,2px)}32%{filter:contrast(2) brightness(1.35) saturate(1.4);transform:translate(5px,-2px)}48%{filter:grayscale(.25) contrast(1.7);transform:translate(-3px,1px);opacity:.85}62%{filter:brightness(1.5) contrast(1.8);transform:translate(4px,0)}100%{filter:none;transform:translate(0);opacity:1}}.cinemaFlash{animation:cinemaFlash .25s infinite}@keyframes cinemaFlash{0%{filter:brightness(1) contrast(1)}50%{filter:brightness(1.7) contrast(1.5)}100%{filter:brightness(1) contrast(1)}}.rgbShift{animation:rgbShift .24s infinite alternate}@keyframes rgbShift{0%{text-shadow:2px 0 red,-2px 0 cyan,0 0 25px rgba(255,0,0,.7)}100%{text-shadow:-2px 0 red,2px 0 cyan,0 0 38px rgba(255,0,0,.9)}}.scanLine{position:absolute;width:100%;height:4px;background:red;box-shadow:0 0 35px red;top:0;left:0;z-index:10;animation:scanMove 2.7s linear infinite}@keyframes scanMove{0%{top:0%;opacity:.2}50%{opacity:1}100%{top:100%;opacity:.2}}.hackerLine{font-family:monospace;font-size:34px;color:#ff2b2b;text-shadow:0 0 20px red;margin:16px 0;letter-spacing:2px}.content{position:relative;z-index:8;max-width:1300px}.logo{font-family:'Anton',sans-serif;font-size:clamp(64px,8vw,130px);letter-spacing:6px;color:#ff1b1b;text-shadow:0 0 35px red;margin-bottom:20px}.subtitle{font-size:clamp(22px,2.5vw,34px);letter-spacing:2px;opacity:.9}.big{font-family:'Anton',sans-serif;font-size:clamp(110px,13vw,210px);color:white;text-shadow:0 0 45px red}.card{margin-top:35px;padding:45px;border-radius:30px;background:rgba(0,0,0,.65);border:2px solid rgba(255,0,0,.7);box-shadow:0 0 38px rgba(255,0,0,.34);font-size:clamp(28px,3.4vw,50px);line-height:1.25;font-weight:600}.type{font-family:'Anton',sans-serif;font-size:clamp(70px,8vw,110px);color:#ff1b1b;text-shadow:0 0 35px red}.timer{font-family:'Anton',sans-serif;font-size:clamp(120px,14vw,210px);color:white;text-shadow:0 0 50px red}.wheel{width:clamp(280px,34vw,430px);height:clamp(280px,34vw,430px);margin:20px auto;border-radius:50%;border:6px solid rgba(255,0,0,.72);box-shadow:0 0 20px rgba(255,0,0,.35),inset 0 0 15px rgba(255,0,0,.2);background:conic-gradient(from 0deg,#b00000 0deg 90deg,#090909 90deg 180deg,#b00000 180deg 270deg,#090909 270deg 360deg);display:flex;justify-content:center;align-items:center;animation:wheelSpin 12s linear infinite}.wheelText{font-family:'Anton',sans-serif;font-size:clamp(44px,5vw,70px);color:white;text-shadow:0 0 30px red}@keyframes wheelSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.ambientText{position:absolute;bottom:25px;left:0;width:100%;font-size:22px;opacity:.18;letter-spacing:4px;z-index:4;animation:ambientMove 24s linear infinite}@keyframes ambientMove{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.success{color:#00ff99;text-shadow:0 0 35px #00ff99}.fail{color:#ff3333;text-shadow:0 0 35px red}.displayBrand{position:absolute;z-index:9;bottom:20px;padding:10px 14px;border:1px solid rgba(255,0,0,.45);border-radius:14px;background:rgba(0,0,0,.35);font-family:'Anton',sans-serif;letter-spacing:2px;font-size:22px;color:#fff;text-shadow:0 0 18px red}.displayBrandLeft{left:24px}.displayBrandRight{right:24px}#control{min-height:100vh;padding:80px 18px 30px;background:radial-gradient(circle at top,rgba(160,0,0,.35),transparent 45%),#090909}.panel{width:min(100%,680px);margin:0 auto;background:rgba(18,18,18,.96);border:1px solid rgba(255,0,0,.55);border-radius:24px;padding:24px;box-shadow:0 0 35px rgba(255,0,0,.25)}.panel h1{margin:0 0 18px;color:#ff2b2b;font-family:'Anton',sans-serif;letter-spacing:2px;font-size:42px}.panel h3{margin:18px 0 10px;color:#fff;letter-spacing:1px}button,input,select,textarea{width:100%;min-height:52px;padding:15px;margin:7px 0;border:none;border-radius:14px;font-size:16px;font-family:'Montserrat',sans-serif;outline:none}button{background:linear-gradient(135deg,#b00000,#690000);color:white;font-weight:800;cursor:pointer;box-shadow:0 0 16px rgba(255,0,0,.18)}button:hover{background:linear-gradient(135deg,#ff1b1b,#8a0000)}input,select,textarea{background:#f5f5f5;color:#111;font-weight:700}textarea{min-height:86px;resize:vertical;line-height:1.35}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:22px 0}.previewBox{background:#0d0d0d;border:1px solid rgba(255,0,0,.42);border-radius:14px;padding:16px;margin:10px 0 12px;min-height:105px;box-shadow:inset 0 0 18px rgba(255,0,0,.08)}.previewTitle{font-weight:900;color:#ff2b2b;letter-spacing:2px;margin-bottom:9px;text-transform:uppercase}.previewText{font-size:17px;line-height:1.35}.previewHint{font-size:13px;opacity:.72;margin-top:10px}.statusText{min-height:18px;opacity:.85;font-size:14px}#historyBox{font-size:13px;opacity:.95;line-height:1.5;max-height:220px;overflow:auto;background:#0d0d0d;padding:12px;border-radius:12px;border:1px solid rgba(255,0,0,.25)}.historyItem{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.historyItem:last-child{border-bottom:0}@media (max-width:600px){#control{padding-top:70px}.panel{padding:18px}.panel h1{font-size:34px}.row{grid-template-columns:1fr}#modeSwitch{left:12px;right:12px}#modeSwitch button{flex:1}.displayBrand{font-size:14px;bottom:12px}.displayBrandLeft{left:10px}.displayBrandRight{right:10px}}