:root{color-scheme:dark;font-family:MS PGothic,Yu Gothic,Segoe UI,sans-serif;background:#090d12;color:#f4f7fb;--display-max-width: 1280px;--layout-gap: 8px;--game-margin: 8px;--side-slot-width: clamp(116px, 15vw, 176px)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{height:100%;min-height:100%;margin:0;-webkit-touch-callout:none}body{background:linear-gradient(#03050933,#030509b8),image-set(url(/assets/generated/body-background.webp) type("image/webp"),url(/assets/generated/body-background.png) type("image/png")) center / cover fixed no-repeat,#090d12}button,select,input{font:inherit}[hidden]{display:none!important}button,select{min-height:36px;border:1px solid rgba(205,231,255,.35);border-radius:6px;background:#0a121cc7;color:#f7fbff}button{padding:0 12px;cursor:pointer}.icon-button{width:40px;padding:0;display:inline-grid;place-items:center}.icon-button svg{width:19px;height:19px;fill:currentColor}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #ffffff;outline-offset:3px}#game-canvas:focus{outline:none}.app-shell{width:min(100%,var(--display-max-width));height:100svh;min-height:0;margin:0 auto;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.game-zone{min-width:0;min-height:0;width:100%;height:100%;display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:var(--layout-gap);align-items:start}.game-canvas-area{grid-column:1 / 3;grid-row:2;min-width:0;min-height:0;width:100%;height:100%;display:grid;place-items:center}#game-canvas{display:block;width:100%;height:auto;aspect-ratio:4 / 3;background:#000;box-shadow:0 16px 48px #0000006b;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}.status-row,.toolbar{display:contents}#status{color:#d8ecff;overflow-wrap:anywhere;text-shadow:0 1px 2px #000}.toolbar-left{grid-column:1;grid-row:1;align-self:start;justify-self:start;display:grid;gap:var(--layout-gap);max-width:min(36vw,9rem)}.toolbar-top{grid-column:2;grid-row:1;align-self:start;justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--layout-gap);min-width:0;max-width:100%}.toolbar-bottom{grid-column:2;grid-row:3;align-self:end;justify-self:end;display:flex;justify-content:flex-end;max-width:100%}.share-buttons{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:var(--layout-gap)}.toolbar-left button,.toolbar-top button,.toolbar-bottom button{max-width:100%;overflow-wrap:anywhere}.game-zone.is-side-layout{grid-template-columns:var(--side-slot-width) minmax(0,1fr) var(--side-slot-width);grid-template-rows:minmax(0,1fr);align-items:stretch}.game-zone.is-side-layout .game-canvas-area{grid-column:2;grid-row:1}.game-zone.is-side-layout .toolbar-left{grid-column:1;grid-row:1;align-self:stretch;max-width:100%;grid-template-rows:auto minmax(0,1fr) auto}.game-zone.is-side-layout #status{grid-row:1}.game-zone.is-side-layout #title-button{grid-row:3;align-self:end}.game-zone.is-side-layout .toolbar-top{grid-column:3;grid-row:1;align-self:start;max-width:100%}.game-zone.is-side-layout .toolbar-bottom{grid-column:3;grid-row:1;align-self:end;max-width:100%}.site-footer{color:#d8ecffc7;font-size:.875rem;line-height:1.4;text-align:center;text-shadow:0 1px 2px #000}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline;text-underline-offset:3px}.site-footer a:focus-visible{border-radius:2px;outline:2px solid #ffffff;outline-offset:3px}dialog{width:min(92vw,440px);border:1px solid rgba(199,230,255,.32);border-radius:8px;background:#060b12f7;color:#f7fbff;box-shadow:0 22px 70px #0009}dialog::backdrop{background:#0000008c}.settings-panel{display:grid;gap:16px}.help-panel{display:grid;gap:14px}.help-content{max-height:min(62svh,520px);overflow:auto;padding-inline-end:12px;line-height:1.6;scrollbar-gutter:stable}.help-content h2{margin:18px 0 6px;font-size:1rem}.help-content p,.help-content ul{margin:0 0 10px}.settings-head,.settings-panel label{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-head h1,.help-title-row h1{margin:0;font-size:1.15rem;min-width:0}.help-header{display:grid;gap:8px;width:100%}.help-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%}.help-language-control{display:block;justify-self:end;width:fit-content;max-width:100%;text-align:right}.dialog-close{flex:0 0 36px;width:36px;padding:0;display:inline-grid;place-items:center;font-size:1.35rem;line-height:1}.dialog-language select{max-width:150px}.settings-panel input[type=range]{width:180px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 720px),(max-height: 520px){:root{--layout-gap: 6px;--game-margin: 6px;--side-slot-width: 116px}button,select{min-height:32px}button{padding:0 8px;font-size:.8125rem}.icon-button{width:34px}.icon-button svg{width:17px;height:17px}.site-footer{font-size:.75rem}.dialog-language select{max-width:128px}}