@font-face{font-family:"Noto Serif SC";src:local("Songti SC");font-weight:100 900;font-display:swap}:root{--paper:#f7f4e9;--ink:#292d27;--muted:#85877d;--red:#bb4936;--gold:#c8ad54;--rule:#d9dacd}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,PingFang SC,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(#f7f4e9bc,#f7f4e9bc),url(./paper-nGEeCtan.jpg) center/cover}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;background:none;transition:background .2s,transform .2s}button:hover{filter:brightness(.92)}button:active{transform:translateY(2px)}button:focus-visible{outline:2px solid var(--red);outline-offset:4px}[hidden]{display:none!important}header{height:110px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:20px}.brand b{font:900 42px "Noto Serif SC",serif;letter-spacing:-4px}.brand b span{color:var(--red)}.brand small{font-size:10px;letter-spacing:2px}nav{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:2px;color:#96988b}nav i{height:1px;background:var(--rule);width:45px}nav .current{color:var(--red);font-weight:700}.quiet{font-size:12px;padding:10px;color:#75786d}.quiet span{display:inline-block;border:1px solid #a5a695;border-radius:50%;padding:0 4px;margin-left:5px}main{max-width:1280px;padding:0 5%;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:36px 0 26px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:var(--muted)}h1{font:700 32px "Noto Serif SC",serif;letter-spacing:2px;margin:9px 0 10px}.intro p{font-size:12px;color:#777b70;margin:0}.stamp{font:700 19px "Noto Serif SC",serif;color:var(--red);border:2px solid var(--red);padding:7px 9px;transform:rotate(8deg);line-height:1.3;margin-right:8px}.workshop{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:35px}.sheet{border:1px solid #d5d7ca;background:#fcfcf680;box-shadow:0 4px 12px #33333309;min-width:0}.sheet-top{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e4e5d9;font-size:10px;letter-spacing:1px}.sheet-top>span:last-child{color:#999c8d}.dot{display:inline-block;background:#333c31;width:6px;height:6px;border-radius:50%;margin-right:8px}.dot.red{background:var(--red)}.canvas-wrap{position:relative;height:370px;background-image:radial-gradient(#b5bbaa70 .7px,transparent .7px);background-size:20px 20px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;object-fit:contain}#empty{position:absolute;top:33%;left:12%;pointer-events:none;display:flex;flex-direction:column;gap:14px}.scribble{font:500 20px "Noto Serif SC",serif;transform:rotate(-7deg);color:#909780}#empty small{font-size:10px;color:#a0a58e}.corner{position:absolute;width:15px;height:15px;pointer-events:none}.tl{top:15px;left:15px;border-top:1px solid #b8bdac;border-left:1px solid #b8bdac}.br{bottom:15px;right:15px;border-bottom:1px solid #b8bdac;border-right:1px solid #b8bdac}.sheet-bottom{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-top:1px solid #e4e5d9;font-size:10px;color:#858b79}.sheet-bottom>div{white-space:nowrap}.ink{border-bottom:1px solid var(--rule);padding:5px 0 20px}.ink-title{margin-top:17px;font-size:13px;display:flex;justify-content:space-between}.ink-title span{color:#8a917e}.ink-number{display:flex;align-items:baseline;gap:10px;margin-top:5px}.ink-number b{font:italic 64px Georgia,serif;letter-spacing:-3px}.ink-number span{font:14px Georgia,serif;color:#939984}.ink-number em{font-style:normal;font-size:10px;margin-left:auto;color:#8d9480}.meter{height:8px;background:#e5e4d6;margin-top:10px;border-radius:1px;overflow:hidden}.meter>div{height:100%;background:var(--gold);transition:width .15s}.ink p{font-size:10px;color:#979b8c;margin-bottom:0}.stats{padding:20px 0}.section-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:18px}.section-label span{font-size:9px;color:#9b9f90}.stat{display:flex;align-items:center;gap:10px;font-size:11px;margin:16px 0}.stat-icon{font-size:18px;width:20px}.stat-track{height:3px;background:#e3e5d9;flex:1;margin:0 10px}.stat-track i{display:block;height:100%;background:#76846c}.stat b{width:25px;text-align:right;font-size:12px}.note{border-left:2px solid #d0b765;padding-left:13px}.note b{font-size:11px;font-weight:500}.note p{font-size:10px;line-height:1.9;color:#8a907e;margin:6px 0}.sample{padding:16px 0 0;font-size:10px;color:#7e8770;text-decoration:underline;text-underline-offset:4px}.controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--rule)}.parts{display:flex;gap:8px}.part{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid transparent;min-width:105px;text-align:left}.part>span{font:30px Georgia,serif;width:24px;text-align:center}.part>div{font-size:12px}.part small{display:block;font-size:8px;color:#929887;margin-top:5px}.part i{font-size:10px;color:#627753;font-style:normal}.part.selected{border:1px solid #333c2d;background:#e9eddf85;box-shadow:2px 2px #343d2e15}.launch{display:flex;gap:10px}.primary{background:var(--red);color:#fffaf0;padding:17px 23px;font-size:12px;letter-spacing:1px;box-shadow:2px 3px #893a2620;white-space:nowrap}.primary span{margin-left:22px}.secondary{border:1px solid #c8cdbc;padding:15px 18px;font-size:11px;white-space:nowrap}footer{display:flex;justify-content:space-between;padding:20px 0 25px;color:#929887;font-size:9px;letter-spacing:1px}footer b{color:#7a896d;margin:0 6px}.arena{grid-template-columns:1fr}.arena .canvas-wrap{height:min(55vh,510px)}#battle-hud{position:absolute;left:5%;right:5%;top:25px;display:flex;gap:30px;align-items:center}#battle-hud>div{flex:1;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:12px}#battle-hud span{font-size:10px;color:#858b79}#battle-hud i{width:100%;margin-top:10px;height:6px;background:linear-gradient(to right,#65735b var(--hp),#dedfd4 var(--hp))}#battle-hud>div:last-child i{background:linear-gradient(to right,var(--red) var(--hp),#dedfd4 var(--hp))}#battle-hud strong{text-align:center;font:30px Georgia,serif}#battle-hud small{display:block;font:7px Arial;letter-spacing:1px}#result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f4e9e8}#result h2{font:700 40px "Noto Serif SC",serif;margin:14px;color:var(--red)}#result p,#result small{font-size:12px;color:#7d8771}#result>div{display:flex;gap:12px;margin-top:15px}dialog{background:var(--paper);color:var(--ink);max-width:470px;width:90%;padding:25px;border:1px solid var(--rule)}dialog::backdrop{background:#272b2466}dialog>button:first-child{float:right}dialog h2{clear:both;font:700 23px "Noto Serif SC",serif;padding-top:20px}dialog p{font-size:13px;line-height:2;color:#747e68}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#30382e;color:#fff;padding:14px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90%;width:max-content;z-index:20}#toast.show{opacity:1;transform:translate(-50%)}@media(min-width:1500px){main{padding:0 30px}.canvas-wrap{height:440px}.intro{padding-top:50px}}@media(max-width:960px){.brand small{display:none}.workshop{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.part{min-width:75px;padding:10px 7px;gap:6px}.part>span{font-size:24px}.primary{padding:16px}.launch{gap:6px}}@media(max-width:680px){header{height:65px;margin:0 5%}.brand b{font-size:32px}nav{gap:9px;font-size:10px;letter-spacing:0}nav i{width:15px}.quiet{padding:9px 5px;font-size:10px}main{padding:0 5%}.intro{padding:16px 0 14px}h1{font-size:24px;letter-spacing:0}.intro p{font-size:10px}.eyebrow{font-size:7px}.stamp{font-size:14px;padding:5px;margin:0}.workshop{display:flex;flex-direction:column;gap:0}.canvas-wrap{height:clamp(220px,32vh,280px)}.sheet-top{padding:12px;font-size:9px}.sheet-bottom{font-size:9px;min-height:43px;padding:0 8px}.sheet-bottom #tip{max-width:65%;line-height:1.6}aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:17px}.ink{border:0;padding:0}.ink .eyebrow,.ink p,.note{display:none}.sample{display:block;grid-column:1 / -1;padding:0;text-align:right;margin-top:-10px}.ink-title{margin:0;font-size:11px}.ink-number{margin:0}.ink-number b{font-size:42px}.ink-number span{font-size:11px}.meter{margin-top:4px;height:6px}.stats{padding:0}.section-label{font-size:10px;margin-bottom:8px}.section-label span{font-size:7px}.stat{margin:5px 0;font-size:9px;gap:5px}.stat-icon{font-size:12px;width:13px}.stat b{font-size:10px}.stat-track{margin:0 3px}.controls{padding:18px 0;flex-direction:column;gap:14px}.parts{width:100%;gap:6px}.part{flex:1;min-width:0;padding:9px 6px;gap:6px}.part>div{font-size:10px}.part small{font-size:7px}.part>span{font-size:23px;width:20px}.launch{width:100%;gap:10px}.launch .primary{flex:1}.launch .secondary{flex:.65}.primary,.secondary{min-height:45px}footer{font-size:8px;letter-spacing:0;padding-top:15px}footer>span:first-child{max-width:45%}.arena .canvas-wrap{height:420px}#result h2{font-size:30px}#battle-hud{gap:15px}#battle-hud>div{font-size:10px}#empty{left:6%;top:32%}.scribble{font-size:15px}#empty small{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#school-open{display:none}#school-menu h2{padding-top:0}#school-menu .school-options{grid-template-columns:1fr}#school-menu .school{min-height:65px}#school-menu .school small{max-width:none}header{height:82px}.intro{padding:20px 0 18px}.canvas-wrap{height:320px}.note{display:none}.stats{padding:13px 0}.stat{margin:11px 0}.ink{padding-bottom:14px}.controls{padding:16px 0}.schools{margin-top:14px;padding:12px 0 10px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.school-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font:600 14px "Noto Serif SC",serif;letter-spacing:2px}.school-heading small{font:10px Arial,sans-serif;letter-spacing:0;color:var(--muted)}.school-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.school{display:flex;gap:15px;align-items:center;text-align:left;padding:10px 18px;border:1px solid #d4d7c8;min-height:62px}.school>b{font:700 28px "Noto Serif SC",serif;width:38px;line-height:1.2;color:#8d9481;border-right:1px solid var(--rule)}.school>span{font:600 16px "Noto Serif SC",serif;letter-spacing:2px}.school small{display:block;font:10px Arial,sans-serif;letter-spacing:1px;color:var(--muted);margin-top:7px}.school>i{margin-left:auto;font-style:normal;color:#8b957e;font-size:12px}.school.chosen{border-color:var(--red);background:#b74a3506}.school.chosen>b,.school.chosen>i{color:var(--red)}#school-detail{font-size:11px;line-height:1.8;margin:12px 0 4px;color:#66715d}#affinity{font-size:10px;color:#99957c}.controls{border-top:0}.arena .canvas-wrap{height:min(61vh,560px)}#battle-hud{top:20px}#battle-hud .qi{width:100%;height:3px;background:#dedfce;margin-top:7px}#battle-hud .qi em{display:block;height:100%;background:#b8a359}#battle-hud .qi-label{color:#969379;font:9px Arial;margin-top:6px;letter-spacing:1px}#battle-hud .qi-label:before{content:"◦ ";color:#b8a359}#slow[aria-pressed=true]{color:var(--red);background:#b74a350b}#battle-log{line-height:1.7;max-width:72%}.arena .sheet-bottom{gap:8px}.arena .sheet-bottom>div{display:flex}#result p{line-height:1.7;margin:5px 0}#result{z-index:2}@media(max-width:680px){header{height:65px}.intro{padding:16px 0 14px}.canvas-wrap{height:clamp(220px,32vh,280px)}.stats{padding:0}.stat{margin:5px 0}.ink{padding-bottom:0}#schools{display:none}#school-open{display:block;color:var(--red);font-size:10px;margin:-9px -4px;min-height:36px}body:has(#school-open:not([hidden])) #paper-note{display:none}.controls{padding:10px 0 max(10px,env(safe-area-inset-bottom))}.schools{margin-top:17px;padding:13px 0 10px}.school-heading{font-size:12px;letter-spacing:1px;margin-bottom:10px}.school-heading small{font-size:8px}.school-options{gap:6px}.school{padding:10px 7px;gap:6px;min-height:65px}.school>b{font-size:23px;width:24px;flex-shrink:0}.school>span{font-size:13px;letter-spacing:1px}.school small{font-size:8px;line-height:1.7;letter-spacing:0;max-width:55px;margin-top:4px}.school>i{display:none}#school-detail{font-size:10px;line-height:1.8;margin-top:9px}#affinity{font-size:9px}.arena .canvas-wrap{height:420px}#battle-hud{top:14px;left:4%;right:4%;gap:12px}#battle-hud>div{font-size:10px}#battle-hud>div>span{font-size:9px;margin-top:5px;width:100%}#battle-hud i{margin-top:5px}#battle-hud .qi-label{font-size:8px;letter-spacing:0}#battle-log{max-width:65%;font-size:9px}.arena~.controls{display:none}.arena .sheet-bottom .quiet{min-height:42px}#result p{font-size:10px}#title{max-width:290px}.arena canvas{object-position:center 68%}}#world3d{position:absolute;top:0;right:0;bottom:0;left:0;background:#f3f0e5}#world3d canvas,#preview-scene canvas{width:100%;height:100%;object-fit:fill;cursor:grab;display:block;touch-action:none}#world3d canvas{cursor:default}#battle-hud{z-index:1;pointer-events:none}#move-readout{position:absolute;top:100px;left:7%;right:7%;display:flex;justify-content:space-between;pointer-events:none;z-index:1}#move-readout>div{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:120px}#move-readout b{font:700 23px "Noto Serif SC",serif;color:#435b59}#move-readout>div:last-child b{color:#ad4936}#move-readout small{font-size:10px;letter-spacing:2px;color:#868977}#float-hits{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}#float-hits span{position:absolute;font:700 23px "Noto Serif SC",serif;color:#a84934;text-shadow:0 1px 3px #fff;transform:translate(-50%,-50%);white-space:nowrap}.sheet-bottom #preview-open{color:var(--red);font-weight:600;margin-right:8px}.sheet-bottom #tip{max-width:53%;line-height:1.6}#preview3d{max-width:960px;width:92vw;padding:24px;max-height:94dvh;overflow:auto}#preview3d::backdrop{background:#262f29aa}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.preview-heading small{font-size:9px;letter-spacing:2px;color:#8a8c78}.preview-heading h2{padding:0;margin:9px 0 0;font-size:24px}.preview-heading button{white-space:nowrap}.preview-layout{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid var(--rule)}.blueprint-panel{border-right:1px solid var(--rule);padding:17px;background:#fcfbf4}.blueprint-panel>span,.model-panel>span{font-size:10px;letter-spacing:2px;color:#858873}.blueprint-panel canvas{width:100%;height:170px;object-fit:contain;background:radial-gradient(#b9c0ac .6px,transparent .6px);background-size:15px 15px;margin:15px 0}#measurements small{font-size:9px;color:#929680}#measurements dl{display:grid;grid-template-columns:1fr auto;gap:14px 10px;font-size:11px}#measurements dt{color:#7c836e}#measurements dd{margin:0;font-family:Georgia,serif;font-size:13px}.model-panel{position:relative;min-width:0;background:#f3f0e5}.model-panel>span{position:absolute;left:18px;top:17px;z-index:1;pointer-events:none}#preview-scene{width:100%;height:390px}.view-tools{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--rule)}.view-tools button{font-size:11px;border:1px solid var(--rule);padding:9px 15px}.view-tools .chosen{border-color:var(--red);color:var(--red)}.view-tools small{margin-left:auto;font-size:9px;color:#8e957d}#conversion-note{font-size:11px;line-height:1.8;margin:13px 0}.arena .canvas-wrap{background:#f3f0e5}@media(max-width:680px){.sheet-bottom #preview-open{margin-right:3px;font-size:9px}.sheet-bottom #tip{max-width:41%;font-size:8px}#move-readout{top:102px;left:6%;right:6%}#move-readout>div{min-width:90px}#move-readout b{font-size:16px}#move-readout small{font-size:8px;letter-spacing:1px}#float-hits span{font-size:18px}#preview3d{width:96vw;padding:15px;max-height:95dvh}.preview-heading{gap:8px;margin-bottom:12px}.preview-heading h2{font-size:18px}.preview-heading small{font-size:7px;letter-spacing:1px}.preview-layout{grid-template-columns:1fr}.blueprint-panel{display:grid;grid-template-columns:40% 1fr;gap:5px 12px;padding:12px;border-right:0;border-bottom:1px solid var(--rule)}.blueprint-panel>span{grid-column:1/-1;font-size:9px}.blueprint-panel canvas{height:130px;margin:0}#measurements small{font-size:8px}#measurements dl{font-size:9px;gap:10px 5px;margin:8px 0}#measurements dd{font-size:11px}#preview-scene{height:285px}.view-tools{gap:6px;padding:8px}.view-tools button{padding:10px 13px;font-size:10px;min-height:38px}.view-tools small{font-size:8px;max-width:85px;line-height:1.7}#conversion-note{font-size:10px;margin:10px 0}#preview-done{width:100%;padding:12px}.model-panel>span{font-size:9px;left:12px;top:12px}.arena .canvas-wrap{height:450px}}#orbit-controls{position:absolute;bottom:45px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:1}#orbit-controls button{min-height:42px;padding:7px 12px;background:#f7f4e8e6;border:1px solid #86948666;color:#456459;font-size:11px}#orbit-controls button:active{background:#d7dfd2}#camera-note{position:absolute;bottom:16px;left:20px;font-size:9px;letter-spacing:1.5px;color:#697b72;pointer-events:none;z-index:1}#impact-callout{position:absolute;right:24px;bottom:24px;border-right:3px solid #b84c33;padding:4px 12px;text-align:right;pointer-events:none;z-index:1}#impact-callout small{display:block;font-size:9px;letter-spacing:4px;color:#b84c33;margin-bottom:6px}#impact-callout b{font:700 23px "Noto Serif SC",serif;color:#303e37}#camera-mode{color:#526b61;white-space:nowrap}.arena .sheet-bottom>div{flex-shrink:0}.arena #battle-log{max-width:60%}@media(max-width:680px){.arena .sheet-bottom{flex-wrap:wrap;padding-top:6px;padding-bottom:6px}.arena #battle-log{max-width:100%;width:100%;font-size:10px}.arena .sheet-bottom>div{width:100%;justify-content:space-between}.arena .sheet-bottom .quiet{font-size:11px;min-height:42px;padding:5px 9px}#camera-note{left:12px;bottom:12px;font-size:7px;letter-spacing:.5px}#impact-callout{right:12px;bottom:30px;padding-right:8px}#impact-callout b{font-size:17px}#impact-callout small{font-size:8px}}.recognition{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;flex:1}.recognition b{font-size:12px;font-weight:500;color:#596c60}.recognition .quiet{flex-shrink:0;min-height:42px;text-decoration:underline;text-underline-offset:4px;color:#858c7d}#recognition-parts{display:flex;gap:17px;margin-top:9px;font-size:10px;color:#a1a492}#recognition-parts .found{color:#4f776a}#correction{max-width:650px;width:94vw;max-height:93dvh;overflow:auto;padding:20px}.correction-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.correction-heading h2{font-size:20px;padding:0;margin:0}.correction-heading button{white-space:nowrap;min-height:42px}#correction p{font-size:11px;margin:8px 0 12px}#correction-canvas{height:260px;object-fit:contain;background:radial-gradient(#b5bbaa70 .7px,transparent .7px);background-size:18px 18px;border:1px solid var(--rule)}#correction-pieces{display:flex;gap:7px;overflow:auto;padding:12px 2px;margin-bottom:6px}#correction-pieces button{flex-shrink:0;font-size:11px;min-height:42px;border-bottom:1px solid var(--rule);padding:7px 10px}#correction-pieces .chosen{border-color:var(--red);color:var(--red)}#correction-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#correction-choices button{min-height:45px;border:1px solid var(--rule);font-size:12px}#correction-choices .chosen{color:var(--red);border-color:var(--red);background:#bb493609}#correct-reset{min-height:44px;font-size:11px;margin-top:8px}.controls .launch{flex-shrink:0}@media(max-width:680px){.recognition{width:100%;gap:8px}.recognition b{font-size:10px;line-height:1.7}#recognition-parts{gap:13px;margin-top:5px;font-size:9px}.recognition .quiet{font-size:10px;padding:6px}.controls{gap:10px}.correction-heading h2{font-size:17px}#correction{padding:14px}#correction-canvas{height:240px}#correction-choices{gap:6px}#correction-choices button{font-size:11px}.sheet-bottom #tip{max-width:40%;font-size:9px}}