:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14110f;--surface:#1e1a17;--border:#372f29;--text:#f0e8de;--muted:#a89c8e;--accent:#d9a441}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}#root{flex-direction:column;display:flex}.bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:.5rem 1rem;display:flex;position:relative}.bar h1{letter-spacing:.04em;margin:0;font-size:1rem}.bar h1 a{color:inherit;text-decoration:none}.bar h1 a:hover{color:var(--accent)}.bar h1 a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.model-select{position:relative}.model-select-trigger{border:1px solid var(--accent);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:.6rem;padding:.4rem .9rem;display:flex}.model-select-trigger:focus-visible,.model-select-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.model-select-chevron{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);width:.45rem;height:.45rem;transition:transform .15s;transform:translateY(-.1rem)rotate(45deg)}.model-select.open .model-select-chevron{transform:translateY(.1rem)rotate(-135deg)}.model-select-list{z-index:10;border:1px solid var(--border);background:var(--surface);border-radius:.75rem;min-width:100%;margin:0;padding:.25rem;list-style:none;position:absolute;top:100%;left:0}.model-select-list[hidden]{display:none}.model-select-option{width:100%;color:var(--text);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:.4rem .75rem;display:flex}.model-select-option:hover{background:var(--bg)}.model-select-option[aria-current=true]{color:var(--accent)}.model-select-date{color:var(--muted);font-size:.8rem}.game{background:var(--bg);border:0;flex:1;width:100%}.empty{color:var(--muted);margin:auto}.account{align-items:center;gap:.75rem;margin-left:auto;display:flex;position:relative}.account button{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:.4rem .9rem}.account button:hover{border-color:var(--accent)}.account button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-name{color:var(--muted);font-size:.9rem}.account-picker{z-index:10;border:1px solid var(--border);background:var(--surface);border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0}.account-picker button{text-align:left;border-radius:.5rem}.account-error{color:#ffd9d9;background:#4a1f1f;border-radius:.5rem;margin:0;padding:.4rem .75rem;font-size:.85rem;position:absolute;top:calc(100% + .5rem);right:0}.account-picker .account-error{margin-top:.25rem;position:static}.saved-games{align-items:center;margin-left:auto;display:flex;position:relative}.saved-games+.account{margin-left:0}.saved-hint{color:var(--muted);font-size:.85rem}.saved-games button,.saved-games input{font:inherit;color:var(--text)}.saved-games button{border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:.4rem .9rem}.saved-games button:hover:not(:disabled){border-color:var(--accent)}.saved-games button:disabled{color:var(--muted);cursor:default}.saved-games button:focus-visible,.saved-games input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.saved-panel{z-index:10;border:1px solid var(--border);background:var(--surface);border-radius:.75rem;flex-direction:column;gap:.75rem;width:min(26rem,100vw - 2rem);max-height:70vh;padding:.75rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto}.saved-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.saved-form label{color:var(--muted);font-size:.85rem}.saved-form input{border:1px solid var(--border);background:var(--bg);border-radius:.5rem;flex:1;min-width:8rem;padding:.35rem .6rem}.saved-message{background:var(--bg);color:var(--muted);border-radius:.5rem;margin:0;padding:.4rem .75rem;font-size:.85rem}.saved-message-error{color:#ffd9d9;background:#4a1f1f}.saved-message-success{color:var(--accent)}.saved-empty{color:var(--muted);margin:0;font-size:.85rem}.saved-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.saved-list li{border:1px solid var(--border);border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex}.saved-item-text{flex-direction:column;min-width:0;display:flex}.saved-title{overflow-wrap:anywhere}.saved-meta{color:var(--muted);font-size:.8rem}.saved-item-actions{align-items:center;gap:.4rem;display:flex}.saved-item-actions button{padding:.25rem .7rem;font-size:.85rem}.saved-confirm-text{color:var(--muted);font-size:.85rem}@media (width<=640px){.bar{flex-wrap:wrap;gap:.5rem .75rem;padding:.5rem .75rem}.bar h1{font-size:.95rem}.saved-hint,.account-name{display:none}.model-select-trigger,.account button,.saved-games>button{padding:.35rem .7rem;font-size:.9rem}.saved-games{position:static}.saved-panel{width:auto;top:calc(100% + .25rem);left:.75rem;right:.75rem}}