body{margin:0}:root{--bg:#07080c;--surface:#12141c;--text:#e8ecf3;--muted:#8b94a7;--accent:#00e5ff;--accent-2:#ff3caa;--max:1000px;--status-active:#00e5ff;--status-playable:#7dff9a;--status-archived:#8b94a7;--status-recover:#ffb347;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(at 50% 0,#2a1145 0%,#160a2b 38%,#0a0618 100%);min-height:100vh;margin:0}.site-ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-pin-stripes{opacity:.85;background:repeating-linear-gradient(90deg,#0000 0 10px,#ff3caa09 10px 11px),repeating-linear-gradient(90deg,#0000 0 14px,#00e5ff06 14px 15px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 18% 82%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#0000 18% 82%,#000 100%)}.side-tree{width:min(24vw,240px);max-width:280px;position:absolute;top:0;bottom:0}.side-tree-left{left:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 30%,#0000 88%);mask-image:linear-gradient(90deg,#000 0% 30%,#0000 88%)}.side-tree-right{right:0;-webkit-mask-image:linear-gradient(270deg,#000 0% 30%,#0000 88%);mask-image:linear-gradient(270deg,#000 0% 30%,#0000 88%)}.side-tree-svg{opacity:.5;filter:drop-shadow(0 0 20px #ff3caa14);width:100%;height:100%;display:block}.ambient-glow{background:radial-gradient(70% 45% at 50% 0,#ff3caa24,#0000 55%),radial-gradient(50% 35% at 85% 40%,#00e5ff12,#0000);position:absolute;inset:0}.ambient-city{aspect-ratio:800/420;pointer-events:none;opacity:.38;filter:saturate(1.15)brightness(.85);width:min(960px,92vw);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(48% 42%,#000 0% 28%,#0000 72%);mask-image:radial-gradient(48% 42%,#000 0% 28%,#0000 72%)}.ambient-city-svg{width:100%;height:100%;display:block}.ambient-grid{transform-origin:bottom;opacity:.55;background-image:linear-gradient(#ff3caa59 1px,#0000 1px),linear-gradient(90deg,#4fc3f747 1px,#0000 1px);background-size:44px 44px;height:55%;animation:1.8s linear infinite gridMove;position:absolute;bottom:-18%;left:-50%;right:-50%;transform:perspective(420px)rotateX(68deg);-webkit-mask-image:linear-gradient(#0000 12%,#000 100%);mask-image:linear-gradient(#0000 12%,#000 100%)}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:0 44px,44px 0}}.sakura-petals{z-index:3;position:absolute;inset:0}.sakura-petal-wrap{transform:translate3d(var(--wind-x,0px), var(--wind-y,0px), 0);will-change:transform;transition:transform .6s ease-out;position:absolute;top:-6%}.sakura-petals--breeze .sakura-petal{filter:drop-shadow(0 0 8px #ffa0c88c);animation-timing-function:ease-in-out}.side-tree-svg--flip{transform:scaleX(-1)}[data-wind-phase=blowing] .side-tree-left .side-tree-svg{transform-origin:bottom;animation:5s ease-in-out infinite treeSway}[data-wind-phase=blowing] .side-tree-right .side-tree-svg{transform-origin:bottom;animation:5s ease-in-out -2.2s infinite treeSwayFlip}@keyframes treeSway{0%,to{transform:rotate(0)}35%{transform:rotate(1.2deg)}65%{transform:rotate(-.8deg)}}@keyframes treeSwayFlip{0%,to{transform:scaleX(-1)rotate(0)}35%{transform:scaleX(-1)rotate(-1.2deg)}65%{transform:scaleX(-1)rotate(.8deg)}}.sakura-petal{opacity:.8;filter:drop-shadow(0 0 6px #ff78b473);animation-name:sakuraFall;animation-timing-function:linear;animation-iteration-count:infinite;display:inline-block}@keyframes sakuraFall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}8%{opacity:.92}to{transform:translateY(110vh) translate(var(--drift-x,24px), var(--drift-y,0px)) rotate(var(--spin,520deg));opacity:0}}.sakura-petals:not(.sakura-petals--breeze) .sakura-petal{animation-timing-function:linear}@media (prefers-reduced-motion:reduce){.ambient-grid,.sakura-petal{animation:none}.sakura-petal{opacity:.35}.sakura-petal-wrap{transform:none}.wind-breeze{display:none}[data-wind-phase=blowing] .side-tree-svg{animation:none}}.wind-breeze{z-index:2;pointer-events:none;opacity:calc(.28 + var(--breeze-power,.5) * .45);position:absolute;inset:0;overflow:hidden}.wind-breeze-field{transform:rotate(var(--breeze-angle,0deg));transform-origin:50%;position:absolute;inset:-20%}.wind-breeze-lane{width:100%;height:52px;transform:translateX(-58%) scaleX(var(--lane-scale,1));opacity:0;will-change:transform, opacity;animation:lanePass var(--breeze-duration,12s) linear forwards;animation-delay:var(--lane-stagger,0s);position:absolute;left:0}@keyframes lanePass{0%{transform:translateX(-62%) scaleX(var(--lane-scale,1));opacity:0}8%{opacity:calc(.35 + var(--breeze-power,.5) * .55)}88%{opacity:calc(.35 + var(--breeze-power,.5) * .55)}to{transform:translateX(62%) scaleX(var(--lane-scale,1));opacity:0}}.wind-breeze-stream{filter:blur(.25px);width:min(48vw,360px);height:auto;display:block}.wind-stream-line{stroke-dasharray:6 14 4 18 8 12;stroke-dashoffset:0;animation:streamFlow var(--flow-speed,1.1s) linear infinite;animation-delay:calc(var(--flow-delay,0s) + var(--lane-flow-delay,0s))}@keyframes streamFlow{to{stroke-dashoffset:-100px}}.wind-breeze-haze{opacity:0;animation:hazePass var(--breeze-duration,12s) ease-in-out forwards;background:linear-gradient(90deg,#0000 38%,#c8ebff12 50%,#0000 62%);position:absolute;inset:0}@keyframes hazePass{0%,to{opacity:0;transform:scaleX(.96)}40%,60%{opacity:calc(.25 + var(--breeze-power,.5) * .45);transform:scaleX(1.04)}}.wind-recency-ring{transform-origin:80px 80px;animation:1.2s ease-out recencyPulse}@keyframes recencyPulse{0%{stroke-width:4px;opacity:.95}to{stroke-width:2px}}.wind-compass{z-index:5;pointer-events:none;width:112px;height:112px;filter:drop-shadow(0 0 calc(8px * var(--wind-glow,.5)) #00e5ff73);position:fixed;bottom:24px;right:20px}.wind-compass-svg{width:100%;height:100%;animation:4s ease-in-out infinite compassPulse}.wind-compass-needle{transition:opacity .25s}.wind-compass-label{text-align:center;letter-spacing:.22em;text-transform:lowercase;color:#c9a227;opacity:.65;margin-top:-4px;font-size:.62rem;display:block}.wind-compass-label--recent{color:#b8ecff;opacity:.95;text-shadow:0 0 10px #b8ecff73}.wind-compass-sublabel{text-align:center;letter-spacing:.14em;color:#8b94a7;opacity:.55;margin-top:2px;font-size:.52rem;display:block}@keyframes compassPulse{0%,to{opacity:.88}50%{opacity:1}}.site-header,main,.site-footer{z-index:1;position:relative}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{max-width:var(--max);justify-content:space-between;align-items:center;margin:0 auto;padding:20px 24px;display:flex}.logo{letter-spacing:-.02em;color:var(--text);font-size:1.1rem;font-weight:800;text-decoration:none}.logo-dot{color:var(--muted);font-weight:600}nav{gap:20px;display:flex}nav a{color:var(--muted);font-size:.9rem;text-decoration:none}nav a:hover{color:var(--text)}main{max-width:var(--max);margin:0 auto;padding:0 24px 64px}.hero{text-align:center;padding:56px 0 72px;position:relative}.hero-kanji{letter-spacing:.2em;color:#ff5aaa29;text-shadow:0 0 28px #ff5aaa59;-webkit-user-select:none;user-select:none;margin:0 0 -.45em;font-size:clamp(2rem,8vw,4.2rem);font-weight:900}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin:0 0 12px;font-size:.75rem}.hero-title{letter-spacing:.04em;color:#fff;text-shadow:0 0 6px #fff, 0 0 16px var(--accent), 0 0 32px var(--accent-2), 0 0 52px var(--accent-2);margin:0 0 10px;font-size:clamp(2.4rem,9vw,4.4rem);font-weight:900;animation:3.4s infinite titleFlicker}@keyframes titleFlicker{0%,92%,to{opacity:1}93%{opacity:.55}94%{opacity:1}96%{opacity:.72}97%{opacity:1}}.hero-sub{color:var(--accent);letter-spacing:.28em;text-transform:uppercase;margin:0 0 18px;font-size:clamp(.65rem,2.2vw,.88rem)}.lead{max-width:32rem;color:var(--muted);margin:0 auto 28px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{border-radius:10px;padding:12px 22px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}.btn.primary{background:linear-gradient(135deg, var(--accent-2), #7a2bff);color:#fff}.btn.primary:hover{filter:brightness(1.08);text-decoration:none}.btn.ghost{color:var(--text);border:1px solid #fff3}.btn.ghost:hover{border-color:var(--accent);text-decoration:none}.section{border-top:1px solid #ffffff0f;padding:48px 0}.section h2{margin:0 0 20px;font-size:1.5rem}.section p{color:var(--muted);max-width:40rem}.section-intro{margin:0 0 24px}.section-foot{margin-top:24px;font-size:.9rem;font-style:italic}.inline-code{color:var(--accent);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:.85em}.timeline{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.timeline-item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff14;border-left:3px solid var(--accent-2);background:#12141cd1;border-radius:14px;padding:18px 20px}.timeline-meta{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.timeline-era{font-size:1.05rem;font-weight:800}.timeline-years{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.timeline-item p{margin:0;font-size:.95rem}.card-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:999px;padding:3px 8px;font-size:.65rem}.status-active{color:var(--status-active)}.status-playable{color:var(--status-playable)}.status-archived{color:var(--status-archived)}.status-recover{color:var(--status-recover)}.card h3 a{color:var(--text);text-decoration:none}.card h3 a:hover{color:var(--accent)}.tag-list{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.tag-list li{color:var(--muted);background:#00e5ff14;border-radius:6px;padding:3px 8px;font-size:.7rem}.card-note{color:var(--accent)!important;margin-top:10px!important;font-size:.82rem!important}.cards-compact{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.changelog{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.changelog-item{border-bottom:1px solid #ffffff0f;grid-template-columns:7rem 1fr;gap:16px;padding:16px 0;display:grid}.changelog-item time{color:var(--accent-2);font-variant-numeric:tabular-nums;font-size:.8rem}.changelog-item strong{color:var(--text);margin-bottom:4px;display:block}.changelog-item p{margin:0;font-size:.9rem}@media (width<=720px){.side-tree{opacity:.65;width:min(18vw,100px)}.wind-compass{width:84px;height:84px;bottom:16px;right:12px}}@media (width<=560px){nav{flex-wrap:wrap;justify-content:flex-end;gap:10px}.changelog-item{grid-template-columns:1fr;gap:6px}}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12141cd1;border:1px solid #ffffff14;border-radius:14px;padding:20px}.card-soon{opacity:.85}.card-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-2);font-size:.7rem}.card h3{margin:8px 0;font-size:1.15rem}.card p{margin:0;font-size:.9rem}.site-footer{text-align:center;color:var(--muted);border-top:1px solid #ffffff0f;padding:32px 24px;font-size:.85rem}.secret-kanji-trigger{z-index:6;color:#c9a227;opacity:.12;cursor:pointer;filter:drop-shadow(0 0 6px #00e5ff00);background:0 0;border:none;width:40px;height:40px;padding:0;font-family:Yu Mincho,Hiragino Mincho ProN,Segoe UI,serif;font-size:1.35rem;line-height:1;transition:opacity .35s,text-shadow .35s,transform .25s;position:fixed;bottom:28px;left:22px}.secret-kanji-trigger:hover,.secret-kanji-trigger:focus-visible{opacity:.72;text-shadow:0 0 14px #00e5ff73;filter:drop-shadow(0 0 8px #c9a22759);outline:none}.secret-kanji-trigger[aria-expanded=true]{opacity:.9;color:#b8ecff}.secret-debug-backdrop{z-index:20;cursor:default;background:#04060c8c;border:none;position:fixed;inset:0}.secret-debug-panel{z-index:21;width:min(320px,100vw - 40px);max-height:min(72vh,480px);color:var(--text);background:linear-gradient(145deg,#120e1cfa,#080a12fc);border:1px solid #c9a22773;border-radius:6px;flex-direction:column;padding:0;font-size:.82rem;display:flex;position:fixed;bottom:72px;left:20px;overflow:hidden;box-shadow:0 0 24px #00e5ff26,0 12px 40px #0000008c}.secret-debug-head{border-bottom:1px solid #ffffff14;flex-shrink:0;margin:0;padding:16px 18px 12px}.secret-debug-body{flex:1;padding:14px 18px 8px;overflow-y:auto}.secret-debug-kanji{letter-spacing:.12em;color:#e8c547;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.1rem}.secret-debug-sub{letter-spacing:.2em;text-transform:lowercase;color:var(--muted);margin:4px 0 0;font-size:.68rem}.secret-debug-list{gap:8px;margin:0 0 10px;display:grid}.secret-debug-list div{grid-template-columns:88px 1fr;align-items:baseline;gap:8px;display:grid}.secret-debug-list dt{letter-spacing:.14em;text-transform:lowercase;color:var(--muted);margin:0;font-size:.68rem}.secret-debug-list dd{color:#b8ecff;margin:0;font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem}.secret-debug-hint{color:var(--muted);margin:0;font-size:.72rem;line-height:1.45}.secret-debug-actions{background:#04060ca6;border-top:1px solid #c9a22740;flex-shrink:0;gap:10px;padding:12px 14px 14px;display:flex}.secret-debug-btn{color:#e8ecf3;min-height:40px;font:inherit;letter-spacing:.06em;text-transform:lowercase;cursor:pointer;background:#0c101cf2;border:1px solid #c9a22780;border-radius:6px;flex:1;padding:10px 14px;font-size:.78rem;font-weight:600;transition:border-color .2s,background .2s,box-shadow .2s}.secret-debug-btn:hover,.secret-debug-btn:focus-visible{border-color:#00e5ff;outline:none;box-shadow:0 0 12px #00e5ff33}.secret-debug-btn--primary{color:#b8ecff;background:linear-gradient(135deg,#00e5ff2e,#ff3caa1f);border-color:#00e5ff8c}.secret-debug-btn--primary:hover,.secret-debug-btn--primary:focus-visible{background:linear-gradient(135deg,#00e5ff47,#ff3caa2e)}@media (width<=640px){.secret-kanji-trigger{bottom:18px;left:14px}.secret-debug-panel{width:auto;max-height:min(68vh,420px);bottom:64px;left:14px;right:14px}}