@import"https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Noto+Serif+JP:wght@700;900&display=swap";:root{--zama: #ffd208;--zama-2: #ffe25a;--pale: #fff6c7;--ink: #000;--paper: #fff;--cream: #fffdf2;--graphite: #4d4d4d;--line: rgba(0, 0, 0, .12);--ok: #0b7a3b;--err: #b42318;--display: "Dela Gothic One", "Geist", system-ui, sans-serif;--f: "Geist", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, Menlo, monospace;--kanji: "Noto Serif JP", serif;--gutter: clamp(16px, 4vw, 48px);--max: 1240px;--ease: cubic-bezier(.2, .7, .1, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.6 var(--f);overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.on-ink :focus-visible{outline-color:var(--zama)}::selection{background:var(--ink);color:var(--zama)}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}h1,h2,h3{margin:0;font-weight:400;line-height:1.02;letter-spacing:-.01em}h1,h2{font-family:var(--display)}h2{font-size:clamp(2.1rem,4.6vw,3.6rem)}h3{font:700 1.2rem/1.25 var(--f);letter-spacing:-.01em}p{margin:0 0 1em;max-width:62ch}.lede{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5;max-width:36ch}.muted{color:var(--graphite)}.mono{font-family:var(--mono)}.jp{font-family:var(--display)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[hidden]{display:none!important}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d, 0s)}[data-reveal].in{opacity:1;transform:none}.top{position:sticky;top:0;z-index:50;background:var(--zama);transition:box-shadow .3s,background .3s}.top.scrolled{box-shadow:0 2px 0 var(--ink)}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:400 1.3rem/1 var(--display)}.brand-mark{width:34px;height:34px;background:var(--ink);color:var(--zama);display:grid;place-items:center;font:900 19px/1 var(--kanji);transition:transform .5s var(--spring)}.brand:hover .brand-mark{transform:rotate(-12deg) scale(1.08)}.nav{display:flex;gap:26px;align-items:center}.nav a:not(.btn){text-decoration:none;font-weight:600;font-size:.93rem;position:relative;padding:4px 0}.nav a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.nav a:not(.btn):hover:after,.nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}.menu-btn{display:none;width:44px;height:44px;border:2px solid var(--ink);background:transparent;cursor:pointer;position:relative}.menu-btn span{position:absolute;left:10px;right:10px;height:2px;background:var(--ink);transition:transform .3s var(--ease),opacity .2s}.menu-btn span:nth-child(1){top:14px}.menu-btn span:nth-child(2){top:20px}.menu-btn span:nth-child(3){top:26px}.top.open .menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}.top.open .menu-btn span:nth-child(2){opacity:0}.top.open .menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:760px){.menu-btn{display:block}.nav{position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--zama);border-bottom:2px solid var(--ink);padding:8px var(--gutter) 20px;clip-path:inset(0 0 100% 0);transition:clip-path .45s var(--ease)}.top.open .nav{clip-path:inset(0 0 0 0)}.nav a:not(.btn){padding:14px 0;font-size:1.15rem;border-bottom:1px solid var(--line)}.nav .btn{margin-top:14px}}.btn{--bg: var(--ink);--fg: var(--zama);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:2px solid var(--ink);background:var(--bg);color:var(--fg);font:700 1rem/1 var(--f);text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .25s var(--spring),box-shadow .25s var(--ease),color .3s}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--zama);transform:translateY(101%);transition:transform .4s var(--ease);z-index:-1}.btn:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink);color:var(--ink)}.btn:hover:before{transform:none}.btn:active{transform:none;box-shadow:none}.btn.ghost{--bg: transparent;--fg: var(--ink)}.btn.ghost:before{background:var(--ink)}.btn.ghost:hover{color:var(--zama)}.btn.on-yellow:before{background:var(--paper)}.btn.small{min-height:40px;padding:0 16px;font-size:.9rem}.btn.block{width:100%}.btn[disabled]{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none;color:var(--fg)}.btn[disabled]:before{display:none}.btn .arrow{transition:transform .3s var(--ease)}.btn:hover .arrow{transform:translate(4px)}.hero{background:var(--zama);position:relative;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);min-height:calc(100svh - 132px);padding-top:32px;padding-bottom:48px}.hero h1{font-size:clamp(3rem,8.2vw,7.4rem);line-height:.92;margin-bottom:28px}.hero h1 .line{display:block;overflow:hidden;padding-bottom:.06em}.hero h1 .line>span{display:block;transform:translateY(105%);animation:rise 1s var(--ease) forwards;animation-delay:calc(var(--i) * .12s + .15s)}@keyframes rise{to{transform:none}}.hero .lede,.hero-cta,.hero-meta{opacity:0;animation:fadeUp .9s var(--ease) forwards}.hero .lede{animation-delay:.65s;margin-bottom:30px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;animation-delay:.78s}.hero-meta{margin-top:36px;display:flex;gap:28px;flex-wrap:wrap;animation-delay:.9s;font-size:.9rem}.hero-meta b{display:block;font:400 1.6rem/1.1 var(--display)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero-art{position:relative;margin:0;display:grid;place-items:center;perspective:1200px;opacity:0;animation:artIn 1.2s var(--ease) .3s forwards}@keyframes artIn{0%{opacity:0;transform:translateY(40px) rotate(3deg)}to{opacity:1;transform:none}}.portrait{position:relative;width:min(100%,540px);aspect-ratio:1;border:3px solid var(--ink);box-shadow:16px 16px 0 var(--ink);background:var(--zama);transform-style:preserve-3d;transition:transform .6s var(--ease);will-change:transform}.portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1s var(--ease),transform 4s linear}.portrait img.on{opacity:1;transform:none}.portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 60%);background-size:250% 100%;background-position:120% 0;mix-blend-mode:soft-light;pointer-events:none;transition:background-position 1.2s var(--ease)}.portrait:hover:after{background-position:-20% 0}.seal-tag{position:absolute;left:50%;bottom:-22px;transform:translate(-50%) translateZ(40px);display:flex;gap:10px;align-items:center;background:var(--ink);color:var(--paper);padding:10px 16px;white-space:nowrap;font-size:.85rem}.seal-tag b{color:var(--zama);font-weight:600}.seal-tag code{font-family:var(--mono)}.seal-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--zama);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.hero-kanji{position:absolute;right:-.08em;top:50%;transform:translateY(-50%);font:900 clamp(18rem,42vw,40rem)/.8 var(--kanji);color:#0000000d;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;min-height:0;padding-top:40px;padding-bottom:72px}.portrait{width:min(100%,420px);box-shadow:10px 10px 0 var(--ink)}.hero-art{margin-top:12px}}.ticker{background:var(--ink);color:var(--zama);overflow:hidden;border-block:2px solid var(--ink)}.ticker-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.ticker-track span{display:inline-flex;align-items:center;gap:18px;padding:16px 22px;font:400 1.05rem/1 var(--display);white-space:nowrap}.ticker-track span i{font-style:normal;font-family:var(--mono);font-size:.85rem;color:#bdbdbd}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}section.block{padding:clamp(80px,11vw,140px) 0}.split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,88px);align-items:start}@media(max-width:900px){.split{grid-template-columns:1fr}}.split h2{margin-bottom:22px}.kicker{display:inline-flex;align-items:center;gap:10px;font:400 1rem/1 var(--display);margin-bottom:18px}.kicker:before{content:"";width:28px;height:3px;background:var(--ink)}.gallery{background:var(--cream);overflow:hidden}.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:44px}.gallery-head p{margin:0}.car-ctrl{display:flex;gap:10px}.car-ctrl button{width:54px;height:54px;border:2px solid var(--ink);background:var(--paper);cursor:pointer;display:grid;place-items:center;transition:background .25s,transform .25s var(--spring)}.car-ctrl button:hover{background:var(--zama);transform:translateY(-2px)}.car-ctrl button:active{transform:scale(.94)}.carousel{position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none}.car-track{display:flex;gap:var(--gap);--gap: clamp(14px, 2vw, 24px);--per: 3.2;will-change:transform}.car-track.anim{transition:transform .75s var(--ease)}.car-slide{flex:0 0 calc((100% - var(--gap) * (var(--per) - 1)) / var(--per));position:relative;aspect-ratio:1;border:2px solid var(--ink);background:var(--zama);overflow:hidden;transition:transform .75s var(--ease),box-shadow .75s var(--ease),filter .75s;transform:scale(.9);filter:saturate(.85)}.car-slide.active{transform:scale(1);box-shadow:10px 10px 0 var(--ink);filter:none}.car-slide img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform 1.2s var(--ease)}.car-slide:hover img{transform:scale(1.04)}.car-slide .num{position:absolute;left:12px;bottom:12px;background:var(--ink);color:var(--zama);font:500 .8rem/1 var(--mono);padding:7px 10px}.car-dots{display:flex;justify-content:center;gap:8px;margin-top:34px}.car-dots button{width:28px;height:6px;border:0;background:#0000002e;cursor:pointer;padding:0;position:relative;overflow:hidden}.car-dots button[aria-current=true]{background:#0000002e}.car-dots button[aria-current=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform-origin:left;animation:fill var(--auto, 3.6s) linear forwards}.carousel.paused .car-dots button[aria-current=true]:after{animation-play-state:paused}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:900px){.car-track{--per: 1.6}}@media(max-width:520px){.car-track{--per: 1.18}.car-ctrl button{width:46px;height:46px}}.seal-card{border:3px solid var(--ink);background:var(--paper);display:grid;grid-template-columns:1fr 1fr;box-shadow:14px 14px 0 var(--zama),14px 14px 0 3px var(--ink)}.seal-card .art{aspect-ratio:1;border-right:3px solid var(--ink);background:var(--zama);position:relative;overflow:hidden}.seal-card .art img{width:100%;height:100%;object-fit:cover}.seal-card .art .stamp{position:absolute;top:14px;right:14px;width:58px;height:58px;background:var(--ink);color:var(--zama);display:grid;place-items:center;font:900 1.9rem/1 var(--kanji);transform:scale(0) rotate(-30deg);transition:transform .6s var(--spring)}.seal-card.open .art .stamp{transform:none}.seal-card .info{padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:18px}.seal-card .who{font-size:.85rem;color:var(--graphite);display:flex;align-items:center;gap:8px}.seal-card .who:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--graphite)}.seal-card.open .who:before{background:var(--ok)}.seal-card dl{margin:0;display:grid;gap:14px}.seal-card dt{font-size:.8rem;color:var(--graphite)}.seal-card dd{margin:2px 0 0;font:500 1.15rem/1.2 var(--mono)}.seal-card.open dd{font-family:var(--display);font-size:1.6rem}.seal-card .btn{margin-top:auto}@media(max-width:620px){.seal-card{grid-template-columns:1fr}.seal-card .art{border-right:0;border-bottom:3px solid var(--ink)}}.clans{display:grid;gap:0;border-top:2px solid var(--ink)}.clan{display:grid;grid-template-columns:76px 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);position:relative;transition:padding .4s var(--ease)}.clan:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--zama);transform:scaleY(0);transform-origin:bottom;transition:transform .4s var(--ease);z-index:-1}.clan:hover{padding-left:14px;padding-right:14px}.clan:hover:before{transform:scaleY(1)}.clan .k{font:900 2.6rem/1 var(--kanji)}.clan .n{font:400 1.35rem/1.1 var(--display)}.clan .r{color:var(--graphite);font-size:.95rem;margin-top:4px}.clan .o{font:600 1.05rem/1 var(--mono)}.clan.rare{background:var(--ink);color:var(--paper);padding-left:14px;padding-right:14px}.clan.rare .k,.clan.rare .o{color:var(--zama)}.clan.rare .r{color:#cfcfcf}.clan.rare:before{display:none}@media(max-width:520px){.clan{grid-template-columns:54px 1fr}.clan .k{font-size:2.1rem}.clan .o{grid-column:2}}.asc{background:var(--zama)}.asc-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:stretch;margin-top:56px}.asc-step{border:2px solid var(--ink);background:var(--paper);padding:24px;display:flex;flex-direction:column;gap:10px}.asc-step .n{font:400 2.6rem/1 var(--display)}.asc-step p{margin:0;color:var(--graphite);font-size:.95rem}.asc-step:last-child{background:var(--ink);color:var(--paper)}.asc-step:last-child p{color:#cfcfcf}.asc-step:last-child .n{color:var(--zama)}.asc-arrow{display:grid;place-items:center;font:400 1.8rem/1 var(--display)}.tiers{display:flex;flex-wrap:wrap;gap:0;margin-top:36px;border:2px solid var(--ink);width:fit-content;max-width:100%}.tiers span{padding:12px 18px;font-weight:700;font-size:.9rem;border-right:2px solid var(--ink);background:var(--paper)}.tiers span:last-child{border-right:0;background:var(--ink);color:var(--zama)}@media(max-width:860px){.asc-flow{grid-template-columns:1fr}.asc-arrow{transform:rotate(90deg);height:28px}.tiers span{flex:1 1 45%;border-bottom:2px solid var(--ink)}}.lore{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.lore h2{color:var(--zama);margin-bottom:56px}.lore-bg{position:absolute;right:-4vw;top:6%;font:900 clamp(16rem,34vw,32rem)/.8 var(--kanji);color:#ffd2080d;pointer-events:none}.chapters{display:grid;grid-template-columns:repeat(2,1fr);gap:56px 72px;position:relative}.chapter{border-top:1px solid rgba(255,255,255,.2);padding-top:22px}.chapter h3{color:var(--zama);font:400 1.5rem/1.1 var(--display);margin-bottom:12px}.chapter p{color:#d4d4d4}.oath{margin:96px 0 0;font:400 clamp(2rem,5.4vw,4.6rem)/1.02 var(--display);color:var(--zama);max-width:16ch}@media(max-width:760px){.chapters{grid-template-columns:1fr;gap:40px}}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:600;font-size:1.15rem}.faq summary::-webkit-details-marker{display:none}.faq summary .pm{flex:none;width:34px;height:34px;border:2px solid var(--ink);display:grid;place-items:center;transition:transform .4s var(--spring),background .3s}.faq summary .pm:before{content:"+";font:400 1.2rem/1 var(--display)}.faq details[open] summary .pm{transform:rotate(135deg);background:var(--zama)}.faq .ans{overflow:hidden}.faq .ans p{padding-bottom:22px;margin:0;color:var(--graphite)}.foot{background:var(--zama);padding:72px 0 32px;overflow:hidden}.foot-big{font:400 clamp(3rem,13.4vw,13rem)/.85 var(--display);letter-spacing:-.02em;white-space:nowrap}.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center;margin-top:36px;padding-top:22px;border-top:2px solid var(--ink);font-size:.9rem}.foot-row nav{display:flex;gap:22px;font-weight:600}.foot-row nav a{text-decoration:none}.foot-row nav a:hover{text-decoration:underline;text-underline-offset:4px}.page-head{background:var(--zama);padding:clamp(48px,7vw,88px) 0 clamp(40px,5vw,64px);position:relative;overflow:hidden}.page-head h1{font-size:clamp(2.6rem,7vw,5.4rem);line-height:.95;margin-bottom:16px}.page-head .bg-k{position:absolute;right:2vw;bottom:-.12em;font:900 clamp(9rem,20vw,18rem)/.8 var(--kanji);color:#0000000f;pointer-events:none}.app{padding:clamp(36px,5vw,64px) 0 clamp(72px,9vw,120px)}.panel{border:2px solid var(--ink);background:var(--paper)}.panel-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:2px solid var(--ink);flex-wrap:wrap}.panel-h h2{font-size:1.35rem}.panel-b{padding:22px}.mint-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}@media(max-width:900px){.mint-grid{grid-template-columns:1fr}}.mint-art{border:2px solid var(--ink);aspect-ratio:1;position:relative;overflow:hidden;background:var(--zama)}.mint-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mint-art .sealed{animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.03)}}.mint-art .chip{position:absolute;left:14px;top:14px;background:var(--ink);color:var(--zama);padding:8px 12px;font:500 .8rem/1 var(--mono)}.phase{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}.phase:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--graphite)}.phase.live:before{background:var(--ok);box-shadow:0 0 #0b7a3b80;animation:ring 1.6s infinite}@keyframes ring{to{box-shadow:0 0 0 10px #0b7a3b00}}.stats{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);margin-bottom:18px}.stats div{padding:14px 16px}.stats div+div{border-left:2px solid var(--ink)}.stats small{display:block;color:var(--graphite);font-size:.8rem}.stats b{font:400 1.5rem/1.15 var(--display)}.progress{height:12px;border:2px solid var(--ink);background:var(--pale);margin:8px 0 6px;overflow:hidden}.progress i{display:block;height:100%;background:repeating-linear-gradient(-45deg,var(--ink) 0 10px,#222 10px 20px);width:0;transition:width 1s var(--ease)}.row{display:flex;justify-content:space-between;gap:12px;font-size:.85rem}.qty{display:inline-grid;grid-template-columns:52px 72px 52px;border:2px solid var(--ink)}.qty button{background:var(--paper);border:0;font:400 1.3rem var(--display);cursor:pointer;transition:background .2s}.qty button:hover{background:var(--zama)}.qty output{display:grid;place-items:center;font:400 1.4rem var(--display);border-inline:2px solid var(--ink)}.price-line{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0;padding-top:18px;border-top:1px solid var(--line)}.price-line strong{font:400 1.8rem/1 var(--display)}.note{padding:12px 14px;font-size:.9rem;border-left:4px solid var(--ink);background:var(--pale);margin:14px 0 0;animation:fadeUp .4s var(--ease)}.note.ok{border-color:var(--ok);background:#e7f5ec}.note.err{border-color:var(--err);background:#fdecea}.note:empty{display:none}.vault{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.card{border:2px solid var(--ink);background:var(--paper);display:flex;flex-direction:column;transition:transform .3s var(--spring),box-shadow .3s;animation:fadeUp .5s var(--ease) both}.card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--ink)}.card.picked{outline:4px solid var(--zama);outline-offset:-2px;box-shadow:6px 6px 0 var(--ink)}.card .art{aspect-ratio:1;background:var(--zama);border-bottom:2px solid var(--ink);overflow:hidden}.card .art img{width:100%;height:100%;object-fit:cover}.card .meta{padding:12px;display:grid;gap:4px;font-size:.85rem}.card .meta b{font:400 1.05rem var(--display)}.card .seal{font-family:var(--mono);font-size:.8rem}.card .seal.open{font-family:var(--f);font-weight:700;font-size:.9rem}.card .actions{display:flex;gap:6px;padding:0 12px 12px;flex-wrap:wrap}.empty{padding:40px 20px;text-align:center;border:2px dashed var(--line);color:var(--graphite)}.connect-slot{display:inline-flex}.acct{display:inline-flex;align-items:center;gap:10px}.acct .addr{font:500 .85rem/1 var(--mono);background:var(--paper);border:2px solid var(--ink);padding:10px 12px}.apply-shell{display:grid;grid-template-columns:300px 1fr;gap:clamp(24px,4vw,56px);align-items:start}@media(max-width:900px){.apply-shell{grid-template-columns:1fr}}.steps-rail{list-style:none;margin:0;padding:0;display:grid;gap:0;position:sticky;top:92px;border:2px solid var(--ink);background:var(--paper)}.steps-rail li{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--graphite);transition:background .3s,color .3s}.steps-rail li:last-child{border-bottom:0}.steps-rail .bubble{width:34px;height:34px;flex:none;border:2px solid currentColor;display:grid;place-items:center;font:400 .95rem/1 var(--display);transition:background .3s,color .3s,transform .4s var(--spring)}.steps-rail li.now{color:var(--ink);background:var(--zama)}.steps-rail li.now .bubble{background:var(--ink);color:var(--zama);border-color:var(--ink);transform:scale(1.08)}.steps-rail li.done{color:var(--ink)}.steps-rail li.done .bubble{background:var(--ink);color:var(--zama);border-color:var(--ink);font-size:0}.steps-rail li.done .bubble:before{content:"";width:12px;height:7px;border-left:3px solid var(--zama);border-bottom:3px solid var(--zama);transform:rotate(-45deg) translate(1px,-1px)}.steps-rail small{display:block;font-size:.78rem;color:var(--graphite)}.steps-rail b{font-weight:700}@media(max-width:900px){.steps-rail{position:static;grid-auto-flow:column;grid-auto-columns:1fr}.steps-rail li{flex-direction:column;gap:6px;padding:12px 6px;border-bottom:0;border-right:1px solid var(--line);text-align:center;font-size:.8rem}.steps-rail li:last-child{border-right:0}.steps-rail small{display:none}}.stage{border:2px solid var(--ink);background:var(--paper);box-shadow:12px 12px 0 var(--ink);min-height:440px;display:flex;flex-direction:column;position:relative;overflow:hidden}.stage-bar{height:6px;background:var(--pale)}.stage-bar i{display:block;height:100%;background:var(--ink);width:0;transition:width .6s var(--ease)}.step{padding:clamp(24px,4vw,44px);display:none;flex-direction:column;gap:22px;flex:1}.step.active{display:flex;animation:stepIn .55s var(--ease)}.step.back{animation-name:stepBack}@keyframes stepIn{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:none}}@keyframes stepBack{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:none}}.step h2{font-size:clamp(1.9rem,4vw,2.8rem)}.step .sub{color:var(--graphite);margin:-8px 0 0}.step-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;flex-wrap:wrap}.field{display:grid;gap:8px}.field label{font-weight:600}.input{display:flex;align-items:stretch;border:2px solid var(--ink);background:var(--paper);transition:box-shadow .25s var(--ease)}.input:focus-within{box-shadow:5px 5px 0 var(--zama),5px 5px 0 2px var(--ink)}.input .pre{display:grid;place-items:center;padding:0 14px;background:var(--zama);border-right:2px solid var(--ink);font:400 1.1rem var(--display)}.input input{flex:1;min-width:0;border:0;outline:0;padding:16px;font:500 1.05rem var(--f);background:transparent}.input input.mono{font-family:var(--mono);font-size:.95rem}.input .ok-mark{display:grid;place-items:center;width:52px;opacity:0;transform:scale(.4);transition:opacity .3s,transform .4s var(--spring)}.input.valid .ok-mark{opacity:1;transform:none}.ok-mark:before{content:"";width:14px;height:8px;border-left:3px solid var(--ok);border-bottom:3px solid var(--ok);transform:rotate(-45deg) translate(1px,-2px)}.hint{font-size:.85rem;color:var(--graphite)}.hint.err{color:var(--err)}.tasks{display:grid;gap:12px}.task{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;border:2px solid var(--ink);padding:14px 16px;background:var(--paper);transition:background .3s}.task.done{background:var(--pale)}.tick{width:34px;height:34px;border:2px solid var(--ink);display:grid;place-items:center;position:relative;background:var(--paper)}.task.checking .tick:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:3px solid var(--ink);border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.task.done .tick{background:var(--ink);animation:pop .45s var(--spring)}.task.done .tick:before{content:"";width:13px;height:7px;border-left:3px solid var(--zama);border-bottom:3px solid var(--zama);transform:rotate(-45deg) translate(1px,-1px)}@keyframes pop{0%{transform:scale(.6)}to{transform:none}}.task b{display:block}.task small{color:var(--graphite);font-size:.85rem}.task .btn{min-height:42px;padding:0 16px;font-size:.9rem}@media(max-width:560px){.task{grid-template-columns:40px 1fr}.task .btn{grid-column:1 / -1;width:100%}}.review{border:2px solid var(--ink)}.review div{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.review div:last-child{border-bottom:0}.review span{color:var(--graphite)}.review b{font-family:var(--mono);font-weight:500;word-break:break-all;text-align:right}.filed{align-items:center;text-align:center;justify-content:center}.filed .big-k{font:900 6.4rem/1 var(--kanji);width:160px;height:160px;display:grid;place-items:center;background:var(--ink);color:var(--zama);animation:stamp .8s var(--spring) both}@keyframes stamp{0%{transform:scale(2.4) rotate(-20deg);opacity:0}60%{opacity:1}to{transform:none}}.filed p{margin:0 auto}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-12px;width:10px;height:14px;background:var(--zama);border:2px solid var(--ink);animation:drop 1.8s var(--ease) forwards}@keyframes drop{to{transform:translateY(520px) rotate(540deg);opacity:0}}.status-box{margin-top:28px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.ticker-track{animation:none!important}[data-reveal]{opacity:1;transform:none}}.jk{font-family:var(--kanji);font-weight:900}.lore .kicker:before{background:var(--zama)}
