.gx-digits{--dm-ink:#163c49;--dm-paper:#f3e9ce;--dm-teal:#337a7d;max-width:780px;margin:22px auto;color:var(--dm-paper);font:600 15px/1.5 system-ui,sans-serif;isolation:isolate}.gx-digits *{box-sizing:border-box}.gx-digits [hidden]{display:none!important}.gx-digits button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid #648a89;border-radius:8px;background:#255561;color:#f9efd5;min-width:44px;min-height:44px;padding:8px 12px}.gx-digits button:disabled{opacity:.4;cursor:default}.gx-digits button:focus-visible,.gx-digits summary:focus-visible{outline:3px solid #ffd583;outline-offset:2px}.dm-shell{display:flex;flex-direction:column;border:3px solid #b4a57c;border-radius:16px;background:#123542;overflow:hidden;position:relative;box-shadow:0 16px 38px #12344130}.dm-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:#1e4c58;border-bottom:1px solid #90a28b}.dm-brand strong{display:block;color:#fff0c5;font-size:23px;line-height:1.3}.dm-brand small{display:block;color:#a6c8c3;font-size:10px;letter-spacing:.09em}.dm-top{display:flex;gap:5px}.dm-top button{font-size:12px;padding:6px 9px;white-space:nowrap}.dm-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#42656c}.dm-hud>div{background:#10313f;text-align:center;padding:6px}.dm-hud span{display:block;color:#b9cdc5;font-size:10px}.dm-hud strong{color:#f4d59c;font-size:24px;line-height:1.15;font-variant-numeric:tabular-nums}.dm-stage{position:relative;display:flex;flex-direction:column;min-height:456px;background:#153b49}.dm-scene{display:block;width:100%;height:130px;min-height:65px;flex:1 1 auto}.dm-board{margin:0 16px 10px;padding:10px 12px;border:2px solid #bead80;border-radius:5px;background:linear-gradient(110deg,#fff1cf,#e2d6b5);color:#143f4c;box-shadow:0 3px 0 #0b2935;min-height:112px;flex-shrink:0}.dm-label{font-size:12px;font-weight:800}.dm-digits{display:flex;justify-content:center;font-size:clamp(22px,4vw,38px);line-height:1.4;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.05em;white-space:nowrap;user-select:none;min-height:46px}.dm-digits span{width:calc(100% / var(--digits));max-width:46px;text-align:center}.dm-progress{height:3px;background:#c8b992;margin:3px 0}.dm-progress i{display:block;height:100%;background:#327b79}.dm-hint{min-height:19px;font-size:11px;color:#45675f}.dm-controls{padding:0 16px 12px;width:100%;max-width:490px;align-self:center;flex-shrink:0}.dm-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dm-pad button{background:linear-gradient(#e9e3cc,#c9d1bc);color:#123e48;font-size:23px;line-height:1;min-height:44px;box-shadow:0 3px 0 #082937;border:1px solid #b5bda5;user-select:none}.dm-pad button:active{background:#f7dc9b;transform:translateY(1px)}.dm-pad [data-act=erase],.dm-pad [data-act=submit]{font-size:14px}.gx-digits .dm-primary{background:linear-gradient(#bd6646,#8d3b30);color:#fff0d1;border-color:#e6aa79}.dm-tools{display:flex;gap:6px;margin-top:8px}.dm-tools button{flex:1;font-size:12px;padding:5px}.dm-bottom{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 16px 3px;font-size:11px;color:#bfd2c7}.dm-status{margin:0!important;min-height:29px;padding:2px 16px 8px;color:#c7d9ce;font-size:11px}.dm-panel{position:absolute;inset:0;z-index:3;overflow:auto;overscroll-behavior:contain;padding:22px 24px;display:flex;flex-direction:column;justify-content:center;gap:13px;background:linear-gradient(135deg,#224b58fc,#102c3bfc)}.dm-panel h2{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#f6dba8!important;font-size:25px!important;line-height:1.3!important;letter-spacing:0!important}.dm-panel h2:before,.dm-panel h2:after{display:none!important}.dm-panel p{margin:0!important;color:#c5d9ce;font-size:13px;line-height:1.6}.dm-modes,.dm-levels,.dm-actions{display:flex;gap:6px;flex-wrap:wrap}.dm-modes button{flex:1;font-size:13px;white-space:nowrap;padding:9px 7px}.dm-levels button{flex:1;white-space:nowrap;padding:8px;font-size:13px}.dm-modes [aria-pressed=true],.dm-levels [aria-pressed=true]{background:#976646;border-color:#f6cc86;color:#fff0ca}.dm-panel>.dm-primary{font-size:18px;min-height:48px}.dm-history{font-size:11px;color:#bfd4c9}.dm-history summary{cursor:pointer}.dm-history p{font-size:11px}.dm-note{font-size:11px!important;color:#b8cec7!important}.dm-answers{display:grid;gap:9px;padding:16px;background:#eee3c4;color:#16414b;border-radius:7px}.dm-answers>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;align-items:center}.dm-answers strong{font-variant-numeric:tabular-nums;font-size:clamp(19px,4vw,30px);letter-spacing:.06em;overflow-wrap:anywhere}.dm-score{font-size:48px;font-weight:900;color:#f6d9a3;line-height:1.2}.dm-result-stats{display:flex;gap:12px;flex-wrap:wrap;color:#d1dfcf}.dm-actions button{flex:1}.dm-supply{display:grid;grid-template-columns:1fr auto;gap:2px 12px;text-align:left;padding:12px!important}.dm-supply small{grid-column:1;font-size:11px;color:#bed3c8;font-weight:400}.dm-supply span{grid-column:2;grid-row:1/3;align-self:center;font-size:12px;color:#f3d298}.dm-shell:fullscreen,.dm-shell.dm-expanded{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}.dm-expanded{position:fixed;inset:0;z-index:2147483000}.gx-digits.dm-portal{position:relative;max-width:none!important;margin:0!important;z-index:2147483000}.dm-shell:is(:fullscreen,.dm-expanded) .dm-stage{flex:1;min-height:0}.dm-shell:is(:fullscreen,.dm-expanded) .dm-scene{height:0;min-height:0}.dm-shell:is(:fullscreen,.dm-expanded) .dm-panel{justify-content:center}
@media(max-width:580px){.gx-digits{font-size:13px;margin:14px auto}.dm-head{display:block;padding:9px 10px}.dm-brand{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.dm-brand strong{font-size:19px}.dm-brand small{font-size:8px;order:2}.dm-top{margin-top:7px;justify-content:flex-end}.dm-top button{font-size:11px;padding:6px 10px}.dm-hud strong{font-size:21px}.dm-stage{min-height:442px}.dm-scene{height:110px}.dm-board{margin:0 10px 9px;padding:8px;min-height:103px}.dm-digits{font-size:27px;letter-spacing:0;min-height:41px}.dm-controls{padding:0 10px 10px}.dm-panel{padding:18px 13px;gap:11px}.dm-panel h2{font-size:22px!important}.dm-modes{display:grid;grid-template-columns:1fr 1fr}.dm-modes button:first-child{grid-column:1/-1}.dm-modes button{font-size:12px}.dm-levels button{font-size:12px;padding:7px 4px}.dm-bottom{padding:8px 10px 2px}.dm-status{padding:2px 10px 7px}.dm-score{font-size:39px}.dm-answers{padding:12px}.dm-answers strong{font-size:22px}}
@media(max-height:520px) and (min-width:560px){.dm-shell:is(:fullscreen,.dm-expanded) .dm-head{display:flex;padding:5px 10px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-brand small{display:none}.dm-shell:is(:fullscreen,.dm-expanded) .dm-brand strong{font-size:17px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-top{margin:0}.dm-shell:is(:fullscreen,.dm-expanded) .dm-hud>div{padding:3px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-hud strong{font-size:18px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-stage{display:grid;grid-template-columns:46% 54%;grid-template-rows:minmax(0,1fr) auto;gap:0}.dm-shell:is(:fullscreen,.dm-expanded) .dm-scene{grid-column:1;grid-row:1;width:100%;height:100%}.dm-shell:is(:fullscreen,.dm-expanded) .dm-board{grid-column:1;grid-row:2;margin:0 9px 8px;min-height:90px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-controls{grid-column:2;grid-row:1/3;align-self:center;padding:5px 10px 5px 0}.dm-shell:is(:fullscreen,.dm-expanded) .dm-pad{gap:4px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-tools{margin-top:5px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-bottom{padding-top:3px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-status{min-height:20px;padding-bottom:3px}.dm-shell:is(:fullscreen,.dm-expanded)[data-panel]:not([data-panel='']) :is(.dm-hud,.dm-bottom){display:none}.dm-shell:is(:fullscreen,.dm-expanded) .dm-panel{grid-column:1/-1;grid-row:1/-1;gap:8px;padding:12px 16px;justify-content:flex-start}.dm-shell:is(:fullscreen,.dm-expanded)[data-panel=menu] .dm-panel{display:grid;grid-template-columns:1fr 1fr;align-content:center}.dm-shell:is(:fullscreen,.dm-expanded)[data-panel=menu] .dm-panel :is(h2,p){grid-column:1/-1}.dm-shell:is(:fullscreen,.dm-expanded)[data-panel=menu] .dm-modes{display:flex}.dm-shell:is(:fullscreen,.dm-expanded)[data-panel=supply] .dm-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center}.dm-shell:is(:fullscreen,.dm-expanded)[data-panel=supply] .dm-panel :is(h2,p){grid-column:1/-1}.dm-shell:is(:fullscreen,.dm-expanded) .dm-supply{display:flex;flex-direction:column;padding:9px!important}.dm-shell:is(:fullscreen,.dm-expanded) .dm-score{font-size:33px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-answers{padding:10px}}
@media(prefers-reduced-motion:reduce){.gx-digits *{animation:none!important;transition:none!important}.dm-pad button:active{transform:none}}

.dm-shell:is(:fullscreen,.dm-expanded) .dm-brand small{display:none}
.dm-shell:is(:fullscreen,.dm-expanded)[data-panel]:not([data-panel='']) :is(.dm-hud,.dm-bottom){display:none}
@media(max-height:520px) and (min-width:560px){
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-head{height:55px;min-height:55px;flex-shrink:0}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-hud{position:absolute;top:55px;left:0;width:46%;z-index:2}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-stage{min-height:0}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-scene{height:calc(100% - 45px);align-self:end}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-board{margin-bottom:50px}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-bottom{position:absolute;bottom:22px;left:0;width:46%;padding:3px 9px;font-size:10px}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-status{position:absolute;bottom:0;left:0;width:46%;min-height:22px;padding:1px 9px 3px;font-size:10px}
 .dm-shell:is(:fullscreen,.dm-expanded)[data-panel]:not([data-panel='']) .dm-status{display:none}
}
.dm-shell:is(:fullscreen,.dm-expanded) .dm-controls{padding-bottom:4px}
@media(min-height:521px){.dm-shell:is(:fullscreen,.dm-expanded) .dm-board{margin-bottom:6px}}
@media(max-height:520px) and (max-width:559px){
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-head{padding:4px 10px}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-brand strong{font-size:17px}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-top{margin-top:4px}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-hud>div{display:flex;align-items:center;justify-content:center;gap:5px;padding:3px}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-hud span{font-size:9px}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-hud strong{font-size:18px}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-board{min-height:70px;padding:4px 8px}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-label{display:none}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-digits{font-size:24px;line-height:1.35;min-height:32px}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-hint{font-size:10px;min-height:15px;line-height:1.5}
 .dm-shell:is(:fullscreen,.dm-expanded) .dm-status{display:none}
}

@media(max-height:520px) and (max-width:559px){.dm-shell:is(:fullscreen,.dm-expanded) .dm-head{padding:5px 10px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-scene{display:none}.dm-shell:is(:fullscreen,.dm-expanded) .dm-board{min-height:88px;margin-bottom:6px;padding:5px 8px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-digits{min-height:35px;font-size:25px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-hud>div{padding:3px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-bottom{padding-top:3px}.dm-shell:is(:fullscreen,.dm-expanded) .dm-status{padding-bottom:3px;min-height:23px}}