:root{color-scheme:dark;--bg:#0d0918;--panel:#171021;--line:#302339;--pink:#ff4db5;--pink-soft:#ff9bd7;--violet:#a788ff;--white:#f8edf7;--muted:#a091ae;--faint:#665570;--gold:#ffe5a0;--font:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;--art:url('assets/key-visual.webp');--portraits:url('assets/portraits.webp')}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--white);font-family:var(--font);font-size:14px;background:radial-gradient(ellipse at 50% 35%,#34133155,transparent 65%),radial-gradient(ellipse at 0% 0%,#22183c80,transparent 40%);overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ffb5e0;outline-offset:5px}button{transition:filter .15s,background .15s,transform .15s}button:not(:disabled):hover{filter:brightness(1.2)}button:not(:disabled):active{transform:scale(.97)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}button svg{pointer-events:none}.ambient-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ff8bdd03 1px,transparent 1px),linear-gradient(90deg,#ff8bdd03 1px,transparent 1px);background-size:44px 44px}.page-shell{max-width:1120px;margin:auto;padding:28px 28px 0}.masthead{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.brand{color:inherit;text-decoration:none;display:flex;gap:15px;align-items:center}.brand-emblem{width:52px;height:64px;color:var(--pink);display:grid;place-items:center;border:1px solid #ff4db540;background:linear-gradient(160deg,#ff4db514,#a788ff04);clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%)}.brand-emblem svg{width:39px;height:39px;stroke-width:1;fill:#ff4db527;filter:drop-shadow(0 0 8px #ff4db568)}.brand-type{display:flex;flex-direction:column}.brand-eyebrow{font-size:8px;letter-spacing:3px;font-weight:700;color:var(--pink-soft);margin-bottom:6px}.brand-title{font-size:32px;font-weight:950;letter-spacing:-1.2px;line-height:1.25;font-style:italic}.brand-title small{font-size:16px;color:var(--pink);margin-right:6px}.brand-title>span{color:var(--pink-soft)}.brand-roman{font-size:9px;letter-spacing:2px;margin-top:6px;color:var(--muted)}.brand-roman i{margin:0 9px;color:var(--pink);font-style:normal}.header-actions{display:flex;gap:10px;align-items:center}.free-badge{border:1px solid #66537466;border-radius:3px;padding:7px 9px;font-size:9px;letter-spacing:1.6px;color:#c4adc9;display:flex;align-items:center;gap:7px;margin-right:8px}.free-badge i{width:5px;height:5px;border-radius:50%;background:#a7eece;box-shadow:0 0 9px #75ddac60}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:5px;background:#191020;display:grid;place-items:center;font-size:24px}.icon-button svg{width:18px;height:18px;color:#cbb5d2}.icon-button.muted{color:var(--faint);opacity:.55}.arcade{display:grid;grid-template-columns:minmax(170px,190px) minmax(0,480px) minmax(210px,230px);align-items:start;justify-content:center;gap:24px}.left-rail,.right-rail{padding-top:8px}.panel{background:linear-gradient(160deg,#1b1326,#130e1c);border:1px solid var(--line);border-radius:8px;padding:20px 18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.micro{font-family:Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;color:#b7a0c0}.live-dot{font-size:8px;letter-spacing:1px;display:flex;gap:5px;align-items:center;color:#d6acd4}.live-dot:before{content:'';width:4px;height:4px;background:var(--pink);border-radius:100%;box-shadow:0 0 7px #ff4db5}.rotation-stat{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;padding-bottom:21px}.rotation-stat>span{width:100%;font-size:11px;color:var(--muted);margin-bottom:2px}.rotation-stat strong{font-size:58px;line-height:1;font-family:Arial,sans-serif;letter-spacing:-3px;font-weight:700}.rotation-stat small{font-size:9px;letter-spacing:1.2px;color:var(--faint)}.stat-pair{display:grid;grid-template-columns:1fr 1fr;padding:16px 0;border-top:1px solid var(--line)}.stat-pair>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px}.stat-pair>div+div{padding-left:15px;border-left:1px solid var(--line)}.stat-pair span{width:100%;font-size:10px;color:var(--muted);margin-bottom:9px}.stat-pair b{font-family:Arial,sans-serif;font-size:26px;font-weight:500;line-height:1}.stat-pair small{color:var(--faint);font-size:10px}.pink{color:var(--pink-soft)}.prize-stat{padding:17px 0;border-top:1px solid var(--line);display:flex;gap:7px;flex-wrap:wrap;align-items:baseline}.prize-stat span{width:100%;font-size:10px;color:var(--muted);margin-bottom:3px}.prize-stat b{color:var(--gold);font-family:Arial,sans-serif;font-weight:500;font-size:30px}.prize-stat small{font-size:10px;color:#b9a57b}.graph-heading{border-top:1px solid var(--line);padding-top:19px;font-size:10px;display:flex;justify-content:space-between;color:var(--muted);margin-bottom:7px}.graph-heading span+span{font-family:Arial,sans-serif;color:#e29cc4}#graph{display:block;width:100%;height:100px}.text-button{padding:10px 0 0;font-size:10px;display:flex;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid var(--line);color:#ae99b8}.text-button span{color:var(--pink-soft)}.spec-card{margin-top:18px;padding:0 10px}.spec-card dl{font-size:11px;margin:13px 0 10px}.spec-card dl>div{display:flex;justify-content:space-between;margin:9px 0}.spec-card dt{color:var(--muted)}.spec-card dd{margin:0;color:#e6d7ee;font-family:Arial,sans-serif}.spec-card dd b{font-size:13px;font-weight:500}.spec-card p{font-size:9px;line-height:1.7;color:var(--faint);margin:0}.catalog-button{width:100%;margin-top:19px;padding:14px 12px;border:1px solid var(--line);border-radius:6px;background:#16101f;display:flex;align-items:center;gap:12px;text-align:left;font-size:11px}.catalog-button svg{width:21px;height:21px;color:var(--violet)}.catalog-button>span{display:flex;flex-direction:column;gap:5px}.catalog-button small{font-size:8px;color:var(--faint);letter-spacing:1px}.catalog-button small b{color:var(--muted);margin-left:8px;font-weight:400}.catalog-button>span:last-child{margin-left:auto;color:var(--pink)}
.cabinet{position:relative;isolation:isolate;border:1px solid #906288;border-radius:20px 20px 14px 14px;background:linear-gradient(125deg,#542043,#1a102b 28%,#33122d 65%,#5c244a);padding:6px;box-shadow:0 0 0 3px #16101e,0 0 0 4px #40223e,0 22px 90px #0007,0 0 45px #ff35a31a;overflow:visible}.cabinet:before{content:'';position:absolute;inset:3px;border-radius:17px 17px 12px 12px;border:1px solid #ffb9ea1c;pointer-events:none;z-index:4}.cabinet-crown{height:23px;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--pink);position:relative;margin-top:-15px;z-index:6}.cabinet-crown svg{fill:#ff4db528;width:35px;height:35px;filter:drop-shadow(0 0 9px #ff4db566);background:#281227;border-radius:50%;padding:2px}.cabinet-crown span{height:1px;width:26%;background:linear-gradient(90deg,transparent,#bb71a3);transform:rotate(-3deg)}.cabinet-crown span:last-child{transform:rotate(3deg);background:linear-gradient(90deg,#bb71a3,transparent)}.mode-bar{height:38px;display:flex;align-items:center;gap:9px;margin:3px 5px 0;padding:0 7px;border:1px solid #75516c50;background:#180e23b3;border-radius:7px 7px 0 0}.mode-tag{font-size:9px;letter-spacing:.5px;border:1px solid #77718555;color:#c8bad3;padding:4px 6px;border-radius:2px;background:#a795bf08;white-space:nowrap}.mode-tag.rush{color:#ffd89c;background:#ff9f281b;border-color:#ffa64480;box-shadow:0 0 12px #ffae3620}.stage-name{font-size:10px;letter-spacing:1px;color:#a889ad}.model-number{font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;color:#825c83;margin-left:auto}.rush-remaining{font-size:9px;margin-left:auto;color:var(--gold)}.rush-remaining b{font-size:16px}.board{position:relative;width:100%;aspect-ratio:600 / 875;border:1px solid #704568;border-top:0;border-radius:0 0 35% 35% / 0 0 14% 14%;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#3e1940,#150e25 70%)}#balls{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.lcd{position:absolute;left:15.625%;right:auto;top:10.85714%;width:68.75%;height:auto;aspect-ratio:480 / 432;border:2px solid #e48fc7;border-radius:8px;overflow:hidden;background:#170b2b;box-shadow:0 0 0 5px #1a0b26,0 0 0 6px #724166,0 0 25px #e549a349;isolation:isolate}#reels{width:100%;height:100%;display:block;position:absolute;inset:0}.screen-label{position:absolute;left:12px;right:12px;top:10px;display:flex;justify-content:space-between;font:7px Arial,sans-serif;letter-spacing:1.6px;color:#fbccedb0;pointer-events:none;z-index:2}.screen-corners{position:absolute;inset:4px;pointer-events:none;z-index:9}.screen-corners i{position:absolute;width:16px;height:16px;border-color:#ffbded80;border-style:solid;border-width:0}.screen-corners i:nth-child(1){top:0;left:0;border-left-width:1px;border-top-width:1px}.screen-corners i:nth-child(2){top:0;right:0;border-right-width:1px;border-top-width:1px}.screen-corners i:nth-child(3){bottom:0;left:0;border-left-width:1px;border-bottom-width:1px}.screen-corners i:nth-child(4){bottom:0;right:0;border-right-width:1px;border-bottom-width:1px}.intro{position:absolute;inset:0;z-index:8;background:linear-gradient(0deg,#190c2de8 0%,#170b26b3 35%,#180b2270 75%),var(--art) center 35%/cover;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:14px 14px 19px;text-align:center}.intro-kicker{font-size:10px;letter-spacing:1px;text-shadow:0 1px 9px black;margin-bottom:5px}.intro-logo{font-weight:1000;font-style:italic;font-size:clamp(22px,3.5vw,47px);line-height:1.06;letter-spacing:-1.5px;filter:drop-shadow(0 2px 1px #39133a);text-shadow:0 0 15px #fc3cac30}.intro-logo>span{display:block;font-size:1.12em;color:#ffe4f4}.intro-roman{font:7px Arial,sans-serif;letter-spacing:5px;color:#e89fcc;margin:8px 0 18px}.start-button{border:1px solid #ff97d9;color:white;background:linear-gradient(135deg,#ce2c8d,#882a9d);padding:11px 16px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;border-radius:4px;box-shadow:0 0 22px #fb45a530}.start-button svg{width:15px;height:15px;fill:#fff1}.start-button>span{font-size:8px;margin-left:12px}.intro-demo{font-size:9px;background:none;border:0;color:#ead3f4;padding:12px 5px 7px}.intro>small{font-size:7px;color:#bfa4c8}.demo-badge{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#ffc9ec;font-size:8px;background:#321930df;border:1px solid #ae568c66;padding:4px 8px;border-radius:3px;z-index:15}.neck{position:absolute;top:68.2%;left:44%;width:12%;height:5%;display:flex;align-items:center;flex-direction:column;color:#ffd6f1;pointer-events:none}.neck span{font:7px Arial,sans-serif;letter-spacing:2px}.neck i{height:8px;width:26px;border:1px solid #b772a2;border-top:0;background:#090411;box-shadow:0 0 10px #ff4da557;border-radius:0 0 5px 5px;margin-top:3px}.hold-strip{position:absolute;left:15.625%;right:15.625%;top:53.2857%;bottom:auto;height:4.42857%;display:flex;align-items:center;gap:9px;background:linear-gradient(0deg,#180c24e8,#351832b0);border:1px solid #bc64a45e;box-shadow:0 0 0 3px #11071a70;border-radius:4px;padding:0 9px}.hold-strip>span:first-child{font-size:9px;color:#bd9abb;display:flex;gap:3px;flex-direction:column}.hold-strip small{font:7px Arial,sans-serif;color:#7e6280;white-space:nowrap}.holds{display:flex;gap:4px;align-items:center;flex:1}.hold{width:16px;height:16px;flex:none;background:#48324d;clip-path:polygon(50% 0,90% 26%,90% 73%,50% 100%,10% 73%,10% 26%);position:relative;filter:drop-shadow(0 0 4px #aaa);opacity:.45}.hold.filled{opacity:1;background:linear-gradient(135deg,#f4d5f4,#817395)}.hold.blue{background:linear-gradient(135deg,#ecfcff,#2aa5ff)}.hold.purple{background:linear-gradient(135deg,#eee2ff,#ac52ff)}.hold.red{background:linear-gradient(135deg,#fff0ed,#ff2753)}.hold.rainbow{background:conic-gradient(#ff4c7c,#ffff90,#5dffcb,#669aff,#ff7df1,#ff4c7c);animation:hue 1s linear infinite}.awakening-lamp{color:#6c4b67;font-size:12px;letter-spacing:-1px;font-weight:1000;margin-left:auto;white-space:nowrap}.awakening-lamp>span{color:#80607a}.awakening-lamp.on,.awakening-lamp.on>span{color:#ffe7a5;text-shadow:0 0 12px #ffce68,0 0 22px #ff729b}.console{display:flex;align-items:center;justify-content:space-between;position:relative;height:117px;padding:4px 27px;border-top:1px solid #76516d6b;margin-top:-1px;background:linear-gradient(160deg,#3d1c39aa,#160c21 60%,#30172f);border-radius:9px 9px 3px 3px}.tray{display:flex;flex-direction:column;gap:6px;min-width:105px}.tray>.micro{font-size:9px;letter-spacing:1px;color:#b992b9}.tray>strong{font-family:Arial,sans-serif;font-size:25px;letter-spacing:.5px;font-weight:500;color:#fae9f4}.tray>strong>small{font-family:var(--font);font-size:9px;color:#b592b3;margin-left:6px}.lend-button{font-size:9px;display:flex;justify-content:space-between;gap:8px;color:#bda0bf;background:#241329;border:1px solid #8f548758;padding:6px 8px;border-radius:3px}.lend-button span{color:#ebc4e4;font:9px Arial,sans-serif}.push-cradle{position:absolute;left:50%;transform:translateX(-50%);top:6px;display:flex;flex-direction:column;align-items:center}.push-caption{font-size:8px;color:#b896b9;margin-bottom:4px;letter-spacing:1px}.push{width:85px;height:85px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:4px solid #6e4569;background:radial-gradient(ellipse at 35% 20%,#6c3d63,#3b1c40 60%,#180b21);box-shadow:0 0 0 3px #201028,0 0 0 4px #a8699a30,inset 0 -8px 10px #0005;transform:none!important}.push>span{font-size:27px;color:#7d577c;line-height:1}.push>b{font:700 13px Arial,sans-serif;letter-spacing:2px;color:#9f72a0}.push.ready{border-color:#ffdca9;background:radial-gradient(ellipse at 35% 20%,#ffd7f0,#f64aad 45%,#80288a 80%);box-shadow:0 0 0 3px #71345c,0 0 25px #ff39b0,0 0 50px #fe4fad6b;animation:push-pulse .6s ease-in-out infinite alternate}.push.ready>span{color:#fff2b5;text-shadow:0 0 10px white}.push.ready>b{color:white;text-shadow:0 1px 2px #6f155c}.handle-cradle{display:flex;align-items:center;flex-direction:column;gap:4px}.handle{width:85px;height:85px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:50%;background:radial-gradient(ellipse at 40% 25%,#44364f,#1c1029 70%);border:5px solid #55425e;box-shadow:0 0 0 2px #180b24,0 0 0 3px #8a6c8b60,inset 0 0 0 1px #8f659d5c,inset 0 -7px 10px #0007;touch-action:none;user-select:none}.handle span{font-weight:700;font-size:13px;letter-spacing:2px}.handle small{font:5px Arial,sans-serif;letter-spacing:.6px;color:#af8cbb}.handle-mark{position:absolute;top:6px;left:36px;width:3px;height:9px;border-radius:1px;background:#c69fc7}.handle.firing{border-color:#ba5898;box-shadow:0 0 0 2px #1f0b23,0 0 0 3px #c14d98,0 0 25px #fb379f55;animation:handle-glow 2s ease-in-out infinite alternate}.handle-cradle>span{font-size:8px;color:#ab809f;letter-spacing:1px}.stroke-controls{height:34px;display:flex;align-items:center;gap:7px;background:#180e21;border-top:1px solid #62385663;padding:0 12px;border-radius:0 0 8px 8px;color:#7f627e;font-size:8px}.stroke-preset{font-size:8px;white-space:nowrap;background:none;border:1px solid #503347;padding:3px 5px;border-radius:2px;color:#8a6888}.stroke-preset.active{color:#e8b5d8;border-color:#a35c9066;background:#8b39651b}.stroke-controls input{flex:1;width:30px;height:2px;accent-color:var(--pink)}.speed-button{margin-left:6px;white-space:nowrap;background:#382039;border:1px solid #81507266;border-radius:3px;font:10px Arial,sans-serif;color:#e4b6d8;padding:4px 6px}.speed-button small{font-size:7px;color:#9e7696;margin-left:4px}.machine-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px 4px;color:#997c9e;font-size:9px}.machine-footer>span{display:flex;align-items:center;gap:7px}.pink-dot{width:4px;height:4px;border-radius:50%;background:var(--pink);box-shadow:0 0 6px #ff4db540;flex:none}.machine-footer button{font-size:8px;color:#c794b8;border:0;background:none;white-space:nowrap}.machine-footer button:disabled{opacity:.3}.mobile-nav{display:none}
.experience-panel{padding:14px 8px 0}.experience-panel .panel-heading{margin-bottom:20px}.experience-panel .micro{color:#c2a5c6;font-size:8px}.experience-panel .panel-heading svg{width:14px;height:14px;color:var(--pink)}.experience-panel h2{font-size:27px;line-height:1.5;letter-spacing:1px;margin:0 0 9px;font-weight:900}.experience-panel h2 span{color:var(--pink-soft)}.experience-panel>p{font-size:10px;color:var(--muted);margin:0 0 25px}.effect-card{width:100%;display:flex;align-items:center;text-align:left;gap:11px;border:1px solid #6c3b625e;background:linear-gradient(135deg,#4b1a3730,#1a101f);border-radius:6px;padding:16px 12px;position:relative;overflow:hidden;margin-bottom:10px}.effect-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:var(--portraits) 0% 0%/300% 300%;opacity:.09;mask-image:linear-gradient(90deg,transparent,#000)}.effect-card>span,.effect-card>i{position:relative}.effect-number{font:10px Arial,sans-serif;color:#d785b0;align-self:flex-start;padding-top:2px}.effect-card>span:nth-child(2){display:flex;flex-direction:column;gap:6px}.effect-card b{font-size:11px;font-weight:600;color:#efcde4;white-space:nowrap}.effect-card small{font-size:8px;color:#927387;white-space:nowrap}.effect-card i{font-style:normal;font-size:12px;color:#cf85ae;margin-left:auto}.unison-card{border-color:#67508655;background:linear-gradient(135deg,#38274745,#1a101f)}.unison-card:before{background-position:50% 0%}.unison-card .effect-number,.unison-card>i{color:#b29bd4}.revival-card{border-color:#76634750;background:linear-gradient(135deg,#4c352732,#1a101f)}.revival-card:before{background-position:100% 100%}.revival-card .effect-number,.revival-card>i{color:#c4a476}.demo-note{font-size:8px;color:#705b77;display:block;margin-top:12px;line-height:1.6}.log-panel{margin-top:26px;padding:17px 16px}.log-panel .panel-heading{margin-bottom:16px}.tiny-star{font-size:12px;color:#b581b0}.log-panel ul{list-style:none;padding:0;margin:0;min-height:85px}.log-panel li{padding:10px 0;border-top:1px solid #37243c90}.log-panel li:first-child{border:0;padding-top:0}.log-time{color:#6e557b;font:8px Arial,sans-serif;letter-spacing:1px}.log-panel li p{font-size:10px;line-height:1.7;color:#b897b8;margin:4px 0 0}.log-panel li.hot p{color:#f1b3d9}.heroine-strip{margin-top:23px;padding:0 8px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}.portrait{width:42px;height:42px;border-radius:50%;background-image:var(--portraits);background-size:300% 300%;border:1px solid #b25b9660;display:block;background-color:#2d163e}.portrait-1{background-position:0% 0%}.portrait-2{background-position:50% 0%;border-color:#66bde255}.portrait-7{background-position:0% 100%;border-color:#c89cf255}.heroine-strip>div{width:100%;display:flex;flex-direction:column;gap:7px;margin-top:8px}.heroine-strip>div>span{font-size:10px;color:#c7adc6;letter-spacing:2px}.heroine-strip>div>small{font-size:9px;color:#705979}.page-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #32213966;margin-top:22px;padding:20px 0 25px;gap:20px;font-size:8px;color:#675371;letter-spacing:.5px}.page-footer>span:first-child{font-family:Arial,sans-serif;letter-spacing:1.4px}.page-footer i{font-style:normal;color:#a56292;margin:0 8px}.keyboard-hint{font-size:8px;color:#6d5773}
.fx-label{position:absolute;inset:0;z-index:6;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;pointer-events:none;font-weight:1000;font-style:italic;letter-spacing:-2px;opacity:0;transition:opacity .12s;background:radial-gradient(ellipse,#210b2240,transparent 70%);text-shadow:0 0 16px #fe47b7,0 3px 0 #751d5f,0 5px 8px #000;font-size:clamp(30px,5vw,62px);color:white}.fx-label.show{opacity:1;animation:word-hit .28s ease-out}.fx-label small{display:block;font:8px Arial,sans-serif;letter-spacing:4px;font-style:normal;margin-top:8px;color:#ffd2f0}.fx-label.gold{color:#fff2ac;text-shadow:0 0 20px #fbb84e,0 3px 0 #934a13,0 6px 8px #000}.fx-label .fx-sub{font:12px var(--font);margin-top:12px;letter-spacing:1px;color:#fff2e5}.cut-in{position:absolute;left:-5%;right:-5%;top:24%;height:41%;z-index:7;transform:translateX(-110%) skewY(-8deg);background:#20082c;border-top:2px solid #ffd0ee;border-bottom:2px solid #ffafd9;box-shadow:0 0 25px #f25eb3;overflow:hidden;pointer-events:none}.cut-in.active{animation:cut-in .95s cubic-bezier(.15,.85,.1,1) both}.cut-in-art{position:absolute;inset:-100% 0;background:var(--art) center 31%/cover}.cut-in:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#28103acf,transparent 75%)}.cut-in>span{position:absolute;z-index:2;bottom:15%;left:10%;font-size:clamp(15px,2.3vw,29px);font-style:italic;font-weight:1000;text-shadow:0 2px 0 #582345,0 0 10px #e635a5}.cabinet.hot{box-shadow:0 0 0 3px #39172b,0 0 0 4px #ff83cc,0 0 50px #ff2c9d70}.cabinet.hot .lcd{border-color:#ffe0f2;box-shadow:0 0 0 4px #9d2d78,0 0 30px #fa5ebf80}.cabinet.burst{animation:cabinet-shake .06s linear 12}.cabinet.rush-mode{border-color:#c28a7b;background:linear-gradient(125deg,#563631,#321329 40%,#764532)}.cabinet.rush-mode .board{background:radial-gradient(ellipse at 50% 35%,#6f23435c,#150e25 70%)}#effects{position:fixed;inset:0;width:100%;height:100%;z-index:70;pointer-events:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;z-index:110;border:1px solid #9a528787;background:#29132def;color:#f7d4eb;box-shadow:0 6px 25px #0005;border-radius:6px;max-width:90vw;padding:13px 18px;font-size:11px;transition:opacity .2s,transform .2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
dialog{padding:24px;width:min(510px,calc(100vw - 28px));max-height:85dvh;overflow:auto;background:linear-gradient(140deg,#24142e,#140d1e);color:var(--white);border:1px solid #98648e8f;border-radius:12px;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#090311c9;backdrop-filter:blur(7px)}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:20px}.modal-header h2{font-size:20px;margin:7px 0 0}.modal-header .micro{font-size:8px;color:var(--pink-soft)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.setting-row>span{display:flex;flex-direction:column;gap:6px}.setting-row small{font-size:9px;color:var(--muted)}.setting-row input[type=range]{width:130px;accent-color:var(--pink);height:3px}.setting-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--pink)}.setting-row select{background:#21152c;border:1px solid #674067;color:#ead7ed;padding:7px;border-radius:4px;font:11px var(--font)}.modal-note{font-size:10px;line-height:1.9;color:var(--muted);margin:18px 0 0}.danger-button{font-size:11px;color:#c799b6;background:none;border:1px solid #73516a;border-radius:4px;padding:9px 13px;margin-top:19px}.history-list{padding:0;margin:0;list-style:none}.history-list li{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:11px}.history-list small{font-size:9px;color:var(--muted)}.history-list b{color:var(--gold);font-family:Arial,sans-serif;font-size:17px}.history-list .pink{font-size:10px}.empty-state{text-align:center;padding:30px 10px;font-size:11px;line-height:2;color:var(--muted)}.catalog-entry{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.catalog-entry .portrait{flex:none;width:65px;height:65px;border-radius:5px}.catalog-entry>div{flex:1}.catalog-entry h3{font-size:13px;margin:0 0 6px}.catalog-entry p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.catalog-entry button{margin-top:8px;background:#652b571f;border:1px solid #97507f66;border-radius:3px;color:#e4abd1;padding:5px 9px;font-size:9px}.catalog-entry small{font-size:8px;letter-spacing:1px;color:var(--pink-soft)}.demo-menu .effect-card{padding:20px 15px}.data-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.data-modal-grid>div{padding:15px;background:#1e1327;border:1px solid var(--line);border-radius:5px}.data-modal-grid span{font-size:10px;color:var(--muted);display:block;margin-bottom:8px}.data-modal-grid b{font:24px Arial,sans-serif}.modal-bank{font-size:11px;margin-top:18px;display:flex;justify-content:space-between;color:var(--muted)}
@keyframes push-pulse{to{box-shadow:0 0 0 3px #a34c80,0 0 40px #ff39b0,0 0 70px #fe4fad7b;filter:brightness(1.3)}}@keyframes handle-glow{to{box-shadow:0 0 0 2px #1f0b23,0 0 0 3px #e174b9,0 0 25px #fb379f80}}@keyframes word-hit{from{transform:scale(1.8);filter:blur(8px)}to{transform:scale(1);filter:blur(0)}}@keyframes cut-in{0%{transform:translateX(-110%) skewY(-8deg)}18%,78%{transform:translateX(0) skewY(-8deg)}100%{transform:translateX(110%) skewY(-8deg)}}@keyframes cabinet-shake{0%,100%{transform:translate(0)}25%{transform:translate(3px,2px)}75%{transform:translate(-3px,-2px)}}@keyframes hue{to{filter:hue-rotate(360deg)}}
@media(min-width:1500px){.page-shell{padding-top:35px}.masthead{margin-bottom:35px}.arcade{gap:30px}.brand-title{font-size:38px}}
@media(max-width:1010px){.page-shell{padding:24px 24px 0}.arcade{grid-template-columns:180px minmax(0,480px);gap:24px}.right-rail{grid-column:1 / -1;display:grid;grid-template-columns:1.4fr 1fr;gap:25px;padding:0 0 10px}.experience-panel{padding:12px 0 0}.experience-panel .panel-heading{margin-bottom:8px}.experience-panel h2{font-size:20px;line-height:1.5}.experience-panel h2 br{display:none}.experience-panel>p{margin-bottom:15px}.effect-card{padding:12px}.heroine-strip{display:none}.log-panel{margin-top:12px}.right-rail .log-panel ul{min-height:135px}.brand-title{font-size:29px}.page-footer{margin-top:8px}}
@media(max-width:760px){.page-shell{padding:17px 15px 0}.masthead{margin-bottom:23px}.brand{gap:9px}.brand-emblem{width:34px;height:45px}.brand-emblem svg{width:26px;height:26px}.brand-eyebrow{font-size:6px;letter-spacing:1.8px;margin-bottom:5px}.brand-title{font-size:24px;letter-spacing:-1.4px}.brand-title small{font-size:11px;margin-right:3px}.brand-roman{font-size:6px;letter-spacing:1.2px;margin-top:4px}.brand-roman i{margin:0 3px}.header-actions{gap:6px}.icon-button{width:30px;height:30px}.free-badge{display:none}.arcade{grid-template-columns:minmax(0,480px);gap:0}.left-rail,.right-rail{display:none}.cabinet{padding:5px;border-radius:14px 14px 11px 11px}.cabinet:before{border-radius:11px}.mode-bar{height:32px;gap:8px;padding:0 5px}.mode-tag{font-size:8px}.stage-name{font-size:8px;letter-spacing:.6px}.model-number{font-size:7px}.board{aspect-ratio:600/875}.lcd{left:15.625%;right:auto;top:10.85714%;width:68.75%;height:auto;aspect-ratio:480 / 432;border-radius:5px}.intro{padding:12px 10px 15px}.intro-logo{font-size:clamp(26px,6.6vw,42px)}.intro-kicker{font-size:8px;margin-bottom:7px}.intro-roman{font-size:6px;margin-bottom:13px;letter-spacing:3px}.start-button{padding:10px 11px;font-size:10px}.intro-demo{padding:10px 4px 6px;font-size:8px}.intro>small{font-size:6px}.screen-label{top:7px;left:8px;right:8px;font-size:5px}.hold-strip{left:15.625%;right:15.625%;height:4.42857%;padding:0 5px;gap:6px}.hold-strip>span:first-child{font-size:8px}.holds{gap:3px}.hold{width:13px;height:13px}.awakening-lamp{font-size:11px}.console{height:102px;padding:3px 18px}.tray{min-width:90px;gap:5px}.tray>strong{font-size:22px}.lend-button{font-size:8px;padding:5px;gap:4px}.lend-button span{font-size:8px}.push{height:73px;width:73px;border-width:3px}.push>span{font-size:22px}.push>b{font-size:11px}.push-caption{font-size:7px;margin-bottom:4px}.push-cradle{top:6px}.handle{height:72px;width:72px;border-width:4px}.handle span{font-size:12px}.handle small{font-size:4px}.handle-mark{top:6px;left:30px;width:2px;height:7px}.handle-cradle{gap:4px}.stroke-controls{height:34px;padding:0 8px;gap:6px}.machine-footer{padding:13px 2px;font-size:8px;gap:5px}.machine-footer button{font-size:7px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:6px;background:#170e21;margin:2px 0 10px}.mobile-nav button{border:0;background:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:13px 4px;font-size:9px;color:#ab8eb5}.mobile-nav button+button{border-left:1px solid var(--line)}.mobile-nav svg{width:18px;height:18px;color:#ca96bf}.page-footer{flex-direction:column;gap:9px;margin-top:13px;padding:17px 0 22px;font-size:7px}.keyboard-hint{display:none}.fx-label{font-size:clamp(25px,9vw,48px);letter-spacing:-1.2px}.fx-label small{font-size:6px;letter-spacing:3px}.fx-label .fx-sub{font-size:9px}.cut-in>span{font-size:clamp(14px,4vw,23px)}.demo-badge{font-size:6px;padding:3px 6px}.toast{font-size:10px;text-align:center}}
@media(max-width:360px){.page-shell{padding:14px 10px 0}.brand-title{font-size:21px}.brand-eyebrow{font-size:5px;letter-spacing:1.4px}.brand-roman{letter-spacing:.6px}.header-actions{gap:4px}.icon-button{width:27px;height:27px}.console{padding:3px 12px}.hold{width:11px;height:11px}.hold-strip{gap:4px}.holds{gap:2px}.intro-logo{font-size:23px}.intro-kicker{font-size:7px}.intro-roman{margin:5px 0 9px}.intro-demo{padding:8px 3px 5px}.start-button{padding:8px 10px;font-size:9px}.start-button svg{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.push.ready,.handle.firing,.hold.rainbow,.cabinet.burst{animation:none}.cut-in.active{animation-duration:.4s}button{transition:none}}
.reduce-fx .push.ready,.reduce-fx .handle.firing,.reduce-fx .hold.rainbow,.reduce-fx .cabinet.burst{animation:none}.reduce-fx .cabinet.hot{box-shadow:0 0 0 3px #39172b,0 0 0 4px #cf6aa4,0 0 20px #ff2c9d30}

.machine-column{width:100%;max-width:480px;justify-self:center}
.fx-ui-layer{position:fixed;z-index:71;overflow:hidden;border-radius:5px;pointer-events:none}.fx-ui-layer .fx-label>span:first-child{max-width:96%;paint-order:stroke fill;-webkit-text-stroke:1px #42152e;text-shadow:0 3px 0 #651a45,0 0 12px #1d072e,0 0 25px #1d072e}.fx-ui-layer .fx-label.gold>span:first-child{-webkit-text-stroke-color:#795023}

.neck i{display:none}.all-demo-button{width:100%;border:1px solid #87538670;border-radius:4px;background:#49244538;display:flex;justify-content:space-between;padding:12px;font-size:10px;color:#e9b1d6;margin-top:13px}.all-demo-button span{color:#ff89cd}.demo-group-title{font-size:12px;margin:24px 0 12px;color:#e8c1df}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.demo-grid button{display:flex;align-items:center;gap:8px;padding:10px 8px;border:1px solid #6a436866;border-radius:5px;background:linear-gradient(140deg,#3d1c36,#211329);text-align:left;min-width:0}.demo-grid .portrait{width:35px;height:42px;border-radius:4px;flex:none}.demo-grid button>span:nth-child(2){font-size:9px;line-height:1.5}.demo-grid small{display:block;font-size:7px;color:#ad8aa8;margin-top:4px}.demo-grid i{font-style:normal;font-size:10px;color:#dc90c4;margin-left:auto}.catalog-entry{min-height:118px}@media(max-width:440px){.demo-grid{grid-template-columns:1fr}.demo-grid button{padding:12px}.demo-grid button>span:nth-child(2){font-size:11px}.demo-grid small{font-size:8px}.demo-grid .portrait{width:42px;height:48px}.intro-demo{font-size:8px}}