@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--bg:#0d0f12;--bg-elevated:#14181f;--text:#c8d0d8;--text-dim:#7a8594;--amber:#ffb020;--green:#3ecf8e;--border:#2a3140;--mono:"Share Tech Mono", ui-monospace, monospace;font-family:var(--mono);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{max-width:920px;min-height:100svh;padding:1.5rem 1.25rem 2rem;padding-left:max(1.25rem, env(safe-area-inset-left));padding-right:max(1.25rem, env(safe-area-inset-right));padding-bottom:max(2rem, env(safe-area-inset-bottom));margin:0 auto}#root.root--play{width:100%;max-width:none;min-height:100svh}.app{flex-direction:column;gap:1.25rem;min-height:calc(100svh - 3rem);display:flex}.app__header{border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg) 100%);padding:1.25rem 1.25rem 1.5rem;box-shadow:0 0 0 1px #ffb0200f}.app__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:0 0 .35rem;font-size:.75rem}.app__title{letter-spacing:.02em;color:#eef2f6;margin:0 0 .5rem;font-size:1.65rem;font-weight:400}.app__subtitle{color:var(--text-dim);margin:0 0 1.25rem;font-size:.9rem}.filters{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=520px){.filters{grid-template-columns:1fr minmax(11rem,14rem);align-items:end}}.status-filter{text-align:left;flex-direction:column;gap:.4rem;display:flex}.status-filter__label{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.status-filter__select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:2px;outline:none;padding:.55rem .75rem}.status-filter__select:focus{border-color:var(--amber);box-shadow:0 0 0 1px #ffb02040}.search{text-align:left;flex-direction:column;gap:.4rem;display:flex}.search__label{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.search__input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:2px;outline:none;padding:.55rem .75rem}.search__input:focus{border-color:var(--amber);box-shadow:0 0 0 1px #ffb02040}.app__main{flex-direction:column;flex:1;gap:.65rem;min-height:0;display:flex}.app__count{color:var(--text-dim);margin:0;font-size:.8rem}.app__loading,.app__error{border:1px dashed var(--border);color:var(--text-dim);margin:0;padding:1rem}.app__error{color:#f0a8b0;border-color:#8b4049}.game-list{border:1px solid var(--border);background:var(--bg-elevated);border-radius:2px;flex:1;height:min(62svh,560px);min-height:320px;overflow:auto}.game-list__inner{position:relative}.game-list__row{border-bottom:1px solid #2a3140d9;justify-content:space-between;align-items:center;gap:.75rem;padding:0 .85rem;display:flex}.game-list__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.badge{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:2px;flex-shrink:0;padding:.2rem .45rem;font-size:.7rem}.badge--soon{color:var(--text-dim)}.badge--available{color:var(--green);background:#3ecf8e14;border-color:#3ecf8e73}.badge--link{cursor:pointer;text-decoration:none}.badge--link:hover{background:#3ecf8e2e}.badge--multicart{color:var(--amber);background:#ffb0200f;border-color:#ffb02059}.game-list__empty{color:var(--text-dim);margin:0;padding:1rem}.app__footer{color:var(--text-dim);border-top:1px solid var(--border);margin-top:auto;padding-top:.5rem;font-size:.75rem;line-height:1.5}.app__footer p{margin:0}@media (width<=520px){.game-list__row{flex-wrap:wrap;padding-top:.45rem;padding-bottom:.45rem}.badge{margin-left:auto}}.play{--play-chrome:13.5rem;flex-direction:column;gap:1rem;width:100%;min-height:calc(100svh - 3rem);display:flex}.play__header{border-bottom:1px solid var(--border);flex-direction:column;gap:.35rem;padding-bottom:.75rem;display:flex}.play__back{color:var(--amber);align-self:flex-start;font-size:.85rem;text-decoration:none}.play__back:hover{text-decoration:underline}.play__title{color:#eef2f6;margin:0;font-size:1.35rem;font-weight:400}.play__main{flex-direction:column;flex:1;align-items:center;gap:.75rem;min-height:0;display:flex}.play__stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:12rem;display:flex}.play__canvasWrap{box-sizing:border-box;border:2px solid var(--border);width:min(100%, calc((100dvh - var(--play-chrome)) * 160 / 192), calc((100svh - var(--play-chrome)) * 160 / 192));aspect-ratio:160/192;background:#000;border-radius:2px;max-width:100%;height:auto;line-height:0}.play__canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.play__hint{color:var(--text-dim);text-align:center;max-width:28rem;margin:0;font-size:.75rem}.play__msg{border:1px dashed var(--border);color:var(--text-dim);max-width:32rem;margin:0;padding:1rem}.play__msg code{color:var(--text);font-size:.85em}