:root{--bg: #17305f;--bg-deep: #122650;--panel: #1d3a72;--panel-2: #234380;--line: #3a5a9c;--pink: #ff2d87;--pink-glow: rgba(255, 45, 135, .55);--yellow: #ffc020;--yellow-deep: #f5a800;--blue-pop: #2f7dd1;--white: #f4f7ff;--text-sub: #b8c6e8;--ink: #0d1b3a;--font-pixel-jp: "DotGothic16", sans-serif;--font-arcade: "Press Start 2P", cursive;--font-body: "M PLUS Rounded 1c", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{position:relative;margin:0;overflow-x:hidden;color:var(--white);background:var(--bg);font-family:var(--font-body);font-weight:500;line-height:1.8}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Ctext x='10' y='40' font-size='34' fill='%23ffffff'%3E%E2%99%A0%3C/text%3E%3Ctext x='90' y='40' font-size='34' fill='%23ffffff'%3E%E2%99%A5%3C/text%3E%3Ctext x='10' y='120' font-size='34' fill='%23ffffff'%3E%E2%99%A6%3C/text%3E%3Ctext x='90' y='120' font-size='34' fill='%23ffffff'%3E%E2%99%A3%3C/text%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 160px;content:"";pointer-events:none}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 55%,var(--bg-deep) 130%);content:"";pointer-events:none}main,header,footer{position:relative;z-index:2}img{display:block;max-width:100%}a{color:inherit}.wrap{max-width:560px;margin:0 auto;padding:0 20px}.stage-wrap{max-width:640px}.rule-wrap{max-width:1080px}section{padding:80px 0}.heading-3d{text-shadow:2px 2px 0 var(--blue-pop),4px 4px 0 var(--ink)}.section-label{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-bottom:14px;text-align:center}.section-label .tag{color:var(--pink);font-family:var(--font-arcade);font-size:.62rem;letter-spacing:.1em}.section-label .jp{color:var(--white);font-family:var(--font-pixel-jp);font-size:1.5rem}.section-head{margin-bottom:48px;text-align:center}.neon-frame{position:relative;border:3px solid var(--pink);border-radius:28px;background:var(--panel);box-shadow:0 0 12px var(--pink-glow),inset 0 0 12px var(--pink-glow)}.neon-frame:before{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid var(--pink-glow);border-radius:34px;content:"";pointer-events:none}.neon-frame.soft{box-shadow:0 0 6px #ff2d8747,inset 0 0 6px #ff2d8733}.neon-frame.soft:before{border-color:#ff2d8738}.spark{position:absolute;z-index:3;color:var(--pink);font-size:1rem;animation:sparkle 2.6s ease-in-out infinite;pointer-events:none}.spark.plus:before{content:"+"}.spark.diamond:before{content:"◇"}.spark-a{top:8%;left:10%}.spark-b{top:18%;right:8%}.spark-c{bottom:14%;left:14%}@keyframes sparkle{0%,to{opacity:.25;transform:translateY(0) scale(.9)}50%{opacity:1;transform:translateY(-4px) scale(1.15)}}.blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.float{animation:floaty 3.2s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.rpg-window{position:relative;padding:20px 22px 26px;border:2px solid var(--white);border-radius:8px;background:var(--panel)}.rpg-window .rpg-arrow{position:absolute;right:14px;bottom:8px;color:var(--white);font-size:.8rem}.rpg-window .rpg-title{margin:0 0 10px;color:var(--yellow);font-family:var(--font-pixel-jp);font-size:1.05rem}.rpg-window .rpg-body{margin:0;color:var(--white);font-family:var(--font-body);font-size:.92rem;font-weight:500}.rpg-window-flex{display:flex;gap:16px;align-items:flex-start}.rpg-avatar{display:flex;flex:none;width:64px;height:64px;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--white);border-radius:50%;background:var(--panel-2)}.rpg-avatar img,.hint-avatar img{width:100%;height:100%;object-fit:cover;transform:scale(1.5)}.rpg-window-flex .rpg-text{flex:1;min-width:0}.hint-row{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:12px 14px;border:2px solid var(--white);border-radius:8px;background:var(--panel-2)}.hint-avatar{display:flex;flex:none;width:40px;height:40px;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--white);border-radius:50%;background:var(--panel)}.hint-text{flex:1;min-width:0}.hint-label{margin:0 0 4px;color:var(--yellow);font-family:var(--font-pixel-jp);font-size:.82rem}.hint-body{margin:0;color:var(--white);font-size:.82rem}.arcade-btn{display:inline-flex;flex-direction:column;gap:4px;align-items:center;padding:18px 30px;border:0;border-radius:12px;color:var(--ink);background:var(--yellow);box-shadow:0 4px 0 var(--yellow-deep);text-decoration:none;transition:transform .05s ease;-webkit-tap-highlight-color:transparent}.arcade-btn:active{box-shadow:0 0 0 var(--yellow-deep);transform:translateY(4px)}.arcade-btn:focus-visible{outline:3px solid var(--white);outline-offset:5px}.arcade-btn .en{font-family:var(--font-arcade);font-size:.78rem;letter-spacing:.02em}.arcade-btn .jp{font-family:var(--font-pixel-jp);font-size:.85rem}.hero{position:relative;display:flex;min-height:92svh;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px 40px;text-align:center}.hero-logo{width:min(400px,88vw);margin:0 auto 24px}.hero-frame{width:100%;max-width:540px;margin:0 auto;padding:34px 16px 30px}.hero-title{margin:0;color:var(--white);font-family:var(--font-pixel-jp);font-size:clamp(2rem,9vw,3.4rem);line-height:1.15}.hero-title.accent{margin-top:4px;color:var(--yellow);font-size:clamp(2.6rem,12vw,4.2rem)}.hero-lead{display:flex;gap:14px;align-items:center;justify-content:center;max-width:420px;margin:30px auto 0}.hero-lead .arrow{flex:none;color:var(--pink);font-size:1.1rem;animation:blink 1.4s steps(2) infinite}.hero-lead p{margin:0;color:var(--white);font-family:var(--font-pixel-jp);font-size:1.05rem;line-height:1.7}.hero-scroll{margin-top:44px;color:var(--pink);font-family:var(--font-arcade);font-size:.7rem;letter-spacing:.1em}.intro-window{max-width:520px;margin:0 auto}.stage-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:560px;margin:0 auto}.stage-chip{display:grid;grid-template-columns:52px minmax(0,1fr) auto 18px;gap:13px;align-items:center;min-height:80px;padding:11px 14px;border:2px solid var(--line);border-radius:16px;color:var(--white);background:var(--panel);text-align:left;text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.stage-chip:hover,.stage-chip:focus-visible{border-color:var(--pink);box-shadow:0 0 10px var(--pink-glow);outline:0;transform:translateY(-3px)}.stage-chip .icon{width:48px;height:48px}.stage-chip .icon img{width:100%;height:100%;object-fit:contain}.stage-chip-main{display:grid;min-width:0;gap:7px}.stage-chip .name{color:var(--white);font-family:var(--font-arcade);font-size:.58rem;line-height:1.7;letter-spacing:.02em}.stage-chip-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.stage-chip .lv{color:var(--yellow);font-family:var(--font-arcade);font-size:.5rem;letter-spacing:.05em}.stage-chip .date{color:var(--text-sub);font-family:var(--font-pixel-jp);font-size:.72rem}.stage-arrow{color:var(--pink);font-size:.72rem}.reservation-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border:1px solid var(--pink);border-radius:999px;color:var(--white);background:#ff2d8738;box-shadow:0 0 7px #ff2d8747;font-family:var(--font-pixel-jp);font-size:.68rem;white-space:nowrap}.rule-cards{display:grid;grid-template-columns:1fr;gap:28px;max-width:1040px;margin:0 auto}@media(min-width:960px){.rule-cards{grid-template-columns:repeat(2,1fr)}}.rule-card{position:relative;scroll-margin-top:18px;overflow:hidden;padding:26px 22px 24px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.rule-card:target{border-color:var(--pink);box-shadow:0 0 14px var(--pink-glow)}.card-header{display:flex;gap:12px;align-items:flex-start;margin:6px 0 18px}.card-header .chara-badge{flex:none;width:52px;height:52px;object-fit:contain}.card-header .titles{flex:1;min-width:0}.card-header .stage-no-row{display:flex;gap:8px;align-items:center;margin-bottom:6px}.card-header .stage-no{display:block;color:var(--pink);font-family:var(--font-arcade);font-size:.6rem}.card-header .en-name{display:block;color:var(--yellow);font-family:var(--font-arcade);font-size:clamp(.78rem,3.7vw,.92rem);line-height:1.7;letter-spacing:.02em}.meter-row{display:flex;gap:10px;align-items:center;margin-bottom:14px}.meter-row .meter-label{flex:none;color:var(--text-sub);font-family:var(--font-pixel-jp);font-size:.85rem}.stars{display:inline-flex;gap:3px;font-size:1.05rem;line-height:1}.stars .on{color:var(--yellow)}.stars .off{color:var(--line)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag-chip{padding:5px 12px;border-radius:999px;color:var(--text-sub);background:var(--panel-2);font-size:.74rem;font-weight:700}.card-sub-heading{margin:0 0 10px;color:var(--white);font-family:var(--font-pixel-jp);font-size:1.02rem}.feature-list{display:flex;flex-direction:column;gap:8px;margin:0 0 4px;padding:0;list-style:none}.feature-list li{display:flex;gap:8px;color:var(--white);font-size:.9rem;line-height:1.6}.feature-list li:before{flex:none;margin-top:.35em;color:var(--pink);content:"▶";font-size:.68rem}.example-box{margin-top:16px;padding:13px 14px;border:1px dashed var(--yellow);border-radius:10px;background:#ffc02014}.example-label{margin:0 0 5px;color:var(--yellow);font-family:var(--font-pixel-jp);font-size:.84rem}.example-body{margin:0;color:var(--white);font-size:.82rem;line-height:1.7}.spec-table{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.spec-item{min-width:0;text-align:center}.spec-item .spec-label{margin-bottom:4px;color:var(--text-sub);font-size:.7rem}.spec-item .spec-value{overflow-wrap:break-word;color:var(--white);font-family:var(--font-pixel-jp);font-size:1.05rem}.spec-item .spec-value.long{font-size:.95rem}.reservation-deadline{display:flex;gap:8px;align-items:flex-start;margin:18px 0 0;padding:10px 12px;border-radius:10px;color:var(--text-sub);background:var(--panel-2);font-size:.75rem;line-height:1.55}.reservation-deadline span{flex:none;color:var(--pink);font-family:var(--font-pixel-jp)}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.card-link{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--yellow);background:var(--panel-2);font-family:var(--font-pixel-jp);font-size:.72rem;line-height:1.4;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.card-link.primary{border-color:var(--pink);color:var(--white);background:#ff2d8733}.card-link:hover,.card-link:focus-visible{border-color:var(--yellow);outline:0;transform:translateY(-2px)}.reservation-window{max-width:560px;margin:0 auto}.reservation-list{display:grid;gap:7px;margin:16px 0 18px;padding:0;list-style:none}.reservation-list li{display:grid;position:relative;gap:5px;padding-left:20px;color:var(--white);line-height:1.7}.reservation-list li:before{position:absolute;left:0;color:var(--pink);content:"▶"}.reservation-title{font-family:var(--font-arcade);font-size:.62rem}.reservation-links{display:flex;flex-wrap:wrap;gap:12px}.reservation-links a{color:var(--yellow);font-family:var(--font-pixel-jp);font-size:.78rem;text-underline-offset:3px}.window-links{display:flex;flex-wrap:wrap;gap:6px 18px}.window-link{display:inline-block;margin-top:16px;color:var(--yellow);font-family:var(--font-pixel-jp);font-size:.88rem;text-underline-offset:4px}.cta{text-align:center}.cta-ready{margin:0 0 20px;color:var(--yellow);font-family:var(--font-arcade);font-size:clamp(1.6rem,8vw,2.4rem);animation:blink 2.4s steps(2) infinite}.cta-copy{margin:0 0 32px;color:var(--white);font-family:var(--font-pixel-jp);font-size:1.2rem}.cta-sub{margin-top:18px;color:var(--text-sub);font-size:.8rem}footer{padding:56px 20px 40px;background:var(--bg-deep);text-align:center}.footer-suits{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.footer-suits img{width:28px;height:28px;object-fit:contain}.footer-kicker{margin:0 0 18px;color:var(--text-sub);font-family:var(--font-pixel-jp);font-size:.85rem}.footer-copy{margin:0;color:var(--text-sub);font-family:var(--font-arcade);font-size:.55rem;letter-spacing:.04em}@media(max-width:520px){.stage-chip{grid-template-columns:46px minmax(0,1fr) 14px;gap:10px}.stage-chip .icon{width:44px;height:44px}.stage-chip>.reservation-badge{grid-column:2;width:max-content;margin-top:-4px}.stage-arrow{grid-column:3;grid-row:1 / span 2}.card-header .stage-no-row{flex-wrap:wrap}}@media(max-width:360px){.wrap{padding:0 14px}.hero-frame{padding:26px 16px 24px}.rule-card{padding:22px 16px 20px}.rpg-window-flex{gap:12px}.rpg-avatar{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}