.gx-order{isolation:isolate;width:100%;max-width:880px;margin:20px auto;color:#fff1d7;font:14px/1.4 system-ui,sans-serif}.gx-order *{box-sizing:border-box}.gx-order [hidden]{display:none!important}.gx-order button,.gx-order select{font:inherit;color:inherit;min-width:44px;min-height:44px;touch-action:manipulation;cursor:pointer;border:1px solid #be9568;border-radius:5px;background:linear-gradient(#354b63,#1c2d46);padding:8px 10px}.gx-order button:hover{border-color:#ffe6ad}.gx-order button:focus-visible,.gx-order select:focus-visible{outline:3px solid #70d9ef;outline-offset:2px;z-index:3}.gx-order button:disabled{cursor:default;color:#bac4cd}.gx-order p{margin:0}.gx-order .no-shell{position:relative;padding:12px;border:1px solid #b48a5b;border-radius:12px;background:linear-gradient(135deg,#253c55,#101d33 75%);box-shadow:0 8px 30px #07162d44;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.gx-order .no-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.gx-order .no-brand small{display:block;color:#d3bd96;font-size:9px;letter-spacing:.06em}.gx-order .no-brand strong{display:block;font-size:27px;font-weight:950;letter-spacing:.03em;color:#ffe1a2;line-height:1.15}.gx-order .no-top-tools{display:flex;gap:4px}.gx-order .no-top-tools button{font-size:11px;padding:5px 7px}.gx-order .no-hud{display:grid;grid-template-columns:1.3fr 1fr .8fr .8fr;gap:5px}.gx-order .no-hud>div{padding:5px 9px;border:1px solid #7c735f;background:#0b192de6;border-radius:4px;min-width:0}.gx-order .no-hud span{display:block;font-size:10px;color:#cfbd9c}.gx-order .no-hud strong{display:block;font-size:24px;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}.gx-order .no-hud .is-low{color:#ffab92}.gx-order .no-scene{height:100px;overflow:hidden;border:1px solid #8d7255;border-radius:5px}.gx-order .no-scene canvas{display:block;width:100%;height:100%}.gx-order .no-dispatch{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;gap:6px;color:#f6e6c8}.gx-order .no-dispatch strong{font-size:16px}.gx-order .no-dispatch span{font-size:12px;color:#c1d0d9}.gx-order .no-stage{position:relative;min-height:310px;display:grid;place-items:center}.gx-order .no-board{width:100%;max-width:500px;position:relative;padding:6px;background:linear-gradient(135deg,#846448,#1a2b3e 25%,#102038 75%,#6c5039);border:1px solid #c4a372;border-radius:7px}.gx-order .no-grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(44px,1fr));gap:5px;aspect-ratio:1;min-width:274px}.gx-order .no-cell{padding:0;min-width:44px;min-height:44px;font-size:clamp(20px,4vw,37px);font-weight:850;font-variant-numeric:tabular-nums;color:#17243a;background:linear-gradient(135deg,#fff9e5,#e4d4ad);border:2px solid #dfbb74;border-radius:5px;box-shadow:inset 0 2px 0 #fff,0 2px 0 #624e38;user-select:none;touch-action:none}.gx-order .no-cell:disabled{opacity:1}.gx-order .no-cell.is-done{color:#83ceb9;background:#142d3e;border-color:#3d736d;box-shadow:inset 0 2px 5px #030e1e;font-size:20px}.gx-order .no-cell.is-hint{color:#062a32;background:#a6f6ee;border-color:#73ecea;box-shadow:0 0 13px #75fff28c,inset 0 2px #fff}.gx-order .no-cell.is-wrong{color:#671e14;background:#ffbaa2;border-color:#ff8b6a}.gx-order .no-ready{position:absolute;inset:0;display:grid;place-items:center;background:#08192bd6;color:#ffe4a4;font-size:36px;font-weight:950;letter-spacing:.06em;border-radius:6px;pointer-events:none}.gx-order .no-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gx-order .no-tools button{font-size:13px;color:#ffdf9d;min-height:45px}.gx-order .no-tools button:disabled{color:#a8b4c1}.gx-order .no-foot{display:flex;justify-content:space-between;gap:5px;font-size:11px;color:#d5c19c}.gx-order .no-status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gx-order .no-panel{position:absolute;inset:0;background:linear-gradient(145deg,#253c55fa,#102039fc);border:1px solid #bd9865;border-radius:8px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:12px;z-index:5;overflow:auto}.gx-order .no-panel-bar{display:flex;justify-content:space-between;align-items:center;gap:8px}.gx-order .no-panel-bar h2{margin:0!important;padding:0!important;border:0!important;background:none!important;color:#ffe0a0!important;font-size:25px!important;line-height:1.2!important;font-weight:900!important}.gx-order .no-panel-bar button{font-size:11px;flex-shrink:0}.gx-order .no-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.gx-order .no-modes button{padding:6px 4px;font-size:13px;min-width:0}.gx-order .no-modes button[aria-pressed=true]{color:#142139;background:#ffe0a0;border-color:#fff2c8;font-weight:850}.gx-order .no-field{display:flex;align-items:center;justify-content:space-between;gap:8px}.gx-order select{background:#142c45;color:#ffe5ba;max-width:70%;min-width:130px}.gx-order option{background:#182b43}.gx-order .no-note{font-size:13px;line-height:1.6;color:#f3e4c6}.gx-order .no-item-note{font-size:11px;color:#d8c29b}.gx-order button.no-primary{color:#182840;background:linear-gradient(#ffedc3,#dfb66e);border-color:#fff0c8;font-weight:900;font-size:17px;min-height:48px}.gx-order .no-points{text-align:center;color:#ffe1a0}.gx-order .no-points strong{display:block;font-size:37px;font-variant-numeric:tabular-nums;line-height:1.15}.gx-order .no-points span{font-size:11px}.gx-order .no-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px}.gx-order .no-stats>div{display:flex;flex-direction:column;padding:5px 8px;border:1px solid #69776f;border-radius:4px;background:#0c1d32}.gx-order .no-stats span{font-size:10px;color:#c6c9bd}.gx-order .no-stats strong{font-size:14px}.gx-order .no-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gx-order .no-shell:fullscreen,.gx-order .no-expanded{width:100vw;height:100dvh;max-width:none;border:0;border-radius:0;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));grid-template-rows:auto auto minmax(36px,.2fr) auto minmax(0,1fr) auto auto;gap:5px;background:#12243b}.gx-order .no-expanded{position:fixed;inset:0;z-index:2147483000}.gx-order.no-portal{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;margin:0;z-index:2147483000}.gx-order .no-shell:fullscreen .no-stage,.gx-order .no-expanded .no-stage{min-height:0}.gx-order .no-shell:fullscreen .no-board,.gx-order .no-expanded .no-board{width:min(100%,calc(100dvh - 240px));max-height:100%;padding:3px}.gx-order .no-shell:fullscreen .no-scene,.gx-order .no-expanded .no-scene{height:100%;min-height:36px}.gx-order .no-shell:fullscreen .no-panel,.gx-order .no-expanded .no-panel{position:fixed;inset:6px;max-width:620px;max-height:calc(100% - 12px);height:max-content;margin:auto;padding:16px;gap:10px}.gx-order .no-shell:fullscreen .no-panel:not([hidden]),.gx-order .no-expanded .no-panel:not([hidden]){min-height:290px}
@media(max-width:600px){.gx-order .no-shell{padding:6px;gap:6px}.gx-order .no-brand strong{font-size:20px}.gx-order .no-brand small{font-size:7px;letter-spacing:0}.gx-order .no-top-tools button{padding:4px;font-size:10px}.gx-order .no-hud>div{padding:4px 6px}.gx-order .no-hud strong{font-size:20px}.gx-order .no-scene{height:72px}.gx-order .no-board{padding:3px}.gx-order .no-grid{gap:3px}.gx-order .no-stage{min-height:304px}.gx-order .no-panel{padding:12px;gap:10px}.gx-order .no-panel-bar h2{font-size:21px!important}.gx-order .no-modes{grid-template-columns:1fr 1fr}.gx-order .no-dispatch strong{font-size:14px}.gx-order .no-tools button{font-size:11px}.gx-order .no-foot{font-size:9px}.gx-order .no-points strong{font-size:30px}}
@media(max-width:359px){.gx-order{width:calc(100% + 16px);max-width:none;margin-left:-8px;margin-right:-8px}.gx-order .no-shell{padding:5px}.gx-order .no-brand strong{font-size:16px}.gx-order .no-brand small{font-size:6px}.gx-order .no-top-tools button{font-size:9px;padding:3px}.gx-order .no-top-tools{gap:2px}.gx-order .no-hud strong{font-size:18px}.gx-order .no-grid{gap:2px}.gx-order .no-board{padding:1px;border:0}.gx-order .no-stage{min-height:290px}.gx-order .no-panel{padding:9px;gap:8px}.gx-order .no-panel-bar h2{font-size:19px!important}.gx-order .no-dispatch{padding-inline:2px}.gx-order .no-dispatch strong{font-size:13px}.gx-order .no-tools{gap:4px}.gx-order .no-tools button{padding:4px;font-size:10px}}
@media(max-height:500px) and (orientation:landscape){.gx-order .no-shell:fullscreen,.gx-order .no-expanded{grid-template-columns:minmax(200px,1fr) minmax(282px,1.15fr);grid-template-rows:auto auto auto 1fr auto;gap:5px}.gx-order .no-shell:fullscreen .no-head,.gx-order .no-expanded .no-head{grid-column:1;grid-row:1;display:block}.gx-order .no-shell:fullscreen .no-brand small,.gx-order .no-expanded .no-brand small{display:none}.gx-order .no-shell:fullscreen .no-brand strong,.gx-order .no-expanded .no-brand strong{font-size:21px}.gx-order .no-shell:fullscreen .no-top-tools,.gx-order .no-expanded .no-top-tools{margin-top:4px}.gx-order .no-shell:fullscreen .no-hud,.gx-order .no-expanded .no-hud{grid-column:1;grid-row:2;gap:3px}.gx-order .no-shell:fullscreen .no-hud>div,.gx-order .no-expanded .no-hud>div{padding:4px}.gx-order .no-shell:fullscreen .no-hud strong,.gx-order .no-expanded .no-hud strong{font-size:17px}.gx-order .no-shell:fullscreen .no-scene,.gx-order .no-expanded .no-scene{display:none}.gx-order .no-shell:fullscreen .no-dispatch,.gx-order .no-expanded .no-dispatch{grid-column:1;grid-row:3;display:block;padding:0 3px}.gx-order .no-shell:fullscreen .no-dispatch span,.gx-order .no-expanded .no-dispatch span{display:block}.gx-order .no-shell:fullscreen .no-stage,.gx-order .no-expanded .no-stage{grid-column:2;grid-row:1/-1;min-width:282px}.gx-order .no-shell:fullscreen .no-board,.gx-order .no-expanded .no-board{width:min(100%,calc(100dvh - 12px));padding:2px;border:0}.gx-order .no-shell:fullscreen .no-grid,.gx-order .no-expanded .no-grid{gap:2px}.gx-order .no-shell:fullscreen .no-tools,.gx-order .no-expanded .no-tools{grid-column:1;grid-row:4;align-self:center;gap:4px}.gx-order .no-shell:fullscreen .no-tools button,.gx-order .no-expanded .no-tools button{padding:4px;font-size:10px}.gx-order .no-shell:fullscreen .no-foot,.gx-order .no-expanded .no-foot{grid-column:1;grid-row:5;font-size:9px;flex-wrap:wrap}.gx-order .no-shell:fullscreen .no-panel,.gx-order .no-expanded .no-panel{padding:10px;gap:6px;min-height:0!important;max-width:600px}.gx-order .no-shell:fullscreen .no-modes,.gx-order .no-expanded .no-modes{grid-template-columns:repeat(4,1fr)}.gx-order .no-shell:fullscreen .no-note,.gx-order .no-expanded .no-note{font-size:11px}.gx-order .no-shell:fullscreen .no-points strong,.gx-order .no-expanded .no-points strong{font-size:25px}.gx-order .no-shell:fullscreen .no-stats,.gx-order .no-expanded .no-stats{grid-template-columns:repeat(4,1fr)}.gx-order .no-shell:fullscreen .no-stats strong,.gx-order .no-expanded .no-stats strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.gx-order *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}