:root{--sumi: #14110d;--sumi-2: #241d15;--washi: #e9dcbe;--washi-2: #d6c49e;--ban: #d9ab68;--ban-dark: #c1925198;--line: #3d2b16;--shu: #b4342a;--shu-bright: #e0503f;--kin: #c8a45c;--ao: #2f6f93;--ao-2: #1d4f77;--midori: #4f7a3a;--serif: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Shippori Mincho", serif;--sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--cell: 38px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--sumi);color:var(--washi);font-family:var(--serif);-webkit-text-size-adjust:100%;overscroll-behavior:none}body{min-height:100dvh;background-image:radial-gradient(120% 80% at 50% -10%,#2a2118 0%,transparent 60%),repeating-linear-gradient(103deg,transparent 0 6px,#ffffff05 6px 7px)}#app{max-width:520px;margin:0 auto;padding:env(safe-area-inset-top) 10px calc(env(safe-area-inset-bottom) + 16px)}button{font-family:inherit;color:inherit;cursor:pointer}.screen{display:none}.screen.on{display:block;animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.brand{text-align:center;padding:28px 0 12px}.brand h1{margin:0;font-size:clamp(52px,20vw,88px);letter-spacing:.18em;text-indent:.18em;line-height:1;color:var(--washi);text-shadow:0 0 30px #00000090,0 2px 0 #00000060;font-weight:600}.brand .kicker{margin-top:14px;font-size:13px;letter-spacing:.32em;text-indent:.32em;color:var(--kin);opacity:.9}.brand .lede{margin:18px auto 0;max-width:24em;font-size:14px;line-height:2;color:#cdbf9f}.brand .lede b{color:var(--washi);font-weight:600}.seal{display:inline-block;margin-top:18px;padding:6px 14px;border:1px solid var(--shu);color:var(--shu-bright);font-size:11px;letter-spacing:.2em;text-indent:.2em;border-radius:2px}.panel{margin:22px 0;padding:16px;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px}.panel h2{margin:0 0 12px;font-size:13px;letter-spacing:.24em;text-indent:.24em;color:var(--kin);font-weight:600}.modes{display:grid;gap:8px;grid-template-columns:1fr 1fr}.mode{padding:14px 10px;background:#00000040;border:1px solid #ffffff18;border-radius:3px;font-size:15px;letter-spacing:.1em;transition:.15s}.mode[aria-pressed=true]{background:var(--shu);border-color:var(--shu-bright);color:#fff}.levels{display:grid;gap:6px}.level{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:10px 12px;background:#00000040;border:1px solid #ffffff14;border-radius:3px;text-align:left;transition:.15s}.level[aria-pressed=true]{background:#b4342a26;border-color:var(--shu)}.level .dan{font-size:20px;text-align:center;color:var(--kin)}.level .nm{font-size:15px;letter-spacing:.08em}.level .tg{font-size:11px;color:#a2977f;margin-top:3px;line-height:1.5;font-family:var(--sans)}.cta{display:block;width:100%;margin-top:18px;padding:16px;background:var(--shu);border:none;border-radius:3px;color:#fff;font-size:17px;letter-spacing:.28em;text-indent:.28em;box-shadow:0 6px #7c2119;transition:.1s}.cta:active{transform:translateY(4px);box-shadow:0 2px #7c2119}.cta.ghost{background:transparent;border:1px solid #ffffff28;box-shadow:none;color:var(--washi);font-size:14px}.cta.ghost:active{transform:none;background:#ffffff10}.row{display:flex;gap:8px}.row>*{flex:1}.hud{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px;font-size:12px;font-family:var(--sans)}.hud .who{display:flex;align-items:center;gap:7px;letter-spacing:.1em}.hud .dot{width:11px;height:11px;border-radius:50%;background:var(--washi);border:1px solid #00000060}.hud .dot.w{background:#f4ecd8}.hud .dot.b{background:#211a12;border-color:#ffffff40}.hud .status{color:var(--kin);letter-spacing:.1em}.hud .status.danger{color:var(--shu-bright);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}.board-wrap{position:relative;padding:10px;background:linear-gradient(160deg,#7a5326,#4a3218);border-radius:5px;box-shadow:0 10px 30px #00000070,inset 0 0 0 1px #ffffff14}.board{display:grid;grid-template-columns:repeat(9,1fr);background:var(--ban);background-image:repeating-linear-gradient(91deg,#00000010 0 2px,transparent 2px 9px),linear-gradient(180deg,#e0b473,#c9964f);border:2px solid var(--line);touch-action:manipulation;-webkit-user-select:none;user-select:none}.cell{position:relative;aspect-ratio:1;border-right:1px solid #3d2b1655;border-bottom:1px solid #3d2b1655;display:grid;place-items:center;padding:0;background:transparent;border-left:none;border-top:none}.cell:nth-child(9n){border-right:none}.cell:nth-child(n+73){border-bottom:none}.cell.camp:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#b4342a1a;pointer-events:none}.cell.can:before{content:"";position:absolute;width:34%;height:34%;border-radius:50%;background:#2f6f93aa;box-shadow:0 0 0 2px #ffffff40;pointer-events:none;z-index:3}.cell.can-cap:before{background:#b4342acc}.cell.sel{box-shadow:inset 0 0 0 3px var(--kin);z-index:4}.cell.last{background:#c8a45c33}.cell.threat{box-shadow:inset 0 0 0 3px var(--shu-bright)}.koma{position:relative;width:84%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:calc(var(--cell) * .46);line-height:1;font-weight:600;z-index:2;background:radial-gradient(circle at 34% 28%,#fdf3dc,#d9c191 60%,#b99f6d);color:#1a1209;border:1px solid #00000055;box-shadow:0 2px 3px #0005}.koma.white{background:radial-gradient(circle at 34% 28%,#3a3128,#201911 60%,#15100a);color:#efe3c6;border-color:#00000090}.koma.white{transform:rotate(180deg)}.koma.t2{box-shadow:0 2px #8a7038,0 5px 6px #00000060;transform:translateY(-2px)}.koma.white.t2{transform:translateY(-2px) rotate(180deg)}.koma.t3{box-shadow:0 2px #8a7038,0 5px #6d5628,0 8px 8px #0006;transform:translateY(-4px)}.koma.white.t3{transform:translateY(-4px) rotate(180deg)}.tier{position:absolute;right:4%;bottom:4%;z-index:5;font-size:calc(var(--cell) * .28);line-height:1;padding:1px 3px;border-radius:2px;background:var(--sumi);color:var(--kin);border:1px solid var(--kin);pointer-events:none}.tray{margin-top:12px;padding:10px;background:#00000040;border:1px solid #ffffff12;border-radius:4px}.tray h3{margin:0 0 8px;font-size:11px;letter-spacing:.22em;color:var(--kin);font-weight:600;display:flex;justify-content:space-between}.tray h3 span{color:#8e836d;letter-spacing:0;font-family:var(--sans)}.hand{display:flex;flex-wrap:wrap;gap:5px}.hand-item{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid #00000055;background:radial-gradient(circle at 34% 28%,#fdf3dc,#d9c191 60%,#b99f6d);color:#1a1209;font-size:18px;display:grid;place-items:center;font-family:var(--serif);font-weight:600}.hand-item.white{background:radial-gradient(circle at 34% 28%,#3a3128,#201911 60%,#15100a);color:#efe3c6}.hand-item[aria-pressed=true]{box-shadow:0 0 0 3px var(--kin)}.hand-item:disabled{opacity:.28}.hand-item .n{position:absolute;right:-2px;bottom:-2px;background:var(--shu);color:#fff;font-size:10px;font-family:var(--sans);min-width:15px;height:15px;border-radius:8px;display:grid;place-items:center;padding:0 3px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b0;display:grid;place-items:end center;z-index:50;padding:0 10px calc(env(safe-area-inset-bottom) + 14px)}.sheet{width:100%;max-width:500px;background:var(--sumi-2);border:1px solid #ffffff20;border-radius:6px;padding:14px;animation:up .18s ease}@keyframes up{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.sheet h4{margin:0 0 4px;font-size:14px;letter-spacing:.16em;color:var(--kin)}.sheet p{margin:0 0 12px;font-size:12px;color:#a2977f;font-family:var(--sans);line-height:1.7}.sheet .opt{display:block;width:100%;margin-top:7px;padding:13px;background:#00000050;border:1px solid #ffffff20;border-radius:3px;font-size:15px;letter-spacing:.1em;text-align:left}.sheet .opt b{color:var(--kin)}.sheet .opt small{display:block;margin-top:4px;font-size:11px;color:#978c75;font-family:var(--sans)}.result{text-align:center;padding:30px 0}.result .big{font-size:clamp(34px,12vw,54px);letter-spacing:.16em;text-indent:.16em;margin:0}.result .big.win{color:var(--kin)}.result .big.lose{color:#8b8172}.result .sub{margin-top:12px;font-size:13px;color:#a2977f;line-height:2}.result .score{margin:22px auto;font-size:46px;color:var(--shu-bright);letter-spacing:.06em}.result .score small{display:block;font-size:11px;color:#8e836d;letter-spacing:.3em}.namebox{width:100%;padding:13px;background:#00000050;border:1px solid #ffffff22;border-radius:3px;color:var(--washi);font-family:var(--serif);font-size:16px;text-align:center;letter-spacing:.1em}.rank-tabs{display:flex;gap:5px;margin-bottom:12px;flex-wrap:wrap}.rank-tab{flex:1;min-width:60px;padding:8px 4px;background:#00000040;border:1px solid #ffffff14;border-radius:3px;font-size:12px}.rank-tab[aria-pressed=true]{background:var(--shu);border-color:var(--shu-bright);color:#fff}.rank-list{display:grid;gap:4px}.rank-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px 12px;background:#00000038;border:1px solid #ffffff10;border-radius:3px;font-size:14px}.rank-row.me{border-color:var(--kin);background:#c8a45c1a}.rank-row .pos{text-align:center;color:var(--kin);font-size:17px}.rank-row .pos.p1{color:#f0d089}.rank-row .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .sc{color:var(--shu-bright);font-size:15px}.rank-row .meta{font-size:10px;color:#8e836d;font-family:var(--sans)}.empty{padding:30px 10px;text-align:center;color:#8e836d;font-size:13px;line-height:2}.foot{margin-top:26px;padding:16px 4px calc(env(safe-area-inset-bottom) + 10px);border-top:1px solid #ffffff12;font-size:11px;line-height:2;color:#7e7566;font-family:var(--sans)}.foot a{color:#a2977f}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 20px);transform:translate(-50%);background:var(--sumi-2);border:1px solid var(--kin);color:var(--washi);padding:11px 18px;border-radius:3px;font-size:13px;z-index:90;animation:fade .2s ease}@media (min-width: 430px){:root{--cell: 44px}}.flow{scroll-snap-type:y proximity}.step{min-height:100svh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;padding:40px 0;opacity:0;transform:translateY(22px);transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}.step.ready{opacity:1;transform:none}.step[hidden]{display:none}.hero{text-align:center}.title-anim{display:flex;justify-content:center;gap:.1em;font-size:clamp(64px,26vw,128px);line-height:1;font-weight:600;color:var(--washi);text-shadow:0 0 44px #00000090,0 3px 0 #00000060}.title-anim .ch{display:inline-block;opacity:0;transform:translateY(26px) scale(.9);filter:blur(6px);animation:brush .9s cubic-bezier(.19,1,.22,1) forwards}.title-anim .c1{animation-delay:.12s}.title-anim .c2{animation-delay:.34s}@keyframes brush{to{opacity:1;transform:none;filter:none}}.hero .kicker{margin-top:18px;font-size:13px;letter-spacing:.34em;text-indent:.34em;color:var(--kin);opacity:0;animation:fadeup .7s ease .62s forwards}.hero-lede{margin:22px auto 0;max-width:24em;font-size:14px;line-height:2.1;color:#cdbf9f;opacity:0;animation:fadeup .7s ease .78s forwards}.hero-lede b{color:var(--washi);font-weight:600}@keyframes fadeup{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.scroll-cue{margin:40px auto 0;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;color:var(--kin);font-family:var(--serif);font-size:13px;letter-spacing:.3em;text-indent:.3em;opacity:0;animation:fadeup .7s ease 1s forwards}.scroll-cue svg{animation:bob 1.8s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}.q{margin-bottom:22px}.qn{font-size:11px;letter-spacing:.3em;color:var(--shu-bright);margin-bottom:10px}.q h2{margin:0 0 8px;font-size:clamp(24px,7vw,34px);letter-spacing:.06em;font-weight:600;line-height:1.5}.qs{margin:0;font-size:13px;color:var(--mute, #a2977f);line-height:1.9;font-family:var(--sans)}.opts{display:grid;gap:9px}.opt-big{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:13px;padding:16px 15px;text-align:left;background:#00000040;border:1px solid #ffffff1c;border-radius:4px;transition:background .18s,border-color .18s,transform .12s}.opt-big:active{transform:scale(.985)}.opt-big[aria-pressed=true]{background:#b4342a2e;border-color:var(--shu)}.opt-big .key,.opt-big .dan{display:grid;place-items:center;width:34px;height:34px;border-radius:3px;border:1px solid #ffffff28;color:var(--kin);font-size:15px}.opt-big .dan{font-size:19px;border-radius:50%}.opt-big[aria-pressed=true] .key,.opt-big[aria-pressed=true] .dan{border-color:var(--shu-bright);color:#fff}.opt-big .txt b{display:block;font-size:16px;letter-spacing:.06em;font-weight:600}.opt-big .txt small{display:block;margin-top:3px;font-size:11px;color:#9b9078;font-family:var(--sans);line-height:1.6}.last{text-align:left}.summary{display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:11px 14px;background:#ffffff08;border:1px solid #ffffff16;border-radius:3px;font-size:13px;color:var(--kin);letter-spacing:.1em}.summary .sep{opacity:.4}.sub-links{display:flex;gap:8px;margin-top:10px}.sub-link{flex:1;text-align:center;padding:13px;background:transparent;border:1px solid #ffffff20;border-radius:3px;color:var(--washi);font-family:var(--serif);font-size:13px;letter-spacing:.1em;text-decoration:none}.progress{position:fixed;left:0;right:0;top:0;height:2px;background:#ffffff12;z-index:40}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--shu),var(--kin));transition:width .45s cubic-bezier(.22,.61,.36,1)}.foot .thanks{font-family:var(--serif);font-size:13px;color:#cdbf9f;padding:15px;background:#ffffff07;border:1px solid #ffffff14;border-radius:4px;line-height:2.05}.foot .thanks b{color:var(--kin)}.foot .love{font-family:var(--serif);font-size:12.5px;color:#a2977f;border-left:2px solid var(--shu);padding-left:12px;line-height:2.05}.foot .takedown b{color:var(--shu-bright)}.foot .small{font-size:10.5px;opacity:.85}.foot p{margin:0 0 11px}.foot b{color:#cdbf9f}@media (prefers-reduced-motion: reduce){.step,.title-anim .ch,.hero .kicker,.hero-lede,.scroll-cue{animation:none!important;transition:none!important;opacity:1!important;transform:none!important;filter:none!important}}