@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.game-button{position:fixed;top:5%;right:5%;border:2px solid black;width:8vw;height:44px;font-family:Roboto,sans-serif;font-size:24px;font-weight:900;background-color:#fff;transition:background-color .3s,border .3s;cursor:pointer}.game-button:hover{background-color:#cdffb6;border:2px solid transparent}.close-screen-btn-container{position:"absolute";top:3%;right:5%;cursor:"pointer"}.close-screen-btn{font-size:300%;font-weight:900;color:#fff;transition:color .3s}.close-screen-btn:hover{color:#000}.stacked-pointers{position:absolute;left:50%;top:auto;bottom:calc(100% + 26px);display:flex;flex-direction:row;align-items:center;justify-content:center;transform:translate(-50%);height:clamp(30px,4.8vh,46px);z-index:15;pointer-events:auto}.stacked-pointers--expanded{z-index:30}.stacked-pointers__item{position:relative;flex-shrink:0;margin-left:-12px;transition:margin-left .3s ease,transform .2s ease}.stacked-pointers__item:first-child,.stacked-pointers--expanded .stacked-pointers__item{margin-left:0}.stacked-pointers--expanded .stacked-pointers__item+.stacked-pointers__item{margin-left:6px}.stacked-pointers__item:hover{z-index:30;transform:scale(1.08)}.stacked-pointers__avatar{display:block;width:clamp(28px,4.8vh,42px);height:clamp(28px,4.8vh,42px);border-radius:50%;border:2px solid #fff;object-fit:cover;box-shadow:0 1px 4px #00000047;cursor:pointer;background-color:#e5e7eb}.stacked-pointers__item--logged-user .stacked-pointers__avatar{box-shadow:0 2px 6px #00000059}.stacked-pointers__item--finishing{position:absolute;margin-left:0;pointer-events:none}.stacked-pointers__item--hidden{position:absolute;width:0;height:0;margin:0;overflow:hidden;opacity:0;pointer-events:none}.stacked-pointers__avatar--default{display:flex;align-items:center;justify-content:center;background-color:#e5e7eb;padding:0}.stacked-pointers__avatar--default svg{width:62%;height:62%}.stacked-pointers__names-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:6px 10px;border-radius:8px;box-shadow:0 2px 8px #0003;font-family:Inter,Roboto,system-ui,sans-serif;font-size:12px;font-weight:500;z-index:60;pointer-events:none;display:flex;flex-direction:column;gap:4px;min-width:max-content}.stacked-pointers__names-tooltip-item{white-space:nowrap;line-height:1.3;text-align:center}.step-avatars-anchor{position:absolute;z-index:10;pointer-events:none}.step-avatars-anchor .stacked-pointers{pointer-events:auto}.step-form{display:flex;flex-direction:column;flex:1;min-height:0}.step-form__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-shrink:0;border-bottom:1px solid var(--qc-border)}.step-form__back,.step-form__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--qc-text);transition:background-color .15s}.step-form__back:hover,.step-form__close:hover{background:var(--qc-bg-muted)}.step-form__title{margin:0;font-size:16px;font-weight:600;color:var(--qc-text)}.step-form__body{flex:1;min-height:0;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.step-form__section{padding:16px;background:var(--qc-bg-card);border-radius:16px}.step-form__section-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--qc-text)}.step-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.step-form__row .step-form__field{margin-top:0}.step-form__row+.step-form__field,.step-form__field+.step-form__field{margin-top:12px}.step-form__field{display:flex;flex-direction:column;gap:6px;min-width:0}.step-form__label{font-size:12px;color:var(--qc-text-secondary)}.step-form__label-required:after{content:"*";color:var(--qc-text-secondary)}.step-form__input{width:100%;padding:10px 12px;font-family:var(--qc-font);font-size:14px;color:var(--qc-text);background:var(--qc-bg);border:1px solid var(--qc-border);border-radius:10px;outline:none;transition:border-color .15s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.step-form__input::-webkit-outer-spin-button,.step-form__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.step-form__input:focus{border-color:#9ca3af}.step-form__input--text{padding:10px 12px}.step-form__icon-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.step-form__icon-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;font-family:var(--qc-font);font-size:13px;font-weight:500;color:var(--qc-text-muted);background:var(--qc-bg);border:1px solid transparent;border-radius:10px;cursor:pointer;transition:border-color .15s,color .15s}.step-form__icon-toggle-btn--active{color:var(--qc-text);border-color:var(--qc-text)}.step-form__color-field{position:relative;display:flex;align-items:center;height:44px;padding:0 12px;border-radius:10px;cursor:pointer;border:1px solid var(--qc-border);-webkit-user-select:none;user-select:none}.step-form__color-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.step-form__color-edit{margin-left:auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffffe6;border-radius:6px;color:var(--qc-text-muted);pointer-events:none}.step-form__upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;background:var(--qc-bg);border:1px dashed var(--qc-border);border-radius:12px;cursor:pointer;transition:border-color .15s,background-color .15s}.step-form__upload:hover,.step-form__upload--dragover{border-color:#9ca3af;background:#fafafa}.step-form__upload-icon{color:var(--qc-text-secondary)}.step-form__upload-text{margin:0;font-size:13px;color:var(--qc-text-secondary);text-align:center}.step-form__preview{position:relative;margin-top:12px;border-radius:12px;overflow:hidden;background:var(--qc-bg);border:1px solid var(--qc-border)}.step-form__preview img{display:block;width:100%;max-height:160px;object-fit:contain}.step-form__preview-remove{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#0009;border:none;border-radius:50%;cursor:pointer;color:#fff}.step-form__preview-size{position:absolute;bottom:8px;left:8px;padding:4px 8px;font-size:11px;font-weight:500;color:#fff;background:#00000080;border-radius:6px}.step-form__footer{display:flex;gap:12px;padding:16px 20px 20px;flex-shrink:0}.quest-config{--qc-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--qc-panel-width: 500px;--qc-radius-panel: 24px;--qc-radius-tab: 16px;--qc-radius-pill: 999px;--qc-bg: #ffffff;--qc-bg-header: #f2f2f2;--qc-bg-muted: #f3f4f6;--qc-bg-tab-track: #ececec;--qc-bg-card: #f3f4f6;--qc-text: #111827;--qc-text-secondary: #9ca3af;--qc-text-muted: #6b7280;--qc-border: #e5e7eb;--qc-step-badge: #ef4444;--qc-save-gradient: linear-gradient(180deg, #97cf00 0%, #24b400 100%);--qc-shadow-panel: 0 8px 32px rgba(0, 0, 0, .12);--qc-shadow-tab: 0 1px 3px rgba(0, 0, 0, .08);font-family:var(--qc-font);color:var(--qc-text);box-sizing:border-box}.quest-config *,.quest-config *:before,.quest-config *:after{box-sizing:border-box}.quest-config__trigger{position:fixed;right:20px;bottom:20px;z-index:9998;padding:14px 28px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(180deg,#97cf00,#24b400);border:none;border-radius:999px;cursor:pointer;box-shadow:0 2px 8px #24b4004d;transition:box-shadow .15s,transform .1s}.quest-config__trigger:hover{box-shadow:0 4px 12px #24b40066}.quest-config__trigger:active{transform:scale(.98)}.quest-config__panel{position:fixed;top:16px;right:16px;bottom:16px;width:var(--qc-panel-width);z-index:9999;display:flex;flex-direction:column;background:var(--qc-bg);border-radius:var(--qc-radius-panel);box-shadow:var(--qc-shadow-panel);overflow:hidden}.quest-config__header{display:flex;align-items:center;gap:12px;padding:16px 20px;flex-shrink:0;background:var(--qc-bg-header)}.quest-config__map-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;border:1px solid var(--qc-border);background:var(--qc-bg-muted)}.quest-config__map-thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:20px}.quest-config__quest-select{flex:1;min-width:0;position:relative}.quest-config__quest-trigger{display:flex;align-items:center;gap:6px;width:100%;padding:0;background:none;border:none;cursor:pointer;font-family:var(--qc-font);font-size:16px;line-height:1.4;color:var(--qc-text);text-align:left}.quest-config__quest-trigger-label{color:var(--qc-text-muted);font-weight:400}.quest-config__quest-trigger-name{font-weight:700}.quest-config__quest-trigger-chevron{flex-shrink:0;color:var(--qc-text);transition:transform .2s}.quest-config__quest-trigger-chevron--open{transform:rotate(180deg)}.quest-config__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--qc-text-muted);transition:background-color .15s,color .15s}.quest-config__close:hover{background:#0000000f;color:var(--qc-text)}.quest-picker{display:flex;flex-direction:column;flex:1;min-height:0}.quest-picker__title{margin:0;padding:20px 20px 16px;font-size:16px;font-weight:600;color:var(--qc-text)}.quest-picker__error{margin:0 20px 8px;padding:8px 12px;font-size:12px;color:#b71c1c;background:#ffebee;border-radius:8px}.quest-picker__list{flex:1;min-height:0;overflow-y:auto;padding:0 12px}.quest-picker__empty{padding:24px 8px;text-align:center;font-size:14px;color:var(--qc-text-secondary)}.quest-picker__row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background-color .15s}.quest-picker__row:hover,.quest-picker__row--selected{background:var(--qc-bg-muted)}.quest-picker__row:hover .quest-picker__thumb,.quest-picker__row--selected .quest-picker__thumb{border-color:#111827}.quest-picker__row:hover .quest-picker__delete{background:#111827;color:#fff}.quest-picker__thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid var(--qc-border);transition:border-color .15s}.quest-picker__thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--qc-bg)}.quest-picker__name{flex:1;min-width:0;font-size:15px;font-weight:400;color:var(--qc-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-picker__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.quest-picker__star{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:6px;cursor:pointer;color:#d1d5db;transition:color .15s,background-color .15s}.quest-picker__star:hover:not(:disabled){color:#24b400;background:#24b40014}.quest-picker__star--active{color:#24b400;cursor:default}.quest-picker__star:disabled{cursor:default;opacity:1}.quest-picker__divider{width:1px;height:20px;background:var(--qc-border);flex-shrink:0}.quest-picker__delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--qc-text-muted);transition:background-color .15s,color .15s}.quest-picker__delete:disabled{opacity:.5;cursor:not-allowed}.quest-picker__add{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 20px 20px;padding:14px 24px;font-family:var(--qc-font);font-size:15px;font-weight:500;color:var(--qc-text-muted);background:var(--qc-bg-muted);border:none;border-radius:var(--qc-radius-pill);cursor:pointer;flex-shrink:0;transition:background-color .15s}.quest-picker__add:hover:not(:disabled){background:#e5e7eb}.quest-picker__add:disabled{opacity:.6;cursor:not-allowed}.quest-picker__add-icon{font-size:18px;line-height:1;font-weight:400}.quest-config__tabs{display:flex;gap:4px;margin:20px;padding:4px;background:var(--qc-bg-tab-track);border-radius:var(--qc-radius-tab);flex-shrink:0}.quest-config__tab{flex:1;padding:10px 16px;font-family:var(--qc-font);font-size:14px;font-weight:500;color:var(--qc-text-secondary);background:transparent;border:none;border-radius:12px;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;white-space:nowrap}.quest-config__tab:hover:not(.quest-config__tab--active){color:var(--qc-text-muted)}.quest-config__tab--active{color:var(--qc-text);background:var(--qc-bg);box-shadow:var(--qc-shadow-tab)}.quest-config__body{flex:1;min-height:0;overflow:hidden;padding:0 20px 20px;display:flex;flex-direction:column}.quest-config__steps{flex:1;min-height:0;display:flex;flex-direction:column}.quest-config__section-title{flex-shrink:0;margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.3;color:var(--qc-text)}.quest-config__steps-card{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--qc-bg-card);border-radius:16px;overflow:hidden}.quest-config__steps-card-header{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding:12px 16px;border-bottom:1px solid var(--qc-border)}.quest-config__section-count{flex-shrink:0;font-size:12px;line-height:1.4;color:var(--qc-text-muted);white-space:nowrap}.quest-config__steps-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 8px;font-size:12px;font-weight:700;color:var(--qc-text);background:var(--qc-bg);border:1px solid var(--qc-border);border-radius:var(--qc-radius-pill)}.quest-config__steps-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin:12px;padding:8px;background:var(--qc-bg);border:1px solid var(--qc-border);border-radius:12px}.quest-config__step-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;transition:background-color .15s}.quest-config__step-row:hover,.quest-config__step-row--hovered{background:var(--qc-bg-muted)}.quest-config__step-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:700;color:#fff;background:radial-gradient(circle at 35% 30%,#ff6b6b 0%,var(--qc-step-badge) 55%,#c62828 100%);box-shadow:inset 0 -2px 4px #00000026,0 1px 2px #0000001a}.quest-config__step-badge--custom{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--step-color) 70%,white) 0%,var(--step-color) 55%,color-mix(in srgb,var(--step-color) 80%,black) 100%)}.quest-config__step-label{flex:1;min-width:0;font-size:15px;font-weight:400;color:var(--qc-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-config__step-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .15s}.quest-config__step-row:hover .quest-config__step-actions,.quest-config__step-row--hovered .quest-config__step-actions{opacity:1;pointer-events:auto}.quest-config__step-edit{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-family:var(--qc-font);font-size:13px;font-weight:500;color:var(--qc-text-muted);background:var(--qc-bg);border:1px solid var(--qc-border);border-radius:var(--qc-radius-pill);cursor:pointer;transition:background-color .15s,border-color .15s}.quest-config__step-edit:hover{background:#fafafa;border-color:#d1d5db}.quest-config__step-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#111827;border:none;border-radius:50%;cursor:pointer;color:#fff;transition:background-color .15s}.quest-config__step-delete:hover{background:#374151}.quest-config__add-step{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px;padding:10px 12px;font-family:var(--qc-font);font-size:14px;font-weight:500;color:var(--qc-text-secondary);background:none;border:none;border-radius:12px;cursor:pointer;transition:color .15s,background-color .15s}.quest-config__add-step-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--qc-bg-muted);color:var(--qc-text-secondary)}.quest-config__add-step:hover{color:var(--qc-text-muted);background:var(--qc-bg-muted)}.quest-config__datasource{padding-bottom:8px}.quest-config__datasource-card{padding:16px;background:var(--qc-bg-card);border-radius:16px}.quest-config__field-label{display:block;margin-bottom:8px;font-size:13px;font-weight:400;color:var(--qc-text-secondary)}.quest-config__field-input{width:100%;padding:12px 14px;font-family:var(--qc-font);font-size:13px;color:var(--qc-text);background:var(--qc-bg);border:1px solid var(--qc-border);border-radius:12px;outline:none;transition:border-color .15s}.quest-config__field-input::placeholder{color:#c4c4c4}.quest-config__field-input:focus{border-color:#9ca3af}.quest-config__field-hint{margin:8px 0 16px;font-size:12px;line-height:1.45;color:var(--qc-text-secondary)}.quest-config__datasource-actions{display:flex;gap:10px;margin-bottom:16px}.quest-config__datasource-btn{flex:1;padding:12px 16px;font-family:var(--qc-font);font-size:14px;font-weight:500;border-radius:12px;cursor:pointer;transition:opacity .15s,background-color .15s}.quest-config__datasource-btn:disabled{opacity:.5;cursor:not-allowed}.quest-config__datasource-btn--clear{color:var(--qc-text-muted);background:var(--qc-bg);border:1px solid var(--qc-border)}.quest-config__datasource-btn--clear:hover:not(:disabled){background:#fafafa;border-color:#d1d5db}.quest-config__datasource-btn--load{color:#fff;background:#111827;border:none}.quest-config__datasource-btn--load:hover:not(:disabled){background:#1f2937}.quest-config__datasource-status{display:flex;flex-direction:column;gap:4px}.quest-config__datasource-status-line{margin:0;font-size:12px;line-height:1.4;color:var(--qc-text-secondary)}.quest-config__datasource-feedback{margin:12px 0 0;font-size:12px;line-height:1.4;color:var(--qc-text-muted)}.quest-config__datasource-feedback--error{color:#b71c1c}.quest-config__footer{display:flex;gap:12px;padding:16px 20px 20px;flex-shrink:0}.quest-config__btn{flex:1;padding:14px 24px;font-family:var(--qc-font);font-size:16px;font-weight:600;border:none;border-radius:var(--qc-radius-pill);cursor:pointer;transition:opacity .15s,transform .1s}.quest-config__btn:active{transform:scale(.98)}.quest-config__btn--cancel{color:var(--qc-text-muted);background:var(--qc-bg-muted)}.quest-config__btn--cancel:hover{background:#e5e7eb}.quest-config__btn--save{color:#fff;background:var(--qc-save-gradient);box-shadow:0 2px 8px #24b4004d}.quest-config__btn--save:hover{box-shadow:0 4px 12px #24b40066}.quest-config__btn--save:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}body{all:initial}