@import url('boxedwine.css');
:root{color-scheme:dark;--ink:#eee8db;--muted:#9c9c91;--line:#353a34;--gold:#ddc48d;font-family:system-ui,-apple-system,sans-serif;background:#101410;color:var(--ink)}
*{box-sizing:border-box}body{height:100dvh;background:radial-gradient(ellipse at 80% 0%,#293025,transparent 55%),#101410}button,select{font:inherit}button,select,.file-label{border:1px solid var(--line);background:#20261f;color:var(--ink);border-radius:7px;padding:10px 15px;cursor:pointer}button:hover,.file-label:hover{background:#343d30;border-color:#78816d}button:disabled{opacity:.4;cursor:wait}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.primary{background:var(--gold);color:#191d17;border-color:var(--gold);font-weight:650}.primary:hover{background:#f1dcad}.wordmark{font:26px Georgia,serif;letter-spacing:-1px}.wordmark span{color:var(--gold)}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
#site-header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center}.sigil{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;background:linear-gradient(90deg,var(--ink) 50%,transparent 50%);box-shadow:0 0 28px #ddc48d16}.header-actions{display:flex;gap:8px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a7b48b;margin-right:6px}
#app{padding:18px 28px 0;gap:0}#dropzone{padding:0;position:relative;background:#080b08;border:1px solid var(--line);border-radius:10px;min-height:150px}div.emscripten_border{border:0;width:min(100cqw,calc(100cqh * var(--boxedwine-canvas-aspect)))}#controls,#loading,#app>hr{display:none!important}#site-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 19px}.toolbar-group{display:flex;align-items:center;gap:8px}.quiet{color:var(--muted);font-size:12px}#site-message{font-size:12px;color:var(--gold);max-width:40%;text-align:right}#console{display:none}body.diagnostics #console{display:block;height:150px;flex:0 0 150px}body.diagnostics #output{display:block!important;height:150px}#site-footer{padding:0 28px 15px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}#launch-screen{position:absolute;inset:0;z-index:4;display:grid;place-content:center;text-align:center;background:radial-gradient(ellipse at 50% 105%,#4c5336 0,transparent 60%),linear-gradient(140deg,#141b17,#0c110e);padding:24px}#launch-screen h1{font:clamp(38px,6vw,72px) Georgia,serif;letter-spacing:-3px;margin:15px 0 10px}#launch-screen p{max-width:420px;color:#b5baac;line-height:1.6;margin:0 auto 24px}#launch-screen .primary{min-width:180px;justify-self:center;padding:14px 30px}#launch-screen .quiet{margin-top:15px}#launch-screen[hidden]{display:none}#boot-status{position:absolute;bottom:15px;left:15px;z-index:4;padding:8px 12px;border-radius:5px;background:#151c15de;font-size:12px;pointer-events:none}#boot-status:empty{display:none}
dialog{background:#191f19;border:1px solid #4a5344;border-radius:14px;color:var(--ink);padding:28px;max-width:540px;width:calc(100vw - 32px);max-height:85dvh;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog h2{font:30px Georgia,serif;margin:0 0 14px}dialog h3{font-size:14px;margin-top:25px}dialog p{font-size:13px;line-height:1.6;color:#b5baac}.dialog-close{float:right;padding:5px 10px}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}#save-list{padding:0;list-style:none;max-height:180px;overflow:auto}#save-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.setting label{font-size:13px}kbd{background:#30392d;border:1px solid #4c5744;border-radius:4px;padding:2px 6px;font-size:11px}#save-note,#settings-note{font-size:12px;color:var(--gold);white-space:pre-line}#app:fullscreen{padding:0;background:#050705}#app:fullscreen #dropzone{border:0;border-radius:0}#app:fullscreen #site-toolbar{padding:8px 18px;background:#101410}#app:fullscreen #console{display:none}body.theater #site-header,body.theater #site-footer{display:none}body.theater #app{padding:0}body.theater #dropzone{border-radius:0}.file-label input{display:none}@media(max-width:650px){#site-header{padding:12px 15px}.eyebrow{display:none}#app{padding:10px 10px 0}.wordmark{font-size:21px}#site-toolbar{flex-wrap:wrap;padding-bottom:10px}.toolbar-group{gap:5px}button,select{padding:9px 11px}#site-footer{padding:0 10px 10px}#site-message{max-width:100%}.header-actions button{font-size:12px}.sigil{width:26px;height:26px}}

/* Minimal black player. */
:root,body,#app,#dropzone,#launch-screen{background:#000!important}
#app{padding:0!important}#dropzone{border:0;border-radius:0}#site-toolbar{padding:8px 12px;background:#000}#site-footer,#site-header{display:none!important}button,select,.file-label{background:#111;border-color:#333;color:#ddd;border-radius:3px;font-size:12px;padding:7px 11px}button:hover,.file-label:hover{background:#222;border-color:#555}.primary,.primary:hover{background:#222;color:#eee;border-color:#555}dialog{background:#080808;border-color:#333;border-radius:4px}dialog h2{font:20px system-ui,sans-serif}#site-message,#save-note,#settings-note{color:#aaa}#boot-status{background:#000a;color:#aaa}#launch-screen h1,#launch-screen p,#launch-screen .eyebrow{display:none}
#canvas:focus{outline:none}

body.diagnostics #controls{display:block!important;font-size:11px;background:#080808}

#fps-counter{flex:0 0 auto;margin-left:auto;color:#bcbcbc;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}#site-message:empty{display:none}

#content-loading{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#000;color:#ddd;padding:24px}
.loading-card{width:min(400px,100%)}.loading-card h1{font:400 20px system-ui,sans-serif;margin:0 0 24px}.loading-detail{font:13px ui-monospace,SFMono-Regular,monospace;color:#ccc;font-variant-numeric:tabular-nums;margin:0 0 14px}.loading-card progress{display:block;width:100%;height:4px;border:0;border-radius:0;accent-color:#ccc;background:#252525}.loading-card progress::-webkit-progress-bar{background:#252525}.loading-card progress::-webkit-progress-value{background:#ccc}.loading-card progress::-moz-progress-bar{background:#ccc}.loading-assets{min-height:18px;margin:12px 0 28px;font-size:12px;color:#aaa}.loading-note{font-size:12px;line-height:1.6;color:#777;margin:0}.loading-card [hidden]{display:none!important}

/* Keep the system pointer out of the rendered game, including SDL cursor overrides. */
body.game-playing #dropzone canvas{cursor:none!important}
