:root{--ai:#14203a;--ai-deep:#0a1120;--washi:#f4f0e7;--washi-2:#ece6d9;--washi-edge:#ded4c1;--sumi:#17150f;--sumi-soft:#57503f;--sumi-faint:#8a8271;--shinchu:#a98247;--ink:#a98247;--sheet-w:680px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--display:"Dela Gothic One", "Zen Kaku Gothic New", sans-serif;--body:"Zen Kaku Gothic New", system-ui, sans-serif;--mono:"Space Mono", ui-monospace, monospace;--seigaiha:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Cg fill='none' stroke='%23A98247' stroke-width='1' stroke-opacity='0.5'%3E%3Cpath d='M0 20 a20 20 0 0 1 40 0'/%3E%3Cpath d='M6 20 a14 14 0 0 1 28 0'/%3E%3Cpath d='M13 20 a7 7 0 0 1 14 0'/%3E%3C/g%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--ai);color:var(--washi);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.9}body:before{content:"";z-index:-1;background-image:radial-gradient(ellipse 120% 70% at 50% -8%, #a982472b, transparent 62%), linear-gradient(180deg, var(--ai) 0%, var(--ai-deep) 100%);position:fixed;inset:0}body:after{content:"";z-index:-1;background-image:var(--grain);opacity:.05;mix-blend-mode:overlay;pointer-events:none;position:fixed;inset:0}a{color:inherit}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--shinchu);outline-offset:4px}.stage{flex-direction:column;align-items:center;min-height:100dvh;padding:clamp(24px,5vw,64px) clamp(16px,4vw,24px) clamp(48px,8vw,96px);display:flex}.sheet{width:100%;max-width:var(--sheet-w);background-color:var(--washi);color:var(--sumi);isolation:isolate;padding:clamp(32px,6vw,64px) clamp(24px,5vw,48px);position:relative;box-shadow:0 22px 60px -22px #0009,0 3px 10px #0000003d}.sheet:before{content:"";z-index:-1;background-image:linear-gradient(177deg, #00000009 0%, transparent 14%, transparent 86%, #0000000b 100%), var(--grain);background-blend-mode:normal, multiply;opacity:.5;position:absolute;inset:0}.sheet:after{content:"";pointer-events:none;box-shadow:0 0 0 1px var(--washi-edge) inset;position:absolute;inset:0}.eyebrow{font-family:var(--mono);letter-spacing:.18em;color:var(--sumi-faint);text-transform:uppercase;margin:0 0 18px;font-size:10.5px}.display{font-family:var(--display);margin:0;font-weight:400;line-height:1.3}.h-hero{font-size:clamp(28px,7vw,46px)}.h-sec{font-size:clamp(20px,4.4vw,27px)}.lede{color:var(--sumi-soft);margin:18px 0 0;font-size:clamp(14.5px,3.3vw,16px);line-height:1.95}.body-text{margin:0;font-size:clamp(14.5px,3.2vw,16px);line-height:1.95}.rule{border:0;border-top:1px solid var(--washi-edge);height:0;margin:clamp(28px,5vw,40px) 0}.seal-svg{flex:none;display:block;transform:rotate(-5.5deg)}.seal-wrap{flex:none;place-items:center;display:grid;position:relative}.ink-ring{border:2px solid var(--ink);opacity:0;pointer-events:none;border-radius:4px;position:absolute;inset:0}.seal-press{animation:.76s cubic-bezier(.17,.85,.24,1) backwards press}.seal-press~.ink-ring,.seal-wrap .ink-ring{animation:.9s ease-out .43s backwards bleed}@keyframes press{0%{opacity:0;filter:blur(7px);transform:rotate(-19deg)scale(2.5)}46%{opacity:1;filter:blur()}60%{transform:rotate(-3deg)scale(.935)}76%{transform:rotate(-6.4deg)scale(1.025)}to{opacity:1;filter:blur();transform:rotate(-5.5deg)scale(1)}}@keyframes bleed{0%{opacity:.5;transform:scale(.96)}to{opacity:0;transform:scale(1.5)}}.sheet-hit{animation:.76s cubic-bezier(.17,.85,.24,1) backwards hit}@keyframes hit{0%,55%{transform:translateY(0)}62%{transform:translateY(2.5px)}to{transform:translateY(0)}}.rise{animation:.62s cubic-bezier(.2,.8,.25,1) backwards rise;animation-delay:calc(.56s + var(--i,0) * 70ms)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.seal-row{align-items:center;gap:clamp(20px,4.5vw,34px);display:flex}.seal-row-text{min-width:0}@media (max-width:560px){.seal-row{flex-direction:column;align-items:flex-start;gap:22px}}.cta{font-family:var(--display);background:var(--sumi);color:var(--washi);border:0;padding:16px 32px;font-size:clamp(15px,3.3vw,16px);text-decoration:none;transition:background-color .18s,transform .18s;display:inline-block}.cta:hover{background:var(--ink);transform:translateY(-1px)}.cta-ghost{color:var(--sumi-soft);background:0 0;background-image:linear-gradient(var(--washi-edge), var(--washi-edge));background-position:0 calc(100% - 9px);background-repeat:no-repeat;background-size:100% 1px;border:0;padding:12px 2px 10px;font-size:13.5px;text-decoration:none;transition:color .16s,background-image .16s;display:inline-block}.cta-ghost:hover{color:var(--ink);background-image:linear-gradient(var(--ink), var(--ink))}.ask{padding-top:4px;position:relative}.ask-no{font-family:var(--mono);color:var(--sumi);opacity:.055;letter-spacing:-.03em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(72px,20vw,132px);font-weight:700;line-height:1;position:absolute;top:-18px;right:-6px}.ask-text{font-family:var(--body);max-width:22em;margin:0;font-size:clamp(20px,4.8vw,28px);font-weight:500;line-height:1.68;position:relative}.choices{border-top:1px solid var(--washi-edge);margin-top:clamp(28px,6vw,42px)}.choice{text-align:left;width:100%;color:var(--sumi);border:0;border-bottom:1px solid var(--washi-edge);background:0 0;padding:20px 44px 20px 4px;font-size:clamp(16px,3.7vw,18px);line-height:1.6;transition:color .18s,padding-left .22s cubic-bezier(.2,.8,.25,1);display:block;position:relative}.choice:before{content:"";background:var(--ink);opacity:.06;transform-origin:0;transition:transform .32s cubic-bezier(.2,.8,.25,1);position:absolute;inset:0;transform:scaleX(0)}.choice:after{content:"";background:var(--sumi-faint);width:22px;height:1px;transition:width .22s,background-color .18s;position:absolute;top:50%;right:8px}.choice:hover{color:var(--ink);padding-left:16px}.choice:hover:before{transform:scaleX(1)}.choice:hover:after{background:var(--ink);width:30px}.choice>span{position:relative}.meter{align-items:center;gap:14px;margin-bottom:clamp(30px,6vw,46px);display:flex}.meter-track{background:var(--washi-edge);flex:1;height:1px;position:relative}.meter-fill{background:var(--sumi);height:100%;transition:width .32s cubic-bezier(.2,.8,.3,1);position:absolute;inset:0 auto 0 0}.meter-count{font-family:var(--mono);letter-spacing:.16em;color:var(--sumi-faint);flex:none;font-size:10.5px}.block{margin:clamp(26px,5vw,34px) 0 0}.block-label{font-family:var(--mono);letter-spacing:.18em;color:var(--ink);text-transform:uppercase;margin:0 0 8px;font-size:10.5px}.block-body{margin:0;font-size:clamp(15px,3.4vw,17px);line-height:1.92}.block-body-lead{font-family:var(--display);margin:0;font-size:clamp(18px,4.4vw,23px);line-height:1.62}.block-loud,.block-loud+.block{margin-top:var(--s7)}.block-loud .block-label{margin-bottom:var(--s4)}.pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:470px){.pair{grid-template-columns:1fr}}.pair-item{border-top:2px solid var(--ink);padding-top:12px}.pair-role{font-family:var(--mono);letter-spacing:.18em;color:var(--sumi-faint);margin:0 0 var(--s1);font-size:10px}.pair-name{font-family:var(--display);margin:0;font-size:clamp(16px,3.8vw,19px)}.pair-name a{border-bottom:1px solid #0000;text-decoration:none}.pair-name a:hover{border-bottom-color:var(--ink);color:var(--ink)}.clans{gap:0;margin-top:6px;display:grid}.clan{border-bottom:1px solid var(--washi-edge);align-items:baseline;gap:14px;padding:15px 0;display:flex}.clan:first-child{border-top:1px solid var(--washi-edge)}.clan-chip{border-radius:50%;flex:none;align-self:center;width:11px;height:11px}.clan-name{font-family:var(--display);flex:none;font-size:clamp(15px,3.6vw,17px)}.clan-axis{font-family:var(--mono);letter-spacing:.1em;color:var(--sumi-faint);flex:none;font-size:10.5px}.clan-line{color:var(--sumi-soft);text-align:right;margin-left:auto;font-size:13.5px}@media (max-width:560px){.clan{flex-wrap:wrap;gap:8px 12px}.clan-line{text-align:left;width:100%;margin-left:0}}.matrix-scroll{margin-top:22px;padding-bottom:4px;overflow-x:auto}.matrix{border-collapse:collapse;width:100%;min-width:540px}.matrix th,.matrix td{border-bottom:1px solid var(--washi-edge);text-align:left;vertical-align:top;padding:14px 12px}.matrix thead th,.matrix tbody th{font-family:var(--mono);letter-spacing:.1em;color:var(--sumi-faint);border-bottom:1px solid var(--shinchu);font-size:10px;font-weight:400}.matrix tbody th{white-space:nowrap;border-bottom:1px solid var(--washi-edge);padding-left:0}.matrix-cell{border-left:3px solid var(--ink);padding-left:10px;text-decoration:none;transition:background-color .16s,padding-left .2s;display:block}.matrix-cell:hover{background:color-mix(in srgb, var(--ink) 7%, transparent);padding-left:14px}.matrix-name{font-family:var(--display);color:var(--sumi);font-size:15px;line-height:1.4;display:block}.matrix-cell:hover .matrix-name{color:var(--ink)}.matrix-code{font-family:var(--mono);letter-spacing:.12em;color:var(--sumi-faint);margin-top:3px;font-size:9.5px;display:block}.foot{flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:clamp(28px,5vw,38px);display:flex}.note{max-width:var(--sheet-w);color:#f4f0e780;width:100%;margin-top:24px;font-size:12px;line-height:1.9}.note a{color:#f4f0e7c7}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}body:before{background-image:radial-gradient(ellipse 120% 70% at 50% -8%, #a982472b, transparent 62%), var(--seigaiha), var(--seigaiha), linear-gradient(180deg, var(--ai) 0%, var(--ai-deep) 100%);background-position:0 0,0 0,20px 10px,0 0;background-size:auto,40px 20px,40px 20px,auto}.sheet:after{background-image:linear-gradient(var(--shinchu), var(--shinchu)), linear-gradient(var(--shinchu), var(--shinchu)), linear-gradient(var(--shinchu), var(--shinchu)), linear-gradient(var(--shinchu), var(--shinchu)), linear-gradient(var(--shinchu), var(--shinchu)), linear-gradient(var(--shinchu), var(--shinchu)), linear-gradient(var(--shinchu), var(--shinchu)), linear-gradient(var(--shinchu), var(--shinchu));opacity:.6;background-position:11px 11px,11px 11px,calc(100% - 11px) 11px,calc(100% - 11px) 11px,11px calc(100% - 11px),11px calc(100% - 11px),calc(100% - 11px) calc(100% - 11px),calc(100% - 11px) calc(100% - 11px);background-repeat:no-repeat;background-size:16px 1px,1px 16px,16px 1px,1px 16px,16px 1px,1px 16px,16px 1px,1px 16px}.rule-mark{background-image:linear-gradient(var(--washi-edge), var(--washi-edge));background-position:0;background-repeat:no-repeat;background-size:100% 1px;border:0;height:9px;margin:clamp(30px,5.5vw,44px) 0;position:relative}.rule-mark:after{content:"";background:var(--washi);border:1px solid var(--ink);width:7px;height:7px;box-shadow:0 0 0 4px var(--washi);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.kata-pair{grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;display:grid}@media (max-width:470px){.kata-pair{grid-template-columns:1fr}}.kata-card{border-top:2px solid var(--ink);padding-top:14px}.kata-card-quiet{border-top-color:var(--washi-edge)}.kata-figs{align-items:flex-end;gap:2px;min-height:92px;margin-bottom:10px;display:flex}.kata-mirror{transform:scaleX(-1)}.kata-cell{margin-bottom:6px;display:block}.matrix-cell .kata-cell svg{transition:transform .22s cubic-bezier(.2,.8,.25,1)}.matrix-cell:hover .kata-cell svg{transform:translateY(-3px)}.kata-strip{flex-wrap:wrap;align-items:flex-end;gap:4px 10px;margin-top:18px;display:flex}.seal-corner{z-index:2;position:absolute;top:clamp(14px,3.5vw,26px);right:clamp(14px,3.5vw,26px)}.hero{align-items:flex-start;gap:var(--s4);flex-direction:column;display:flex}.hero-fig{transform-origin:50% 100%;animation:.72s cubic-bezier(.2,1.5,.4,1) .2s backwards hop}@keyframes hop{0%{opacity:0;transform:translateY(26px)scale(.72)}55%{opacity:1;transform:translateY(-6px)scale(1.06)}to{opacity:1;transform:translateY(0)scale(1)}}.kata-figs{align-items:flex-end;min-height:116px}.matrix-name{white-space:nowrap}.matrix td{vertical-align:bottom}.matrix tbody th{width:1%;font-size:9.5px}.matrix td{padding-left:8px;padding-right:8px}.branch{margin:var(--s5) 0 var(--s6);text-align:center}.branch-cap{font-family:var(--mono);letter-spacing:.18em;color:var(--sumi-faint);padding:6px 0;font-size:10px}.branch-cap-end{font-family:var(--display);letter-spacing:0;color:var(--sumi);padding-top:10px;font-size:clamp(15px,3.6vw,17px)}.branch-row{grid-template-columns:repeat(var(--n), 1fr);gap:6px;padding-top:16px;display:grid;position:relative}.branch-row>span:before{content:"";background:var(--washi-edge);width:1px;height:16px;position:absolute;top:0;left:50%}.branch-row>span{color:var(--sumi-soft);border-top:1px solid var(--washi-edge);padding:7px 2px;font-size:clamp(11px,2.9vw,13px);line-height:1.5;position:relative}.branch-clans>span{font-family:var(--display);border-top:2px solid;font-size:clamp(12px,3.2vw,14px)}.branch-leaves{padding-top:12px}.branch-leaves>span{border-top:0;justify-content:center;gap:5px;padding:4px 0 0;display:flex}.branch-leaves>span:before{height:12px}.branch-leaves i{border-radius:50%;width:6px;height:6px;display:block}.branch-axis{font-family:var(--mono);letter-spacing:.14em;color:var(--sumi-faint);margin:7px 0 0;font-size:9.5px}