.mos-world-game{--mos-ink: #f7f3df;--mos-panel: #172236;--mos-panel-strong: #0a1020;--mos-danger: #ff5d5d;--mos-success: #7cf28a;--mos-border: #f1df9a;background:var(--mos-bg);background:linear-gradient(180deg,color-mix(in srgb,var(--mos-bg),#ffffff 8%),var(--mos-bg));color:var(--mos-ink);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;display:grid;align-items:center;min-height:100vh;min-height:100svh;padding:12px;overflow:hidden;overflow:clip}.mos-world-game *,.mos-world-game *:before,.mos-world-game *:after{box-sizing:border-box}.mos-world-game__shell{position:relative;width:min(100%,960px);height:min(680px,calc(100vh - 24px));height:min(680px,calc(100svh - 24px));margin:0 auto;border:4px solid var(--mos-border);border-radius:8px;background:var(--mos-panel-strong);box-shadow:0 16px #050814,0 20px 40px #0006;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.mos-world-game__header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px;padding:9px 12px;background:linear-gradient(90deg,#182842,#0d1426);border-bottom:4px solid var(--mos-border)}.mos-world-game__kicker{margin:0 0 4px;color:var(--mos-accent);font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:0}.mos-world-game__heading{margin:0;color:#fff7c7;font-size:clamp(17px,2.4vw,24px);line-height:1.05;letter-spacing:0}.mos-world-game__subheading{max-width:60ch;margin:4px 0 0;color:#d9e2ef;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mos-world-game__hud{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;min-width:min(100%,300px);color:#fff7c7;font-size:12px}.mos-world-game__hud span{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:4px 7px;border:2px solid #354765;background:#101827}.mos-world-game__hud strong{color:var(--mos-accent)}.mos-world-game__icon-button,.mos-world-game__button{min-height:34px;border:3px solid #fff7c7;border-radius:4px;background:var(--mos-accent);color:#15110a;font:inherit;font-weight:800;letter-spacing:0;cursor:pointer;box-shadow:0 4px #775719}.mos-world-game__icon-button{width:36px;padding:0}.mos-world-game__button{display:inline-flex;align-items:center;justify-content:center;min-width:136px;padding:7px 12px;text-decoration:none}.mos-world-game__button--ghost{background:#14213a;color:#fff7c7;box-shadow:0 4px #050814}.mos-world-game button:hover,.mos-world-game a:hover{filter:brightness(1.08)}.mos-world-game button:focus-visible,.mos-world-game a:focus-visible,.mos-world-game input:focus-visible,.mos-world-game canvas:focus-visible{outline:4px solid #73e9ff;outline-offset:3px}.mos-world-game__stage{position:relative;display:grid;place-items:center;width:100%;min-height:0;height:100%;background:#0b1020;overflow:hidden}.mos-world-game__canvas{display:block;width:100%;height:100%;image-rendering:pixelated;background:#dca85d}.mos-world-game__overlay,.mos-world-game__modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:10px;background:#050814b8;z-index:5}.mos-world-game__overlay[hidden],.mos-world-game__modal[hidden]{display:none}.mos-world-game__panel,.mos-world-game__dialog{width:min(100%,560px);max-height:calc(100% - 8px);overflow:hidden;border:4px solid var(--mos-border);border-radius:8px;background:#111b2e;box-shadow:0 8px #050814;padding:clamp(12px,2vw,18px);text-align:center}.mos-world-game__panel--wide{width:min(100%,680px)}.mos-world-game__panel h3,.mos-world-game__dialog h3{margin:0 0 8px;color:#fff7c7;font-size:clamp(18px,2.4vw,24px);line-height:1.1;letter-spacing:0;overflow-wrap:anywhere}.mos-world-game__panel p,.mos-world-game__dialog p{margin:0 0 10px;color:#d9e2ef;font-size:13px;line-height:1.35}.mos-world-game__compat{margin:0;padding:7px 12px 9px;color:#c7d4e6;font-size:11px;line-height:1.25;background:#0d1426}.mos-world-game__encounter{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;text-align:left}.mos-world-game__product-image{width:96px;aspect-ratio:1;object-fit:cover;border:3px solid #fff7c7;image-rendering:auto;background:#fff}.mos-world-game__field{display:grid;gap:5px;margin-top:8px}.mos-world-game__field label{color:#fff7c7;font-size:13px}.mos-world-game__price-wrap{display:flex;align-items:center;gap:8px}.mos-world-game__price-wrap span{color:var(--mos-accent);font-size:20px;font-weight:800}.mos-world-game__price-wrap input{width:100%;min-height:38px;border:3px solid #6b7c9c;border-radius:4px;background:#f7f3df;color:#111;font:inherit;font-size:16px;padding:7px}.mos-world-game__timer{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;margin:10px 0 11px}.mos-world-game__timer-track{height:14px;border:2px solid #fff7c7;background:#0a1020}.mos-world-game__timer-fill{width:100%;height:100%;background:linear-gradient(90deg,var(--mos-success),var(--mos-accent),var(--mos-danger));transform-origin:left center}.mos-world-game__timer-count{min-width:36px;color:#fff7c7;font-weight:800;text-align:right}.mos-world-game__result-list,.mos-world-game__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0;text-align:left}.mos-world-game__result-list div,.mos-world-game__stats div{border:2px solid #354765;background:#0d1426;padding:7px}.mos-world-game__result-list dt,.mos-world-game__stats dt{color:#98a8c0;font-size:11px;text-transform:uppercase;letter-spacing:0}.mos-world-game__result-list dd,.mos-world-game__stats dd{margin:3px 0 0;color:#fff7c7;font-weight:800;overflow-wrap:anywhere}.mos-world-game__mosays{border-left:4px solid var(--mos-accent);margin:9px 0;padding:8px 10px;background:#0d1426;color:#d9e2ef;font-size:13px;line-height:1.3;text-align:left}.mos-world-game__actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px}.mos-world-game__reward{border:2px dashed var(--mos-accent);padding:10px;color:#fff7c7}@media(max-width:760px),(max-height:560px){.mos-world-game{padding:12px}.mos-world-game__header{display:block}.mos-world-game__hud{justify-content:flex-start;margin-top:12px}.mos-world-game__stage{min-height:0;aspect-ratio:auto}.mos-world-game__encounter,.mos-world-game__result-list,.mos-world-game__stats{grid-template-columns:1fr}.mos-world-game__product-image{width:96px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mos-world-game.css.map */