@font-face{font-family:Pixel;src:url('/assets/pixel.ttf') format('truetype');font-display:swap}
:root{--ink:#26313a;--muted:#7a8386;--paper:#f2f1e9;--panel:#fcfcf7;--line:#d9ded5;--navy:#1b2330;--mint:#96d9c3;--mint-dark:#225e52;--amber:#ead09b;--mono:Consolas,'Courier New',monospace;--sans:'Yu Gothic UI','Meiryo',sans-serif;--pixel:Pixel,Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}button,a,input,select{touch-action:manipulation}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #378d87;outline-offset:4px}button{border-radius:0}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.muted{color:var(--muted)}.tiny{font-size:11px}.skip{position:fixed;top:-70px;left:20px;padding:12px;background:var(--mint);z-index:20}.skip:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--navy);color:#b9c3c9;padding:31px 18px 18px;display:flex;flex-direction:column;z-index:5;border-right:1px solid #2b3644}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#edf3e8;font-family:var(--pixel);font-size:24px;line-height:1.2;letter-spacing:2px;padding-left:9px}.brand-icon{width:37px;height:37px;color:var(--mint);image-rendering:pixelated}.brand-sub{display:block;font-size:14px;letter-spacing:3px}.brand-dot{font-family:var(--mono);font-size:8px;vertical-align:middle;margin-left:5px;color:var(--mint)}.sidebar-caption{font-family:var(--mono);font-size:8px;letter-spacing:2.3px;margin:17px 0 31px 11px;color:#788992}.workspace{display:flex;gap:11px;padding:13px 10px;border:1px solid #36404c;background:#222d3a;font-size:12px;align-items:center}.workspace small{display:block;color:#80949d;font-family:var(--mono);font-size:8px;letter-spacing:.6px;margin-top:4px}.workspace .tiny{margin-left:auto}.pixel-mini{font-size:25px;color:var(--mint)}.nav-label{font-family:var(--mono);font-size:9px;letter-spacing:1.8px;color:#6e808d;margin:31px 12px 14px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;border:1px solid transparent;background:none;color:#99a9b7;text-align:left;padding:13px 11px;margin-bottom:7px;font-weight:600;font-size:12px}.nav-item.active{background:#304740;color:#bce9d8;border-color:#425a4f;box-shadow:inset 3px 0 0 var(--mint)}.nav-item:hover{background:#293542}.nav-symbol{font-family:var(--mono);font-size:19px;width:21px;font-weight:400}.nav-key{margin-left:auto;font:10px var(--mono);opacity:.6}.sidebar-bottom{margin-top:auto;padding:35px 10px 0}.pixel-buddy{width:62px;margin:0 0 10px;image-rendering:pixelated}.buddy-text{font-size:11px;line-height:1.9;color:#8d9ba8;letter-spacing:.8px}.system-state{border-top:1px solid #35404c;display:flex;align-items:center;gap:7px;font:8px var(--mono);letter-spacing:.9px;margin-top:25px;padding-top:19px;color:#a4b5bf}.system-state>span:last-child{margin-left:auto;color:#82959f}.status-dot{display:inline-block;flex:none;width:5px;height:5px;background:#6ab99c;box-shadow:0 0 0 2px #6ab99c18}.settings-link{display:flex;width:100%;align-items:center;gap:8px;background:none;border:0;padding:15px 0 0;font-size:10px;color:#91a1ae}.settings-link>span:last-child{margin-left:auto}.shell{margin-left:224px}.topbar{height:69px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid var(--line);background:#f8f8f1}.breadcrumb{font:9px var(--mono);letter-spacing:1.3px;color:#858b88;display:flex;gap:16px;align-items:center}.breadcrumb strong{font:11px var(--sans);color:#566363;letter-spacing:.4px}.breadcrumb>span{color:#b7bcb2}.topbar-right{display:flex;align-items:center;gap:18px}.research-tag{font:9px var(--mono);letter-spacing:1px;border:1px solid #d0d8cf;padding:5px 8px;color:#68816d}.topbar-divider{height:18px;border-left:1px solid var(--line)}.local-indicator{font-size:10px;color:#66746b;display:flex;align-items:center;gap:7px}.local-indicator i{width:5px;height:5px;background:#74a58c}.avatar{height:28px;width:28px;background:#e5e9dd;border:1px solid #cdd5c7;font:14px var(--mono)}main{max-width:1536px;margin:auto;padding:32px 38px 0;outline:0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.eyebrow{font:8px var(--mono);letter-spacing:2px;color:#688074;margin-bottom:10px}.small-star{font-size:12px;margin-right:5px;color:#628a71}h1{font-size:27px;letter-spacing:1px;margin:0;font-weight:750;line-height:1.4}.heading-cursor{font:26px var(--mono);color:#7dad8c;margin-left:6px}.page-heading p{font-size:11px;letter-spacing:.3px;margin:8px 0 0;color:#7c8781}.button{border:1px solid #283e38;padding:12px 17px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:42px;box-shadow:3px 3px 0 #29372c20;transition:filter .15s}.button.primary{background:var(--mint);color:#1a4239}.button.secondary{background:#f7f8ee;color:#435c4d;border-color:#bdcdbb}.button-key{font:9px var(--mono);padding:2px 4px;border:1px solid #4c907a66;margin-left:12px;opacity:.65}.mission-bar{display:flex;align-items:center;gap:17px;border:1px solid #d5dbcb;background:#e9eddf;padding:13px 16px}.mission-label{display:flex;gap:8px;align-items:center;font:8px var(--pixel);letter-spacing:1px;color:#56745b}.pixel-flag{font:19px var(--mono);color:#476a4b}.mission-bar p{font-size:11px;font-weight:600;margin:0;border-left:1px solid #c9d3bf;padding-left:18px;letter-spacing:.3px}.mission-mode{font:8px var(--mono);border:1px solid #c6cebd;padding:5px 7px;color:#737e66;margin-left:auto;white-space:nowrap}.mission-bar>button{background:none;border:0;color:#7e8a72}.quest-progress{display:flex;align-items:center;padding:25px 30px 27px;max-width:780px;margin:0 auto}.quest-step{display:flex;align-items:center;gap:11px;color:#9a9e94;min-width:130px}.quest-step>span{font:11px var(--mono);width:29px;height:29px;border:1px solid #cdd2c5;display:grid;place-items:center;background:#eceee4;box-shadow:2px 2px 0 #d4d9cb}.quest-step>div{font-size:11px;font-weight:600;letter-spacing:.3px}.quest-step small{display:block;font:7px var(--mono);letter-spacing:1.5px;margin-top:4px}.quest-step.done{color:#65816a}.quest-step.done>span{background:#dae7d8;border-color:#aebfa8}.quest-step.current{color:#294f42}.quest-step.current>span{border-color:#50735d;background:#9dcbb0;box-shadow:2px 2px 0 #65795d}.progress-line{height:1px;flex:1;background:#d1d7c9;margin:0 22px 0 12px;min-width:25px}.console-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:20px}.panel{background:var(--panel);border:1px solid #ccd3c6;box-shadow:3px 3px 0 #dfe3d7}.panel-header{min-height:53px;padding:16px 18px;border-bottom:1px solid #e0e4d8;display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-header h2{font-size:12px;letter-spacing:.5px;font-weight:700;display:flex;align-items:center;gap:8px;margin:0}.panel-header h2 small{font:7px var(--mono);letter-spacing:1px;color:#89938a;font-weight:400;margin-left:4px}.title-square{width:6px;height:6px;background:#72977c;display:inline-block}.title-square.amber{background:#c8a166}.live-tag{font:8px var(--mono);letter-spacing:1px;color:#7c8a78}.view-toolbar{display:flex;justify-content:space-between;padding:12px 17px;background:#f9faf3}.segmented{display:flex;background:#e9ede3;padding:3px;border:1px solid #d4dbcc}.segmented button{background:none;border:1px solid transparent;font-size:9px;padding:5px 11px;color:#8c9587}.segmented button span{font:7px var(--mono);margin-left:4px}.segmented .selected{background:#fffef6;border-color:#d3d9c9;color:#475f50;box-shadow:1px 1px 0 #d9ddce}.icon-button{border:1px solid #d1d9c9;background:#f7f9f0;font:18px var(--mono);width:28px;height:28px;display:grid;place-items:center}.observation-scene{height:278px;position:relative;overflow:hidden;background-color:#25373b;background-image:linear-gradient(#88b4a309 1px,transparent 1px),linear-gradient(90deg,#88b4a309 1px,transparent 1px);background-size:22px 22px;margin:0 16px;border:1px solid #203035}.scene-coordinate{position:absolute;left:16px;top:15px;font:8px var(--mono);letter-spacing:1px;color:#a2c4b2;z-index:2}.scene-coordinate span{color:#6b9086;margin-left:10px}.scene-demo{position:absolute;right:13px;top:14px;color:#9cac8b;border:1px solid #546c5d;padding:4px 6px;font:7px var(--mono);z-index:2}.scene-art{width:100%;height:100%;display:grid;place-items:center}.scene-art svg{width:89%;max-height:100%;image-rendering:pixelated;overflow:visible}.scene-label{position:absolute;font:7px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:6px;pointer-events:none}.scene-label span{width:5px;height:5px}.upper-label{right:11px;top:40%;color:#a9d8bc}.upper-label span{background:#a9d8bc}.lower-label{left:14px;bottom:26%;color:#d8ba7e}.lower-label span{background:#d8ba7e}.scene-ruler{position:absolute;left:19px;right:19px;bottom:33px;display:flex;align-items:center;gap:5px;max-width:140px;font:7px var(--mono);color:#819a8b}.scene-ruler i{height:5px;border-bottom:1px solid #819a8b;border-left:1px solid #819a8b;border-right:1px solid #819a8b;flex:1}.scene-bottom{position:absolute;bottom:12px;left:16px;right:14px;display:flex;align-items:center;justify-content:space-between;font:7px var(--mono);letter-spacing:.6px;color:#85a28e}.scene-bottom>span:first-child{display:flex;align-items:center;gap:7px}.mini-cross{display:inline-block;width:7px;height:7px;background:linear-gradient(90deg,transparent 40%,#9ccbae 40%,#9ccbae 60%,transparent 60%),linear-gradient(transparent 40%,#9ccbae 40%,#9ccbae 60%,transparent 60%)}.observation-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;font-size:9px;color:#7c887b}.observation-footer>span{display:flex;align-items:center;gap:7px}.text-button{border:0;background:none;font-size:9px;color:#607d68;padding:3px 0;white-space:nowrap}.text-button span{margin-left:8px}.next-panel{background:#f8f8ed}.next-panel .panel-header{background:#f1f1e1}.level-badge{font:7px var(--mono);letter-spacing:1px;color:#908b68}.next-content{padding:22px 23px 16px}.label-tag{font-size:8px;border:1px solid #d9c594;background:#f3e9cb;color:#8b7043;padding:4px 7px;display:inline-block}.next-content h3{font-size:23px;line-height:1.65;letter-spacing:1px;margin:14px 0 10px;font-weight:750}.next-content>p{font-size:10px;line-height:1.95;color:#7b8376;margin:0 0 20px}.quest-details{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:9px;border-top:1px dashed #d0d7c5;padding-top:15px;margin-bottom:19px}.quest-details>span{color:#8a907f}.quest-details strong{font-size:9px;color:#586b52;font-weight:500}.quest-action{width:100%;justify-content:space-between;padding:13px 17px}.human-note{font-size:8px;color:#8d9486;margin-top:14px;text-align:center;line-height:1.8}.human-note>span{margin-right:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px;gap:12px}.section-heading h2{font-size:12px;margin:0;letter-spacing:.5px}.section-heading h2 span{font:7px var(--mono);color:#8c958a;letter-spacing:1.5px;margin-left:12px}.section-heading .tiny{font-size:8px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-card{position:relative;background:#fafbf4;border:1px solid #d4dbcc;padding:16px 17px;overflow:hidden;min-height:127px}.metric-label{font-size:10px;color:#687565;display:flex;justify-content:space-between;align-items:center}.metric-icon{font:20px var(--mono);color:#99ab96;line-height:12px}.metric-value{font:31px var(--mono);letter-spacing:-1px;margin:13px 0 12px;color:#354e42}.metric-value>span{font:10px var(--mono);letter-spacing:0;margin-left:9px;color:#8c9483}.metric-value.unknown{font:20px var(--pixel);letter-spacing:1px;margin-top:19px;margin-bottom:17px;color:#a1a494}.metric-bottom{display:flex;align-items:center;gap:9px;font-size:8px;color:#909685;position:relative;z-index:1}.metric-tag{font-size:7px;padding:3px 5px;background:#edeee3;border:1px solid #d9ddcd;color:#939982;white-space:nowrap}.metric-tag.blue{background:#e3ede4;color:#64846c;border-color:#c6d7c5}.metric-spark{font:20px var(--mono);color:#94b69e;position:absolute;right:15px;bottom:40px;opacity:.65;letter-spacing:0}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:21px}.count-badge{font:9px var(--mono);background:#eef1e6;border:1px solid #d9dfcf;padding:2px 5px;color:#829576}.world-list{padding:0 18px}.world-row{display:flex;gap:13px;align-items:center;padding:17px 0;border-bottom:1px dashed #dee3d6}.world-row:last-child{border:0}.world-icon{flex:none;width:30px;height:30px;border:1px solid #d2dcc6;background:#eaf0df;display:grid;place-items:center;font:16px var(--mono);color:#81936b}.world-info{flex:1}.world-info strong{font-size:10px;font-weight:600}.world-info small{display:block;font:7px var(--mono);color:#8c9985;margin-top:5px;letter-spacing:.7px}.world-status{font-size:8px;color:#969b89;white-space:nowrap}.panel-footnote{padding:12px 18px;background:#f3f5ea;border-top:1px solid #e0e5d5;font-size:8px;line-height:1.7;color:#89937d;display:flex;gap:8px}.trace-list{padding:8px 18px;min-height:137px;max-height:192px;overflow:auto}.trace-entry{display:flex;gap:10px;align-items:baseline;padding:12px 0;font-size:9px;line-height:1.7}.trace-time{font:7px var(--mono);color:#93a08b;min-width:44px}.trace-entry i{background:#a2b89a;width:5px;height:5px;flex:none}.trace-entry>div small{display:block;font-size:8px;color:#909b86;margin-top:3px}.trace-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid #e1e6d8;background:#f3f5eb;gap:10px}.trace-footer>span{font:7px var(--mono);letter-spacing:.5px;color:#91a185}.research-notice{display:flex;align-items:center;gap:10px;margin:23px 0 25px;padding:12px 14px;background:#e8ecdf;border:1px solid #dbe1ce;color:#8b9480}.research-notice>span:first-child{font-size:14px}.research-notice p{margin:0;font-size:8px;line-height:1.9}.research-notice strong{font-weight:500;display:block}.notice-version{margin-left:auto;white-space:nowrap;font:7px var(--mono);letter-spacing:1px}.page-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d8dfcf;padding:19px 0 23px;gap:10px;font:7px var(--mono);letter-spacing:1px;color:#89977f}.footer-cross{font-size:11px;color:#6f8969;margin-right:5px}.footer-pixels{color:#8ba080;margin-left:10px}.history-list{padding:0 20px}.history-row{width:100%;display:flex;align-items:center;gap:18px;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:20px 0}.history-row:last-child{border:0}.history-row strong{display:block;font-size:12px}.history-row small{display:block;margin-top:7px;font:10px var(--mono);color:var(--muted)}.history-row .history-end{margin-left:auto;font-size:10px;text-align:right;color:#6d8273}.empty-state{padding:70px 20px;text-align:center;color:#87907c;line-height:2;font-size:12px}.empty-state .empty-icon{font:38px var(--mono);color:#96ac86;margin-bottom:15px}.audit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.audit-summary>div{padding:22px;background:var(--panel);border:1px solid var(--line)}.audit-summary strong{display:block;font:32px var(--mono);margin-top:15px;color:#67805b}.audit-content{padding:24px;font-size:12px;line-height:2}.audit-content pre,.code-block{font:11px/1.8 var(--mono);background:#202d30;color:#bad1ba;padding:18px;overflow:auto;max-height:400px;white-space:pre-wrap;overflow-wrap:anywhere}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:30px}.guide-card{padding:26px}.guide-number{font:30px var(--pixel);color:#96b796;margin:0 0 22px}.guide-card h2{font-size:17px}.guide-card p{font-size:12px;line-height:2.1;color:#7f8b77}.guide-card .button{margin-top:14px}
dialog{width:min(650px,calc(100% - 28px));padding:0;background:#fafbf2;border:1px solid #3f5a48;box-shadow:7px 7px 0 #1a292b50;color:var(--ink);max-height:90dvh}dialog::backdrop{background:#15272bd1;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-bottom:1px solid #d4deca;background:#eef2e3;color:#677f5a;font:10px var(--mono);letter-spacing:1.5px}#modal-content{padding:25px}.modal-title{font-size:23px;margin:0 0 13px;line-height:1.5}.modal-intro{font-size:12px;color:#7c8875;line-height:1.9;margin:0 0 21px}.choice-card{display:flex;align-items:center;width:100%;gap:18px;padding:21px;background:#f1f5e8;border:1px solid #cedbc0;margin:13px 0;text-align:left}.choice-card>span:first-child{font:26px var(--mono);color:#6e9978}.choice-card strong{display:block;font-size:14px}.choice-card small{display:block;font-size:10px;line-height:1.9;margin-top:7px;color:#849177}.choice-card>span:last-child{margin-left:auto}.field{display:block;margin:17px 0;font-size:11px;color:#5c7059}.field input,.field select{display:block;width:100%;margin-top:8px;padding:11px;background:#fffef6;border:1px solid #cdd8c1;font:12px var(--sans);color:#374f3b}.field input[type=file]{padding:9px;font:10px var(--mono)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.modal-actions{display:flex;gap:13px;margin-top:22px;align-items:center;justify-content:flex-end}.inline-warning{font-size:11px;color:#88713e;line-height:1.9;padding:12px;border:1px solid #dacb9f;background:#f3edd6;margin:16px 0}.error-message{color:#9a4937;background:#f6e4da;border:1px solid #deb9a5;font:11px/1.8 var(--mono);padding:12px;overflow-wrap:anywhere}.runtime-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px dashed #d6decb;font-size:12px;gap:15px}.runtime-row strong{font:11px var(--mono);color:#6b7e5d}.observation-options{display:grid;gap:12px}.observation-options label{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid #d1ddc3;background:#f2f6e9;font-size:12px}.observation-options input{accent-color:#477e5f;width:16px;height:16px}.proof-stats{display:flex;gap:13px;margin:20px 0}.proof-stats>div{flex:1;padding:16px;background:#eaf0df;font-size:10px}.proof-stats strong{display:block;font:26px var(--mono);margin-top:8px;color:#688b64}.camera-preview{width:100%;background:#263b3b;min-height:180px;max-height:340px;object-fit:contain}.camera-thumbs{display:flex;gap:10px;margin:12px 0}.camera-thumbs a{font-size:10px;color:#497b5a}#toast{position:fixed;bottom:22px;left:calc(50% + 112px);transform:translateX(-50%);max-width:calc(100% - 40px);background:#233d36;color:#e1efd8;box-shadow:4px 4px 0 #1b2a2744;border:1px solid #54755e;padding:14px 23px;font-size:12px;z-index:25;line-height:1.8}.view-expanded{position:fixed!important;inset:10% 10% 10% calc(224px + 5%);width:auto;height:auto;z-index:15;box-shadow:0 0 0 100vmax #182429e6;margin:0}.view-expanded .scene-art svg{width:85%;height:90%}.loading{opacity:.5;pointer-events:none}
@media(min-width:1550px){main{padding:38px 48px 0}.topbar{padding:0 48px}.observation-scene{height:330px}.next-content{padding:27px 29px}.next-content h3{font-size:28px}.next-content>p{font-size:12px}.quest-details{font-size:11px;gap:14px}.quest-details strong{font-size:11px}.next-content .human-note{font-size:10px}.metric-card{min-height:140px}.panel-header h2{font-size:13px}.trace-list{min-height:154px}}
@media(max-width:1200px){.sidebar{width:196px;padding-left:13px;padding-right:13px}.shell{margin-left:196px}.brand{font-size:21px}.brand-icon{width:30px}.brand-sub{font-size:13px}.sidebar-caption{font-size:7px}.topbar{padding:0 25px}main{padding:28px 25px 0}.console-grid{grid-template-columns:minmax(0,1.45fr) minmax(275px,1fr);gap:15px}.next-content{padding:19px}.next-content h3{font-size:20px}.panel-header{padding:15px}.panel-header h2 small{font-size:6px}.observation-scene{height:285px;margin:0 12px}.scene-label{font-size:6px}.scene-demo{font-size:6px}.metric-bottom{gap:6px;font-size:7px}.metric-spark{font-size:15px;right:9px}.world-info strong{font-size:9px}.world-status{font-size:7px}.lower-grid{gap:15px}.page-footer{font-size:6px}#toast{left:calc(50% + 98px)}.view-expanded{left:225px}}
@media(max-width:1000px){.sidebar{width:76px;padding:25px 10px}.brand{padding:0;justify-content:center}.brand>span,.sidebar-caption,.workspace,.nav-label,.nav-item .nav-key,.sidebar-bottom{display:none}.brand-icon{width:35px;height:35px}.sidebar nav{margin-top:35px}.nav-item{font-size:0;padding:12px;justify-content:center}.nav-symbol{font-size:23px}.shell{margin-left:76px}.console-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.topbar-right{gap:13px}h1{font-size:24px}.scene-label{display:none}.section-heading .tiny{max-width:180px;text-align:right;line-height:1.5}.metric-bottom{align-items:start;flex-direction:column;gap:5px}.metric-spark{bottom:62px}.metric-card{min-height:145px}.lower-grid{grid-template-columns:1fr}.trace-list{min-height:100px}.page-footer{font-size:6px}.view-expanded{left:100px}#toast{left:calc(50% + 38px)}}
@media(max-width:760px){.topbar{height:58px;padding:0 19px}.topbar-right{gap:11px}.topbar-divider,.local-indicator,.research-tag{display:none}main{padding:24px 18px 0}.page-heading{align-items:start;gap:10px;margin-bottom:23px}.eyebrow{font-size:6px;letter-spacing:1px}h1{font-size:21px}.page-heading p{font-size:10px;max-width:210px;line-height:1.8}.page-heading>.button{min-height:36px;padding:9px 12px;font-size:9px;gap:7px;margin-top:15px}.button-key{display:none}.mission-bar{gap:9px;padding:11px}.mission-label{font-size:6px;letter-spacing:0}.mission-bar p{font-size:9px;padding-left:10px;line-height:1.7}.mission-mode{font-size:6px;padding:4px}.mission-bar>button{display:none}.quest-progress{padding:22px 5px;justify-content:space-between}.quest-step{min-width:0;gap:7px}.quest-step>span{font-size:9px;width:24px;height:24px}.quest-step>div{font-size:9px}.quest-step small{font-size:6px;letter-spacing:.5px}.progress-line{margin:0 10px;min-width:10px}.console-grid{grid-template-columns:1fr}.observation-scene{height:300px}.scene-label{display:flex}.next-content h3{font-size:23px}.next-content h3 br{display:none}.next-content>p{font-size:11px}.next-content{padding:20px}.next-content .quest-details{font-size:10px}.next-content .quest-details strong{font-size:10px}.human-note{font-size:9px}.metric-grid{grid-template-columns:1fr;gap:10px}.metric-card{min-height:103px;padding:15px}.metric-label{font-size:11px}.metric-value{margin:12px 0 9px;font-size:27px}.metric-value.unknown{margin:13px 0;font-size:18px}.metric-bottom{position:absolute;right:16px;bottom:20px;max-width:45%;text-align:right;align-items:end}.metric-spark{display:none}.section-heading{align-items:start}.section-heading h2{font-size:11px;line-height:1.7}.section-heading h2 span{display:block;font-size:6px;margin-left:0}.section-heading .tiny{font-size:7px;max-width:145px}.research-notice{align-items:start}.notice-version{display:none}.page-footer{font-size:6px;line-height:2}.page-footer>span:last-child{display:none}.guide-grid{grid-template-columns:1fr}.audit-summary{gap:10px}.audit-summary>div{padding:15px;font-size:10px}.audit-summary strong{font-size:25px}.history-row{gap:10px;flex-wrap:wrap}.history-row .history-end{font-size:9px}.view-expanded{inset:80px 15px 80px 90px}.form-grid{grid-template-columns:1fr}.form-grid .field{margin:9px 0}.breadcrumb{font-size:7px;gap:10px}.breadcrumb strong{font-size:10px}}
@media(max-width:420px){.sidebar{width:56px;padding:22px 6px}.shell{margin-left:56px}.brand-icon{width:30px}.nav-item{padding:12px 6px}.nav-symbol{font-size:20px}.page-heading>.button{font-size:8px;padding:9px;gap:3px}h1{font-size:18px}.mission-label{display:none}.mission-bar p{padding-left:0;border:0}.scene-label{display:none}.observation-scene{height:240px}.quest-step small{display:none}.quest-step>div{font-size:8px}.progress-line{margin:0 7px}.panel-header h2 small{display:none}#toast{left:calc(50% + 28px)}}
.metric-value.reported{font:22px var(--sans);letter-spacing:1px;margin-top:15px;margin-bottom:14px;color:#637b5e}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* English field workspace and touch layouts */
:root{--sans:Inter,'Segoe UI',Arial,sans-serif}
button,a,input,summary,label{-webkit-tap-highlight-color:transparent}
button:disabled{cursor:default;opacity:.45}
.nav-text{font-size:11px}.panel,.metric-card,.console-grid>*{min-width:0}
.panel-header h2 small{letter-spacing:.5px}.next-content h3{font-size:29px;line-height:1.35;letter-spacing:-.6px}.next-content>p{font-size:13px;line-height:1.8}.quest-details{font-size:11px}.quest-details strong{font-size:11px}.next-content{padding:27px 24px}.next-panel{display:flex;flex-direction:column}.next-content{flex:1;display:flex;flex-direction:column}.quest-action{margin-top:auto}.quest-details{margin-top:15px}
.observation-scene{height:auto;aspect-ratio:4/3;max-height:430px}.photo-scene{background:#172b30}.scene-art .observation-photo{width:100%;height:100%;object-fit:contain;display:block;min-height:0;max-height:100%;image-rendering:auto}.photo-scene .scene-art{position:absolute;inset:0}.photo-scene .scene-label,.photo-scene .scene-ruler{display:none}.photo-scene .scene-coordinate,.photo-scene .scene-demo{background:#16262bd9;padding:6px 8px;color:#e2eddd;border-color:#c2d4b83b;font-size:8px}.photo-scene .scene-coordinate span{color:#b0cebb}.photo-scene .scene-bottom{background:#16262be8;left:0;right:0;bottom:0;padding:12px 14px;color:#d1e3c5;gap:10px}.scene-bottom>span{min-width:0;overflow-wrap:anywhere}.scene-bottom>span:last-child{font-size:7px}.scene-close{display:none}.view-expanded .scene-close{display:grid;position:absolute;top:12px;right:12px;z-index:5;width:44px;height:44px}.view-expanded .scene-demo{display:none}.view-expanded{inset:4dvh 4vw!important;max-height:none!important;aspect-ratio:auto!important}.view-expanded .observation-photo{object-fit:contain}
.photo-strip{display:flex;gap:9px;padding:12px 16px 0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.photo-thumb{position:relative;flex:1;min-width:64px;max-width:110px;aspect-ratio:4/3;background:#263638;border:2px solid transparent;padding:0;scroll-snap-align:center;overflow:hidden;opacity:.68}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb>span{position:absolute;left:4px;bottom:4px;background:#17292ad9;color:#e3edcb;padding:3px 5px;font:8px var(--mono)}.photo-thumb.selected{border-color:#65ac8e;opacity:1;box-shadow:2px 2px 0 #294b3c}.photo-thumb:hover{opacity:1}.observation-footer{font-size:11px;gap:12px}.observation-footer>span{min-width:0}.observation-footer>span>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-button{font-size:11px;min-height:36px}.photo-empty{display:flex;align-items:center;gap:14px;padding:22px 0;color:#87917c}.photo-empty>span{font:30px var(--mono);color:#a4b895}.photo-empty p{font-size:12px;line-height:1.8;margin:0}.metric-value{font-size:28px}.metric-value>span{font-size:10px}.metric-label{font-size:11px}.metric-bottom{font-size:9px;gap:7px}.metric-tag{font-size:8px}.metric-spark{display:none}.metric-card{min-height:136px}.metric-value{overflow-wrap:anywhere}.section-heading{margin-top:27px}.world-info strong{font-size:12px}.world-status{font-size:9px}.trace-entry{font-size:11px}.trace-entry>div small{font-size:9px}.trace-list{min-height:154px;max-height:240px}.history-row{min-height:88px}.history-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.history-row strong{font-size:14px}.history-row small{overflow-wrap:anywhere}.modal-title{font-size:25px;letter-spacing:-.5px}.choice-card{min-height:90px}.choice-card small{font-size:12px}.modal-intro{font-size:13px}.field input,.field select{min-height:46px;font-size:16px}.field input[type=file]{font-size:12px;line-height:1.5}.icon-button{min-width:36px;min-height:36px}.modal-header .icon-button{min-width:44px;min-height:44px}.runtime-row strong{overflow-wrap:anywhere;text-align:right}.photo-pick{position:relative;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:3px 10px;padding:22px;background:#edf3e3;border:1px solid #b8cbb0;color:#6b8e68;margin:15px 0;font:26px var(--mono);min-height:100px;cursor:pointer}.photo-pick strong{font:600 15px var(--sans);color:#334f3d}.photo-pick span{grid-column:2;font:12px var(--sans);color:#7b8d70}.photo-pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-pick:focus-within{outline:2px solid #477e5f;outline-offset:3px}.camera-pick{background:#f4efdf;border-color:#d8cba7}.observation-options label{min-height:56px;font-size:14px}summary{cursor:pointer;min-height:40px;line-height:1.8;font-size:12px}.code-block{word-break:break-word}.audit-content{padding:20px}.page-footer{margin-top:28px}.research-notice,.human-note,.panel-footnote,.inline-warning{display:none}
@media(max-width:1000px) and (min-width:761px){.nav-text{display:none}.console-grid{grid-template-columns:minmax(0,1.3fr) minmax(255px,1fr)}.next-content{padding:20px}.next-content h3{font-size:25px}.mission-label{font-size:7px}.metric-value{font-size:24px}}
@media(max-width:760px){
  .sidebar{inset:auto 0 0;width:100%;height:auto;padding:0 8px env(safe-area-inset-bottom);border:0;border-top:1px solid #405248;z-index:20;background:#1b2630}.sidebar .brand,.sidebar-caption,.workspace,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0}.nav-item{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:65px;padding:9px 4px;border:0;margin:0;color:#8baca1;box-shadow:none;background:transparent}.nav-item.active{background:#263e3b;color:#afe2c2;box-shadow:inset 0 3px #96d9c3}.nav-text{display:inline;font:9px var(--mono);letter-spacing:.4px}.nav-symbol{font-size:23px;line-height:24px}.shell{margin-left:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{height:55px;padding:0 18px}.topbar-right{gap:12px}.topbar .text-button{font-size:10px}.avatar{width:34px;height:34px}main{padding:24px 18px 0}.page-heading{flex-direction:column;gap:18px;align-items:stretch;margin-bottom:22px}.page-heading h1{font-size:28px;letter-spacing:-.7px}.page-heading p{font-size:13px;max-width:none;margin-top:7px;line-height:1.6}.page-heading>.button{align-self:flex-start;margin:0;min-height:44px;font-size:12px;padding:12px 16px;gap:9px}.eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:11px}.mission-bar{padding:12px;gap:10px}.mission-label{display:none}.mission-bar p{font-size:11px;border:0;padding:0;line-height:1.6}.mission-mode{font-size:7px;padding:5px}.quest-progress{padding:22px 2px}.quest-step{gap:7px;min-width:0}.quest-step>span{width:28px;height:28px;font-size:10px}.quest-step>div{font-size:10px}.quest-step small{display:none}.progress-line{min-width:8px;margin:0 9px}.console-grid{grid-template-columns:1fr;gap:18px}.panel-header{min-height:53px;padding:15px}.panel-header h2{font-size:13px}.panel-header h2 small{display:none}.view-toolbar{padding:10px 12px;gap:8px;align-items:center}.segmented{flex:1}.segmented button{min-height:40px;padding:8px 10px;font-size:11px;flex:1}.observation-scene{height:auto;max-height:none;aspect-ratio:4/3;margin:0 12px}.scene-coordinate,.scene-demo{font-size:7px!important}.scene-demo{right:9px;top:11px}.scene-coordinate{left:9px;top:11px}.scene-coordinate span{margin-left:5px}.scene-bottom{font-size:8px}.scene-label{display:none}.photo-strip{padding:12px 12px 0;gap:8px}.photo-thumb{min-width:54px}.observation-footer{padding:12px;font-size:11px}.next-content{padding:22px}.next-content h3{font-size:29px;margin:15px 0 10px;line-height:1.35}.next-content>p{font-size:13px;line-height:1.8;margin-bottom:6px}.quest-details{font-size:12px;gap:13px;margin-top:18px}.quest-details strong{font-size:11px}.button,.quest-action{min-height:48px;font-size:12px}.section-heading h2{font-size:13px}.section-heading h2 span{font-size:7px}.section-heading .tiny{font-size:7px;max-width:140px}.metric-grid{grid-template-columns:1fr;gap:11px}.metric-card{min-height:111px;padding:17px}.metric-label{font-size:12px}.metric-value{font-size:28px;margin:12px 0 4px}.metric-value>span{font-size:11px}.metric-bottom{position:absolute;bottom:18px;right:15px;font-size:9px;max-width:43%;align-items:flex-end;text-align:right;line-height:1.6;gap:5px}.metric-tag{font-size:8px}.lower-grid{margin-top:18px;gap:18px}.trace-entry{font-size:11px}.trace-entry>div small{font-size:9px}.trace-footer{padding:10px 14px}.trace-footer>span{font-size:7px}.world-info strong{font-size:12px}.world-status{font-size:8px}.page-footer{font-size:7px;padding-bottom:14px}.breadcrumb{font-size:8px}.breadcrumb strong{font-size:10px}.audit-summary{gap:8px}.audit-summary>div{padding:14px 10px;font-size:10px}.audit-summary strong{font-size:25px}.history-list{padding:0 15px}.history-row{gap:10px}.history-row .history-end{margin-left:40px;text-align:left;line-height:1.8}.history-row strong{font-size:13px}.history-row small{font-size:10px}.guide-card{padding:22px}.guide-card h2{font-size:20px}.guide-card p{font-size:13px;line-height:1.9}.guide-number{font-size:25px}.view-expanded{inset:12px 12px calc(84px + env(safe-area-inset-bottom))!important}.view-expanded .scene-coordinate{right:70px}.scene-close{z-index:5}.view-expanded .scene-art svg{width:95%;height:auto}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);margin:auto}.modal-header{padding:10px 15px;position:sticky;top:0;z-index:2}.modal-header>span{font-size:9px}#modal-content{padding:22px 18px}.modal-title{font-size:25px;line-height:1.35}.modal-intro{font-size:13px;line-height:1.8}.choice-card{padding:18px 14px;gap:13px}.choice-card strong{font-size:15px}.choice-card small{font-size:12px}.choice-card>span:first-child{font-size:25px}.modal-actions{flex-wrap:wrap;gap:10px}.modal-actions .button{flex:1;white-space:normal}.proof-stats{gap:9px}.proof-stats>div{padding:14px 10px;font-size:10px;line-height:1.5}.proof-stats strong{font-size:23px}.runtime-row{font-size:12px}.runtime-row strong{font-size:10px;max-width:65%}.field{font-size:12px}.field input[type=file]{font-size:12px;padding:12px 8px;max-width:100%}.form-grid{grid-template-columns:1fr}#toast{left:50%;bottom:calc(85px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);font-size:12px;padding:12px 16px}.photo-pick{padding:20px 16px}.view-expanded .scene-bottom{padding:12px}
}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.topbar{padding:0 12px}.page-heading h1{font-size:25px}.eyebrow{font-size:6px}.segmented button{padding:8px 7px;font-size:10px}.scene-coordinate span{display:none}.scene-demo{font-size:6px!important}.photo-thumb{min-width:47px}.photo-strip{gap:6px}.mission-bar p{font-size:10px}.mission-mode{font-size:6px}.metric-value{font-size:25px}.metric-value>span{font-size:9px}.quest-step>div{font-size:9px}.progress-line{margin:0 6px}.world-info strong{font-size:11px}}

.metric-bottom{overflow-wrap:anywhere;min-width:0}.metric-bottom>span:last-child{max-width:100%}
.packing-panel{margin-top:24px;overflow:hidden}.packing-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px}.packing-welcome h3{font-size:23px;letter-spacing:-.4px;margin:0 0 9px}.packing-welcome p{font-size:12px;line-height:1.8;color:#7a867c;margin:0;max-width:540px}.packing-welcome .button{white-space:nowrap}.packing-message{margin:0 23px 20px;padding:13px;background:#e9eddf;border-left:3px solid #7fae92;font-size:12px;line-height:1.8}.packing-summary{display:flex;align-items:center;flex-wrap:wrap;gap:13px;padding:15px 23px;background:#edf1e6;border-top:1px solid #d9dfd2;font-size:10px;color:#778874}.packing-summary>span:first-child{font:12px var(--mono);color:#345a49}.packing-summary .text-button{margin-left:auto}.packing-grid{padding:20px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(235px,1fr);gap:20px}.packing-image{position:relative;border:2px solid #2b413b;background:#20383d;overflow:hidden}.packing-image>img{display:block;width:100%;height:auto}.packing-image>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.packing-image polygon{cursor:pointer;transition:fill-opacity .15s;outline:none}.packing-image polygon:hover,.packing-image polygon:focus-visible{fill-opacity:.6;stroke:#fff;stroke-width:.005}.packing-image.drawing svg{cursor:crosshair;touch-action:none}.packing-image-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding-top:12px;font-size:10px;color:#7a867c}.packing-region-list{max-height:420px;overflow:auto;overscroll-behavior:contain}.packing-region{padding:12px;background:#f2f4ea;border:1px solid #d7dfd0;border-left:3px solid var(--piece);margin-bottom:9px}.packing-region.picked{background:#e5efe2;border-color:#95af99}.packing-pick{display:flex;align-items:center;gap:8px;font-size:11px;cursor:pointer;min-height:32px}.packing-pick input,.packing-confirm input{width:19px;height:19px;accent-color:#337b63;flex:none}.packing-swatch{display:grid;place-items:center;width:27px;height:27px;background:var(--piece);font:11px var(--mono);color:#1b3340;border:1px solid #263e3850}.packing-shape{display:block;font-size:10px;margin:6px 0 11px;color:#7a867c}.packing-shape.fold-candidate{color:#886329;font-weight:700}.packing-review{display:flex;align-items:center;gap:10px;font-size:10px;color:#637967}.packing-review select{min-width:0;width:100%;padding:10px 6px;font-size:11px;border:1px solid #c1cfbc;background:#fcfcf7;min-height:42px;color:#284d3b}.packing-grid .button{width:100%;margin-top:8px}.packing-player-heading{padding:25px 26px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.packing-player-heading h3{font-size:25px;margin:0 0 12px}.packing-player-heading p{max-width:650px;font-size:13px;line-height:1.9;color:#6a7e6d;margin:0}.packing-stage{background:#1d333a;background-image:linear-gradient(#a2d0b508 1px,transparent 1px),linear-gradient(90deg,#a2d0b508 1px,transparent 1px);background-size:24px 24px;border-top:1px solid #2b524e;border-bottom:1px solid #2b524e;min-height:250px;display:grid;place-items:center}.packing-stage svg{width:100%;max-height:360px;display:block;font-family:var(--mono)}.packing-order{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 23px;font-size:10px;color:#7a867c}.packing-order>span{margin-right:8px}.packing-order b{font:11px var(--mono);color:#1b3340;background:var(--piece);padding:6px;border:1px solid #29453555}.packing-confirm{margin:4px 23px 16px;padding:13px;display:flex;gap:10px;align-items:center;background:#edf1e5;border:1px solid #cdd8c5;font-size:12px;line-height:1.6;cursor:pointer;min-height:52px}.packing-controls{display:flex;gap:10px;flex-wrap:wrap;padding:0 23px 18px}.packing-controls .button{min-width:90px;flex:1}.packing-controls .primary{flex:2}.packing-progress{display:flex;gap:5px;padding:0 23px 18px}.packing-progress>span{flex:1;height:5px;background:#d8dfd0}.packing-progress .current{background:#5a9173}.packing-progress .done{background:#9cc6a5}#packing-export{margin:0 23px 21px;min-height:40px}.pack-rope{stroke-dasharray:1200;stroke-dashoffset:0}.drawing-rope{animation:pack-rope 4s ease-in-out infinite}.packing-stage[data-kind=STACK] .pack-layer{animation:pack-drop 4.5s ease-in-out infinite;animation-delay:calc(var(--i)*.15s)}.pack-fold-box{transform-origin:300px 270px;animation:pack-collapse 5s ease-in-out infinite}.pack-fold-flat{animation:pack-flat 5s ease-in-out infinite}.pack-align-arrow{animation:pack-pulse 1.5s ease-in-out infinite}.pack-knot-a,.pack-knot-b{stroke-dasharray:600;animation:pack-rope 4s ease-in-out infinite}.pack-knot-b{animation-delay:.5s}.packing-stage.is-paused *{animation-play-state:paused!important}@keyframes pack-rope{0%,12%{stroke-dashoffset:1200}65%,100%{stroke-dashoffset:0}}@keyframes pack-drop{0%,15%{transform:translate(-65px,-85px);opacity:.1}55%,100%{transform:translate(0,0);opacity:1}}@keyframes pack-collapse{0%,20%{transform:scale(1,1);opacity:1}55%,100%{transform:scale(1,.12);opacity:0}}@keyframes pack-flat{0%,40%{opacity:0}60%,100%{opacity:1}}@keyframes pack-pulse{0%,100%{opacity:.3}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.packing-stage *{animation:none!important}.pack-fold-box{opacity:0}.pack-fold-flat{opacity:1}}@media(max-width:760px){.packing-welcome{align-items:stretch;flex-direction:column;padding:20px}.packing-welcome h3{font-size:24px}.packing-welcome p{font-size:13px}.packing-grid{grid-template-columns:1fr;padding:12px;gap:18px}.packing-summary{padding:14px}.packing-region-list{max-height:330px}.packing-pick{font-size:13px}.packing-shape{font-size:12px}.packing-review select{font-size:14px;min-height:46px}.packing-image-tools{font-size:11px}.packing-player-heading{padding:22px 18px;flex-direction:column}.packing-player-heading h3{font-size:25px}.packing-stage{min-height:210px}.packing-stage svg{min-height:220px}.packing-order{padding:15px}.packing-confirm{margin:0 15px 16px;font-size:13px}.packing-controls{padding:0 15px 18px;display:grid;grid-template-columns:1fr 1fr}.packing-progress{padding-left:15px;padding-right:15px}#packing-export{margin-left:15px}.packing-message{margin-left:15px;margin-right:15px}}
.photo-thumb{min-height:44px}
@media(max-width:760px){.view-toolbar .icon-button{min-width:44px;min-height:44px}.segmented button{min-height:44px}.topbar .text-button{min-height:44px}}
.auth-body{min-height:100dvh;display:grid;place-items:center;padding:28px 18px;background:var(--navy);background-image:linear-gradient(#9bc4a209 1px,transparent 1px),linear-gradient(90deg,#9bc4a209 1px,transparent 1px);background-size:24px 24px}.auth-panel{width:min(100%,460px);padding:35px;background:var(--paper);border:1px solid #9cb79d;box-shadow:7px 7px 0 #97bc8a28;outline:none}.auth-panel h1{font-size:27px;line-height:1.4;letter-spacing:-.5px}.auth-panel .eyebrow{font-size:8px;line-height:1.8;letter-spacing:1px}.auth-panel .modal-intro{margin-top:14px}.auth-panel .button{width:100%;margin-top:14px}.auth-panel .field{font-size:13px}.auth-panel input{font-size:16px;min-height:48px}#auth-code{font-family:var(--mono);letter-spacing:8px;font-size:22px}#auth-qr{display:block;width:220px;max-width:100%;margin:20px auto;background:white;padding:12px;image-rendering:pixelated}#auth-secret{font-family:var(--mono);font-size:11px;letter-spacing:1px}.auth-footer{font:8px var(--mono);letter-spacing:1px;color:#899578;text-align:center;margin:30px 0 0}@media(max-width:430px){.auth-panel{padding:26px 22px}.auth-panel h1{font-size:25px}}

.packing-order-chip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #b9cab8;padding:12px;background:#f4f6eb;width:100%}.packing-order-chip b{color:#1b3340;background:var(--piece);padding:6px;border:1px solid #29453555}.packing-order-chip button{border:1px solid #c6d3c1;background:#f3f5eb;min-height:44px;min-width:36px;color:#47634f}.packing-order-chip label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.packing-order-chip select{min-height:44px;max-width:100%;border:1px solid #b9cab8;padding:6px;background:#fcfcf7}.packing-order-intro{width:100%;line-height:1.8}.packing-panel,.packing-panel button,.packing-panel select,.packing-panel strong,.packing-panel b,.packing-panel .eyebrow,.packing-panel h2,.packing-panel .packing-summary>span:first-child,.packing-stage svg{font-family:var(--pixel);font-weight:400}.packing-panel p,.packing-panel label,.packing-panel select,.packing-panel button,.packing-panel .packing-order,.packing-panel .packing-shape,.packing-panel .packing-summary,.packing-panel .packing-image-tools,.packing-panel .eyebrow{font-size:16px;line-height:1.65;letter-spacing:0}.packing-panel .packing-pick{font-size:17px}.packing-panel h3{font-size:26px;line-height:1.4}.packing-panel .packing-welcome .button{white-space:normal}.pack-turn{animation:pack-turn 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes pack-turn{0%,15%{transform:rotate(-25deg);opacity:.3}65%,100%{transform:rotate(0deg);opacity:1}}@media(max-width:760px){.packing-order-chip{align-items:flex-start}.packing-order-chip label{width:100%}.packing-panel .packing-summary{font-size:14px}.packing-panel .packing-controls button{font-size:15px;padding:10px}.packing-panel h3{font-size:24px}}
@media(max-width:760px){.packing-order-chip button{min-width:40px;min-height:44px}}
.packing-order-preview{display:inline-flex;align-items:center;gap:7px;padding:5px;border:1px solid #b9cab8}.packing-order-preview[aria-current]{outline:2px solid #447e62;outline-offset:2px}.packing-order-preview b{font:16px var(--pixel)}.packing-stage[data-kind=PLACE] .pack-current-layer{animation:pack-drop 4.5s ease-in-out infinite}
.real-packing-stage{position:relative;display:block;min-height:320px;background:#ddd9cb;overflow:hidden}.real-packing-stage canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-4px}.real-packing-stage>img{display:block;width:100%;max-height:520px;object-fit:contain}.real-guide-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:13px 20px;background:#e8ecdf;border-top:1px solid #ccd6c5}.real-guide-toolbar>span{font:14px var(--pixel);margin-right:auto}.real-guide-toolbar button,.real-guide-toolbar select{min-height:42px;border:1px solid #b3c7b5;background:#f6f8ee;color:#284d3c;padding:7px 12px}.real-guide-toolbar button[aria-pressed=true]{background:#96d9c3;border-color:#335f4c}.real-guide-toolbar label{display:flex;align-items:center;gap:8px}.real-guide-scrub{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:14px 23px;background:#e8ecdf}.real-guide-scrub input{flex:1;min-width:150px;accent-color:#35674f;min-height:36px}.binding-condition{padding:14px;border:1px solid #c6d2c0;background:#e9efdf;margin:12px 0}.binding-condition label{display:block;margin:9px 0}.binding-condition select{display:block;width:100%;padding:10px 7px;min-height:44px;border:1px solid #b8c9b5;color:#294d3c;background:#fcfcf7}.binding-condition p{color:#52715b;margin:12px 0 0;font-size:14px}.packing-measurements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.packing-measurements>span{grid-column:1/-1;font:13px var(--pixel);color:#58745d}.packing-measurements label{font-size:13px!important}.packing-measurements input{display:block;width:100%;min-height:42px;border:1px solid #b8c9b5;background:#fcfcf7;font:16px var(--pixel);padding:6px;color:#294d3c}.real-render-status{display:block;padding:22px;font:16px/1.7 var(--pixel);color:#294d3c}.real-fold-photo{position:relative;max-width:960px;margin:auto}.real-fold-photo img{display:block;width:100%;max-height:520px;object-fit:contain}.real-fold-photo svg{position:absolute;inset:0;width:100%;height:100%;max-height:none}.photo-fold-stage{min-height:0}#packing-flat-capture{padding:10px 23px 22px;background:#edf1e6}#packing-flat-status{font:14px/1.8 var(--pixel)}.packing-panel #packing-flat-photo{font:14px var(--pixel);min-height:44px}@media(max-width:760px){.real-guide-toolbar{padding:12px;gap:7px}.real-guide-toolbar>span{width:100%;font-size:13px}.real-guide-toolbar button{flex:1;padding:7px;font-size:14px;min-height:44px}.real-guide-toolbar label{width:100%;font-size:14px}.real-guide-scrub{padding:12px;font-size:14px!important}.packing-measurements{gap:5px}.packing-measurements label{font-size:12px!important}.packing-region-list{max-height:600px}.real-packing-stage{min-height:320px}}

.packing-end-key{display:flex;flex-wrap:wrap;gap:18px;padding:10px 20px;background:#f4f3e7;font:15px var(--pixel)}.end-right{color:#805116}.end-left{color:#245b74}.judge-login-link{display:block;text-align:center;margin-top:20px;min-height:36px;font-size:13px}

.packing-plan-health{padding:14px 22px;margin:0;background:#eaf1df;color:#345840;font:15px/1.7 var(--pixel)}.bundle-choice{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bundle-choice select{min-height:44px;max-width:100%;font:16px var(--pixel)}[data-pack-replan]{min-height:44px;border:1px solid #9eb59b;background:#f7f9ed;font:16px var(--pixel);padding:7px 12px}

.packing-piece-size{display:block;font:16px/1.6 var(--pixel);color:#254f42;margin:8px 0}.packing-region>button{min-height:44px;padding:7px 10px;background:#e7eddf;border:1px solid #aac1ac;color:#284d3c;max-width:100%}.packing-manual-size{margin-top:12px}.packing-manual-size summary{cursor:pointer;font:15px/1.7 var(--pixel);min-height:44px}.packing-size-status{font:16px/1.7 var(--pixel);color:#35674f;margin:0 0 12px}.packing-image{background:#ddd9cb}.packing-order-preview{max-width:100%;flex-wrap:wrap}.packing-order-preview span{overflow-wrap:anywhere}

.packing-inventory{padding:12px 20px;background:#f0f3e7;border-top:1px solid #c2cebc}.packing-inventory p{margin:0 0 10px;color:#2e5b48}.packing-inventory>div{display:flex;gap:10px;overflow:auto;padding:3px 3px 9px}.packing-inventory button{flex:0 0 145px;min-height:125px;display:grid;gap:4px;border:1px solid #afc1aa;background:#fafbf4;padding:7px;color:#284d3c}.packing-inventory button[aria-pressed=true]{outline:2px solid #448468}.packing-inventory img{width:100%;height:80px;object-fit:contain;background:#dfdfd1}.packing-inventory small{font:13px/1.5 var(--pixel)}
