:root{--stage-w:800px;--stage-h:600px;--ink:#101018;--paper:#e9f2ff;--panel:#d8e6ff;--panel2:#bcd3ff;--hot:#ff3b7a;--link:#003cff;--border:#3a5aa6}html,body{height:100%;margin:0}body{color:#0b0e16;background:radial-gradient(circle at 30% 20%,#c7fffb 0%,#c7fffb00 35%),radial-gradient(circle at 70% 70%,#ffd3e6 0%,#ffd3e600 40%),linear-gradient(#8fb3ff 0%,#2a3f7a 100%);font-family:Tahoma,Verdana,Arial,sans-serif;overflow-x:hidden}.scanlines:before{content:"";mix-blend-mode:soft-light;pointer-events:none;opacity:.55;background:repeating-linear-gradient(#00000014 0 1px,#fff0 2px 4px);position:fixed;inset:0}.scanlines:after{content:"";opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");animation:2.2s steps(2,end) infinite drift;position:fixed;inset:-50px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(20px,-20px)}}@keyframes flicker-anim{0%{opacity:1}2%{opacity:.97}4%{opacity:1}8%{opacity:.98}10%{opacity:1}20%{opacity:.99}22%{opacity:1}to{opacity:1}}.flicker{animation:3.5s infinite flicker-anim}.wrap{justify-content:center;align-items:center;min-height:100vh;padding:28px 12px;display:flex}.stage{width:var(--stage-w);height:var(--stage-h);background:linear-gradient(180deg,var(--paper)0%,#cfe3ff 100%);border:3px solid var(--border);position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff9,0 10px 30px #00000059}.stage:after{content:"";pointer-events:none;opacity:.4;background:repeating-linear-gradient(0deg,#0000 0,#ffffff08 1px,#0000 2px 3px);animation:.3s linear infinite vhs-tracking;position:absolute;inset:0}@keyframes vhs-tracking{0%{transform:translateY(0)}to{transform:translateY(3px)}}.character-ticker{z-index:5;pointer-events:none;background:#00000005;border-bottom:1px solid #00000014;height:32px;position:absolute;top:0;left:0;right:0;overflow:hidden}.character-ticker-track{align-items:center;height:100%;animation:25s linear infinite ticker-scroll;display:flex}.character-sprite{filter:drop-shadow(0 1px 2px #00000026);flex-shrink:0;margin:0 30px;font-size:24px}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.top{background:linear-gradient(180deg,#fff 0%,var(--panel)100%);border-bottom:2px solid #00000026;align-items:center;gap:10px;margin-top:32px;padding:10px 12px;display:flex}.brand{align-items:center;gap:10px;min-width:220px;display:flex}.logo{width:44px;height:44px;color:var(--hot);background:linear-gradient(#fff 0%,#ffe6f0 100%);border:2px solid #0003;place-items:center;font-weight:800;display:grid;box-shadow:inset 0 0 0 2px #ffffffa6}.brand h1{letter-spacing:.2px;margin:0;font-size:16px;line-height:1.05}.brand .ticker{color:#1b2b57;opacity:.85;font-size:12px}.tabs{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:6px;display:flex}.tab{background:linear-gradient(180deg,#fff 0%,var(--panel2)100%);cursor:pointer;-webkit-user-select:none;user-select:none;color:#102048;border:2px solid #0000002e;border-radius:6px;padding:7px 10px;font-size:12px;text-decoration:none;box-shadow:inset 0 0 0 2px #ffffffb3,0 1px #00000014}.tab:hover{filter:brightness(1.05);transform:translateY(-1px)}.tab:active{filter:brightness(.98);transform:translateY(0)}.tab.active{color:#4b0f26;background:linear-gradient(#fff3f8 0%,#ffc2d8 100%);border-color:#ff3b7a8c}.main{height:calc(var(--stage-h) - 72px);box-sizing:border-box;grid-template-columns:1fr 260px;gap:12px;padding:12px;display:grid}.player{background:#0a0f1f;border:3px solid #0003;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff1f}.player:before{content:"";pointer-events:none;background:radial-gradient(circle at 25% 30%,#ffffff1f,#0000 45%),radial-gradient(circle at 70% 65%,#ff3b7a24,#0000 45%),linear-gradient(#4d80ff2e,#0000);position:absolute;inset:0}.player-inner{box-sizing:border-box;background:linear-gradient(#f4fbff 0%,#cfe3ff 100%);border:2px solid #0000002e;padding:12px;font-size:13px;line-height:1.35;position:absolute;inset:10px;overflow:auto}.sidebar{box-sizing:border-box;background:linear-gradient(#fff 0%,#d6e7ff 100%);border:3px solid #0003;padding:10px;position:relative;box-shadow:inset 0 0 0 2px #fff9}.marquee{white-space:nowrap;background:#fff;border:2px inset #00000040;padding:6px 8px;font-family:Courier New,Courier,monospace;font-size:12px;overflow:hidden}.marquee span{padding-left:100%;animation:12s linear infinite scroll;display:inline-block}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.card{background:#ffffffbf;border:2px solid #00000029;margin-top:10px;padding:10px;box-shadow:inset 0 0 0 2px #ffffff8c}.card h3{letter-spacing:.2px;margin:0 0 8px;font-size:13px}.pill{background:linear-gradient(#fff 0%,#ffd4e5 100%);border:1px solid #0000002e;border-radius:999px;margin-bottom:6px;margin-right:6px;padding:2px 8px;font-size:12px;display:inline-block}a{color:var(--link)}.tiny{opacity:.8;font-size:11px}.loading{z-index:50;color:#fff;background:#000000bf;justify-content:center;align-items:center;font-family:Courier New,monospace;display:flex;position:absolute;inset:0}.loadbox{background:#00000059;border:2px solid #ffffff40;width:420px;padding:16px;box-shadow:inset 0 0 0 2px #ffffff0f}.bar{border:1px solid #ffffff59;height:14px;margin-top:10px;position:relative;overflow:hidden}.bar>i{background:linear-gradient(90deg,#6af0ff,#ff4f86);width:0%;height:100%;animation:1.25s ease-out forwards load;display:block}@keyframes load{to{width:100%}}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.section-title h2{letter-spacing:.3px;margin:0;font-size:14px}.flashbadge{background:linear-gradient(#fff 0%,#e0f0ff 100%);border:1px solid #0000002e;border-radius:999px;padding:2px 8px;font-size:11px}.imgrow{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.imgph{color:#24345f;background:repeating-linear-gradient(45deg,#0000000f 0 8px,#fff0 8px 16px),linear-gradient(#fff 0%,#dbeaff 100%);border:2px solid #0000002e;place-items:center;width:160px;height:110px;font-size:11px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff8c}.footer{background:linear-gradient(#ffffff8c,#ffffff59);border-top:1px solid #0000001a;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.footer .blink{color:#b3003a;font-weight:700;animation:1.1s step-end infinite blink}@media (max-width:860px){.wrap{min-height:100vh;padding:10px}.stage{width:100%;max-width:100vw;height:auto;min-height:500px;transform-origin:unset;margin:0 auto;transform:none}.main{grid-template-columns:1fr;height:auto;min-height:400px}.top{flex-wrap:wrap;gap:6px;margin-top:28px;padding:8px}.brand{gap:6px;min-width:auto}.logo{width:36px;height:36px}.brand h1{font-size:14px}.brand .ticker{font-size:10px}.tabs{justify-content:flex-start;width:100%}.tab{padding:6px 10px;font-size:11px}.player-inner{padding:10px;font-size:12px;inset:8px}.character-ticker{height:28px}.character-sprite{margin:0 20px;font-size:20px}.footer{padding:6px 10px;font-size:10px}.imgrow{gap:8px}.imgph{width:100%;max-width:140px;height:100px}.sidebar{margin-top:10px}}