:root{--navy:#091126;--bg:#03060f;--red:#e6332a;--text:#e8e8e6;--muted:#9b9a97;--surface:#16181df0;--panel-2:#23262d;--line:#2e3138;--active-bg:#e8e8e6;--active-text:#16181d;--accent:#e6332a;--blue:#529cca;--danger:#e06c64;--font:"Century Gothic", CenturyGothic, "Didact Gothic", "URW Gothic", "Avant Garde", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;overflow:hidden}canvas{touch-action:none}button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-header{z-index:10;flex-direction:column;align-items:flex-start;gap:8px;max-width:calc(100% - 110px);display:flex;position:absolute;top:12px;left:12px}.brand-name{letter-spacing:.01em;color:var(--text);text-shadow:0 1px 3px #000c;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;font-weight:700;overflow:hidden}.title-box{background:var(--surface);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:2px;max-width:100%;padding:6px 10px;display:flex}.title-box .project-name{margin-top:0}.title-box .brand-name,.title-box .project-name{white-space:normal;text-shadow:none}@media (width<=480px){.title-box{padding:5px 8px}.title-box .brand-name{font-size:14px}.title-box .project-name{font-size:13px}}.app-footer{z-index:10;background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:2px 20px;padding:8px 12px;font-size:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.app-footer a,.app-footer span{color:var(--muted);padding:2px 0;text-decoration:none}.app-footer a:hover,.app-footer a:focus-visible{color:var(--text)}.project-name{letter-spacing:.02em;color:var(--muted);text-shadow:0 1px 3px #000c;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:-4px;font-size:14px;overflow:hidden}.brand-mark{z-index:10;opacity:.92;line-height:0;display:block;position:absolute;top:10px;right:12px}.brand-mark img{width:auto;height:66px}.loader{z-index:100;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;transition:opacity .5s;display:flex;position:fixed;inset:0}.loader.is-hidden{opacity:0;pointer-events:none}.loader-logo{width:min(46vw,220px);height:auto}.loader-bar{background:var(--line);width:min(60vw,220px);height:2px;position:relative;overflow:hidden}.loader-bar span{background:var(--text);width:40%;height:100%;animation:1.4s ease-in-out infinite loader-slide;position:absolute;top:0;left:-40%}.loader-text{letter-spacing:.04em;color:var(--muted);text-align:center;max-width:32ch;font-size:14px}.loader.is-error .loader-bar{display:none}.loader.is-error .loader-text{color:var(--text)}@keyframes loader-slide{0%{left:-40%}to{left:100%}}@media (prefers-reduced-motion:reduce){.loader-bar span{opacity:.6;width:100%;animation:none;left:0}}