html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#1a1d22;font:13px/1.35 system-ui,Arial,sans-serif;color:#eee}
#c{display:block;width:100%;height:100%;touch-action:none}
.p{position:fixed;z-index:5;background:rgba(10,12,16,.78);border-radius:6px;padding:7px 9px}
#look{left:50%;bottom:12px;transform:translateX(-50%);text-align:center;min-width:260px;max-width:70vw}
#hud{left:8px;top:8px;max-width:300px}
#hud b{color:#ffd34d}
#mini{right:8px;top:8px;padding:4px}
#opts{right:8px;bottom:8px}#opts button{font:12px system-ui;margin:2px;padding:4px 7px;border:0;border-radius:4px;background:#3a4256;color:#fff;cursor:pointer}
#opts button.on{background:#2c7a4b}
#xh{position:fixed;left:50%;top:50%;width:10px;height:10px;margin:-5px;border:2px solid rgba(255,255,255,.7);border-radius:50%;pointer-events:none}
#plan{position:fixed;inset:0;z-index:7;display:none;background:#f4f1ea}
#plan canvas{width:100%;height:100%}
#touch{position:fixed;z-index:6;left:10px;bottom:60px;display:none}#touch button{width:52px;height:52px;margin:2px;font-size:20px;border:0;border-radius:8px;background:rgba(60,70,90,.75);color:#fff}
#start{position:fixed;inset:0;background:rgba(10,12,16,.92);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:9}
#start button{font-size:16px;padding:10px 18px;margin:6px;border:0;border-radius:6px;background:#2c7a4b;color:#fff;cursor:pointer}
#start p{max-width:600px;color:#bbb}#start a{color:#9cf}
.k{display:inline-block;background:#333;border-radius:3px;padding:0 4px;font-family:monospace}

/* ---- Loose Change Depot UI theme: one look for start screen, HUD, buttons, help, settings, cashier and error panels ---- */
:root{--lc-bg:#14161b;--lc-panel:rgba(20,22,27,.88);--lc-line:rgba(255,198,41,.28);--lc-gold:#ffc629;--lc-ink:#141414;--lc-green:#2f7d4f;--lc-btn:#2a2f3a;--lc-text:#f1f1f1;--lc-dim:#b9bcc4;--lc-r:10px;--lc-font:600 13px/1.3 system-ui,-apple-system,Segoe UI,Arial,sans-serif}
html,body{height:100%;height:100dvh;background:var(--lc-bg)}
.p,.panel,#coach{background:var(--lc-panel)!important;border:1px solid var(--lc-line);border-radius:var(--lc-r)!important;color:var(--lc-text)}
#hud b,#coach b{color:var(--lc-gold)!important}
.btn,#opts button,#start button,#mbtns button,#mviews button,#mMenu,#coach button,#leaveReg,#setPanel button{font:var(--lc-font)!important;border:0;border-radius:var(--lc-r)!important;background:var(--lc-btn);color:var(--lc-text);cursor:pointer}
#opts button.on,#mbtns button.on,#mviews button.on,.btn.on{background:var(--lc-green)!important;color:#fff!important}
.btn.primary,#start #go,#leaveReg,#mbtns #mUse{background:var(--lc-gold)!important;color:var(--lc-ink)!important}
#start #go:disabled{opacity:.45;cursor:progress}
#start{background:radial-gradient(ellipse at top,#232733,#101216 70%)!important}
#start h2{font:800 22px system-ui,Arial;margin:8px 0}#start h2 .brand{color:var(--lc-gold)}
#start .coin{display:inline-flex;width:34px;height:34px;border-radius:50%;background:#e0a92e;color:var(--lc-ink);font:bold 22px Georgia,serif;align-items:center;justify-content:center;margin-right:8px;vertical-align:middle;box-shadow:inset 0 0 0 3px #fff3c4}
#boot{width:min(420px,80vw);height:8px;border-radius:5px;background:#2a2f3a;overflow:hidden;margin:6px auto 2px}#bootBar{height:100%;width:0;background:linear-gradient(90deg,var(--lc-gold),#ffe08a);transition:width .15s}
#bootLbl{font:12px system-ui;color:var(--lc-dim);min-height:16px}
.panel{position:fixed;z-index:120;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 16px;max-width:min(520px,92vw);max-height:86vh;max-height:86dvh;overflow:auto;font:13px/1.4 system-ui;box-shadow:0 10px 30px rgba(0,0,0,.5);display:none}
.panel h3{margin:0 0 8px;font:800 16px system-ui;color:var(--lc-gold)}.panel .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0}.panel .row label{min-width:120px;color:var(--lc-dim)}
#setPanel input[type=range]{width:160px;accent-color:var(--lc-gold)}
.panel button{padding:7px 12px}.seg button{border-radius:0!important;margin:0!important}.seg button:first-child{border-radius:var(--lc-r) 0 0 var(--lc-r)!important}.seg button:last-child{border-radius:0 var(--lc-r) var(--lc-r) 0!important}.seg{display:inline-flex;gap:1px}
#bootErr{display:block}
.touchHelp{display:none}body.mobile .touchHelp{display:block}body.mobile .keyHelp{display:none}