@media(max-width:960px){.sect-strip-picker{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){main{padding:1.1rem .9rem}footer{padding:.9rem 1rem;font-size:.72rem;letter-spacing:.1em}header.topbar{padding:.7rem 1rem;flex-wrap:wrap;gap:.45rem .8rem;align-items:flex-start}.brand-title{font-size:1.25rem;letter-spacing:.16em}.brand-sub{font-size:.6rem;letter-spacing:.3em}header.topbar nav{width:100%;gap:var(--space-6);font-size:.84rem;letter-spacing:.06em;flex-wrap:nowrap;align-items:center;padding-top:var(--space-3);border-top:1px dotted var(--line)}header.topbar nav .nav-tabs{--fade: 1.4rem;--fade-l: 0px;--fade-r: 0px;flex:1 1 auto;min-width:0;gap:var(--space-10);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);transition:--fade-l var(--dur-fast) var(--ease-std),--fade-r var(--dur-fast) var(--ease-std)}header.topbar nav .nav-tabs[data-edge~=left]{--fade-l: var(--fade)}header.topbar nav .nav-tabs[data-edge~=right]{--fade-r: var(--fade)}header.topbar nav .nav-tabs::-webkit-scrollbar{display:none}header.topbar nav .nav-tabs a{flex:0 0 auto;white-space:nowrap}header.topbar nav .nav-actions{flex:0 0 auto}.hero{grid-template-columns:1fr;gap:var(--space-13);padding:1.2rem 0 1rem;margin-bottom:var(--space-13)}.hero h1{font-size:2.6rem;letter-spacing:.1em;margin-bottom:var(--space-4)}.hero .subtitle{font-size:1.08rem;margin-bottom:var(--space-9)}.hero p{font-size:.95rem;line-height:1.8;margin-bottom:var(--space-9)}.hero-actions{flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-10)}.hero-actions button{padding:.6rem 1.2rem;font-size:.9rem;letter-spacing:.12em}.hero .scroll{min-height:0;padding:1.3rem 1.4rem;font-size:.92rem;line-height:1.85}.hero .scroll h3{font-size:1.55rem;letter-spacing:.12em}.scroll{padding:1.3rem 1.4rem}.section-title{font-size:1.45rem;letter-spacing:.16em;margin-bottom:1.1rem}.sect-strip,.sect-strip-picker{grid-template-columns:repeat(2,1fr);gap:var(--space-7);margin:2rem 0 1.4rem}.sect-card{padding:.95rem .85rem}.sect-card h4{font-size:1.25rem;letter-spacing:.12em}.sect-card .heart{font-size:.76rem}.sect-card ul{font-size:.76rem;line-height:1.55}.sect-card .stamp{width:26px;height:26px;font-size:.82rem;top:-6px;right:-6px}.brush-divider{letter-spacing:.5em;font-size:.88rem;padding:.4rem 0 1rem}.brush-divider:before{left:4%;width:22%}.brush-divider:after{right:4%;width:22%}.character-grid{grid-template-columns:1fr;gap:var(--space-8)}.character-tile{padding:var(--space-9)}.character-tile h3{font-size:1.3rem}.auth-card{margin:1.4rem auto;max-width:none}.auth-card h2{font-size:1.7rem;letter-spacing:.16em}.leaderboard-shell{gap:1.1rem}.realm-pill{font-size:.7rem;padding:.08rem .35rem;letter-spacing:.02em}.match-panel{padding:1rem .85rem 1.1rem}.mp-title-text{font-size:1.35rem;letter-spacing:.26em}.mp-slot .ink-select-trigger,.mp-slot input[type=text]{font-size:.88rem;padding:.45rem .6rem}.mp-pact{padding:1rem .75rem .95rem}.mp-pact-side .name{font-size:1.3rem}.mp-action{padding:.75rem 0;font-size:1.2rem;letter-spacing:.42em;text-indent:.42em}.key-bar{flex-direction:column;align-items:stretch;gap:var(--space-6);padding:.55rem .7rem}.key-bar-code{font-size:.72rem;min-width:0;width:100%;padding:.32rem .55rem}.key-bar>.row{justify-content:flex-end}.detail-panel{padding:1.05rem}.detail-panel h3{font-size:1.25rem}.editor-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-5)}.editor-toolbar .actions{justify-content:flex-end}.editor-wrap{height:380px}.row{flex-wrap:wrap}.prompt-box{min-height:220px;max-height:46vh;font-size:.78rem;padding:.85rem 1rem}.prompt-toolbar{flex-wrap:wrap;gap:var(--space-5);padding:.5rem .7rem}.battle-canvas{min-height:0;padding:var(--space-6);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px var(--line)}.battle-canvas canvas{max-width:100%;height:auto}.battle-controls{flex-wrap:wrap;gap:var(--space-4);font-size:.8rem}.ink-slider.battle-scrubber{flex:1 1 160px;width:auto;min-width:140px}.ink-slider.battle-volume{width:90px}.ink-slider{height:30px}.ink-slider-thumb{width:18px;height:18px}.battle-side-panel{gap:var(--space-7);margin-top:.9rem}.side-card{padding:.85rem}.side-card .name{font-size:1.2rem}.event-log{font-size:.72rem;height:150px}.match-summary .winner{font-size:1.35rem;letter-spacing:.16em}.diag-side{padding:.55rem .75rem}.diag-row{font-size:.78rem}.diag-skill-table{display:block;overflow-x:auto;white-space:nowrap}.kj-diff-pane .diff-text{font-size:.7rem;max-height:300px}.battle-log{max-height:320px}.battle-slip{grid-template-columns:auto 1fr auto;gap:.25rem .55rem;padding:.5rem .6rem .5rem .75rem}.slip-stamp{width:28px;height:28px;font-size:1.15rem}.slip-opp{font-size:.92rem}.slip-head{gap:var(--space-3)}.slip-meta{gap:var(--space-4)}.slip-delta{font-size:.76rem}.slip-time{font-size:.62rem}.slip-body{font-size:.7rem;gap:var(--space-4)}.slip-hp{min-width:50px}.version-pip{padding:.2rem .45rem;font-size:.66rem}.wechat-qr-panel{width:min(360px,calc(100vw - 24px));padding:1.5rem 1.4rem 1.3rem}.wechat-qr-title{font-size:1.25rem;letter-spacing:.26em;padding-left:.26em}.wechat-qr-card{width:200px;height:200px}.wechat-qr-hint{font-size:.8rem}}@media(max-width:380px){main{padding:.85rem .7rem}header.topbar{padding:.6rem .8rem}.brand-title{font-size:1.15rem}header.topbar nav{gap:var(--space-5);font-size:.8rem}header.topbar nav .nav-tabs{gap:var(--space-9)}.hero h1{font-size:2.2rem;letter-spacing:.08em}.hero .subtitle{font-size:1rem}.sect-strip,.sect-strip-picker{grid-template-columns:1fr}.sect-card{padding:1rem 1.1rem}.sect-card .stamp{top:-8px;right:-8px;width:30px;height:30px;font-size:.95rem}.section-title{font-size:1.3rem;letter-spacing:.12em}.mp-action{font-size:1.05rem;letter-spacing:.32em;text-indent:.32em}}