:root{--c-bg-deep: #000;--c-fg: #f5f5f5;--c-fg-dim: rgba(245, 245, 245, .62);--c-error-bg: #401818;--c-error-fg: #ffb3b3;--c-error-border: #803030;--cflyff-login-frame-w: 480px;--cflyff-login-frame-h: 360px;--cflyff-charsel-frame-w: 1280px;--cflyff-charsel-frame-h: 800px;--cflyff-charcreate-frame-w: 1024px;--cflyff-charcreate-frame-h: 640px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--c-bg-deep);color:var(--c-fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}#renderCanvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;outline:none;touch-action:none}#app{position:fixed;inset:0;z-index:10;display:block;pointer-events:none}.cflyff-screen{pointer-events:auto;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#000}.cflyff-frame{position:relative;display:flex;align-items:center;justify-content:center}.cflyff-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 48px;pointer-events:auto}.cflyff-error{position:absolute;top:16px;left:50%;transform:translate(-50%);max-width:80vw;padding:10px 16px;background:var(--c-error-bg);color:var(--c-error-fg);border:1px solid var(--c-error-border);border-radius:4px;font-size:13px;z-index:100}.cflyff-frame-note{margin:0;padding:8px 12px;color:var(--c-error-fg);font-size:12px;text-align:center}.cflyff-content label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-fg-dim);margin:12px 0 4px;width:100%;max-width:280px}.cflyff-content input[type=email],.cflyff-content input[type=password],.cflyff-content input[type=text]{width:100%;max-width:280px;padding:8px 10px;border-radius:2px;border:1px solid #555;background:#0000008c;color:var(--c-fg);font-size:14px;outline:none;transition:border-color .1s ease}.cflyff-content input:focus{border-color:#c9a14a}.cflyff-content .field-error{font-size:12px;color:var(--c-error-fg);margin:4px 0 0}.cflyff-content .error{margin-top:12px;padding:8px 12px;background:var(--c-error-bg);color:var(--c-error-fg);border:1px solid var(--c-error-border);border-radius:4px;font-size:13px}.cflyff-btn{display:inline-block;border:0;padding:0;margin:8px 4px;background:transparent;color:var(--c-fg);font-size:14px;cursor:pointer;min-width:96px;min-height:32px;font-family:inherit}.cflyff-btn--sprite{width:104px;height:32px;background-color:transparent;text-indent:-9999px;overflow:hidden}.cflyff-btn--label-hidden{font-size:0;color:transparent}.cflyff-btn--text-fallback{border:1px solid #555;background:#28283299;border-radius:2px;padding:6px 16px}.cflyff-btn:hover{filter:brightness(1.1)}.cflyff-btn:active{transform:translateY(1px)}.cflyff-btn:disabled{opacity:.5;cursor:not-allowed}.cflyff-char-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:720px}.cflyff-char-slot{position:relative;min-height:200px;border:1px solid #555;background:#00000080;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;transition:border-color .12s ease,background .12s ease}.cflyff-char-slot:hover{border-color:#c9a14a;background:#281e0a8c}.cflyff-char-slot--empty .empty-plus{font-size:48px;color:var(--c-fg-dim)}.cflyff-char-slot--connecting{opacity:.5;pointer-events:none}.cflyff-char-slot .name{font-weight:600;font-size:16px;margin-top:6px}.cflyff-char-slot .meta{font-size:12px;color:var(--c-fg-dim)}.cflyff-charcreate-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(280px,1fr);gap:24px;width:100%;max-width:800px;align-items:stretch}.cflyff-charcreate-preview{display:flex;flex-direction:column;align-items:center;justify-content:center}.cflyff-preview-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:360px;aspect-ratio:1 / 1;padding:24px;background:#0009;border:1px solid #444;text-align:center;color:var(--c-fg-dim)}.cflyff-preview-unavailable p{margin:0}.cflyff-preview-unavailable .cflyff-preview-note{font-size:.85em;opacity:.75}.cflyff-charcreate-form{display:flex;flex-direction:column;gap:8px}.cflyff-server-list{display:flex;flex-direction:column;gap:6px;width:100%;max-width:480px}.cflyff-server-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1px solid #555;background:#0000008c;cursor:pointer;transition:border-color .12s ease}.cflyff-server-row:hover{border-color:#c9a14a}.cflyff-server-row[data-status=offline],.cflyff-server-row[data-status=maintenance]{opacity:.5;cursor:not-allowed}.cflyff-server-row .name{font-weight:600}.cflyff-server-row .meta{font-size:12px;color:var(--c-fg-dim)}.splash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:var(--c-fg);z-index:5}.splash .logo{font-size:32px;font-weight:700;letter-spacing:.04em;font-variant:small-caps;color:#c9a14a}.splash .status{margin-top:14px;font-size:13px;color:var(--c-fg-dim);letter-spacing:.04em;min-height:1em}.splash .progress{margin-top:14px;width:200px;height:3px;border:1px solid #444}.splash .progress>span{display:block;height:100%;width:0%;background:#c9a14a;transition:width .2s ease}.hidden{display:none!important}