:root{--bg:#20382a;--panel:#2b4936;--wood:#8a5a33;--wood-dark:#5e3b1f;--gold:#e4bb49;--cream:#f7edd5;--ink:#2b1d12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--cream);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;border:2px solid var(--wood-dark);border-radius:12px;min-height:44px}button{background:var(--wood);color:var(--cream);cursor:pointer;touch-action:manipulation;padding:0 16px;font-weight:700}button:active{filter:brightness(.85)}button.primary{background:var(--gold);min-height:56px;color:var(--ink);font-size:1.25rem}input,select{background:var(--cream);color:var(--ink);padding:0 12px}input[type=checkbox]{width:26px;height:26px;min-height:0;accent-color:var(--gold)}.row{gap:12px;display:flex}.row>*{flex:1;min-width:0}#menu{min-height:100%;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;align-items:center;gap:16px;display:flex}h1{width:min(100%,480px);margin:0}h1 img{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%;display:block}.panel{flex-direction:column;gap:12px;width:min(100%,480px);display:flex}#current{background:var(--panel);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}#thumb{border-color:var(--ink);background:var(--ink);flex:none;gap:1px;width:116px;height:116px;padding:0;display:grid;overflow:hidden}#thumb:disabled{cursor:default}#thumb i{background:50%/84% no-repeat}.about{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}#info{margin:0;line-height:1.5}#info b:first-child{text-transform:capitalize}#info code{-webkit-user-select:all;user-select:all;letter-spacing:.06em}.icon{vertical-align:-.3em;height:1.3em}.star{color:var(--gold)}#status{text-align:center;margin:0;display:none}#menu.busy{pointer-events:none}#menu.busy #status{display:block}#menu.busy button{opacity:.6}#code{-webkit-user-select:text;user-select:text;text-transform:uppercase;flex:1.6}#code::placeholder{text-transform:none}@media (orientation:landscape) and (height<=560px){#menu{flex-direction:row;justify-content:center;height:100%;padding-block:12px}h1{flex:none;width:min(42vw,100vh - 24px)}.panel{gap:8px;max-height:100%;overflow-y:auto}button.primary{min-height:44px}h1 img{aspect-ratio:1}#current{padding:8px 12px}}#game{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);touch-action:none;position:fixed;overflow:hidden}#game canvas{display:block;width:100%!important;height:100%!important}dialog{border:2px solid var(--wood-dark);background:var(--panel);width:min(92vw,420px);max-height:90dvh;color:var(--cream);border-radius:16px;padding:20px}dialog::backdrop{background:#0009}dialog form{flex-direction:column;gap:10px;display:flex}dialog h2{margin:0}dialog label{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}fieldset{border:1px solid #f7edd54d;border-radius:12px;margin:0;padding:4px 12px 8px}fieldset label+label{margin-top:6px}#timesList{font-variant-numeric:tabular-nums;min-height:120px;margin:0;padding:0;list-style:none;overflow-y:auto}#timesList li{border-bottom:1px solid #f7edd526;align-items:center;gap:8px;padding:8px 4px;display:flex}#timesList time{opacity:.7;margin-left:auto;font-size:.85em}#timesList .star{width:1em}