:root{--bg:#05070d;--panel:#0c1220e0;--line:#a0beff2e;--text:#e8eefc;--muted:#8d9bb8;--accent:#5aa2ff}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font:14px/1.4 system-ui,-apple-system,sans-serif;overflow:hidden}#globe{touch-action:none;position:fixed;inset:0}#panel{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));width:300px;max-height:calc(100% - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:14px;position:fixed;overflow-y:auto}#panel h1{margin:0 0 8px;font-size:18px}#panel h1 span{color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}#panel section{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 0;display:flex}#panel section:first-of-type{border-top:0}label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.checks{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.checks label{color:var(--text);flex-direction:row;align-items:center;gap:6px;font-size:13px}.row{gap:8px;display:flex}.row>*{flex:1}input[type=text],select,button{font:inherit;color:var(--text);border:1px solid var(--line);background:#ffffff12;border-radius:9px;min-height:40px;padding:9px 10px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}button{cursor:pointer}button:active{background:#ffffff29}button.primary{background:var(--accent);color:#031226;border:0;font-weight:700}.muted{color:var(--muted);font-size:12px}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.warn{color:#ffb86b}.ok{color:#7fe3a1}.swatch{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}table{border-collapse:collapse;width:100%;font-size:12px}td{padding:1px 0}td:last-child{text-align:right}#panel-toggle{display:none}@media (max-width:720px){#panel-toggle{top:max(10px, env(safe-area-inset-top));z-index:3;background:var(--panel);display:block;position:fixed;left:10px}#panel{top:calc(max(10px, env(safe-area-inset-top)) + 50px);width:calc(100% - 24px)}#panel.hidden{display:none}}#play-link{text-align:center;background:var(--accent);color:#031226;border-radius:9px;margin:2px 0 8px;padding:10px;font-weight:700;text-decoration:none;display:block}