*{box-sizing:border-box}html,body{color:#e8e8f0;background:#0b0b12;height:100%;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{touch-action:none;width:100%;height:100%;display:block}#overlay{flex-direction:column;align-items:center;gap:8px;transition:opacity .2s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#overlay.is-hidden{opacity:0;pointer-events:none}#status-line{letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0c14b8;border:1px solid #ffffff1f;border-radius:999px;padding:4px 12px;font-size:12px}#status-line[data-kind=error]{color:#ffb4b4;border-color:#ff6c6c8c}#status-line[data-kind=loading]{color:#b9c6ff}#status-line.is-hidden{display:none}#controls-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0c14b8;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.select-group{color:#aab;align-items:center;gap:6px;font-size:12px;display:flex}.select-group select{color:#e8e8f0;background:#191926;border:1px solid #ffffff29;border-radius:8px;max-width:180px;padding:4px 8px;font-size:12px}#hint-line{color:#778;white-space:nowrap;font-size:11px}@media (width<=640px){#controls-row{flex-wrap:wrap;justify-content:center;max-width:92vw}#hint-line{white-space:normal;text-align:center}}#settings-open{color:#e8e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0c0c14b8;border:1px solid #ffffff1f;border-radius:10px;width:36px;height:36px;font-size:16px;line-height:1;transition:opacity .2s;position:absolute;top:16px;right:16px}#settings-open:hover{border-color:#ffffff4d}#settings-open.is-hidden{opacity:0;pointer-events:none}#settings-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a11f0;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;width:min(400px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;position:absolute;top:16px;right:16px;overflow:hidden}#settings-panel.is-hidden{display:none}.settings-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.settings-head h2{letter-spacing:.06em;text-transform:uppercase;color:#aab;margin:0;font-size:13px;font-weight:600}#settings-close{color:#889;cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px}#settings-close:hover{color:#e8e8f0}.settings-body{flex-direction:column;gap:12px;padding:14px;display:flex;overflow-y:auto}.settings-group{flex-direction:column;gap:8px;display:flex}.settings-action{cursor:pointer;border:1px dashed #fff3;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.settings-action:hover{background:#5a6ec81a;border-color:#96aaff99}.settings-action input[type=file]{display:none}.settings-action-title{font-size:13px;font-weight:600}.settings-action-hint{color:#889;font-size:11px;line-height:1.45}#settings-status{color:#aab;min-height:1em;margin:0;font-size:11.5px;line-height:1.5}#settings-status[data-state=error]{color:#ffb4b4}#settings-status[data-state=done]{color:#b9ffd0}#settings-status[data-state=busy]{color:#b9c6ff}#settings-usage{color:#667;margin:0;font-size:11px}.settings-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.settings-row{background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:11.5px;display:flex}.settings-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.settings-row-action{color:#ccd;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:6px;flex:none;padding:3px 7px;font-size:10.5px}.settings-row-action:hover{color:#fff;border-color:#fff6}.settings-import{flex-direction:column;gap:4px;display:flex}.settings-request{color:#b9c6ff;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;background:#5a6ec81f;border-radius:8px;padding:7px 9px;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:10.5px;line-height:1.5;display:block}.settings-import-row{gap:6px;display:flex}.settings-import-row select,.settings-import-row input{color:#e8e8f0;background:#191926;border:1px solid #ffffff29;border-radius:8px;padding:5px 8px;font-family:inherit;font-size:11.5px}.settings-import-row input{flex:1;min-width:0}.settings-import-row button{color:#e8e8f0;cursor:pointer;background:#2b2b40;border:1px solid #ffffff2e;border-radius:8px;padding:5px 12px;font-size:11.5px}.settings-import-row button:hover{border-color:#96aaff99}#character-import-open{color:inherit;font:inherit;text-align:left;background:0 0}#import-wizard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#0a0a11f5;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;width:min(430px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;position:absolute;top:16px;right:16px;overflow:hidden}#import-wizard.is-hidden,.wizard-file{display:none}.wizard-step{letter-spacing:.06em;text-transform:uppercase;color:#8a90a8;margin:0;font-size:11px;font-weight:600}#import-wizard-body{flex-direction:column;gap:10px;display:flex}.wizard-field{color:#889;flex-direction:column;gap:4px;font-size:11px;display:flex}.wizard-field input{color:#e8e8f0;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;padding:6px 9px;font-size:12.5px}.wizard-fact,.wizard-notice{color:#aab;margin:0;font-size:11.5px;line-height:1.5}.wizard-notice{background:#ffffff0d;border-radius:8px;padding:8px 10px}.wizard-actions{justify-content:flex-end;gap:8px;display:flex}.wizard-button{color:#e8e8f0;cursor:pointer;background:#23233a;border:1px solid #ffffff2e;border-radius:8px;padding:6px 13px;font-size:12px}.wizard-button:hover{border-color:#96aaff99}.wizard-button.is-primary{background:#3a45a0;border-color:#96aaff80}.clip-preview{background:linear-gradient(#3c425c8c,#12121cbf);border-radius:10px;height:190px;position:relative;overflow:hidden}.clip-preview-canvas{width:100%;height:100%;display:block}.clip-row{background:#ffffff0a;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.clip-row.is-selected{border-color:#96aaff8c}.clip-row.is-warning{background:#783c3c38}.clip-row-main{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;padding:0;display:flex}.clip-row-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.clip-row-facts{color:#889;font-size:10.5px;line-height:1.4}.clip-row.is-warning .clip-row-facts{color:#ffb4b4}.clip-role-select{color:#e8e8f0;background:#1b1b2a;border:1px solid #ffffff2e;border-radius:6px;flex:none;padding:3px 5px;font-size:11px}