:root{--kachi-deep: #101a2e;--kachi: #16233c;--kachi-light: #1f3357;--shironeri: #f0ece1;--shironeri-dim: rgba(240, 236, 225, .58);--shu: #d2483c;--asagi: #3fa7a0;--kincha: #c08f2e;--font-display: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", serif;--font-body: "Hiragino Sans", "Yu Gothic", YuGothic, "Noto Sans JP", system-ui, sans-serif;--font-num: ui-monospace, "SF Mono", Menlo, monospace;--rule: 1px solid rgba(240, 236, 225, .14);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:var(--font-body);color:var(--shironeri);background-color:var(--kachi);background-image:radial-gradient(120% 80% at 12% 0%,rgba(63,167,160,.09),transparent 60%),radial-gradient(90% 70% at 100% 10%,rgba(210,72,60,.08),transparent 55%),radial-gradient(140% 120% at 50% 110%,var(--kachi-deep),transparent 70%);line-height:1.7}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--asagi);outline-offset:3px}.button{border-radius:2px;border:1px solid transparent;padding:.6rem 1.4rem;letter-spacing:.08em;transition:background-color .14s ease,border-color .14s ease}.button--primary{background:var(--shu);color:var(--shironeri)}.button--primary:hover:not(:disabled){background:#e05346}.button--primary:disabled{background:#d2483c4d;color:var(--shironeri-dim);cursor:not-allowed}.button--ghost{background:transparent;border-color:#f0ece147;color:var(--shironeri-dim);padding:.3rem .8rem;font-size:.8rem}.button--ghost:hover{border-color:var(--shironeri);color:var(--shironeri)}.gate{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.gate__card{width:min(26rem,100%);display:flex;flex-direction:column;gap:.6rem;padding:2.5rem 2rem;background:#101a2eb8;border:var(--rule);border-top:3px solid var(--shu)}.gate__title{font-family:var(--font-display);font-size:3.4rem;letter-spacing:.3em;margin:0;text-indent:.3em}.gate__subtitle{margin:0 0 1rem;font-size:.78rem;letter-spacing:.42em;color:var(--shironeri-dim)}.gate__lead{margin:0 0 1rem;font-size:.92rem;color:var(--shironeri-dim)}.gate__label{font-size:.78rem;letter-spacing:.2em;color:var(--shironeri-dim)}.gate__input{font:inherit;font-size:1.1rem;padding:.7rem .9rem;color:var(--shironeri);background:#f0ece10f;border:var(--rule);border-radius:2px}.gate__input[aria-invalid=true]{border-color:var(--shu)}.gate__error{margin:0;padding-left:.7rem;border-left:2px solid var(--shu);font-size:.88rem;color:var(--shironeri)}.gate__card>.button{margin-top:.8rem}.gate__waiting{font-family:var(--font-display);letter-spacing:.24em;color:var(--shironeri-dim)}.station{max-width:76rem;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2.5rem) 4rem}.station__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:var(--rule)}.station__title{font-family:var(--font-display);font-size:1.9rem;letter-spacing:.28em;margin:0;display:flex;align-items:baseline;gap:1.2rem}.station__subtitle{font-family:var(--font-body);font-size:.7rem;letter-spacing:.4em;color:var(--shironeri-dim)}.station__ninja{display:flex;align-items:center;gap:.9rem}.station__ninja-name{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.14em;border-right:2px solid var(--shu);padding-right:.7rem}.station__body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,1fr);gap:clamp(1.2rem,3vw,2.4rem);margin-top:1.8rem;align-items:start}.station__message{margin:1.5rem 0 0;padding:.8rem 1rem;border-left:3px solid var(--shu);background:#d2483c1f;font-size:.92rem}.stage__frame{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--kachi-deep);border:var(--rule);transition:box-shadow .2s ease,border-color .2s ease}.stage__frame--sealed{border-color:#3fa7a099;box-shadow:0 0 0 1px #3fa7a059,0 0 48px #3fa7a02e inset}.stage__video,.stage__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.stage__error{position:absolute;inset:auto 1rem 1rem;margin:0;padding:.8rem 1rem;background:#101a2eeb;border-left:3px solid var(--shu);font-size:.9rem}.stage__status{margin:.9rem 0 0;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.2em;color:var(--shironeri-dim);transition:color .16s ease}.stage__status--sealed{color:var(--asagi)}.station__side{display:flex;flex-direction:column;gap:2rem}.scroll__heading,.log__heading{font-family:var(--font-display);font-size:.95rem;letter-spacing:.36em;margin:0 0 .9rem;padding-bottom:.5rem;border-bottom:var(--rule);color:var(--shironeri-dim)}.jutsu{padding:1rem 1.1rem 1.2rem;border:var(--rule);border-left:3px solid transparent;background:#101a2e73}.jutsu+.jutsu{margin-top:.9rem}.jutsu--next{border-left-color:var(--kincha);background:#1f33578c}.jutsu__header{display:flex;align-items:baseline;gap:.7rem}.jutsu__name{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.14em}.jutsu__type{font-size:.72rem;letter-spacing:.24em;color:var(--shironeri-dim)}.jutsu__seals{display:flex;gap:.7rem;list-style:none;margin:.9rem 0 0;padding:0}.seal{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.7rem .35rem .5rem;border:1px solid rgba(240,236,225,.18);background:#f0ece108}.seal__kanji{font-family:var(--font-display);font-size:1.7rem;line-height:1}.pose{width:100%;max-width:5.4rem;height:auto;margin-top:.35rem}.seal__reading{font-size:.62rem;letter-spacing:.16em;color:var(--shironeri-dim)}.seal--todo{color:var(--shironeri-dim)}.seal--active{border-color:var(--kincha);color:var(--kincha);box-shadow:0 0 20px #c08f2e29 inset}.seal--done{border-color:var(--shu);background:var(--shu);color:var(--shironeri);animation:stamp .26s cubic-bezier(.2,1.6,.4,1) both}.seal--done .seal__reading{color:#f0ece1bf}.seal--done:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 110% at 30% 20%,rgba(255,240,232,.15),transparent 56%),radial-gradient(120% 110% at 86% 90%,rgba(22,35,60,.22),transparent 58%)}@keyframes stamp{0%{transform:scale(1.55) rotate(-10deg);opacity:0}55%{transform:scale(.94) rotate(-3.5deg);opacity:1}to{transform:scale(1) rotate(-2deg)}}.jutsu__hint{margin:.9rem 0 0;font-size:.82rem;color:var(--shironeri-dim)}.log__empty{margin:0;font-size:.86rem;color:var(--shironeri-dim)}.log__list{list-style:none;margin:0;padding:0}.log__row{display:grid;grid-template-columns:5.5rem 3rem 1fr;align-items:baseline;gap:.6rem;padding:.55rem 0 .55rem .7rem;border-bottom:var(--rule);border-left:2px solid transparent;font-size:.86rem}.log__row--in{border-left-color:var(--asagi)}.log__row--out{border-left-color:var(--kincha)}.log__time{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--shironeri-dim)}.log__type{font-family:var(--font-display);letter-spacing:.1em}.log__seals{font-family:var(--font-display);letter-spacing:.22em;color:var(--shironeri-dim)}.flash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#101a2edb;animation:veil .22s ease both;z-index:10}.flash__inner{text-align:center;padding:2.4rem 3.4rem;border-top:2px solid var(--kincha);border-bottom:2px solid var(--kincha);animation:unfurl .42s cubic-bezier(.16,1,.3,1) both}.flash__jutsu{font-family:var(--font-display);font-size:clamp(2.2rem,7vw,3.6rem);letter-spacing:.24em;margin:0;text-indent:.24em;color:var(--kincha)}.flash__label{margin:.6rem 0 0;font-size:.86rem;letter-spacing:.3em;color:var(--shironeri-dim)}.flash__time{margin:.3rem 0 0;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:1.1rem}@keyframes veil{0%{opacity:0}}@keyframes unfurl{0%{transform:scaleY(.04);opacity:0}}@media(max-width:62rem){.station__body{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}