:root{--bg-deep:#060818;--bg:#0b1026;--ink:#f4f1ff;--ink-dim:#a9a6c8;--ink-faint:#6b6890;--gold:#ffcb3d;--gold-hi:#fff0a8;--gold-deep:#c9820b;--cyan:#7cf4ff;--cyan-deep:#1d8fb8;--magenta:#ff5ac8;--red:#ff4a5a;--green:#5cff9d;--violet:#8f6fff;--panel:#0a0d22d1;--panel-edge:#7cf4ff40;--display:"Lilita One", "Arial Black", sans-serif;--body:"Nunito", "Segoe UI", sans-serif;--cut:18px;font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{background:var(--bg-deep);-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}img{-webkit-user-drag:none}input,textarea{font:inherit;-webkit-user-select:text;user-select:text}.viewport{background:radial-gradient(at 50% 40%,#1a1f4a 0%,#070918 70%);position:fixed;inset:0;overflow:hidden}.stage{transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:50%;left:50%}.screen{position:absolute;inset:0}.display{font-family:var(--display);letter-spacing:.02em;font-weight:400}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--cyan);font-size:14px;font-weight:900}.screen-title{font-family:var(--display);text-shadow:0 4px #0006,0 0 40px #7cf4ff40;margin:0;font-size:64px;line-height:1}.dim{color:var(--ink-dim)}.btn{--c1:#3a4a8f;--c2:#1e2858;--edge:#7c8cff;--txt:var(--ink);cursor:pointer;font-family:var(--display);letter-spacing:.04em;color:var(--txt);background:linear-gradient(180deg, var(--c1), var(--c2));clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);filter:drop-shadow(0 6px #00000059);text-shadow:0 2px #00000059;border:0;padding:14px 34px;font-size:24px;transition:transform .12s,filter .12s;position:relative}.btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff47,#0000 45%);position:absolute;inset:0}.btn:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:40%;transition:left .45s;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.btn:hover{filter:drop-shadow(0 8px #00000059)brightness(1.1);transform:translateY(-2px)scale(1.02)}.btn:hover:after{left:130%}.btn:active{filter:drop-shadow(0 2px #00000059);transform:translateY(3px)scale(.98)}.btn:disabled{filter:grayscale(.9)brightness(.6);cursor:not-allowed;transform:none}.btn.gold{--c1:#ffe36a;--c2:#f0a51c;--txt:#3a1c00;text-shadow:0 1px #fff9}.btn.cyan{--c1:#6fe6ff;--c2:#1d8fb8;--txt:#02263a;text-shadow:0 1px #ffffff80}.btn.red{--c1:#ff7a7a;--c2:#b3161d}.btn.green{--c1:#7dffb5;--c2:#1d9a55;--txt:#03301a;text-shadow:none}.btn.ghost{--c1:#ffffff1f;--c2:#ffffff0a}.btn.small{--cut:12px;padding:10px 24px;font-size:18px}.btn.tiny{--cut:9px;padding:7px 16px;font-size:15px}.icon-btn{cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#ffffff14;border:0;place-items:center;width:56px;height:56px;font-size:26px;transition:background .15s,transform .1s;display:grid}.icon-btn:hover{background:#7cf4ff38;transform:scale(1.06)}.icon-btn:active{transform:scale(.94)}.plate{background:var(--panel);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));position:relative}.plate:before{content:"";pointer-events:none;background:linear-gradient(135deg,#7cf4ff24,#0000 30% 70%,#ff5ac81a);position:absolute;inset:0}.plate-edge{box-shadow:inset 0 0 0 2px var(--panel-edge)}.chip{letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#ffffff1a;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:900;display:inline-flex}.scroll{scrollbar-width:thin;scrollbar-color:#7cf4ff66 transparent;overflow:hidden auto}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:#7cf4ff59}.field{color:var(--ink);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:#00000059;border:2px solid #7cf4ff40;outline:none;padding:12px 16px;font-size:18px;font-weight:800}.field:focus{border-color:var(--cyan);background:#00000080}.card3d{aspect-ratio:5/7;perspective:900px;position:relative}.card3d .inner{transform-style:preserve-3d;border-radius:5.2%/3.7%;transition:transform .18s ease-out,box-shadow .2s;position:absolute;inset:0;box-shadow:0 10px 24px #00000080}.card3d img{border-radius:5.2%/3.7%;width:100%;height:100%;display:block}.card3d .shine{pointer-events:none;mix-blend-mode:color-dodge;opacity:0;background:linear-gradient(115deg,#0000 20%,#ff78dc8c 36%,#78dcff8c 44%,#fffa968c 52%,#78ffaa80 60%,#0000 76%) 0 0/250% 250%;background-position:var(--mx,50%) var(--my,50%);border-radius:5.2%/3.7%;transition:opacity .2s;position:absolute;inset:0}.card3d .glare{pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff80, transparent 45%);mix-blend-mode:overlay;border-radius:5.2%/3.7%;transition:opacity .2s;position:absolute;inset:0}.card3d.holo .shine{opacity:.35}.card3d:hover .glare{opacity:1}.card3d.holo:hover .shine{opacity:.85}.card3d .ph{background:linear-gradient(135deg,#1b2350,#0c1030);border-radius:5.2%/3.7%;position:absolute;inset:0;overflow:hidden}.card3d .ph:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff14 50%,#0000 70%);animation:1.2s infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmerText{0%{background-position:0%}to{background-position:200%}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:50ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.gold-text{background:linear-gradient(90deg,#fff0a8,#ffcb3d,#fff6d0,#f0a51c,#fff0a8) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmerText}.badge-new{background:var(--magenta);color:#fff;letter-spacing:.1em;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);z-index:3;box-shadow:0 0 12px var(--magenta);padding:2px 8px;font-size:12px;font-weight:900;position:absolute;top:-6px;right:-6px}.dot-alert{background:var(--red);width:16px;height:16px;box-shadow:0 0 0 3px #0b1026, 0 0 12px var(--red);border-radius:50%;position:absolute;top:4px;right:4px}.large-text{font-size:110%}