:root{--bg:#070c20;--panel:#101930;--line:#28314c;--pink:#ff65c0;--pink-soft:#ffc1e4;--violet:#74dfff;--muted:#acb2ce;--faint:#7182a4;--gold:#ffe496}
body{background:radial-gradient(ellipse at 8% 15%,#42114155,transparent 45%),radial-gradient(ellipse at 94% 12%,#17394f60,transparent 40%),linear-gradient(180deg,#080d24,#06091b);min-height:100vh}
.ambient-grid{background-image:linear-gradient(#97d9ff05 1px,transparent 1px),linear-gradient(90deg,#97d9ff05 1px,transparent 1px);background-size:60px 60px}
.masthead{border-bottom:1px solid #29415c66;padding-bottom:20px}.brand-emblem{background:linear-gradient(130deg,#ff58b73a,#76dfff20);border-color:#ff83d366}.brand-title{font-style:normal;letter-spacing:-1.7px}.brand-title>span{background:linear-gradient(100deg,#ffd1ea,#ffc96c);background-clip:text;color:transparent}.brand-roman{letter-spacing:1.8px}.brand-eyebrow{color:#80deff}.free-badge{color:#b7f1ec;border-color:#537d7766}
.panel{background:linear-gradient(135deg,#182039c9,#0c1227dd);border-color:#2d3853}.micro{color:#91b4d6}.stat-pair span,.rotation-stat>span{color:#adb7d7}.spec-card{border-color:#30415d}.spec-card dd{color:#f5d4ea}
.cabinet{background:linear-gradient(135deg,#8d407b,#2e3259 32%,#1c4564 62%,#8a3c78);box-shadow:0 0 0 1px #9d88ad77,0 0 60px #ff4fb916,0 20px 55px #0009}.cabinet:before{border-color:#9fc7ea55}.mode-bar{background:linear-gradient(90deg,#17152d,#111a2f)}.mode-tag{color:#80e0ff}.mode-tag.rush{color:#ffe2a1}.board{background:#090d24}.console{background:linear-gradient(120deg,#221b36,#101b31 60%,#22203e)}.stroke-controls{background:#0c1428}.stroke-preset.active{background:#293a53;color:#9ceaff}.handle{background:radial-gradient(circle at 43% 32%,#52748d,#23354b 55%,#121b30);border-color:#42647d;box-shadow:0 0 0 2px #0c1429,0 0 0 3px #5b71878f}.push{background:radial-gradient(circle at 42% 28%,#ffa4d4,#eb479c 45%,#862a68);border-color:#ffb5db}
.lcd{box-shadow:0 0 0 1px #96b6dd55,0 0 25px #ef56c020}.intro{background:linear-gradient(180deg,#0a10265c,#14122ea6 42%,#070c25f2),var(--art) center/cover;justify-content:flex-end;padding-bottom:20px}.intro-kicker{background:#091027b0;padding:4px 8px;border-radius:8px;color:#ffeac6}.intro-logo{line-height:1.1;text-shadow:0 3px 0 #551236,0 0 20px #191331;font-size:clamp(23px,calc(var(--machine-width,480px)*.08),38px);color:#fff0f9}.intro-logo span{display:block;color:#ffc4e5;font-size:1.08em}.intro-roman{color:#ffe9c7;margin-bottom:13px}.start-button{background:linear-gradient(120deg,#ff79c7,#f14aa7);border-color:#ffb0dc;color:#fff7fb}.intro-demo{color:#98e8ff;font-weight:800}
.experience-panel h2{font-weight:950}.experience-panel h2 span{color:#ff9fd1}.effect-card{background:linear-gradient(110deg,#271b3e,#15203a);border-color:#3d3153}.effect-card b{color:#ffe1ef}.effect-card small{color:#bac0d8}.effect-number{color:#71dfff}.all-demo-button{background:#23496730;border-color:#46729288;color:#bbeaff}.log-panel{margin-top:20px}.log-panel li p{color:#c1c8df}.unit-keyvisual{margin:15px 0 0;position:relative;height:136px;border:1px solid #453d68;border-radius:7px;overflow:hidden}.unit-keyvisual img{width:100%;height:100%;object-fit:cover}.unit-keyvisual>span{position:absolute;inset:auto 0 0;background:linear-gradient(0deg,#0a0c26,transparent);padding:20px 12px 10px;font:italic 900 16px Arial;letter-spacing:2px}.unit-keyvisual small{display:block;font:9px sans-serif;letter-spacing:0;margin-top:3px;color:#ffd3ee}.heroine-strip{display:none}.page-footer{border-color:#2a3754;color:#8b99b7}
.hold{border-radius:4px 4px 2px 2px;transform:rotate(-12deg)}.hold.filled{box-shadow:0 0 7px currentColor}.awakening-lamp{white-space:nowrap;color:#6d728d;letter-spacing:-1px}.awakening-lamp.on{color:#ffe295;text-shadow:0 0 12px #ff4cb0}.awakening-lamp span{color:inherit;font:italic 900 .8em Arial}
dialog{background:linear-gradient(140deg,#1c2340,#14162f);border-color:#51436c}.modal-header{border-color:#3a4261}.catalog-entry{background:#151b32;border-color:#363c5b}.effect-filters{background:#1b2240f0}.effect-filters input,.effect-filters select{background:#0d1630;border-color:#3c4c6c}.setting-row{border-color:#35415e}.setting-row select{background:#0b1430;border-color:#405173}.mobile-nav,.mobile-graph-panel{background:#111a32;border-color:#2b3e59}.result-panel{background:linear-gradient(130deg,#3b2441ed,#12233bf5)}.battle-hud{background:#0b1537e8}
@media(max-width:1010px){.unit-keyvisual{display:none}}
@media(max-width:760px){.masthead{padding-bottom:14px;margin-bottom:18px;gap:8px}.brand-title{font-size:clamp(17px,5.4vw,25px);letter-spacing:-1.5px}.brand-eyebrow{font-size:6px;letter-spacing:1.2px}.brand-roman{font-size:6px;letter-spacing:.6px}.brand-emblem{width:30px;min-width:30px}.header-actions{gap:4px}.intro{padding:12px 8px 15px}.intro-logo{font-size:clamp(23px,7vw,33px)}.intro-roman{font-size:6px;letter-spacing:2px;margin:6px 0 11px}.intro-kicker{font-size:8px}.model-number{display:none}}
@media(min-width:761px) and (max-height:700px){.intro-logo{font-size:19px}.intro-roman{font-size:5px;margin:4px 0 7px}.intro{padding-bottom:9px}.masthead{padding-bottom:10px}.unit-keyvisual{height:95px}}
@media(display-mode:standalone){.page-shell{padding-top:calc(17px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}}