*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #f5f6f8;--page-overscroll-bg: #3c475e;--bg-surface: #ffffff;--bg-surface-hover: #eef0f3;--bg-elevated: #ffffff;--border: #e2e6eb;--border-focus: #35b4b1;--text: #1a1d27;--text-secondary: #4a4f5e;--text-muted: #6b7280;--accent: #303c54;--accent-hover: #3d4a63;--accent-teal: #35b4b1;--accent-teal-hover: #2d9d9a;--accent-subtle: rgba(53, 180, 177, .12);--header-footer-bg: #303c54;--danger: #e05555;--danger-hover: #c94444;--shape-color: rgba(255, 80, 80, .8);--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--card-shadow: 0 2px 12px rgba(0, 0, 0, .08);--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);--panel-bg: #f4f1ec;--panel-ink: #3d2600;--panel-muted: #6a5b45;--panel-line: #e4ddd0;--panel-shadow: 0 0 0 2px #d8d1c4, 0 16px 40px rgba(0, 0, 0, .35)}html,body,#root{height:100%;width:100%}html,body{background:var(--page-overscroll-bg)}body{font-family:var(--font);background:var(--page-overscroll-bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(a,button,input,select,textarea,[role=button],[tabindex]){-webkit-tap-highlight-color:transparent}:where(a,button,input,select,textarea,[role=button],[tabindex]):focus:not(:focus-visible){outline:none}:where(a,button,input,select,textarea,[role=button],[tabindex]):focus-visible{outline:3px solid rgba(53,180,177,.28);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editor{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--panel-bg);color:var(--panel-ink)}.editor__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--panel-bg);border-bottom:1px solid var(--panel-line);flex-shrink:0}.editor__title{font-size:16px;font-weight:600;letter-spacing:-.01em}.editor__header-actions{display:flex;gap:8px}.editor__header-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);cursor:pointer;transition:all .15s}@media(hover:hover)and (pointer:fine){.editor__header-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-focus)}}.editor__header-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.editor__header-btn--primary:hover{background:var(--accent-hover)}}.editor__header-btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}@media(hover:hover)and (pointer:fine){.editor__header-btn--danger:hover{background:var(--danger-hover);border-color:var(--danger-hover);color:#fff}}.editor__header-btn:disabled{opacity:.4;cursor:not-allowed}.editor__toolbar-row{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 20px;background:var(--panel-bg);border-bottom:1px solid var(--panel-line);flex-shrink:0}.editor__generator-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px 20px;background:var(--panel-bg);border-bottom:1px solid var(--panel-line)}.editor__generator-topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}.editor__generator-status{font-size:13px;color:var(--text-secondary)}.editor__generator-meta{font-size:12px;color:var(--text-secondary);text-align:right}.editor__generator-field{display:flex;flex-direction:column;gap:8px;min-width:0}.editor__generator-field--full{grid-column:1 / -1}.editor__generator-label{font-size:13px;font-weight:900;color:var(--panel-ink)}.editor__generator-input,.editor__generator-textarea{width:100%;padding:10px 12px;border:1px solid var(--panel-line);border-radius:var(--radius);background:#fff;color:var(--panel-ink);font:inherit;line-height:1.5;resize:vertical;transition:border-color .15s,box-shadow .15s,background .15s}.editor__generator-input{min-height:0;resize:none}.editor__generator-textarea{min-height:84px}.editor__generator-input:focus,.editor__generator-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #35b4b124}.editor__generator-input:disabled,.editor__generator-textarea:disabled{background:var(--bg-surface-hover);cursor:not-allowed}.editor__generator-textarea--readonly{background:var(--bg-surface-hover)}.editor__generator-options{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.editor__generator-context-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--panel-line);border-radius:14px;background:#fff9}.editor__generator-context-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.editor__generator-context-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.editor__generator-context-title{font-size:15px;font-weight:900;line-height:1.35;min-width:0}.editor__generator-context-description{margin:0;color:var(--panel-muted);font-size:13px;line-height:1.5;white-space:pre-wrap;max-height:112px;overflow-y:auto;padding-right:4px}.editor__generator-context-reference-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;position:relative;width:fit-content}.editor__generator-context-reference-list--inactive{opacity:.45}.editor__generator-context-reference-thumb{width:52px;height:52px;border-radius:12px;object-fit:cover;border:1px solid var(--border)}.editor__generator-context-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:2px;color:var(--text-secondary);font-size:13px;line-height:1.4;cursor:pointer}.editor__generator-context-toggle input{margin:0}.editor__generator-context-toggle--overlay{position:absolute;top:6px;right:6px;z-index:1;margin-top:0;padding:0;gap:0;line-height:0}.editor__generator-context-button{flex-shrink:0;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-muted);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,color .15s}@media(hover:hover)and (pointer:fine){.editor__generator-context-button:hover:not(:disabled){border-color:var(--border-focus);background:var(--bg-surface-hover);color:var(--text)}}.editor__generator-context-button:disabled{opacity:.6;cursor:not-allowed}.editor__generator-pill-group{display:flex;flex-wrap:wrap;gap:8px}.editor__generator-pill-group--sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.editor__generator-pill-group--models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.editor__generator-pill-group--formats{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:6px;align-items:center}.editor__generator-pill-group--formats-extra{margin-top:6px;flex-wrap:wrap}.editor__generator-pill-group--region-target{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.editor__generator-pill{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:84px;padding:10px 12px;border:0;border-radius:12px;background:var(--game-cream-face);box-shadow:0 3px 0 var(--game-cream-edge),inset 0 2px #ffffffd9;color:var(--panel-ink);font:inherit;cursor:pointer;transition:filter .15s,transform .1s}.editor__generator-pill:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--game-cream-edge),inset 0 2px #ffffff80}.editor__generator-pill--compact{min-width:0;align-items:center;padding:8px 6px;text-align:center}.editor__generator-pill-group--formats .editor__generator-pill{flex:0 0 auto;max-width:100%}.editor__generator-pill-group--formats .editor__generator-pill[data-ratio="1-1"]{width:60px}.editor__generator-pill-group--formats .editor__generator-pill[data-ratio="4-3"]{width:80px}.editor__generator-toggle{align-self:flex-start;margin-top:2px;padding:0;border:0;background:transparent;color:var(--game-teal-edge);font:inherit;font-size:12px;font-weight:900;cursor:pointer}@media(hover:hover)and (pointer:fine){.editor__generator-toggle:hover:not(:disabled){text-decoration:underline}}.editor__generator-toggle:disabled{opacity:.6;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.editor__generator-pill:hover:not(:disabled){filter:brightness(1.04)}}.editor__generator-pill:disabled{opacity:.5;cursor:not-allowed}.editor__generator-pill--active,.editor__generator-pill--active:active:not(:disabled){color:#fff;background:var(--game-gold-face);box-shadow:0 3px 0 var(--game-gold-edge),inset 0 2px #ffffff73;transform:none}.editor__generator-pill--active .editor__generator-pill-title{text-shadow:0 2px 0 var(--game-gold-stroke),1px 0 0 var(--game-gold-stroke),-1px 0 0 var(--game-gold-stroke),0 1px 0 var(--game-gold-stroke),0 -1px 0 var(--game-gold-stroke)}.editor__generator-pill--active .editor__generator-pill-hint{color:#6b3f00}.editor__generator-pill--readonly{cursor:default;pointer-events:none}.editor__generator-pill--readonly:disabled{opacity:1;cursor:default}.editor__generator-pill-title{font-size:13px;font-weight:900;line-height:1.1}.editor__generator-pill--compact .editor__generator-pill-title{font-size:12px}.editor__generator-pill-hint{display:flex;flex-direction:column;font-size:11px;font-weight:700;color:var(--panel-muted);line-height:1.2}.editor__generator-pill--compact .editor__generator-pill-hint{font-size:10px}.editor__generator-pill-subhint{display:block}.editor__generator-static-note{display:block;margin-top:8px;font-size:12px;color:var(--text-muted)}.editor__generator-controls{display:flex;gap:8px;align-items:center;min-width:0}.editor__generator-controls--inline{flex:1}.editor__generator-slider-value{min-width:18px;font-size:13px;font-weight:700;color:var(--accent);text-align:right}.editor__generator-slider{width:140px;height:4px;flex-shrink:0;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:999px;outline:none}.editor__generator-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.editor__generator-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.editor__generator-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}.editor__generator-details{grid-column:1 / -1;display:flex;flex-direction:column;gap:12px}.editor__generator-details-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}@media(hover:hover)and (pointer:fine){.editor__generator-details-toggle:hover{background:var(--bg-surface-hover);border-color:var(--border-focus)}}.editor__generator-details-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .15s ease}.editor__generator-details-chevron--open{transform:rotate(180deg)}.editor__generator-prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.editor__generator-hint{font-size:13px;color:var(--text-secondary)}.editor__generator-model-note{font-size:12px;font-weight:700;color:var(--game-gold-edge)}.editor__btn-spinner{display:block;flex-shrink:0;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:editorButtonSpinner .7s linear infinite}@keyframes editorButtonSpinner{to{transform:rotate(360deg)}}.editor__generator-error{grid-column:1 / -1;font-size:13px;color:var(--danger)}.editor__ai-error{grid-column:1 / -1;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-left:3px solid var(--danger);border-radius:var(--radius);background:#e0555514;font-size:13px;line-height:1.4}.editor__ai-error-title{color:var(--danger);font-weight:700}.editor__ai-error-message{color:var(--text)}.editor__ai-error-note{color:var(--text-muted);font-size:12px}.editor__toolbar-hint{font-size:12px;color:var(--text-secondary)}.editor__main{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.editor__quick-menu{position:absolute;z-index:20;display:flex;flex-direction:row;align-items:stretch;gap:3px;padding:5px;background:var(--panel-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #fff;border-radius:10px;box-shadow:0 0 0 2px #d8d1c4,0 8px 18px #141b282e;pointer-events:auto}.editor__quick-menu-grid{display:grid;grid-template-columns:repeat(var(--quick-menu-columns, 4),26px);gap:3px}.editor__quick-menu-drag-handle{position:relative;width:10px;min-width:10px;cursor:grab;touch-action:none}.editor__quick-menu-drag-handle:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 55%,transparent);transform:translate(-50%,-50%)}.editor__quick-menu-drag-handle:active{cursor:grabbing}.editor__quick-menu-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:8px;background:#ffffff0a;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s,transform .12s,opacity .12s}@media(hover:hover)and (pointer:fine){.editor__quick-menu-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text);transform:translateY(-1px)}.editor__quick-menu-btn--delete:hover:not(:disabled){background:#e0555526;color:var(--danger)}}.editor__quick-menu-btn:disabled{opacity:.2;cursor:not-allowed}.editor__quick-menu-btn--ai{color:var(--accent)}.editor__quick-menu-btn--delete{color:var(--danger)}.editor__modal-backdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0f1994;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.editor__modal-backdrop--stacked{z-index:1210;background:#0a0f196b}.editor__modal-backdrop--upload-normalization{background:#0a0f196b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.editor__modal{position:relative;width:min(560px,100%);display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--panel-bg);color:var(--panel-ink);border:3px solid #fff;border-radius:22px;box-shadow:var(--panel-shadow)}.editor__modal--generator{width:min(680px,100%)}.editor__modal--image-change{width:min(820px,100%)}.editor__modal--image-change-preview-expanded{width:min(1280px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.editor__modal--image-change-preview-expanded>.editor__modal-header,.editor__modal--image-change-preview-expanded .editor__image-change-preview-label,.editor__modal--image-change-preview-expanded .editor__image-change-form{display:none}.editor__modal--pack-context{width:min(560px,100%)}.editor__modal--upload-normalization{width:min(480px,100%);gap:12px;padding:16px}.editor__modal--resolution-warning{width:min(460px,100%);gap:16px;padding:18px}.editor__modal--unsaved-exit{width:min(420px,100%);gap:18px;padding:18px}.editor__modal--welcome{width:min(540px,100%);gap:16px;padding:20px}.editor__modal--region-ai{width:min(920px,100%)}.editor__modal--region-restore{width:min(640px,100%)}.editor__modal--difference-review{width:min(620px,100%);gap:10px;padding:16px;max-height:min(92vh,760px);overflow-y:auto}.editor__difference-review-counter{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap}.editor__welcome-hint{display:flex;flex-direction:column;gap:12px}.editor__modal-header--welcome{padding-bottom:0}.editor__welcome-hint-intro{max-width:42ch}.editor__welcome-hint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor__welcome-hint-card{display:flex;flex-direction:column;align-items:stretch;padding:13px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);min-height:140px}.editor__welcome-hint-card--ai{background:color-mix(in srgb,var(--accent-subtle) 22%,var(--bg-surface) 78%)}.editor__welcome-hint-card--upload{background:color-mix(in srgb,var(--bg-surface) 72%,var(--bg) 28%)}.editor__welcome-hint-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:2px auto 12px;background:var(--accent-subtle);color:var(--accent-teal);flex:0 0 auto}.editor__welcome-hint-card-icon svg{width:20px;height:20px}.editor__welcome-hint-card-title{margin:0;color:var(--text);font-size:14px;font-weight:800;text-align:center}.editor__welcome-hint-card-text{margin:8px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.45;text-align:center}.editor__welcome-hint-checkbox{display:inline-flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.editor__welcome-hint-checkbox input{width:16px;height:16px;margin:0;accent-color:var(--accent-teal)}.editor__modal-actions.editor__welcome-hint-footer{align-items:center;justify-content:space-between;gap:12px;width:100%}.editor__modal-actions.editor__welcome-hint-footer .editor__welcome-hint-checkbox{margin-right:auto}.editor__difference-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,200px));justify-content:center;gap:18px 14px;padding:8px}.editor__difference-review-card{display:flex;flex-direction:column;gap:6px;transition:opacity .18s ease}.editor__difference-review-card--focus .editor__difference-review-viewport{border-color:var(--accent-teal);box-shadow:0 0 0 3px var(--accent-teal),0 0 0 7px #35b4b147,0 6px 18px #35b4b159}.editor__difference-review-media{--editor-review-max-height: 220px;position:relative;width:min(100%,calc(var(--editor-review-max-height) * var(--editor-review-aspect-ratio, 1)));max-width:100%;max-height:var(--editor-review-max-height);margin:0 auto;overflow:visible}.editor__difference-review-viewport{position:absolute;inset:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:#eef1f5}.editor__difference-review-image,.editor__difference-review-overlay{position:absolute;top:0;left:0}.editor__difference-review-canvas{position:absolute;inset:0}.editor__difference-review-image{display:block;width:100%;height:100%;object-fit:fill}.editor__difference-review-overlay{width:100%;height:100%;pointer-events:none}.create-pack-dialog{--create-pack-footer-pad: 16px;gap:12px;max-height:min(92vh,860px);overflow-y:auto;padding-bottom:0}.create-pack-dialog__textarea{min-height:140px;max-width:100%;resize:both}.create-pack-dialog__textarea--reference-context{min-height:140px}.create-pack-dialog__reference-context{gap:14px}.create-pack-dialog__reference-mode-toggle{display:inline-flex;align-self:center;gap:4px;padding:3px;border:1px solid rgba(48,60,84,.08);border-radius:999px;background:#303c540a}.create-pack-dialog__reference-mode-btn{padding:7px 12px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.create-pack-dialog__reference-mode-btn--active{background:var(--bg-surface);color:var(--text);box-shadow:0 1px 2px #0f172a14}.create-pack-dialog__reference-mode-btn:disabled{opacity:.6;cursor:not-allowed}.create-pack-dialog__reference-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.create-pack-dialog__reference-quality{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.create-pack-dialog__reference-quality-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.create-pack-dialog__reference-quality-switch{gap:4px}.create-pack-dialog__reference-model{display:flex;flex-direction:column;gap:6px}.create-pack-dialog__reference-model-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.create-pack-dialog__reference-quality-btn{min-width:44px;padding:6px 8px;border-radius:999px}.create-pack-dialog__reference-trigger{padding:7px 11px;border-radius:10px;background:var(--bg-surface);color:var(--text);border-color:#303c5414;font-size:12px;white-space:nowrap}.create-pack-dialog__reference-trigger.dropzone__action-btn--primary{background:var(--accent);color:#fff}.create-pack-dialog__section-title{margin:0}.create-pack-dialog__reference-generator{width:min(920px,100%)}.create-pack-dialog__reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.create-pack-dialog__reference-option{position:relative;display:flex;flex-direction:column;gap:4px;padding:0}.create-pack-dialog__reference-option-button{width:100%;padding:0;border:none;background:transparent;text-align:center;cursor:pointer;transition:opacity .15s ease}@media(hover:hover)and (pointer:fine){.create-pack-dialog__reference-option-button:hover:not(:disabled) .create-pack-dialog__reference-option-label{color:var(--accent)}}.create-pack-dialog__reference-option-button:disabled{cursor:default}.create-pack-dialog__reference-tile{position:relative;width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;border:1px solid rgba(48,60,84,.08);border-radius:12px;background:#ffffff8c;overflow:hidden;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.create-pack-dialog__reference-tile-loading{display:flex;align-items:center;justify-content:center}.create-pack-dialog__reference-tile-loading--overlay{position:absolute;inset:0;background:#0f172a57;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.create-pack-dialog__reference-progress-ring{width:48px;height:48px}.create-pack-dialog__reference-progress-ring svg{width:48px;height:48px}.create-pack-dialog__reference-progress-ring .dropzone__progress-track,.create-pack-dialog__reference-progress-ring .dropzone__progress-value{stroke-width:4}.create-pack-dialog__reference-progress-ring .dropzone__progress-label{font-size:10px}.create-pack-dialog__reference-option--active .create-pack-dialog__reference-tile{border-color:#35b4b138;background:#ffffffdb}@media(hover:hover)and (pointer:fine){.create-pack-dialog__reference-option-button:hover:not(:disabled) .create-pack-dialog__reference-tile{border-color:#35b4b138;background:#ffffffdb}}.create-pack-dialog__reference-option--active .create-pack-dialog__reference-tile{box-shadow:0 0 0 2px #35b4b11f}.create-pack-dialog__reference-tile-image{width:100%;height:100%;object-fit:cover;display:block}.create-pack-dialog__reference-generate{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-secondary)}.create-pack-dialog__reference-generate-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:color-mix(in srgb,var(--accent-subtle) 62%,white 38%);color:var(--accent)}.create-pack-dialog__reference-generate-label{font-size:13px;line-height:1.25;font-weight:600;color:#303c54c7}.create-pack-dialog__reference-tile-state{font-size:13px;line-height:1.2;color:#6b7280bf}.create-pack-dialog__reference-price-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--accent-teal) 18%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent-subtle) 36%,var(--bg) 64%);color:var(--text);font-weight:700;box-shadow:0 6px 14px #35b4b114}.create-pack-dialog__reference-option-button:focus-visible .create-pack-dialog__reference-price-button{border-color:color-mix(in srgb,var(--accent-teal) 32%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 48%,var(--bg) 52%)}@media(hover:hover)and (pointer:fine){.create-pack-dialog__reference-option-button:hover:not(:disabled) .create-pack-dialog__reference-price-button{border-color:color-mix(in srgb,var(--accent-teal) 32%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 48%,var(--bg) 52%)}}.create-pack-dialog__reference-repeat{position:absolute;top:8px;left:8px;z-index:2;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:#0f172ab8;color:#fff;cursor:pointer;transition:transform .15s ease,background .15s ease,opacity .15s ease}@media(hover:hover)and (pointer:fine){.create-pack-dialog__reference-repeat:hover:not(:disabled){transform:translateY(-1px);background:#0f172ae0}}.create-pack-dialog__reference-repeat:disabled{opacity:.6;cursor:default}.create-pack-dialog__reference-preview-modal{width:min(960px,100%)}.create-pack-dialog__reference-preview-frame{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg) 86%,var(--bg-surface) 14%)}.create-pack-dialog__reference-preview-image{display:block;max-width:100%;max-height:min(70vh,720px);border-radius:12px;object-fit:contain}.reference-images-field{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(48,60,84,.08);border-radius:var(--radius);background:#ffffff6b}.reference-images-field--collapsed{gap:6px}.reference-images-field__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.reference-images-field__label-row{display:inline-flex;align-items:center;gap:6px;min-width:0}.reference-images-field__header-toggle{flex:1;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;padding:0;border:none;background:transparent;font:inherit;text-align:left;cursor:pointer}.reference-images-field__header-toggle:disabled{cursor:not-allowed;opacity:.62}.reference-images-field__chevron{display:inline-block;color:var(--text-secondary);font-size:13px;font-weight:850;line-height:1;transition:transform .15s ease}.reference-images-field__chevron--expanded{transform:rotate(90deg)}.reference-images-field__info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-secondary);font-size:12px;font-weight:700;line-height:1;cursor:help;flex-shrink:0}.reference-images-field__info:after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 8px);width:260px;max-width:min(260px,calc(100vw - 64px));padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);box-shadow:0 10px 30px #0f172a24;color:var(--text);font-size:12px;font-weight:500;line-height:1.45;white-space:normal;text-align:left;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;z-index:10}.reference-images-field__info:focus-visible:after{opacity:1;transform:translateY(0)}@media(hover:hover)and (pointer:fine){.reference-images-field__info:hover:after{opacity:1;transform:translateY(0)}}.reference-images-field__meta{color:var(--text-secondary);font-size:12px}.reference-images-field__content{display:flex;flex-direction:column;gap:8px;padding-top:2px}.reference-images-field__grid{display:grid;grid-template-columns:minmax(0,168px);gap:8px;justify-content:flex-start}.reference-images-field__card{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(48,60,84,.08);border-radius:14px;background:#ffffff8c}.reference-images-field__preview-button{padding:0;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:transform .15s ease}@media(hover:hover)and (pointer:fine){.reference-images-field__preview-button:hover:not(:disabled){transform:translateY(-1px)}}.reference-images-field__preview-button:disabled{cursor:not-allowed}.reference-images-field__preview{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--bg-surface-hover);border:1px solid rgba(48,60,84,.08)}.reference-images-field__preview img{width:100%;height:100%;object-fit:cover;display:block}.reference-images-field__footer{display:flex;flex-direction:column;gap:8px}.reference-images-field__name{font-size:11px;line-height:1.4;word-break:break-word;color:var(--text-secondary)}.reference-images-field__card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.reference-images-field__preview-action,.reference-images-field__remove{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.reference-images-field__preview-action{color:var(--accent);border-color:#5a67d847;background:#5a67d814}.reference-images-field__remove{color:var(--danger);border-color:#e055554d;background:#e055550a}@media(hover:hover)and (pointer:fine){.reference-images-field__preview-action:hover:not(:disabled){border-color:#5a67d873;background:#5a67d824}}@media(hover:hover)and (pointer:fine){.reference-images-field__remove:hover:not(:disabled){background:#e055551f}}.reference-images-field__preview-action:disabled,.reference-images-field__remove:disabled{opacity:.6;cursor:not-allowed}.reference-images-field__empty{padding:8px 0;border-top:1px solid rgba(48,60,84,.08);border-bottom:1px solid rgba(48,60,84,.08);border-radius:var(--radius);color:var(--text-secondary);font-size:12px;background:transparent}.create-pack-dialog>.editor__modal-actions{position:sticky;bottom:0;z-index:1;margin-top:auto;padding-top:10px;padding-bottom:calc(4px + var(--create-pack-footer-pad));background:linear-gradient(180deg,transparent,var(--panel-bg) 22px)}.reference-images-field__actions{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap}.editor__modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.editor__modal-header-meta,.editor__modal-header-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:8px}.editor__modal-close-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s}@media(hover:hover)and (pointer:fine){.editor__modal-close-button:hover:not(:disabled){color:var(--text);background:var(--bg-surface-hover);border-color:var(--border-focus)}}.editor__modal-close-button:disabled{opacity:.5;cursor:not-allowed}.editor__modal-close-button--floating{position:absolute;top:14px;right:14px;z-index:1}.editor__modal-credit-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 12px 5px 7px;border:2px solid #fff;border-radius:999px;background:linear-gradient(180deg,#fff,#efeae2);box-shadow:0 2px #c9c0b2;color:var(--panel-ink);font-size:14px;font-weight:900;white-space:nowrap}.editor__modal-credit-badge .credit-value__amount{font-weight:900}.editor__modal-credit-action{min-height:32px;padding:6px 12px;border:0;border-radius:12px;background:var(--game-gold-face);box-shadow:0 3px 0 var(--game-gold-edge),inset 0 2px #ffffff73;color:#fff;font:inherit;font-size:12px;font-weight:900;text-shadow:0 2px 0 var(--game-gold-stroke),1px 0 0 var(--game-gold-stroke),-1px 0 0 var(--game-gold-stroke),0 1px 0 var(--game-gold-stroke),0 -1px 0 var(--game-gold-stroke);white-space:nowrap;cursor:pointer;transition:filter .15s,transform .1s}@media(hover:hover)and (pointer:fine){.editor__modal-credit-action:hover:not(:disabled){filter:brightness(1.05)}}.editor__modal-credit-action:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--game-gold-edge),inset 0 2px #ffffff73}.editor__modal-credit-action:disabled{opacity:.6;cursor:not-allowed}.credit-value{display:inline-flex;align-items:center;gap:.42em;vertical-align:middle}.credit-value--compact{gap:.34em}.credit-value__icon{width:1.28em;height:1.28em;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.credit-value__icon svg{width:100%;height:100%;display:block}.credit-value__amount{display:inline-block;line-height:1;font-weight:700}.editor__modal-title{margin:0;font-size:20px}.editor__modal-header:has(.editor__modal-close-button) .editor__modal-title,.profile-dialog__header .editor__modal-title{padding-top:6px;line-height:26px}.editor__modal-text{margin:6px 0 0;color:var(--panel-muted);font-size:14px;line-height:1.5}.editor__modal-text--compact{margin:-4px 0 0;font-size:13px}.editor__upload-normalization-summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.editor__upload-normalization-summary-card{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg) 94%,var(--bg-surface) 6%)}.editor__upload-normalization-summary-card strong{font-size:15px;line-height:1.2}.editor__upload-normalization-summary-card small{color:var(--text-secondary);font-size:12px}.editor__upload-normalization-summary-card--target{border-color:color-mix(in srgb,var(--accent-teal) 14%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 34%,var(--bg) 66%)}.editor__upload-normalization-summary-label,.editor__upload-normalization-meta-label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.01em}.editor__upload-normalization-summary-arrow{color:var(--text-muted);font-size:16px;font-weight:500}.editor__upload-normalization-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor__upload-normalization-preview-card{display:flex;flex-direction:column;gap:8px;margin:0}.editor__upload-normalization-preview-frame--target{border-color:color-mix(in srgb,var(--accent-teal) 14%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 22%,var(--bg) 78%)}.editor__upload-normalization-preview-frame{position:relative;display:block;width:100%;min-height:180px;padding:0;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg) 95%,var(--bg-surface) 5%);overflow:hidden}.editor__upload-normalization-preview-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.editor__upload-normalization-preview-image--source{opacity:.96}.editor__upload-normalization-preview-caption{color:var(--text-secondary);font-size:12px;font-weight:600;text-align:center}.editor__upload-normalization-meta{display:flex;flex-direction:column;gap:10px}.editor__upload-normalization-pill-row{display:flex;flex-wrap:wrap;gap:8px}.editor__upload-normalization-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid transparent;border-radius:999px;background:#303c540a;color:var(--text-secondary);font-size:12px;font-weight:600;font:inherit;cursor:default}.editor__upload-normalization-pill--active{border-color:var(--accent);background:var(--accent);color:#fff}.editor__upload-normalization-resolution-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor__upload-normalization-resolution-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--bg) 95%,var(--bg-surface) 5%)}.editor__upload-normalization-resolution-item span{color:var(--text-secondary);font-size:12px;font-weight:600}.editor__upload-normalization-resolution-item strong{font-size:13px;line-height:1.3}.editor__upload-normalization-resolution-item--active{border-color:color-mix(in srgb,var(--accent-teal) 14%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 30%,var(--bg) 70%)}.editor__generator-textarea--region{min-height:180px;height:100%;resize:vertical}.editor__region-ai-layout{display:grid;grid-template-columns:172px minmax(0,1fr);gap:16px;align-items:stretch}.editor__region-ai-layout--full-transfer{grid-template-columns:1fr}.editor__region-ai-sidebar{min-width:0}.editor__transfer-flow-card{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--bg) 88%,var(--bg-surface) 12%)}.editor__transfer-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.editor__transfer-stage{display:flex;flex-direction:column;gap:8px;min-width:0}.editor__transfer-stage-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-muted)}.editor__transfer-stage-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.01em}.editor__transfer-stage-badge--source{background:#35b4b124;color:var(--accent)}.editor__transfer-stage-badge--target{background:#303c5414;color:var(--text-secondary)}.editor__transfer-frame{aspect-ratio:4 / 3}.editor__transfer-arrow{display:flex;align-items:center;justify-content:center;color:var(--accent)}.editor__transfer-legend{display:flex;flex-wrap:wrap;gap:12px}.editor__transfer-legend-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary)}.editor__transfer-legend-swatch{width:14px;height:14px;border-radius:999px;border:1px solid rgba(0,0,0,.08)}.editor__transfer-legend-swatch--apply{background:#ffffffeb;border-color:var(--border)}.editor__transfer-legend-swatch--keep{background:#000000b8;border-color:#000000b8}.editor__region-ai-form{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:100%}.editor__region-ai-prompt{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.editor__region-ai-prompt .editor__generator-textarea{flex:1}.editor__image-change-layout{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:16px;align-items:start}.editor__modal--image-change-preview-expanded .editor__image-change-layout{grid-template-columns:minmax(0,1fr)}.editor__image-change-sidebar{min-width:0;justify-self:start;align-self:start}.editor__modal--image-change-preview-expanded .editor__image-change-sidebar{width:100%}.editor__image-change-preview-card{display:flex;flex-direction:column;gap:8px;min-width:0}.editor__image-change-preview-label{font-size:12px;font-weight:600;color:var(--text-muted)}.editor__image-change-preview-frame{appearance:none;position:relative;width:140px;max-width:100%;aspect-ratio:4 / 3;margin:0;padding:0;border-radius:12px;border:1px solid var(--border);background:#ffffffb8;overflow:hidden;cursor:zoom-in}.editor__modal--image-change-preview-expanded .editor__image-change-preview-frame{width:100%;max-height:calc(100dvh - 96px);cursor:zoom-out}.editor__image-change-preview-image{display:block;width:100%;height:100%;border:0;border-radius:0;background:transparent;object-fit:cover}.editor__modal--image-change-preview-expanded .editor__image-change-preview-image{object-fit:contain}.editor__image-change-form{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:100%}.editor__region-preview{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.editor__region-preview-card{display:flex;flex-direction:column;gap:8px;min-width:0}.editor__region-preview-frame{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:12px;border:1px solid var(--border);background:#ffffffb8;overflow:hidden}.editor__region-preview-label{font-size:12px;font-weight:600;color:var(--text-muted)}.editor__region-preview-image,.editor__region-preview-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:12px;border:1px solid var(--border);background:#ffffffb8}.editor__region-preview-image{display:block;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background:transparent;object-fit:contain}.editor__region-preview-mask{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.editor__region-preview-placeholder{display:flex;align-items:center;justify-content:center;padding:12px;font-size:13px;color:var(--text-secondary);text-align:center}.editor__region-restore{display:flex;flex-direction:column;gap:12px;max-width:100%}.editor__region-restore-list{display:grid;grid-template-columns:1fr;gap:12px}.editor__region-restore-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--bg) 86%,var(--bg-surface) 14%)}.editor__region-restore-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}.editor__region-restore-stage{display:flex;flex-direction:column;gap:8px;min-width:0}.editor__region-restore-stage-label{font-size:12px;font-weight:600;color:var(--text-muted)}.editor__region-restore-frame{aspect-ratio:4 / 3}.editor__region-restore-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.editor__region-history-empty{padding:14px;border:1px dashed rgba(48,60,84,.16);border-radius:12px;color:var(--text-secondary);font-size:13px;line-height:1.5;text-align:center;background:#ffffff73}.editor__modal-actions{display:flex;justify-content:flex-end;gap:10px}.editor__modal-actions--unsaved-exit .editor__header-btn{min-height:42px}.editor__modal-actions--split{align-items:center;justify-content:space-between}.editor__modal-actions-group{display:flex;justify-content:flex-end;gap:10px}.editor__header-btn--icon{display:inline-flex;align-items:center;gap:6px}.editor__header-btn--icon-only{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0}.editor__header-btn--active{border-color:var(--border-focus);background:var(--accent-subtle);color:var(--text)}.editor__region-ai-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}.editor__region-ai-footer .editor__modal-actions-group{flex:1;min-width:0}.editor__region-ai-tool-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:999px;background:#ffffffd1;color:var(--text-muted);cursor:pointer;transition:all .15s ease}@media(hover:hover)and (pointer:fine){.editor__region-ai-tool-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text);border-color:#35b4b147}}.editor__region-ai-tool-btn:disabled{opacity:.45;cursor:not-allowed}.editor__canvases{display:flex;flex:1;min-width:0;gap:2px;background:var(--game-board-edge)}.editor__canvas-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 50% 45%,var(--game-board-glow) 0%,var(--game-board-shade) 70%)}.editor__sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--panel-line);background:var(--panel-bg);overflow-y:auto}.editor__upload-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.editor__upload-view h2{font-size:24px;font-weight:600}.editor__upload-view p{color:var(--text-secondary);font-size:14px}.editor__upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px;width:100%;margin-top:20px}.editor__start-btn{margin-top:24px;padding:12px 32px;font-size:15px;font-weight:600;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;transition:all .15s}@media(hover:hover)and (pointer:fine){.editor__start-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}}.dropzone{border-style:dashed;border-color:#303c5424;background:linear-gradient(180deg,#ffffffe6,#35b4b114)}.dropzone{border:2px dashed rgba(48,60,84,.14);border-radius:var(--radius-lg);padding:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;min-height:200px}.dropzone--drag-over{border-color:var(--accent-teal);background:linear-gradient(180deg,#fff,#35b4b124)}@media(hover:hover)and (pointer:fine){.dropzone:hover{border-color:var(--accent-teal);background:linear-gradient(180deg,#fff,#35b4b124)}}.dropzone--loading{cursor:wait;border-color:var(--accent-teal);background:linear-gradient(180deg,#fff,#35b4b124)}@media(hover:hover)and (pointer:fine){.dropzone--loading:hover{border-color:var(--accent-teal);background:linear-gradient(180deg,#fff,#35b4b124)}}.dropzone--has-image{padding:0;overflow:hidden}.dropzone__placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary);text-align:center}.dropzone__placeholder>svg{opacity:.5}.dropzone__placeholder>span{font-size:14px;font-weight:500}.dropzone__placeholder--loading>span{font-weight:600;color:var(--accent)}.dropzone__placeholder small{font-size:12px;color:var(--text-muted);line-height:1.5;max-width:220px}.dropzone__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}.dropzone__actions--stacked{flex-direction:column;align-items:center;width:min(100%,232px)}.dropzone__action-btn{border:1px solid var(--border);border-radius:999px;background:#ffffffdb;color:var(--text-secondary);font-size:13px;font-weight:600;padding:11px 16px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.dropzone__actions--stacked .dropzone__action-btn:not(.dropzone__action-btn--subtle){width:100%}.dropzone__action-content{display:grid;grid-template-columns:18px auto 18px;align-items:center;justify-content:center;width:100%;min-height:22px;column-gap:10px}.dropzone__action-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;justify-self:end}.dropzone__action-icon svg{width:18px;height:18px;display:block}.dropzone__action-label{display:block;text-align:center}.dropzone__action-icon-spacer{width:18px;height:18px}.dropzone__action-content--subtle{display:inline-flex;justify-content:center;gap:8px;width:auto;min-height:0}.dropzone__action-content--subtle .dropzone__action-icon{position:static;width:16px;height:16px;justify-self:auto}.dropzone__action-content--subtle .dropzone__action-icon svg{width:16px;height:16px}.dropzone__action-content--subtle .dropzone__action-label{width:auto}.dropzone__action-btn:disabled{opacity:.55;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.dropzone__action-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent);color:var(--text)}}.dropzone__action-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 22px #303c541f}.dropzone__action-btn--secondary{background:color-mix(in srgb,var(--bg-surface) 92%,var(--accent-subtle) 8%);border-color:color-mix(in srgb,var(--border) 70%,var(--accent-teal) 30%);color:var(--accent)}.dropzone__action-btn--subtle{padding:0;border:none;border-radius:0;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500}@media(hover:hover)and (pointer:fine){.dropzone__action-btn--primary:hover:not(:disabled){background:var(--accent-hover, var(--accent));color:#fff}.dropzone__action-btn--secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--accent-teal);color:var(--accent)}.dropzone__action-btn--subtle:hover:not(:disabled){background:transparent;border-color:transparent;color:var(--accent);transform:none}}.dropzone__progress-ring{position:relative;display:grid;place-items:center;width:64px;height:64px}.dropzone__progress-ring svg{display:block;transform:rotate(-90deg);opacity:1}.dropzone__progress-track,.dropzone__progress-value{fill:none;stroke-width:5}.dropzone__progress-track{stroke:#303c541f}.dropzone__progress-value{stroke:var(--accent-teal);stroke-linecap:round;transition:stroke-dashoffset .4s ease}.dropzone__progress-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent)}.dropzone__preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dropzone__preview img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block}.canvas-container{flex:1;position:relative;overflow:visible;background:transparent;cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.canvas-container__viewport{position:absolute;inset:0;overflow:hidden}.canvas-container canvas{touch-action:none}.canvas-container:active{cursor:grabbing}.canvas-container--empty{display:flex;align-items:center;justify-content:center}.canvas-placeholder{color:var(--text-muted);font-size:14px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.toolbar--stacked{flex-direction:column;align-items:center;gap:8px}.toolbar__main{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px}.toolbar__group{display:flex;align-items:center;gap:6px;flex-shrink:0}.toolbar__btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.toolbar__btn svg,.toolbar__icon-btn svg{flex-shrink:0}.toolbar__btn:disabled{opacity:.45;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.toolbar__btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text)}}.toolbar__icon-btn{display:flex;align-items:center;justify-content:center;position:relative;width:28px;height:28px;border:1px solid var(--border);border-radius:999px;background:#ffffffb8;color:var(--text-muted);cursor:pointer;transition:all .15s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toolbar__icon-btn-spinner{display:block;flex-shrink:0;width:14px;height:14px;border:2px solid color-mix(in srgb,currentColor 26%,transparent);border-top-color:currentColor;border-radius:50%;animation:editorButtonSpinner .7s linear infinite}.toolbar__icon-btn-progress{display:grid;place-items:center;width:16px;height:16px}.toolbar__icon-btn-progress svg{display:block;transform:rotate(-90deg);overflow:visible}.toolbar__icon-btn-progress-track,.toolbar__icon-btn-progress-value{fill:none;stroke-width:2.2}.toolbar__icon-btn-progress-track{stroke:color-mix(in srgb,currentColor 24%,transparent);opacity:.55}.toolbar__icon-btn-progress-value{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .35s ease}.toolbar__icon-btn-progress-dot{fill:currentColor;opacity:.9}@media(hover:hover)and (pointer:fine){.toolbar__icon-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text);border-color:#35b4b147}}.toolbar__icon-btn:disabled{opacity:.45;cursor:not-allowed}.toolbar__icon-btn--add{width:34px;height:34px;color:var(--accent);border-color:#35b4b152;background:var(--accent-subtle)}.toolbar__icon-btn--add-count{width:auto;min-width:34px;padding:0 10px;border-radius:999px}.toolbar__icon-btn--delete{width:34px;height:34px;color:var(--danger);border-color:#e0555547;background:#e055551f}@media(hover:hover)and (pointer:fine){.toolbar__icon-btn--delete:hover:not(:disabled){background:#e0555529;color:var(--danger);border-color:#e0555557}}.toolbar__icon-btn-count{font-size:12px;font-weight:700;line-height:1}.toolbar__icon-btn--utility{width:34px;height:34px}.toolbar__icon-btn--active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.toolbar__icon-btn--auto-detect{width:34px;height:34px;color:var(--accent);border-color:#35b4b152}.toolbar__icon-btn--auto-detect.toolbar__icon-btn--active{background:#35b4b12e;color:var(--accent-teal-hover);border-color:#35b4b1b8;box-shadow:0 0 0 1px #35b4b114}.toolbar__btn--active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.toolbar__btn--danger{color:var(--danger)}.toolbar__btn--accent{color:var(--accent)!important}@media(hover:hover)and (pointer:fine){.toolbar__btn--accent:hover{background:var(--accent-subtle)}.toolbar__btn--danger:hover:not(:disabled){background:#e0555514;color:var(--danger-hover)}}.toolbar__controls{display:flex;align-items:center;gap:10px;padding:0 4px;flex-wrap:wrap;flex:1 1 auto}.toolbar__detection-actions{display:flex;align-items:center;margin-left:auto}.toolbar__detection-panel{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(48,60,84,.08);border-radius:14px;background:#fff9;align-self:center}.toolbar__control{display:flex;flex-direction:column;gap:5px;min-width:118px;padding:6px 8px;border:1px solid rgba(48,60,84,.08);border-radius:10px;background:#ffffff85}.toolbar__advanced-toggle{align-self:stretch;padding:6px 10px;border:1px dashed rgba(48,60,84,.2);border-radius:10px;background:transparent;color:var(--text-muted);font:inherit;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer}.toolbar__advanced-toggle[aria-expanded=true]{border-style:solid;color:var(--text)}.toolbar__advanced-toggle:disabled{opacity:.45;cursor:default}.toolbar__control-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.toolbar__control-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.toolbar__control-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none}.toolbar__control-slider:disabled{opacity:.45}.toolbar__control-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer}.toolbar__control-value{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);min-width:28px;text-align:right}.toolbar__control-value--editable{cursor:pointer;border-radius:4px;padding:1px 4px;transition:background .15s,color .15s}@media(hover:hover)and (pointer:fine){.toolbar__control-value--editable:hover{background:var(--bg-tertiary, rgba(255,255,255,.1));color:var(--text-primary, #fff)}}.toolbar__control-input{width:56px;font-size:11px;font-family:var(--font-mono);color:var(--text-primary, #fff);background:var(--bg-tertiary, rgba(255,255,255,.1));border:1px solid var(--accent, #4a9eff);border-radius:4px;padding:1px 4px;text-align:right;outline:none;appearance:textfield;-moz-appearance:textfield}.toolbar__control-input:disabled{opacity:.45;cursor:not-allowed}.toolbar__control-input::-webkit-inner-spin-button,.toolbar__control-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.toolbar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:600;line-height:1}.toolbar__separator{width:1px;height:24px;background:var(--border);margin:0 4px;flex-shrink:0}.toolbar--disabled{opacity:.4;pointer-events:none}.editor__canvas-dropzone{margin:auto;width:calc(100% - 48px);max-width:260px;aspect-ratio:1 / 1;min-height:unset;border-radius:var(--radius-lg);border:2px dashed var(--border)}.editor__canvas-dropzone--source{width:100%;max-width:300px;aspect-ratio:1 / 1;min-height:unset;padding:16px 14px;border:3px dashed rgba(122,96,52,.3);border-radius:20px;background:#7a603412;box-shadow:inset 0 3px #3d26000f}.editor__canvas-dropzone--source.dropzone--drag-over,.editor__canvas-dropzone--source.dropzone--loading{border-color:#1fa1848c;background:#1fa18414}@media(hover:hover)and (pointer:fine){.editor__canvas-dropzone--source:hover{border-color:#1fa1848c;background:#1fa18414}}.editor__canvas-dropzone--source .dropzone__placeholder{color:var(--panel-ink)}.editor__canvas-dropzone--source .dropzone__placeholder>svg{opacity:1;filter:drop-shadow(0 3px 3px rgba(61,38,0,.18))}.editor__canvas-dropzone--source .dropzone__placeholder>span{font-size:16px;font-weight:900;color:var(--panel-ink)}.editor__canvas-dropzone--source .dropzone__placeholder small{font-weight:700;color:var(--panel-muted)}.editor__canvas-dropzone--source .dropzone__placeholder--loading>span{color:var(--panel-ink)}.editor__canvas-dropzone--source .dropzone__placeholder--loading small{color:var(--panel-muted)}.editor__canvas-dropzone--source .dropzone__progress-track{stroke:#7a603429}.editor__canvas-dropzone--source .dropzone__progress-value{stroke:var(--game-teal-to)}.editor__canvas-dropzone--source .dropzone__progress-label{font-weight:900;color:var(--panel-ink)}.editor__canvas-dropzone--source .dropzone__action-btn--subtle{font-weight:800}.editor__source-entry{display:flex;flex:1;align-items:center;justify-content:center;padding:32px}.editor__source-entry-card{width:min(100%,300px);padding:0}.editor__source-entry-card--split{width:min(100%,300px);display:grid;grid-template-columns:1fr;gap:12px}.editor__source-entry-card--split .editor__canvas-dropzone{margin:auto;max-width:300px}.editor__canvas-loading{flex:1;background:var(--game-board-face);animation:editor-loading-pulse 1.4s ease-in-out infinite}@keyframes editor-loading-pulse{0%,to{opacity:1}50%{opacity:.5}}.hp{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background:#303c54}.hp:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#141b2842,#141b2814 48%,#141b282e),radial-gradient(ellipse at 50% 10%,rgba(53,180,177,.18),transparent 60%),#303c54;z-index:0}.hp--with-bg:before{background:linear-gradient(180deg,#141b2842,#141b2814 48%,#141b282e),var(--hp-home-bg) center top / cover no-repeat,radial-gradient(ellipse at 50% 10%,rgba(53,180,177,.18),transparent 60%),#303c54}.hp-nav{position:relative;z-index:2;background:transparent;border-bottom:none}.hp-nav__inner{max-width:1200px;margin:0 auto;padding:18px 32px 0;min-height:72px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px}.hp-nav__left{display:flex;align-items:center;gap:8px}.hp-nav__dev-btn{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-family:var(--font);cursor:pointer;transition:opacity .15s}.hp-nav__dev-btn--neutral{background:var(--accent)}@media(hover:hover)and (pointer:fine){.hp-nav__dev-btn:hover:not(:disabled){background:#b91c1c}.hp-nav__dev-btn--neutral:hover:not(:disabled){background:var(--accent-hover)}}.hp-nav__dev-btn:disabled{cursor:not-allowed;opacity:.6}.hp-nav__left{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.hp-nav__resources{display:flex;align-items:center;flex-shrink:0;flex-wrap:nowrap;gap:8px}.hp-nav__resources .hp-arena__pill{min-height:38px}.hp-nav__actions{display:flex;align-items:center;gap:14px;margin-left:auto}.hp-nav__action-group{display:flex;align-items:center;gap:8px}.hp-nav__action,.hp-nav__badge{min-height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#141b283d;color:#fff;font:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.01em;box-shadow:0 10px 28px #141b281f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hp-nav__action{padding:0 14px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.hp-nav__action:disabled{cursor:default;opacity:.78}.hp-nav__btn:disabled{cursor:default;opacity:.78}@media(hover:hover)and (pointer:fine){.hp-nav__action:not(:disabled):hover{background:#141b2857;border-color:#ffffff61;transform:translateY(-1px)}}.hp-nav__action--icon{width:38px;padding:0}.hp-nav__action--with-badge{position:relative}.hp-nav__action-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;line-height:18px;border:1px solid #3c475e}.hp-nav__action--premium-active{background:#f5c51824;border-color:#f5c51861;color:#ffe388}.hp-nav__badge{padding:0 12px}.hp-nav__badge--stars{color:#f5c518}.profile-dialog{width:min(640px,calc(100vw - 32px));max-width:640px;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 48px);gap:18px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.profile-dialog__backdrop{z-index:1300}.profile-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.profile-dialog__close{width:38px;min-width:38px;height:38px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.profile-dialog__section{display:flex;flex-direction:column;gap:12px}.profile-dialog__section-title{font-size:15px;font-weight:800;color:var(--panel-ink)}.profile-dialog__info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-dialog__slider-list{display:flex;flex-direction:column;gap:12px}.profile-dialog__slider-row{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg)}.profile-dialog__slider-label{color:var(--text);font-size:14px;font-weight:800}.profile-dialog__slider-row input[type=range]{width:100%;accent-color:var(--accent-teal)}.profile-dialog__info-card,.profile-dialog__toggle-row{border:1px solid var(--panel-line);border-radius:var(--radius-lg);background:#fff}.profile-dialog__info-card{display:flex;flex-direction:column;gap:6px;padding:14px}.profile-dialog__info-card--editable{position:relative;padding-right:48px}.profile-dialog__username-form{display:flex;flex-direction:column;gap:10px}.profile-dialog__username-input{min-height:42px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text);font:inherit;font-size:14px;padding:0 12px}.profile-dialog__username-input:focus{outline:2px solid color-mix(in srgb,var(--accent-teal) 30%,transparent);border-color:var(--accent-teal)}.profile-dialog__edit-icon{position:absolute;top:10px;right:10px;width:30px;height:30px;border:1px solid var(--border);border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.profile-dialog__username-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-dialog__mini-btn{min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--accent-teal);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.profile-dialog__mini-btn--ghost{background:var(--bg-surface);color:var(--text)}.profile-dialog__info-label{font-size:12px;font-weight:700;color:var(--text-muted)}.profile-dialog__info-value{font-size:16px;font-weight:700;color:var(--text)}.profile-dialog__toggle-list{display:flex;flex-direction:column;gap:12px}.profile-dialog__toggle-row{width:100%;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font:inherit;text-align:left}.profile-dialog__toggle-label,.profile-dialog__danger-title{display:block;color:var(--text);font-size:14px;font-weight:800}.profile-dialog__toggle-help,.profile-dialog__username-help,.profile-dialog__danger-text,.profile-dialog__danger-confirm,.profile-dialog__error{display:block;margin-top:4px;color:var(--text-secondary);font-size:13px;line-height:1.45}.profile-dialog__username-help--success{color:#16a34a}.profile-dialog__username-help--error{color:var(--danger)}.profile-dialog__toggle{width:50px;min-width:50px;height:30px;padding:3px;border-radius:999px;background:var(--border);display:inline-flex;align-items:center;transition:background .15s ease}.profile-dialog__toggle--active{background:var(--accent-teal)}.profile-dialog__toggle-thumb{width:24px;height:24px;border-radius:999px;background:#fff;transition:transform .15s ease}.profile-dialog__toggle--active .profile-dialog__toggle-thumb{transform:translate(20px)}.profile-dialog__action-row,.profile-dialog__danger-actions{display:flex;gap:10px}.profile-dialog__action-btn,.profile-dialog__secondary-btn,.profile-dialog__danger-btn,.profile-dialog__danger-link{min-height:40px;padding:0 16px;border-radius:999px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.profile-dialog__action-btn,.profile-dialog__secondary-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text)}.profile-dialog__danger-box{padding:14px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--danger) 22%,transparent);background:color-mix(in srgb,var(--danger) 8%,var(--bg) 92%)}.profile-dialog__danger-link,.profile-dialog__danger-btn{border:1px solid transparent;background:var(--danger);color:#fff}.profile-dialog__danger-confirm,.profile-dialog__error{color:var(--danger)}.profile-dialog__action-btn:disabled,.profile-dialog__secondary-btn:disabled,.profile-dialog__danger-btn:disabled,.profile-dialog__danger-link:disabled,.profile-dialog__close:disabled,.profile-dialog__edit-icon:disabled,.profile-dialog__mini-btn:disabled,.profile-dialog__username-input:disabled{opacity:.6;cursor:not-allowed}.hp-nav__btn{padding:10px 18px;font-size:13px;font-weight:600;border-radius:999px;cursor:pointer;transition:all .18s ease;border:1px solid transparent;font-family:var(--font);letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;min-height:38px}.hp-nav__btn--primary{background:#141b283d;border-color:#ffffff47;color:#fff;box-shadow:0 10px 28px #141b281f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}@media(hover:hover)and (pointer:fine){.hp-nav__btn--primary:not(:disabled):hover{background:#141b2857;border-color:#ffffff61;transform:translateY(-1px)}}.hp-hero{position:relative;z-index:1;padding:36px 32px 24px;overflow:visible;background:transparent}.hp-hero__bg-glow{position:absolute;inset:-140px auto auto 50%;transform:translate(-50%);width:min(680px,82vw);height:360px;background:radial-gradient(ellipse,rgba(53,180,177,.08) 0%,transparent 72%);pointer-events:none}.hp-hero__content{position:relative;max-width:1080px;margin:0 auto}.hp-hero__main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:stretch}.hp-hero__main--single{display:block}.hp-hero__copy{padding:18px 0}.hp-hero__copy--centered{max-width:760px;margin:0 auto;text-align:center}.hp-hero__logo-wrap{position:relative;width:100%;max-width:280px;margin:0 auto 4px}.hp-hero__logo-wrap:before{content:"";position:absolute;left:50%;top:calc(50% + 12px);width:min(122%,455px);height:132%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,#f8fafbbf,#f8fafb00);filter:blur(22px);pointer-events:none;z-index:0}.hp-hero__logo{position:relative;z-index:1;display:block;max-width:280px;width:100%;height:auto;margin:0 auto}.hp-hero__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:4px}.hp-mode-switch{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(400px,100%);margin:20px auto 0;padding:6px;border:3px solid #fff;border-radius:20px;background:#f4f1ec;box-shadow:0 0 0 2px #d8d1c4,0 8px #c9c0b2,0 14px 28px #141b2847}.hp-mode-switch:before{content:"";position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px) / 3);border-radius:14px;background:linear-gradient(180deg,#ffe066,#f5a800);box-shadow:0 3px #b87600,inset 0 2px #ffffffa6;transition:transform .32s cubic-bezier(.3,1.3,.5,1)}.hp-mode-switch--create:before{transform:translate(200%)}.hp-mode-switch--arena:before{transform:translate(100%)}.hp-mode-switch--four{grid-template-columns:repeat(4,minmax(0,1fr))}.hp-mode-switch--four:before{width:calc((100% - 12px)/4)}.hp-mode-switch--four.hp-mode-switch--shop:before{transform:translate(200%)}.hp-mode-switch--four.hp-mode-switch--create:before{transform:translate(300%)}.hp-mode-switch--four .hp-mode-switch__option{flex-direction:column;gap:1px;min-height:52px;padding:4px 2px;font-size:13px}.hp-mode-switch__option{position:relative;z-index:1;min-width:0;min-height:44px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border:0;border-radius:14px;background:transparent;color:#6a5b45;font:inherit;font-size:15px;font-weight:900;cursor:pointer;transition:color .24s ease}.hp-mode-switch__option--active{color:#fff;text-shadow:0 2px 0 #7a4300,1px 0 0 #7a4300,-1px 0 0 #7a4300,0 1px 0 #7a4300,0 -1px 0 #7a4300}.hp-mode-switch__icon{flex:none;filter:drop-shadow(0 1.5px 0 rgba(61,38,0,.3));transition:transform .32s cubic-bezier(.3,1.3,.5,1)}.hp-mode-switch__option--active .hp-mode-switch__icon{transform:scale(1.12) rotate(-6deg)}.hp-mode-switch__dot{position:absolute;top:5px;inset-inline-end:6px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#e8303f;box-shadow:0 1px #00000040;pointer-events:none}@media(hover:hover)and (pointer:fine){.hp-mode-switch__option:not(.hp-mode-switch__option--active):hover{color:#3d2600}}.hp-arena{max-width:560px;margin-left:auto;margin-right:auto}.hp-packs>.hp-mode-switch{margin:0 auto 16px}@media(max-width:768px)and (orientation:portrait){.hp--modes .hp-packs{z-index:2}.hp-packs>.hp-mode-switch{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;width:auto;max-width:440px;margin:0 auto;box-shadow:0 0 0 2px #d8d1c4,0 6px #c9c0b2,0 12px 32px #141b2873}.hp--modes .hp-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}.hp-arena__body{width:min(440px,100%);margin:0 auto;padding:6px 0 2px;display:flex;flex-direction:column;gap:18px}.hp-arena__state{min-height:220px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#6a5b45;font-weight:650;text-align:center}.hp-arena__state--stage{min-height:382px}.hp-arena__state p{margin:0}.hp-arena__stage{--tier-color: #ffffff;position:relative;margin:-8px -8px 0;padding:10px 10px 16px;border-radius:18px;overflow:hidden;isolation:isolate}.hp-arena__stage:before{content:none}.hp-arena__header{display:flex;align-items:center;gap:8px 10px}.hp-arena__league{min-width:0;display:flex;align-items:center;gap:9px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.hp-arena__league .tier-badge{flex-shrink:0}.hp-arena__league-info{min-width:0;display:flex;flex-direction:column;gap:4px}.hp-arena__tier{color:var(--tier-color, #fff);font-size:16px;font-weight:850;letter-spacing:-.01em;line-height:1.1}.hp-arena__league-progress{display:flex;align-items:center;gap:8px}.hp-arena__trophies{display:inline-flex;align-items:center;gap:4px;color:#3d2600;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.hp-arena__trophies .hp-arena__icon{width:13px;height:13px;color:#e2a100}.hp-arena__bar{position:relative;width:96px;height:5px;border-radius:999px;background:#5a46282e;overflow:hidden}.hp-arena__bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(33.33% - 1px),rgba(20,27,40,.55) calc(33.33% - 1px) 33.33%,transparent 33.33% calc(66.66% - 1px),rgba(20,27,40,.55) calc(66.66% - 1px) 66.66%,transparent 66.66%)}.hp-arena__bar span{display:block;height:100%;border-radius:inherit;background:var(--tier-color, #fff);transition:width .4s ease}.hp-arena__pill{flex-shrink:0;min-height:32px;padding:0 11px 0 9px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;background:linear-gradient(180deg,#fffdf8,#f3eadc);box-shadow:0 4px #c9b89a,inset 0 2px #ffffffd9;color:#3d2600;font:inherit;font-size:14px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:transform .08s,box-shadow .08s}.hp-arena__pill:active{transform:translateY(3px);box-shadow:0 1px #c9b89a,inset 0 2px #ffffffd9}.hp-arena__pill .hp-arena__icon{flex-shrink:0;width:19px;height:19px;filter:drop-shadow(0 1.5px 0 rgba(61,38,0,.3))}.hp-arena__invite{position:relative;margin-left:auto}.hp-arena__invite--invited{background:linear-gradient(180deg,#62e276,#23b04a);box-shadow:0 4px #168038,inset 0 2px #ffffff73;color:#fff;text-shadow:0 2px 0 #137033,1px 0 0 #137033,-1px 0 0 #137033,0 -1px 0 #137033;animation:hp-arena-invite-wiggle 2.6s ease-in-out .4s infinite}.hp-arena__invite--invited:active{box-shadow:0 1px #168038,inset 0 2px #ffffff73}.hp-arena__invite-badge{position:absolute;top:-7px;right:-5px;min-width:20px;height:20px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;background:#e0263f;color:#fff;font-size:11px;line-height:1;text-shadow:none}@keyframes hp-arena-invite-wiggle{0%,70%,to{transform:rotate(0) scale(1)}76%{transform:rotate(-6deg) scale(1.07)}82%{transform:rotate(5deg) scale(1.07)}88%{transform:rotate(-3deg) scale(1.03)}}@media(prefers-reduced-motion:reduce){.hp-arena__invite--invited{animation:none}}.hp-arena__daily{position:relative;opacity:.7}.hp-arena__daily-badge{top:-8px;right:-7px;min-width:18px;height:18px;padding:0 4px}.hp-arena__daily .hp-arena__daily-chest{flex-shrink:0;width:22px;height:22px;object-fit:cover;object-position:50% 64%}.hp-arena__daily--ready{opacity:1;background:linear-gradient(180deg,#ffd84d,#f5a400);box-shadow:0 4px #b87600,inset 0 2px #ffffff73;color:#fff;text-shadow:0 1px 0 #9a5d00,1px 0 0 #9a5d00,-1px 0 0 #9a5d00,0 1px 0 #9a5d00,0 -1px 0 #9a5d00}.hp-arena__daily--ready:active{box-shadow:0 1px #b87600,inset 0 2px #ffffff73}.hp-arena__daily--ready .hp-arena__daily-chest{animation:hp-arena-daily-wiggle 2.4s ease-in-out infinite}@keyframes hp-arena-daily-wiggle{0%,70%,to{transform:rotate(0) scale(1)}76%{transform:rotate(-9deg) scale(1.08)}82%{transform:rotate(8deg) scale(1.08)}88%{transform:rotate(-5deg) scale(1.04)}94%{transform:rotate(3deg) scale(1.02)}}@media(prefers-reduced-motion:reduce){.hp-arena__daily--ready .hp-arena__daily-chest{animation:none}}.hp-arena__modes{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.hp-arena__mode{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 6px;border:2px solid #7c8596;border-radius:12px;background:linear-gradient(180deg,#d3d8e1,#aab2c0);box-shadow:0 4px #7c8596,inset 0 2px #ffffff80;color:#fff;font:inherit;font-size:14px;font-weight:900;text-shadow:0 2px 0 #5d6577,1px 0 0 #5d6577,-1px 0 0 #5d6577,0 1px 0 #5d6577,0 -1px 0 #5d6577;cursor:pointer;transition:transform .08s,box-shadow .08s,filter .08s}.hp-arena__mode .hp-arena__icon{width:13px;height:13px;flex-shrink:0;color:#f5b301}.hp-arena__hint{margin:-4px 0 0;color:#6a5b45;font-size:13px;font-weight:700;text-align:center}.hp-arena__mode--active{border-color:#b87600;background:linear-gradient(180deg,#ffe066,#f5a800);box-shadow:0 4px #b87600,inset 0 2px #fff9;color:#fff;text-shadow:0 2px 0 #7a4300,1px 0 0 #7a4300,-1px 0 0 #7a4300,0 1px 0 #7a4300,0 -1px 0 #7a4300}.hp-arena__mode--active .hp-arena__icon{color:#fff;fill:#fff}.hp-arena__mode:active:not([aria-disabled=true]){transform:translateY(3px);box-shadow:0 1px #7c8596,inset 0 2px #ffffff80}.hp-arena__mode--active:active:not([aria-disabled=true]){box-shadow:0 1px #b87600,inset 0 2px #fff9}.hp-arena__mode[aria-disabled=true]{cursor:default}.hp-arena__modes--locked{pointer-events:none;opacity:.55}.hp-arena__play{min-height:58px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;border:2px solid #137a63;border-radius:16px;background:linear-gradient(180deg,#45d3ad,#1fa184);color:#fff;font:inherit;font-size:22px;font-weight:900;line-height:1.05;text-shadow:0 2px 0 #106050,1.2px 0 0 #106050,-1.2px 0 0 #106050,0 1.2px 0 #106050,0 -1.2px 0 #106050,.8px .8px 0 #106050,-.8px .8px 0 #106050,.8px -.8px 0 #106050,-.8px -.8px 0 #106050;cursor:pointer;box-shadow:0 5px #157560,inset 0 2px #ffffff59;transition:transform .08s,box-shadow .08s}.hp-arena__play:active{transform:translateY(4px);box-shadow:0 1px #157560,inset 0 2px #ffffff59}.hp-arena__play .hp-arena__icon{width:22px;height:22px;flex-shrink:0;filter:drop-shadow(0 1.5px 0 rgba(16,96,80,.55))}.hp-arena__play--busy{font-size:16px}.hp-arena__play--waiting{font-size:17px;filter:saturate(.3);opacity:.85}.hp-arena__play-spinner{width:16px;height:16px;flex-shrink:0;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:hp-arena-spin .8s linear infinite}.hp-arena__play-time{font-size:15px;font-weight:750;font-variant-numeric:tabular-nums;opacity:.92}.hp-arena__play-cost{display:inline-flex;align-items:center;gap:2px;padding:2px 8px 2px 5px;border-radius:999px;background:#10605061;font-size:15px;font-variant-numeric:tabular-nums}.hp-arena__play .hp-arena__play-cost .hp-arena__icon{width:15px;height:15px}@keyframes hp-arena-spin{to{transform:rotate(360deg)}}@media(hover:hover)and (pointer:fine){.hp-arena__play:hover{filter:brightness(1.05)}.hp-arena__mode:not(.hp-arena__mode--active):not([aria-disabled=true]):hover{filter:brightness(1.06)}.hp-arena__link:hover{background:#3d260014;color:#3d2600}}.hp-arena__links{display:flex;justify-content:center;gap:2px}.hp-arena__link{min-height:34px;padding:0 10px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:transparent;color:#6a5b45;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.lobby{--lobby-stage-height: 228px;position:relative;padding:4px 0 0}.lobby__row{display:flex;align-items:flex-start;justify-content:center;gap:4px}.lobby__slot{position:relative;flex:0 1 150px;min-width:0;display:flex;flex-direction:column;align-items:center}.lobby--1 .lobby__slot{flex-basis:260px}.lobby__figure-box{position:relative;width:100%;height:var(--lobby-stage-height);display:flex;align-items:flex-end;justify-content:center}.lobby__glow{position:absolute;left:50%;top:60%;z-index:-1;width:120%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,color-mix(in srgb,var(--rarity-color) 55%,#fff) 40%,transparent) 0%,transparent 65%);transform:translate(-50%,-50%);pointer-events:none}.lobby__slot--busy .lobby__glow{opacity:.45}.lobby__pedestal{top:100%;width:var(--pedestal-w, 120px)}.lobby__pedestal--hidden{display:none}.lobby__slot--busy .lobby__figure{opacity:.45;filter:grayscale(.7)}.lobby__status{position:absolute;top:10px;left:50%;z-index:3;max-width:100%;padding:3px 10px;overflow:hidden;border-radius:999px;background:#241e16d1;color:#fff;font-size:12px;font-weight:800;white-space:nowrap;text-overflow:ellipsis;transform:translate(-50%);pointer-events:none}.lobby__status--match,.lobby__status--editor,.lobby__status--level,.lobby__status--busy{background:linear-gradient(180deg,#ffb547,#e8800f)}.lobby__status--energy{display:inline-flex;align-items:center;gap:3px;padding-left:7px;font-variant-numeric:tabular-nums}.lobby__status--energy .hp-arena__icon{flex-shrink:0;width:13px;height:13px}.lobby__figure{position:relative;z-index:1;flex:none;color:#fff;pointer-events:none}.lobby__figure-button{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;padding:0;border:0;background:none;cursor:pointer}.lobby__plate{position:relative;z-index:2;width:100%;min-width:0;margin-top:4px;padding-bottom:6px;display:flex;justify-content:center}.lobby__slot--pedestal .lobby__plate{margin-top:calc(var(--pedestal-hang, 36px) + 2px)}.lobby__plate--button{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}.lobby .lobby__ribbon{min-width:0;max-width:calc(100% - 16px)}.lobby .lobby__ribbon:before,.lobby .lobby__ribbon:after{top:5px;bottom:-4px;width:14px}.lobby .lobby__ribbon:before{left:-8px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%)}.lobby .lobby__ribbon:after{right:-8px;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%)}.lobby .lobby__ribbon .hero-ribbon__name{max-width:100%;box-sizing:border-box;padding:2px 8px 4px;gap:calc(4px * var(--ribbon-fit, 1));border-radius:6px;box-shadow:0 3px 0 var(--ribbon-lip),inset 0 1px #ffffffb3;font-size:calc(13px * var(--ribbon-fit, 1));line-height:18px;text-shadow:0 1.5px 0 var(--ribbon-ink),1px 0 0 var(--ribbon-ink),-1px 0 0 var(--ribbon-ink),0 1px 0 var(--ribbon-ink),0 -1px 0 var(--ribbon-ink)}.lobby .lobby__ribbon .hero-ribbon__label{min-width:0;margin:-2px -3px;padding:2px 3px;overflow:hidden;text-overflow:ellipsis}.lobby .lobby__ribbon{--badge-size: calc(16px * var(--ribbon-fit, 1))}.lobby .lobby__ribbon .tier-badge{width:var(--badge-size);height:var(--badge-size)}.lobby .lobby__ribbon .hero-ribbon__name{overflow:visible}.lobby .lobby__ribbon .hero-ribbon__mark{position:relative}.lobby__crown{position:absolute;top:calc(var(--badge-size) * (10 / 64 - .85 * 14 / 22));left:50%;width:calc(var(--badge-size) * .85);height:calc(var(--badge-size) * .85 * 16 / 22);overflow:visible;transform:translate(-50%);filter:drop-shadow(0 1px 0 rgba(60,30,0,.35));pointer-events:none}.lobby__team{flex:1 1 0;min-width:0;display:flex;align-items:flex-start;justify-content:center;gap:4px}.lobby__vs{flex-shrink:0;align-self:center;margin-top:-32px;color:#ffd84d;font-size:22px;font-style:italic;font-weight:900;letter-spacing:.02em;text-shadow:0 2px 10px rgba(10,14,24,.45)}.lobby--3 .lobby__vs,.lobby--4 .lobby__vs{font-size:17px}.lobby--rivals .lobby__vs{position:relative;z-index:1;margin-inline:-12px}.lobby--teams .lobby__figure-button{border-radius:16px;transition:transform .16s ease}.lobby--teams .lobby__figure-button:active{transform:scale(.96)}.lobby__remove{position:absolute;top:-6px;right:-2px;z-index:3;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;background:#3a4356;color:#fff;box-shadow:0 2px #1f2533;cursor:pointer}.hp-party__actions{display:flex;align-items:center;justify-content:center;gap:10px}.hp-party__action{padding:4px 2px;border:0;background:none;color:#6a5b45;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.hp-party__offline{padding:4px 0;color:#b4532a;font-size:13px;font-weight:700}.hp-party__dot{width:3px;height:3px;border-radius:50%;background:#c9c0b2}.hp-arena__preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px dashed #d8d1c4;border-radius:14px;color:#6a5b45;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hp-arena__preview button{min-height:28px;padding:0 10px;border:0;border-radius:999px;background:#fff;box-shadow:0 2px #c9c0b2;color:#3d2600;font:inherit;font-size:12px;text-transform:none;letter-spacing:0;cursor:pointer}@media(max-width:480px){.lobby--1 .lobby__slot{flex-basis:200px}.lobby__vs{font-size:18px}.hp-arena__mode{font-size:13px}}.hp-arena__error,.hp-arena__wait{margin:0;color:#6a5b45;font-size:13px;font-weight:650;text-align:center}.hp-arena__error{color:#9c1b2f}.hp-packs__block--panel.hp-stage{padding:0;border:0;background:none;box-shadow:none}.hp-stage .hp-arena__stage{margin:0;padding:0 0 8px;overflow:visible}.hp-stage .hp-arena__league{gap:11px;padding:4px 14px 4px 7px;border-radius:999px;background:linear-gradient(180deg,#fffdf8,#f3eadc);box-shadow:0 4px #c9b89a,inset 0 2px #ffffffd9}.hp-stage .hp-arena__hint,.hp-stage .hp-arena__error,.hp-stage .hp-arena__wait,.hp-stage .hp-party__actions{align-self:center;max-width:100%;padding:6px 14px;border-radius:999px;background:#fffdf8f0;box-shadow:0 3px #c9b89a}.hp-stage .hp-arena__hint{margin:0}.hp-stage .hp-arena__state,.hp-stage .hp-arena__preview{border-radius:20px;background:#f4f1ecf0}.hp-arena__preview button.hp-arena__preview-main{background:#ffe066;box-shadow:0 2px #c99a2e}.hp-stage .lobby__vs{text-shadow:0 3px 1px #7a4300}.hp-hero__cta{min-height:42px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .16s ease,background .16s ease,border-color .16s ease}@media(hover:hover)and (pointer:fine){.hp-hero__cta:hover{transform:translateY(-1px)}}.hp-hero__cta--primary{color:#fff;background:#ffffff3d;background:#16a34aad;border-color:#ffffff6b;border-color:#16a34ad1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hp-hero__cta--secondary{color:var(--hp-footer-text, #fff);background:#fff3;background:color-mix(in srgb,var(--hp-footer-bg, var(--accent-teal)) 42%,transparent);border-color:#ffffff57;border-color:color-mix(in srgb,var(--hp-footer-bg, var(--accent-teal)) 68%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hp-hero__cta--test{color:#303c54;background:#f5c518e0;border-color:#f5c518f2;box-shadow:0 10px 24px #f5c51838}.hp-hero__cta:disabled{cursor:not-allowed;opacity:.55}@media(min-width:769px){.hp-hero{padding-top:15px;padding-bottom:18px}.hp-hero__copy{padding-top:0;padding-bottom:12px}}.hp-packs{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:8px 32px 52px;background:transparent}.hp-packs__block{margin-bottom:24px}.hp-packs__block:last-child{margin-bottom:0}.hp-packs__block--panel{padding:22px;border-radius:22px;background:#f4f1ec;border:3px solid #fff;box-shadow:0 0 0 2px #d8d1c4,0 8px #c9c0b2,0 16px 28px #141b2838}.hp-packs__block-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.hp-packs__block-title{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#3d2600;margin-bottom:0}.hp-packs__show-more{display:flex;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;font-family:var(--font);color:var(--accent-teal);background:#35b4b11f;border:1px solid rgba(53,180,177,.14);border-radius:100px;cursor:pointer;transition:all .15s;white-space:nowrap}@media(hover:hover)and (pointer:fine){.hp-packs__show-more:hover{background:var(--accent-teal);color:#fff}}.hp-packs__show-more--center{margin:18px auto 0}.hp-packs__show-more:disabled{cursor:wait;opacity:.7}.hp-packs__empty{color:var(--text-secondary);padding:22px 0;text-align:center}.hp-packs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.hp-browse{margin-bottom:20px;display:flex;flex-direction:column;gap:16px;padding:0;background:transparent;border:none}.hp-browse__search{position:relative;display:flex;align-items:center}.hp-browse__search-icon{position:absolute;left:14px;color:var(--text-secondary);pointer-events:none;flex-shrink:0}.hp-browse__search-input{width:100%;padding:14px 42px 14px 44px;font-size:14px;font-family:var(--font);font-weight:650;color:var(--text);background:#ffffffe6;border:1px solid rgba(48,60,84,.18);border-radius:100px;outline:none;transition:border-color .15s,box-shadow .15s;box-shadow:0 8px 22px #141b2814,inset 0 1px #ffffffb8}.hp-browse__search-input::placeholder{color:#303c54a8}.hp-browse__search-input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #35b4b11f}.hp-browse__search-clear{position:absolute;right:10px;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .15s}@media(hover:hover)and (pointer:fine){.hp-browse__search-clear:hover{color:var(--text)}}.hp-browse__controls{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.hp-browse__filters{display:flex;gap:8px;flex-wrap:wrap}.hp-browse__filter-group{display:flex;gap:4px}.hp-browse__chip{padding:8px 14px;font-size:12px;font-weight:600;font-family:var(--font);color:var(--text-secondary);background:#fff;border:1px solid rgba(48,60,84,.08);border-radius:100px;cursor:pointer;transition:all .15s;white-space:nowrap}@media(hover:hover)and (pointer:fine){.hp-browse__chip:hover{border-color:var(--accent-teal);color:var(--accent-teal)}}.hp-browse__chip--active{background:var(--accent-teal);border-color:var(--accent-teal);color:#fff}@media(hover:hover)and (pointer:fine){.hp-browse__chip--active:hover{background:var(--accent-teal-hover);border-color:var(--accent-teal-hover);color:#fff}}.hp-browse__chip--active.hp-browse__chip--easy{background:#059669;border-color:#059669}.hp-browse__chip--active.hp-browse__chip--medium{background:#d97706;border-color:#d97706}.hp-browse__chip--active.hp-browse__chip--hard{background:#dc2626;border-color:#dc2626}.hp-browse__sort{display:flex;align-items:flex-start;gap:8px;flex-direction:column;flex-shrink:0;min-width:0}.hp-browse__sort-label{font-size:12px;font-weight:800;color:#6a5b45;white-space:nowrap}.hp-browse__sort-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hp-browse__sort-chip{min-height:34px;padding:0 12px;font-size:12px;font-weight:750;font-family:var(--font);color:var(--sort-color, var(--text-secondary));background-color:var(--sort-bg, rgba(255, 255, 255, .82));border:1px solid var(--sort-border, rgba(48, 60, 84, .16));border-radius:100px;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:border-color .15s,background-color .15s,color .15s}.hp-browse__sort-chip:focus-visible{border-color:var(--sort-border, rgba(53, 180, 177, .38));color:var(--sort-color, var(--accent-teal));background-color:var(--sort-hover-bg, rgba(255, 255, 255, .92))}@media(hover:hover)and (pointer:fine){.hp-browse__sort-chip:hover{border-color:var(--sort-border, rgba(53, 180, 177, .38));color:var(--sort-color, var(--accent-teal));background-color:var(--sort-hover-bg, rgba(255, 255, 255, .92))}}.hp-browse__sort-chip:focus-visible{box-shadow:0 0 0 3px #35b4b133}.hp-browse__sort-chip--active{background-color:var(--sort-bg, rgba(53, 180, 177, .14));border-color:var(--sort-border, rgba(53, 180, 177, .38));color:var(--sort-color, var(--accent-teal));font-weight:850}.hp-browse__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;color:var(--text-muted);text-align:center;border-radius:22px;background:#ffffff9e;border:1px dashed rgba(48,60,84,.12)}.hp-browse__empty p{font-size:14px;font-weight:500}.hp-browse__empty-reset{padding:8px 20px;font-size:13px;font-weight:600;font-family:var(--font);color:var(--accent-teal);background:var(--accent-subtle);border:none;border-radius:100px;cursor:pointer;transition:all .15s}@media(hover:hover)and (pointer:fine){.hp-browse__empty-reset:hover{background:var(--accent-teal);color:#fff}}.hp-card{aspect-ratio:1;display:flex;flex-direction:column;background:#ffffffeb;border:1px solid rgba(48,60,84,.08);border-radius:20px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 16px 34px #303c5414}@media(hover:hover)and (pointer:fine){.hp-card:hover{border-color:#35b4b138;transform:translateY(-6px);box-shadow:0 24px 42px #303c541f}}.hp-card--skeleton{cursor:default}@media(hover:hover)and (pointer:fine){.hp-card--skeleton:hover{border-color:#303c5414;transform:none;box-shadow:0 16px 34px #303c5414}}.hp-card--hidden{border-color:#11182729;box-shadow:0 16px 34px #1118271f}.hp-card__cover{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#eff4fb,#f8fbff)}.hp-card__cover--empty{background:#fff}.hp-card__cover-loading{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#e7eef8fa,#f5f8fcfa)}.hp-card__cover-shimmer{position:absolute;inset:0 auto 0 -60%;width:60%;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);animation:hp-cover-shimmer 1.15s ease-in-out infinite}.hp-card__cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.4) 100%);z-index:2}.hp-card__cover-img{position:relative;width:100%;height:100%;object-fit:cover;display:block;z-index:1;opacity:1;transition:opacity .18s ease}.hp-card__cover-img--loading{opacity:0}.hp-card__icon{font-size:44px;position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.hp-card__empty-cover-label{position:relative;z-index:1;max-width:160px;padding:0 16px;text-align:center;font-size:15px;font-weight:600;line-height:1.35;color:var(--text-secondary)}@keyframes hp-cover-shimmer{0%{transform:translate(0)}to{transform:translate(270%)}}.hp-card__body{flex-shrink:0;padding:7px 10px 8px;display:flex;flex-direction:column;gap:1px}.hp-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.hp-card__fit-text{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-card__title{--fit-text-max: 14;--fit-text-min: 8.5;font-size:calc(var(--fit-text-size, var(--fit-text-max)) * 1px);font-weight:700;letter-spacing:var(--fit-title-letter-spacing, -.01em);color:var(--text);text-transform:var(--fit-title-transform, uppercase);min-width:0;flex:1 1 auto}.hp-card__title-wrap{display:flex;align-items:center;gap:3px;flex:1 1 auto;min-width:0}.hp-card__title--verified{--fit-text-reserve: 18;flex:0 1 auto}.hp-card__verified{display:inline-flex;flex-shrink:0}.hp-card__author{--fit-text-max: 11;--fit-text-min: 9;font-size:calc(var(--fit-text-size, var(--fit-text-max)) * 1px);color:var(--accent-teal);font-weight:500;flex:1 1 auto;min-width:0}.hp-card__author--link{cursor:pointer}@media(hover:hover)and (pointer:fine){.hp-card__author--link:hover{text-decoration:underline}}.hp-card__stat{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted);font-weight:500;flex-shrink:0}.hp-card__meta-row{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:16px;min-width:0}.hp-card__status{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.hp-card__status-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hp-card__status--draft{background:#50410fe6;color:#f2c94c}.hp-card__status--published{background:#14502de6;color:#86efac}.hp-card__status--pending_review{background:#3c4673eb;color:#c7d2fe}.hp-card__status--hidden{background:#111827eb;color:#f9fafb}.hp-card__status--skeleton{width:62px;height:22px;padding:0;background:#ffffffb8;color:transparent}.hp-card__progress{position:absolute;left:0;right:0;bottom:0;z-index:3;height:5px;display:flex;background:#141b2873}.hp-card__progress-gold{background:var(--game-gold-face)}.hp-card__progress-done{background:var(--game-green-face)}.hp-card__stat--progress{color:var(--game-green-edge);font-weight:800}.hp-card__author-spacer{flex:1}.hp-card__like{display:flex;align-items:center;gap:3px;padding:8px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:10px;font-weight:600;font-family:var(--font);border-radius:var(--radius-sm);transition:all .15s;flex-shrink:0;margin:-8px -8px -8px auto}@media(hover:hover)and (pointer:fine){.hp-card__like:hover{color:#e05555}}.hp-card__like--active{color:#e05555}@media(hover:hover)and (pointer:fine){.hp-card__like--active:hover{color:#c74444}}.hp-card__like-count{line-height:1}.hp-card--detailed .hp-card__body{gap:8px;padding:10px 12px 12px}.hp-card__owner-meta{font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-card__stat--owner{color:var(--text-secondary)}.hp-card__footer{display:flex;align-items:center;justify-content:flex-end}.hp-card__line{display:block;border-radius:999px;background:#e6ecf3}.hp-card__line--title{flex:1 1 auto;height:14px;max-width:72%}.hp-card__line--stat{width:32px;height:12px;flex-shrink:0}.hp-card__line--meta{flex:1 1 auto;height:11px;max-width:58%}.hp-card__line--icon{width:24px;height:12px;flex-shrink:0}.hp-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.hp-card__action-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid rgba(48,60,84,.1);border-radius:10px;background:#303c540a;color:var(--text-secondary);cursor:pointer;transition:all .15s}@media(hover:hover)and (pointer:fine){.hp-card__action-btn:hover{border-color:#35b4b13d;background:#35b4b11f;color:var(--text)}}.hp-card__action-btn--danger{border-color:#e055553d;color:var(--danger)}@media(hover:hover)and (pointer:fine){.hp-card__action-btn--danger:hover{background:#e055551a;border-color:#e0555552;color:var(--danger-hover)}}.hp-card--add,.pack-levels__card.pack-levels__card--add{display:flex;align-items:center;justify-content:center;min-height:0;padding:0;border:3px dashed rgba(122,96,52,.3);background:#7a603412;box-shadow:inset 0 3px #3d26000f;font-family:var(--font);text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background-color .15s}.hp-card--add:focus-visible,.pack-levels__card.pack-levels__card--add:focus-visible{outline:3px solid rgba(31,161,132,.35);outline-offset:3px}.hp-card--add::-moz-focus-inner,.pack-levels__card.pack-levels__card--add::-moz-focus-inner{border:0;padding:0}@media(hover:hover)and (pointer:fine){.hp-card--add:hover,.pack-levels__card.pack-levels__card--add:hover{border-color:#1fa1848c;background:#1fa18414;box-shadow:inset 0 3px #3d26000f;transform:none}.hp-card--add:hover .hp-card__add-icon,.pack-levels__card.pack-levels__card--add:hover .pack-levels__add-icon{transform:scale(1.08)}}.hp-card--add:active .hp-card__add-icon,.pack-levels__card.pack-levels__card--add:active .pack-levels__add-icon{transform:scale(.92)}.hp-card__add-inner,.pack-levels__add-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px}.hp-card__add-icon,.pack-levels__add-icon{display:flex;filter:drop-shadow(0 3px 4px rgba(22,128,56,.28));transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.hp-card__add-title,.pack-levels__add-title{max-width:180px;font-size:15px;line-height:1.2;font-weight:900;color:var(--panel-ink)}.hp-footer{position:relative;z-index:1;background:var(--hp-footer-bg, var(--page-overscroll-bg));border-top:none;padding:24px 32px}.hp-footer__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.hp-footer__copy{font-size:13px;color:var(--hp-footer-text, rgba(255, 255, 255, .85));font-weight:500;letter-spacing:.02em}.hp-footer__links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 18px}.hp-footer__link{font-size:13px;font-weight:500;color:var(--hp-footer-link, rgba(255, 255, 255, .78));text-decoration:none;transition:color .15s ease,opacity .15s ease}@media(hover:hover)and (pointer:fine){.hp-footer__link:hover{color:var(--hp-footer-link-hover, #fff)}}.hp-footer__about{max-width:1200px;margin:14px auto 0;font-size:13px;line-height:1.6;color:var(--hp-footer-text, rgba(255, 255, 255, .85))}.hp-footer__about summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-weight:500;color:var(--hp-footer-link, rgba(255, 255, 255, .78))}.hp-footer__about summary::-webkit-details-marker{display:none}.hp-footer__about summary:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s ease}.hp-footer__about[open] summary:after{transform:rotate(45deg)}.hp-footer__about p,.hp-footer__about ul{max-width:720px;margin:10px 0 0}.hp-footer__about ul{padding:0;list-style:none;display:grid;gap:6px}.hp-footer__about .hp-footer__link{font-weight:700}@media(hover:hover)and (pointer:fine){.hp-footer__about summary:hover{color:var(--hp-footer-link-hover, #fff)}}@media(max-width:768px){.hp-footer__about{text-align:center}.hp-footer__about p,.hp-footer__about ul{margin-left:auto;margin-right:auto}}.my-packs-page{min-height:100vh;background:var(--panel-bg);color:var(--panel-ink)}.my-packs__header{display:flex;align-items:center;gap:16px;padding:16px 32px;border-bottom:1px solid var(--panel-line);background:var(--panel-bg);flex-wrap:wrap}.my-packs__header-copy{flex:1;min-width:0}.my-packs__header h1{font-size:18px;font-weight:600}.my-packs__create-btn{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;font-family:var(--font);transition:all .15s}@media(hover:hover)and (pointer:fine){.my-packs__create-btn:hover{background:var(--bg-surface-hover)}}.my-packs__content{max-width:1200px;margin:0 auto;padding:28px 32px 32px}.my-packs__state{min-height:220px;display:grid;place-items:center}.my-packs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.my-packs__empty{min-height:280px}.author-packs__state{min-height:220px;display:grid;place-items:center}.author-packs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.pack-levels-page{min-height:100vh;background:var(--panel-bg);color:var(--panel-ink)}.pack-levels__header{display:flex;align-items:center;gap:16px;padding:16px 32px;border-bottom:1px solid var(--panel-line);background:var(--panel-bg);flex-wrap:wrap}.pack-levels__title-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.pack-levels__title-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden}.pack-levels__title-icon-img{width:100%;height:100%;object-fit:cover}.pack-levels__title-row h1{font-size:18px;font-weight:600}.pack-levels__subtitle{font-size:13px;color:var(--panel-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;max-width:min(100%,38rem);min-width:0;line-height:1.45}.pack-levels__subtitle--expanded{white-space:normal;overflow-wrap:break-word;overflow:visible;text-overflow:unset}.pack-levels__draft-badge{display:inline-block;padding:2px 8px;margin-left:8px;font-size:11px;font-weight:600;background:#50410fd9;color:#f2c94c;border-radius:100px}.pack-levels__official-badge{display:inline-block;padding:2px 8px;margin-left:8px;font-size:11px;font-weight:600;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-radius:100px}.pack-levels__hidden-badge{display:inline-block;padding:2px 8px;margin-left:8px;font-size:11px;font-weight:600;background:#7f1d1de6;color:#fecaca;border-radius:100px}.pack-levels__title-info{flex:1;min-width:0}.pack-levels__title-with-edit{display:flex;align-items:center;gap:8px}.pack-levels__edit-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius);display:flex;align-items:center;transition:color .15s,background .15s;flex-shrink:0}@media(hover:hover)and (pointer:fine){.pack-levels__edit-icon:hover{color:var(--accent);background:#ffffff0f}}.pack-levels__edit-form{display:flex;flex-direction:column;gap:8px;width:min(100%,720px)}.pack-levels__edit-input,.pack-levels__edit-textarea{width:100%;padding:8px 12px;font-size:14px;font-family:inherit;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s}.pack-levels__edit-input:focus,.pack-levels__edit-textarea:focus{border-color:var(--accent)}.pack-levels__edit-input{font-size:18px;font-weight:700}.pack-levels__edit-textarea{resize:vertical;min-height:40px}.pack-levels__diff-pill{padding:3px 12px;font-size:12px;font-weight:600;border:none;border-radius:999px;cursor:pointer;transition:all .15s ease;background:transparent;color:var(--text-muted)}@media(hover:hover)and (pointer:fine){.pack-levels__diff-pill:hover:not(.pack-levels__diff-pill--active){color:var(--text-primary)}}.pack-levels__diff-pill--easy.pack-levels__diff-pill--active{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.pack-levels__diff-pill--medium.pack-levels__diff-pill--active{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.pack-levels__diff-pill--hard.pack-levels__diff-pill--active{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.pack-levels__edit-actions{display:flex;gap:8px}.pack-levels__edit-btn{padding:6px 16px;font-size:13px;font-weight:600;border-radius:var(--radius);border:none;cursor:pointer;transition:opacity .15s}.pack-levels__edit-btn:disabled{opacity:.5;cursor:not-allowed}.pack-levels__edit-btn--save{background:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__edit-btn--save:hover:not(:disabled){background:var(--accent-hover)}}.pack-levels__edit-btn--cancel{background:var(--bg-surface);color:var(--text-secondary)}@media(hover:hover)and (pointer:fine){.pack-levels__edit-btn--cancel:hover:not(:disabled){background:var(--bg-surface-hover)}}.pack-levels__actions{display:flex;gap:8px;flex-shrink:0}.pack-levels__actions--compact{align-items:center;justify-content:flex-end}.pack-levels__mobile-actions{flex-shrink:0;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.pack-levels__mobile-menu{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;flex-basis:100%;margin-top:8px}.pack-levels__action-btn{padding:8px 18px;font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;font-family:var(--font);transition:all .15s}.pack-levels__action-btn--icon{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center}.pack-levels__action-btn--icon .pack-levels__btn-spinner{margin-right:0}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn:hover{background:var(--bg-surface-hover)}}.pack-levels__action-btn--active{background:var(--bg-surface-hover)}.pack-levels__action-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--primary:hover{background:var(--accent-hover)}}.pack-levels__action-btn--success{background:#16a34a;border-color:#16a34a;color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--success:hover{background:#15803d;border-color:#15803d}}.pack-levels__action-btn--warning{background:#ea580c;border-color:#ea580c;color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--warning:hover{background:#c2410c;border-color:#c2410c}}.pack-levels__action-btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--danger:hover{background:#b91c1c;border-color:#b91c1c}}.pack-levels__action-btn--visibility{background:linear-gradient(135deg,#1f2937,#374151);border-color:#1f2937;color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--visibility:hover{background:linear-gradient(135deg,#111827,#1f2937);border-color:#111827}}.pack-levels__actions--admin{margin-top:4px}.pack-levels__action-btn--admin{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#7c3aed;color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__action-btn--admin:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);border-color:#6d28d9}}.pack-levels__action-btn:disabled{opacity:.85;cursor:not-allowed}.pack-levels__action-btn .pack-levels__btn-spinner{display:block;flex-shrink:0;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:packLevelsSpinner .7s linear infinite}.pack-songs-dialog{width:min(560px,calc(100vw - 32px));max-width:560px;max-height:min(760px,calc(100vh - 32px));max-height:min(760px,calc(100dvh - 32px))}.pack-songs-dialog--with-sidebar{width:min(760px,calc(100vw - 32px));max-width:760px}.level-song-dialog{width:min(450px,calc(100vw - 32px));max-width:450px;max-height:min(720px,calc(100vh - 32px));max-height:min(720px,calc(100dvh - 32px));min-height:0}.level-song-dialog__list{display:flex;flex-direction:column;flex:1 1 auto;gap:8px;margin-top:14px;min-height:0;max-height:min(54vh,420px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px}.level-song-dialog__row{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:7px 9px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:10px;background:color-mix(in srgb,var(--bg) 94%,var(--bg-surface) 6%);transition:border-color .15s ease,background .15s ease}@media(hover:hover)and (pointer:fine){.level-song-dialog__row:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}}.level-song-dialog__option{flex:1 1 0%;width:0;display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:color .15s ease}@media(hover:hover)and (pointer:fine){.level-song-dialog__option:hover{color:inherit}}.level-song-dialog__row--selected{border-color:var(--accent);background:#303c541a}.level-song-dialog__option--song{gap:14px}.level-song-dialog__radio{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--accent);border-radius:999px;background:var(--bg-surface);flex-shrink:0}.level-song-dialog__radio--selected{border-color:var(--accent)}.level-song-dialog__radio-dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}.level-song-dialog__option-copy{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;flex-direction:column}.level-song-dialog__option-title{font-size:13px;font-weight:600;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-song-dialog__option-meta{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-song-dialog__actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.pack-songs-dialog__summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:0}.pack-songs-dialog__summary-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 38%,var(--bg) 62%);color:var(--text);font-size:13px;font-weight:700}.pack-songs-dialog__summary-badge--exclude{border-color:color-mix(in srgb,#ef4444 34%,var(--border));background:color-mix(in srgb,#ef4444 12%,var(--bg) 88%);color:color-mix(in srgb,#ef4444 88%,var(--text))}.pack-songs-dialog__mode-toggle{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:4px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg) 92%,var(--bg-surface) 8%)}.pack-songs-dialog__mode-btn{min-height:30px;padding:5px 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.pack-songs-dialog__mode-btn:disabled{cursor:not-allowed;opacity:.5}.pack-songs-dialog__mode-btn--active{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 48%,var(--bg) 52%);color:var(--text)}.pack-songs-dialog__mode-btn--exclude.pack-songs-dialog__mode-btn--active{border-color:color-mix(in srgb,#ef4444 45%,var(--border));background:color-mix(in srgb,#ef4444 13%,var(--bg) 87%);color:color-mix(in srgb,#ef4444 88%,var(--text))}.pack-songs-dialog__body{display:grid;grid-template-columns:minmax(0,1fr);flex:1 1 auto;min-height:0;gap:12px;margin-top:8px;align-items:start;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px}.pack-songs-dialog__body--with-sidebar{grid-template-columns:minmax(0,1fr) 240px}.pack-songs-dialog__main,.pack-songs-dialog__sidebar{display:flex;flex-direction:column;gap:10px}.pack-songs-dialog__section{display:flex;flex-direction:column;gap:8px}.pack-songs-dialog__section--songs,.pack-songs-dialog__section--upload,.pack-songs-dialog__section--generate{padding:10px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:16px;background:color-mix(in srgb,var(--bg-surface) 95%,var(--bg) 5%);box-shadow:0 8px 24px #0f172a0a}.pack-songs-dialog__section-header,.pack-songs-dialog__group-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pack-songs-dialog__section-toggle{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-secondary);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.pack-songs-dialog__group-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pack-songs-dialog__section-title,.pack-songs-dialog__group-title{margin:0}.pack-songs-dialog__section-title{font-size:14px}.pack-songs-dialog__section-hint{margin:3px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.35}.pack-songs-dialog__group-title{display:inline-flex;align-items:center;gap:6px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-songs-dialog__group-title>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.pack-songs-dialog__group-type-icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--text-secondary)}.pack-songs-dialog__groups{display:flex;flex-direction:column;gap:8px}.pack-songs-dialog__group{padding:10px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--bg) 96%,var(--bg-surface) 4%)}.pack-songs-dialog__group-count{display:inline-block;color:var(--text-secondary);font-size:12px;font-weight:600}.pack-songs-dialog__group-meta{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.pack-songs-dialog__chevron{color:var(--text-secondary);transition:transform .15s ease}.pack-songs-dialog__chevron--expanded{transform:rotate(180deg)}.pack-songs-dialog__list{display:flex;flex-direction:column;gap:5px;margin-top:4px}.pack-songs-dialog__song{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:7px 9px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:10px;background:color-mix(in srgb,var(--bg) 94%,var(--bg-surface) 6%);transition:border-color .15s ease,background .15s ease}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__song:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}}.pack-songs-dialog__song--selected{border-color:var(--accent);background:#303c541a}.pack-songs-dialog__song--exclude-mode{border-color:color-mix(in srgb,#ef4444 38%,var(--border));background:color-mix(in srgb,#ef4444 7%,var(--bg) 93%)}.pack-songs-dialog__song--excluded{border-color:color-mix(in srgb,#ef4444 78%,var(--border));background:color-mix(in srgb,#ef4444 14%,var(--bg) 86%)}.pack-songs-dialog__song--missing{border-color:color-mix(in srgb,#f59e0b 58%,var(--border))}.pack-songs-dialog__song--pending{position:relative;flex-direction:column;align-items:stretch}.pack-songs-dialog__song--pending-error{border-color:color-mix(in srgb,#ef4444 72%,var(--border))}.pack-songs-dialog__song-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 0%;width:0;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.pack-songs-dialog__song-main--static{cursor:default}.pack-songs-dialog__pending-main{display:flex;align-items:center;gap:8px;min-width:0}.pack-songs-dialog__generation-progress{color:var(--accent);flex-shrink:0;width:18px;height:18px}.pack-songs-dialog__checkbox{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--accent);border-radius:6px;background:var(--bg-surface);color:#fff;flex-shrink:0}.pack-songs-dialog__checkbox--checked{background:var(--accent);border-color:var(--accent)}.pack-songs-dialog__checkbox--exclude{border-color:color-mix(in srgb,#ef4444 78%,var(--border));background:var(--bg-surface)}.pack-songs-dialog__checkbox--excluded{background:#ef4444;border-color:#ef4444}.pack-songs-dialog__song-copy{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.pack-songs-dialog__song-title{font-size:13px;font-weight:600;color:var(--text);min-width:0;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pack-songs-dialog__song-meta{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-songs-dialog__preview-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.pack-songs-dialog__song-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__preview-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 28%,var(--border));color:var(--text);background:color-mix(in srgb,var(--accent-subtle) 20%,var(--bg) 80%)}}.pack-songs-dialog__preview-btn--active{border-color:var(--accent);color:#fff;background:var(--accent)}.pack-songs-dialog__preview-btn:disabled{opacity:.6;cursor:not-allowed}.pack-songs-dialog__delete-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ef4444;border-radius:10px;background:#ef4444;color:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__delete-btn:hover:not(:disabled){border-color:#ef4444;background:color-mix(in srgb,#ef4444 90%,black 10%)}}.pack-songs-dialog__delete-btn:disabled{opacity:.6;cursor:not-allowed}.pack-songs-dialog__remove-btn,.pack-songs-dialog__edit-btn{border-color:var(--border);background:var(--bg);color:var(--text)}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__remove-btn:hover:not(:disabled),.pack-songs-dialog__edit-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 20%,var(--bg) 80%);color:var(--text)}}.pack-songs-dialog__delete-spinner{display:block;flex-shrink:0;width:14px;height:14px;border:2px solid color-mix(in srgb,#ef4444 22%,transparent);border-top-color:currentColor;border-radius:50%;animation:editorButtonSpinner .7s linear infinite}.pack-songs-dialog__empty{margin:0;padding:12px 14px;border:1px dashed var(--border);border-radius:14px;color:var(--text-secondary);background:color-mix(in srgb,var(--bg) 92%,var(--bg-surface) 8%)}.pack-songs-dialog__upload-form{display:flex;flex-direction:column;gap:10px}.pack-songs-dialog__browse{padding:0;background:transparent;border:0;box-shadow:none;gap:8px}.pack-songs-dialog__sort{align-items:flex-start;gap:6px}.pack-songs-dialog__browse .hp-browse__sort-chips{gap:6px}.pack-songs-dialog__browse .hp-browse__sort-chip{min-height:32px;padding:6px 10px;color:var(--sort-color);background:var(--sort-bg);border-color:var(--sort-border)}.pack-songs-dialog__browse .hp-browse__sort-chip span{color:inherit}.pack-songs-dialog__browse .hp-browse__sort-label{color:var(--text-secondary)}.pack-songs-dialog__load-more{align-self:center;min-height:34px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.pack-songs-dialog__load-more:disabled{opacity:.65;cursor:not-allowed}.pack-songs-dialog__section--generate{gap:12px}.pack-songs-dialog__credit-pill{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg);flex-shrink:0}.pack-songs-dialog__generate-hint{margin:0;color:var(--text-secondary);font-size:12px;line-height:18px}.pack-songs-dialog__generate-prompt{width:100%;min-height:112px;resize:vertical;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;font-size:13px;line-height:1.45}.pack-songs-dialog__generate-prompt:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-subtle) 58%,transparent)}.pack-songs-dialog__generate-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.pack-songs-dialog__balance{color:var(--text-secondary);font-size:12px;line-height:18px}.pack-songs-dialog__generate-btn{width:100%;justify-content:center}.pack-songs-dialog__sidebar{position:sticky;top:0}.pack-songs-dialog__upload-dropzone{min-height:152px;padding:18px;border:1px dashed var(--border);border-radius:16px;background:var(--bg)}.pack-songs-dialog__upload-dropzone .dropzone__placeholder{gap:6px}.pack-songs-dialog__upload-dropzone .dropzone__placeholder>span{max-width:220px;color:var(--text);font-size:14px;font-weight:700;line-height:1.35}.pack-songs-dialog__upload-dropzone .dropzone__placeholder small{max-width:220px;color:var(--text-secondary);font-size:12px;line-height:18px}.pack-songs-dialog__upload-dropzone.dropzone--drag-over,.pack-songs-dialog__upload-dropzone.dropzone--loading{border-color:var(--border);background:var(--bg)}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__upload-dropzone:hover,.pack-songs-dialog__upload-dropzone.dropzone--loading:hover{border-color:var(--border);background:var(--bg)}}.pack-songs-dialog__selected-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.pack-songs-dialog__selected-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:600}@keyframes packLevelsSpinner{to{transform:rotate(360deg)}}.pack-levels__content{max-width:1000px;margin:0 auto 32px;padding:10px 32px calc(32px + env(safe-area-inset-bottom,0px))}.pack-levels__title-skeleton{display:flex;flex-direction:column;gap:8px}.pack-levels__skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--bg-surface-hover) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:packLevelsSkeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}.pack-levels__skeleton--title{width:180px;height:22px}.pack-levels__skeleton--subtitle{width:280px;height:14px}.pack-levels__skeleton--image{width:100%;height:100%;border-radius:0}.pack-levels__skeleton--stats{width:70%;height:12px;margin-bottom:12px}.pack-levels__skeleton--buttons{width:100%;height:36px}.pack-levels__card--skeleton .pack-levels__card-preview{overflow:hidden}.pack-levels__card--skeleton{pointer-events:none}@keyframes packLevelsSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pack-levels__loading,.pack-levels__empty{text-align:center;color:var(--text-secondary);padding:60px 0}.pack-levels__empty>button{margin-top:16px;padding:10px 24px;font-size:14px;font-weight:600;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;font-family:var(--font)}.pack-levels__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.pack-levels__card{aspect-ratio:1;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow)}@media(hover:hover)and (pointer:fine){.pack-levels__card:hover{border-color:var(--border-focus);transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}}@media(hover:hover)and (pointer:fine){.pack-levels__card--locked:hover{border-color:var(--border);transform:none;box-shadow:var(--card-shadow)}}.pack-levels__card-preview{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--bg-elevated)}.pack-levels__card-preview--clickable{cursor:pointer}.pack-levels__card-preview--locked{cursor:default}.pack-levels__card-preview img{width:100%;height:100%;object-fit:cover}.pack-levels__card-preview--locked img,.pack-levels__card-preview--locked .pack-levels__card-placeholder{filter:blur(6px) saturate(.92) brightness(.9);transform:scale(1.02)}.pack-levels__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px}.pack-levels__card-overlay{position:absolute;top:8px;left:8px}.pack-levels__locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#070b142e;pointer-events:none}.pack-levels__locked-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:999px;background:#070b14b8;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pack-levels__card-number{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:#000000ad;font-size:11px;font-weight:700;color:#fff}.pack-levels__drag-handle{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;color:#ffffffb3;cursor:grab;transition:color .15s,background .15s}@media(hover:hover)and (pointer:fine){.pack-levels__drag-handle:hover{color:#fff;background:#ffffff26}}.pack-levels__drag-handle:active{cursor:grabbing}.pack-levels__drag-handle--preview{position:absolute;right:8px;bottom:8px}.pack-levels__card[draggable=true]{cursor:grab}.pack-levels__card[draggable=true]:active{cursor:grabbing}.pack-levels__card[data-level-index]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pack-levels__card--dragging{opacity:.4;transform:scale(.95);box-shadow:none}.pack-levels__card-body{padding:8px 10px}.pack-levels__card-stats{display:flex;gap:14px;font-size:12px;color:var(--text-muted);margin-bottom:11px}.pack-levels__card-actions{display:flex;justify-content:flex-end;gap:3px}.pack-levels__card-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);cursor:pointer;transition:all .15s;flex-shrink:0}@media(hover:hover)and (pointer:fine){.pack-levels__card-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-focus);color:var(--text)}}.pack-levels__card-btn--active{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:color-mix(in srgb,var(--accent-subtle) 30%,var(--bg) 70%);color:var(--accent)}.pack-levels__card-btn--play{background:var(--accent);border-color:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__card-btn--play:hover{background:var(--accent-hover)}}.pack-levels__card-btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__card-btn--danger:hover{background:var(--danger-hover);border-color:var(--danger-hover);color:#fff}}.pack-levels__card--allgold{border-width:2px;border-color:#ffd70073}@media(hover:hover)and (pointer:fine){.pack-levels__card--allgold:hover{border-color:#ffd700b3}}.pack-levels__card--completed{border-width:2px;border-color:#38ef7d59}@media(hover:hover)and (pointer:fine){.pack-levels__card--completed:hover{border-color:#38ef7d99}}.pack-levels__card--attempted{border-width:2px;border-color:#f2c94c59}@media(hover:hover)and (pointer:fine){.pack-levels__card--attempted:hover{border-color:#f2c94c99}}.pack-levels__completion-badge{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;box-shadow:0 2px 6px #0006}.pack-levels__completion-badge--dots{display:flex;flex-direction:column;align-items:flex-end;padding:5px 6px;gap:3px;background:#00000080;border-radius:10px;width:auto;height:auto;min-width:0}.pack-levels__dot-row{display:flex;gap:3px}.pack-levels__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pack-levels__dot--found{background:#38ef7d;box-shadow:0 0 0 1px #0003}.pack-levels__dot--fast{background:gold;box-shadow:0 0 0 1px #0003}.pack-levels__dot--open{background:#ffffffeb;box-shadow:0 0 0 1px #00000047}.pack-levels__dot--missed{background:#e05555;box-shadow:0 0 0 1px #0003}.game-page{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--panel-bg);color:var(--panel-ink)}.game-page__header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;justify-content:stretch;padding:10px 20px;background:var(--panel-bg);border-bottom:1px solid var(--panel-line);flex-shrink:0}.game-page__side-slot{display:flex;align-items:center;justify-content:center;min-width:0}.game-page__center-info{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;min-width:0}.game-page__lives{display:flex;align-items:center;gap:4px}.game-page__heart{transition:all .3s ease;flex-shrink:0}.game-page__heart--lost{opacity:.25;filter:grayscale(1)}.game-page__heart--just-lost{animation:heartLost .5s ease}@keyframes heartLost{0%{transform:scale(1);opacity:1;filter:grayscale(0)}20%{transform:scale(1.3)}40%{transform:scale(.8) rotate(-10deg)}60%{transform:scale(1.1) rotate(5deg)}80%{transform:scale(.95);opacity:.4;filter:grayscale(.8)}to{transform:scale(1);opacity:.25;filter:grayscale(1)}}.game-page__found-count{font-size:22px;font-weight:700;color:var(--accent);background:var(--accent-subtle);padding:8px 22px;border-radius:100px}.game-page__found-count.game-page__found-dots{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 14px}.game-page__found-dot{flex-shrink:0;width:14px;height:14px;border-radius:50%;background:#c9b89a4d;box-shadow:inset 0 0 0 2px var(--game-cream-edge)}.game-page__found-dot--on{background:var(--game-green-face);box-shadow:inset 0 0 0 2px var(--game-green-edge),inset 0 3px #ffffff73;animation:game-found-dot-pop .36s cubic-bezier(.3,1.6,.5,1)}@keyframes game-found-dot-pop{0%{transform:scale(.4)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.game-page__found-dot--on{animation:none}}@media(max-width:768px){.game-page__found-count.game-page__found-dots{gap:4px;min-height:34px;padding:0 10px}.game-page__found-dot{width:12px;height:12px}}.game-page__finish-layer{position:fixed;inset:0;z-index:990;pointer-events:none}@keyframes completion-modal-rise{0%{transform:translateY(18px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.share-game-dialog__backdrop{z-index:10020;padding:18px}.share-game-dialog{width:min(520px,100%);border-radius:24px;border:1px solid rgba(53,180,177,.26);box-shadow:0 26px 70px #11182742}.share-game-dialog__eyebrow{margin:0 0 5px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.share-game-dialog__link-card{margin-top:18px;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--bg-surface-hover);color:var(--text-secondary);font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.share-game-dialog__choices{display:grid;gap:12px;margin-top:18px}.share-game-dialog__choice{width:100%;min-height:86px;padding:16px 18px;border-radius:18px;display:flex;align-items:center;gap:14px;text-align:left;font:inherit;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text);transition:transform .15s ease,border-color .15s ease,background .15s ease}.share-game-dialog__choice:disabled{cursor:wait;opacity:.72}.share-game-dialog__choice strong{color:currentColor;font-size:16px;font-weight:900}.share-game-dialog__choice-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.share-game-dialog__choice-copy span{color:inherit;font-size:13px;font-weight:700;line-height:1.35;opacity:.78}.share-game-dialog__choice-copy .share-game-dialog__choice-warning{width:fit-content;padding:4px 8px;border-radius:999px;background:#f5c5182e;color:#8a6700;opacity:1}.share-game-dialog__choice-copy .share-game-dialog__choice-hint{width:fit-content;padding:4px 8px;border-radius:999px;background:#35b4b11f;color:var(--accent);opacity:1}.share-game-dialog__choice-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;background:var(--accent-subtle);color:var(--accent)}.share-game-dialog__choice-icon svg{width:28px;height:28px}.share-game-dialog__options-button{justify-self:end;display:inline-flex;align-items:center;gap:7px;margin-top:-4px;padding:6px 10px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.share-game-dialog__options-button:disabled{cursor:wait;opacity:.6}.share-game-dialog__options-button svg{width:18px;height:18px}.share-video-options__backdrop{z-index:10030}.share-video-options.share-game-dialog{width:min(600px,100%);max-height:calc(100dvh - 36px)}.share-video-options__body{display:grid;gap:14px;min-height:0;overflow-y:auto;margin:0 -20px;padding:0 20px}.share-video-options__section{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:16px}.share-video-options__section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.share-video-options__section-header h3{margin:0;font-size:15px;font-weight:900}.share-video-options__section-header span{color:var(--accent);font-size:13px;font-weight:800}.share-video-options__hint{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.4}.share-video-options__range{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1.2fr) 52px;align-items:center;gap:12px;font-size:13px;font-weight:700}.share-video-options__range input{width:100%;accent-color:var(--accent)}.share-video-options__range output{text-align:right;font-variant-numeric:tabular-nums;font-weight:850}.share-video-options__toggle{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;cursor:pointer}.share-video-options__toggle input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.share-video-options__music{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.share-video-options__music select{min-width:0;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);color:var(--text);font:inherit;font-size:14px;font-weight:700}.share-video-options__music .share-game-dialog__file-action{min-width:96px}.share-video-options__music .share-game-dialog__file-action:disabled{cursor:default;opacity:.5}.share-video-options__file{position:relative;display:flex;align-items:center;min-height:40px;padding:8px 12px;border:1px dashed var(--border-focus);border-radius:12px;font-size:13px;font-weight:800;cursor:pointer}.share-video-options__file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.share-video-options__file:focus-within{border-style:solid}.share-video-options__file span{min-width:0;overflow:hidden;color:var(--accent);text-overflow:ellipsis;white-space:nowrap}.share-video-options__text{display:grid;gap:6px}.share-video-options__text label{font-size:13px;font-weight:850}.share-video-options__text input{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);color:var(--text);font:inherit;font-size:14px}.share-video-options__text input:focus{outline:none;border-color:var(--border-focus)}.share-video-options__text summary{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--accent);font-size:12px;font-weight:800;cursor:pointer}.share-video-options__text summary span{color:var(--text-secondary);font-weight:700}.share-video-options__pool{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.share-video-options__pool button{padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-surface-hover);color:var(--text);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.share-video-options__pool button.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.share-video-options__footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-game-dialog__file-actions{margin-top:16px;padding:14px;border:1px solid rgba(53,180,177,.26);border-radius:16px;background:var(--accent-subtle)}.share-game-dialog__file-actions p{margin:0 0 10px;color:var(--text);font-size:13px;font-weight:800}.share-game-dialog__file-action-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-game-dialog__file-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);color:var(--text);font:inherit;font-size:13px;font-weight:850;cursor:pointer}.share-game-dialog__file-action--share{border-color:var(--accent);background:var(--accent);color:#fff}.share-game-dialog__file-action svg{width:18px;height:18px;flex:0 0 auto}.share-game-dialog__status,.share-game-dialog__error{margin:14px 0 0;padding:10px 12px;border-radius:14px;font-size:13px;font-weight:800;line-height:1.35}.share-game-dialog__status{background:#38ef7d1f;color:var(--accent)}.share-game-dialog__error{background:#fc5c7d1f;color:#d9365f}@media(hover:hover)and (pointer:fine){.share-game-dialog__choice:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-focus);background:var(--bg-surface-hover)}.share-game-dialog__file-action:hover{transform:translateY(-1px);border-color:var(--border-focus);background:var(--bg-surface-hover)}.share-game-dialog__file-action--share:hover{border-color:var(--accent-dark);background:var(--accent-dark)}}@media(max-width:520px){.share-game-dialog{border-radius:20px}.share-game-dialog__choice{min-height:78px;padding:14px 15px}}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0;padding:0}@media(hover:hover)and (pointer:fine){.icon-btn:hover{background:var(--bg-surface-hover);color:var(--text);border-color:var(--border-focus)}}.icon-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}@media(hover:hover)and (pointer:fine){.icon-btn--primary:hover{background:var(--accent-hover);color:#fff;border-color:var(--accent-hover)}}.game-page__right-actions{display:flex;align-items:center;justify-content:center;gap:8px}.game-page__hint-button{position:relative}.game-page__hint-button svg{width:22px;height:22px}.game-page__hint-badge{position:absolute;right:-4px;top:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#35b4b1fa;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #35b4b147}.hint-empty-dialog{width:min(380px,100%);max-height:calc(100dvh - 32px);overflow-x:hidden;overflow-y:auto;align-items:stretch;gap:0;padding:0;border-radius:24px;text-align:center;box-shadow:var(--panel-shadow);animation:completion-modal-rise .36s cubic-bezier(.18,.9,.24,1.1) both}.hint-empty-dialog__close{z-index:3}.hint-empty-dialog__hero{position:relative;height:176px;flex-shrink:0;overflow:hidden;background:linear-gradient(180deg,#35b4b14d,#35b4b11a 62%,#fff0)}.hint-empty-dialog__hero--calm{background:linear-gradient(180deg,#35b4b129,#35b4b10d 62%,#fff0)}.hint-empty-dialog__hero img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.hint-empty-dialog__rays{position:absolute;left:50%;top:86px;width:380px;height:380px;margin:-190px 0 0 -190px;background:repeating-conic-gradient(from 0deg,#ffffff8c 0deg 9deg,#fff0 9deg 30deg);-webkit-mask-image:radial-gradient(circle,#000 18%,transparent 62%);mask-image:radial-gradient(circle,#000 18%,transparent 62%);animation:hint-empty-rays-spin 18s linear infinite,hint-empty-fade-in .5s ease-out .2s both}.hint-empty-dialog__rays--soft{top:82px;opacity:.75}.hint-empty-dialog__glow{position:absolute;left:50%;top:88px;width:170px;height:120px;margin:-60px 0 0 -85px;border-radius:50%;background:radial-gradient(ellipse at center,#ffd64ab3,#ffd64a00 70%);animation:hint-empty-glow-burst .5s cubic-bezier(.2,.9,.3,1.2) .2s both,hint-empty-glow-pulse 2.6s ease-in-out .7s infinite}.hint-empty-dialog__charge{position:absolute;left:50%;top:14px;width:140px;height:148px;margin-left:-70px}.hint-empty-dialog__charge-halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#ffd64a59,#ffd64a00 65%);animation:hint-empty-glow-pulse 2.6s ease-in-out infinite}.hint-empty-dialog__charge-bulb{position:absolute;left:50%;top:8px;width:82px;height:131px;margin-left:-41px}.hint-empty-dialog__charge-empty{filter:grayscale(1) brightness(1.25);opacity:.45}.hint-empty-dialog__charge-fill{position:absolute;left:0;right:0;bottom:0;overflow:hidden;transition:height 1s linear}.hint-empty-dialog__charge-fill img{position:absolute;left:0;bottom:0}.hint-empty-dialog__charge--full .hint-empty-dialog__charge-bulb{filter:drop-shadow(0 0 14px rgba(255,206,60,.95));animation:hint-empty-bulb-ready .6s cubic-bezier(.2,.9,.3,1.3) both}.hint-empty-dialog__charge--full .hint-empty-dialog__charge-halo{background:radial-gradient(circle,#ffd64a99,#ffd64a00 68%)}.hint-empty-dialog__phone{position:absolute;left:50%;top:18px;width:78px;height:140px;margin-left:-39px;border:3px solid #fff;border-radius:16px;background:linear-gradient(160deg,#3a4660,#1e2535);box-shadow:0 10px 22px #1e253559;animation:hint-empty-phone-in .52s cubic-bezier(.2,.9,.3,1.25) 80ms both,hint-empty-phone-bob 3s ease-in-out .7s infinite}.hint-empty-dialog__phone:before{content:"";position:absolute;top:5px;left:50%;width:22px;height:4px;margin-left:-11px;border-radius:4px;background:#ffffff40}.hint-empty-dialog__phone-screen{position:absolute;inset:14px 6px 10px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(180deg,#45d3ad,#1fa184)}.hint-empty-dialog__phone-screen img{width:34px;filter:drop-shadow(0 0 8px rgba(255,230,120,1));animation:hint-empty-bulb-float 2.6s ease-in-out .6s infinite}.hint-empty-dialog__phone-play{position:absolute;right:-14px;bottom:14px;width:34px;height:34px;display:grid;place-items:center;border:3px solid #fff;border-radius:999px;background:#ffd84d;box-shadow:0 4px 10px #0003;color:#7a5200;transform:rotate(8deg)}.hint-empty-dialog__sparkle{position:absolute;left:calc(50% + var(--x));top:var(--y);width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);color:#ffd84d;filter:drop-shadow(0 0 4px rgba(255,216,77,.9));opacity:0;animation:hint-empty-sparkle 2.4s ease-in-out var(--delay) infinite}.hint-empty-dialog__sparkle svg{display:block;width:100%;height:100%}.hint-empty-dialog__content{display:flex;flex-direction:column;align-items:center;padding:10px 20px 12px}.hint-empty-dialog__stagger{animation:hint-empty-rise .46s cubic-bezier(.2,.8,.3,1) calc(.16s + var(--stagger, 0) * 70ms) both}.hint-empty-dialog__title{margin:0;color:var(--text);font-size:26px;font-weight:900;line-height:1.15}.hint-empty-dialog__subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.hint-empty-dialog__subtitle--tight{margin-top:0}.hint-empty-dialog__timer{margin:2px 0 0;color:#c98a00;font-size:40px;font-weight:900;line-height:1.1;letter-spacing:.02em;font-variant-numeric:tabular-nums}.hint-empty-dialog__watch{position:relative;width:100%;min-height:56px;margin-top:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;border:2px solid #137a63;border-radius:16px;background:linear-gradient(180deg,#45d3ad,#1fa184);box-shadow:0 5px #157560,inset 0 2px #ffffff59;text-shadow:0 2px 0 #106050,1px 0 0 #106050,-1px 0 0 #106050,0 1px 0 #106050,0 -1px 0 #106050;color:#fff;font-family:inherit;font-size:18px;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.hint-empty-dialog__watch.hint-empty-dialog__stagger{animation:hint-empty-rise .46s cubic-bezier(.2,.8,.3,1) calc(.16s + var(--stagger, 0) * 70ms) both,hint-empty-breathe 2.4s ease-in-out 1.4s infinite}.hint-empty-dialog__watch:active{transform:translateY(3px) scale(.99);box-shadow:0 1px #157560,inset 0 2px #ffffff59}.hint-empty-dialog__watch-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff38;animation:hint-empty-play-nudge 2.4s ease-in-out 1.4s infinite}.hint-empty-dialog__watch-shine{position:absolute;top:0;bottom:0;left:0;width:70px;background:linear-gradient(90deg,#fff0,#ffffff73,#fff0);transform:translate(-120px) skew(-20deg);animation:hint-empty-shine 3.2s ease-in-out 1.2s infinite;pointer-events:none}.hint-empty-dialog__divider{width:100%;margin:16px 0 12px;display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:13px;font-weight:700}.hint-empty-dialog__divider:before,.hint-empty-dialog__divider:after{content:"";flex:1;height:1px;background:var(--border)}.hint-empty-dialog__charge-tile{width:100%;margin-top:14px;display:flex;align-items:center;gap:12px;padding:8px 14px 8px 10px;border:2px solid #e2dccf;border-bottom-width:4px;border-radius:16px;background:#fff;text-align:start}.hint-empty-dialog__mini-bulb{position:relative;flex:none;width:30px;height:48px}.hint-empty-dialog__mini-bulb img{width:30px;height:48px}.hint-empty-dialog__mini-bulb .hint-empty-dialog__charge-empty{filter:grayscale(1) brightness(.85);opacity:.4}.hint-empty-dialog__charge-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:800}.hint-empty-dialog__charge-bar{height:8px;overflow:hidden;border-radius:999px;background:#ece6da}.hint-empty-dialog__charge-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd84d,#f5a400);transition:width 1s linear}.hint-empty-dialog__charge-time{color:#c98a00;font-size:26px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.hint-empty-dialog__premium{position:relative;isolation:isolate;container-type:inline-size;width:100%;margin-top:14px;margin-bottom:4px;display:flex;flex-direction:column;gap:10px;padding:12px;overflow:hidden;border:2px solid #f2b632;border-radius:18px;background:radial-gradient(120% 90% at 0% 0%,#ffd84d1f,#ffd84d00 55%),linear-gradient(160deg,#3a4868,#1f2740);box-shadow:0 4px #b87600,inset 0 2px #ffffff24;color:#fff;font:inherit;text-align:start;cursor:pointer;transition:transform .08s,box-shadow .08s}.hint-empty-dialog__premium:active{transform:translateY(3px);box-shadow:0 1px #b87600,inset 0 2px #ffffff24}.hint-empty-dialog__divider+.hint-empty-dialog__premium{margin-top:0}.hint-empty-dialog__premium-head{display:flex;align-items:center;gap:10px}.hint-empty-dialog__premium-badge{width:46px;height:46px;animation:hint-empty-crown-tilt 3.6s ease-in-out 1.6s infinite}.hint-empty-dialog__premium-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hint-empty-dialog__premium-copy strong{color:#ffd84d;font-size:18px;font-weight:900;line-height:1.1;text-shadow:0 2px 0 rgba(8,12,30,.5)}.hint-empty-dialog__premium-copy span{align-self:flex-start;padding:2px 8px;border-radius:999px;background:#ffffff1a;color:#ffffffc7;font-size:11px;font-weight:800;letter-spacing:.02em}.hint-empty-dialog__premium-cta{flex-shrink:0;min-height:38px;display:inline-flex;align-items:center;padding:0 14px;border-radius:12px;background:linear-gradient(180deg,#ffd84d,#f5a400);box-shadow:0 4px #b87600,inset 0 2px #ffffff73;color:#fff;text-shadow:0 2px 0 #9a5d00,1px 0 0 #9a5d00,-1px 0 0 #9a5d00,0 1px 0 #9a5d00,0 -1px 0 #9a5d00;font-size:14px;font-weight:900}.hint-empty-dialog__premium-perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hint-empty-dialog__premium-perk{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px 5px;border-radius:10px;background:#080c1e59;color:#fff;font-size:11px;font-weight:900;line-height:1.1;text-align:center}.hint-empty-dialog__premium-perk span{max-width:100%;overflow-wrap:anywhere}.hint-empty-dialog__premium-perk svg,.hint-empty-dialog__premium-perk img{width:22px;height:22px;display:block;object-fit:contain}.hint-empty-dialog__footer{width:100%;margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:6px;color:var(--text-secondary);font-size:13px;font-weight:600}.hint-empty-dialog__footer-action{min-height:40px;padding:0 6px;border:0;background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.hint-empty-dialog__watch:focus-visible,.hint-empty-dialog__premium:focus-visible,.hint-empty-dialog__footer-action:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(hover:hover)and (pointer:fine){.hint-empty-dialog__watch:hover{filter:brightness(1.05)}.hint-empty-dialog__premium:hover{filter:brightness(1.06)}.hint-empty-dialog__footer-action:hover{text-decoration:underline}}@keyframes hint-empty-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hint-empty-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hint-empty-rays-spin{to{transform:rotate(360deg)}}@keyframes hint-empty-glow-pulse{0%,to{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes hint-empty-bulb-ready{0%{transform:scale(.92)}55%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes hint-empty-phone-in{0%{opacity:0;transform:translateY(30px) rotate(0) scale(.8)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}@keyframes hint-empty-phone-bob{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-4px)}}@keyframes hint-empty-bulb-float{0%,to{transform:translateY(0);filter:drop-shadow(0 0 6px rgba(255,206,60,.85))}50%{transform:translateY(-3px);filter:drop-shadow(0 0 10px rgba(255,206,60,1))}}@keyframes hint-empty-glow-burst{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.25)}to{opacity:.85;transform:scale(1)}}@keyframes hint-empty-sparkle{0%,45%,to{opacity:0;transform:scale(0) rotate(0)}15%{opacity:1;transform:scale(1) rotate(45deg)}30%{opacity:.8;transform:scale(.6) rotate(90deg)}}@keyframes hint-empty-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes hint-empty-play-nudge{0%,70%,to{transform:translate(0)}80%{transform:translate(3px)}90%{transform:translate(-1px)}}@keyframes hint-empty-shine{0%{transform:translate(-120px) skew(-20deg)}45%,to{transform:translate(420px) skew(-20deg)}}@keyframes hint-empty-crown-tilt{0%,80%,to{transform:rotate(0) scale(1)}86%{transform:rotate(-10deg) scale(1.08)}93%{transform:rotate(8deg) scale(1.08)}}@media(prefers-reduced-motion:reduce){.hint-empty-dialog,.hint-empty-dialog *,.hint-empty-dialog *:before,.hint-empty-dialog *:after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0ms!important}.hint-empty-dialog__sparkle,.hint-empty-dialog__watch-shine{display:none}}.game-page__toggle-times{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;flex-shrink:0}@media(hover:hover)and (pointer:fine){.game-page__toggle-times:hover{background:var(--bg-surface-hover);color:var(--text);border-color:var(--border-focus)}}.game-page__toggle-times--active{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}@media(hover:hover)and (pointer:fine){.game-page__toggle-times--active:hover{background:var(--accent-subtle);color:var(--accent)}}.game-page__result-banner{padding:8px 20px;text-align:center;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.game-page__result-banner-text{font-size:14px;font-weight:600}.game-page__result-banner-text--success{color:#38ef7d}.game-page__result-banner-text--fail{color:var(--text-secondary)}.game-page__result-actions{display:flex;gap:8px}.game-page__loading,.game-page__error{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:16px}.game-page__canvases{flex:1;display:flex;gap:2px;background:var(--game-board-edge);min-height:0}.game-page__canvas-panel{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,var(--game-board-glow) 0%,var(--game-board-shade) 70%)}.game-page__canvas-area{flex:1;min-height:0;overflow:hidden;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.game-page__canvas-area canvas{touch-action:none}.game-page__image-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:5;color:var(--text-secondary);font-size:14px;font-weight:500}.game-page__image-loading .game-page__spinner{border-color:#1a1d271f;border-top-color:var(--text-secondary)}.game-page__spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.22);border-top-color:#fff;border-radius:50%;animation:gameSpinner .8s linear infinite}@keyframes gameSpinner{to{transform:rotate(360deg)}}.pack-levels__edit-btn--danger{background:var(--danger);color:#fff}@media(hover:hover)and (pointer:fine){.pack-levels__edit-btn--danger:hover:not(:disabled){background:var(--danger-hover)}}.pack-levels__actions--report{margin-left:auto}.moderation-report-dialog{width:min(100%,520px);gap:14px}.moderation-report-dialog__textarea{min-height:132px}.moderation-reason-dialog__backdrop{z-index:11000}.moderation-inbox__banned{margin:0;color:#c03b3b;font-weight:800}.moderation-inbox__notice{margin:0;color:#16a34a;font-weight:700}.moderation-reason-dialog__reasons{display:grid;gap:6px}.moderation-reason-dialog__reason{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #e4ddd0;border-radius:10px;background:#fff;color:#2b2f3a;font-weight:600;cursor:pointer}.moderation-reason-dialog__reason--selected{border-color:#e05555;background:#e0555514;color:#c03b3b}.moderation-notice{display:grid;gap:6px;margin:0 0 16px;padding:14px 16px;border:1px solid rgba(224,85,85,.35);border-radius:14px;background:#e0555514;color:#2b2f3a;font-size:14px;line-height:1.45}.moderation-notice p{margin:0}.moderation-notice__title{margin:0;color:#3d2600;font-size:16px;font-weight:800}.moderation-notice__appeal{color:#4a4f5e}.moderation-notice__appeal a{color:inherit;font-weight:700}.feedback-dialog__backdrop{z-index:11000}.feedback-dialog{width:min(100%,520px);gap:18px;padding:22px}.feedback-dialog__rating{display:flex;justify-content:center;gap:4px;padding:4px 0}.feedback-dialog__star{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;transition:transform .15s}.feedback-dialog__star--active{filter:drop-shadow(0 0 9px rgba(245,197,24,.42));transform:translateY(-1px) scale(1.03)}@media(hover:hover)and (pointer:fine){.feedback-dialog__star:hover:not(:disabled){transform:translateY(-1px) scale(1.04)}}.feedback-dialog__star:disabled{cursor:not-allowed;opacity:.6}.feedback-dialog__field{display:flex;flex-direction:column;gap:8px}.feedback-dialog__label{color:var(--text);font-size:13px;font-weight:700}.feedback-dialog__textarea{width:100%;min-height:124px;max-height:240px;padding:12px 14px;border:1px solid var(--panel-line);border-radius:14px;background:#fff;color:var(--panel-ink);font:inherit;font-size:14px;line-height:1.45;resize:vertical;transition:border-color .15s,box-shadow .15s,background .15s}.feedback-dialog__textarea::placeholder{color:var(--text-muted)}.feedback-dialog__textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #35b4b129;outline:none}.feedback-dialog__textarea:disabled{opacity:.65;cursor:not-allowed}.feedback-dialog__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feedback-dialog__action{min-height:44px;padding:9px 12px;border-radius:12px;border:1px solid var(--border);font:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,opacity .15s}.feedback-dialog__action:disabled{cursor:not-allowed;opacity:.55}.feedback-dialog__action--secondary{background:var(--bg-surface);color:var(--text-secondary)}.feedback-dialog__action--primary{background:var(--accent);border-color:var(--accent);color:#fff}@media(hover:hover)and (pointer:fine){.feedback-dialog__action:hover:not(:disabled){transform:translateY(-1px)}.feedback-dialog__action--secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-focus);color:var(--text)}.feedback-dialog__action--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}}.pack-ratings-dialog__backdrop{z-index:11000}.pack-ratings-dialog{width:min(100%,640px);max-height:min(780px,calc(100dvh - 32px));gap:16px;padding:22px}.pack-ratings-dialog__summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--bg-surface),var(--bg))}.pack-ratings-dialog__average{display:block;color:var(--text);font-size:36px;line-height:1;font-weight:900;letter-spacing:-.04em}.pack-ratings-dialog__count{margin:0;color:var(--text-secondary);font-size:14px;font-weight:700}.pack-ratings-dialog__stars{display:inline-flex;align-items:center;gap:2px;color:var(--text-muted);line-height:1}.pack-ratings-dialog__star{color:var(--text-muted);font-size:18px}.pack-ratings-dialog__star--active{color:#f5c518;filter:drop-shadow(0 0 6px rgba(245,197,24,.32))}.pack-ratings-dialog__list{display:grid;gap:10px;min-height:120px;max-height:min(420px,calc(100dvh - 320px));overflow:auto;padding-right:4px}.pack-ratings-dialog__empty{margin:0;padding:28px 12px;color:var(--text-secondary);text-align:center}.pack-ratings-dialog__item{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--bg-surface)}.pack-ratings-dialog__item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pack-ratings-dialog__item-header strong{display:block;margin-bottom:5px;color:var(--text);font-size:14px}.pack-ratings-dialog__item-header span{flex-shrink:0;color:var(--text-muted);font-size:12px;white-space:nowrap}.pack-ratings-dialog__message{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.45;white-space:pre-wrap}.pack-ratings-dialog__message--muted{color:var(--text-muted);font-style:italic}.pack-ratings-dialog__load-more{width:100%}.pack-stats-dialog__backdrop{z-index:11000}.pack-stats-dialog{width:min(100%,760px);max-height:min(860px,calc(100dvh - 32px));gap:16px;padding:22px}.pack-stats-dialog__content{display:grid;gap:16px;min-height:0;overflow:auto;padding-right:4px}.pack-stats-dialog__metrics,.pack-stats-dialog__details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pack-stats-dialog__details{grid-template-columns:repeat(5,minmax(0,1fr))}.pack-stats-dialog__metric{display:grid;align-content:start;gap:5px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,var(--bg-surface),var(--bg))}.pack-stats-dialog__metric strong{color:var(--text);font-size:24px;line-height:1.1;font-weight:900}.pack-stats-dialog__metric span{color:var(--text-secondary);font-size:12px;line-height:1.35}.pack-stats-dialog__note{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.pack-stats-dialog__section-title{margin:0 0 10px;color:var(--text);font-size:16px}.pack-stats-dialog__level-list{display:grid;gap:8px}.pack-stats-dialog__level{display:grid;grid-template-columns:minmax(110px,1fr) repeat(3,minmax(120px,auto));align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-surface)}.pack-stats-dialog__level strong{color:var(--text);font-size:14px}.pack-stats-dialog__level span{color:var(--text-secondary);font-size:12px}.pack-stats-dialog__empty{margin:0;padding:32px 12px;color:var(--text-secondary);text-align:center}@media(max-width:700px){.pack-stats-dialog__metrics,.pack-stats-dialog__details{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-stats-dialog__level{grid-template-columns:1fr;gap:5px}}.feedback-inbox-dialog{min-height:min(720px,calc(100vh - 32px));min-height:min(720px,calc(100dvh - 32px))}.feedback-inbox__stars{color:var(--text-muted);letter-spacing:1px;white-space:nowrap}.feedback-inbox__star--active{color:#f5c518}.feedback-inbox__detail h2{margin:0;font-size:24px}.feedback-inbox__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.feedback-inbox__meta div{min-width:0}.feedback-inbox__meta dt{margin-bottom:3px;color:var(--text-muted);font-size:12px;font-weight:700}.feedback-inbox__meta dd{color:var(--text);font-size:14px;word-break:break-word}@media(max-width:640px){.feedback-dialog__actions,.feedback-inbox__meta{grid-template-columns:1fr}}.editor__field-label{font-size:13px;font-weight:600;color:var(--text)}.editor__field-hint{margin-top:-6px;font-size:12px;color:var(--text-secondary)}.moderation-inbox-page{min-height:100vh;background:var(--bg)}.moderation-inbox-dialog{width:min(1200px,calc(100vw - 32px));max-width:1200px;max-height:min(92vh,900px);padding:0;overflow:hidden;display:flex;flex-direction:column}.moderation-inbox__header{display:flex;align-items:center;gap:16px;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.moderation-inbox__header--dialog{align-items:flex-start;padding:18px 22px}.moderation-inbox__header--dialog .moderation-inbox__header-copy h1{min-height:38px;margin:0}.moderation-inbox__header-copy{flex:1;min-width:0}.moderation-inbox__header-copy h1{display:flex;align-items:center;gap:10px;font-size:20px}.moderation-inbox__header-copy p{margin-top:4px;color:var(--text-secondary);font-size:13px}.moderation-inbox__toggle{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.moderation-inbox__toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.moderation-inbox__toggle span{color:var(--text-secondary);font-size:13px;font-weight:600}.moderation-inbox__refresh-btn,.moderation-inbox__open-pack-btn,.moderation-inbox__approve-btn,.moderation-inbox__reject-btn,.moderation-inbox__toggle-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.moderation-inbox__refresh-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.moderation-inbox__open-pack-btn{padding:10px 14px}.moderation-inbox__toggle-btn{min-width:68px;padding:9px 14px;border-radius:999px}.moderation-inbox__toggle-btn--active,.moderation-inbox__approve-btn{background:var(--accent);border-color:var(--accent);color:#fff}.moderation-inbox__reject-btn{background:var(--danger);border-color:var(--danger);color:#fff;padding:10px 14px}.moderation-inbox__approve-btn{padding:10px 14px}@media(hover:hover)and (pointer:fine){.moderation-inbox__refresh-btn:hover:not(:disabled),.moderation-inbox__open-pack-btn:hover:not(:disabled),.moderation-inbox__toggle-btn:hover:not(:disabled){background:var(--bg-surface-hover)}}@media(hover:hover)and (pointer:fine){.moderation-inbox__approve-btn:hover:not(:disabled){filter:brightness(1.05)}}@media(hover:hover)and (pointer:fine){.moderation-inbox__reject-btn:hover:not(:disabled){filter:brightness(1.05)}}.moderation-inbox__refresh-btn:disabled,.moderation-inbox__open-pack-btn:disabled,.moderation-inbox__approve-btn:disabled,.moderation-inbox__reject-btn:disabled,.moderation-inbox__toggle-btn:disabled{opacity:.6;cursor:not-allowed}.moderation-inbox__content{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;padding:24px 32px 40px;align-items:start}.moderation-inbox__content--dialog{flex:1;min-height:0;padding:0 22px 22px;align-items:stretch;overflow:hidden}.moderation-inbox__list-panel,.moderation-inbox__detail-panel{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--bg-surface);overflow:hidden}.moderation-inbox__list-panel,.moderation-inbox__detail-panel{min-height:0}.moderation-inbox__list-panel,.moderation-inbox__detail-panel{overflow:auto}.moderation-inbox__panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.moderation-inbox__panel-header h2{font-size:15px}.moderation-inbox__panel-header span{min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--bg);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.moderation-inbox__state{padding:28px 18px;color:var(--text-secondary)}.moderation-inbox__state--error{color:var(--danger)}.moderation-inbox__filters{display:flex;flex-wrap:wrap;gap:10px;padding:14px 18px 12px}.moderation-inbox__filter-btn{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.moderation-inbox__filter-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.moderation-inbox__ai-controls{margin:0 18px 12px;padding:12px;border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--bg);display:flex;flex-direction:column;gap:10px}.moderation-inbox__ai-controls-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.moderation-inbox__ai-controls-header h3{font-size:14px;margin:0}.moderation-inbox__ai-hint,.moderation-inbox__ai-usage{color:var(--text-secondary);font-size:11px;line-height:1.45}.moderation-inbox__ai-usage{text-align:right;font-weight:700}.moderation-inbox__ai-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.moderation-inbox__ai-controls-grid label{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:700}.moderation-inbox__ai-controls-grid input[type=number],.moderation-inbox__ai-controls-grid input[type=text]{min-height:34px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);padding:0 10px;font:inherit}.moderation-inbox__ai-checkbox{justify-content:center;grid-column:1 / -1;flex-direction:row;align-items:center}.moderation-inbox__ai-checkbox input{width:18px;height:18px}.moderation-inbox__ai-controls-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.moderation-inbox__ai-error{color:var(--danger);font-size:12px;margin-right:auto}.moderation-inbox__list{display:flex;flex-direction:column}.moderation-inbox__list-item{border:none;border-top:1px solid var(--border);background:transparent;text-align:left;padding:16px 18px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:background .15s ease}@media(hover:hover)and (pointer:fine){.moderation-inbox__list-item:hover{background:var(--bg)}}.moderation-inbox__list-item--active{background:#00a39514}.moderation-inbox__list-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.moderation-inbox__list-top strong{font-size:14px}.moderation-inbox__list-top span,.moderation-inbox__list-meta{color:var(--text-secondary);font-size:12px}.moderation-inbox__list-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.moderation-inbox__list-message{color:var(--text);font-size:13px;line-height:1.45}.moderation-inbox__feedback-stars{display:inline-flex;align-items:center;gap:2px;margin-right:8px;white-space:nowrap}.moderation-inbox__list-message--empty{color:var(--text-muted);font-style:italic}.moderation-inbox__load-more{margin:14px 18px 18px;min-height:42px;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);font-weight:750;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}@media(hover:hover)and (pointer:fine){.moderation-inbox__load-more:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent);background:#00a39514}}.moderation-inbox__load-more:disabled{cursor:not-allowed;opacity:.65}.moderation-inbox__detail-card{padding:22px;display:flex;flex-direction:column;gap:18px}.moderation-inbox__detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.moderation-inbox__detail-header h2{font-size:20px}.moderation-inbox__detail-header p{margin-top:6px;color:var(--text-secondary);font-size:13px}.moderation-inbox__detail-badges{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.moderation-inbox__detail-actions{display:flex;flex-wrap:wrap;gap:10px}.moderation-inbox__detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.moderation-inbox__detail-meta dt{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.moderation-inbox__detail-meta dd{font-size:14px;font-weight:600}.moderation-inbox__thumbnail-frame{border-radius:calc(var(--radius) + 2px);overflow:hidden;border:1px solid var(--border);background:var(--bg);max-width:420px}.moderation-inbox__thumbnail{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.moderation-inbox__message-card{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--bg);padding:16px}.moderation-inbox__message-card h3{font-size:14px;margin-bottom:8px}.moderation-inbox__message-card p{color:var(--text);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.moderation-inbox__message-card a{color:var(--accent);overflow-wrap:anywhere;font-weight:700}.moderation-inbox__ai-result-link{display:block;max-width:520px}.moderation-inbox__ai-result-image{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface)}.moderation-inbox__ai-audio-result{display:flex;flex-direction:column;gap:8px}.moderation-inbox__ai-audio-result audio{width:100%;max-width:520px}.moderation-inbox__pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.moderation-inbox__pill--accent{border-color:#00a39533;background:#00a39514;color:var(--accent)}.moderation-inbox__pill--status-open{background:#3b82f614;border-color:#3b82f62e;color:#1d4ed8}.moderation-inbox__pill--status-approved{background:#10b98114;border-color:#10b9812e;color:#047857}.moderation-inbox__pill--status-rejected,.moderation-inbox__pill--status-cancelled{background:#ef444414;border-color:#ef44442e;color:#b91c1c}@media(max-width:768px){.moderation-inbox-dialog{width:min(100%,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);height:calc(100dvh - 24px);border-radius:22px}.moderation-inbox__header--dialog{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding:12px 14px;gap:12px 8px}.moderation-inbox__header--dialog .moderation-inbox__header-copy{grid-column:1;grid-row:1}.moderation-inbox__header--dialog .moderation-inbox__toolbar{display:contents}.moderation-inbox__header--dialog .moderation-inbox__refresh-btn{grid-column:2;grid-row:1}.moderation-inbox__header--dialog .profile-dialog__close{grid-column:3;grid-row:1}.moderation-inbox__header--dialog .moderation-inbox__toggle{grid-column:1 / -1;grid-row:2}.moderation-inbox__header-copy h1{font-size:18px}.moderation-inbox__header-copy p{display:none}.moderation-inbox__toolbar{width:100%;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap}.moderation-inbox__toggle{flex:1;min-width:0;justify-content:space-between;padding:8px 10px;border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--bg)}.moderation-inbox__toggle-label{font-size:12px;line-height:1.35}.moderation-inbox__content--dialog{grid-template-columns:minmax(0,1fr);gap:12px;padding:0 14px 14px;overflow:auto}.moderation-inbox__list-panel,.moderation-inbox__detail-panel{overflow:visible}.moderation-inbox__panel-header{padding:14px}.moderation-inbox__filters{padding:12px 14px 0;gap:8px}.moderation-inbox__filter-btn{min-height:32px;font-size:12px;padding:0 10px}.moderation-inbox__list-item{padding:14px;gap:6px}.moderation-inbox__list-top{gap:8px}.moderation-inbox__list-top strong{font-size:13px;line-height:1.35}.moderation-inbox__list-time,.moderation-inbox__list-message{display:none}.moderation-inbox__detail-card{padding:16px 14px;gap:14px}.moderation-inbox__detail-header{flex-direction:column;align-items:stretch;gap:12px}.moderation-inbox__detail-header h2{font-size:18px;line-height:1.3}.moderation-inbox__detail-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.moderation-inbox__open-pack-btn,.moderation-inbox__approve-btn,.moderation-inbox__reject-btn{width:100%;justify-content:center}.moderation-inbox__detail-meta{grid-template-columns:minmax(0,1fr);gap:10px}.moderation-inbox__thumbnail-frame{max-width:none}.moderation-inbox__message-card{padding:14px}}@media(max-width:480px){.moderation-inbox__header--dialog{padding:10px 12px}.moderation-inbox__header-copy h1{font-size:17px}.moderation-inbox__content--dialog{padding:0 12px 12px}.moderation-inbox__toggle-label{display:none}.moderation-inbox__toolbar{gap:6px}.moderation-inbox__toggle{flex:0 0 auto;padding:0;border:none;background:transparent}.moderation-inbox__toggle-btn{min-width:56px;padding:8px 12px}.moderation-inbox__panel-header,.moderation-inbox__filters,.moderation-inbox__list-item,.moderation-inbox__detail-card{padding-left:12px;padding-right:12px}.moderation-inbox__list-meta{gap:6px}.moderation-inbox__list-actor{display:none}.moderation-inbox__pill{font-size:10px;min-height:22px;padding:0 7px}}@media(max-width:768px){.hp:before{bottom:auto;height:max(calc(100lvh + 96px),var(--hp-home-bg-height, 177.7vw))}.hp--with-bg:before{background:linear-gradient(180deg,#141b282e,#141b280a 48%,#f8fafb00),var(--hp-home-bg) center top / cover no-repeat,radial-gradient(ellipse at 50% 10%,rgba(53,180,177,.18),transparent 60%),#303c54}.hp-nav__inner{padding:10px 12px 0;min-height:56px;gap:6px}.hp-nav__actions{gap:6px}.hp-nav__action-group{gap:4px}.hp-nav__badge{padding:0 10px}.hp-nav__resources{gap:4px}.hp-nav__resources .hp-arena__pill{min-height:32px;padding:0 7px 0 6px;gap:3px;font-size:12px;box-shadow:0 3px #c9b89a,inset 0 1px #ffffffd9}.hp-nav__resources .hp-arena__pill .hp-arena__icon{width:15px;height:15px}.hp-nav__resources .hp-arena__daily-chest{width:16px;height:16px}.hp-nav__resources .hp-arena__daily--ready{box-shadow:0 3px #b87600,inset 0 1px #ffffff73}.hp-nav__action,.hp-nav__badge{min-height:32px}.hp-nav__action--icon{width:32px}.moderation-inbox__header{padding:16px;align-items:flex-start}.moderation-inbox__content{grid-template-columns:minmax(0,1fr);padding:16px}.moderation-inbox__detail-header{flex-direction:column}.moderation-inbox__detail-meta{grid-template-columns:minmax(0,1fr)}.profile-dialog{width:min(100%,calc(100vw - 24px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);padding:18px}.profile-dialog__info-grid{grid-template-columns:minmax(0,1fr)}.profile-dialog__action-row,.profile-dialog__danger-actions{flex-direction:column}.hp-hero__logo,.hp-hero__logo-wrap{max-width:220px}.hp-hero{padding:16px 16px 14px}.hp-hero__main{grid-template-columns:1fr}.hp-hero__copy{padding:0}.hp-hero__actions{margin-top:18px}.hp-packs{padding:8px 16px 40px}.hp-home-meta{padding:0 16px 24px}.hp-home-meta__inner{padding:16px 8px 0}.hp-packs__block--panel{padding:16px;border-radius:22px}.hp-packs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hp-browse__controls{flex-direction:column}.hp-browse__filters{flex-direction:column;width:100%}.hp-browse__filter-group{flex-wrap:wrap}.hp-browse__sort,.hp-browse__sort-chips{width:100%}.hp-packs .hp-browse__sort-chips{width:calc(100% + 32px);margin:0 -16px;padding:2px 16px 6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hp-packs .hp-browse__sort-chips::-webkit-scrollbar{display:none}.hp-packs .hp-browse__sort-chip{flex-shrink:0}.my-packs__grid,.author-packs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.my-packs__content{padding:0 10px 24px}.pack-levels__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pack-levels__content{padding:10px 10px calc(24px + env(safe-area-inset-bottom,0px))}.pack-songs-dialog{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);overflow:hidden}.editor__modal--pack-context{gap:14px;padding:18px}.create-pack-dialog{padding-bottom:0;--create-pack-footer-pad: 18px}.editor__modal-header{align-items:flex-start}.level-song-dialog__list{margin-top:0;max-height:min(58vh,420px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:4px}.level-song-dialog__row{gap:6px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface)}@media(hover:hover)and (pointer:fine){.level-song-dialog__row:hover{border-color:var(--border)}}.level-song-dialog__row--selected{border-color:var(--accent);background:#303c541a}.level-song-dialog__option{gap:14px;padding:0;border:0;border-radius:0;background:transparent}.level-song-dialog__option--song{gap:14px}@media(hover:hover)and (pointer:fine){.level-song-dialog__option:hover{border-color:transparent}}.level-song-dialog__row--selected .level-song-dialog__option{border-color:transparent;background:transparent}.level-song-dialog__actions{gap:4px}.pack-songs-dialog__summary{margin-top:0}.pack-songs-dialog__summary-badge{border-color:var(--border);background:var(--bg);color:var(--text-secondary);min-height:32px;padding:7px 10px;border-radius:999px}.pack-songs-dialog__body{grid-template-columns:1fr;flex:1 1 auto;width:calc(100% + 36px);max-width:calc(100% + 36px);min-height:0;margin-left:-18px;margin-right:-18px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-left:18px;padding-right:10px;gap:14px;margin-top:0}.pack-songs-dialog__main,.pack-songs-dialog__sidebar{gap:14px;position:static}.pack-songs-dialog__sidebar{order:-1}.pack-songs-dialog__section{gap:10px}.pack-songs-dialog__section--songs,.pack-songs-dialog__section--upload,.pack-songs-dialog__section--generate,.pack-songs-dialog__group{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.pack-songs-dialog__generate-prompt{min-height:104px}.pack-songs-dialog__generate-footer{align-items:flex-start;flex-direction:column}.pack-songs-dialog__groups{gap:14px}.pack-songs-dialog__group-header{margin-bottom:4px}.pack-songs-dialog__group-toggle{padding:2px 0 4px}.pack-songs-dialog__list{gap:8px;margin-top:0}.pack-songs-dialog__song{gap:6px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface)}@media(hover:hover)and (pointer:fine){.pack-songs-dialog__song:hover{border-color:var(--border)}}.pack-songs-dialog__song--selected{border-color:var(--accent);background:#303c541a}.pack-songs-dialog__song-main{gap:10px}.pack-songs-dialog__song-title,.level-song-dialog__option-title{font-size:14px}.pack-songs-dialog__song-meta,.level-song-dialog__option-meta{font-size:12px}.pack-songs-dialog__song-actions{gap:4px}.pack-songs-dialog__preview-btn,.pack-songs-dialog__delete-btn{width:38px;height:38px;border-radius:8px}.pack-songs-dialog__group-count{min-width:0;min-height:0;padding:0;border:0;background:transparent}.pack-songs-dialog__upload-dropzone{min-height:152px;padding:18px;border-radius:16px}.pack-songs-dialog__upload-dropzone .dropzone__placeholder{gap:6px}.pack-songs-dialog__upload-dropzone .dropzone__placeholder>span,.pack-songs-dialog__upload-dropzone .dropzone__placeholder small{max-width:100%}.editor__toolbar-row{overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:center;padding:8px 12px;gap:8px}.toolbar{flex-wrap:nowrap}.toolbar__main,.toolbar__detection-panel{flex-wrap:wrap}.editor__generator-panel{grid-template-columns:1fr;padding:12px;gap:12px}.editor__generator-topbar{flex-direction:column;align-items:stretch}.editor__generator-meta{text-align:left}.editor__generator-options{grid-template-columns:1fr;gap:12px}.editor__modal--generator{width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);padding:16px;gap:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.editor__modal--generator .editor__modal-header,.editor__modal--image-change .editor__modal-header,.editor__modal--region-ai .editor__modal-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 12px}.editor__modal--generator .editor__modal-header>:not(.editor__modal-header-actions),.editor__modal--image-change .editor__modal-header>:not(.editor__modal-header-actions),.editor__modal--region-ai .editor__modal-header>:not(.editor__modal-header-actions){grid-column:1;grid-row:1;min-width:0;width:100%}.editor__modal--generator .editor__modal-header-actions,.editor__modal--image-change .editor__modal-header-actions,.editor__modal--region-ai .editor__modal-header-actions{display:contents}.editor__modal--generator .editor__modal-header .editor__modal-close-button,.editor__modal--image-change .editor__modal-header .editor__modal-close-button,.editor__modal--region-ai .editor__modal-header .editor__modal-close-button{grid-column:2;grid-row:1}.editor__modal--generator .editor__modal-header-meta,.editor__modal--image-change .editor__modal-header-meta,.editor__modal--region-ai .editor__modal-header-meta{grid-column:1 / -1;grid-row:2;justify-self:start;width:auto;justify-content:flex-start;flex-wrap:nowrap}.editor__modal--generator .editor__generator-field{gap:8px}.editor__modal--generator .editor__generator-pill-group--sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.editor__modal--generator .editor__generator-pill-group--sizes .editor__generator-pill{min-height:0;padding:8px 4px;border-radius:12px}.editor__modal--generator .editor__generator-pill-group--sizes .editor__generator-pill-title{font-size:12px}.editor__modal--generator .editor__generator-pill-group--sizes .editor__generator-pill-hint{font-size:10px}.editor__modal--generator .editor__generator-pill-group--formats{flex-wrap:wrap}.editor__modal--generator .editor__modal-actions{display:grid;grid-template-columns:1fr 1fr}.editor__modal--generator .editor__header-btn{width:100%;justify-content:center}.editor__generator-context-card,.editor__generator-context-title-row{flex-direction:column}.editor__generator-context-button{width:32px}.editor__generator-actions{flex-direction:column;align-items:stretch}.editor__generator-prompts{grid-template-columns:1fr;gap:12px}.editor__modal--region-ai{width:min(560px,100%);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch}.editor__difference-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.editor__upload-normalization-summary{grid-template-columns:1fr}.editor__upload-normalization-summary-arrow{display:none}.editor__upload-normalization-preview-grid,.editor__upload-normalization-resolution-list{grid-template-columns:1fr}.create-pack-dialog__reference-toolbar{flex-wrap:nowrap;gap:6px}.create-pack-dialog__reference-mode-toggle{width:auto;flex-shrink:0;justify-content:flex-start;gap:2px}.create-pack-dialog__reference-mode-btn{flex:0 0 auto;padding:5px clamp(5px,1.8vw,7px);font-size:11px;text-align:center}.create-pack-dialog__reference-quality{min-width:0;gap:2px;flex:1 1 auto;flex-wrap:nowrap}.create-pack-dialog__reference-quality-label{display:none}.create-pack-dialog__reference-quality-switch{gap:2px;flex-wrap:nowrap}.create-pack-dialog__reference-quality-btn{min-width:clamp(25px,7vw,29px);padding:5px 3px;font-size:10px}.create-pack-dialog__reference-trigger{padding:6px 8px;font-size:11px}.create-pack-dialog__reference-panel-header{flex-direction:column;align-items:stretch}.create-pack-dialog__reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.create-pack-dialog__reference-generate{gap:2px;padding:0 3px;transform:scale(.74)}.create-pack-dialog__reference-generate-icon{width:28px;height:28px}.create-pack-dialog__reference-generate-icon svg{width:18px;height:18px}.create-pack-dialog__reference-generate-label{font-size:10px;line-height:1.1}.create-pack-dialog__reference-price-button{min-height:24px;padding:3px 6px}.create-pack-dialog__reference-progress-ring,.create-pack-dialog__reference-progress-ring svg{width:42px;height:42px}.editor__region-ai-layout{grid-template-columns:1fr;gap:12px}.editor__region-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.editor__transfer-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.editor__image-change-layout{grid-template-columns:1fr;gap:12px}.editor__region-restore-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.editor__modal-actions--split,.editor__modal-actions-group{flex-direction:column;align-items:stretch}.editor__region-ai-footer{flex-direction:row;align-items:center;justify-content:space-between}.editor__region-ai-footer .editor__modal-actions-group{flex-direction:row;align-items:center;justify-content:flex-end;min-width:0}.editor__region-ai-footer .editor__header-btn--primary{flex:1;min-width:0}.editor__region-restore-arrow,.editor__transfer-arrow{justify-content:center}.editor__generator-controls--inline{width:100%}.editor__generator-slider{width:100%;flex:1}.editor__source-entry{padding:20px}.editor__source-entry-card,.editor__source-entry-card--split{width:min(100%,300px);padding:0}.editor__source-entry-card--split{grid-template-columns:1fr;gap:12px}.editor__canvas-dropzone--source{max-width:300px;min-height:192px;padding:16px 14px}.editor__canvas-dropzone--source .dropzone__placeholder{gap:10px}.editor__canvas-dropzone--source .dropzone__placeholder>svg{width:40px;height:40px}.editor__canvas-dropzone--source .dropzone__progress-ring,.editor__canvas-dropzone--source .dropzone__progress-ring svg{width:72px;height:72px}.editor__canvas-dropzone--source .dropzone__placeholder>span{font-size:13px}.editor__canvas-dropzone--source .dropzone__placeholder small{font-size:11px;line-height:1.35;max-width:190px}.editor__canvas-dropzone--source .dropzone__actions--stacked{width:min(100%,200px);gap:8px}.editor__canvas-dropzone--source .dropzone__action-btn{font-size:12px;padding:9px 14px}.editor__canvases{flex-direction:column;min-height:0}.editor__canvas-panel{min-height:0;flex:1}.editor__canvas-panel .canvas-container{min-height:0}.game-page__canvases{flex-direction:column}.game-page__header{grid-template-columns:36px minmax(0,1fr) auto;padding:8px 12px;gap:8px}.icon-btn{width:36px;height:36px}.pack-levels__header{flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px}.pack-levels__title-row{flex:1 1 auto;min-width:0}.pack-levels__title-with-edit{gap:6px}.pack-levels__draft-badge,.pack-levels__hidden-badge{display:none}.pack-levels__title-row--compact{flex:0 0 auto}.pack-levels__title-info--hidden-mobile{display:none}.pack-levels__actions{gap:6px}.pack-levels__action-btn--icon{width:36px;height:36px}.pack-levels__mobile-menu{gap:6px;margin-top:6px}.game-page__center-info{gap:8px}.game-page__found-count{font-size:18px;padding:6px 16px}.game-page__heart{width:20px;height:20px}.game-page__right-actions{gap:4px}.game-page__toggle-times{width:32px;height:32px}.game-page__result-banner{padding:6px 12px}.game-page__result-banner-text{font-size:12px}.game-page__image-loading{font-size:12px;gap:12px}.hp-card__body{padding:4px 6px 5px}.hp-card__title{--fit-text-max: 12;--fit-text-min: 6.5}.hp-card__empty-cover-label{max-width:120px;padding:0 10px;font-size:12px}.hp-card__author{--fit-text-max: 10;--fit-text-min: 8}.hp-card__stat{font-size:9px;gap:3px}.hp-card__stat svg{width:13px;height:13px}.hp-card__meta-row{min-height:14px;gap:4px}.hp-card__like{font-size:10px;gap:3px}.hp-card__like svg{width:15px;height:15px}.my-packs__header{gap:12px;padding:14px 16px}.my-packs__create-btn{width:36px;height:36px}.my-packs__content{padding:10px 16px 24px}.hp-card__status{top:6px;left:6px;font-size:8px;padding:3px 6px}.hp-card__title--verified{--fit-text-reserve: 16}.hp-card__verified svg{width:13px;height:13px}.hp-card__owner-meta{font-size:10px}.hp-card__actions{gap:4px}.hp-card__action-btn{width:30px;height:30px}.pack-levels__card-overlay{top:6px;left:6px}.pack-levels__card-number{font-size:11px}.pack-levels__drag-handle{padding:2px}.pack-levels__drag-handle--preview{right:6px;bottom:6px}.pack-levels__drag-handle svg{width:13px;height:13px}.pack-levels__card-body{padding:4px 6px}.pack-levels__card-actions{gap:2px;flex-wrap:wrap}.pack-levels__card-btn{width:24px;height:24px;border-radius:7px}.pack-levels__card-btn svg{width:16px;height:16px}.pack-levels__completion-badge{top:6px;right:6px}.pack-levels__completion-badge--dots{min-width:0;padding:4px 5px;gap:2px;border-radius:8px}.pack-levels__dot-row{gap:2px}.pack-levels__dot{width:6px;height:6px}.hp-card__add-inner,.pack-levels__add-inner{gap:7px;padding:10px}.hp-card__add-icon svg,.pack-levels__add-icon svg{width:44px;height:44px}.hp-card__add-title,.pack-levels__add-title{max-width:140px;font-size:12px}}@media(max-width:768px)and (orientation:landscape),(max-height:520px)and (orientation:landscape){.hp:before{height:auto}.hp-nav__inner{padding-top:10px;min-height:56px}.hp-hero{padding-top:4px;padding-bottom:14px}.hp-hero__copy{padding:0}.hp-hero__logo-wrap{width:clamp(180px,31.5vw,250px);max-width:76vh;margin-bottom:4px}.hp-hero__logo{max-width:100%}.hp-hero__logo-wrap:before{top:calc(50% + 4px);width:122%;height:126%}.hp-hero__actions{margin-top:4px}.hp-packs{max-width:min(720px,calc(100vw - 32px));padding-top:4px}.hp--with-bg:before{background:linear-gradient(180deg,#141b282e,#141b280a 48%,#f8fafb00),var(--hp-home-bg) center top / cover no-repeat,radial-gradient(ellipse at 50% 10%,rgba(53,180,177,.18),transparent 60%),#303c54}.hp-packs__grid,.pack-levels__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-page__canvases{flex-direction:row}}.auth-modal-overlay{position:fixed;inset:0;z-index:12300;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:authOverlayIn .2s ease}@keyframes authOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes authModalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal{position:relative;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:var(--panel-bg);color:var(--panel-ink);border:3px solid #fff;border-radius:22px;padding:40px 32px;box-shadow:var(--panel-shadow);animation:authModalIn .25s ease}.auth-modal__close{position:absolute;top:35px;right:14px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center}@media(hover:hover)and (pointer:fine){.auth-modal__close:hover{color:var(--text);background:var(--bg-surface-hover)}}.auth-modal__header{text-align:center;margin-bottom:28px}.auth-modal__title{margin-top:0;padding-inline:28px;font-size:22px;font-weight:700;line-height:28px;margin-bottom:6px;color:var(--panel-ink)}.auth-modal__subtitle{font-size:14px;color:var(--panel-muted);line-height:1.5}.auth-modal__google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;font-size:14px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;transition:all .15s;font-family:var(--font)}@media(hover:hover)and (pointer:fine){.auth-modal__google-btn:hover{border-color:var(--border-focus);background:var(--bg-surface-hover)}}.auth-modal__google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal__divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--text-muted);font-size:12px}.auth-modal__divider:before,.auth-modal__divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-modal__form{display:flex;flex-direction:column;gap:16px}.auth-modal__field{display:flex;flex-direction:column;gap:6px}.auth-modal__field label{font-size:13px;font-weight:600;color:var(--panel-muted)}.auth-modal__field input{padding:10px 14px;font-size:14px;border:1px solid var(--panel-line);border-radius:var(--radius);background:#fff;color:var(--panel-ink);outline:none;transition:border-color .15s;font-family:var(--font)}.auth-modal__field input:focus{border-color:var(--border-focus)}.auth-modal__forgot-link{background:none;border:none;color:var(--accent-teal);font-size:13px;font-weight:500;cursor:pointer;text-align:right;padding:0;margin-top:-8px;font-family:var(--font)}@media(hover:hover)and (pointer:fine){.auth-modal__forgot-link:hover{text-decoration:underline}}.auth-modal__error{font-size:13px;color:var(--danger);padding:8px 12px;background:#e055551a;border-radius:var(--radius-sm)}.auth-modal__submit-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px;font-size:14px;font-weight:600;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;transition:all .15s;font-family:var(--font);width:100%}@media(hover:hover)and (pointer:fine){.auth-modal__submit-btn:hover{background:var(--accent-hover)}}.auth-modal__submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal__cancel-btn{padding:12px;font-size:14px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;transition:all .15s;font-family:var(--font);width:100%}@media(hover:hover)and (pointer:fine){.auth-modal__cancel-btn:hover{background:var(--bg-surface-hover)}}.auth-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal__switch{text-align:center;font-size:13px;color:var(--text-secondary);margin-top:20px}.auth-modal__switch button{background:none;border:none;color:var(--accent-teal);font-weight:600;cursor:pointer;font-family:var(--font);font-size:13px}@media(hover:hover)and (pointer:fine){.auth-modal__switch button:hover{text-decoration:underline}}.auth-modal__conflict{text-align:center}.auth-modal__conflict-icon{color:var(--accent-teal);margin-bottom:16px}.auth-modal__conflict .auth-modal__title{margin-bottom:8px}.auth-modal__conflict .auth-modal__subtitle{margin-bottom:28px}.auth-modal__conflict-options{display:flex;flex-direction:column;gap:8px}.auth-modal__conflict-hint{font-size:12px;color:var(--text-muted);margin-bottom:12px;line-height:1.4}.auth-modal__conflict-form{text-align:left;gap:12px}.auth-modal__conflict-form .auth-modal__forgot-link{margin-top:-4px}.auth-modal__conflict-form .auth-modal__conflict-hint{text-align:center;margin-bottom:0}.auth-modal__conflict-cancel{margin-top:20px}.auth-modal__provider-stack{display:flex;flex-direction:column;gap:10px}.auth-modal__forgot-success{text-align:center}.auth-modal__forgot-success-icon{color:var(--accent-teal);margin-bottom:16px}.auth-modal__forgot-success .auth-modal__title{margin-bottom:8px}.auth-modal__forgot-success .auth-modal__subtitle{margin-bottom:28px}.auth-modal__forgot-success strong{color:var(--text)}@media(max-width:480px){.editor__source-entry{padding:12px}.editor__source-entry-card,.editor__source-entry-card--split{width:min(100%,220px)}.editor__canvas-dropzone--source{max-width:220px;min-height:132px;padding:12px 8px}.editor__canvas-dropzone--source .dropzone__placeholder{gap:6px}.editor__canvas-dropzone--source .dropzone__placeholder>svg{width:28px;height:28px}.editor__canvas-dropzone--source .dropzone__progress-ring,.editor__canvas-dropzone--source .dropzone__progress-ring svg{width:64px;height:64px}.editor__canvas-dropzone--source .dropzone__placeholder>span{font-size:11px}.editor__canvas-dropzone--source .dropzone__placeholder small{font-size:9px;line-height:1.2;max-width:148px}.editor__canvas-dropzone--source .dropzone__actions--stacked{width:min(100%,156px);gap:8px}.editor__canvas-dropzone--source .dropzone__action-btn{font-size:10px;padding:7px 10px}.editor__canvas-dropzone--source .dropzone__action-content{grid-template-columns:14px auto 14px;column-gap:6px;min-height:16px}.editor__canvas-dropzone--source .dropzone__action-icon,.editor__canvas-dropzone--source .dropzone__action-icon svg,.editor__canvas-dropzone--source .dropzone__action-icon-spacer{width:14px;height:14px}.editor__modal--difference-review{width:100%;padding:12px;gap:8px}.editor__modal--difference-review .editor__modal-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px}.editor__modal--difference-review .editor__modal-header>:first-child{grid-column:1;grid-row:1}.editor__modal--difference-review .editor__modal-header-actions{display:contents}.editor__modal--difference-review .editor__modal-close-button{grid-column:2;grid-row:1}.editor__difference-review-counter{grid-column:1;grid-row:2;justify-self:start;min-height:28px;padding:4px 10px;font-size:11px}.editor__difference-review-grid{grid-template-columns:repeat(2,minmax(0,160px));gap:16px 14px}.editor__modal--welcome{width:100%;padding:16px}.editor__welcome-hint-grid{grid-template-columns:1fr}.editor__difference-review-card{gap:6px}.editor__difference-review-media{--editor-review-max-height: 180px}.editor__modal--difference-review .editor__modal-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.editor__modal--difference-review .editor__modal-actions-group{display:flex;flex-wrap:wrap;gap:8px}.editor__modal--difference-review .editor__modal-actions-group:first-child{justify-content:flex-start}.editor__modal--difference-review .editor__modal-actions-group:last-child{justify-content:flex-end}.editor__modal--difference-review .editor__modal-actions-group:empty{display:none}.auth-modal{padding:28px 20px;margin:10px}.auth-modal__title{padding-inline:42px;font-size:20px;line-height:26px}.auth-modal__close{top:22px;right:12px}}@media(max-width:768px){.editor__modal-backdrop,.auth-modal-overlay{align-items:center;justify-content:center;padding-top:calc(env(safe-area-inset-top,0px) + 16px);padding-right:16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);padding-left:16px;overflow-y:auto}.editor__modal-backdrop--pack-context-center{align-items:center;padding-top:16px}.editor__modal,.editor__modal--difference-review,.auth-modal{margin-top:auto;margin-bottom:auto;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px)}.editor__modal--unsaved-exit{width:100%}.editor__modal-actions--unsaved-exit{display:grid;grid-template-columns:1fr}.editor__modal-actions--unsaved-exit .editor__header-btn{width:100%}}.legal-page{min-height:100vh;background:#eef2f7}.legal-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#3c475ef0;border-bottom:1px solid rgba(255,255,255,.08)}.legal-header__inner{max-width:980px;margin:0 auto;padding:0 24px;min-height:76px;display:flex;align-items:center;gap:16px}.legal-header .icon-btn{border-color:#fff3;color:#ffffffd1}@media(hover:hover)and (pointer:fine){.legal-header .icon-btn:hover{border-color:#fff6;color:#fff;background:#ffffff1a}}.legal-header__copy{display:flex;flex-direction:column;gap:4px;min-width:0}.legal-hero__eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.legal-header__eyebrow{color:#ffffffa3}.legal-header__title{font-size:20px;font-weight:700;line-height:1.2;color:#fff}.legal-main{max-width:980px;margin:0 auto;padding:28px 24px 64px}.legal-hero__card{padding:28px 32px 32px;border-radius:28px;background:#fffffff0;border:1px solid rgba(48,60,84,.08);box-shadow:0 24px 48px #1921311f}.legal-hero__eyebrow{color:var(--text-muted)}.legal-hero__title{margin-top:10px;font-size:clamp(28px,4vw,42px);line-height:1.05;font-weight:800;color:var(--text)}.legal-hero__text{margin-top:18px;max-width:760px;font-size:16px;line-height:1.7;color:var(--text-secondary)}.legal-hero__meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:13px;color:var(--text-muted)}.legal-nav{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.legal-nav__link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(48,60,84,.12);background:#ffffffc7;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600;transition:all .15s ease}@media(hover:hover)and (pointer:fine){.legal-nav__link:hover{border-color:#303c543d;background:#fff;color:var(--text)}}.legal-nav__link--active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 12px 24px #303c5429}.legal-notice{margin-top:20px;padding:16px 18px;border-radius:18px;border:1px solid transparent;font-size:14px;line-height:1.6}.legal-notice--info{background:#2baec214;border-color:#2baec22e;color:#23454e}.legal-notice--warning{background:#f5c51824;border-color:#d19a0c38;color:#604a12}.legal-account-action{margin-top:20px;padding:22px 24px;border-radius:24px;border:1px solid color-mix(in srgb,var(--danger) 22%,transparent);background:color-mix(in srgb,var(--danger) 7%,#fff 93%);box-shadow:0 18px 36px #232b3a14}.legal-account-action__title{font-size:18px;line-height:1.3;font-weight:800;color:var(--text)}.legal-account-action__text,.legal-account-action__warning,.legal-account-action__error{margin-top:10px;font-size:14px;line-height:1.65;color:var(--text-secondary)}.legal-account-action__controls{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.legal-account-action__button{min-height:42px;padding:0 18px;border-radius:999px;border:1px solid transparent;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.legal-account-action__button--primary{margin-top:16px}.legal-account-action__button--primary,.legal-account-action__button--danger{background:var(--danger);color:#fff}.legal-account-action__button--secondary{border-color:#303c5424;background:#fff;color:var(--text)}.legal-account-action__button:disabled{opacity:.6;cursor:not-allowed}.legal-account-action__warning,.legal-account-action__error{color:var(--danger)}.legal-sections{margin-top:20px;display:flex;flex-direction:column;gap:16px}.legal-form form{display:grid;gap:10px}.legal-form__label{margin-top:6px;color:#303c54;font-size:14px;font-weight:700}.legal-form__input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(48,60,84,.2);border-radius:12px;background:#fff;color:#1f2533;font:inherit;font-size:16px}.legal-form__textarea{resize:vertical;min-height:120px}.legal-form__fieldset{display:grid;gap:8px;margin:6px 0 0;padding:0;border:0}.legal-form__radio{display:flex;align-items:flex-start;gap:8px;color:#303c54;font-size:15px}.legal-form__hint{margin:4px 0 0;color:#5c6478;font-size:13px}.legal-form__error{margin:0;color:#c03b3b;font-weight:700}.legal-form__success{margin:0 0 12px;color:#15803d;font-weight:700;line-height:1.5}.legal-form__summary{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0 0 16px;color:#303c54}.legal-form__summary dt{font-weight:700}.legal-form__summary dd{margin:0;overflow-wrap:anywhere}.legal-form__submit{justify-self:start;margin-top:8px;padding:10px 22px;border:0;border-radius:999px;background:#303c54;color:#fff;font:inherit;font-weight:800;cursor:pointer}.legal-form__submit:disabled{opacity:.6;cursor:default}@media print{.legal-header,.legal-form__submit{display:none}}.legal-section{padding:26px 28px;border-radius:24px;background:#ffffffeb;border:1px solid rgba(48,60,84,.08);box-shadow:0 18px 36px #232b3a14}.legal-section__title{font-size:18px;line-height:1.3;font-weight:700;color:var(--text)}.legal-section__text{margin-top:14px;font-size:15px;line-height:1.75;color:var(--text-secondary)}.legal-section__list{margin-top:14px;padding-left:20px;display:grid;gap:10px;color:var(--text-secondary);font-size:15px;line-height:1.7}.info-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:32px}.info-hero__cta{margin-top:22px;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:14px;background:#ffb21a;box-shadow:0 4px #d98a00;color:#3a2600;font-size:16px;font-weight:800;text-decoration:none}@media(hover:hover)and (pointer:fine){.info-hero__cta:hover{filter:brightness(1.05)}}.info-hero__shot{display:block;width:100%;height:auto;border-radius:22px;border:1px solid rgba(48,60,84,.12);box-shadow:0 18px 36px #232b3a29}.info-section__links{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px;font-weight:600}.info-related{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.info-related__card{display:flex;flex-direction:column;gap:8px;padding:22px 24px;border-radius:24px;background:#ffffffeb;border:1px solid rgba(48,60,84,.08);box-shadow:0 18px 36px #232b3a14;color:var(--text-secondary);font-size:14px;line-height:1.6;text-decoration:none}.info-related__card strong{font-size:17px;line-height:1.3;color:var(--text)}@media(max-width:768px){.info-hero{grid-template-columns:1fr;gap:24px}.info-hero__shot{max-width:260px;margin:0 auto}}@media(max-width:768px){.hp-footer{padding:22px 16px}.hp-footer__inner{flex-direction:column;align-items:center;gap:14px;text-align:center}.hp-footer__links{justify-content:center;gap:8px 14px}.legal-header__inner{padding:0 16px;min-height:72px}.legal-header__title{font-size:18px}.legal-main{padding:20px 16px 48px}.legal-hero__card{padding:24px 20px;border-radius:24px}.legal-nav{gap:8px}.legal-nav__link{min-height:38px;font-size:13px}.legal-section{padding:22px 18px;border-radius:20px}}@media(max-width:480px){.legal-hero__meta{flex-direction:column;gap:6px}}.hero-player{position:relative;overflow:visible}.hero-player__box,.hero-player__poster{position:absolute;inset:0;width:100%;height:100%}.hero-player__box{pointer-events:none}.hero-stage{position:absolute;transform-origin:0 0}.hero-layer{position:absolute;width:0;height:0;transform-origin:0 0}.hero-sprite{position:absolute;background-repeat:no-repeat}.hero-thumb{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hero-thumb--locked{filter:brightness(0);opacity:.55}.hero-silhouette{display:block;width:100%;height:100%;fill:color-mix(in srgb,currentColor 18%,transparent)}.hero-silhouette__shadow{fill:#0000002e}.chest-opening{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 90% 70% at 50% 45%,#241a46,#0b0718 70%);color:#fff;--rc: #ffcf3f}.chest-opening__glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--rc) 22%,transparent) 0%,transparent 55%);opacity:0;transition:opacity .5s}.chest-opening__rays{position:absolute;left:50%;top:45%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;opacity:0;transition:opacity .6s;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 9%,transparent) 0deg 7deg,transparent 7deg 20deg);mask:radial-gradient(circle,#000 0%,transparent 45%);-webkit-mask:radial-gradient(circle,#000 0%,transparent 45%);animation:chest-opening-spin 24s linear infinite}@keyframes chest-opening-spin{to{transform:rotate(360deg)}}.chest-opening__stage{position:relative;margin-top:-6vh;animation:chest-opening-drop .6s cubic-bezier(.3,0,.6,1) both}@keyframes chest-opening-drop{0%{opacity:0;transform:translateY(-70vh)}15%{opacity:1}62%{transform:translateY(0) scale(1.08,.9)}80%{transform:translateY(-3%) scale(.97,1.04)}to{transform:none}}.chest-opening__chest{width:min(80vw,460px);height:min(60vh,540px);transition:transform .45s cubic-bezier(.5,0,.75,0),opacity .45s}.chest-opening__count{position:absolute;left:50%;top:88%;transform:translate(-50%) rotate(-4deg);padding:2px 14px;border:2px solid #a86400;border-radius:12px;background:linear-gradient(180deg,#ffd84d,#f29a00);box-shadow:0 4px #b06a00,inset 0 2px #ffffff73;font-size:26px;font-weight:900;line-height:1.2;text-shadow:0 2px 0 #7a4300,1.4px 0 0 #7a4300,-1.4px 0 0 #7a4300,0 1.4px 0 #7a4300,0 -1.4px 0 #7a4300,1px 1px 0 #7a4300,-1px 1px 0 #7a4300,1px -1px 0 #7a4300,-1px -1px 0 #7a4300;transition:opacity .2s}.chest-opening--opened .chest-opening__count{opacity:0}.chest-opening__tap{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-end;justify-content:center;margin:0;padding:0 16px calc(4vh + 78px);border:0;background:none;color:inherit;font:inherit;cursor:pointer;outline:none}.chest-opening__hint{font-size:22px;font-weight:900;text-shadow:0 2px 0 #1f2942,1.4px 0 0 #1f2942,-1.4px 0 0 #1f2942,0 1.4px 0 #1f2942,0 -1.4px 0 #1f2942,1px 1px 0 #1f2942,-1px 1px 0 #1f2942,1px -1px 0 #1f2942,-1px -1px 0 #1f2942;animation:chest-opening-fade .4s .7s both,chest-opening-hint 1.4s 1.1s ease-in-out infinite}.chest-opening__tap:focus-visible .chest-opening__hint{text-decoration:underline}@keyframes chest-opening-fade{0%{opacity:0}}@keyframes chest-opening-hint{50%{opacity:.5;transform:scale(.96)}}.chest-opening__flash{position:absolute;inset:0;z-index:2;background:radial-gradient(circle min(75vmin,560px) at 50% 45%,#fff 0%,color-mix(in srgb,var(--rc) 60%,#fff) 30%,transparent 100%);opacity:0;pointer-events:none}.chest-opening__hero{position:absolute;top:6vh;width:min(90vw,520px);height:min(62vh,600px,calc((90vh - 82px - var(--label-h, 0px)) / var(--socket-bottom, 1)));margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;opacity:0;pointer-events:none;container-type:size}.chest-opening__figure{width:100%;height:100%}.chest-opening__pedestal{top:83.333%;width:calc(100cqh * .476)}.chest-opening__label{position:absolute;z-index:2;bottom:calc(4vh + 78px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:0 16px}.chest-opening__label>*{animation:chest-opening-rise .4s cubic-bezier(.2,1.4,.4,1) both;animation-delay:.3s}.chest-opening__label>:nth-child(2){animation-delay:.42s}.chest-opening__label>:nth-child(3){animation-delay:.54s}.chest-opening__label>:nth-child(4){animation-delay:.66s}@keyframes chest-opening-rise{0%{opacity:0;transform:translateY(24px) scale(.9)}}.chest-opening__lucky{display:block;width:fit-content;margin:0 auto 8px;padding:5px 14px;border-radius:999px;background:linear-gradient(180deg,#ffd24d,#f4a300);color:#3a2a00;box-shadow:0 0 24px #ffcf3f99;font-size:14px;font-weight:900;letter-spacing:1px;text-transform:uppercase;animation:chest-opening-rise .4s .3s cubic-bezier(.2,1.4,.4,1) both,chest-opening-lucky 1.2s .7s ease-in-out infinite alternate}@keyframes chest-opening-lucky{to{box-shadow:0 0 40px #ffcf3ff2;transform:scale(1.06)}}.chest-opening__label>.hero-ribbon{margin-top:4px;margin-bottom:12px}.chest-opening__label>.hero-plaque{width:min(100%,360px);margin-top:6px}.hero-tags{margin:2px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px}.hero-tag{--tag-ink: color-mix(in srgb, var(--tag-color) 40%, #120a00);position:relative;height:32px;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;padding:0 12px 0 4px;border:2px solid color-mix(in srgb,var(--tag-color) 55%,#000);border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--tag-color) 50%,#fff),var(--tag-color) 85%);box-shadow:0 3px color-mix(in srgb,var(--tag-color) 50%,#000),inset 0 2px #ffffff8c;color:#fff;font-size:14px;font-weight:900;white-space:nowrap;text-shadow:0 2px 0 var(--tag-ink),1px 0 0 var(--tag-ink),-1px 0 0 var(--tag-ink),0 1px 0 var(--tag-ink),0 -1px 0 var(--tag-ink),.7px .7px 0 var(--tag-ink),-.7px .7px 0 var(--tag-ink),.7px -.7px 0 var(--tag-ink),-.7px -.7px 0 var(--tag-ink)}.hero-tag__emblem{width:24px;height:24px;flex:none;border-radius:50%;box-shadow:0 1px #ffffff80}.hero-tag--unique{--tag-ink: #3b2a7a;border-color:#3b2a7a;background:var(--unique-shimmer);background-size:200% 100%;box-shadow:0 3px #2a1d5c,inset 0 2px #ffffff8c;animation:hero-tag-shimmer 6s linear infinite}@keyframes hero-tag-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@media(prefers-reduced-motion:reduce){.hero-tag--unique{animation:none}}.hero-tag .hero-tag__chest{width:24px;height:24px;flex:none;object-fit:cover;object-position:50% 65%;filter:drop-shadow(0 1px 0 rgba(0,0,0,.3))}.hero-plaque{width:min(100%,360px);margin-top:6px}.chest-opening__more{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px;max-width:560px}.chest-opening__summary{font-size:17px;font-weight:900;text-shadow:0 2px 0 #1f2942,1.2px 0 0 #1f2942,-1.2px 0 0 #1f2942,0 1.2px 0 #1f2942,0 -1.2px 0 #1f2942,.8px .8px 0 #1f2942,-.8px .8px 0 #1f2942,.8px -.8px 0 #1f2942,-.8px -.8px 0 #1f2942}.chest-opening__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-height:30vh;padding:4px 4px 6px;overflow-y:auto}.chest-opening__item{position:relative;width:58px;display:flex;flex-direction:column;align-items:center;padding:4px 2px 5px;border:2px solid color-mix(in srgb,var(--rc) 70%,#000);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 45%,#fff),var(--rc));box-shadow:0 3px color-mix(in srgb,var(--rc) 55%,#000),inset 0 2px #fff6;animation:chest-opening-item .35s both}.chest-opening__thumb{width:50px;height:54px;object-fit:cover;object-position:50% 70%}.chest-opening__gain{font-size:15px;font-weight:900;line-height:1.1;text-shadow:0 2px 0 rgba(0,0,0,.45),1px 0 0 rgba(0,0,0,.45),-1px 0 0 rgba(0,0,0,.45),0 1px 0 rgba(0,0,0,.45),0 -1px 0 rgba(0,0,0,.45)}.chest-opening__level{padding:1px 6px;border-radius:6px;background:#00000052;font-size:11px;font-weight:900}.chest-opening__item--new .chest-opening__level,.chest-opening__item--up .chest-opening__level{background:linear-gradient(180deg,#ffd84d,#e09400);color:#3a2a00}@keyframes chest-opening-item{0%{opacity:0;transform:scale(.6)}}.chest-opening__actions{position:absolute;z-index:3;bottom:4vh;display:flex;gap:12px;opacity:0;pointer-events:none;transition:opacity .3s}.chest-opening--charged .chest-opening__glow{opacity:.7}.chest-opening--revealed .chest-opening__glow,.chest-opening--revealed .chest-opening__rays{opacity:1}.chest-opening--revealed .chest-opening__chest{transform:translateY(35%) scale(.7);opacity:0}.chest-opening--revealed .chest-opening__flash{animation:chest-opening-flash .7s ease-out}@keyframes chest-opening-flash{0%{opacity:0}10%{opacity:1}to{opacity:0}}.chest-opening--revealed .chest-opening__hero{animation:chest-opening-pop .6s cubic-bezier(.2,1.5,.4,1) forwards;pointer-events:auto}.chest-opening--done .chest-opening__actions{opacity:1;pointer-events:auto}@keyframes chest-opening-pop{0%{opacity:0;transform:scale(.2) translateY(30%)}30%{opacity:1}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.chest-opening__stage,.chest-opening__hint,.chest-opening__label>*,.chest-opening--revealed .chest-opening__flash{animation:none}}.hero-pedestal{position:absolute;left:50%;z-index:0;height:auto;overflow:visible;fill:none;stroke:none;pointer-events:none}.hero-pedestal__pulse{animation:hero-pedestal-pulse 2.4s ease-in-out infinite}.hero-pedestal__mote{opacity:0;animation:hero-pedestal-rise linear infinite}@keyframes hero-pedestal-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes hero-pedestal-rise{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-70px);opacity:0}}@media(prefers-reduced-motion:reduce){.hero-pedestal__pulse,.hero-pedestal__mote{animation:none}}.hero-ribbon{--ribbon-from: #fbecd0;--ribbon-to: #ead1a2;--ribbon-border: #b98a4a;--ribbon-lip: #9a6a2c;--ribbon-tail-from: #d9b57a;--ribbon-tail-to: #b98a4a;--ribbon-ink: #5b3a14;position:relative;z-index:1;align-self:center;max-width:calc(100% - 48px)}.hero-ribbon:before,.hero-ribbon:after{content:"";position:absolute;top:12px;bottom:-8px;z-index:-1;width:34px;background:linear-gradient(180deg,var(--ribbon-tail-from),var(--ribbon-tail-to))}.hero-ribbon:before{left:-24px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,34% 50%)}.hero-ribbon:after{right:-24px;clip-path:polygon(0 0,100% 0,66% 50%,100% 100%,0 100%)}.hero-ribbon__name{position:relative;margin:0;padding:4px 30px 8px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;border:2px solid var(--ribbon-border);border-radius:8px;background:linear-gradient(180deg,var(--ribbon-from),var(--ribbon-to));box-shadow:0 4px 0 var(--ribbon-lip),inset 0 2px #ffffffb3;color:#fff;font-size:30px;font-weight:900;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 3px 0 var(--ribbon-ink),1.5px 0 0 var(--ribbon-ink),-1.5px 0 0 var(--ribbon-ink),0 1.5px 0 var(--ribbon-ink),0 -1.5px 0 var(--ribbon-ink),1px 1px 0 var(--ribbon-ink),-1px 1px 0 var(--ribbon-ink),1px -1px 0 var(--ribbon-ink),-1px -1px 0 var(--ribbon-ink)}.hero-ribbon__name--long{padding-inline:16px;font-size:22px}.hero-ribbon__name--longer{padding-inline:12px;font-size:18px}.hero-ribbon__mark{display:inline-flex;flex:none;align-items:center;gap:2px}.hero-ribbon__label{white-space:nowrap}.hero-ribbon--compact{max-width:calc(100% - 16px)}.hero-ribbon--compact:before,.hero-ribbon--compact:after{top:6px;bottom:-4px;width:16px}.hero-ribbon--compact:before{left:-10px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%)}.hero-ribbon--compact:after{right:-10px;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%)}.hero-ribbon--compact .hero-ribbon__name,.hero-ribbon--compact .hero-ribbon__name--long,.hero-ribbon--compact .hero-ribbon__name--longer{padding:2px 10px 4px;border-width:2px;font-size:13px;text-shadow:0 2px 0 var(--ribbon-ink),1px 0 0 var(--ribbon-ink),-1px 0 0 var(--ribbon-ink),0 1px 0 var(--ribbon-ink),0 -1px 0 var(--ribbon-ink)}.hero-ribbon--plate{--plate-s: var(--plate-scale, 1);min-width:0;max-width:calc(100% - 16px * var(--plate-s));margin-inline:calc(8px * var(--plate-s))}.hero-ribbon--plate:before,.hero-ribbon--plate:after{top:calc(5px * var(--plate-s));bottom:calc(-4px * var(--plate-s));width:calc(14px * var(--plate-s))}.hero-ribbon--plate:before{left:calc(-8px * var(--plate-s));clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%)}.hero-ribbon--plate:after{right:calc(-8px * var(--plate-s));clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%)}.hero-ribbon--plate .hero-ribbon__name,.hero-ribbon--plate .hero-ribbon__name--long,.hero-ribbon--plate .hero-ribbon__name--longer{max-width:100%;box-sizing:border-box;padding:2px calc(8px * var(--plate-s)) calc(3px * var(--plate-s));gap:calc(4px * var(--plate-s));border-radius:calc(6px * var(--plate-s));box-shadow:0 3px 0 var(--ribbon-lip),inset 0 1px #ffffffb3;font-size:calc(13px * var(--plate-s));line-height:1.35;text-shadow:0 2px 0 var(--ribbon-ink),1px 0 0 var(--ribbon-ink),-1px 0 0 var(--ribbon-ink),0 1px 0 var(--ribbon-ink),0 -1px 0 var(--ribbon-ink)}.hero-ribbon--plate .hero-ribbon__label{min-width:0;font-size:calc(1em * var(--name-fit, 1));line-height:calc(1.35em / var(--name-fit, 1));margin:-2px -3px;padding:2px 3px;overflow:hidden;text-overflow:ellipsis}.hero-plaque{display:flex;flex-direction:column;gap:8px;padding:10px 14px 12px;border:2px solid #f2b632;border-radius:16px;background:linear-gradient(180deg,#2d3b5c,#1f2942);box-shadow:0 4px #b87600,inset 0 1px #ffffff1f;color:#ffffffdb;font-size:15px;font-weight:800;text-align:left}.hero-plaque__row{display:flex;align-items:center;gap:10px}.hero-plaque__level{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.hero-plaque__level--shake{animation:hero-plaque-shake .4s ease-in-out}@keyframes hero-plaque-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.hero-plaque__badge{width:28px;height:31px;flex:none;display:grid;place-items:center;background:linear-gradient(180deg,#ffd84d,#e09400);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#1f2942;font-size:15px;font-weight:900}.hero-plaque__title{flex:1;min-width:0;color:#fff;font-size:18px;font-weight:900}.hero-plaque__count{color:#fff;font-size:17px;font-weight:900}.hero-plaque__segments{height:16px;display:flex;gap:4px;padding:2px;border-radius:7px;background:#0000004d}.hero-plaque__segment{flex:1;min-width:0;overflow:hidden;border-radius:4px;background:#ffffff1a}.hero-plaque__segment>span{width:100%;height:100%;display:block;transform-origin:left center;background:linear-gradient(180deg,color-mix(in srgb,var(--rarity-color) 35%,#fff),var(--rarity-color));box-shadow:inset 0 -2px #0000002e}.hero-plaque__fill--pop{animation:hero-plaque-fill .2s ease-out}@keyframes hero-plaque-fill{0%{transform:scaleX(0)}}.hero-plaque__per-level{flex:1;min-width:0}.hero-plaque__bonus{display:inline-flex;align-items:center;gap:6px;color:#ffd24d;font-size:30px;font-weight:900;line-height:1;text-shadow:0 3px 0 #5a3500,1.5px 0 0 #5a3500,-1.5px 0 0 #5a3500,0 1.5px 0 #5a3500,0 -1.5px 0 #5a3500,1px 1px 0 #5a3500,-1px 1px 0 #5a3500,1px -1px 0 #5a3500,-1px -1px 0 #5a3500}.hero-plaque__bonus--pop{animation:hero-plaque-pop .4s ease-out}@keyframes hero-plaque-pop{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}:root{--unique: #4ee6dc;--unique-ink: #0b3b46;--unique-shimmer: linear-gradient(120deg, #5ff3e6, #8f7bff 45%, #ff8ad8 75%, #5ff3e6);--unique-night: linear-gradient(150deg, #1d3a73 0%, #1a1450 55%, #0e0a2a 100%)}@keyframes unique-shimmer{0%{background-position:0 0,0% 50%}to{background-position:0 0,200% 50%}}.hero-plaque--unique{border:2px solid transparent;background:var(--unique-night) padding-box,var(--unique-shimmer) border-box;background-size:auto,200% 100%;box-shadow:0 4px #3b2a7a,inset 0 1px #ffffff1f;animation:unique-shimmer 6s linear infinite}.hero-plaque--unique .hero-plaque__badge{background:var(--unique-shimmer);color:var(--unique-ink)}@media(prefers-reduced-motion:reduce){.hero-plaque--unique{animation:none}}.unique-growth{display:flex;flex-direction:column;gap:6px}.unique-growth__title{margin:0;color:#ffffffdb;font-size:13px;font-weight:800}.unique-growth__steps{display:flex;gap:12px;margin:0 -4px;padding:10px 4px 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;list-style:none}.unique-growth__steps--scroll{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}.unique-growth__steps::-webkit-scrollbar{display:none}.unique-growth__step{position:relative;flex:1 0 66px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 5px;border:2px solid transparent;border-radius:10px;background:#00000040;opacity:.55}.unique-growth__step:not(:last-child):after{content:"›";position:absolute;top:50%;inset-inline-end:-11px;transform:translateY(-50%);color:var(--unique);font-size:16px;font-weight:900;line-height:1}[dir=rtl] .unique-growth__step:not(:last-child):after{content:"‹"}.unique-growth__step--reached{opacity:1}.unique-growth__step--current{border-color:var(--unique);background:#4ee6dc29;box-shadow:0 0 10px #4ee6dc73}.unique-growth__step b{color:#fff;font-size:13px;font-weight:900;white-space:nowrap}.unique-growth__step--current b{color:var(--unique)}.unique-growth__chest{width:28px;height:32px}.unique-growth__now{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:1px 6px;border-radius:999px;background:var(--unique-shimmer);color:var(--unique-ink);font-size:10px;font-weight:900;line-height:14px;text-transform:uppercase;white-space:nowrap}.hero-plaque__star{width:30px;height:30px;filter:drop-shadow(0 0 6px rgba(255,210,77,.7))}.hero-button{min-height:58px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;border:2px solid #137a63;border-radius:16px;background:linear-gradient(180deg,#45d3ad,#1fa184);box-shadow:0 5px #157560,inset 0 2px #ffffff59;color:#fff;font:inherit;font-size:24px;font-weight:900;line-height:1.05;text-shadow:0 2px 0 #106050,1.4px 0 0 #106050,-1.4px 0 0 #106050,0 1.4px 0 #106050,0 -1.4px 0 #106050,1px 1px 0 #106050,-1px 1px 0 #106050,1px -1px 0 #106050,-1px -1px 0 #106050;cursor:pointer;transition:transform .08s,box-shadow .08s}.hero-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #157560,inset 0 2px #ffffff59}.hero-button:disabled{cursor:default;opacity:.7}.hero-ribbon__sticker{position:absolute;top:-16px;right:-30px;padding:3px 10px;border:2px solid #9c1b2f;border-radius:10px;background:linear-gradient(180deg,#ff6a6a,#e0263f);box-shadow:0 3px #8a1426;color:#fff;font-size:15px;font-weight:900;white-space:nowrap;text-shadow:0 2px 0 #7a1020,1px 0 0 #7a1020,-1px 0 0 #7a1020,0 1px 0 #7a1020,0 -1px 0 #7a1020;transform:rotate(8deg);animation:hero-ribbon-sticker .5s .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes hero-ribbon-sticker{0%{opacity:0;transform:rotate(8deg) scale(2.2)}}.hero-button small{font-size:13px;font-weight:800;opacity:.92}.hero-button--gold{border-color:#a86400;background:linear-gradient(180deg,#ffd84d,#f29a00);box-shadow:0 5px #b06a00,inset 0 2px #ffffff73;text-shadow:0 2px 0 #7a4300,1.4px 0 0 #7a4300,-1.4px 0 0 #7a4300,0 1.4px 0 #7a4300,0 -1.4px 0 #7a4300,1px 1px 0 #7a4300,-1px 1px 0 #7a4300,1px -1px 0 #7a4300,-1px -1px 0 #7a4300}.hero-button--gold:active:not(:disabled){box-shadow:0 1px #b06a00,inset 0 2px #ffffff73}.chest-opening__actions .hero-button{min-width:140px}.chest-opening__intro{position:absolute;top:7vh;left:16px;right:16px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;pointer-events:none;animation:chest-opening-fade .4s .7s both}.chest-opening__intro-title{margin:0;color:#ffe27a;font-size:36px;font-weight:900;text-shadow:0 3px 0 #7a4300,1.4px 0 0 #7a4300,-1.4px 0 0 #7a4300,0 1.4px 0 #7a4300,0 -1.4px 0 #7a4300}.chest-opening__intro-gift{margin:0;font-size:19px;font-weight:900;text-shadow:0 2px 0 #1f2942,1.4px 0 0 #1f2942,-1.4px 0 0 #1f2942,0 1.4px 0 #1f2942,0 -1.4px 0 #1f2942}.chest-opening__intro-stars{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:6px 16px;border-radius:999px;background:#fffdf8;box-shadow:0 4px #c9b89a;color:#3a3226;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}.chest-opening__intro-stars .hp-arena__icon{width:22px;height:22px}.arena-modal.league-dialog{height:min(740px,calc(100dvh - 32px));overflow:hidden;background:#f4f1ec;text-align:left}.league-dialog .arena-modal__title{text-align:center}.league-dialog__state{flex:1;margin:0;display:flex;align-items:center;justify-content:center;color:var(--panel-muted);font-weight:800;text-align:center}.league-dialog__scroll{flex:1;min-height:0;margin:0 -20px;padding:2px 20px 8px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px}.league-dialog .league-banner{--banner-deep: color-mix(in srgb, var(--tier-color) 70%, #000);position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:10px 14px 14px;overflow:hidden;isolation:isolate;border:2px solid color-mix(in srgb,var(--tier-color) 78%,#000);border-radius:20px;background:radial-gradient(ellipse 40% 55% at 50% 48%,rgba(255,255,255,.6),transparent),radial-gradient(ellipse 80% 50% at 50% 0%,rgba(255,255,255,.35),transparent),linear-gradient(180deg,color-mix(in srgb,var(--tier-color) 55%,#fff),var(--tier-color) 62%,color-mix(in srgb,var(--tier-color) 82%,#000));box-shadow:0 4px color-mix(in srgb,var(--tier-color) 55%,#000),inset 0 2px #ffffff8c;color:#fff;text-align:center}.league-dialog .league-banner__badge{position:relative;width:130px;height:112px;display:grid;place-items:center}.league-dialog .league-banner__badge .hero-daily__rays{opacity:.8}.league-dialog .league-banner__badge .tier-badge{position:relative;z-index:1;filter:drop-shadow(0 6px 4px rgba(0,0,0,.28))}.league-dialog .league-banner__bar{width:min(240px,100%);max-width:none;height:22px;border-radius:11px;font-size:13px}.league-dialog .league-banner__bar b{display:inline-flex;align-items:center;gap:4px}.league-dialog .league-banner__next{margin:8px 0 0;font-size:15px;font-weight:900;text-shadow:0 2px 0 var(--banner-deep),1.2px 0 0 var(--banner-deep),-1.2px 0 0 var(--banner-deep),0 1.2px 0 var(--banner-deep),0 -1.2px 0 var(--banner-deep),.8px .8px 0 var(--banner-deep),-.8px .8px 0 var(--banner-deep),.8px -.8px 0 var(--banner-deep),-.8px -.8px 0 var(--banner-deep)}.league-dialog .league-card .hero-chest__head{min-height:54px;padding-left:10px}.league-dialog .league-card__icon{flex:none;display:grid;place-items:center;width:38px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.league-dialog .league-card__sub{color:#ffffffeb;font-size:12px;font-weight:800;line-height:1.25;text-shadow:0 1px 0 rgba(0,0,0,.35)}.league-dialog .hero-chest__complete{font-variant-numeric:tabular-nums}.league-dialog .league-ladder{margin:0;list-style:none}.league-dialog .league-tile{gap:3px;padding:7px 2px 5px;cursor:default}.league-dialog .league-tile .tier-badge{filter:drop-shadow(0 2px 1px rgba(0,0,0,.2))}.league-dialog .league-tile small{display:inline-flex;align-items:center;justify-content:center;gap:2px;font-size:12px}.league-dialog .league-tile__min{display:inline-flex;align-items:center;gap:2px;color:#6a5b45;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}.league-dialog .league-tile small svg,.league-dialog .league-tile__min svg{flex:none}@container (max-width: 48px){.league-dialog .league-tile__min svg{display:none}}.league-dialog .league-tile--current{border-color:var(--accent-teal);box-shadow:0 3px #1f7f7c,0 0 0 3px #35b4b147;transform:translateY(-2px)}.league-dialog .league-tile--locked{min-height:0}.league-dialog .league-tile--locked .tier-badge{filter:grayscale(1);opacity:.5}.league-dialog .league-tile--locked small{color:#8a8172}.league-dialog .league-board{margin:0;padding:0;list-style:none}.league-dialog .league-row{display:flex;align-items:center;gap:10px;min-height:50px;padding:6px 14px 6px 8px}.league-dialog .league-row+.league-row{border-top:2px solid #efe9df}.league-dialog .league-row--me{background:linear-gradient(180deg,#e3f6f5,#cdeeed)}.league-dialog .league-row .tier-badge{flex:none;filter:drop-shadow(0 2px 1px rgba(0,0,0,.18))}.league-dialog .league-row__rank{flex:none;min-width:42px;color:#8a7a60;font-size:14px;font-weight:900;font-variant-numeric:tabular-nums;text-align:center}.league-dialog .league-row__rank--top{min-width:30px;height:30px;margin:0 6px;border:2px solid #3d2600;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:15px;box-shadow:inset 0 -3px #0003,inset 0 2px #ffffff80;text-shadow:0 1px 0 #3d2600,1px 0 0 #3d2600,-1px 0 0 #3d2600,0 -1px 0 #3d2600}.league-dialog .league-row__rank--1{background:linear-gradient(180deg,#ffd84d,#f5a400)}.league-dialog .league-row__rank--2{background:linear-gradient(180deg,#dfe5ee,#9eaabb)}.league-dialog .league-row__rank--3{background:linear-gradient(180deg,#e7a46b,#b4672c)}.league-dialog .league-row__name{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:#1f2942;font-size:15px;font-weight:900}.league-dialog .league-row__name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-dialog .league-row__you{flex:none;padding:2px 8px;border-radius:999px;background:linear-gradient(180deg,#45d3ad,#1fa184);box-shadow:0 2px #157560;color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 1px 0 #106050}.league-dialog .league-row__trophies{flex:none;display:inline-flex;align-items:center;gap:4px;color:#3d2600;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.league-dialog__empty{margin:0;padding:24px 12px;color:var(--panel-muted);font-weight:800;text-align:center}.league-dialog__me{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:10px;text-align:center}.league-dialog__me p{margin:0;color:var(--panel-muted);font-size:14px;font-weight:800}.league-dialog__me .arena-button{min-width:200px}.league-dialog .league-board--me{align-self:stretch;overflow:hidden;border:2px solid #1fa184;border-radius:16px;box-shadow:0 4px #157560}.star-club-badge{flex:none;display:block;filter:drop-shadow(0 3px 2px rgba(8,12,30,.45))}.star-club-shimmer{position:absolute;top:-20%;bottom:-20%;left:0;z-index:-1;width:90px;background:linear-gradient(90deg,#ffe27800,#ffe2783d,#ffe27800);transform:translate(-140px) skew(-20deg);animation:star-club-shimmer 4.2s ease-in-out 1.8s infinite;pointer-events:none}@keyframes star-club-shimmer{0%{transform:translate(-140px) skew(-20deg)}40%,to{transform:translate(calc(100cqw + 60px)) skew(-20deg)}}@media(prefers-reduced-motion:reduce){.star-club-shimmer{display:none}}.tutorial-skip{padding:6px 14px;border:2px solid #d9cfbd;border-radius:999px;background:#fffdf8;box-shadow:0 3px #c9b89a;color:#3a3226;font:inherit;font-size:14px;font-weight:900;cursor:pointer}.tutorial-skip:active{transform:translateY(2px);box-shadow:0 1px #c9b89a}.tutorial-game .game-page__header{grid-template-columns:auto minmax(0,1fr) auto}.tutorial-game .arena-match__board{position:relative}.tutorial-game__loading{align-items:center;justify-content:center}.tutorial-game__message{position:absolute;left:50%;top:50%;z-index:2;max-width:calc(100% - 32px);margin:0;padding:10px 16px;border-radius:16px;background:#2a2f45;box-shadow:0 4px #11152a;color:#fff;font-size:16px;font-weight:800;text-align:center;transform:translate(-50%,-50%);pointer-events:none}.tutorial-game__message--done{background:#1fa184;box-shadow:0 4px #157560}.tap-pointer{position:absolute;z-index:2;width:0;height:0;pointer-events:none}.tap-pointer__ring{position:absolute;left:-23px;top:-23px;width:46px;height:46px;box-sizing:border-box;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 6px #ffffff47;animation:tap-pointer-ring 1.34s ease-out infinite}.tap-pointer__hand{position:absolute;left:-20px;top:-5px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));animation:tap-pointer-hand 1.34s ease-in-out infinite}@keyframes tap-pointer-hand{0%{transform:translate(12px,16px)}31%{transform:translate(0) scale(.92)}62%,to{transform:translate(12px,16px)}}@keyframes tap-pointer-ring{0%,10%{opacity:0;transform:scale(.6)}31%{opacity:1;transform:scale(1.1)}62%,to{opacity:0;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.tap-pointer__hand,.tap-pointer__ring{animation:none}.tap-pointer__ring{opacity:1}}.home-tour{position:fixed;inset:0;z-index:1100}.home-tour__dim{position:absolute;inset:0;cursor:pointer}.home-tour__dim svg{position:absolute;inset:0;display:block}.home-tour__dim path{fill:#080c18bd}.home-tour__ring{position:absolute;box-sizing:border-box;border:3px solid #ffe066;border-radius:16px;pointer-events:none}.home-tour__card{position:absolute;box-sizing:border-box;padding:14px 16px 12px;border-radius:18px;background:#fffdf8;box-shadow:0 5px #c9b89a;color:#4a4235}.home-tour__title{margin:0 0 4px;color:#2a2f45;font-size:20px;font-weight:900}.home-tour__text{margin:0;font-size:15px;font-weight:700;line-height:1.4}.home-tour__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.home-tour__dots{display:flex;gap:6px}.home-tour__dot{width:8px;height:8px;border-radius:50%;background:#d9cfbd}.home-tour__dot--active{background:#f5a800}.home-tour__skip{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:16px}.home-tour__blocker{position:absolute}.home-tour--dialog{z-index:1300}.home-tour--tap,.home-tour--tap .home-tour__dim{pointer-events:none}.home-tour--tap .home-tour__blocker,.home-tour--tap .home-tour__card,.home-tour--tap .home-tour__skip{pointer-events:auto}.home-tour__hand{position:absolute;pointer-events:none}.tour-hand{position:absolute;left:55%;top:55%;z-index:5;width:0;height:0;pointer-events:none}.tour-hand__svg{position:absolute;left:-20px;top:-5px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));animation:tap-pointer-hand 1.34s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.tour-hand__svg{animation:none}}:root{--arena-bg: #303c54;--arena-bg-deep: #232c3f;--arena-card: #ffffff;--arena-gold: #f4b400}.arena{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,#3d4a63 0%,var(--arena-bg) 45%,var(--arena-bg-deep) 100%);color:#fff;font-family:var(--font)}.arena--match{background:var(--arena-bg-deep)}.arena--overlay{position:fixed;inset:0;z-index:1000;overflow-y:auto}.arena--overlay.arena--see-through{background:transparent}.arena--overlay.arena--live{z-index:12000}.arena__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.arena__error{margin:0;padding:10px 14px;border-radius:12px;background:#e0555529;color:#ffb4b4;font-weight:600;text-align:center}.arena-modal .arena__error{color:var(--danger)}.arena-button{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:10px 20px;border:0;border-radius:14px;background:linear-gradient(180deg,#fffdf8,#f3eadc);color:#3d2600;font:inherit;font-weight:900;text-decoration:none;text-shadow:none;cursor:pointer;box-shadow:0 4px #c9b89a,inset 0 2px #ffffffd9;transition:transform .08s,box-shadow .08s,filter .15s}.arena-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #c9b89a,inset 0 2px #ffffffd9}.arena-button[aria-disabled=true]{filter:grayscale(.4);opacity:.6}.arena-button:disabled{cursor:default;filter:grayscale(.4);opacity:.6}.arena-button--primary{background:linear-gradient(180deg,#45d3ad,#1fa184);color:#fff;box-shadow:0 4px #157560,inset 0 2px #fff6;text-shadow:0 2px 0 #106050,1px 0 0 #106050,-1px 0 0 #106050,0 1px 0 #106050,0 -1px 0 #106050}.arena-button--primary:active:not(:disabled){box-shadow:0 1px #157560,inset 0 2px #fff6}.arena-button--danger{background:linear-gradient(180deg,#ff6a6a,#e0263f);color:#fff;box-shadow:0 4px #8a1426,inset 0 2px #ffffff59;text-shadow:0 2px 0 #7a1020,1px 0 0 #7a1020,-1px 0 0 #7a1020,0 1px 0 #7a1020,0 -1px 0 #7a1020}.arena-button--danger:active:not(:disabled){box-shadow:0 1px #8a1426,inset 0 2px #ffffff59}.arena-button--play{background:linear-gradient(180deg,#ffd84d,#f5a400);color:#fff;box-shadow:0 5px #b87600,inset 0 2px #ffffff73;text-shadow:0 2px 0 #9a5d00,1px 0 0 #9a5d00,-1px 0 0 #9a5d00,0 1px 0 #9a5d00,0 -1px 0 #9a5d00}.arena-button--play:active:not(:disabled){box-shadow:0 1px #b87600,inset 0 2px #ffffff73}.arena-button--small{min-height:34px;padding:6px 12px;font-size:13px;border-radius:10px}.arena-button__sub{font-size:12px;font-weight:700;opacity:.8;text-transform:none;letter-spacing:0}.arena-link{padding:4px 6px;border:0;background:none;color:var(--accent-teal);font:inherit;font-weight:700;cursor:pointer}.arena-link:disabled{opacity:.5;cursor:default}.arena-link--muted{color:inherit;opacity:.6;font-weight:600;font-size:13px}.arena-chip{padding:6px 14px;border:2px solid rgba(255,255,255,.2);border-radius:999px;background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}.arena-chip--selected{border-color:var(--accent-teal);background:#35b4b14d}.arena-chip:disabled{cursor:default}.arena-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.25);border-top-color:var(--accent-teal);border-radius:50%;animation:arena-spin .8s linear infinite;vertical-align:middle}.arena-modal .arena-spinner{border-color:#303c5426;border-top-color:var(--accent-teal)}@keyframes arena-spin{to{transform:rotate(360deg)}}.arena-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:12200;transform:translate(-50%);max-width:calc(100vw - 32px);padding:10px 18px;border-radius:14px;background:#141a26f2;color:#fff;font-weight:700;box-shadow:0 8px 24px #0000004d}.arena-invites{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;z-index:1250;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;width:min(520px,calc(100vw - 24px))}.arena-invite{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:var(--panel-bg);color:var(--panel-ink);border:3px solid #fff;box-shadow:var(--panel-shadow);animation:arena-invite-in .26s cubic-bezier(.2,.8,.3,1)}.arena-invite__icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg,#e3f7f6,#bfe9e7);box-shadow:inset 0 -3px #23807e40}.arena-invite__icon .hp-arena__icon{width:30px;height:30px}.arena-invite__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.arena-invite__title{font-size:15px;font-weight:900;line-height:1.25}.arena-invite__meta{color:var(--panel-muted);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.arena-invite__actions{flex:none;display:flex;gap:6px}@media(max-width:420px){.arena-invite{flex-wrap:wrap}.arena-invite__actions{width:100%}.arena-invite__actions .arena-button{flex:1}}@keyframes arena-invite-in{0%{opacity:0;transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){.arena-invite{animation:none}}.arena-modal__backdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a0f1999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.arena-modal__backdrop--top{z-index:1210}.arena-modal{position:relative;width:min(420px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:24px 20px 20px;border-radius:22px;background:var(--panel-bg);color:var(--panel-ink);border:3px solid #fff;text-align:center;box-shadow:var(--panel-shadow)}.arena-modal--wide{width:min(560px,100%)}.arena-modal>.editor__modal-close-button{position:absolute;top:18px;right:12px;z-index:2}.arena-modal__icon{display:flex;justify-content:center}.arena-modal__icon .hp-arena__icon{width:48px;height:48px;filter:drop-shadow(0 2px 0 rgba(61,38,0,.28))}.arena-modal__title{margin:0;padding:0 36px;color:var(--panel-ink);font-size:20px;font-weight:800;line-height:26px}.arena-modal__value{margin:0;color:var(--panel-ink);font-size:32px;font-weight:800}.arena-modal__text{margin:0;color:var(--panel-muted);line-height:1.45}.arena-modal__hint{margin:0;color:var(--text-muted);font-size:13px}.arena-modal__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}.arena-modal__actions .arena-button{flex:1 1 140px}.energy-dialog__hero{position:relative;display:flex;justify-content:center;margin:-4px 0 -2px}.energy-dialog__hero:before{content:"";position:absolute;top:50%;left:50%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#ffd84d59,#ffd84d00 70%);transform:translate(-50%,-50%)}.energy-dialog__hero .hp-arena__icon{position:relative;width:72px;height:72px;filter:drop-shadow(0 3px 0 rgba(61,38,0,.28))}.energy-dialog__hero--empty .hp-arena__icon{filter:grayscale(.85) drop-shadow(0 3px 0 rgba(61,38,0,.2));opacity:.75}.energy-dialog__hero--empty:before{background:radial-gradient(circle,#8a817230,#8a817200 70%)}.arena-modal__hero{position:relative;display:flex;justify-content:center;margin:-4px 0 -2px}.arena-modal__hero:before{content:"";position:absolute;top:50%;left:50%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#35b4b147,#35b4b100 70%);transform:translate(-50%,-50%)}.arena-modal__hero--red:before{background:radial-gradient(circle,#ff6a6a3d,#ff6a6a00 70%)}.arena-modal__hero--gold:before{background:radial-gradient(circle,#ffd84d59,#ffd84d00 70%)}.arena-modal__hero .hp-arena__icon{position:relative;width:72px;height:72px;filter:drop-shadow(0 3px 0 rgba(61,38,0,.28))}.arena-modal__stack{display:flex;flex-direction:column;gap:12px;margin-top:4px}.arena-modal__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:-4px 0 0}.arena-modal__chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;background:#fff;box-shadow:0 2px #e2dccf;color:#6a5b45;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.arena-modal__note{align-self:center;margin:0;padding:6px 12px;border-radius:12px;background:#e055551a;color:#b4532a;font-size:13px;font-weight:700}.energy-meter{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 2px #e6dfd2}.energy-meter__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.energy-meter__count{color:var(--panel-ink);font-size:28px;font-weight:900;line-height:1}.energy-meter__count small{color:var(--panel-muted);font-size:16px;font-weight:800}.energy-meter__chip{padding:5px 10px;border-radius:999px;background:#f4f1ec;color:var(--panel-muted);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.energy-meter__chip--full{background:#1fa18424;color:#157560}.energy-meter__cells{display:flex;gap:4px}.energy-meter__cell{--fill: 0;flex:1;height:14px;border-radius:5px;background:linear-gradient(90deg,#f5a40073 calc(var(--fill) * 100%),#e9e3d8 0);box-shadow:inset 0 2px #3d260014}.energy-meter__cell--on{background:linear-gradient(180deg,#ffe14d,#f5a400);box-shadow:inset 0 -2px #c98400,inset 0 2px #ffffff8c}.energy-meter__full{margin:0;color:var(--text-muted);font-size:12px;font-weight:700;text-align:end;font-variant-numeric:tabular-nums}.energy-offer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;width:100%;padding:12px;border:0;border-radius:16px;background:#fff;box-shadow:0 3px #d8d1c4,inset 0 0 0 2px #e6dfd2;color:var(--panel-ink);font:inherit;text-align:start}.energy-offer__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(180deg,#fff3c4,#ffe08a);box-shadow:inset 0 -3px #b8760040}.energy-offer__icon svg{width:30px;height:30px}.energy-offer__body{display:flex;flex-direction:column;gap:2px;min-width:0}.energy-offer__body--wide{grid-column:2 / -1}.energy-offer__body strong{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:17px;font-weight:900;line-height:1.2}.energy-offer__body small{color:var(--panel-muted);font-size:13px;line-height:1.35}.energy-offer__badge{padding:3px 8px;border-radius:999px;background:var(--accent-subtle);color:var(--accent);font-size:11px;font-weight:800;white-space:nowrap}.energy-offer__stores{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.energy-offer--club{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;border:2px solid #f2b632;background:radial-gradient(120% 90% at 0% 0%,#ffd84d1f,#ffd84d00 55%),linear-gradient(160deg,#3a4868,#1f2740);box-shadow:0 4px #b87600,inset 0 2px #ffffff24;color:#fff;cursor:pointer;transition:transform .08s,box-shadow .08s}.energy-offer--club:active{transform:translateY(3px);box-shadow:0 1px #b87600,inset 0 2px #ffffff24}.energy-offer--club .energy-offer__icon{background:none}.energy-offer--club .energy-offer__icon svg{width:46px;height:46px}.energy-offer--club .energy-offer__body small{color:#ffffffd1}.energy-offer__cta{pointer-events:none}.energy-dialog__unlimited{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border:2px solid #f2b632;border-radius:16px;background:radial-gradient(120% 90% at 0% 0%,#ffd84d1f,#ffd84d00 55%),linear-gradient(160deg,#3a4868,#1f2740);color:#fff}.energy-dialog__unlimited b{font-size:44px;line-height:1}.energy-dialog__unlimited span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800}.arena-search{--show-ink: #1b1030;--show-outline: 0 3px 0 var(--show-ink), 2px 0 0 var(--show-ink), -2px 0 0 var(--show-ink), 0 2px 0 var(--show-ink), 0 -2px 0 var(--show-ink), 1.5px 1.5px 0 var(--show-ink), -1.5px 1.5px 0 var(--show-ink), 1.5px -1.5px 0 var(--show-ink), -1.5px -1.5px 0 var(--show-ink);position:fixed;inset:0;z-index:12000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(circle at 50% 40%,#2a2350,#0d0a1c 75%);color:#fff;text-align:center;user-select:none;-webkit-user-select:none;animation:arena-search-fade .25s ease-out}@keyframes arena-search-fade{0%{opacity:0}}.arena-search__mode{padding:5px 18px;border:3px solid var(--show-ink);border-radius:12px;background:linear-gradient(180deg,#ffe066,#f5a400);box-shadow:0 4px 0 var(--show-ink);color:var(--show-ink);font-size:15px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.arena-search__lineup{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%}.arena-search--stacked .arena-search__lineup--versus{flex-direction:column;gap:4px}.arena-search__side{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:12px}.arena-search__seat{position:relative;display:flex;flex-direction:column;align-items:center;width:var(--seat-w);opacity:0;animation:arena-search-seat .45s var(--delay) cubic-bezier(.2,1.4,.4,1) forwards}@keyframes arena-search-seat{0%{opacity:0;transform:translateY(18px) scale(.85)}to{opacity:1;transform:none}}.arena-search__figure-box{position:relative;height:var(--fig-h);aspect-ratio:440 / 720;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}.arena-search__figure{position:absolute;inset:0;z-index:1}.arena-search__pedestal{top:83.333%;width:78%}.arena-search__plate{position:relative;z-index:2;display:flex;justify-content:center;width:100%;margin-top:calc(var(--fig-h) * -.025)}.arena-search__you{position:absolute;top:4%;left:50%;z-index:3;transform:translate(-50%) rotate(-4deg);padding:1px 10px;border:2px solid var(--show-ink);border-radius:999px;background:linear-gradient(180deg,#ffe066,#f5a400);box-shadow:0 3px 0 var(--show-ink);color:var(--show-ink);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.arena-search__seat--open .arena-search__figure-box:after{content:"";position:absolute;left:50%;top:83.333%;width:66%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent);transform:translate(-50%,-50%)}.arena-search__mystery{position:absolute;left:50%;top:48%;z-index:1;display:grid;place-items:center;width:74%;aspect-ratio:1;border:3px dashed rgba(255,255,255,.35);border-radius:50%;background:radial-gradient(circle,#2f7bff66,#2f7bff14 70%);color:#fff;font-size:calc(var(--fig-h) * .3);font-weight:900;line-height:1;text-shadow:var(--show-outline);transform:translate(-50%,-50%);animation:arena-search-bob 1.4s ease-in-out infinite alternate}.arena-search__mystery:after{content:"";position:absolute;inset:-3px;border:3px solid rgba(124,172,255,.8);border-radius:50%;animation:arena-search-ping 1.8s ease-out infinite}@keyframes arena-search-bob{to{transform:translate(-50%,-56%)}}@keyframes arena-search-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.arena-search__plate-open{display:inline-flex;gap:5px;margin-top:calc(var(--fig-h) * -.025);padding:7px 14px;border-radius:8px;background:#ffffff1f}.arena-search__plate-open i{width:7px;height:7px;border-radius:50%;background:#fff;animation:arena-search-dot 1.2s ease-in-out infinite}.arena-search__plate-open i:nth-child(2){animation-delay:.15s}.arena-search__plate-open i:nth-child(3){animation-delay:.3s}@keyframes arena-search-dot{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-4px)}}.arena-search__vs{display:flex;flex:none;justify-content:center;width:var(--vs-band);pointer-events:none;animation:arena-search-vs 1.6s ease-in-out infinite alternate}.arena-search__vs span{display:block;font-size:var(--vs-size);font-style:italic;font-weight:900;line-height:1;letter-spacing:-.04em;color:#ffd84d;background:linear-gradient(180deg,#fff6c4,#ffd84d 45%,#f59a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:4px #3d2600;paint-order:stroke fill;filter:drop-shadow(0 4px 0 #3d2600) drop-shadow(0 0 20px rgba(255,210,77,.5));transform:rotate(-6deg)}@keyframes arena-search-vs{to{transform:scale(1.08)}}.arena-search__info{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%}.arena-search__title{margin:0;font-size:26px;font-weight:900;line-height:1.15;text-shadow:var(--show-outline)}.arena-search__time,.arena-search__status{display:inline-flex;align-items:center;gap:8px;margin:0;padding:5px 14px;border-radius:999px;background:#0006;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.arena-search__status-dot{width:8px;height:8px;border-radius:50%;background:#ffd84d;animation:arena-search-blink .9s ease-in-out infinite alternate}@keyframes arena-search-blink{0%{opacity:.3;transform:scale(.7)}}.arena-search__hint{max-width:34ch;margin:0;color:#ffffffb8;font-size:14px;font-weight:600;line-height:1.35}.arena-search__cancel{min-width:180px;margin-top:4px}@media(prefers-reduced-motion:reduce){.arena-search__mystery,.arena-search__mystery:after,.arena-search__vs,.arena-search__plate-open i{animation:none}}.friends-dialog{width:min(460px,100%);gap:10px;text-align:start}.friends-dialog__title{display:flex;align-items:center;justify-content:center;gap:8px}.friends-dialog__title svg{width:28px;height:28px;flex:none}.friends-add{display:flex;gap:8px}.friends-add__input{flex:1;min-width:0;min-height:44px;padding:10px 14px;border:2px solid #e2dccf;border-radius:14px;background:#fff;color:#1f2942;font:inherit;font-weight:700;box-shadow:inset 0 2px #3d26000f}.friends-add__input::placeholder{color:#a8997f;font-weight:600}.friends-add__input:focus{border-color:#1fa184;outline:none}.friends-add__send{flex:none}.friends-dialog__share{flex-direction:row;gap:8px;width:100%}.friends-section{display:flex;flex-direction:column;gap:8px;margin-top:4px}.friends-section__title{display:flex;align-items:center;gap:6px;margin:0;color:#6a5b45;font-size:14px;font-weight:900}.friends-section__badge{min-width:22px;padding:1px 7px;border-radius:999px;background:#e8e1d3;color:#6a5b45;font-size:12px;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.friends-section__badge--new{background:#e8305a;color:#fff}.friends-section__online{margin-inline-start:auto;color:#1f9a5a;font-size:13px;font-weight:800}.friends-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.friend-card{display:flex;align-items:center;gap:6px;padding:6px;border:2px solid #ece5d8;border-radius:16px;background:#fff;box-shadow:0 3px #e2dccf}.friend-card--offline{background:#faf8f4}.friend-card--request{border-color:#bfe9d6;background:#effbf5;box-shadow:0 3px #a9dcc5}.friend-card__who{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.friend-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-card__name{overflow:hidden;color:#1f2942;font-size:16px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.friend-card__status{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;color:#8a7658;font-size:13px;font-weight:700;white-space:nowrap}.friend-card__status>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.friend-card__online{color:#1f9a5a}.friend-card__trophies{display:inline-flex;align-items:center;gap:3px;font-weight:900;font-variant-numeric:tabular-nums}.friend-card__trophies svg{flex-shrink:0}.friend-card__invite{flex:none}.friend-card__icon{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transition:transform .08s}.friend-card__icon svg{filter:drop-shadow(0 2px 0 rgba(61,38,0,.25))}.friend-card__icon:active:not(:disabled){transform:translateY(2px) scale(.94)}.friend-card__icon:disabled{cursor:default;opacity:.5}.friend-card__more{width:34px}.friend-avatar{position:relative;flex:none;width:46px;height:54px}.friend-avatar__art{position:absolute;inset:0;overflow:hidden;border:2px solid color-mix(in srgb,var(--tier-color) 55%,#fff);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--tier-color) 10%,#fff),color-mix(in srgb,var(--tier-color) 32%,#fff));color:color-mix(in srgb,var(--tier-color) 70%,#000);box-shadow:inset 0 2px #ffffffb3}.friend-avatar__art>.hero-thumb,.friend-avatar__art>.hero-silhouette{position:absolute;max-width:none}.friend-avatar--offline .hero-thumb{filter:grayscale(.7);opacity:.7}.friend-avatar__dot{position:absolute;right:-3px;bottom:-3px;z-index:2;width:14px;height:14px;border:2.5px solid #fff;border-radius:50%;background:#b8b0a2}.friend-avatar__dot--online{background:#2ecc71}.friend-avatar--large{width:88px;height:100px;align-self:center}.friend-avatar--large .friend-avatar__art{border-width:3px;border-radius:20px}.friends-dialog__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;border:2px dashed #e2dccf;border-radius:16px;color:#8a7658;font-weight:700;text-align:center}.friends-dialog__empty svg{width:44px;height:44px}.friends-dialog__empty p{margin:0}.friend-sheet{width:min(340px,100%);padding-top:28px}.friend-sheet__name{overflow-wrap:anywhere}.friend-sheet__league{display:flex;align-items:center;justify-content:center;gap:8px;margin:-6px 0 0;color:#6a5b45;font-size:14px;font-weight:800}.friends-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#f3f5f8}.friends-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--accent)}.friends-row__trophies{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.friends-row__trophies svg{flex-shrink:0}.friends-empty{padding:16px;color:var(--text-muted);text-align:center}.hero-shop{height:min(680px,calc(100dvh - 32px));overflow:hidden;display:flex;flex-direction:column;gap:12px;background:#f4f1ec}.hero-shop__scroll{flex:1;min-height:0;margin:-10px -20px -20px;padding:10px 20px 20px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px}.hero-shop__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-right:44px;padding-bottom:4px}.hero-shop__tab{min-width:0;min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 10px;border:0;border-radius:14px;background:linear-gradient(180deg,#a9b1bf,#858e9e);box-shadow:0 4px #5f6778,inset 0 2px #ffffff4d;color:#fff;font:inherit;cursor:pointer;transition:transform .08s,box-shadow .08s}.hero-shop__tab--active{background:linear-gradient(180deg,#ffd84d,#f5a400);box-shadow:0 4px #b87600,inset 0 2px #ffffff73}.hero-shop__tab-icon{width:26px;height:42px;flex:none;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 2px 1px rgba(0,0,0,.25))}.hero-shop__tab:active{transform:translateY(3px);box-shadow:0 1px #5f6778}.hero-shop__tab--active:active{box-shadow:0 1px #b87600}.hero-shop__tab-text{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.hero-shop__tab-text strong{font-size:16px;font-weight:900;text-shadow:0 2px 0 #4f5767,1.2px 0 0 #4f5767,-1.2px 0 0 #4f5767,0 1.2px 0 #4f5767,0 -1.2px 0 #4f5767,.8px .8px 0 #4f5767,-.8px .8px 0 #4f5767,.8px -.8px 0 #4f5767,-.8px -.8px 0 #4f5767}.hero-shop__star{width:.95em;height:.95em;flex:none}.hero-shop__tab-text .hero-shop__star{filter:drop-shadow(0 1px 0 #4f5767)}.hero-shop__tab--active .hero-shop__star{filter:drop-shadow(0 1px 0 #9a5d00)}.hero-chest__open .hero-shop__star{filter:drop-shadow(0 1px 0 #5d6577)}.hero-chest__open.arena-button--play .hero-shop__star,.hero-button--gold .hero-shop__star{filter:drop-shadow(0 1px 0 #9a5d00)}.hero-chest__open--all .hero-shop__star{filter:drop-shadow(0 1px 0 #161b26)}.hero-shop__balance,.hero-chest__open .arena-button__sub{display:inline-flex;align-items:center;gap:3px}.hero-shop__tab-text small{color:#fff;font-size:12px;font-weight:900;text-shadow:0 1px 0 #4f5767,1px 0 0 #4f5767,-1px 0 0 #4f5767,0 1px 0 #4f5767,0 -1px 0 #4f5767,.7px .7px 0 #4f5767,-.7px .7px 0 #4f5767,.7px -.7px 0 #4f5767,-.7px -.7px 0 #4f5767}.hero-shop__tab--active .hero-shop__tab-text strong,.hero-shop__tab--active .hero-shop__tab-text small{text-shadow:0 2px 0 #9a5d00,1.2px 0 0 #9a5d00,-1.2px 0 0 #9a5d00,0 1.2px 0 #9a5d00,0 -1.2px 0 #9a5d00,.8px .8px 0 #9a5d00,-.8px .8px 0 #9a5d00,.8px -.8px 0 #9a5d00,-.8px -.8px 0 #9a5d00}.hero-calc{flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;border:2px solid #f2b632;border-radius:18px;background:linear-gradient(180deg,#2d3b5c,#1f2942);box-shadow:0 4px #b87600,inset 0 1px #ffffff1f;color:#ffffffdb;font-size:14px;font-weight:800;text-align:left}.hero-calc__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:0 10px;border-radius:10px;background:#ffffff12}.hero-calc__row span{min-width:0;display:inline-flex;align-items:center;gap:6px}.hero-calc__row small{color:#ffffff80;font-size:12px;font-weight:700}.hero-calc__row small:before{content:"→ "}.hero-calc__row strong{color:#fff;font-weight:900}.hero-calc__total-star{flex:none;filter:drop-shadow(0 3px 0 #5a3500)}.hero-calc__row--total{justify-content:center;gap:10px;margin-top:4px;background:none;color:#ffd24d;font-size:26px;font-weight:900}.hero-calc__row--total strong{color:#ffd24d;font-size:30px;text-shadow:0 3px 0 #5a3500,1.5px 0 0 #5a3500,-1.5px 0 0 #5a3500,0 1.5px 0 #5a3500,0 -1.5px 0 #5a3500,1px 1px 0 #5a3500,-1px 1px 0 #5a3500,1px -1px 0 #5a3500,-1px -1px 0 #5a3500}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.hero-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 6px 8px;border:2px solid color-mix(in srgb,var(--rarity-color) 70%,#fff);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--rarity-color) 14%,#fff),color-mix(in srgb,var(--rarity-color) 32%,#fff));box-shadow:0 4px color-mix(in srgb,var(--rarity-color) 60%,#1b2233),inset 0 2px #ffffffb3;color:#1f2942;font:inherit;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 150px;transition:transform .08s,box-shadow .08s}.hero-card:active{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--rarity-color) 60%,#1b2233)}.hero-card:disabled{cursor:default}.hero-card--equipped{border-color:#ffc93c;box-shadow:0 4px #c98a00,0 0 0 3px #ffe08a,0 0 18px #ffbe28bf}.hero-card__figure{position:relative;width:100%;height:100px;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 3px 2px rgba(0,0,0,.2))}.hero-card--locked .hero-card__figure{filter:none;opacity:.85}.hero-card__name{max-width:100%;overflow:hidden;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.hero-card__bonus{max-width:100%;overflow:hidden;color:color-mix(in srgb,var(--rarity-color) 80%,#000);font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.hero-card__level{position:relative;width:100%;height:18px;display:block;overflow:hidden;border-radius:6px;background:color-mix(in srgb,var(--rarity-color) 35%,#1f2942)}.hero-card__level>span{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--rarity-color) 70%,#fff),var(--rarity-color))}.hero-card__level b{position:relative;display:block;color:#fff;font-size:12px;font-weight:900;line-height:18px;text-shadow:0 1px 0 rgba(0,0,0,.45),1px 0 0 rgba(0,0,0,.45),-1px 0 0 rgba(0,0,0,.45),0 1px 0 rgba(0,0,0,.45),0 -1px 0 rgba(0,0,0,.45),.7px .7px 0 rgba(0,0,0,.45),-.7px .7px 0 rgba(0,0,0,.45),.7px -.7px 0 rgba(0,0,0,.45),-.7px -.7px 0 rgba(0,0,0,.45)}.hero-card--locked{border-color:color-mix(in srgb,var(--rarity-color) 80%,#000);background:linear-gradient(180deg,color-mix(in srgb,var(--rarity-color) 85%,#fff),color-mix(in srgb,var(--rarity-color) 92%,#000));box-shadow:0 4px color-mix(in srgb,var(--rarity-color) 55%,#000),inset 0 2px #ffffff4d;color:#fff}.hero-card--locked .hero-card__name,.hero-card--locked .hero-card__bonus{color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4),1px 0 0 rgba(0,0,0,.4),-1px 0 0 rgba(0,0,0,.4),0 1px 0 rgba(0,0,0,.4),0 -1px 0 rgba(0,0,0,.4),.7px .7px 0 rgba(0,0,0,.4),-.7px .7px 0 rgba(0,0,0,.4),.7px -.7px 0 rgba(0,0,0,.4),-.7px -.7px 0 rgba(0,0,0,.4)}.hero-card__lock{position:absolute;top:6px;right:6px;z-index:1;width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#00000059}.hero-list__more{align-self:center;display:inline-flex;align-items:center;gap:8px;margin:6px 0 2px;padding:4px 16px 4px 6px;border:2px solid #e2dccf;border-radius:999px;background:#fff;box-shadow:0 3px #d6cfbf;color:#1f2942;font:inherit;font-size:14px;font-weight:900;cursor:pointer}.hero-list__more .hero-thumb{width:26px;height:34px}.hero-list__more--unique{border-color:var(--unique);box-shadow:0 3px #2a8f8a}.hero-list__more-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--unique-shimmer);color:var(--unique-ink);font-size:14px}.hero-chest{flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;border:2px solid;border-radius:20px;background:#fbf9f5;box-shadow:0 4px color-mix(in srgb,var(--chest-color) 55%,#000)}.hero-chest__thumb{position:relative;width:54px;height:58px;flex:none;margin:-4px 0 -8px;padding:0;border:0;background:none;overflow:hidden;filter:drop-shadow(0 4px 3px rgba(0,0,0,.22))}.hero-chest__thumb .hero-thumb{object-fit:cover;object-position:center 58%}button.hero-chest__thumb{cursor:pointer}.hero-chest__thumb-info{position:absolute;right:2px;bottom:4px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#fff;color:var(--chest-color, var(--text-muted));font:italic 900 10px/1 Georgia,serif;box-shadow:0 1px 2px #00000040}.hero-daily{--chest-color: #f59a00;position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:10px 14px 12px;overflow:hidden;isolation:isolate;border:2px solid #d98a00;border-radius:20px;background:radial-gradient(ellipse 40% 62% at 50% 64%,rgba(255,255,255,.6),transparent),radial-gradient(ellipse 80% 50% at 50% 0%,rgba(255,255,255,.35),transparent),linear-gradient(180deg,#ffe166,#ffc21f 55%,#f5a400);box-shadow:0 4px #b87600,inset 0 2px #ffffff8c;color:#fff}.hero-daily__title{margin-bottom:4px}.hero-daily__title .hero-ribbon__name{padding-inline:16px;overflow:visible;font-size:22px}.hero-daily__title .hero-ribbon__name--long{font-size:18px}.hero-daily__title .hero-ribbon__name--longer{font-size:16px}.hero-daily__slots{align-self:stretch;display:flex;justify-content:center;gap:16px}.hero-daily__slot{flex:1 1 0;min-width:0;max-width:170px;display:flex;flex-direction:column;align-items:center;gap:2px}.hero-daily__chest{position:relative;width:124px;height:116px;margin:0;padding:0;border:0;background:none;cursor:pointer}.hero-daily__chest .hero-thumb{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 62%;filter:drop-shadow(0 6px 5px rgba(120,60,0,.35));opacity:.6}.hero-daily__slot--live .hero-daily__chest .hero-thumb{opacity:1}.hero-daily__name{max-width:100%;overflow:hidden;font-size:14px;font-weight:900;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1.5px 0 #8a4f00,1px 0 0 #8a4f00,-1px 0 0 #8a4f00,0 -1px 0 #8a4f00}.hero-daily__left{position:absolute;top:2px;right:0;z-index:2;min-width:32px;padding:1px 6px;border:2px solid #fff;border-radius:999px;background:#e0263f;color:#fff;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2;text-shadow:none}.hero-daily__note{min-height:46px;padding-top:8px;color:#7a4a00;font-size:12px;font-weight:900;text-align:center}.hero-daily__rays{display:none;position:absolute;top:50%;left:50%;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.5) 0 8deg,transparent 8deg 20deg);-webkit-mask:radial-gradient(circle,#000 12%,transparent 66%);mask:radial-gradient(circle,#000 12%,transparent 66%);opacity:.55;animation:hero-daily-spin 90s linear infinite}.hero-daily__slot--live .hero-daily__rays{display:block;opacity:1;animation:hero-daily-spin 24s linear infinite}.hero-daily__slot--live .hero-daily__chest .hero-thumb{animation:hero-daily-bob 2.2s ease-in-out infinite}.hero-daily__spark{position:absolute;z-index:0;width:14px;height:14px;background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 3px rgba(255,255,255,.9));animation:hero-daily-twinkle 2.6s ease-in-out infinite}.hero-daily__spark--1{top:30%;left:9%}.hero-daily__spark--2{top:62%;left:15%;width:18px;height:18px;animation-delay:-.9s}.hero-daily__spark--3{top:82%;left:6%;width:10px;height:10px;animation-delay:-1.7s}.hero-daily__spark--4{top:14%;right:9%;width:16px;height:16px;animation-delay:-.4s}.hero-daily__spark--5{top:40%;right:26%;width:9px;height:9px;animation-delay:-1.3s}@keyframes hero-daily-spin{to{transform:rotate(360deg)}}@keyframes hero-daily-bob{50%{transform:translateY(-4px) scale(1.03)}}@keyframes hero-daily-twinkle{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.hero-daily__open{position:relative;z-index:2;align-self:stretch;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 6px;border:2px solid #137033;border-radius:14px;background:linear-gradient(180deg,#62e276,#23b04a);box-shadow:0 4px #168038,inset 0 2px #ffffff59;color:#fff;font:inherit;font-size:17px;font-weight:900;line-height:1.05;white-space:nowrap;text-shadow:0 2px 0 #137033,1.2px 0 0 #137033,-1.2px 0 0 #137033,0 1.2px 0 #137033,0 -1.2px 0 #137033,.8px .8px 0 #137033,-.8px .8px 0 #137033,.8px -.8px 0 #137033,-.8px -.8px 0 #137033;cursor:pointer;transition:transform .08s,box-shadow .08s}.hero-daily__open:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #168038,inset 0 2px #ffffff59}.hero-daily__open--club{border-color:#a86400;background:linear-gradient(180deg,#ffd84d,#f29a00);box-shadow:0 4px #b06a00,inset 0 2px #ffffff73;text-shadow:0 2px 0 #7a4300,1.2px 0 0 #7a4300,-1.2px 0 0 #7a4300,0 1.2px 0 #7a4300,0 -1.2px 0 #7a4300,.8px .8px 0 #7a4300,-.8px .8px 0 #7a4300,.8px -.8px 0 #7a4300,-.8px -.8px 0 #7a4300}.hero-daily__open--club:active:not(:disabled){box-shadow:0 1px #b06a00,inset 0 2px #ffffff73}.hero-daily__open--club svg{flex-shrink:0;filter:drop-shadow(0 1px 0 #7a4300)}.hero-daily__open--wait{padding:0 6px;border-color:#7c8596;background:linear-gradient(180deg,#d3d8e1,#aab2c0);box-shadow:0 4px #7c8596,inset 0 2px #ffffff73;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 2px 0 #5d6577,1.2px 0 0 #5d6577,-1.2px 0 0 #5d6577,0 1.2px 0 #5d6577,0 -1.2px 0 #5d6577,.8px .8px 0 #5d6577,-.8px .8px 0 #5d6577,.8px -.8px 0 #5d6577,-.8px -.8px 0 #5d6577;cursor:default}.hero-daily__open--wait svg{filter:drop-shadow(0 1px 0 #5d6577)}.hero-shop--page{height:auto;overflow:visible;padding:18px 16px 20px;border:3px solid #fff;border-radius:22px;box-shadow:0 0 0 2px #d8d1c4,0 8px #c9c0b2,0 16px 28px #141b2838}.hero-shop--page .hero-shop__scroll{margin:0;padding:0;overflow:visible}.hero-shop__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-shop__title{margin:0;color:#2b2f3a;font-size:24px;font-weight:900}.hero-shop__head-balance{padding:4px 12px;border-radius:999px;background:#1f2942;color:#fff;font-size:16px;font-weight:900}.shop-today{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:12px}.shop-today--1{grid-template-columns:minmax(0,640px)}.shop-today .shop-unique__card--featured{grid-row:span 2;align-self:stretch}.shop-offers{flex-shrink:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-unique__card{position:relative;display:grid;grid-template-columns:130px 1fr;align-content:start;overflow:hidden;border:2px solid var(--rarity-color);border-radius:20px;background:linear-gradient(150deg,#6b4709,#3d2506 55%,#2a1707);box-shadow:0 4px color-mix(in srgb,var(--rarity-color) 55%,#000),inset 0 2px #fff3;color:#fff}.shop-unique__stage{position:relative;height:170px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;isolation:isolate;border:0;padding:0;background:radial-gradient(ellipse 60% 55% at 50% 45%,color-mix(in srgb,color-mix(in srgb,var(--rarity-color) 55%,#fff) 38%,transparent),transparent 75%);cursor:pointer}.shop-unique__stage .hero-detail__rays{background:repeating-conic-gradient(rgba(255,250,235,.15) 0 7deg,transparent 7deg 18deg);width:320px;height:320px;margin:-160px 0 0 -160px}.shop-unique__pedestal{top:calc(83.333% - 6px);width:80px}.shop-unique__figure{position:relative;z-index:1;width:110px;height:170px;margin-bottom:6px}.shop-unique__body{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 12px 12px 4px}.shop-unique__badge{align-self:flex-start;padding:2px 8px;border-radius:999px;background:var(--rarity-color);color:#5a3500;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.shop-unique__name{display:-webkit-box;overflow:hidden;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:19px;font-weight:900;line-height:1.1;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-unique__bonus{display:flex;align-items:center;gap:5px;margin:0}.shop-unique__bonus b{color:#ffd24d;font-size:26px;font-weight:900;line-height:1;text-shadow:0 3px 0 #5a3500,1.5px 0 0 #5a3500,-1.5px 0 0 #5a3500,0 1.5px 0 #5a3500,0 -1.5px 0 #5a3500,1px 1px 0 #5a3500,-1px 1px 0 #5a3500,1px -1px 0 #5a3500,-1px -1px 0 #5a3500}.shop-unique__star{width:26px;height:26px;flex:none;filter:drop-shadow(0 0 6px rgba(255,210,77,.7))}.shop-unique__grow{margin:0;color:#ffffffd1;font-size:13px;font-weight:700}.shop-unique__growth{grid-column:1 / -1;padding:2px 12px 10px;border-top:1px solid rgba(255,255,255,.12)}.shop-unique__growth .unique-growth__title{padding-top:8px}.shop-unique__foot{grid-column:1 / -1;display:flex;align-items:stretch;gap:8px;padding:0 12px 12px}.shop-unique__foot>.shop-buy,.shop-unique__foot>.shop-unique__owned{flex:1;min-width:0}.shop-gift{flex:none;width:56px;min-height:52px;padding:0}.shop-gift svg{width:34px;height:34px;filter:drop-shadow(0 2px 0 rgba(61,38,0,.25));transition:transform .15s ease-out}@media(hover:hover){.shop-gift:hover:not(:disabled) svg{transform:rotate(-8deg) scale(1.06)}}.shop-buy{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:900}.shop-buy__was{color:#8a5200;font-size:.72em;font-weight:900;text-shadow:none;text-decoration-color:#d81f3a;text-decoration-thickness:2px}.shop-unique__card--featured{grid-template-columns:minmax(150px,42%) 1fr}.shop-unique__card--featured .shop-unique__stage{height:240px}.shop-unique__card--featured .shop-unique__stage .hero-detail__rays{width:420px;height:420px;margin:-210px 0 0 -210px}.shop-unique__card--featured .shop-unique__figure{width:160px;height:240px}.shop-unique__card--featured .shop-unique__pedestal{width:108px}.shop-unique__card--featured .shop-unique__name{font-size:24px}.shop-unique__card--featured .shop-unique__bonus b{font-size:32px}.shop-unique__card--featured .shop-unique__star{width:32px;height:32px}.shop-unique__card:not(.shop-unique__card--featured) .shop-unique__stage{height:150px}.shop-unique__card:not(.shop-unique__card--featured) .shop-unique__figure{width:100px;height:150px}.shop-deal__flag{position:absolute;top:10px;inset-inline-start:-4px;z-index:3;padding:4px 10px 4px 14px;border-radius:0 8px 8px 0;background:linear-gradient(180deg,#ff5a5a,#d81f3a);box-shadow:0 3px #8f0f22;color:#fff;font-size:18px;font-weight:900;line-height:1.1;transform:rotate(-4deg)}[dir=rtl] .shop-deal__flag{border-radius:8px 0 0 8px;transform:rotate(4deg)}.shop-deal__ends{align-self:flex-start;padding:2px 8px;border-radius:999px;background:#0000004d;color:#ffd2d2;font-size:12px;font-weight:900}.shop-offer{background:linear-gradient(150deg,color-mix(in srgb,var(--rarity-color) 70%,#1a1030),color-mix(in srgb,var(--rarity-color) 35%,#120a24) 60%,#120a24)}.shop-offer .shop-unique__badge{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.35)}.shop-offer .shop-unique__stage{height:150px}.shop-offer .shop-unique__figure{width:100px;height:150px}.shop-offer__from{display:flex;align-items:center;gap:6px;margin:0;color:#ffffffd9;font-size:13px;font-weight:800}.shop-offer__from .hero-thumb{width:22px;height:25px;flex:none}.shop-starter{position:relative;flex-shrink:0;display:grid;grid-template-columns:150px 1fr auto;align-items:center;overflow:hidden;border:2px solid #ffd84d;border-radius:20px;background:linear-gradient(120deg,#0f8a6a,#0b5f63 55%,#13344d);box-shadow:0 4px #8a6a00,inset 0 2px #ffffff38;color:#fff}.shop-starter .shop-unique__stage{height:170px}.shop-starter__body{min-width:0;display:flex;flex-direction:column;gap:4px;padding:12px 8px}.shop-starter__title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#ffe27a;font-size:15px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.shop-starter__title small{padding:2px 8px;border-radius:999px;background:#ffffff2e;color:#fff;font-size:11px;letter-spacing:.04em}.shop-starter .shop-unique__badge{color:#fff}.shop-starter__foot{padding:12px 18px 12px 8px}.shop-starter__foot .shop-buy{min-width:170px}.shop-section__aside{order:2;color:#8a7658;font-size:12px;letter-spacing:.04em;text-transform:none}@media(max-width:760px){.shop-today,.shop-offers{grid-template-columns:minmax(0,1fr)}.shop-today .shop-unique__card--featured{grid-row:auto;grid-template-columns:130px 1fr}.shop-unique__card--featured .shop-unique__stage{height:190px}.shop-unique__card--featured .shop-unique__figure{width:125px;height:190px}.shop-unique__card--featured .shop-unique__name{font-size:21px}.shop-starter{grid-template-columns:120px 1fr}.shop-starter__foot{grid-column:1 / -1;padding:0 12px 12px}.shop-starter__foot .shop-buy{width:100%}}.shop-unique__owned{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:14px;background:#ffffff29;font-weight:900;text-align:center}.hero-card__level--unique{background:var(--unique-shimmer)}.hero-card__level--unique b{color:var(--unique-ink);text-shadow:none}.shop-unique__card--unique{border-color:transparent;background:var(--unique-night) padding-box,var(--unique-shimmer) border-box;background-size:auto,200% 100%;box-shadow:0 4px #3b2a7a,inset 0 2px #fff3;animation:unique-shimmer 6s linear infinite}.shop-unique__card--unique .shop-unique__badge{background:var(--unique-shimmer);color:var(--unique-ink)}@media(prefers-reduced-motion:reduce){.shop-unique__card--unique{animation:none}}.shop-section__title{flex-shrink:0;display:flex;align-items:center;gap:10px;margin:6px 2px 0;color:#8a7658;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.shop-section__title:after{content:"";flex:1;height:2px;border-radius:1px;background:#e3dacb}.shop-notice{flex-shrink:0;padding:8px 12px;border-radius:12px;background:#e2f7ea;color:#17713a;font-size:14px;font-weight:800;text-align:center}.shop-club{position:relative;flex-shrink:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"star name cta" "perks perks perks";align-items:center;gap:8px 10px;width:100%;padding:10px 12px;overflow:hidden;isolation:isolate;container-type:inline-size;border:2px solid #f2b632;border-radius:18px;background:radial-gradient(120% 90% at 0% 0%,#ffd84d1f,#ffd84d00 55%),linear-gradient(160deg,#3a4868,#1f2740);box-shadow:0 4px #b87600,inset 0 2px #ffffff24;color:#fff;text-align:start}.shop-club:has(>.shop-club__open:active){transform:translateY(2px);box-shadow:0 2px #b87600,inset 0 2px #ffffff24}.shop-club--gift{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"star name cta gift" "perks perks perks perks"}.shop-club__open{position:absolute;inset:0;border:0;border-radius:inherit;padding:0;background:transparent;cursor:pointer}.shop-club__open:focus-visible{outline:3px solid #fff;outline-offset:-5px}.shop-club__gift{grid-area:gift;position:relative;z-index:1;width:42px;min-height:36px;border-radius:10px}.shop-club__gift svg{width:26px;height:26px}.shop-club__star{grid-area:star;width:46px;height:46px}.shop-club__body{display:contents}.shop-club__name{grid-area:name;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffd84d;font-size:20px;font-weight:900;line-height:1.1;text-shadow:0 2px 0 rgba(8,12,30,.5)}.shop-club__perks{grid-area:perks;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.shop-club__perk{min-width:0;min-height:36px;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;background:#080c1e59;font-size:13px;font-weight:900;line-height:1.15}.shop-club__perks svg,.shop-club__perks img{flex:none;width:22px;height:22px;display:block;object-fit:contain}.shop-club__member{grid-area:perks;justify-self:start;padding:3px 10px;border-radius:999px;background:#ffd84d;color:#5a3500;font-size:13px;font-weight:900}.shop-club__cta{grid-area:cta;pointer-events:none;padding-inline:12px;font-size:15px;white-space:nowrap}.shop-club__more{grid-area:cta;font-size:22px;font-weight:900;line-height:1}[dir=rtl] .shop-club__more{transform:scaleX(-1)}@media(max-width:760px){.shop-club__perk{flex-direction:column;justify-content:center;gap:2px;padding:5px 4px;font-size:12px;text-align:center}.shop-club__perk span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:761px){.shop-club{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"star name perks cta";column-gap:16px}.shop-club--gift{grid-template-columns:auto auto minmax(0,1fr) auto auto;grid-template-areas:"star name perks cta gift"}.shop-club__perks{grid-template-columns:repeat(3,max-content);justify-content:center}.shop-club__perk{padding-inline:10px 12px;font-size:14px}}@media(max-width:400px){.shop-club{column-gap:8px;padding-inline:10px}.shop-club__star{width:40px;height:40px}.shop-club__name{font-size:18px}.shop-club__gift{width:36px}.shop-club__gift svg{width:24px;height:24px}.shop-club__cta{padding-inline:10px;font-size:14px}}.shop-restore{align-self:center;flex-shrink:0;padding:8px 14px}.gift-dialog,.gift-received{max-width:420px;display:flex;flex-direction:column;gap:10px}.gift-dialog .arena-modal__title,.gift-received .arena-modal__title{display:flex;align-items:center;justify-content:center;gap:8px}.gift-dialog .arena-modal__title svg,.gift-received .arena-modal__title svg{width:28px;height:28px}.gift-dialog__subject{display:flex;align-items:center;justify-content:center;gap:12px;font-size:20px;font-weight:900}.gift-dialog__figure{width:72px;height:84px;flex:none;display:block}.gift-dialog__star{width:48px;height:48px;flex:none}.gift-dialog__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gift-dialog__option{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border:2px solid #e2dccf;border-radius:14px;background:#fff;color:#1f2942;font:inherit;font-weight:800;cursor:pointer}.gift-dialog__option--active{border-color:#7b4dff;background:#f1ebff}.gift-dialog__label{margin:4px 0 0;color:#6a5b45;font-size:14px;font-weight:900}.gift-dialog__friends{max-height:240px;overflow-y:auto}.gift-dialog__friend{width:100%;border:2px solid transparent;background:transparent;font:inherit;text-align:start;cursor:pointer}.gift-dialog__friend--active{border-color:#7b4dff;background:#f1ebff}.gift-dialog__note{margin:0;color:#8a7658;font-size:13px;font-weight:700;text-align:center}.gift-dialog__send{width:100%}.gift-received{position:relative;overflow:hidden;text-align:center}.gift-received__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.gift-received__item{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800;text-align:start}.shop-club-hint{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:10px 14px;border:2px solid #f2b632;border-bottom-width:4px;border-radius:16px;background:radial-gradient(120% 90% at 0% 0%,#ffd84d1f,#ffd84d00 55%),linear-gradient(160deg,#3a4868,#1f2740);color:#fff;font:inherit;font-size:14px;font-weight:900;text-align:start;cursor:pointer}.shop-club-hint span{flex:1;min-width:0}.shop-club-hint__star{width:28px;height:28px;flex:none}.shop-club-hint b{font-size:20px;line-height:1}.shop-credits{flex-shrink:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:10px 12px;border:2px solid #e2dccf;border-bottom-width:4px;border-radius:18px;background:#fff;color:#1f2942;font:inherit;text-align:start;cursor:pointer}.shop-credits:active{transform:translateY(2px)}.shop-credits__coin svg{width:40px;height:40px;display:block}.shop-credits__body{min-width:0;display:flex;flex-direction:column;gap:2px}.shop-credits__body strong{font-size:17px;font-weight:900}.shop-credits__body span{color:#6a5b45;font-size:13px;font-weight:700;line-height:1.3}.shop-credits__cta{pointer-events:none}@media(max-width:420px){.shop-credits__balance{display:none}}@media(max-width:400px){.hero-daily{padding-inline:10px}.hero-daily__title .hero-ribbon__name{font-size:20px}.hero-daily__title .hero-ribbon__name--long{font-size:16px}.hero-daily__title .hero-ribbon__name--longer{font-size:14px}.hero-daily__slots{gap:10px}.hero-daily__chest{width:104px;height:98px}.hero-daily__name{font-size:12px}.hero-daily__open{min-height:40px;padding:0 4px;font-size:15px}.hero-daily__open--wait{font-size:13px}.hero-chest__buy .hero-chest__open{flex-direction:column;gap:0;font-size:14px}.hero-chest__buy .hero-chest__open .arena-button__sub{padding:0;background:none;font-size:12px}}@media(prefers-reduced-motion:reduce){.hero-daily__rays,.hero-daily__slot--live .hero-daily__chest .hero-thumb,.hero-daily__spark{animation:none}}.hero-odds{--stage-light: color-mix(in srgb, var(--chest-color) 28%, #fff4dc);gap:10px;max-width:400px;padding:14px 14px 16px;border:3px solid #fff;background:#f4f1ec;box-shadow:0 0 0 2px #d8d1c4,0 16px 40px #00000059;text-align:center}.hero-odds__stage{position:relative;height:156px;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;isolation:isolate;border-radius:16px;background:radial-gradient(ellipse 46% 52% at 50% 48%,color-mix(in srgb,var(--stage-light) 64%,transparent),transparent 78%),linear-gradient(180deg,color-mix(in srgb,var(--chest-color) 18%,#d6d1c7),color-mix(in srgb,var(--chest-color) 24%,#b7b1a5));box-shadow:inset 0 0 0 2px #ffffff80}.hero-odds__stage .hero-detail__rays{top:62%;width:340px;height:340px;margin:-170px 0 0 -170px}.hero-odds__chest{position:relative;z-index:1;display:block;width:112px;height:140px;margin-bottom:-8px;filter:drop-shadow(0 8px 6px rgba(0,0,0,.22))}.hero-odds>.hero-ribbon{margin-top:-30px}.hero-odds__text{margin:0;color:#6a5b45;font-size:14px;font-weight:800;line-height:1.35}.hero-odds__rows{display:grid;gap:8px;text-align:left}.hero-odds__row{--odds-color: #c9a15b;display:grid;grid-template-columns:auto minmax(0,1fr) 72px 52px;align-items:center;gap:8px;min-height:46px;padding:4px 12px 4px 8px;border:2px solid color-mix(in srgb,var(--odds-color) 55%,#fff);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--odds-color) 16%,#fff),color-mix(in srgb,var(--odds-color) 34%,#fff));box-shadow:0 3px color-mix(in srgb,var(--odds-color) 55%,#1b2233)}.hero-odds__heroes{display:flex;width:52px;height:32px}.hero-odds__heroes .hero-thumb{width:22px;height:32px;margin-right:-7px}.hero-odds__thumb{width:24px;height:32px}.hero-odds__label{min-width:0;color:color-mix(in srgb,var(--odds-color) 45%,#1f2942);font-size:14px;font-weight:900}.hero-odds__row--plain{grid-template-columns:auto minmax(0,1fr) 56px}.hero-odds__row--lucky{--odds-color: #e09400}.hero-odds__group{margin:4px 0 0;color:#9a6a2c;font-size:13px;font-weight:900;text-align:center}.hero-odds__bar{height:12px;overflow:hidden;padding:2px;border-radius:7px;background:#00000029}.hero-odds__bar span{display:block;height:100%;border-radius:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--odds-color) 40%,#fff),var(--odds-color));box-shadow:inset 0 -2px #00000029}.hero-odds__pct{color:color-mix(in srgb,var(--odds-color) 55%,#1f2942);font-size:16px;font-weight:900;font-variant-numeric:tabular-nums;text-align:right}.hero-odds__note{margin:2px 0 0;color:#6a5b45;font-size:13px;font-weight:800;text-align:center}.hero-chest__head{display:flex;align-items:center;gap:10px;min-height:62px;padding:6px 12px 6px 6px;background:radial-gradient(circle at 38px 50%,rgba(255,255,255,.22),transparent 54px),repeating-linear-gradient(176deg,rgba(255,255,255,.06) 0 2px,transparent 2px 11px),linear-gradient(180deg,color-mix(in srgb,var(--chest-color) 78%,#fff),var(--chest-color) 70%,color-mix(in srgb,var(--chest-color) 85%,#000));box-shadow:inset 0 -2px #0000002e;color:#fff;text-align:left}.hero-chest{--chest-trim: color-mix(in srgb, var(--chest-color) 75%, #000);border-color:var(--chest-trim)}.hero-chest__head{position:relative}.hero-chest--tier-0 .hero-chest__head{background:radial-gradient(circle at 38px 50%,rgba(255,236,200,.22),transparent 54px),repeating-linear-gradient(180deg,transparent 0 17px,rgba(60,25,5,.5) 17px 19px,rgba(255,220,170,.16) 19px 20px),repeating-linear-gradient(179deg,rgba(255,255,255,.05) 0 1px,transparent 1px 5px,rgba(70,30,5,.08) 5px 6px,transparent 6px 9px),linear-gradient(180deg,#c98a4f,#9a5a2b 70%,#7a431d)}.hero-chest--tier-1 .hero-chest__head{background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.38) 44%,transparent 54%,transparent 62%,rgba(255,255,255,.18) 66%,transparent 72%),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px,rgba(0,0,0,.05) 3px 4px),linear-gradient(180deg,#bcc8d8,#8798b0 60%,#67768e)}.hero-chest--tier-2{--chest-trim: #b8801c}.hero-chest--tier-2 .hero-chest__head{background:radial-gradient(circle at 38px 50%,rgba(255,210,140,.26),transparent 54px),linear-gradient(112deg,transparent 40%,rgba(255,255,255,.18) 48%,transparent 56%),repeating-linear-gradient(180deg,transparent 0 18px,rgba(70,0,0,.42) 18px 20px,rgba(255,160,150,.14) 20px 21px),linear-gradient(180deg,#e04a45,#b3232a 65%,#8c1720)}.hero-chest--tier-3 .hero-chest__head{background:radial-gradient(circle at 78% 26%,#fff 0 1px,transparent 2px),radial-gradient(circle at 90% 66%,rgba(255,255,255,.85) 0 1.2px,transparent 2.2px),radial-gradient(circle at 62% 74%,rgba(255,255,255,.7) 0 .8px,transparent 1.8px),radial-gradient(circle at 38px 50%,rgba(230,180,255,.28),transparent 56px),repeating-linear-gradient(125deg,rgba(255,255,255,.05) 0 10px,transparent 10px 22px),linear-gradient(180deg,#8a62e6,#5d36b8 65%,#43248f)}.hero-chest--tier-4{--chest-trim: #b8801c}.hero-chest--tier-4 .hero-chest__head{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 80' preserveAspectRatio='none'%3E%3Cpath d='M0 22 L40 30 L62 18 L96 34 L120 26 M62 18 L70 4 M96 34 L104 56 L92 80 M180 80 L196 58 L226 62 L250 44 L284 52 M226 62 L232 80 M250 44 L262 22 L300 14 L330 24 M300 14 L306 0 M330 24 L352 46 L388 40 L400 50 M352 46 L346 70 L360 80' fill='none' stroke='%23ff5a00' stroke-width='3.9000000000000004' stroke-linecap='round' stroke-linejoin='round' opacity='0.18'/%3E%3Cpath d='M0 22 L40 30 L62 18 L96 34 L120 26 M62 18 L70 4 M96 34 L104 56 L92 80 M180 80 L196 58 L226 62 L250 44 L284 52 M226 62 L232 80 M250 44 L262 22 L300 14 L330 24 M300 14 L306 0 M330 24 L352 46 L388 40 L400 50 M352 46 L346 70 L360 80' fill='none' stroke='%23d9702a' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat,radial-gradient(circle at 38px 50%,rgba(255,120,30,.22),transparent 58px),linear-gradient(180deg,#43302f,#261a1b 60%,#160e0f)}.hero-chest--tier-5 .hero-chest__head{background:radial-gradient(circle at 44.5% 72.5%,#fff 0 1.2px,rgba(255,150,200,.55) 1.2px,transparent 3.2px),radial-gradient(circle at 58% 62.5%,#fff 0 1.5px,rgba(255,150,200,.55) 1.5px,transparent 3.5px),radial-gradient(circle at 61% 42.5%,#fff 0 1px,rgba(255,150,200,.55) 1px,transparent 3px),radial-gradient(circle at 72.5% 37.5%,#fff 0 1.1px,rgba(255,150,200,.55) 1.1px,transparent 3.1px),radial-gradient(circle at 79.5% 17.5%,#fff 0 1.6px,rgba(255,150,200,.55) 1.6px,transparent 3.6px),radial-gradient(circle at 86.5% 32.5%,#fff 0 1.1px,rgba(255,150,200,.55) 1.1px,transparent 3.1px),radial-gradient(circle at 93% 22.5%,#fff 0 1px,rgba(255,150,200,.55) 1px,transparent 3px),radial-gradient(circle at 75% 65%,#fff 0 1px,rgba(255,150,200,.55) 1px,transparent 3px),radial-gradient(circle at 83% 75%,#fff 0 1.5px,rgba(255,150,200,.55) 1.5px,transparent 3.5px),radial-gradient(circle at 90% 60%,#fff 0 1px,rgba(255,150,200,.55) 1px,transparent 3px),radial-gradient(circle at 96% 80%,#fff 0 1.1px,rgba(255,150,200,.55) 1.1px,transparent 3.1px),radial-gradient(circle at 65.5% 27.5%,#fff 0 1px,rgba(255,150,200,.55) 1px,transparent 3px),radial-gradient(circle at 62.5% 80%,#fff 0 .9px,rgba(255,150,200,.55) .9px,transparent 2.9px),radial-gradient(circle at 34% 92.5%,#fff 0 .9px,rgba(255,150,200,.55) .9px,transparent 2.9px),radial-gradient(circle at 52.5% 15%,#fff 0 .7px,rgba(255,150,200,.55) .7px,transparent 2.7px),radial-gradient(circle at 98% 45%,#fff 0 .7px,rgba(255,150,200,.55) .7px,transparent 2.7px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 80' preserveAspectRatio='none'%3E%3Cpath d='M136 74 L178 58 L232 50 L250 64 M232 50 L244 34 M262 22 L290 30 L318 14 L346 26 L372 18 M318 14 L322 0 M290 30 L300 52 L332 60 L360 48 L384 64 M346 26 L360 48' fill='none' stroke='%23ff4f9a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='0.22'/%3E%3Cpath d='M136 74 L178 58 L232 50 L250 64 M232 50 L244 34 M262 22 L290 30 L318 14 L346 26 L372 18 M318 14 L322 0 M290 30 L300 52 L332 60 L360 48 L384 64 M346 26 L360 48' fill='none' stroke='%23ffc4de' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round' opacity='0.85'/%3E%3C/svg%3E") center / 100% 100% no-repeat,radial-gradient(circle at 38px 50%,rgba(255,120,190,.28),transparent 58px),radial-gradient(ellipse 34% 95% at 78% 22%,rgba(224,69,123,.55),transparent),radial-gradient(ellipse 30% 85% at 44% 105%,rgba(160,70,225,.45),transparent),linear-gradient(180deg,#4b1f6b,#2b1047 60%,#180827)}.hero-chest--tier-4 .hero-chest__info,.hero-chest--tier-5 .hero-chest__info{background:#fff3;box-shadow:inset 0 0 0 1px #ffbe7859}.hero-chest--tier-5 .hero-chest__info{box-shadow:inset 0 0 0 1px #ff96c866}.hero-chest--tier-4 .hero-chest__title strong,.hero-chest--tier-5 .hero-chest__title strong{text-shadow:0 3px 0 #000,1.5px 0 0 #000,-1.5px 0 0 #000,0 1.5px 0 #000,0 -1.5px 0 #000,1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.hero-chest__title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:5px}.hero-chest__title strong{max-width:100%;font-size:18px;font-weight:900;line-height:1.1;overflow-wrap:anywhere;text-shadow:0 3px 0 color-mix(in srgb,var(--chest-color) 45%,#000),1.5px 0 0 color-mix(in srgb,var(--chest-color) 45%,#000),-1.5px 0 0 color-mix(in srgb,var(--chest-color) 45%,#000),0 1.5px 0 color-mix(in srgb,var(--chest-color) 45%,#000),0 -1.5px 0 color-mix(in srgb,var(--chest-color) 45%,#000),1px 1px 0 color-mix(in srgb,var(--chest-color) 45%,#000),-1px 1px 0 color-mix(in srgb,var(--chest-color) 45%,#000),1px -1px 0 color-mix(in srgb,var(--chest-color) 45%,#000),-1px -1px 0 color-mix(in srgb,var(--chest-color) 45%,#000)}.hero-chest__info b{position:relative}.hero-chest__info{position:relative;max-width:150px;height:18px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#00000059;box-shadow:inset 0 2px 2px #0000004d;color:#fff;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.5),1px 0 0 rgba(0,0,0,.5),-1px 0 0 rgba(0,0,0,.5),0 1px 0 rgba(0,0,0,.5),0 -1px 0 rgba(0,0,0,.5),.7px .7px 0 rgba(0,0,0,.5),-.7px .7px 0 rgba(0,0,0,.5),.7px -.7px 0 rgba(0,0,0,.5),-.7px -.7px 0 rgba(0,0,0,.5)}.hero-chest__progress{position:absolute;inset:0}.hero-chest__progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(180deg,#9cf27a,#3fbf3a);box-shadow:inset 0 -2px #00000026}.hero-chest__buy{display:flex;gap:6px;padding:0 10px 12px}.hero-chest__open{flex:1;min-width:0;min-height:44px;flex-direction:row;gap:8px;padding:4px 8px;background:linear-gradient(180deg,#d3d8e1,#aab2c0);box-shadow:0 4px #7c8596,inset 0 2px #ffffff80;color:#fff;font-size:16px;font-weight:900;text-shadow:0 2px 0 #5d6577,1.2px 0 0 #5d6577,-1.2px 0 0 #5d6577,0 1.2px 0 #5d6577,0 -1.2px 0 #5d6577,.8px .8px 0 #5d6577,-.8px .8px 0 #5d6577,.8px -.8px 0 #5d6577,-.8px -.8px 0 #5d6577}.hero-chest__buy .arena-button:active:not(:disabled){box-shadow:0 1px #0000004d}.hero-chest__open.arena-button--play{background:linear-gradient(180deg,#ffd84d,#f5a400);box-shadow:0 4px #b87600,inset 0 2px #ffffff80;text-shadow:0 2px 0 #9a5d00,1.2px 0 0 #9a5d00,-1.2px 0 0 #9a5d00,0 1.2px 0 #9a5d00,0 -1.2px 0 #9a5d00,.8px .8px 0 #9a5d00,-.8px .8px 0 #9a5d00,.8px -.8px 0 #9a5d00,-.8px -.8px 0 #9a5d00}.hero-chest__open--all{background:linear-gradient(180deg,#4b566c,#2c3446);box-shadow:0 4px #161b26,inset 0 2px #ffffff2e;text-shadow:0 2px 0 #161b26,1.2px 0 0 #161b26,-1.2px 0 0 #161b26,0 1.2px 0 #161b26,0 -1.2px 0 #161b26,.8px .8px 0 #161b26,-.8px .8px 0 #161b26,.8px -.8px 0 #161b26,-.8px -.8px 0 #161b26}.hero-chest__open .arena-button__sub{padding:2px 8px;border-radius:999px;background:#0000001a;font-size:13px;font-weight:900;opacity:1;white-space:nowrap}.hero-chest__complete{flex-shrink:0;padding:6px 10px;border-radius:999px;background:#0000002e;color:#fff;font-size:13px;font-weight:900}.hero-chip{font:inherit;cursor:pointer}.hero-detail{gap:10px;padding:14px 14px 16px;border:3px solid #fff;background:#f4f1ec;box-shadow:0 0 0 2px #d8d1c4,0 16px 40px #00000059}.hero-detail>.hero-detail__close,.hero-odds>.hero-detail__close{top:6px;right:6px;width:38px;height:38px;border:3px solid #fff;border-radius:50%;background:linear-gradient(180deg,#5b667d,#3a4356);box-shadow:0 3px #1f2533,0 2px 6px #0000004d;color:#fff}.hero-detail__close svg{stroke-width:3}.hero-detail__stage{--stage-light: color-mix(in srgb, var(--rarity-color) 22%, #fff4dc);position:relative;height:280px;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;padding:0 0 8px;overflow:hidden;isolation:isolate;border:0;border-radius:16px;background:radial-gradient(ellipse 46% 52% at 50% 44%,var(--stage-light),transparent 80%),linear-gradient(180deg,color-mix(in srgb,var(--rarity-color) 18%,#d6d1c7),color-mix(in srgb,var(--rarity-color) 22%,#b7b1a5));box-shadow:inset 0 0 0 2px #ffffff80,inset 0 -30px 40px #00000014;cursor:pointer}.hero-detail__rays{position:absolute;top:44%;left:50%;z-index:-1;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:repeating-conic-gradient(rgba(255,250,235,.38) 0 7deg,transparent 7deg 18deg);-webkit-mask:radial-gradient(circle,#000 6%,transparent 58%);mask:radial-gradient(circle,#000 6%,transparent 58%);animation:hero-daily-spin 40s linear infinite}.hero-detail__spark{position:absolute;z-index:-1;width:12px;height:12px;background:#fffbe8;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 3px rgba(255,240,190,.9));animation:hero-daily-twinkle 2.8s ease-in-out infinite}.hero-detail__spark--1{top:12%;left:16%;width:16px;height:16px}.hero-detail__spark--2{top:46%;left:10%;width:10px;height:10px;animation-delay:-1s}.hero-detail__spark--3{top:22%;right:14%;width:14px;height:14px;animation-delay:-1.8s}.hero-detail__spark--4{top:58%;right:9%;width:9px;height:9px;animation-delay:-.5s}.hero-detail__spark--5{top:6%;left:58%;width:8px;height:8px;animation-delay:-2.2s}.hero-detail__pedestal{top:221px;width:132px}.hero-detail__figure{position:relative;z-index:1;width:171px;height:280px;margin-bottom:4px}.hero-detail>.hero-ribbon{margin-top:-20px}.hero-detail__select{margin-top:4px}.hero-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:10px}.hero-chest__buy:not(:empty){margin-top:-2px}.hero-chip{position:relative;container-type:inline-size;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px 4px;border:2px solid color-mix(in srgb,var(--rarity-color) 65%,#fff);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--rarity-color) 12%,#fff),color-mix(in srgb,var(--rarity-color) 28%,#fff));box-shadow:0 3px color-mix(in srgb,var(--rarity-color) 60%,#1b2233)}.hero-chip__figure{position:relative;width:36px;height:56px;display:flex;align-items:flex-end;justify-content:center}.hero-chip small{display:block;width:100%;color:color-mix(in srgb,var(--rarity-color) 80%,#000);font-size:11px;font-size:min(11px,calc((100cqi - 1px) / var(--bonus-em, 3.2)));font-weight:900;line-height:1.15;text-align:center;white-space:nowrap}.hero-chip--empty{min-height:68px;border:2px solid #e2e5eb;background:#eceef2;box-shadow:inset 0 3px #0000000d,0 3px #d7dbe2;cursor:default}.hero-chip--locked small{opacity:.6}.hero-chip__count{position:absolute;top:3px;right:3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#303c54;color:#fff;font-size:10px;line-height:16px}.game-page.arena-match{height:100dvh;position:relative;background:var(--bg);color:var(--text)}.game-page.arena-match--center{align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.arena-match__notice{margin:0;color:var(--text-secondary);font-weight:600}.game-page__header.match-hud{grid-template-columns:40px minmax(0,1fr) 40px;padding-top:8px;padding-bottom:8px}.match-hud__center{width:100%;max-width:520px;justify-self:center;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:6px}.match-hud__row{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.match-hud__center--versus .match-hud__row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.match-hud__center--versus .match-hud__row>.match-hud__side{justify-self:start}.match-hud__others{min-width:0;display:flex;align-items:center;gap:6px}.match-hud__center--versus .match-hud__others{justify-content:flex-end}.match-hud__side{min-width:0;min-height:34px;padding:0 10px 0 4px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--game-cream-face);box-shadow:inset 0 0 0 2px var(--side-color),0 3px 0 var(--game-cream-edge);color:var(--game-cream-stroke);transition:opacity .2s}.match-hud__side--end{flex-direction:row-reverse;padding:0 4px 0 10px;margin-left:auto}.match-hud__side--away{opacity:.4}.match-hud__side--left .match-hud__name,.match-hud__member--left{text-decoration:line-through;text-decoration-thickness:2px}.match-hud__side.match-hud__side--compact{padding:0 4px}.match-hud__score{flex-shrink:0;min-width:26px;height:26px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--side-color);color:#fff;font-size:17px;font-weight:900;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.35);animation:match-hud-score-pop .36s cubic-bezier(.3,1.6,.5,1)}.match-hud__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850}@keyframes match-hud-score-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.match-hud__clock{flex-shrink:0;min-width:70px;min-height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--game-dark-face);box-shadow:0 3px 0 var(--game-dark-edge);color:#fff;font-size:19px;font-weight:900;font-variant-numeric:tabular-nums;transition:background .2s}.match-hud__clock--low{background:var(--game-red-face);box-shadow:0 3px 0 var(--game-red-edge);animation:match-hud-clock-pulse 1s ease-in-out infinite}@keyframes match-hud-clock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.match-hud__side--done{box-shadow:inset 0 0 0 2px var(--side-color),0 3px 0 var(--game-cream-edge),0 0 14px #f5a40099}.match-hud__members{display:inline-flex;align-items:center}.match-hud__side--end .match-hud__members{flex-direction:row-reverse}.match-hud__member{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fffdf8;box-shadow:inset 0 0 0 2.5px var(--member-color);color:var(--member-color);font-size:11px;font-weight:900;line-height:1;animation:match-hud-member-bump .45s cubic-bezier(.3,1.8,.5,1)}.match-hud__member--fresh{animation:none}.match-hud__member+.match-hud__member{margin-left:-5px}.match-hud__side--end .match-hud__member+.match-hud__member{margin-left:0;margin-right:-5px}.match-hud__member--away{opacity:.4}@keyframes match-hud-member-bump{0%{transform:scale(1.55)}to{transform:scale(1)}}.bead-chain{box-sizing:border-box;width:100%;align-self:center;display:flex;align-items:center;justify-content:space-between;padding:2px 2px 1px}.bead-chain__bead{position:relative;flex:0 1 18px;min-width:0;max-width:18px;aspect-ratio:1}.bead-chain__socket,.bead-chain__art{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.bead-chain__halo{position:absolute;inset:var(--bead-halo-inset);pointer-events:none;animation:bead-chain-glow var(--bead-glow-ms) cubic-bezier(.42,0,.58,1) infinite alternate}.bead-chain__ball,.bead-chain__inner{position:absolute;inset:0;display:block}.bead-chain__ball--pop{animation:bead-chain-pop var(--bead-pop-ms) var(--bead-pop-easing) both}.bead-chain__ball--shift{animation:bead-chain-shift var(--bead-shift-ms) cubic-bezier(0,0,.58,1) both}.bead-chain__inner--shimmer{animation:bead-chain-shimmer var(--bead-shimmer-ms) cubic-bezier(.42,0,.58,1) infinite both}.bead-chain__shine{position:absolute;inset:.7px;border-radius:50%;background:#fff;opacity:0;pointer-events:none}.bead-chain__shine--glow{animation:bead-chain-glow-shine var(--bead-glow-ms) cubic-bezier(.42,0,.58,1) infinite alternate}.bead-chain__shine--shimmer{animation:bead-chain-shimmer-shine var(--bead-shimmer-ms) cubic-bezier(.42,0,.58,1) infinite both}.bead-chain__divider{flex:none;width:2px;align-self:stretch}.bead-chain__divider svg{display:block;width:2px;height:100%}@keyframes bead-chain-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes bead-chain-shift{0%{transform:translate(var(--bead-from)) scale(var(--bead-shift-scale))}to{transform:none}}@keyframes bead-chain-glow{0%{opacity:0}to{opacity:1}}@keyframes bead-chain-glow-shine{0%{opacity:0}to{opacity:.2}}@keyframes bead-chain-shimmer{0%,to{transform:scale(1)}30%{transform:scale(var(--bead-shimmer-scale))}}@keyframes bead-chain-shimmer-shine{0%,to{opacity:0}30%{opacity:.3}}@media(prefers-reduced-motion:reduce){.match-hud__score,.match-hud__clock--low,.match-hud__member,.bead-chain__halo,.bead-chain__ball,.bead-chain__inner,.bead-chain__shine{animation:none}}.arena-match__board{position:relative}.arena-match__board .game-page__canvas-area{transition:filter .2s}.arena-match__board--dimmed .game-page__canvas-area{filter:grayscale(.5) brightness(.82)}.arena-match__overlay{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f5f6f8d1;color:var(--text-secondary);font-size:14px;font-weight:500;pointer-events:none}.arena-match__overlay--countdown{background:#f5f6f873}.arena-match__countdown{color:var(--accent);font-size:clamp(64px,14vw,120px);font-weight:800;line-height:1;animation:arena-countdown .9s ease-out both}@keyframes arena-countdown{0%{transform:scale(1.5);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:.9}}.arena-match__alert{position:absolute;top:10px;left:50%;z-index:7;transform:translate(-50%);max-width:calc(100% - 24px);padding:7px 14px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#141a26e6;color:#fff;font-size:14px;font-weight:800;white-space:nowrap;pointer-events:none;animation:arena-alert-in .2s ease-out}.arena-match__alert span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.arena-match__alert-time{flex-shrink:0;color:#ffd84d;font-variant-numeric:tabular-nums}.arena-match__alert--back{background:#16825ceb}@keyframes arena-alert-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.arena-match__lock{position:absolute;left:0;right:0;bottom:0;z-index:6;height:4px;background:#00000014;pointer-events:none}.arena-match__lock span{display:block;height:100%;background:#fc5c7de6;transform-origin:left center;animation-name:arena-lock;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes arena-lock{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:768px){.game-page__header.match-hud{grid-template-columns:36px minmax(0,1fr) 36px}.match-hud__row,.match-hud__others{gap:5px}.match-hud__side{padding-right:8px}.match-hud__side--end{padding:0 4px 0 8px}.match-hud__clock{min-width:62px;padding:0 8px;font-size:17px}}.arena-results__backdrop{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#141a268c;animation:arena-fade-in .25s ease-out both}@keyframes arena-fade-in{0%{opacity:0}to{opacity:1}}.arena-results{width:min(560px,100%);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 20px 20px;border-radius:22px;background:var(--panel-bg);color:var(--panel-ink);border:3px solid #fff;text-align:center;box-shadow:var(--panel-shadow);animation:arena-results-in .32s cubic-bezier(.2,.9,.3,1.2) both}@keyframes arena-results-in{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:none;opacity:1}}.arena-results__title{margin:0;color:var(--panel-ink);font-size:26px;font-weight:800}.arena-results__reason{margin:-8px 0 0;color:var(--text-muted);font-size:13px}.arena-results__heroes{width:100%;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding-top:16px}.arena-results__hero{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:0;border-radius:14px;background:none;color:inherit;font:inherit;opacity:.8}.arena-results__hero--winner{opacity:1}.arena-results__hero--button{cursor:pointer;transition:background .15s}@media(hover:hover)and (pointer:fine){.arena-results__hero--button:hover{background:var(--bg-surface-hover)}}.arena-results__figure{display:flex;align-items:flex-end;justify-content:center}.arena-results__name{max-width:100%;display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:14px;font-weight:700}.arena-results__hero--me .arena-results__name{color:var(--accent)}.arena-results__name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-results__found{color:var(--text-muted);font-size:12px;font-weight:600}.arena-results__menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;padding:8px 12px;border-radius:12px;background:var(--bg)}.arena-results__menu-name{color:var(--text-secondary);font-size:13px;font-weight:700}.arena-results__tiles{width:100%;display:flex;justify-content:center;gap:10px}.arena-results__tile{flex:1 1 0;max-width:200px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 10px;border-radius:16px;background:var(--bg)}.arena-results__tile-label{color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.arena-results__tile-value{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.arena-results__tile-value .hp-arena__icon{width:22px;height:22px}.arena-results__tile--up .arena-results__tile-value{color:#1f9d6b}.arena-results__tile--down .arena-results__tile-value{color:#e0364b}.arena-results__tile--gold .arena-results__tile-value{color:#e3a100}.arena-results__tile-total{color:var(--text-secondary);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.arena-results__calculating{display:flex;align-items:center;gap:10px;margin:0;color:var(--text-muted);font-size:13px}.arena-results__calculating .game-page__spinner{width:18px;height:18px;border-width:2px}.arena-results__hint{margin:-4px 0 0;color:var(--text-muted);font-size:13px}.arena-results__promoted{margin:0;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--tier-color) 16%,#fff);color:var(--tier-color);font-size:14px;font-weight:800}.arena-results__actions{width:100%;display:flex;gap:10px;margin-top:4px}.arena-results__actions .arena-button{flex:1 1 0}@media(max-width:560px){.arena-results{padding:20px 14px 16px;gap:12px}.arena-results__title{font-size:22px}.arena-results__heroes{gap:2px}.arena-results__name{font-size:12px;gap:4px}.arena-results__tile-value{font-size:24px}}.tier-badge{flex:0 0 auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.preview-menu{text-align:left}.preview-menu__section{display:flex;flex-direction:column;gap:8px}.preview-menu__section h4{margin:0;color:#6a5b45;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.preview-menu__row{display:flex;flex-direction:column;gap:4px;color:#3d2600;font-size:13px;font-weight:800}.preview-menu__buttons{display:flex;flex-wrap:wrap;gap:6px}.preview-menu__button{min-height:32px;padding:0 12px;border:0;border-radius:999px;background:#fff;box-shadow:0 2px #c9c0b2;color:#3d2600;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.preview-menu__button:disabled{opacity:.5;cursor:default}.store-dialog__backdrop{position:fixed;inset:0;z-index:12100;display:grid;place-items:center;padding:16px;background:#0a0e1e9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.store-dialog{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;gap:14px;padding:16px;overflow-y:auto;overscroll-behavior:contain;border:3px solid #fff;border-radius:26px;background:#f6f1e7;box-shadow:0 18px 50px #00000059;color:#1f2942;animation:store-dialog-in .22s ease-out}@keyframes store-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.store-dialog{animation:none}}.store-dialog__close{position:absolute;top:12px;inset-inline-end:12px;z-index:2}.store-club__hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:4px;margin:-16px -16px 0;padding:26px 20px 20px;overflow:hidden;container-type:inline-size;border-radius:23px 23px 0 0;background:linear-gradient(160deg,#3a4868,#1f2740);color:#fff;text-align:center}.store-club__glow{position:absolute;top:-70px;left:50%;z-index:-1;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,216,77,.22),transparent 65%);transform:translate(-50%)}.store-club__star{width:80px;height:80px;filter:drop-shadow(0 5px 3px rgba(8,12,30,.5))}.store-club__title{margin:4px 0 0;font-size:28px;font-weight:900;line-height:1.1;color:#ffd84d;text-shadow:0 3px 0 rgba(8,12,30,.55)}.store-club__tagline{margin:0;color:#ffffffe6;font-size:15px;font-weight:800}.store-club__member{margin-top:2px;padding:3px 12px;border-radius:999px;background:#ffd84d;color:#5a3500;font-size:14px;font-weight:900}.store-perks{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.store-perks__item{display:flex;align-items:center;gap:12px;padding:6px 10px 6px 6px;border-radius:14px;background:#fff}.store-perks__icon{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#efe8ff;color:#6a3fe0}.store-perks__icon svg,.store-perks__icon img{width:28px;height:28px;display:block;object-fit:contain}.store-perks__copy{min-width:0;display:flex;flex-direction:column}.store-perks__copy strong{font-size:16px;font-weight:900;line-height:1.2}.store-perks__copy span{color:#6a5b45;font-size:13px;font-weight:700;line-height:1.3}.store-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:10px;padding-top:8px}.store-plan{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px 10px;border:3px solid #e2dccf;border-radius:18px;background:#fff;color:inherit;font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}.store-plan--selected{border-color:#6a3fe0;background:#f6f2ff;box-shadow:0 0 0 3px #6a3fe02e}.store-plan__badge{position:absolute;top:-12px;left:50%;padding:2px 10px;border-radius:999px;background:#e8303f;box-shadow:0 2px #8f0f22;color:#fff;font-size:12px;font-weight:900;white-space:nowrap;transform:translate(-50%)}.store-plan__name{color:#6a5b45;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.store-plan__price{font-size:19px;font-weight:900;line-height:1.2}.store-plan__note{color:#6a5b45;font-size:12px;font-weight:700}.store-cta{min-height:54px;padding:10px 16px;border:0;border-radius:16px;color:#fff;font:inherit;font-size:19px;font-weight:900;cursor:pointer}.store-cta--gold{background:linear-gradient(180deg,var(--game-gold-from),var(--game-gold-to));box-shadow:0 5px 0 var(--game-gold-edge),inset 0 2px #ffffff73;text-shadow:0 2px 0 var(--game-gold-stroke),1px 0 0 var(--game-gold-stroke),-1px 0 0 var(--game-gold-stroke),0 1px 0 var(--game-gold-stroke),0 -1px 0 var(--game-gold-stroke)}.store-cta--teal{background:linear-gradient(180deg,var(--game-teal-from),var(--game-teal-to));box-shadow:0 5px 0 var(--game-teal-edge),inset 0 2px #fff6;text-shadow:0 2px 0 var(--game-teal-stroke),1px 0 0 var(--game-teal-stroke),-1px 0 0 var(--game-teal-stroke),0 1px 0 var(--game-teal-stroke),0 -1px 0 var(--game-teal-stroke)}.store-cta:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--game-gold-edge),inset 0 2px #ffffff73}.store-cta--teal:active:not(:disabled){box-shadow:0 2px 0 var(--game-teal-edge),inset 0 2px #fff6}.store-cta:disabled{opacity:.6;cursor:default}.store-cta--small{width:100%;min-height:42px;padding:6px 8px;font-size:16px}.store-credits__head{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:6px;text-align:center}.store-credits__title{margin:4px 0 0;font-size:26px;font-weight:900}.store-credits__lead{margin:0;color:#6a5b45;font-size:14px;font-weight:700}.store-credits__balance{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:3px 4px 3px 12px;border-radius:999px;background:#fff;color:#6a5b45;font-size:13px;font-weight:800}.store-coins{position:relative;display:block;width:64px;height:52px}.store-coins svg{position:absolute;bottom:0;width:40px;height:40px;filter:drop-shadow(0 2px 1px rgba(60,40,0,.3))}.store-coins--1 svg{left:12px}.store-coins--2 svg:nth-child(1){left:2px}.store-coins--2 svg:nth-child(2){left:22px;bottom:8px}.store-coins--3 svg:nth-child(1){left:0}.store-coins--3 svg:nth-child(2){left:24px}.store-coins--3 svg:nth-child(3){left:12px;bottom:12px}.store-credits__head .store-coins{transform:scale(1.3);margin-bottom:6px}.store-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px}.store-pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 8px 10px;border:2px solid #e2dccf;border-bottom-width:4px;border-radius:18px;background:#fff}.store-pack--best{border-color:#f2b632;background:linear-gradient(180deg,#fff8dc,#fff)}.store-pack__ribbon{position:absolute;top:-11px;left:50%;padding:2px 8px;border-radius:999px;background:#f5a400;box-shadow:0 2px #b87600;color:#fff;font-size:11px;font-weight:900;white-space:nowrap;transform:translate(-50%)}.store-pack__amount{font-size:22px;font-weight:900;line-height:1.1}.store-pack__save{margin-bottom:6px;color:#17713a;font-size:12px;font-weight:900}.store-dialog__fine{margin:-4px 4px 0;color:#8a7658;font-size:12px;font-weight:600;line-height:1.4;text-align:center}.store-dialog__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:-6px 0 0;color:#8a7658;font-size:12px;font-weight:700}.store-dialog__legal a{color:inherit;text-decoration:underline}.store-dialog__consent{display:grid;gap:6px}.store-dialog__consent label{display:flex;align-items:flex-start;gap:8px;color:#5c4a2e;font-size:12.5px;font-weight:600;line-height:1.4;cursor:pointer}.store-dialog__consent input{flex:none;margin-top:2px}.store-dialog__placeholder{margin:8px 0;color:#6a5b45;font-size:14px;font-weight:700;text-align:center}.store-dialog__notice,.store-dialog__error{margin:0;padding:8px 12px;border-radius:12px;font-size:14px;font-weight:800;text-align:center}.store-dialog__notice{background:#e2f7ea;color:#17713a}.store-dialog__error{background:#fde7e9;color:#a11a2c}.store-dialog__restore{align-self:center;padding:4px 8px;border:0;background:none;color:#8a7658;font:inherit;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.store-dialog__restore:disabled{opacity:.6;cursor:default}.store-pack__save,.store-plan__price,.store-plan__note{white-space:nowrap}@media(max-width:400px),(max-height:760px){.store-dialog{gap:10px;padding:12px}.store-club__hero{margin:-12px -12px 0;padding:18px 44px 14px}.store-club__star{width:54px;height:54px}.store-club__title{font-size:24px}.store-club__tagline{font-size:14px}.store-perks{gap:4px}.store-perks__item{gap:10px;padding-block:4px}.store-perks__icon{width:36px;height:36px}.store-perks__icon svg,.store-perks__icon img{width:24px;height:24px}.store-perks__copy strong{font-size:15px}.store-perks__copy span{font-size:12px}}@media(max-width:400px){.store-plan__price{font-size:16px}.store-pack{padding-inline:4px}.store-pack__amount{font-size:19px}.store-pack__save{font-size:11px}.store-pack__ribbon{padding-inline:6px;font-size:10px}.store-cta--small{font-size:14px}}:root{--game-gold-from: #ffd84d;--game-gold-to: #f5a400;--game-gold-edge: #b87600;--game-gold-stroke: #9a5d00;--game-grey-from: #d3d8e1;--game-grey-to: #aab2c0;--game-grey-edge: #7c8596;--game-grey-stroke: #5d6577;--game-cream-from: #fffdf8;--game-cream-to: #f3eadc;--game-cream-edge: #c9b89a;--game-cream-stroke: #3d2600;--game-dark-from: #4b566c;--game-dark-to: #2c3446;--game-dark-edge: #161b26;--game-dark-stroke: #161b26;--game-green-from: #62e276;--game-green-to: #23b04a;--game-green-edge: #168038;--game-green-stroke: #137033;--game-slate-from: #a9b1bf;--game-slate-to: #858e9e;--game-slate-edge: #5f6778;--game-slate-stroke: #4f5767;--game-teal-from: #45d3ad;--game-teal-to: #1fa184;--game-teal-edge: #157560;--game-teal-stroke: #106050;--game-red-from: #ff6a6a;--game-red-to: #e0263f;--game-red-edge: #8a1426;--game-red-stroke: #7a1020;--game-board-edge: #e4ddd0;--game-board-face: #f4f1ec;--game-board-glow: #f4f1ec;--game-board-shade: #f4f1ec;--game-gold-face: linear-gradient(180deg, var(--game-gold-from), var(--game-gold-to));--game-grey-face: linear-gradient(180deg, var(--game-grey-from), var(--game-grey-to));--game-cream-face: linear-gradient(180deg, var(--game-cream-from), var(--game-cream-to));--game-dark-face: linear-gradient(180deg, var(--game-dark-from), var(--game-dark-to));--game-green-face: linear-gradient(180deg, var(--game-green-from), var(--game-green-to));--game-slate-face: linear-gradient(180deg, var(--game-slate-from), var(--game-slate-to));--game-teal-face: linear-gradient(180deg, var(--game-teal-from), var(--game-teal-to));--game-red-face: linear-gradient(180deg, var(--game-red-from), var(--game-red-to))}.editor__header-btn,.toolbar__btn,.dropzone__action-btn:not(.dropzone__action-btn--subtle),.pack-levels__action-btn,.profile-dialog__action-btn,.profile-dialog__secondary-btn,.profile-dialog__mini-btn--ghost,.auth-modal__submit-btn,.feedback-dialog__action,.share-game-dialog__file-action,.share-game-dialog__options-button,.legal-account-action__button,.moderation-inbox__refresh-btn,.moderation-inbox__open-pack-btn,.moderation-inbox__approve-btn,.moderation-inbox__reject-btn,.moderation-inbox__toggle-btn,.moderation-inbox__filter-btn,.hp-card__action-btn,.icon-btn,.toolbar__icon-btn,.editor__region-ai-tool-btn{border:0!important;color:var(--game-cream-stroke)!important;font-weight:900;background:var(--game-cream-face)!important;box-shadow:0 4px 0 var(--game-cream-edge),inset 0 2px #ffffffd9!important;text-shadow:none!important}.icon-btn,.toolbar__icon-btn,.hp-card__action-btn,.moderation-inbox__refresh-btn,.editor__header-btn--icon-only,.editor__region-ai-tool-btn{border-radius:12px!important}.editor__header-btn,.toolbar__btn,.dropzone__action-btn:not(.dropzone__action-btn--subtle),.pack-levels__action-btn,.profile-dialog__action-btn,.profile-dialog__secondary-btn,.feedback-dialog__action,.share-game-dialog__file-action,.legal-account-action__button,.moderation-inbox__open-pack-btn,.moderation-inbox__approve-btn,.moderation-inbox__reject-btn,.auth-modal__submit-btn{border-radius:14px!important}.editor__header-btn--primary,.toolbar__icon-btn--add,.dropzone__action-btn.dropzone__action-btn--primary,.pack-levels__action-btn--primary,.profile-dialog__mini-btn:not(.profile-dialog__mini-btn--ghost),.auth-modal__submit-btn,.feedback-dialog__action--primary,.share-game-dialog__file-action--share,.moderation-inbox__approve-btn,.moderation-inbox__toggle-btn--active,.icon-btn--primary{color:#fff!important;background:var(--game-teal-face)!important;box-shadow:0 4px 0 var(--game-teal-edge),inset 0 2px #fff6!important;text-shadow:0 2px 0 var(--game-teal-stroke),1px 0 0 var(--game-teal-stroke),-1px 0 0 var(--game-teal-stroke),0 1px 0 var(--game-teal-stroke),0 -1px 0 var(--game-teal-stroke)!important}.editor__header-btn--active,.toolbar__btn--active,.toolbar__icon-btn--active,.pack-levels__action-btn--active,.pack-levels__action-btn--warning,.moderation-inbox__filter-btn--active{color:#fff!important;background:var(--game-gold-face)!important;box-shadow:0 4px 0 var(--game-gold-edge),inset 0 2px #ffffff73!important;text-shadow:0 2px 0 var(--game-gold-stroke),1px 0 0 var(--game-gold-stroke),-1px 0 0 var(--game-gold-stroke),0 1px 0 var(--game-gold-stroke),0 -1px 0 var(--game-gold-stroke)!important}.pack-levels__action-btn--success{color:#fff!important;background:var(--game-green-face)!important;box-shadow:0 4px 0 var(--game-green-edge),inset 0 2px #fff6!important;text-shadow:0 2px 0 var(--game-green-stroke),1px 0 0 var(--game-green-stroke),-1px 0 0 var(--game-green-stroke),0 1px 0 var(--game-green-stroke),0 -1px 0 var(--game-green-stroke)!important}.editor__header-btn--danger,.toolbar__btn--danger,.toolbar__icon-btn--delete,.pack-levels__action-btn--danger,.profile-dialog__danger-btn,.profile-dialog__danger-link,.hp-card__action-btn--danger,.legal-account-action__button--primary,.legal-account-action__button--danger,.moderation-inbox__reject-btn{color:#fff!important;background:var(--game-red-face)!important;box-shadow:0 4px 0 var(--game-red-edge),inset 0 2px #ffffff59!important;text-shadow:0 2px 0 var(--game-red-stroke),1px 0 0 var(--game-red-stroke),-1px 0 0 var(--game-red-stroke),0 1px 0 var(--game-red-stroke),0 -1px 0 var(--game-red-stroke)!important}.pack-levels__action-btn--visibility{color:#fff!important;background:var(--game-dark-face)!important;box-shadow:0 4px 0 var(--game-dark-edge),inset 0 2px #ffffff2e!important;text-shadow:0 2px 0 var(--game-dark-stroke),1px 0 0 var(--game-dark-stroke),-1px 0 0 var(--game-dark-stroke),0 1px 0 var(--game-dark-stroke),0 -1px 0 var(--game-dark-stroke)!important}.pack-levels__action-btn--admin{color:#fff!important;background:var(--game-slate-face)!important;box-shadow:0 4px 0 var(--game-slate-edge),inset 0 2px #ffffff4d!important;text-shadow:0 2px 0 var(--game-slate-stroke),1px 0 0 var(--game-slate-stroke),-1px 0 0 var(--game-slate-stroke),0 1px 0 var(--game-slate-stroke),0 -1px 0 var(--game-slate-stroke)!important}.legal-account-action__button--secondary{background:var(--game-cream-face)!important;box-shadow:0 4px 0 var(--game-cream-edge),inset 0 2px #ffffff80!important;text-shadow:none!important;color:var(--game-cream-stroke)!important}.dropzone__action-btn--subtle{padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--panel-muted)!important;font-weight:500;text-shadow:none!important}.editor__modal-close-button,.profile-dialog__close{width:38px;height:38px;border:3px solid #fff!important;border-radius:50%!important;background:linear-gradient(180deg,#5b667d,#3a4356)!important;box-shadow:0 3px #1f2533,0 2px 6px #0000004d!important;color:#fff!important;text-shadow:none!important}.editor__modal-close-button svg,.profile-dialog__close svg{stroke-width:3}.game-page__found-count{color:#3d2600!important;background:linear-gradient(180deg,#fff,#efeae2)!important;border:2px solid #fff!important;box-shadow:0 2px #c9c0b2!important;text-shadow:none!important}.editor__header-btn:active:not(:disabled),.toolbar__btn:active:not(:disabled),.toolbar__icon-btn:active:not(:disabled),.dropzone__action-btn:not(.dropzone__action-btn--subtle):active:not(:disabled),.pack-levels__action-btn:active:not(:disabled),.profile-dialog__action-btn:active:not(:disabled),.profile-dialog__secondary-btn:active:not(:disabled),.profile-dialog__danger-btn:active:not(:disabled),.profile-dialog__danger-link:active:not(:disabled),.profile-dialog__mini-btn:active:not(:disabled),.auth-modal__submit-btn:active:not(:disabled),.feedback-dialog__action:active:not(:disabled),.share-game-dialog__file-action:active:not(:disabled),.share-game-dialog__options-button:active:not(:disabled),.legal-account-action__button:active:not(:disabled),.moderation-inbox__refresh-btn:active:not(:disabled),.moderation-inbox__open-pack-btn:active:not(:disabled),.moderation-inbox__approve-btn:active:not(:disabled),.moderation-inbox__reject-btn:active:not(:disabled),.moderation-inbox__toggle-btn:active:not(:disabled),.moderation-inbox__filter-btn:active:not(:disabled),.hp-card__action-btn:active:not(:disabled),.icon-btn:active:not(:disabled),.editor__region-ai-tool-btn:active:not(:disabled),.editor__modal-close-button:active:not(:disabled),.profile-dialog__close:active:not(:disabled){transform:translateY(3px)!important}.editor__header-btn:active:not(:disabled),.toolbar__btn:active:not(:disabled),.dropzone__action-btn:not(.dropzone__action-btn--subtle):active:not(:disabled),.pack-levels__action-btn:active:not(:disabled),.profile-dialog__action-btn:active:not(:disabled),.profile-dialog__secondary-btn:active:not(:disabled),.profile-dialog__mini-btn--ghost:active:not(:disabled),.feedback-dialog__action--secondary:active:not(:disabled),.share-game-dialog__file-action:not(.share-game-dialog__file-action--share):active:not(:disabled),.share-game-dialog__options-button:active:not(:disabled),.legal-account-action__button--secondary:active:not(:disabled),.moderation-inbox__refresh-btn:active:not(:disabled),.moderation-inbox__open-pack-btn:active:not(:disabled),.moderation-inbox__toggle-btn:not(.moderation-inbox__toggle-btn--active):active:not(:disabled),.moderation-inbox__filter-btn:not(.moderation-inbox__filter-btn--active):active:not(:disabled),.icon-btn:not(.icon-btn--primary):active:not(:disabled),.toolbar__icon-btn:not(.toolbar__icon-btn--add):not(.toolbar__icon-btn--delete):not(.toolbar__icon-btn--active):active:not(:disabled),.hp-card__action-btn:not(.hp-card__action-btn--danger):active:not(:disabled),.editor__region-ai-tool-btn:active:not(:disabled){box-shadow:0 1px 0 var(--game-cream-edge),inset 0 2px #ffffff80!important}.editor__header-btn--primary:active:not(:disabled),.toolbar__icon-btn--add:active:not(:disabled),.dropzone__action-btn.dropzone__action-btn--primary:active:not(:disabled),.pack-levels__action-btn--primary:active:not(:disabled),.profile-dialog__mini-btn:not(.profile-dialog__mini-btn--ghost):active:not(:disabled),.auth-modal__submit-btn:active:not(:disabled),.feedback-dialog__action--primary:active:not(:disabled),.share-game-dialog__file-action--share:active:not(:disabled),.moderation-inbox__approve-btn:active:not(:disabled),.icon-btn--primary:active:not(:disabled){box-shadow:0 1px 0 var(--game-teal-edge),inset 0 2px #fff6!important}.editor__header-btn--danger:active:not(:disabled),.toolbar__btn--danger:active:not(:disabled),.toolbar__icon-btn--delete:active:not(:disabled),.pack-levels__action-btn--danger:active:not(:disabled),.profile-dialog__danger-btn:active:not(:disabled),.profile-dialog__danger-link:active:not(:disabled),.hp-card__action-btn--danger:active:not(:disabled),.legal-account-action__button--danger:active:not(:disabled),.legal-account-action__button--primary:active:not(:disabled),.moderation-inbox__reject-btn:active:not(:disabled){box-shadow:0 1px 0 var(--game-red-edge),inset 0 2px #ffffff59!important}.editor__header-btn--active:active:not(:disabled),.pack-levels__action-btn--warning:active:not(:disabled),.moderation-inbox__filter-btn--active:active:not(:disabled){box-shadow:0 1px 0 var(--game-gold-edge),inset 0 2px #ffffff73!important}.editor__modal-close-button:active:not(:disabled),.profile-dialog__close:active:not(:disabled){box-shadow:0 1px #1f2533!important}.dropzone__action-btn--subtle:active:not(:disabled){transform:none;box-shadow:none!important}@media(hover:hover)and (pointer:fine){.editor__header-btn:hover:not(:disabled),.toolbar__btn:hover:not(:disabled),.toolbar__icon-btn:hover:not(:disabled),.dropzone__action-btn:not(.dropzone__action-btn--subtle):hover:not(:disabled),.pack-levels__action-btn:hover:not(:disabled),.profile-dialog__action-btn:hover:not(:disabled),.profile-dialog__secondary-btn:hover:not(:disabled),.profile-dialog__danger-btn:hover:not(:disabled),.profile-dialog__mini-btn:hover:not(:disabled),.auth-modal__submit-btn:hover:not(:disabled),.feedback-dialog__action:hover:not(:disabled),.share-game-dialog__file-action:hover:not(:disabled),.legal-account-action__button:hover:not(:disabled),.moderation-inbox__refresh-btn:hover:not(:disabled),.moderation-inbox__open-pack-btn:hover:not(:disabled),.moderation-inbox__approve-btn:hover:not(:disabled),.moderation-inbox__reject-btn:hover:not(:disabled),.moderation-inbox__toggle-btn:hover:not(:disabled),.moderation-inbox__filter-btn:hover:not(:disabled),.hp-card__action-btn:hover:not(:disabled),.icon-btn:hover:not(:disabled),.editor__region-ai-tool-btn:hover:not(:disabled),.editor__modal-close-button:hover:not(:disabled),.profile-dialog__close:hover:not(:disabled){filter:brightness(1.05);transform:none}.dropzone__action-btn--subtle:hover:not(:disabled){filter:none;background:transparent!important;color:var(--panel-ink)!important;transform:none}}.auth-modal__google-btn,.auth-modal__cancel-btn,.editor__generator-context-button,.moderation-inbox__load-more,.pack-songs-dialog__load-more,.pack-ratings-dialog__load-more{border:0!important;border-radius:14px!important;color:var(--game-cream-stroke)!important;font-weight:900;background:var(--game-cream-face)!important;box-shadow:0 4px 0 var(--game-cream-edge),inset 0 2px #ffffffd9!important;text-shadow:none!important}.pack-levels__empty>button{border:0!important;border-radius:14px!important;color:#fff!important;font-weight:900;background:var(--game-teal-face)!important;box-shadow:0 4px 0 var(--game-teal-edge),inset 0 2px #fff6!important;text-shadow:0 2px 0 var(--game-teal-stroke),1px 0 0 var(--game-teal-stroke),-1px 0 0 var(--game-teal-stroke),0 1px 0 var(--game-teal-stroke),0 -1px 0 var(--game-teal-stroke)!important}.auth-modal__close{width:38px;height:38px;padding:0;border:3px solid #fff!important;border-radius:50%!important;background:linear-gradient(180deg,#5b667d,#3a4356)!important;box-shadow:0 3px #1f2533,0 2px 6px #0000004d!important;color:#fff!important;text-shadow:none!important}.hp-nav__action,.hp-nav__btn,.hp-nav__btn--primary{border:0!important;border-radius:14px!important;background:var(--game-cream-face)!important;color:var(--game-cream-stroke)!important;font-weight:900;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 4px 0 var(--game-cream-edge),inset 0 2px #ffffffd9!important;text-shadow:none!important}.hp-nav__action--icon{border-radius:12px!important}.hp-nav__btn--primary{color:#fff!important;background:var(--game-teal-face)!important;box-shadow:0 4px 0 var(--game-teal-edge),inset 0 2px #fff6!important;text-shadow:0 2px 0 var(--game-teal-stroke),1px 0 0 var(--game-teal-stroke),-1px 0 0 var(--game-teal-stroke),0 1px 0 var(--game-teal-stroke),0 -1px 0 var(--game-teal-stroke)!important}.hp-nav__action--premium-active{background:var(--game-gold-face)!important;box-shadow:0 4px 0 var(--game-gold-edge),inset 0 2px #ffffff73!important}.hp-nav__badge{border:2px solid #fff!important;background:linear-gradient(180deg,#fff,#efeae2)!important;box-shadow:0 2px #c9c0b2!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hp-nav__action:active:not(:disabled),.hp-nav__btn:active:not(:disabled),.hp-nav__btn--primary:active:not(:disabled){transform:translateY(3px)!important}.hp-nav__btn--primary:active:not(:disabled){box-shadow:0 1px 0 var(--game-teal-edge),inset 0 2px #fff6!important}.hp-nav__action:not(.hp-nav__action--premium-active):active:not(:disabled){box-shadow:0 1px 0 var(--game-cream-edge),inset 0 2px #ffffff80!important}.hp-nav__action--premium-active:active:not(:disabled){box-shadow:0 1px 0 var(--game-gold-edge),inset 0 2px #ffffff73!important}@media(hover:hover)and (pointer:fine){.hp-nav__action:hover:not(:disabled),.hp-nav__btn:hover:not(:disabled),.hp-nav__btn--primary:hover:not(:disabled){filter:brightness(1.05);transform:none!important}}.auth-modal__google-btn:active:not(:disabled),.auth-modal__cancel-btn:active:not(:disabled),.editor__generator-context-button:active:not(:disabled),.moderation-inbox__load-more:active:not(:disabled),.pack-songs-dialog__load-more:active:not(:disabled),.pack-ratings-dialog__load-more:active:not(:disabled),.pack-levels__empty>button:active:not(:disabled),.auth-modal__close:active:not(:disabled){transform:translateY(3px)!important}.icon-btn.game-page__hint-button{color:#fff!important;background:var(--game-green-face)!important;box-shadow:0 4px 0 var(--game-green-edge),inset 0 2px #fff6!important;text-shadow:0 2px 0 var(--game-green-stroke),1px 0 0 var(--game-green-stroke),-1px 0 0 var(--game-green-stroke),0 1px 0 var(--game-green-stroke),0 -1px 0 var(--game-green-stroke)!important}.icon-btn.game-page__hint-button:active:not(:disabled){box-shadow:0 1px 0 var(--game-green-edge),inset 0 2px #fff6!important}.hp-browse__sort-chip{border:0!important;color:#3d2600!important;font-weight:900;background:linear-gradient(180deg,#fffdf8,#f3eadc)!important;box-shadow:0 4px #c9b89a,inset 0 2px #ffffffd9!important;text-shadow:none!important}.hp-browse__sort-chip--active{color:#fff!important;background:linear-gradient(180deg,#ffd84d,#f5a400)!important;box-shadow:0 4px #b87600,inset 0 2px #ffffff73!important;text-shadow:0 1px 0 #9a5d00,1px 0 0 #9a5d00,-1px 0 0 #9a5d00,0 1px 0 #9a5d00,0 -1px 0 #9a5d00!important}.hp-browse__sort-chip:active{transform:translateY(3px)!important}