@import"https://fonts.googleapis.com/css2?family=Anton&family=Archivo+Narrow:wght@400;700&family=Noto+Sans+JP:wght@700;900&display=swap";:root{--paper: #f3f3f3;--gold: #f5bd00;--dark: #080808}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{min-width:320px;font-family:Archivo Narrow,Segoe UI,sans-serif;background:var(--dark);color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{position:relative;min-height:100vh;background:radial-gradient(ellipse at 72% 12%,#1a1a1a 0%,var(--dark) 55%)}.bg-layer{position:fixed;inset:0;z-index:0;background-image:linear-gradient(115deg,#0000004d,#000000e0 58%),url(/marisa-bg.png);background-size:cover;background-position:center;filter:grayscale(.78) contrast(1.15);opacity:.5;pointer-events:none}.noise-layer{position:fixed;inset:0;z-index:900;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay;pointer-events:none}.hero{position:relative;z-index:2;width:min(1100px,100%);min-height:100vh;margin:0 auto;padding:clamp(2rem,5vw,5rem) clamp(1.4rem,3vw,2.8rem);display:flex;flex-direction:column;justify-content:center;gap:.9rem}.rune-bg{position:fixed;width:clamp(280px,36vw,480px);height:clamp(280px,36vw,480px);object-fit:contain;pointer-events:none;z-index:0;filter:brightness(0) saturate(1) invert(75%) sepia(80%) saturate(600%) hue-rotate(5deg) brightness(1.1);opacity:.35}.rune-bg-tr{top:-60px;right:-60px}.rune-bg-bl{bottom:10%;left:-80px;width:clamp(220px,28vw,380px);height:clamp(220px,28vw,380px);opacity:.22}.rune-bg-tl{top:35%;left:-100px;width:clamp(180px,22vw,300px);height:clamp(180px,22vw,300px);opacity:.15}.rune-bg-br{bottom:-60px;right:-80px;width:clamp(200px,26vw,340px);height:clamp(200px,26vw,340px);opacity:.25}.magic-ring{position:absolute;z-index:2;right:clamp(-100px,-8vw,-10px);top:clamp(50px,10vh,130px);width:clamp(200px,28vw,350px);aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(245,189,0,.25);box-shadow:inset 0 0 50px #f5bd001a,0 0 40px #f5bd0014;opacity:.55;pointer-events:none;animation:spin 20s linear infinite}.magic-ring:before,.magic-ring:after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px dashed rgba(245,189,0,.35)}.magic-ring:after{inset:32%;border-style:dotted;border-width:1.5px;animation:spinReverse 11s linear infinite}.jp-top{color:var(--gold);font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:clamp(.7rem,1.5vw,.95rem);letter-spacing:.12em;text-transform:uppercase;text-shadow:1px 1px 0 #000}.title-group{line-height:1}.title-group h1{font-family:Anton,Impact,sans-serif;font-size:clamp(5.5rem,18vw,15rem);line-height:.88;letter-spacing:-.015em;color:#fff;text-shadow:5px 5px 0 rgba(0,0,0,.85);margin-bottom:clamp(.4rem,1.2vw,.85rem)}.s-prefix{font-size:.7em;color:var(--gold)}.title-sub{font-family:Anton,Impact,sans-serif;font-size:clamp(3.5rem,10vw,8rem);line-height:.9;letter-spacing:.025em;color:var(--gold);text-shadow:5px 5px 0 rgba(0,0,0,.85);opacity:.9;margin-top:0}.word-cloud{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.word-cloud span{display:inline-flex;align-items:baseline;gap:.25rem;text-transform:uppercase;font-size:clamp(.68rem,1.4vw,.82rem);font-weight:700;letter-spacing:.1em;color:var(--gold);border:1.5px solid var(--gold);padding:.22rem .5rem;transition:background .2s,color .2s}.word-cloud span:hover{background:var(--gold);color:#000}.word-cloud i{font-style:normal;font-family:Noto Sans JP,sans-serif;font-size:.88em;font-weight:700}.jp-quote{color:var(--gold);font-family:Noto Sans JP,sans-serif;font-weight:900;font-size:clamp(1.3rem,3.8vw,2.8rem);letter-spacing:.04em;text-shadow:2px 2px 0 #000;margin-top:.4rem}.scroll-hint{margin-top:1.5rem;display:flex;justify-content:center}.scroll-hint span{display:block;width:1px;height:48px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 2s ease-in-out infinite}.stars,.sparkles{position:absolute;inset:0;pointer-events:none;z-index:1}.stars span,.sparkles span{position:absolute;aspect-ratio:1;clip-path:polygon(50% 0,61% 34%,100% 38%,70% 58%,81% 100%,50% 76%,19% 100%,30% 58%,0 38%,39% 34%);background:var(--gold)}.stars span{width:.6rem;filter:drop-shadow(0 0 5px rgba(245,189,0,.45));animation:drift 2.8s ease-in-out infinite alternate}.sparkles span{width:.38rem;opacity:.9;animation:blink .7s ease-out forwards}.timeline{position:relative;z-index:2;width:min(1100px,100%);margin:0 auto;padding:0 clamp(1.4rem,3vw,2.8rem);border-top:1px solid rgba(245,189,0,.2)}.tl-entry{display:grid;grid-template-columns:5.8rem 1fr;gap:1.2rem;align-items:baseline;padding:1.1rem .4rem;border-bottom:1px solid rgba(255,255,255,.06);transition:background .25s;-webkit-user-select:none;user-select:none}.tl-entry:hover{background:#f5bd0008}.tl-date{font-size:.8rem;font-weight:700;letter-spacing:.14em;color:#ffffffc7;font-variant-numeric:tabular-nums}.tl-title{font-size:clamp(.92rem,1.8vw,1.1rem);font-weight:700;letter-spacing:.04em;text-transform:lowercase;color:#fff}.tl-gold .tl-title,.tl-gold .tl-date{color:#fff}.tl-gold{border-left:2px solid rgba(245,189,0,.65);padding-left:.75rem}.tl-gold:hover{background:#f5bd0014}.tl-title .gold-s,.tl-body .gold-s{color:inherit}.tl-gold .tl-title .gold-s,.tl-gold .tl-body .gold-s{color:var(--gold)}.tl-body-wrap{max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .28s ease,opacity .22s ease,transform .28s ease}.tl-open .tl-body-wrap,.tl-body-wrap.is-open{max-height:320px;opacity:1;transform:translateY(0)}.tl-body{margin-top:.45rem;font-size:.88rem;color:#ffffffe6;line-height:1.55;max-width:560px}.site-footer{position:relative;z-index:2;width:min(1100px,100%);margin:0 auto;padding:3rem clamp(1.4rem,3vw,2.8rem) 2.5rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.footer-star{color:var(--gold);font-size:.9rem;opacity:.5}.site-footer p{font-size:.72rem;letter-spacing:.14em;color:#ffffff38;text-transform:uppercase}@keyframes drift{0%{transform:translateY(0) scale(1);opacity:.45}to{transform:translateY(-7px) scale(1.1);opacity:1}}@keyframes blink{0%{transform:translate(-50%,-50%) scale(1);opacity:.95}to{transform:translate(-50%,-50%) scale(.1);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes scrollPulse{0%,to{opacity:.2}50%{opacity:.7}}@media(max-width:768px){.hero{justify-content:center;align-items:center;text-align:center;gap:1.05rem;min-height:100svh;padding-top:2.5rem;padding-bottom:2.5rem}.magic-ring{right:50%;top:9vh;transform:translate(50%);opacity:.3}.title-group h1{font-size:clamp(4rem,20vw,8rem)}.title-sub{font-size:clamp(2.5rem,12vw,5rem)}.tl-entry{grid-template-columns:1fr;gap:.15rem;text-align:center;justify-items:center;padding-left:.5rem;padding-right:.5rem}.tl-date{font-size:.72rem}.timeline{text-align:center}.tl-content{max-width:44rem}.tl-body{margin-left:auto;margin-right:auto}.word-cloud{justify-content:center}.scroll-hint{margin-top:1rem}.rune-bg{opacity:.18}}@media(max-width:480px){.hero{padding-left:1rem;padding-right:1rem}.title-group h1{font-size:clamp(3.1rem,22vw,4.8rem)}.title-sub{font-size:clamp(2rem,13vw,3.1rem)}.jp-quote{font-size:clamp(1rem,7vw,1.35rem)}.word-cloud span{font-size:.64rem;letter-spacing:.08em;padding:.2rem .42rem}.timeline{padding-left:1rem;padding-right:1rem}}