@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Orbitron:wght@500;750;900&family=Share+Tech+Mono&family=Space+Mono:wght@400;700&display=swap";:root{--bg-darker:#08060f;--bg-dark:#0f0c1b;--bg-card:#1a152ea6;--bg-card-hover:#261e42cc;--accent-neon:#0ff;--accent-neon-dim:#00ffff4d;--accent-sente:#ff4da6;--accent-gote:#0ff;--text-main:#f5f7fa;--text-muted:#8b85b1;--border-neon:#0ff3;--glow-sente:0 0 10px #ff4da699;--glow-gote:0 0 10px #0ff9;--glow-active:0 0 15px #0ffc;--font-display:"Orbitron", "Noto Sans JP", sans-serif;--font-mono:"Share Tech Mono", "Space Mono", monospace;--font-body:"Noto Sans JP", sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:1px}.cyber-mono{letter-spacing:.5px;font-family:var(--font-mono)!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-darker);color:var(--text-main);background-image:radial-gradient(at 0 0,#0d071c 0,#0000 50%),radial-gradient(at 100% 0,#140a30 0,#0000 50%),radial-gradient(at 50% 100%,#1e0c3c99 0,#0000 50%);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff14;border-radius:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#ffffff26}.app-page-wrapper{background-color:#040307;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.pc-side-ad{z-index:15;width:160px;height:600px;margin:24px 16px;display:none;position:sticky;top:24px}@media (width>=1400px){.pc-side-ad{display:block}.app-container{flex-shrink:0}}.app-container{background:#0f0c1bf2;border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;flex-direction:column;align-items:center;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:70px;transition:max-width .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}@media (width>=900px){.app-container{max-width:960px}}.screen{flex-direction:column;flex:1;width:100%;padding:16px;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{font-family:var(--font-display);background:var(--bg-card);color:var(--text-main);cursor:pointer;text-shadow:0 2px 4px #00000080;border:1px solid #ffffff1a;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,#0ff 0%,#07f 100%);border:none;box-shadow:0 0 15px #00ffff4d}.btn-primary:hover{box-shadow:0 0 25px #0ff9}.btn-sente{background:linear-gradient(135deg,#ff4da6 0%,#b30059 100%);border:none;box-shadow:0 0 15px #ff4da64d}.btn-sente:hover{box-shadow:0 0 25px #ff4da699}.btn-secondary{border-color:var(--accent-neon);color:var(--accent-neon);box-shadow:inset 0 0 8px #00ffff1a}.btn-secondary:hover{background:#00ffff1a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}h1{background:linear-gradient(135deg,#fff 0%,#8b85b1 100%);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:1px;-webkit-background-clip:text;margin-bottom:20px;font-size:1.8rem;font-weight:700}h2{margin-bottom:12px;font-size:1.3rem;font-weight:600}.board-container{border:2px solid var(--accent-neon);aspect-ratio:1;background:#00ffff26;border-radius:8px;grid-template-columns:repeat(9,1fr);gap:2px;margin:16px 0;padding:4px;display:grid;position:relative;box-shadow:0 0 20px #00ffff26}.board-container.check-warning{background:#ff555514;border-color:#f55;animation:.4s ease-in-out infinite alternate alarm-shake;box-shadow:0 0 25px #ff555580}@keyframes alarm-shake{0%{transform:scale(1)rotate(.5deg)}to{transform:scale(1)rotate(-.5deg)}}.square{aspect-ratio:1;cursor:pointer;background:#0e0b1ad9;border-radius:2px;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.square:after{content:"";pointer-events:none;border-radius:2px;position:absolute;inset:1px}.square.selected{background:#00ffff40}.square.selected:after{border:1.5px solid var(--accent-neon);box-shadow:inset 0 0 8px var(--accent-neon)}.square.highlight-target{background:#ffeb3b26}.square.highlight-target:after{border:1.5px dashed #ffeb3b}.square.last-move{background:#ffffff14}.square.selectable{background:#00ffff1a}.square.selectable:before{content:"";background:var(--accent-neon);width:8px;height:8px;box-shadow:0 0 6px var(--accent-neon);z-index:2;border-radius:50%}.square.selectable:hover{background:#0ff3}.shogi-piece{cursor:pointer;z-index:10;justify-content:center;align-items:center;width:90%;height:90%;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.shogi-piece.gote{transform:rotate(180deg)}.shogi-piece.gote.moving{transform:rotate(180deg)scale(1.15)}.shogi-piece.moving{z-index:100;transform:scale(1.15)}.piece-svg{filter:drop-shadow(0 2px 4px #00000080);width:100%;height:100%}.piece-svg .piece-base{fill:#151126;stroke-width:1.5px;transition:stroke .2s,fill .2s}.shogi-piece.sente .piece-svg .piece-base{stroke:var(--accent-sente)}.shogi-piece.sente .piece-svg .piece-text{fill:var(--text-main);text-shadow:var(--glow-sente);font-family:Noto Sans JP,sans-serif;font-weight:700}.shogi-piece.gote .piece-svg .piece-base{stroke:var(--accent-gote)}.shogi-piece.gote .piece-svg .piece-text{fill:var(--text-main);text-shadow:var(--glow-gote);font-family:Noto Sans JP,sans-serif;font-weight:700}.shogi-piece.promoted .piece-svg .piece-text{fill:#f33;text-shadow:0 0 10px #f33c}.hand-container{background:#0e0b1a80;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:6px;min-height:48px;padding:8px 12px;display:flex;overflow-x:auto}.hand-piece{cursor:pointer;background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative}.hand-piece:hover{border:1px solid var(--accent-neon-dim);background:#ffffff14}.hand-piece.selected{border:1px solid var(--accent-neon);box-shadow:0 0 10px var(--accent-neon-dim);background:#00ffff26}.hand-count{color:#fff;z-index:11;background:#f55;border-radius:10px;padding:1px 4px;font-size:.65rem;font-weight:700;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 3px #00000080}.speech-bubble{border:1.5px solid var(--accent-neon);background:#00ffff1f;border-radius:16px;margin-bottom:12px;padding:12px 16px;font-size:.85rem;line-height:1.4;animation:4s ease-in-out infinite float-dialog;position:relative;box-shadow:0 0 15px #00ffff0d}.speech-bubble:after{content:"";border-right:1.5px solid var(--accent-neon);border-bottom:1.5px solid var(--accent-neon);background:#0e0b1af2;width:12px;height:12px;position:absolute;bottom:-8px;left:24px;transform:rotate(45deg)}@keyframes float-dialog{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.exp-bar-container{background:#ffffff0d;border:1px solid #ffffff08;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.exp-bar-fill{background:linear-gradient(90deg,#ff4da6,#0ff);height:100%;transition:width .5s ease-out;box-shadow:0 0 8px #00ffff80}.mock-ad-banner{z-index:1000;background:#110f24;border-top:1.5px solid #f05;justify-content:space-between;align-items:center;width:100%;max-width:480px;height:60px;padding:0 12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #ff005526}.mock-ad-content{flex:1;align-items:center;gap:10px;display:flex}.mock-ad-badge{color:#fff;text-transform:uppercase;background:#f05;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.mock-ad-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:.78rem;font-weight:500;overflow:hidden}.mock-ad-desc{color:var(--text-muted);font-size:.65rem}.mock-ad-install-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f05 0%,#a03 100%);border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #ff00554d}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}.half-body-panel{background:var(--bg-card);border:1px solid #ffffff14;border-radius:12px;align-items:flex-end;height:90px;padding:8px 12px;transition:all .3s;display:flex;position:relative;overflow:hidden}.half-body-panel.active{border-color:var(--accent-neon);box-shadow:0 0 10px #00ffff26}.half-body-panel.check-warn{border-color:#f55;animation:.3s infinite alternate mini-shake;box-shadow:0 0 15px #ff55554d}@keyframes mini-shake{0%{transform:translateY(0)rotate(.2deg)}to{transform:translateY(-1px)rotate(-.2deg)}}.half-body-portrait-container{flex-shrink:0;width:75px;height:100%;position:relative;overflow:hidden}.half-body-portrait-container img{object-fit:contain;object-position:bottom center;width:100%;height:100%;position:absolute;bottom:0;left:0}.half-body-portrait-fade{background:linear-gradient(to top, var(--bg-dark) 0%, transparent 100%);pointer-events:none;width:100%;height:45%;position:absolute;bottom:0;left:0}.half-body-portrait-accessory{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.half-body-info{flex-direction:column;flex:1;justify-content:center;min-width:0;height:100%;padding-left:12px;display:flex}.half-body-name-row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.half-body-name{letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.half-body-title{color:var(--accent-neon);font-size:.72rem;font-weight:600}.half-body-bubble{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;background:#0006;border:1px solid #ffffff0d;border-radius:8px;max-width:100%;padding:4px 8px;font-size:.75rem;overflow:hidden}.character-list-row{gap:8px;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.character-list-tab{cursor:pointer;background:var(--bg-card);border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;flex:0 0 80px;align-items:center;gap:4px;padding:8px;transition:all .2s;display:flex}.character-list-tab:hover{background:var(--bg-card-hover)}.character-big-display{flex-direction:column;align-items:center;gap:16px;margin-bottom:16px;padding:20px 16px;display:flex}.character-showcase-portrait{border:2.5px solid var(--accent-neon);background:#0000004d;border-radius:20px;width:180px;height:180px;position:relative;overflow:hidden;box-shadow:0 0 20px #0ff3}.character-showcase-portrait img{object-fit:contain;object-position:bottom center;width:100%;height:100%}.character-showcase-accessory{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.check-cutin-wrapper{z-index:9999;pointer-events:none;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:#08060f40;justify-content:center;align-items:center;width:100%;height:100%;animation:1.5s forwards cutin-bg-fade;display:flex;position:absolute;top:0;left:0;overflow:hidden}.check-cutin-diagonal{aspect-ratio:16/9;background:#06050a;border-top:2px solid #0ff;border-bottom:2px solid #8b00ff;justify-content:center;align-items:center;width:100%;height:auto;max-height:250px;animation:1.4s cubic-bezier(.19,1,.22,1) forwards cutin-slide-in;display:flex;position:relative;overflow:hidden;transform:scaleX(0);box-shadow:0 0 30px #0ff3}.check-cutin-diagonal:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:200%;height:100%;animation:1.4s infinite cutin-shimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.check-cutin-portrait{opacity:0;z-index:5;pointer-events:none;width:240px;height:100%;animation:1.4s cubic-bezier(.19,1,.22,1) .1s forwards cutin-portrait-appear-normal;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-150%)}.check-cutin-portrait.cpu{animation:1.4s cubic-bezier(.19,1,.22,1) .1s forwards cutin-portrait-appear-normal-cpu;transform:translate(150%)}.check-cutin-portrait-img{object-fit:cover;object-position:center 15%;filter:drop-shadow(0 0 15px #ffffff80);width:100%;height:100%}.check-cutin-portrait.cpu .check-cutin-portrait-img{transform:scaleX(-1)}.check-cutin-portrait.custom-cutin{opacity:0;z-index:5;justify-content:center;align-items:center;width:100%;max-width:444px;height:100%;animation:1.4s cubic-bezier(.19,1,.22,1) .1s forwards cutin-portrait-appear-custom;display:flex;bottom:0;left:50%;overflow:visible;transform:translate(-150%)}.check-cutin-portrait.custom-cutin.cpu{animation:1.4s cubic-bezier(.19,1,.22,1) .1s forwards cutin-portrait-appear-custom-cpu;transform:translate(150%)}.check-cutin-portrait.custom-cutin:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#06050a 0%,#06050a00 100%);width:15%;height:100%;position:absolute;top:0;left:-2px}.check-cutin-portrait.custom-cutin:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(270deg,#06050a 0%,#06050a00 100%);width:15%;height:100%;position:absolute;top:0;right:-2px}.check-cutin-portrait.custom-cutin .check-cutin-portrait-img{object-fit:contain;filter:drop-shadow(0 0 15px #0ff6);z-index:1;width:100%;height:auto;max-height:100%;position:relative;transform:none}.check-cutin-portrait.custom-cutin.cpu .check-cutin-portrait-img{transform:none}.check-cutin-content{display:none}@keyframes cutin-bg-fade{0%{background-opacity:0}10%{background:#08060f73}85%{background:#08060f73}to{background:#08060f00}}@keyframes cutin-slide-in{0%{opacity:0;transform:scaleX(0)}15%{opacity:1;transform:scaleX(1.05)}25%{transform:scaleX(1)}85%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes cutin-shimmer{0%{left:-100%}to{left:100%}}@keyframes cutin-portrait-appear-normal{0%{opacity:0;transform:translate(-150%)}18%{opacity:1;transform:translate(-45%)}25%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(150%)}}@keyframes cutin-portrait-appear-normal-cpu{0%{opacity:0;transform:translate(150%)}18%{opacity:1;transform:translate(-55%)}25%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-150%)}}@keyframes cutin-portrait-appear-custom{0%{opacity:0;transform:translate(-150%)}18%{opacity:1;transform:translate(-45%)}25%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(150%)}}@keyframes cutin-portrait-appear-custom-cpu{0%{opacity:0;transform:translate(150%)}18%{opacity:1;transform:translate(-55%)}25%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-150%)}}@keyframes cutin-text-bounce{0%{opacity:0;transform:scale(.5)}80%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.square.highlight-predict{box-shadow:inset 0 0 10px #0ff6;background:#00ffff2e!important}.square.highlight-predict:after{animation:1.2s infinite alternate border-blink;border:2px dotted #0ff!important}@keyframes border-blink{0%{opacity:.4}to{opacity:1}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#08060fd9;justify-content:center;align-items:center;animation:.25s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.modal-content{animation:.3s cubic-bezier(.34,1.56,.64,1) modal-scale-in;box-shadow:0 0 30px #0ff3}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.matchmaking-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#05040af2;justify-content:center;align-items:center;animation:.3s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.matchmaking-card{background:linear-gradient(#140f28e6 0%,#0a0814fa 100%);animation:.3s cubic-bezier(.34,1.56,.64,1) modal-scale-in;box-shadow:0 0 40px #00ffff4d}.cyber-spinner{border:3px solid #00ffff1a;border-top:3px solid var(--accent-neon);border-radius:50%;width:60px;height:60px;margin:20px auto;animation:1s linear infinite spin;box-shadow:0 0 15px #0ff3}.scanner-line{background:linear-gradient(90deg, transparent, var(--accent-neon), transparent);width:100%;height:2px;box-shadow:0 0 10px var(--accent-neon);z-index:5;pointer-events:none;animation:2.5s linear infinite scan-vertical;position:absolute;top:0;left:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scan-vertical{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.skill-activation-overlay{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#08060fe6;justify-content:center;align-items:center;animation:2s forwards skill-overlay-fade;display:flex;position:fixed;inset:0}.skill-activation-overlay.sakura{border:4px solid #ff4da6;box-shadow:inset 0 0 50px #ff4da680}.skill-activation-overlay.kaito{border:4px solid #0ff;box-shadow:inset 0 0 50px #00ffff80}.skill-activation-overlay.mei{border:4px solid #bd93f9;box-shadow:inset 0 0 50px #bd93f980}.skill-activation-overlay.ryuga{border:4px solid #f55;box-shadow:inset 0 0 50px #ff555580}.glitch-wrapper{text-align:center}.glitch-text{letter-spacing:2px;color:#fff;text-transform:uppercase;text-shadow:.05em 0 #ff0000bf,-.025em -.05em #00ff00bf,.025em .05em #0000ffbf;font-size:2.2rem;font-weight:900;animation:.3s infinite glitch-anim;position:relative}.glitch-subtext{color:var(--accent-neon);letter-spacing:4px;text-shadow:0 0 5px var(--accent-neon);margin-top:8px;font-size:.95rem;font-weight:500;animation:.8s infinite alternate blink}@keyframes skill-overlay-fade{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes glitch-anim{0%{text-shadow:.05em 0 #ff0000bf,-.025em -.05em #00ff00bf,.025em .05em #0000ffbf}14%{text-shadow:.05em 0 #ff0000bf,-.025em -.05em #00ff00bf,.025em .05em #0000ffbf}15%{text-shadow:-.05em -.025em #ff0000bf,.025em .025em #00ff00bf,-.05em -.05em #0000ffbf}49%{text-shadow:-.05em -.025em #ff0000bf,.025em .025em #00ff00bf,-.05em -.05em #0000ffbf}50%{text-shadow:.025em .05em #ff0000bf,.05em 0 #00ff00bf,0 -.05em #0000ffbf}99%{text-shadow:.025em .05em #ff0000bf,.05em 0 #00ff00bf,0 -.05em #0000ffbf}to{text-shadow:-.025em 0 #ff0000bf,-.025em -.025em #00ff00bf,-.025em -.05em #0000ffbf}}.hand-container.drop-locked{box-shadow:0 0 15px #ff4da633;border-color:#ff4da666!important}.ofuda-seal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:#08060fb3;border-radius:12px;justify-content:center;align-items:center;animation:.3s ease-out ofuda-fade-in;display:flex;position:absolute;inset:0}.ofuda-talisman{background:#fff5eb;border:2px solid #ff4da6;border-radius:4px;justify-content:center;align-items:center;padding:6px 14px;animation:2s ease-in-out infinite alternate ofuda-float;display:flex;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 0 15px #ff4da6cc,inset 0 0 8px #ff4da64d}.ofuda-talisman:before{content:"";background:repeating-linear-gradient(45deg,#ff4da60d,#ff4da60d 5px,#0000 5px 10px);position:absolute;inset:0}.ofuda-kanji{color:#1a0f18;letter-spacing:2px;text-shadow:0 0 1px #00000080;writing-mode:vertical-rl;text-combine-upright:all;font-family:Outfit,Noto Sans JP,serif;font-size:.85rem;font-weight:900}@keyframes ofuda-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ofuda-float{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-3px)rotate(-1deg)}}.game-layout-wrapper{flex-direction:column;gap:12px;width:100%;display:flex}@media (width>=900px){.game-layout-wrapper{grid-template-columns:500px minmax(0,1fr);align-items:start;gap:28px;width:100%;display:grid}.game-board-column{position:sticky;top:20px}.game-info-column{flex-direction:column;justify-content:flex-start;gap:16px;height:100%;display:flex}.screen:not(.game-screen){width:100%;max-width:500px;margin:0 auto}}.cyber-grid{opacity:.6;pointer-events:none;z-index:1;background-image:linear-gradient(#00ffff0a 1.5px,#0000 1.5px),linear-gradient(90deg,#00ffff0a 1.5px,#0000 1.5px);background-position:50%;background-size:50px 50px;width:100%;height:100%;animation:28s linear infinite grid-scroll;position:absolute;top:0;left:0;transform:perspective(600px)rotateX(60deg)translateY(-200px)translateZ(0)}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 1200px}}.cyber-center-circle{pointer-events:none;z-index:1;border:1px solid #00ffff08;border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cyber-center-circle:before{content:"";border:1.5px dashed #00ffff0a;border-radius:50%;animation:45s linear infinite rotate-clockwise;position:absolute;inset:-20px}.cyber-center-circle:after{content:"";border:1px dashed #ff4da60a;border-radius:50%;animation:30s linear infinite rotate-counter-clockwise;position:absolute;inset:80px}@keyframes rotate-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-counter-clockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.cyber-radar-sweep{pointer-events:none;z-index:1;background:radial-gradient(circle,#00ffff0d 0%,#0000 60%);border:1px solid #00ffff0d;border-radius:50%;width:900px;height:900px;animation:9s ease-in-out infinite radar-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes radar-pulse{0%{opacity:.15;transform:translate(-50%,-50%)scale(.7)}50%{opacity:.6}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}.cyber-datastream{color:#00ffff26;text-shadow:0 0 5px #00ffff59;white-space:pre-wrap;word-break:break-all;pointer-events:none;z-index:2;width:3ch;height:120%;font-family:monospace;font-size:.72rem;line-height:1.25;position:absolute;top:-50px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.stream-left-1{animation:20s linear infinite scroll-data-down;left:4%}.stream-left-2{animation:32s linear -7s infinite scroll-data-down;left:10%}.stream-right-1{animation:24s linear -3s infinite scroll-data-down;right:4%}.stream-right-2{animation:38s linear -11s infinite scroll-data-down;right:10%}@keyframes scroll-data-down{0%{transform:translateY(-30%)}to{transform:translateY(30%)}}.cyber-hud-block{color:#00ffff47;text-shadow:0 0 6px #00ffff38;pointer-events:none;z-index:3;text-transform:uppercase;letter-spacing:1.2px;background:#0d0a1873;border:1px solid #00ffff14;border-radius:6px;padding:8px 12px;font-family:monospace;font-size:.65rem;line-height:1.5;position:absolute}.cyber-hud-block.top-left{border-left:3px solid #ff4da6;top:28px;left:28px}.cyber-hud-block.top-right{text-align:right;border-right:3px solid #0ff;top:28px;right:28px}.cyber-hud-block.bottom-left{border-left:3px solid #0ff;bottom:28px;left:28px}.cyber-hud-block.bottom-right{text-align:right;border-right:3px solid #ff4da6;bottom:28px;right:28px}@media (width<=860px){.cyber-hud-block{display:none}.cyber-datastream{opacity:.25}}.cyber-crt-scanline{pointer-events:none;z-index:10;background:#00ffff08;width:100%;height:4px;animation:6s linear infinite sweep-scanline;position:absolute;top:0;left:0;box-shadow:0 0 8px #00ffff0f}@keyframes sweep-scanline{0%{top:-2%}to{top:102%}}