:root{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:#263b35;background:#203529}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select,input{font:inherit}.page{max-width:1480px;margin:auto;min-height:100vh;padding:22px clamp(13px,3vw,48px) 30px;background-color:#203529;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:32px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;color:#fff}.brand{display:flex;align-items:center;gap:15px}.brand-mark{width:48px;height:48px;flex:none;background:#78ad50;border:4px solid #a8d47d;box-shadow:5px 5px 0 #101f16;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:10px;height:10px;background:#d3ed9c}.brand-mark:before{top:6px;left:6px}.brand-mark:after{right:5px;bottom:5px;background:#315f38}.brand p{margin:0 0 3px;color:#b7d997;font-size:12px;font-weight:900;letter-spacing:.16em}.brand h1{margin:0;font-size:clamp(21px,2.5vw,32px)}.top-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.top-links a{display:inline-block;border:2px solid #86ad6b;color:#d9eac8;padding:8px 12px;text-decoration:none;font-weight:900;white-space:nowrap}.top-links a:hover{background:#32513a}.panel{background:#f6f0dc;border:5px solid #233a2d;box-shadow:8px 8px 0 #112118}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;background:#e6ddc0;border-bottom:4px solid #233a2d;font-weight:900}.panel-heading h2{margin:0;font-size:17px}.panel-heading span{color:#397347;font-size:13px}.stage-wrap{padding:18px}.stage-wrap svg{display:block;width:100%;height:auto;max-height:66vh;border:3px solid #244e57;background:#f8f3e7;touch-action:none}.stage-hint{margin:12px 3px 0;font-weight:800;color:#4c6255}.medium-label{font-size:25px;font-weight:900;fill:#263b35}.small-label{font-size:16px;font-weight:900;fill:#33515a}.ray{fill:none;stroke-width:6;stroke-linecap:round}.ray.orange,.arrow.orange{stroke:#8a461f;fill:#e98936}.ray.orange{stroke:#e98936}.ray.blue,.arrow.blue{stroke:#205a68;fill:#42a9be}.ray.blue{stroke:#42a9be}.ray.green,.arrow.green{stroke:#306937;fill:#65a755}.ray.green{stroke:#65a755}.arrow{stroke-width:2;stroke-linejoin:miter}.angle-arc{fill:none;stroke-width:3}.angle-arc.orange{stroke:#e98936}.angle-arc.blue{stroke:#42a9be}.angle-label{font-size:19px;font-weight:900;paint-order:stroke;stroke:#f8f3e7;stroke-width:5}.orange-text{fill:#a4511b}.blue-text{fill:#146278}.controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;margin-top:28px}.control-body,.comparison-body{padding:20px}.selectors{display:grid;grid-template-columns:1fr 1fr;gap:14px}.selectors label,.slider-label{display:block;font-weight:900}.selectors select{display:block;width:100%;min-height:46px;margin-top:7px;padding:7px 10px;border:3px solid #233a2d;background:#fffaf0;color:#263b35;font-weight:800}.slider-label{display:flex;justify-content:space-between;margin:20px 0 8px}.slider-label strong{color:#a4511b}input[type=range]{width:100%;accent-color:#e98936}#critical-button{display:block;margin-top:12px;min-height:42px;padding:7px 12px;border:3px solid #233a2d;background:#f8d3a9;color:#263b35;font-weight:900;cursor:pointer}#critical-button[hidden]{display:none}.readouts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.readouts div{padding:10px;border:2px solid #c4bea8;background:#fffaf0;font-size:14px}.readouts strong{display:block;margin-top:4px;font-size:21px}.conclusion{min-height:74px;padding:14px;background:#dcebc8;border-left:6px solid #78ad50;line-height:1.55;font-weight:900}.source-note,.comparison-note{color:#586a5c;font-size:13px;line-height:1.5}.comparison-body>p:first-child{margin-top:0;line-height:1.65;font-weight:800}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:460px;text-align:left}th,td{padding:10px;border-bottom:2px solid #d3ccb6}th{background:#e6ddc0}tbody tr.active{background:#d3edbf;font-weight:900}tbody tr.active td:first-child:before{content:"■ ";color:#397347}footer{margin-top:28px;color:#c3d8bf;font-size:12px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,#drag-handle:focus-visible{outline:3px solid #e98936;outline-offset:3px}@media(max-width:900px){.controls{grid-template-columns:1fr}.stage-wrap svg{max-height:none}}@media(max-width:620px){.topbar{align-items:flex-start;flex-direction:column}.top-links{justify-content:flex-start}.stage-wrap{padding:8px}.stage-hint{font-size:13px}.panel-heading{padding:11px;font-size:13px}.panel-heading h2{font-size:15px}.control-body,.comparison-body{padding:13px}.selectors{grid-template-columns:1fr}.readouts strong{font-size:18px}.page{padding:15px 12px 26px}.panel{box-shadow:5px 5px 0 #112118}}

.controls > .panel { min-width: 0; }
svg [hidden] { display: none; }
#diagram, #diagram * { user-select: none; -webkit-user-select: none; }