:root{--ink:#23102e;--ink-2:#12071b;--paper:#fff0c9;--paper-2:#f0d99f;--paper-3:#d7bd7b;--amber:#f6a82d;--amber-2:#ffd65a;--teal:#28a89a;--teal-2:#63d6c9;--green:#78c64d;--red:#e5553d;--blue:#4aa6d9;--white:#fff9e9;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:#2f8f8a;font-family:Courier New,PingFang SC,Hiragino Sans GB,Microsoft YaHei,monospace}*{box-sizing:border-box}body{background:linear-gradient(#12071b29,#12071b38),repeating-linear-gradient(0deg,#0000 0 31px,#fff9e926 31px 32px),repeating-linear-gradient(90deg,#0000 0 31px,#12071b29 31px 32px),#34a59b;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button,.order-row,.metric,.column,.panel,.game-header,.command-map,.flow-guide{image-rendering:pixelated}.app-shell{width:min(1480px,100%);margin:0 auto;padding:20px}.game-header,.command-map,.flow-guide,.metric,.panel,.column{border:4px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--ink-2);border-radius:4px}.game-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px;display:grid}.brand-lockup{align-items:center;gap:14px;min-width:0;display:flex}.logo-token{border:4px solid var(--ink);width:78px;height:78px;box-shadow:4px 4px 0 var(--amber);background:#050505;border-radius:3px;flex:none;place-items:center;display:inline-grid}.logo-token img{object-fit:contain;width:60px;height:60px;image-rendering:pixelated}.eyebrow{color:#5c315f;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:900}h1,h2{letter-spacing:0;margin:0}h1{font-size:clamp(1.9rem,4.6vw,4.1rem);line-height:1}h2{font-size:1rem}.mission-copy{color:#3e2848;max-width:860px;margin:9px 0 0;font-size:.94rem;line-height:1.55}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:stretch;gap:10px;display:flex}.clock,.language-switch,.reset-command{border:3px solid var(--ink);background:var(--white);min-height:42px;box-shadow:3px 3px 0 var(--ink-2);border-radius:3px}.clock{justify-content:center;align-items:center;gap:8px;min-width:124px;padding:8px 10px;font-weight:900;display:inline-flex}.language-switch{display:inline-flex;overflow:hidden}.language-switch button{border:0;border-right:3px solid var(--ink);min-width:58px;color:var(--ink);cursor:pointer;background:0 0;font-weight:900}.language-switch button:last-child{border-right:0}.language-switch button.active{background:var(--amber-2)}.reset-command{color:var(--white);background:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex}.reset-command:active,.facility-tile:active,.language-switch button:active{box-shadow:0 0 0 var(--ink-2);transform:translate(3px,3px)}.command-map{background-color:#4fbfb2;background-image:linear-gradient(45deg,#fff0c92e 25%,#0000 25% 50%,#fff0c92e 50% 75%,#0000 75%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin-top:18px;padding:14px;position:relative;overflow:hidden}.map-heading{z-index:1;color:var(--white);text-shadow:2px 2px 0 var(--ink);justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex;position:relative}.map-heading .eyebrow{color:var(--amber-2)}.map-heading>span{border:3px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink-2);text-shadow:none;padding:5px 8px;font-size:.82rem;font-weight:900}.facility-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid;position:relative}.facility-tile{border:4px solid var(--ink);min-height:96px;color:var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink-2);cursor:pointer;text-align:left;border-radius:3px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;transition:background .1s,transform .1s,box-shadow .1s;display:grid;position:relative}.facility-tile:hover{background:var(--amber-2);outline:4px solid var(--white)}.facility-tile:hover:after{content:"!";border:3px solid var(--ink);background:var(--red);width:28px;height:28px;color:var(--white);place-items:center;font-weight:900;display:grid;position:absolute;top:-15px;right:10px}.facility-tile.vip{background:#ffdf70}.facility-tile.bot{background:#b9ef9a}.facility-tile.remove{background:#f6a099}.facility-icon{border:3px solid var(--ink);background:var(--white);place-items:center;width:42px;height:42px;display:grid;box-shadow:3px 3px #12071bbf}.facility-tile strong,.facility-tile small{display:block}.facility-tile strong{overflow-wrap:anywhere;font-size:1rem}.facility-tile small{color:#4c3156;margin-top:4px;font-size:.8rem;font-weight:800}.facility-tile em{border:3px solid var(--ink);background:var(--ink);min-width:38px;color:var(--white);text-align:center;align-self:start;padding:4px 6px;font-style:normal;font-weight:900}.rule-strip{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid;position:relative}.rule-strip li{border:3px solid var(--ink);background:var(--white);min-height:42px;color:var(--ink);box-shadow:3px 3px 0 var(--ink-2);padding:9px 10px;font-size:.82rem;font-weight:900}.flow-guide{background:var(--paper);margin-top:18px;padding:12px}.flow-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:10px;display:grid}.flow-heading .eyebrow{color:var(--ink);margin:0;font-size:.9rem}.type-legend{border:3px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink-2);color:#4c3156;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:8px;font-size:.78rem;font-weight:900;display:grid}.flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.flow-steps li{border:3px solid var(--ink);background:var(--white);min-height:82px;padding:10px;position:relative;box-shadow:4px 4px #12071bc7}.flow-steps li:not(:last-child):after{content:">";z-index:2;border:3px solid var(--ink);background:var(--amber-2);width:22px;height:22px;color:var(--ink);text-align:center;font-weight:900;line-height:17px;position:absolute;top:50%;right:-15px;transform:translateY(-50%)}.flow-steps strong,.flow-steps span{display:block}.flow-steps strong{color:var(--ink);margin-bottom:6px}.flow-steps span{color:#684d61;font-size:.8rem;font-weight:900;line-height:1.45}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.metric{background:var(--white);min-height:106px;padding:14px;animation:.42s steps(2,end) metric-bump}.metric.normal{border-color:#1d5572}.metric.vip{border-color:#7a4b00}.metric.complete{border-color:#236827}.metric.bot{border-color:#5b2370}.metric span,.metric small{color:#5b4a51;font-size:.82rem;font-weight:900;display:block}.metric strong{color:var(--ink);margin:7px 0 3px;font-size:2.35rem;line-height:1;display:block}.workspace{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.column{min-height:420px;overflow:hidden}.column header,.panel-heading{border-bottom:4px solid var(--ink);background:var(--paper-2);justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.column header p{color:#60465c;max-width:340px;margin:5px 0 0;font-size:.76rem;font-weight:900;line-height:1.35}.column header>span{border:3px solid var(--ink);background:var(--ink);min-width:34px;height:30px;color:var(--white);place-items:center;font-weight:900;display:inline-grid}.column-body,.bot-list{flex-direction:column;gap:10px;padding:12px;display:flex}.order-row,.bot-row{border:3px solid var(--ink);background:var(--white);border-left-width:8px;border-radius:3px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:74px;padding:11px;animation:.22s steps(2,end) row-enter;display:grid;position:relative;box-shadow:4px 4px #12071bd1}.bot-row{border-left-color:var(--teal);grid-template-columns:minmax(0,1fr) auto;padding-bottom:18px}.order-row.vip{border-left-color:var(--amber)}.order-row.normal{border-left-color:var(--blue)}.order-row.processing{padding-bottom:22px}.order-row.processing.vip{border-left-color:var(--amber);background:#fff5d6}.order-row.processing.normal{border-left-color:var(--blue);background:#eef8ff}.order-main{align-items:center;gap:10px;min-width:0;display:flex}.order-main strong,.bot-row strong{overflow-wrap:anywhere;display:block}.order-main span,.bot-row span{color:#684d61;font-size:.85rem;font-weight:800}.order-icon{border:3px solid var(--ink);background:var(--paper-2);width:34px;height:34px;box-shadow:2px 2px 0 var(--ink-2);flex:none;place-items:center;display:inline-grid}.order-row.vip .order-icon,.type-chip.vip{background:var(--amber-2)}.order-row.normal .order-icon,.type-chip.normal{background:#b7dff3}.order-copy{min-width:0}.type-chip,.order-main .type-chip,.bot-row .type-chip{border:3px solid var(--ink);min-height:22px;color:var(--ink);text-transform:uppercase;align-items:center;margin:0 0 5px;padding:2px 6px;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:2px 2px #12071bbf}.status-pill{border:3px solid var(--ink);background:var(--paper-3);min-width:88px;min-height:28px;color:var(--ink);text-align:center;justify-content:center;align-items:center;padding:0 8px;font-size:.72rem;font-weight:900;display:inline-flex}.processing-side{justify-items:end;gap:5px;min-width:138px;display:grid}.processing-side>span{border:3px solid var(--ink);background:var(--ink);color:var(--white);text-align:center;padding:4px 6px;font-size:.7rem;font-weight:900}.status-pill.pending{background:#b7dff3}.status-pill.processing{background:#ffd65a;animation:.9s steps(2,end) infinite status-flash}.status-pill.complete{background:#a6e482}.status-pill.idle{background:#e7dcc2}.bot-row .type-chip{margin:5px 0 4px}.progress{border:2px solid var(--ink);background:var(--paper-3);height:10px;position:absolute;bottom:8px;left:11px;right:11px;overflow:hidden}.progress span{background:repeating-linear-gradient(90deg, #ffffff47 0 5px, transparent 5px 10px), linear-gradient(90deg, var(--red), var(--amber), var(--green));height:100%;display:block}.lower-grid{grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr);gap:14px;margin-top:14px;display:grid}.panel{min-height:306px;overflow:hidden}.log-list{flex-direction:column;gap:8px;max-height:292px;margin:0;padding:12px;list-style:none;display:flex;overflow:auto}.log-list li{border:3px solid var(--ink);background:var(--white);grid-template-columns:78px minmax(0,1fr);gap:10px;padding:8px;animation:.22s steps(2,end) row-enter;display:grid;box-shadow:3px 3px #12071bcc}.log-list time,.order-row time{color:#5b2370;font-size:.76rem;font-weight:900}.log-list span{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:.85rem;font-weight:800}.empty-state{border:3px dashed var(--ink);color:#684d61;background:#fff9e99e;align-items:center;gap:8px;min-height:58px;margin:0;padding:12px;font-size:.88rem;font-weight:900;display:flex}@keyframes row-enter{0%{filter:brightness(1.15);transform:translate(3px,3px)}to{filter:brightness();transform:translate(0)}}@keyframes metric-bump{0%{transform:translate(2px,2px)}to{transform:translate(0)}}@keyframes status-flash{0%,to{box-shadow:inset 0 0 0 0 var(--white)}50%{box-shadow:inset 0 0 0 3px var(--white)}}@media (width<=1120px){.game-header{grid-template-columns:1fr}.header-actions{justify-content:flex-start}.facility-grid,.stats-grid,.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace,.lower-grid,.flow-heading,.type-legend{grid-template-columns:1fr}.flow-steps li:not(:last-child):after{display:none}.column{min-height:auto}}@media (width<=680px){.app-shell{padding:12px}.brand-lockup{align-items:flex-start}.logo-token{width:58px;height:58px}.logo-token img{width:44px;height:44px}.header-actions,.map-heading{flex-direction:column;align-items:stretch}.facility-grid,.stats-grid,.rule-strip,.flow-steps{grid-template-columns:1fr}.facility-tile{grid-template-columns:42px minmax(0,1fr)}.facility-tile em{grid-column:1/-1;justify-self:start}.log-list li{grid-template-columns:1fr}}