:root{--washi: #F4EDDD;--washi-deep: #E9DFC8;--card: #FBF7EC;--ink: #1F1B16;--ink-soft: #5C5548;--ink-faint: rgba(31, 27, 22, .14);--shu: #B53324;--shu-deep: #8F2117;--on-shu: #FBF7EC;--bw: 2.5px;--elev: 4px 4px 0 var(--ink);--elev-press: 1px 1px 0 var(--ink);--elev-shu: 4px 4px 0 var(--shu);--radius: 6px;--radius-btn: 10px;--font-display: "Reggae One", serif;--font-body: "Zen Kaku Gothic New", -apple-system, "Hiragino Sans", sans-serif;--font-zukan: "Shippori Mincho", "Hiragino Mincho ProN", serif;--ease: cubic-bezier(.16, 1, .3, 1);--dur: .22s;--pad: 16px;--tap-min: 44px;--sab: env(safe-area-inset-bottom, 0px);--sat: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{background:var(--washi);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.1 0 0 0 0 0.08 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.screen{flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--pad) + var(--sat)) var(--pad) calc(var(--pad) + var(--sab));animation:screen-in var(--dur) var(--ease)}.screen--battle{padding:0;overflow:hidden}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.display{font-family:var(--font-display);font-weight:400;letter-spacing:.04em;line-height:1.25}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding:10px 20px;border:var(--bw) solid var(--ink);border-radius:var(--radius-btn);background:var(--card);color:var(--ink);font-family:var(--font-body);font-size:16px;font-weight:700;box-shadow:var(--elev);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}@media (hover: hover){.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}}.btn:active:not(:disabled){transform:translate(3px,3px) scale(.99);box-shadow:var(--elev-press)}.btn:focus-visible{outline:3px solid var(--shu);outline-offset:2px}.btn:disabled{filter:grayscale(.6);opacity:.55;cursor:default;box-shadow:2px 2px 0 var(--ink-faint)}.btn--shu{background:var(--shu);border-color:var(--ink);color:var(--on-shu);box-shadow:var(--elev)}.btn--shu:active:not(:disabled){background:var(--shu-deep)}.btn--big{min-height:56px;font-size:18px;width:100%}.btn--text{border:none;background:none;box-shadow:none;font-weight:500;text-decoration:underline;text-underline-offset:4px}.btn--text:active:not(:disabled){transform:none;opacity:.6}.btn--loading{pointer-events:none;opacity:.7}.fuda{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--elev);padding:var(--pad)}.statbar{display:flex;gap:4px}.statbar span{flex:1;height:12px;border:1.5px solid var(--ink);border-radius:2px;background:var(--card)}.statbar span.on{background:var(--shu)}.skeleton{border:1.5px dashed var(--ink-faint);border-radius:var(--radius);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;font-size:14px}.title{position:relative;justify-content:flex-end;gap:12px;overflow:hidden}.title__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.title__logo{position:absolute;top:calc(24px + var(--sat));right:20px;writing-mode:vertical-rl;text-orientation:upright;font-size:64px;line-height:1.06;letter-spacing:.1em;color:var(--ink);background:var(--washi);border:var(--bw) solid var(--ink);box-shadow:var(--elev-shu);padding:18px 10px;border-left:6px solid var(--shu);z-index:1}.title__catch{z-index:1;margin:0;font-size:20px;font-weight:900;text-shadow:0 1px 0 var(--washi)}.title__sub{z-index:1;margin:0;font-size:13px;color:var(--ink-soft)}.title__actions{z-index:1;display:flex;flex-direction:column;gap:10px}.title__nav{display:flex;gap:8px;justify-content:center}.title__foot{z-index:1;margin:4px 0 0;font-size:12px;opacity:.6;text-align:center}.title__foot a{color:inherit}.title__catch,.title__sub,.title__actions,.title__foot{position:relative;background:color-mix(in srgb,var(--washi) 82%,transparent);border-radius:var(--radius);padding:2px 8px}.hub__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.hub__title{margin:0;font-size:30px}.hub__nav{display:flex;gap:2px}.hub__status{margin:4px 0 12px;font-size:14px;color:var(--ink-soft)}.hub__status b{color:var(--ink)}.hub__cta{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-bottom:8px}.banzuke{position:relative;padding:18px 12px 14px;flex:1;display:flex;flex-direction:column;min-height:0}.banzuke__gomen{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--card);font-size:12px;letter-spacing:.2em;padding:3px 10px}.banzuke__row{display:flex;flex-direction:row;justify-content:space-between;gap:2px}.banzuke__row--upper{flex:1.25;min-height:190px}.banzuke__row--lower{flex:1;min-height:150px;border-top:2px solid var(--ink);margin-top:8px;padding-top:8px}.banzuke__col{writing-mode:vertical-rl;text-orientation:upright;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;padding:4px 1px;border-left:1px solid var(--ink-faint);flex:1 1 auto}.banzuke__col:first-child{border-left:none}.banzuke__rank{color:var(--ink)}.banzuke__bug{font-size:11px;color:var(--ink-soft);letter-spacing:.06em}.banzuke__col--r9 .banzuke__rank{font-size:32px;-webkit-text-stroke:.6px currentColor;paint-order:stroke fill}.banzuke__col--r8 .banzuke__rank{font-size:26px;-webkit-text-stroke:.5px currentColor;paint-order:stroke fill}.banzuke__col--r7 .banzuke__rank{font-size:22px}.banzuke__col--r6 .banzuke__rank{font-size:19px}.banzuke__col--r5 .banzuke__rank{font-size:17px}.banzuke__col--r4 .banzuke__rank{font-size:16px}.banzuke__col--r3 .banzuke__rank{font-size:15px}.banzuke__col--r2 .banzuke__rank,.banzuke__col--r1 .banzuke__rank,.banzuke__col--r0 .banzuke__rank{font-size:14px}.banzuke__col--r9{flex-grow:1.6}.banzuke__col--r8{flex-grow:1.3}.banzuke__won{position:absolute;bottom:2px;left:50%;transform:translate(-50%) rotate(-6deg);writing-mode:horizontal-tb;color:var(--shu);border:2px solid var(--shu);border-radius:4px;font-size:14px;line-height:1;padding:3px 4px;background:color-mix(in srgb,var(--card) 70%,transparent)}.banzuke__next{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);writing-mode:horizontal-tb;background:var(--shu);color:var(--on-shu);font-size:10px;padding:2px 5px;border-radius:3px;white-space:nowrap}.banzuke__col--next{background:color-mix(in srgb,var(--shu) 7%,transparent);border-radius:4px}.select__canvas,.zukan-d__canvas{width:100%;height:240px;border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--elev);background:#1a1420}.select__info{margin:10px 0 4px}.select__name{margin:0;font-size:26px}.select__waza{margin:2px 0 8px;font-size:13px;color:var(--ink-soft)}.select__family{margin:14px 0 6px;font-weight:900;font-size:13px;letter-spacing:.1em}.select__shelf{display:flex;gap:10px;align-items:flex-end;overflow-x:auto;padding:6px 2px 10px}.select__tag,.zukan__tag{writing-mode:vertical-rl;text-orientation:upright;min-width:56px;padding:10px 6px;display:flex;align-items:center;justify-content:flex-start;font-family:var(--font-display);font-size:15px;letter-spacing:.08em;cursor:pointer;flex:0 0 auto;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.select__tag:active,.zukan__tag:active{transform:translate(2px,2px);box-shadow:var(--elev-press)}.select__tag--on{border-color:var(--shu);box-shadow:var(--elev-shu)}.select__tag--locked{color:var(--ink-soft);filter:grayscale(.7);opacity:.55}.zukan__tag-no{font-size:10px;color:var(--ink-soft);margin-bottom:6px;font-family:var(--font-body)}.zukan__lead{font-size:13px;color:var(--ink-soft);margin:0 0 4px}.zukan-d__head{margin:12px 0 8px}.zukan-d__no{margin:0;font-size:12px;color:var(--ink-soft);letter-spacing:.1em}.zukan-d__name{margin:2px 0 0;font-family:var(--font-zukan);font-weight:800;font-size:26px}.zukan-d__kana{font-size:12px;font-weight:400;margin-left:10px;color:var(--ink-soft)}.zukan-d__sci{margin:0;font-family:var(--font-zukan);font-style:italic;opacity:.7;font-size:14px}.zukan-d__table{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px}.zukan-d__table th,.zukan-d__table td{border-bottom:1px solid var(--ink-faint);padding:7px 4px;text-align:left}.zukan-d__table th{width:92px;color:var(--ink-soft);font-weight:500}.zukan-d__text{font-family:var(--font-zukan);font-size:16px;line-height:1.9;margin:12px 0}.zukan-d__game{margin:8px 0}.zukan-d__game-title{margin:0 0 8px;font-weight:900;font-size:14px}.zukan-d__skill{margin:10px 0 0;font-size:13px;color:var(--ink-soft)}.zukan-d__pager{display:flex;justify-content:space-between;gap:10px;margin:14px 0 8px}.zukan-d__pager .btn{flex:1}.stat{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center;margin:5px 0}.stat__label{font-size:13px;font-weight:700}.stat__text{font-size:11px;color:var(--ink-soft)}.howto__card{margin:8px 0}.howto__card p{margin:6px 0 0;font-size:14px}.howto__h{margin:0;font-size:18px;border-bottom:2px solid var(--ink);display:inline-block;padding-bottom:2px}.howto__waza{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.howto__waza th,.howto__waza td{border-bottom:1px solid var(--ink-faint);padding:5px 4px;text-align:left}.howto__waza th{font-family:var(--font-display);font-weight:400;width:108px}.settings__group{margin:8px 0}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}.settings__row span{font-weight:700}.settings__note{margin:6px 0 0;font-size:12px;color:var(--ink-soft)}.settings__danger{border-color:var(--shu);color:var(--shu)}.settings__credit{margin:0;font-size:13px;line-height:1.8}.settings__credit a{color:inherit}.battle{display:flex;flex-direction:column;height:100%}.battle__stage{position:relative;flex:1 1 62%;min-height:0}.battle__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.battle__quit{position:absolute;top:calc(66px + var(--sat));right:8px;color:var(--card);text-shadow:0 1px 2px rgba(0,0,0,.5)}.battle__loading{position:absolute;top:30%;right:15%;bottom:30%;left:15%}.hud{position:absolute;top:calc(8px + var(--sat));left:8px;right:8px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.hud__side{flex:1;max-width:46%}.hud__side--west{text-align:right}.hud__name{font-size:12px;font-weight:700;color:var(--card);text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud__hp{position:relative;height:12px;border:2px solid var(--card);border-radius:3px;margin-top:3px;background:#0006;overflow:hidden}.hud__hp-fill,.hud__hp-ghost{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center}.hud__hp--rev .hud__hp-fill,.hud__hp--rev .hud__hp-ghost{transform-origin:right center}.hud__hp-fill{background:var(--card)}.hud__hp-ghost{background:color-mix(in srgb,var(--shu) 75%,white)}.hud__launch{font-family:var(--font-display);font-size:13px;color:var(--card);text-shadow:0 1px 2px rgba(0,0,0,.6);margin-top:2px}.hud__launch b{font-size:17px;font-weight:400;transition:font-size var(--dur) var(--ease)}.hud__launch--hot b{color:#ff8a70;font-size:21px;animation:hot-pulse .8s var(--ease) infinite}@keyframes hot-pulse{50%{opacity:.75}}.hud__edge{position:absolute;top:34%;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:22px;color:#ff8a70;text-shadow:0 1px 3px rgba(0,0,0,.6);letter-spacing:.2em;animation:hot-pulse .6s var(--ease) infinite;pointer-events:none}.deck{flex:0 0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:12px;padding:14px var(--pad) calc(14px + var(--sab));background:var(--washi-deep);border-top:var(--bw) solid var(--ink);transition:box-shadow var(--dur) var(--ease)}.deck--edge{box-shadow:inset 0 0 0 3px var(--shu)}.deck__move{display:flex;flex-direction:column;gap:10px}.deck__btn{font-size:18px;font-weight:900;touch-action:none;-webkit-user-select:none;user-select:none}.deck__btn--back{min-height:64px}.deck__btn--fwd{min-height:92px}.deck__btn--atk{position:relative;min-height:166px;font-size:24px;overflow:hidden}.deck__atk-label{font-family:var(--font-display);font-weight:400;letter-spacing:.15em}.deck__cd{position:absolute;left:0;right:0;bottom:0;height:6px;background:#00000059;transform-origin:left center;transform:scaleX(0)}.deck__btn--charging{filter:saturate(.55) brightness(.92)}.mihai{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.mihai__band{position:absolute;left:0;right:0;height:18%;background:var(--ink);opacity:.88}.mihai__band--top{top:0}.mihai__band--bottom{bottom:0}.mihai__names{position:absolute;top:22%;left:0;right:0;display:flex;justify-content:space-around}.mihai__name{writing-mode:vertical-rl;text-orientation:upright;font-family:var(--font-display);font-size:19px;color:var(--card);background:#1f1b16bf;padding:12px 6px;border:1.5px solid var(--card)}.mihai__call{position:absolute;top:42%;left:50%;transform:translate(-50%);font-size:34px;color:var(--card);text-shadow:0 2px 4px rgba(0,0,0,.6);white-space:nowrap}.mihai__call--slam{animation:slam-in .32s var(--ease);font-size:46px;color:#ffd9b0}@keyframes slam-in{0%{transform:translate(-50%) scale(2.4);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.kimarite-slam{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.kimarite-slam__band{position:absolute;top:40%;left:-12%;right:-12%;height:30%;background:var(--ink);transform:rotate(-7deg);opacity:.92;animation:band-in .3s var(--ease)}@keyframes band-in{0%{transform:rotate(-7deg) scaleX(0)}}.kimarite-slam__word{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-7deg);writing-mode:horizontal-tb;font-size:52px;color:var(--card);letter-spacing:.12em;white-space:nowrap;animation:slam-in2 .36s var(--ease)}@keyframes slam-in2{0%{transform:translate(-50%,-50%) rotate(-7deg) scale(2.2);opacity:0}to{transform:translate(-50%,-50%) rotate(-7deg) scale(1);opacity:1}}.kimarite-slam__sub{position:absolute;top:72%;left:50%;transform:translate(-50%);color:#ffd9b0;font-weight:900;letter-spacing:.4em;font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.pause,.result{position:absolute;left:8%;right:8%;top:24%;display:flex;flex-direction:column;gap:10px;text-align:center;z-index:3}.screen--battle{position:relative;padding:0}.pause__msg{margin:0;font-weight:900}.result__verdict{margin:0;font-size:44px}.result__detail{margin:0;font-size:14px}.result__actions{display:flex;flex-direction:column;gap:8px}.promo{justify-content:center;align-items:center}.promo__box{text-align:center;display:flex;flex-direction:column;gap:10px;max-width:320px}.promo__label{margin:0;font-size:15px;letter-spacing:.4em;font-weight:900;color:var(--shu)}.promo__rank{margin:0;font-size:72px;line-height:1.1;animation:slam-in3 .4s var(--ease)}@keyframes slam-in3{0%{transform:scale(2);opacity:0}}.promo__msg{margin:0;font-weight:900}.promo__unlock{margin:0;font-size:14px;color:var(--ink-soft)}.hub__fight{flex-direction:column;gap:2px;padding:8px 20px}.hub__fight-sub{font-size:12px;font-weight:500;opacity:.85}