._navbar_1v2ct_6{background:var(--color-bg-primary);border-bottom:1px solid rgba(245,237,224,.1);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-sticky)}._logo_1v2ct_21{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-on-dark);text-decoration:none}._logoImage_1v2ct_29{width:40px;height:40px;border-radius:var(--radius-sm)}._logoText_1v2ct_35{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-on-dark)}._navLinks_1v2ct_42{display:flex;align-items:center;gap:var(--space-6)}._navLink_1v2ct_42{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-on-dark-muted);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}._navLink_1v2ct_42:hover{color:var(--color-text-on-dark);background:#f5ede00d}._navLink_1v2ct_42._active_1v2ct_64{color:var(--color-text-on-dark);background:#f5ede01a}._leftSection_1v2ct_70{display:flex;align-items:center;gap:var(--space-8)}._userSection_1v2ct_77{display:flex;align-items:center;gap:var(--space-4)}._username_1v2ct_83{font-size:var(--text-sm);color:var(--color-text-on-dark-muted)}._logoutButton_1v2ct_88{padding:var(--space-2) var(--space-4);background-color:var(--color-danger);color:var(--color-text-on-dark);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}._logoutButton_1v2ct_88:hover{background-color:#c13525;transform:translateY(-1px)}._logoutButton_1v2ct_88:active{transform:translateY(0)}.notification-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--space-2);max-width:400px;pointer-events:none}.notification{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:0 2px 8px #1a23321a,0 1px 3px #1a233214;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);pointer-events:auto;animation:slideIn var(--transition-slow) ease-out;min-width:300px}.notification-success{border-left:4px solid var(--color-success);box-shadow:0 2px 8px #1a23321a,0 1px 3px #1a233214}.notification-error{border-left:4px solid var(--color-error);box-shadow:0 2px 8px #1a23321a,0 1px 3px #1a233214}.notification-info{border-left:4px solid var(--color-cyan);box-shadow:0 2px 8px #1a23321a,0 1px 3px #1a233214}.notification-content{display:flex;align-items:center;gap:var(--space-3);flex:1}.notification-icon{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.notification-success .notification-icon{color:var(--color-success)}.notification-error .notification-icon{color:var(--color-error)}.notification-info .notification-icon{color:var(--color-cyan)}.notification-message{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.notification-close{background:none;border:none;font-size:var(--font-size-2xl);line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:0;width:var(--space-6);height:var(--space-6);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-normal),color var(--transition-normal)}.notification-close:hover{background-color:#d4c4a033;color:var(--color-text-primary)}.notification-close:focus{outline:2px solid var(--color-cyan);outline-offset:2px}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.notification-container{left:var(--space-5);right:var(--space-5);max-width:none}.notification{min-width:0}}._container_1c15m_6{max-width:1200px;margin:0 auto;padding:2rem}._title_1c15m_12{color:var(--color-text-on-dark);margin-bottom:2rem}._heroBanner_1c15m_19{width:100%;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem;box-shadow:var(--shadow-card);border:2px solid var(--color-border-default)}._heroBannerImage_1c15m_28{width:100%;height:auto;display:block;object-fit:cover;max-height:300px}._statsCard_1c15m_38{margin-top:2rem;padding:2rem;background:var(--color-surface-primary);border:2px solid var(--color-border-on-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}._statsCard_1c15m_38:hover{box-shadow:var(--shadow-card),var(--glow-amber-sm);border-color:var(--color-accent-primary)}._statsHeader_1c15m_53{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}._statsTitle_1c15m_60{margin:0;color:var(--color-text-on-light)}._noBattlesLabel_1c15m_65{color:var(--color-text-on-light);font-size:.9rem}._loadingState_1c15m_70,._emptyState_1c15m_71{text-align:center;color:var(--color-text-on-light);padding:2rem}._emptyState_1c15m_71 p{color:var(--color-text-on-light);margin-bottom:.5rem}._statsGrid_1c15m_82{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}._statItem_1c15m_88{text-align:center}._statValue_1c15m_92{font-size:2rem;font-weight:700}._statValue_1c15m_92._wins_1c15m_97{color:var(--color-success)}._statValue_1c15m_92._losses_1c15m_101{color:var(--color-danger)}._statValue_1c15m_92._winRate_1c15m_105{color:var(--color-accent-tertiary)}._statValue_1c15m_92._currentStreak_1c15m_109{color:var(--color-accent-primary)}._statValue_1c15m_92._bestStreak_1c15m_113{color:var(--color-text-on-light)}._statLabel_1c15m_117{color:var(--color-text-on-light);font-size:.9rem}._actionsGrid_1c15m_124{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}._actionCard_1c15m_131{padding:2rem;background:var(--color-surface-primary);border:2px solid var(--color-border-on-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;color:inherit;display:block;box-shadow:var(--shadow-card)}._actionCard_1c15m_131:hover{transform:translateY(-4px);box-shadow:var(--shadow-card),var(--glow-amber);border-color:var(--color-accent-primary)}._cardTitle_1c15m_150{color:var(--color-text-on-light);margin-top:0;margin-bottom:.5rem}._cardDescription_1c15m_156{color:var(--color-text-on-light);margin:0}._container_o7xe5_8{display:flex;gap:var(--space-3);justify-content:center;align-items:center;padding:var(--space-4);flex-wrap:wrap}._button_o7xe5_17{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-width:120px;min-height:44px;padding:var(--space-3) var(--space-5);background-color:var(--color-bg-card);border:2px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);box-shadow:0 1px 3px #1a233214;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#000!important}._button_o7xe5_17:hover{background-color:#f5eed9;border-color:#c4b490;box-shadow:0 2px 6px #1a23321f;transform:translateY(-1px)}._button_o7xe5_17:active{transform:translateY(0);box-shadow:0 1px 2px #1a23321a}._button_o7xe5_17:focus{outline:2px solid #8B7355;outline-offset:2px}._button_o7xe5_17._active_o7xe5_62{background-color:#8b7355;border-color:#6d5a43;color:#fbf5e6;box-shadow:0 2px 8px #8b73554d}._button_o7xe5_17._active_o7xe5_62:hover{background-color:#a08565;border-color:#8b7355;box-shadow:0 3px 10px #8b735559}._icon_o7xe5_75{font-size:var(--font-size-2xl);line-height:1}._label_o7xe5_80{font-size:var(--font-size-sm);line-height:var(--line-height-tight);text-align:center}@media (max-width: 768px){._container_o7xe5_8{gap:var(--space-2);padding:var(--space-3)}._button_o7xe5_17{min-width:100px;min-height:44px;padding:var(--space-2) var(--space-4);font-size:13px}._icon_o7xe5_75{font-size:22px}._label_o7xe5_80{font-size:13px}}@media (max-width: 480px){._container_o7xe5_8{flex-direction:column;width:100%}._button_o7xe5_17{width:100%;max-width:300px}}._container_7cfrk_13{display:flex;flex-direction:column;gap:var(--space-4);max-width:600px;margin:0 auto}._canvasWrapper_7cfrk_21{border:2px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #1a233226;background-color:#fff}._canvas_7cfrk_21{display:block;cursor:crosshair;touch-action:none;background-color:#fff}._toolbar_7cfrk_37{display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-3);background-color:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}._toolGroup_7cfrk_47{display:flex;gap:var(--space-2)}._toolButton_7cfrk_52{min-width:44px;min-height:44px;padding:var(--space-2) var(--space-3);font-size:20px;background-color:var(--color-bg-primary);border:2px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);color:var(--color-text-primary)}._toolButton_7cfrk_52:hover{background-color:var(--color-bg-card);border-color:#c4a86a;box-shadow:0 1px 4px #1a233233;transform:translateY(-1px)}._toolButton_7cfrk_52:active{transform:translateY(0)}._toolButton_7cfrk_52._active_7cfrk_76{background-color:#8b7355;border-color:#8b7355;color:var(--color-bg-card);box-shadow:0 2px 6px #1a233240}._toolButton_7cfrk_52._dangerButton_7cfrk_83:hover{background-color:#f4e4bc;border-color:sienna}._brushSizeSelector_7cfrk_89{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}._label_7cfrk_99{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary)}._sizeButtons_7cfrk_105{display:flex;gap:var(--space-2);justify-content:center}._sizeButton_7cfrk_105{min-width:44px;min-height:44px;padding:var(--space-2);background-color:var(--color-bg-primary);border:2px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}._sizeButton_7cfrk_105:hover{background-color:var(--color-bg-card);border-color:#c4a86a;box-shadow:0 1px 4px #1a233233}._sizeButton_7cfrk_105._active_7cfrk_76{background-color:#8b7355;border-color:#8b7355;color:var(--color-bg-card);box-shadow:0 2px 6px #1a233240}._sizeSmall_7cfrk_139{font-size:var(--font-size-xs)}._sizeMedium_7cfrk_143{font-size:var(--font-size-lg)}._sizeLarge_7cfrk_147{font-size:var(--font-size-2xl)}._colorPicker_7cfrk_152{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}._colorPicker_7cfrk_152._disabled_7cfrk_162{opacity:.5;pointer-events:none}._presetColors_7cfrk_167{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-2)}._colorButton_7cfrk_173{width:44px;height:44px;border:2px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);padding:0}._colorButton_7cfrk_173:hover{border-color:#8b7355;box-shadow:0 1px 4px #1a233233;transform:scale(1.1)}._colorButton_7cfrk_173._active_7cfrk_76{border:3px solid #8B7355;box-shadow:0 2px 6px #1a233240}._customColorWrapper_7cfrk_194{display:flex;align-items:center;gap:var(--space-3)}._customLabel_7cfrk_200{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary)}._customColorPicker_7cfrk_206{width:60px;height:44px;border:2px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;padding:2px}._customColorPicker_7cfrk_206::-webkit-color-swatch-wrapper{padding:0}._customColorPicker_7cfrk_206::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}@media (max-width: 768px){._container_7cfrk_13{padding:var(--space-3)}._canvasWrapper_7cfrk_21{max-width:100%}._toolbar_7cfrk_37{flex-wrap:wrap}._presetColors_7cfrk_167{grid-template-columns:repeat(4,1fr)}}@media (max-width: 576px){._canvasWrapper_7cfrk_21 canvas{width:100%!important;height:auto!important;aspect-ratio:1 / 1}}._container_xs9eh_6{max-width:600px;margin:0 auto}._dropZone_xs9eh_12{border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;cursor:pointer;transition:all var(--transition-normal);background-color:var(--color-bg-tertiary)}._dropZone_xs9eh_12:hover{border-color:var(--color-cyan);background-color:var(--color-bg-secondary);box-shadow:var(--glow-cyan-sm)}._dropZone_xs9eh_12._dragActive_xs9eh_28{border-color:var(--color-cyan);background-color:var(--color-info-bg);border-style:solid;box-shadow:var(--glow-cyan-md)}._dropZone_xs9eh_12._dragReject_xs9eh_35{border-color:var(--color-error);background-color:var(--color-error-bg)}._dropZoneContent_xs9eh_40{display:flex;flex-direction:column;align-items:center;gap:16px}._dropZoneIcon_xs9eh_47{font-size:48px;line-height:1}._dropZoneText_xs9eh_52{display:flex;flex-direction:column;align-items:center;gap:8px}._primaryText_xs9eh_59{font-size:18px;font-weight:500;color:var(--color-text-primary);margin:0}._secondaryText_xs9eh_66{font-size:14px;color:var(--color-text-secondary);margin:0}._dragText_xs9eh_72{font-size:18px;font-weight:500;color:var(--color-cyan);margin:0}._browseButton_xs9eh_79{padding:10px 24px;background-color:var(--color-cyan);color:var(--color-bg-primary);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}._browseButton_xs9eh_79:hover{background-color:var(--color-cyan-light);box-shadow:var(--glow-cyan-sm)}._dropZoneHint_xs9eh_96{margin-top:8px}._hintText_xs9eh_100{font-size:12px;color:var(--color-text-muted);margin:0}._error_xs9eh_107{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);margin-bottom:16px}._errorIcon_xs9eh_118{font-size:20px;flex-shrink:0}._errorMessage_xs9eh_123{flex:1;font-size:14px;color:var(--color-error)}._errorClose_xs9eh_129{background:none;border:none;font-size:24px;color:var(--color-error);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--transition-fast)}._errorClose_xs9eh_129:hover{color:var(--color-error);filter:brightness(.8)}._previewPanel_xs9eh_151{border:2px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-bg-card)}._previewHeader_xs9eh_158{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-default)}._previewTitle_xs9eh_167{margin:0;font-size:16px;font-weight:500;color:var(--color-text-primary)}._clearButton_xs9eh_174{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-normal)}._clearButton_xs9eh_174:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}._previewImageWrapper_xs9eh_195{padding:24px;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-tertiary)}._previewImage_xs9eh_195{max-width:100%;max-height:400px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}._previewInfo_xs9eh_210{padding:16px;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-default)}._infoRow_xs9eh_216{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}._infoLabel_xs9eh_223{color:var(--color-text-secondary);font-weight:500}._infoValue_xs9eh_228{color:var(--color-text-primary);word-break:break-word;text-align:right;max-width:70%}@media (max-width: 768px){._dropZone_xs9eh_12{padding:32px 16px}._primaryText_xs9eh_59{font-size:16px}._dropZoneIcon_xs9eh_47{font-size:40px}._previewImage_xs9eh_195{max-height:300px}}._container_1a9id_6{max-width:600px;margin:0 auto}._label_1a9id_11{display:block;font-size:16px;font-weight:500;color:var(--color-text-primary);margin-bottom:12px}._textarea_1a9id_19{width:100%;padding:16px;font-family:inherit;font-size:15px;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);resize:vertical;min-height:150px;transition:border-color var(--transition-normal),box-shadow var(--transition-glow)}._textarea_1a9id_19:focus{outline:none;border-color:var(--color-cyan);box-shadow:var(--glow-cyan-sm)}._textarea_1a9id_19::placeholder{color:var(--color-text-muted)}._footer_1a9id_44{display:flex;justify-content:space-between;align-items:center;margin-top:8px}._counter_1a9id_51{font-size:13px;color:var(--color-text-secondary)}._counterWarning_1a9id_56{color:var(--color-error);font-weight:500}._clearButton_1a9id_61{padding:6px 16px;font-size:13px;background-color:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}._clearButton_1a9id_61:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-cyan)}._hint_1a9id_78{margin-top:12px;padding:12px 16px;font-size:14px;color:var(--color-text-secondary);background-color:var(--color-info-bg);border-left:3px solid var(--color-cyan);border-radius:var(--radius-sm)}@media (max-width: 768px){._textarea_1a9id_19{font-size:14px;padding:12px}._label_1a9id_11{font-size:15px}}._container_19kw3_5{max-width:800px;margin:0 auto;padding:32px 16px;background-color:var(--color-bg-primary)}._header_19kw3_12{text-align:center;margin-bottom:40px}._title_19kw3_17{font-size:32px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}._subtitle_19kw3_24{font-size:16px;color:var(--color-text-secondary);margin:0}._form_19kw3_30{display:flex;flex-direction:column;gap:32px}._inputContainer_19kw3_40{min-height:400px;display:flex;align-items:center;justify-content:center}._error_19kw3_48{display:flex;align-items:center;gap:12px;padding:16px;background-color:#fff8ec;border:2px solid var(--color-error);border-radius:8px;box-shadow:0 2px 8px #1a23321a}._errorIcon_19kw3_59{font-size:24px;flex-shrink:0;color:var(--color-error)}._errorMessage_19kw3_65{flex:1;font-size:15px;color:var(--color-error);line-height:1.5}._errorClose_19kw3_72{background:none;border:none;font-size:28px;color:var(--color-error);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;transition:background-color .2s ease}._errorClose_19kw3_72:hover{background-color:var(--color-bg-card)}._actions_19kw3_94{display:flex;justify-content:center}._generateButton_19kw3_99{display:flex;align-items:center;gap:12px;padding:16px 48px;font-size:18px;font-weight:600;color:var(--color-bg-primary);background:var(--color-text-primary);border:2px solid var(--color-border-default);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1a233233;min-width:240px;justify-content:center}._generateButton_19kw3_99:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #1a23324d;background:#2a3542}._generateButton_19kw3_99:focus:not(:disabled){outline:none;box-shadow:0 0 0 3px #d4c4a080,0 4px 12px #1a23324d}._generateButton_19kw3_99:active:not(:disabled){transform:translateY(0)}._generateButton_19kw3_99:disabled{opacity:.6;cursor:not-allowed}._buttonIcon_19kw3_137{font-size:24px;line-height:1}._spinner_19kw3_142{width:20px;height:20px;border:3px solid rgba(244,228,188,.3);border-top-color:var(--color-bg-primary);border-radius:50%;animation:_spin_19kw3_142 .8s linear infinite}@keyframes _spin_19kw3_142{to{transform:rotate(360deg)}}._infoPanel_19kw3_158{margin-top:32px;padding:20px;background-color:var(--color-bg-card);border-radius:8px;border-left:4px solid var(--color-text-primary);box-shadow:0 2px 8px #1a233214}._infoItem_19kw3_167{display:flex;align-items:flex-start;gap:12px}._infoIcon_19kw3_173{font-size:24px;flex-shrink:0;line-height:1;color:var(--color-text-primary)}._infoText_19kw3_180{font-size:14px;color:#000;line-height:1.6}@media (max-width: 768px){._container_19kw3_5{padding:24px 12px}._header_19kw3_12{margin-bottom:32px}._title_19kw3_17{font-size:26px}._subtitle_19kw3_24{font-size:14px}._inputContainer_19kw3_40{min-height:300px}._generateButton_19kw3_99{width:100%;padding:14px 32px;font-size:16px}._infoPanel_19kw3_158{margin-top:24px;padding:16px}._infoText_19kw3_180{font-size:13px}}._collapsedContainer_7oe2g_4{margin:1rem 0}._expandButton_7oe2g_8{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--color-cyan-dark) 0%,var(--color-cyan) 100%);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}._expandButton_7oe2g_8:hover{transform:translateY(-1px);box-shadow:var(--glow-cyan-md)}._container_7oe2g_27{margin:1.5rem 0;padding:1.5rem;background:var(--color-bg-card);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}._header_7oe2g_37{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border-default)}._title_7oe2g_46{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._collapseButton_7oe2g_53{padding:.5rem 1rem;background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}._collapseButton_7oe2g_53:hover{background:var(--color-bg-elevated);border-color:var(--color-cyan);box-shadow:var(--glow-cyan-sm)}._content_7oe2g_72{display:grid;grid-template-columns:400px 1fr;gap:1.5rem}._leftPanel_7oe2g_79{display:flex;flex-direction:column;gap:1rem}._viewport_7oe2g_85{position:relative;width:100%;height:300px;background:var(--color-bg-darkest);border:2px solid var(--color-border-default);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}._sprite_7oe2g_98{max-width:100%;max-height:100%;object-fit:contain}._placeholder_7oe2g_104{color:var(--color-text-tertiary);text-align:center}._frameCounter_7oe2g_109{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000000e6;color:var(--color-text-primary);padding:4px 12px;border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);box-shadow:var(--glow-cyan-sm)}._libraryBadge_7oe2g_123{position:absolute;top:8px;right:8px;background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:4px 10px;border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1px solid var(--color-border-default)}._controls_7oe2g_137{display:flex;justify-content:center;gap:.5rem}._playButton_7oe2g_143{padding:.625rem 1.5rem;background:linear-gradient(135deg,var(--color-cyan-dark) 0%,var(--color-cyan) 100%);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal)}._playButton_7oe2g_143:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-cyan-md)}._playButton_7oe2g_143:disabled{background:var(--color-bg-secondary);opacity:.5;cursor:not-allowed}._animationInfo_7oe2g_167{background:var(--color-bg-secondary);border:2px solid var(--color-border-default);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.5rem}._infoRow_7oe2g_177{display:flex;justify-content:space-between;align-items:center}._infoLabel_7oe2g_183{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}._infoValue_7oe2g_189{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._infoValueMono_7oe2g_195{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-cyan);background:var(--color-bg-darkest);padding:2px 8px;border-radius:var(--radius-sm)}._statusAnimated_7oe2g_204{color:var(--color-success);font-weight:var(--font-weight-bold)}._statusStatic_7oe2g_209{color:var(--color-text-tertiary);font-weight:var(--font-weight-bold)}._rightPanel_7oe2g_215{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:2px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden}._listHeader_7oe2g_224{padding:1rem;background:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border-default)}._listTitle_7oe2g_230{margin:0 0 .5rem;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._legend_7oe2g_237{display:flex;gap:1rem}._legendItem_7oe2g_242{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);color:var(--color-text-secondary)}._legendDot_7oe2g_250{width:10px;height:10px;border-radius:50%}._animationList_7oe2g_257{flex:1;overflow-y:auto;max-height:500px}._categoryGroup_7oe2g_263{padding:1rem;border-bottom:1px solid var(--color-border-default)}._categoryGroup_7oe2g_263:last-child{border-bottom:none}._categoryLabel_7oe2g_272{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}._animationButton_7oe2g_281{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:center;padding:.75rem;background:var(--color-bg-card);border:2px solid var(--color-border-default);border-radius:var(--radius-md);margin-bottom:.5rem;cursor:pointer;transition:all var(--transition-fast);text-align:left}._animationButton_7oe2g_281:hover{background:var(--color-bg-elevated);border-color:var(--color-border-light);box-shadow:var(--glow-cyan-sm)}._animationButtonActive_7oe2g_303{background:var(--color-info-bg);border-color:var(--color-accent-secondary);box-shadow:var(--glow-cyan-md)}._animationButton_7oe2g_281:last-child{margin-bottom:0}._animationLabel_7oe2g_313{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._animationId_7oe2g_319{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-bg-darkest);padding:2px 6px;border-radius:var(--radius-sm)}._animationStatus_7oe2g_328{font-size:16px}._statusDotAnimated_7oe2g_332{color:var(--color-success);font-weight:var(--font-weight-bold)}._statusDotStatic_7oe2g_337{color:var(--color-text-muted)}._footer_7oe2g_342{margin-top:1.5rem;padding-top:1rem;border-top:2px solid var(--color-border-default)}._helpText_7oe2g_348{margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}._helpText_7oe2g_348 strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}@media (max-width: 1024px){._content_7oe2g_72{grid-template-columns:1fr}._rightPanel_7oe2g_215{max-height:400px}}@media (max-width: 640px){._container_7oe2g_27{padding:1rem}._header_7oe2g_37{flex-direction:column;align-items:flex-start;gap:.75rem}._viewport_7oe2g_85{height:250px}._animationList_7oe2g_257{max-height:300px}}._container_97uwj_1{padding:var(--space-5);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);border-radius:var(--radius-lg);margin-top:var(--space-5)}._title_97uwj_8{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-5);text-align:center}._attributeGrid_97uwj_16{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5);max-width:1200px;margin:0 auto}._attributeCard_97uwj_24{background:#ffffff0d;border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;transition:var(--transition-normal)}._attributeCard_97uwj_24:hover{transform:translateY(-2px);border-color:var(--color-border-cyan);box-shadow:var(--glow-cyan-sm)}._attributeName_97uwj_41{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2);text-align:center}._attributeType_97uwj_49{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-4);text-transform:capitalize;text-align:center}._spriteContainer_97uwj_57{position:relative;width:128px;height:128px;margin-bottom:var(--space-4);background:#0000004d;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}._creatureSprite_97uwj_69{display:block}._creatureSprite_97uwj_69._attacking_97uwj_73{animation:_shake_97uwj_1 .5s ease}@keyframes _shake_97uwj_1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}._effectOverlay_97uwj_83{pointer-events:none}._playButton_97uwj_87{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-normal);width:100%}._playButton_97uwj_87:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--glow-purple-md)}._playButton_97uwj_87:disabled{opacity:.5;cursor:not-allowed}._effectInfo_97uwj_110{font-size:11px;color:var(--color-text-tertiary);margin-top:var(--space-2);text-align:center}._container_1afof_3{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem;background:var(--color-bg-primary)}._progressCard_1afof_12,._successCard_1afof_13,._errorCard_1afof_14,._loadingCard_1afof_15{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:0 2px 8px #1a233214,0 4px 16px #1a23320a;padding:3rem;max-width:800px;width:100%;border:1px solid var(--color-border-default)}._title_1afof_25{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 1rem;text-align:center}._statusText_1afof_33{font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 2rem;text-align:center}._progressBar_1afof_41{width:100%;height:32px;background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;margin:2rem 0;position:relative;border:1px solid var(--color-border-default)}._progressFill_1afof_52{height:100%;background:linear-gradient(90deg,var(--color-success) 0%,var(--color-success) 100%);transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-3)}._progressText_1afof_62{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:.875rem;text-shadow:0 1px 2px rgba(255,255,255,.5)}._steps_1afof_70{display:flex;justify-content:space-between;margin:2rem 0;gap:.5rem}._step_1afof_70{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}._stepIcon_1afof_85{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:var(--transition-slow);border:2px solid var(--color-border-default);color:var(--color-text-primary)}._stepActive_1afof_99 ._stepIcon_1afof_85{background:var(--color-success);color:#fff;border-color:var(--color-success)}._stepCurrent_1afof_105 ._stepIcon_1afof_85{background:var(--color-info);color:#fff;border-color:var(--color-info);animation:_pulse_1afof_1 1.5s infinite;box-shadow:0 0 8px #3b82f64d}._stepLabel_1afof_113{font-size:.75rem;color:var(--color-text-tertiary);text-align:center}._stepActive_1afof_99 ._stepLabel_1afof_113{color:var(--color-success);font-weight:var(--font-weight-semibold)}._stepCurrent_1afof_105 ._stepLabel_1afof_113{color:var(--color-info);font-weight:var(--font-weight-bold)}@keyframes _pulse_1afof_1{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}._infoPanel_1afof_139{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:1.5rem;margin-top:2rem;border:1px solid var(--color-border-default)}._infoText_1afof_147{margin:.5rem 0;font-size:.875rem;color:var(--color-text-secondary)}._loadingCard_1afof_15{text-align:center}._spinner_1afof_158{width:48px;height:48px;border:4px solid var(--color-border-default);border-top-color:var(--color-cyan);border-radius:var(--radius-full);animation:_spin_1afof_158 1s linear infinite;margin:0 auto 1rem}@keyframes _spin_1afof_158{to{transform:rotate(360deg)}}._loadingText_1afof_172{color:var(--color-text-secondary);font-size:1rem}._successCard_1afof_13{text-align:center}._successIcon_1afof_182{font-size:4rem;margin-bottom:1rem}._successTitle_1afof_187{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-success);margin:0 0 2rem}._errorCard_1afof_14{text-align:center}._errorIcon_1afof_199{font-size:4rem;margin-bottom:1rem}._errorTitle_1afof_204{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-error);margin:0 0 1rem}._errorMessage_1afof_211{font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 2rem}._errorActions_1afof_217{display:flex;gap:1rem;justify-content:center}._primaryButton_1afof_224,._retryButton_1afof_225{padding:.75rem 2rem;font-size:1rem;font-weight:var(--font-weight-semibold);color:#fff;background:var(--color-success);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}._primaryButton_1afof_224:hover,._retryButton_1afof_225:hover{background:#1ea34e;box-shadow:0 2px 8px #22c55e4d}._secondaryButton_1afof_243,._homeButton_1afof_244{padding:.75rem 2rem;font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}._secondaryButton_1afof_243:hover,._homeButton_1afof_244:hover{background:var(--color-bg-primary);border-color:var(--color-text-primary);box-shadow:0 2px 4px #1a23321a}._actions_1afof_263{display:flex;gap:1rem;justify-content:center;margin-top:2rem}._resultPanel_1afof_271{text-align:left;margin:2rem 0}._resultContainer_1afof_276{display:flex;flex-direction:column;gap:1.5rem}._resultSection_1afof_282{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--color-border-default)}._resultSectionTitle_1afof_289{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 1rem}._resultGrid_1afof_296{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}._resultItem_1afof_302{display:flex;flex-direction:column;gap:.25rem}._resultLabel_1afof_308{font-size:.875rem;color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}._resultValue_1afof_314{font-size:1rem;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}._statsGrid_1afof_321{display:flex;flex-direction:column;gap:1rem}._statBar_1afof_327{display:flex;flex-direction:column;gap:.5rem}._statHeader_1afof_333{display:flex;justify-content:space-between;align-items:center}._statLabel_1afof_339{font-size:.875rem;color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}._statValue_1afof_345{font-size:.875rem;color:var(--color-text-primary);font-weight:var(--font-weight-bold)}._statTrack_1afof_351{height:8px;background:var(--color-bg-card);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border-default)}._statFill_1afof_359{height:100%;background:linear-gradient(90deg,var(--color-cyan) 0%,var(--color-cyan-light) 100%);transition:width .3s ease}._animationCount_1afof_366{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1rem}._animationList_1afof_372{display:flex;flex-wrap:wrap;gap:.5rem}._animationBadge_1afof_378{padding:.5rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap}._styleValidation_1afof_389{display:flex;flex-direction:column;gap:1rem}._styleScore_1afof_395{display:flex;align-items:center;gap:1rem}._scoreLabel_1afof_401{font-size:1rem;color:var(--color-text-secondary)}._scoreValue_1afof_406{font-size:1.5rem;font-weight:var(--font-weight-bold)}._scorePassed_1afof_411{color:var(--color-success)}._scoreFailed_1afof_415{color:var(--color-error)}._styleFeedback_1afof_419{font-size:.875rem;color:var(--color-text-secondary);margin:0}._processingTime_1afof_425{font-size:.875rem;color:var(--color-text-tertiary);text-align:center;margin:0}._containerDark_1afof_436{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:#0a1628}._animationCard_1afof_446{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:900px;width:100%;padding:2rem}._titleGlow_1afof_456{font-size:2.5rem;font-weight:700;color:#00d4ff;margin:0;text-align:center;text-shadow:0 0 20px rgba(0,212,255,.3);font-family:system-ui,-apple-system,sans-serif}._animationWrapper_1afof_466{background:#0000004d;border-radius:16px;padding:1.5rem;box-shadow:inset 0 2px 12px #0006,0 0 40px #00d4ff1a;border:1px solid rgba(0,212,255,.1)}._statusTextGlow_1afof_476{font-size:1.25rem;color:#89a;margin:0;text-align:center;font-family:system-ui,-apple-system,sans-serif}._progressBarDark_1afof_485{width:100%;max-width:800px;height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(0,212,255,.2)}._progressFillGlow_1afof_496{height:100%;background:linear-gradient(90deg,#00d4ff,#22c55e);transition:width .5s ease;box-shadow:0 0 20px #00d4ff66;display:flex;align-items:center;justify-content:flex-end;padding-right:12px}._progressTextGlow_1afof_507{font-size:.875rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}._stepsDark_1afof_515{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem 2rem;max-width:900px;width:100%;font-family:system-ui,-apple-system,sans-serif}._stepDark_1afof_525{display:flex;align-items:center;gap:.5rem;opacity:.5}._stepActiveDark_1afof_532{opacity:1}._stepIconDark_1afof_536{font-size:.875rem;color:#567}._stepActiveDark_1afof_532 ._stepIconDark_1afof_536{color:#22c55e}._stepCurrentDark_1afof_545 ._stepIconDark_1afof_536{color:#00d4ff;animation:_pulseDark_1afof_1 1.5s infinite}._stepLabelDark_1afof_550{font-size:.875rem;color:#89a}._stepActiveDark_1afof_532 ._stepLabelDark_1afof_550{color:#fff}._stepCurrentDark_1afof_545 ._stepLabelDark_1afof_550{color:#fff;font-weight:600}@keyframes _pulseDark_1afof_1{0%,to{opacity:1}50%{opacity:.5}}._infoPanelDark_1afof_574{background:#0006;border-top:1px solid rgba(0,212,255,.2);padding:1.5rem 2rem;width:100%;max-width:800px;border-radius:8px;margin-top:1rem}._infoTextDark_1afof_584{margin:.5rem 0;font-size:.875rem;color:#89a;text-align:center}._infoTextDark_1afof_584 strong{color:#abc}._container_u7v72_5{max-width:1400px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}._header_u7v72_12{text-align:center;margin-bottom:2rem}._header_u7v72_12 h1{font-size:2rem;color:var(--color-text-primary);margin-bottom:.5rem}._subtitle_u7v72_23{color:var(--color-text-secondary);font-size:1rem}._inputSection_u7v72_29{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:2rem;margin-bottom:2rem}._inputGroup_u7v72_37{margin-bottom:1.5rem}._inputGroup_u7v72_37 label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}._descriptionInput_u7v72_48{width:100%;padding:.75rem;font-size:1rem;background:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:4px;transition:all .2s}._descriptionInput_u7v72_48:focus{outline:none;border-color:var(--color-cyan);box-shadow:0 0 0 3px #0ff3}._descriptionInput_u7v72_48:disabled{opacity:.6;cursor:not-allowed}._generateButton_u7v72_70{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);background:var(--color-cyan);border:none;border-radius:4px;cursor:pointer;transition:all .2s}._generateButton_u7v72_70:hover:not(:disabled){filter:brightness(1.2);box-shadow:0 0 20px #0ff6}._generateButton_u7v72_70:focus:not(:disabled){outline:none;box-shadow:0 0 0 3px #00ffff4d}._generateButton_u7v72_70:disabled{opacity:.5;cursor:not-allowed}._error_u7v72_99,._warning_u7v72_100{padding:1rem;margin-top:1rem;border-radius:4px;font-weight:500}._error_u7v72_99{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}._warning_u7v72_100{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}._loadingSection_u7v72_120{text-align:center;padding:3rem;background:var(--color-bg-card);border-radius:8px}._spinner_u7v72_127{width:50px;height:50px;margin:0 auto 1rem;border:4px solid var(--color-border);border-top-color:var(--color-cyan);border-radius:50%;animation:_spin_u7v72_127 1s linear infinite}@keyframes _spin_u7v72_127{to{transform:rotate(360deg)}}._loadingNote_u7v72_143{color:var(--color-text-secondary);font-size:.9rem;margin-top:.5rem}._resultsSection_u7v72_150{margin-top:2rem}._summaryCard_u7v72_154{background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:8px;padding:1.5rem;margin-bottom:2rem}._summaryCard_u7v72_154 h2{margin-top:0;color:var(--color-success)}._summaryCard_u7v72_154 p{margin:.5rem 0;color:var(--color-success)}._comparisonGrid_u7v72_173{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}._viewCard_u7v72_180{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:all .2s}._viewCard_u7v72_180:hover{border-color:var(--color-cyan);box-shadow:0 4px 20px #0ff3}._viewTitle_u7v72_193{margin:0 0 .5rem;color:var(--color-text-primary);font-size:1.3rem;text-transform:capitalize}._viewDescription_u7v72_200{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1.5rem}._spriteSection_u7v72_207,._animationSection_u7v72_208{margin-bottom:1.5rem}._spriteSection_u7v72_207 h4,._animationSection_u7v72_208 h4{margin:0 0 .75rem;color:var(--color-text-primary);font-size:1rem}._spriteContainer_u7v72_219,._animationContainer_u7v72_220{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;padding:1rem;text-align:center}._sprite_u7v72_207{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;width:128px;height:128px;display:inline-block;background:repeating-conic-gradient(var(--color-bg-tertiary) 0% 25%,var(--color-bg-secondary) 0% 50%) 50% / 20px 20px}._animationControls_u7v72_240{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}._frameButton_u7v72_248{padding:.5rem 1rem;background:var(--color-cyan);color:var(--color-text-primary);border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}._frameButton_u7v72_248:hover{filter:brightness(1.2);box-shadow:0 0 10px #0ff6}._frameButton_u7v72_248:focus{outline:none;box-shadow:0 0 0 2px #00ffff4d}._frameIndicator_u7v72_269{font-size:.9rem;color:var(--color-text-secondary);min-width:100px;text-align:center}._metadata_u7v72_277{padding-top:1rem;border-top:1px solid var(--color-border)}._metadata_u7v72_277 p{margin:.25rem 0;font-size:.9rem;color:var(--color-text-secondary)}._evaluationSection_u7v72_289{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:8px;padding:1.5rem}._evaluationSection_u7v72_289 h2{margin-top:0;color:var(--color-warning)}._evaluationList_u7v72_301{margin:1rem 0;padding-left:1.5rem;color:var(--color-text-primary)}._evaluationList_u7v72_301 li{margin-bottom:.75rem;line-height:1.5}._evaluationNote_u7v72_312{margin-top:1rem;padding:1rem;background:var(--color-bg-card);border-left:3px solid var(--color-warning);color:var(--color-text-secondary);font-style:italic}@media (max-width: 768px){._container_u7v72_5{padding:1rem}._comparisonGrid_u7v72_173{grid-template-columns:1fr}._sprite_u7v72_207{width:96px;height:96px}}._container_3wpi4_6{max-width:1200px;margin:0 auto;padding:2rem}._title_3wpi4_12{color:var(--color-text-on-dark)}._subtitle_3wpi4_16{color:var(--color-text-on-dark-muted);margin-bottom:3rem}._mainActionsGrid_3wpi4_23{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}._mainActionCard_3wpi4_30{padding:2rem;background:var(--color-surface-primary);border:2px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}._cardIcon_3wpi4_39{font-size:3rem;margin-bottom:1rem}._cardTitle_3wpi4_44{color:var(--color-text-on-light);margin-bottom:1rem}._cardDescription_3wpi4_49{color:var(--color-text-on-light);margin-bottom:1.5rem}._mainActionCard_3wpi4_30._quickPlay_3wpi4_55{border-left:4px solid var(--color-accent-tertiary)}._mainActionCard_3wpi4_30._quickPlay_3wpi4_55:hover{box-shadow:var(--shadow-card),var(--glow-purple);transform:translateY(-2px)}._mainActionCard_3wpi4_30._create_3wpi4_65{border-left:4px solid var(--color-success)}._mainActionCard_3wpi4_30._create_3wpi4_65:hover{box-shadow:var(--shadow-card),0 0 20px var(--color-success-bg);transform:translateY(-2px)}._mainActionCard_3wpi4_30._joinByKey_3wpi4_75{border-left:4px solid var(--color-accent-primary)}._mainActionCard_3wpi4_30._joinByKey_3wpi4_75:hover{box-shadow:var(--shadow-card),var(--glow-amber);transform:translateY(-2px)}._errorMessage_3wpi4_86{margin-bottom:1.5rem;padding:.75rem;background:var(--color-danger-bg);border-left:4px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.9rem}._button_3wpi4_98{width:100%;padding:1rem;font-size:1.1rem;font-weight:700;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}._button_3wpi4_98:disabled{cursor:not-allowed;opacity:.5}._button_3wpi4_98._quickPlay_3wpi4_55{background:var(--gradient-battle);color:#fff;box-shadow:var(--shadow-md),var(--glow-purple)}._button_3wpi4_98._quickPlay_3wpi4_55:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #7b5ea780}._button_3wpi4_98._create_3wpi4_65{background:var(--gradient-primary);color:var(--color-bg-primary);box-shadow:var(--shadow-md),var(--glow-amber)}._button_3wpi4_98._create_3wpi4_65:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #f5a62380}._button_3wpi4_98._cancel_3wpi4_136{background:transparent;color:var(--color-text-on-light);border:2px solid var(--color-surface-tertiary)}._button_3wpi4_98._cancel_3wpi4_136:not(:disabled):hover{background:#1e2a3a0d;border-color:var(--color-text-on-light)}._joinByKeyForm_3wpi4_149{display:flex;gap:.5rem}._battleKeyInput_3wpi4_154{flex:1;padding:.75rem;font-size:1.1rem;font-weight:700;text-align:center;background:var(--color-surface-secondary);color:var(--color-text-on-light);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-lg);text-transform:uppercase;transition:border-color var(--transition-fast)}._battleKeyInput_3wpi4_154:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}._battleKeyInput_3wpi4_154:disabled{opacity:.5}._joinButton_3wpi4_178{padding:.75rem 1.5rem;font-size:1.1rem;font-weight:700;background:var(--gradient-primary);color:var(--color-bg-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md),var(--glow-amber)}._joinButton_3wpi4_178:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #f5a62380}._joinButton_3wpi4_178:disabled{background:var(--color-surface-tertiary);color:var(--color-text-on-light);cursor:not-allowed;opacity:.5;box-shadow:none}._browseSection_3wpi4_206{padding:2rem;background:var(--color-surface-primary);border:2px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}._browseHeader_3wpi4_214{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}._browseTitle_3wpi4_221{margin:0;color:var(--color-text-on-light)}._connectionStatus_3wpi4_226{font-size:.85rem;padding:.25rem .75rem;border-radius:var(--radius-full)}._connectionStatus_3wpi4_226._connected_3wpi4_232{background:var(--color-success-bg);color:var(--color-success)}._connectionStatus_3wpi4_226._disconnected_3wpi4_237{background:var(--color-danger-bg);color:var(--color-danger)}._battleCount_3wpi4_242{color:var(--color-text-on-light);margin-bottom:1.5rem;font-size:.9rem}._emptyState_3wpi4_248{text-align:center;padding:3rem;color:var(--color-text-on-light)}._emptyState_3wpi4_248 p{margin-bottom:.5rem}._emptyState_3wpi4_248 p:first-of-type{font-size:1.1rem}._emptyState_3wpi4_248 p:last-of-type{font-size:.9rem}._battleList_3wpi4_268{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}._battleCard_3wpi4_274{padding:1.5rem;background:var(--color-surface-secondary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}._battleCard_3wpi4_274:not(._joining_3wpi4_283):hover{border-color:var(--color-accent-secondary);transform:translateY(-2px);box-shadow:var(--shadow-card),var(--glow-cyan)}._battleCard_3wpi4_274._joining_3wpi4_283{background:var(--color-surface-tertiary);cursor:not-allowed;opacity:.6}._battleName_3wpi4_295{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--color-text-on-light)}._hostInfo_3wpi4_302{margin:0 0 .75rem;font-size:.9rem;color:var(--color-text-on-light)}._battleKeyDisplay_3wpi4_308{display:inline-block;padding:.25rem .75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--color-accent-secondary)}._modalOverlay_3wpi4_322{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}._modal_3wpi4_322{background:var(--color-surface-primary);padding:2rem;border-radius:var(--radius-xl);border:2px solid var(--color-accent-primary);box-shadow:var(--shadow-xl),var(--glow-amber);max-width:500px;width:90%}._modalTitle_3wpi4_346{margin-bottom:1.5rem;color:var(--color-text-on-light)}._formGroup_3wpi4_351{margin-bottom:1.5rem}._formLabel_3wpi4_355{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-on-light)}._formInput_3wpi4_362{width:100%;padding:.75rem;font-size:1rem;background:var(--color-surface-secondary);color:var(--color-text-on-light);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}._formInput_3wpi4_362:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}._formInput_3wpi4_362:disabled{opacity:.5}._modalActions_3wpi4_383{display:flex;gap:1rem}._modalActions_3wpi4_383 ._button_3wpi4_98{flex:1}._container_174uw_6{position:relative;padding:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-md);color:var(--color-text-on-dark);font-family:var(--font-primary);max-width:1200px;margin:0 auto}._header_174uw_17{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(245,237,224,.1)}._title_174uw_26{margin:0;font-size:var(--text-3xl);color:var(--color-text-on-dark);font-weight:var(--font-bold)}._controls_174uw_33{display:flex;gap:var(--space-3)}._button_174uw_38{padding:var(--space-3) var(--space-6);background:var(--gradient-primary);color:var(--color-bg-primary);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);min-height:44px;box-shadow:var(--shadow-md),var(--glow-amber)}._button_174uw_38:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #f5a62380}._button_174uw_38:active:not(:disabled){transform:translateY(0)}._button_174uw_38:disabled{background:var(--color-bg-tertiary);color:var(--color-text-on-dark-subtle);cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}._canvasContainer_174uw_70{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-4);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-secondary);border:2px solid var(--color-surface-tertiary)}._canvasContainer_174uw_70 canvas{display:block}._info_174uw_85{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid rgba(245,237,224,.1)}._infoSection_174uw_95{padding:var(--space-4);background:var(--color-surface-primary);border-radius:var(--radius-md);border-left:3px solid var(--color-accent-secondary)}._infoSection_174uw_95 h3{margin:0 0 var(--space-3) 0;font-size:var(--text-base);color:var(--color-text-on-light);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}._infoItem_174uw_111{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--color-surface-tertiary)}._infoItem_174uw_111:last-child{border-bottom:none}._infoItem_174uw_111 span:first-child{color:var(--color-text-on-light);opacity:.85;font-weight:var(--font-medium)}._infoItem_174uw_111 span:last-child{color:var(--color-text-on-light);font-family:var(--font-mono)}._zoneLabel_174uw_134{font-weight:var(--font-semibold)}._legend_174uw_138{padding:var(--space-4);background:var(--color-surface-primary);border-radius:var(--radius-md);border-left:3px solid var(--color-accent-primary)}._legend_174uw_138 h3{margin:0 0 var(--space-3) 0;font-size:var(--text-base);color:var(--color-text-on-light);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}._legendItem_174uw_154{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-on-light)}._colorBox_174uw_163{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid var(--color-surface-tertiary);flex-shrink:0}@media (max-width: 768px){._header_174uw_17{flex-direction:column;align-items:flex-start;gap:var(--space-4)}._controls_174uw_33{width:100%;flex-direction:column}._button_174uw_38{width:100%}._info_174uw_85{grid-template-columns:1fr}._canvasContainer_174uw_70{overflow-x:auto}}._loading_174uw_198,._error_174uw_199{padding:var(--space-10);text-align:center;font-size:var(--text-base);border-radius:var(--radius-lg)}._loading_174uw_198{color:var(--color-text-on-dark);background:var(--color-bg-secondary);border:2px solid var(--color-accent-secondary);box-shadow:var(--glow-cyan)}._error_174uw_199{color:var(--color-danger);background:var(--color-danger-bg);border:2px solid var(--color-danger)}._zoomControls_bbnea_6{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:4px;z-index:100}._zoomButton_bbnea_16{width:36px;height:36px;font-size:24px;font-weight:600;line-height:1;border:none;border-radius:6px;background-color:#0009;color:#fff;cursor:pointer;transition:background-color .15s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}._zoomButton_bbnea_16:hover:not(:disabled){background-color:#000c;transform:scale(1.05)}._zoomButton_bbnea_16:active:not(:disabled){background-color:#000000e6;transform:scale(.95)}._zoomButton_bbnea_16:disabled{opacity:.4;cursor:not-allowed}._zoomButton_bbnea_16:focus-visible{outline:2px solid #4a9eff;outline-offset:2px}._roster_jd2c6_5{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid rgba(245,237,224,.1);position:relative;min-width:280px;max-width:320px}._roster_jd2c6_5._player1_jd2c6_15{border-color:var(--color-accent-secondary);box-shadow:var(--glow-cyan)}._roster_jd2c6_5._player2_jd2c6_20{border-color:var(--color-danger)}._header_jd2c6_24{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(245,237,224,.1)}._title_jd2c6_33{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-on-dark)}._counter_jd2c6_40{font-size:var(--text-sm);color:var(--color-text-on-dark-muted);font-weight:var(--font-medium)}._creatureList_jd2c6_46{display:flex;flex-direction:column;gap:var(--space-2);max-height:500px;overflow-y:auto;padding-right:var(--space-1)}._creatureList_jd2c6_46::-webkit-scrollbar{width:6px}._creatureList_jd2c6_46::-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:var(--radius-sm)}._creatureList_jd2c6_46::-webkit-scrollbar-thumb{background:#4ecdc44d;border-radius:var(--radius-sm)}._creatureList_jd2c6_46::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary);box-shadow:var(--glow-cyan)}._creatureCard_jd2c6_75{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md);border:2px solid var(--color-surface-tertiary);cursor:grab;transition:all var(--transition-normal);position:relative;-webkit-user-select:none;user-select:none}._creatureCard_jd2c6_75:hover{border-color:var(--color-accent-primary);transform:translateY(-2px);box-shadow:var(--glow-amber)}._creatureCard_jd2c6_75[draggable=true]:active{cursor:grabbing}._creatureCard_jd2c6_75._dragging_jd2c6_99{opacity:.5;cursor:grabbing}._creatureCard_jd2c6_75._selected_jd2c6_104{border-color:var(--color-accent-secondary);box-shadow:var(--glow-cyan);background:#4ecdc41a}._creatureCard_jd2c6_75._placed_jd2c6_110{opacity:.5;cursor:not-allowed}._creatureCard_jd2c6_75._placed_jd2c6_110:hover{transform:none;box-shadow:none;border-color:var(--color-surface-tertiary)}._creatureCard_jd2c6_75._locked_jd2c6_121{opacity:.6;cursor:not-allowed}._creatureSprite_jd2c6_126{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}._spritePlaceholder_jd2c6_137{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-on-light)}._spriteImage_jd2c6_143{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}._spriteLoading_jd2c6_150{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._spinner_jd2c6_158{width:24px;height:24px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:_spin_jd2c6_158 .8s linear infinite}@keyframes _spin_jd2c6_158{to{transform:rotate(360deg)}}._spriteError_jd2c6_173{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-danger)}._creatureInfo_jd2c6_179{flex:1;min-width:0}._creatureName_jd2c6_184{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-on-light);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._creatureStats_jd2c6_194{display:flex;gap:var(--space-2);font-size:var(--text-xs)}._stat_jd2c6_200{color:var(--color-text-on-light);opacity:.85;display:flex;align-items:center;gap:var(--space-1)}._placedBadge_jd2c6_208{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--color-success);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;box-shadow:var(--shadow-sm)}._lockedOverlay_jd2c6_222{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);z-index:10}._lockedMessage_jd2c6_236{background:var(--color-danger);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-base);box-shadow:var(--shadow-lg)}@media (hover: none) and (pointer: coarse){._creatureCard_jd2c6_75{padding:var(--space-4)}._creatureCard_jd2c6_75:active{transform:scale(.98)}}.gallery-creature-card{background:var(--color-surface-secondary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-md);padding:var(--space-3);cursor:grab;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.gallery-creature-card:hover:not(.disabled){border-color:var(--color-accent-primary);transform:translateY(-2px);box-shadow:var(--glow-amber)}.gallery-creature-card:active:not(.disabled){cursor:grabbing}.gallery-creature-card.selected{border-color:var(--color-accent-secondary);box-shadow:var(--glow-cyan);background:#4ecdc41a}.gallery-creature-card.disabled{opacity:.5;cursor:not-allowed}.creature-sprite{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);overflow:hidden}.creature-sprite img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.creature-name{font-size:var(--text-sm);color:var(--color-text-on-light);text-align:center;font-weight:var(--font-medium);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-creature-card[draggable=true]:active{opacity:.5}.gallery-panel{width:320px;height:100%;background:var(--color-bg-secondary);border-right:1px solid rgba(245,237,224,.1);display:flex;flex-direction:column;overflow:hidden}.gallery-header{padding:var(--space-5);border-bottom:1px solid rgba(245,237,224,.1);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-primary)}.gallery-header h2{margin:0;font-size:var(--text-lg);color:var(--color-text-on-dark);font-weight:var(--font-semibold)}.deployment-counter{background:#4ecdc41a;color:var(--color-accent-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);border:1px solid rgba(78,205,196,.3)}.deployment-counter.limit-reached{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.limit-warning{padding:var(--space-3) var(--space-5);background:var(--color-danger-bg);border-bottom:1px solid var(--color-danger);color:var(--color-danger);font-size:var(--text-sm);text-align:center;font-weight:var(--font-medium)}.gallery-grid{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4);display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3);align-content:start}.gallery-grid::-webkit-scrollbar{width:8px}.gallery-grid::-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:var(--radius-sm)}.gallery-grid::-webkit-scrollbar-thumb{background:#4ecdc44d;border-radius:var(--radius-sm)}.gallery-grid::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary);box-shadow:var(--glow-cyan)}.gallery-loading{padding:var(--space-10) var(--space-5);text-align:center;color:var(--color-text-on-dark-muted);font-size:var(--text-sm)}.gallery-error{padding:var(--space-10) var(--space-5);text-align:center}.gallery-error p{color:var(--color-danger);font-size:var(--text-sm);margin:0 0 var(--space-4) 0}.retry-button{padding:var(--space-2) var(--space-4);background:var(--gradient-secondary);border:none;border-radius:var(--radius-md);color:var(--color-bg-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md),var(--glow-cyan)}.retry-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #4ecdc480}.retry-button:active{transform:translateY(0)}.gallery-empty{padding:var(--space-10) var(--space-5);text-align:center}.gallery-empty p{color:var(--color-text-on-dark-muted);font-size:var(--text-sm);margin:0 0 var(--space-2) 0}.gallery-empty .hint{font-size:var(--text-xs);color:var(--color-text-on-dark-subtle);font-style:italic}@media (max-width: 1024px){.gallery-panel{width:280px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}._container_1wcf7_1{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid rgba(245,237,224,.1);margin-bottom:var(--space-4)}._statusRow_1wcf7_9{display:flex;gap:var(--space-6);align-items:center;flex-wrap:wrap}._statusItem_1wcf7_16{display:flex;align-items:center;gap:var(--space-2)}._statusDot_1wcf7_22{width:10px;height:10px;border-radius:var(--radius-full);box-shadow:0 0 8px currentColor}._statusText_1wcf7_29{color:var(--color-text-on-dark);font-size:var(--text-sm);font-weight:var(--font-medium)}._errorMessage_1wcf7_35{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);font-size:var(--text-sm)}._warningMessage_1wcf7_45{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning);font-size:var(--text-sm)}._container_7s1xw_1{background:var(--color-bg-secondary);border:1px solid rgba(245,237,224,.1);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}._header_7s1xw_9{margin-bottom:var(--space-4)}._title_7s1xw_13{margin:0 0 var(--space-2) 0;color:var(--color-accent-secondary);font-size:var(--text-lg);font-weight:var(--font-semibold);text-shadow:var(--glow-cyan)}._subtitle_7s1xw_21{margin:0;color:var(--color-text-on-dark-muted);font-size:var(--text-sm)}._linkContainer_7s1xw_27{margin-bottom:var(--space-4)}._linkInput_7s1xw_31{width:100%;padding:var(--space-3) var(--space-3);background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);color:var(--color-text-on-dark);font-family:var(--font-mono);font-size:var(--text-sm);outline:none;transition:all var(--transition-normal)}._linkInput_7s1xw_31:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}._actions_7s1xw_49{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}._copyButton_7s1xw_56,._openButton_7s1xw_57{flex:1;min-width:180px;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);min-height:44px;display:inline-flex;align-items:center;justify-content:center}._copyButton_7s1xw_56{background:var(--gradient-secondary);color:var(--color-bg-primary);box-shadow:var(--shadow-md),var(--glow-cyan)}._copyButton_7s1xw_56:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #4ecdc480}._copyButton_7s1xw_56:active{transform:translateY(0)}._openButton_7s1xw_57{background:var(--color-success);color:#fff;box-shadow:var(--shadow-md)}._openButton_7s1xw_57:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}._openButton_7s1xw_57:active{transform:translateY(0)}._instructions_7s1xw_104{padding:var(--space-3);background:#4ecdc40d;border:1px solid rgba(78,205,196,.2);border-radius:var(--radius-md);color:var(--color-text-on-dark);font-size:var(--text-sm);line-height:var(--leading-relaxed)}._instructions_7s1xw_104 strong{color:var(--color-accent-secondary);display:block;margin-bottom:var(--space-2)}._instructions_7s1xw_104 ol{margin:0;padding-left:var(--space-5)}._instructions_7s1xw_104 li{margin-bottom:var(--space-1)}._instructions_7s1xw_104 li:last-child{margin-bottom:0}._combatLogPanel_f5egu_6{display:flex;flex-direction:column;background-color:#f4e4bc;border:1px solid #D4C4A0;border-radius:var(--radius-sm);padding:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs)}._header_f5egu_17{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid #D4C4A0}._title_f5egu_26{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#1a2332}._controls_f5egu_33{display:flex;gap:var(--space-2);align-items:center}._filterSelect_f5egu_39{padding:var(--space-1) var(--space-2);background-color:#fbf5e6;color:#1a2332;border:1px solid #D4C4A0;border-radius:3px;font-size:11px;cursor:pointer;transition:var(--transition-fast)}._filterSelect_f5egu_39:hover{background-color:#f4e4bc;border-color:#c4b490;box-shadow:0 0 4px #d4c4a066}._clearButton_f5egu_56{padding:var(--space-1) var(--space-3);background-color:#d4704d;color:#fbf5e6;border:1px solid #C4603D;border-radius:3px;font-size:11px;cursor:pointer;transition:var(--transition-normal)}._clearButton_f5egu_56:hover{background-color:#c4603d;box-shadow:0 0 5px #c4603d66}._clearButton_f5egu_56:active{background-color:#b4502d}._logContainer_f5egu_76{background-color:#fbf5e6;border:1px solid #D4C4A0;border-radius:3px;padding:var(--space-2)}._logList_f5egu_83{list-style:none;margin:0;padding:0}._logEntry_f5egu_89{padding:var(--space-1) 0;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:#1a2332}._emptyState_f5egu_97{color:#8a7a5a;text-align:center;padding:var(--space-5);font-style:italic}._container_1y0um_1{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);color:var(--color-text-primary);padding:2rem}._loadPanel_1y0um_9{max-width:600px;margin:4rem auto;background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-card)}._loadPanel_1y0um_9 h1{margin:0 0 .5rem;font-size:var(--font-size-3xl);background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-cyan-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._subtitle_1y0um_28{margin:0 0 2rem;color:var(--color-text-secondary);font-size:var(--font-size-base)}._loadForm_1y0um_34{display:flex;flex-direction:column;gap:1.5rem}._loadForm_1y0um_34 label{display:flex;flex-direction:column;gap:.5rem;font-size:var(--font-size-sm);color:var(--color-text-secondary)}._input_1y0um_48{padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-normal)}._input_1y0um_48:focus{outline:none;border-color:var(--color-cyan);background:var(--color-bg-elevated);box-shadow:var(--glow-cyan-sm)}._loadButton_1y0um_65{padding:1rem 2rem;background:linear-gradient(135deg,var(--color-cyan-dark) 0%,var(--color-cyan) 100%);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}._loadButton_1y0um_65:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-cyan-lg)}._loadButton_1y0um_65:disabled{opacity:.5;cursor:not-allowed}._error_1y0um_87{padding:1rem;background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}._hints_1y0um_96{margin-top:2rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}._hints_1y0um_96 h3{margin:0 0 1rem;font-size:var(--font-size-base);color:var(--color-text-secondary)}._hints_1y0um_96 ol{margin:0;padding-left:1.5rem;color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}._header_1y0um_119{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border-default)}._header_1y0um_119 h1{margin:0;font-size:var(--font-size-3xl);background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-cyan-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._headerButtons_1y0um_137{display:flex;gap:1rem;align-items:center}._saveButton_1y0um_143{padding:.75rem 1.5rem;background:var(--color-success);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}._saveButton_1y0um_143:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}._saveButton_1y0um_143:disabled{opacity:.6;cursor:not-allowed;transform:none}._savedButton_1y0um_166{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}._savedButton_1y0um_166:hover{transform:none;box-shadow:none}._newCreatureButton_1y0um_177{padding:.75rem 1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal)}._newCreatureButton_1y0um_177:hover{background:var(--color-bg-elevated);border-color:var(--color-cyan);box-shadow:var(--glow-cyan-sm)}._content_1y0um_195{display:grid;grid-template-columns:400px 1fr;gap:2rem;align-items:start}._controlPanel_1y0um_203{display:flex;flex-direction:column;gap:1.5rem}._section_1y0um_209{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}._section_1y0um_209 h2{margin:0 0 1rem;font-size:var(--font-size-lg);color:var(--color-text-secondary)}._info_1y0um_223{display:flex;flex-direction:column;gap:.5rem;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}._info_1y0um_223 p{margin:0}._info_1y0um_223 strong{color:var(--color-text-primary)}._stateButtons_1y0um_240{display:flex;flex-direction:column;gap:.75rem}._stateButtons_1y0um_240 button{padding:1rem;background:var(--color-bg-secondary);border:2px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);text-align:left;display:flex;justify-content:space-between;align-items:center}._stateButtons_1y0um_240 button:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-border-light);box-shadow:var(--glow-cyan-sm)}._stateButtons_1y0um_240 button._active_1y0um_267{background:var(--color-info-bg);border-color:var(--color-accent-secondary);box-shadow:var(--glow-cyan-md)}._stateButtons_1y0um_240 button:disabled{opacity:.4;cursor:not-allowed}._badge_1y0um_278{padding:.25rem .75rem;background:var(--color-info-bg);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-accent-secondary);border:1px solid var(--color-border-cyan)}._abilityList_1y0um_288{display:flex;flex-direction:column;gap:.75rem}._abilityList_1y0um_288 button{padding:1rem;background:var(--color-bg-secondary);border:2px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal);text-align:left}._abilityList_1y0um_288 button:hover{background:var(--color-bg-elevated);border-color:var(--color-border-light);box-shadow:var(--glow-cyan-sm)}._abilityList_1y0um_288 button._active_1y0um_267{background:var(--color-info-bg);border-color:var(--color-accent-secondary);box-shadow:var(--glow-cyan-md)}._abilityName_1y0um_317{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:.25rem}._abilityDetails_1y0um_323{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:.25rem}._frameCount_1y0um_329{font-size:var(--font-size-xs);color:var(--color-cyan)}._playButton_1y0um_335{padding:1rem 2rem;background:linear-gradient(135deg,var(--color-cyan-dark) 0%,var(--color-cyan) 100%);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);width:100%}._playButton_1y0um_335:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-cyan-lg)}._playButton_1y0um_335:disabled{opacity:.5;cursor:not-allowed}._frameInfo_1y0um_358{margin-top:1rem;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}._noFrames_1y0um_365{margin-top:1rem;padding:1rem;background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}._modeDescription_1y0um_376{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}._displayPanel_1y0um_384{display:flex;flex-direction:column;gap:2rem}._viewport_1y0um_390{background:var(--color-bg-darkest);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:var(--shadow-card)}._creatureDisplay_1y0um_402{position:relative;width:256px;height:256px;background:repeating-linear-gradient(45deg,#ffffff0d,#ffffff0d 10px,#0000000d 10px,#0000000d 20px);border-radius:8px;display:flex;align-items:center;justify-content:center}._baseSprite_1y0um_420,._walkFrame_1y0um_429{position:absolute;width:256px;height:256px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}._effectOverlay_1y0um_438{position:absolute;width:256px;height:256px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;mix-blend-mode:screen}._viewportLabel_1y0um_448{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}._explanation_1y0um_455{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}._explanation_1y0um_455 h3{margin:0 0 1rem;font-size:var(--font-size-xl);color:var(--color-cyan)}._explanation_1y0um_455 p{margin:0 0 1rem;line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-size:var(--font-size-sm)}._explanation_1y0um_455 p:last-child{margin-bottom:0}._explanation_1y0um_455 code{padding:.2rem .5rem;background:var(--color-bg-darkest);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-cyan)}@media (max-width: 1200px){._content_1y0um_195{grid-template-columns:1fr}._controlPanel_1y0um_203{max-width:600px;margin:0 auto}}.creature-card{display:flex;flex-direction:column;background:var(--color-bg-card);border:2px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:var(--transition-normal);outline:none;box-shadow:0 2px 4px #1a23321a}.creature-card:hover,.creature-card:focus{border-color:var(--color-border-gold);transform:translateY(-4px);box-shadow:0 8px 16px #1a233226,0 0 12px #daa5204d}.creature-card:active{transform:translateY(-2px)}.creature-card__image-container{width:100%;aspect-ratio:1;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--color-border-default);overflow:hidden}.creature-card__image{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.creature-card__content{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.creature-card__name{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#000;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creature-card__abilities{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center;min-height:24px}.creature-card__ability{font-size:11px;padding:2px var(--space-2);background:#daa5201a;color:#000;border-radius:var(--radius-sm);white-space:nowrap;border:1px solid var(--color-border-gold);font-weight:var(--font-weight-medium)}.creature-card__metadata{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;font-size:11px;color:#000}.creature-card__race,.creature-card__class{padding:2px 6px;background:#4a556814;border-radius:3px;border:1px solid var(--color-border-default)}.creature-card__date{color:#000}@media (max-width: 768px){.creature-card__content{padding:var(--space-2)}.creature-card__name{font-size:var(--font-size-sm)}.creature-card__ability{font-size:10px;padding:2px 6px}}.creature-gallery-page{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--space-6)}.creature-gallery-page__header{max-width:1400px;margin:0 auto 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.creature-gallery-page__header h1{margin:0;font-size:32px;font-weight:700}.creature-gallery-page__header .subtitle{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.creature-gallery-page__grid{max-width:1400px;margin:0 auto 32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.creature-gallery-page__loading{max-width:1400px;margin:80px auto;text-align:center}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border-default);border-top-color:var(--color-text-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-right:var(--space-2);vertical-align:middle}.creature-gallery-page__empty{max-width:1400px;margin:80px auto}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);background:var(--color-bg-card);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg)}.empty-state h2{margin:0 0 var(--space-3);font-size:var(--font-size-2xl);color:var(--color-text-primary)}.empty-state p{margin:0 0 var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-base)}.creature-gallery-page__error{max-width:1400px;margin:0 auto var(--space-6);padding:var(--space-4) var(--space-6);background:var(--color-error-bg);color:var(--color-error);border:2px solid var(--color-error);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.creature-gallery-page__error p{margin:0;flex:1}.creature-gallery-page__load-more{max-width:1400px;margin:0 auto 32px;text-align:center}.creature-gallery-page__footer{max-width:1400px;margin:0 auto;text-align:center;padding:var(--space-8) 0;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--gradient-primary);box-shadow:var(--shadow-lg),var(--glow-amber-md);transform:translateY(-2px);filter:brightness(1.1)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-primary);border-color:var(--color-border-gold);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (min-width: 1200px){.creature-gallery-page__grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.creature-gallery-page__grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width: 480px) and (max-width: 767px){.creature-gallery-page__grid{grid-template-columns:repeat(2,1fr);gap:16px}.creature-gallery-page__header h1{font-size:24px}}@media (max-width: 479px){.creature-gallery-page{padding:16px}.creature-gallery-page__grid{grid-template-columns:1fr;gap:16px}.creature-gallery-page__header{flex-direction:column;align-items:flex-start;margin-bottom:24px}.creature-gallery-page__header h1{font-size:24px}.btn{width:100%;justify-content:center}}.creature-detail-page{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--space-6)}.creature-detail-page__header{max-width:1400px;margin:0 auto 32px}.btn-back{background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--space-4);display:inline-block}.btn-back:hover{border-color:var(--color-text-secondary);background:var(--color-bg-card);box-shadow:0 1px 3px #0000001a}.creature-detail-page__header h1{margin:0;font-size:36px;font-weight:700}.creature-detail-page__content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:32px}.creature-detail-page__viewer{background:var(--color-bg-card);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 2px 4px #00000014}.animation-viewer__canvas{width:100%;aspect-ratio:1;background:var(--color-surface-primary);border:2px solid var(--color-border-default);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);overflow:hidden;box-shadow:var(--shadow-inset)}.sprite-image{max-width:80%;max-height:80%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.sprite-image.mirrored{transform:scaleX(-1)}.animation-controls{display:flex;flex-direction:column;gap:16px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#000;text-transform:uppercase;letter-spacing:.5px}.button-group{display:flex;gap:8px}.btn-control{flex:1;padding:var(--space-2) var(--space-4);background:var(--color-surface-primary);border:2px solid var(--color-border-default);color:var(--color-text-on-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.btn-control:hover{background:var(--color-bg-card);border-color:var(--color-border-gold);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-control.active{background:var(--gradient-primary);border-color:var(--color-accent-primary);color:var(--color-text-on-dark);box-shadow:var(--shadow-md),var(--glow-amber-sm)}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-direction{padding:var(--space-2);background:var(--color-surface-primary);border:2px solid var(--color-border-default);color:var(--color-text-on-light);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.btn-direction:hover{background:var(--color-bg-card);border-color:var(--color-border-gold);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-direction.active{background:var(--gradient-primary);border-color:var(--color-accent-primary);color:var(--color-text-on-dark);box-shadow:var(--shadow-md),var(--glow-amber-sm)}.creature-detail-page__info{display:flex;flex-direction:column;gap:24px}.info-section{background:var(--color-bg-card);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:0 2px 4px #00000014}.info-section h2{margin:0 0 var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#000;text-transform:uppercase;letter-spacing:.5px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.info-item .label{font-size:var(--font-size-xs);color:#333;text-transform:uppercase;letter-spacing:.5px}.info-item .value{font-size:var(--font-size-base);color:#000;font-weight:var(--font-weight-medium)}.info-item .value.code{font-family:var(--font-mono);font-size:var(--font-size-sm);color:#333}.abilities-list{display:flex;flex-direction:column;gap:12px}.ability-card{background:var(--color-surface-primary);border:2px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm)}.ability-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ability-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#000}.ability-priority{font-size:var(--font-size-xs);color:#333}.ability-details{display:flex;gap:8px;flex-wrap:wrap}.badge{font-size:11px;padding:var(--space-1) var(--space-2);background:var(--color-bg-primary);color:#f5ede0;border-radius:var(--radius-sm);text-transform:capitalize;border:1px solid var(--color-border-default)}.abilities-tags{display:flex;flex-wrap:wrap;gap:8px}.ability-tag{font-size:var(--font-size-sm);padding:6px var(--space-3);background:var(--color-bg-primary);color:#f5ede0;border-radius:var(--radius-md);border:1px solid var(--color-border-default)}.creature-detail-page__loading,.creature-detail-page__error{max-width:600px;margin:80px auto;text-align:center;padding:var(--space-16) var(--space-8);background:var(--color-bg-card);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a}.spinner{width:48px;height:48px;border:4px solid var(--color-border-default);border-top-color:var(--color-text-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--space-4)}.creature-detail-page__error h2{margin:0 0 var(--space-3);font-size:var(--font-size-2xl);color:var(--color-error)}.creature-detail-page__error p{margin:0 0 var(--space-6);color:var(--color-text-secondary)}.btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.btn-primary{background:var(--gradient-primary);color:var(--color-text-on-dark);border:2px solid var(--color-accent-primary)}.btn-primary:hover{background:var(--gradient-primary);border-color:var(--color-accent-primary);box-shadow:var(--shadow-lg),var(--glow-amber-md);transform:translateY(-2px);filter:brightness(1.1)}.btn-secondary{background:var(--color-surface-primary);color:var(--color-text-on-light);width:100%;border:2px solid var(--color-border-default)}.btn-secondary:hover{background:var(--color-bg-card);border-color:var(--color-border-gold);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width: 1024px){.creature-detail-page__content,.info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.creature-detail-page{padding:16px}.creature-detail-page__header h1{font-size:28px}.creature-detail-page__viewer,.info-section{padding:16px}.direction-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.creature-detail-page__header h1{font-size:24px}.animation-controls{gap:12px}.btn-control,.btn-direction{font-size:12px;padding:8px}}:root{--color-bg-primary: #1E2A3A;--color-bg-secondary: #243447;--color-bg-tertiary: #2D3E50;--color-surface-primary: #F5EDE0;--color-surface-secondary: #FFF8F0;--color-surface-tertiary: #E8DED0;--color-bg-card: var(--color-surface-primary);--color-bg-elevated: var(--color-surface-secondary);--color-parchment: var(--color-surface-primary);--color-accent-primary: #F5A623;--color-accent-primary-hover: #E6941A;--color-accent-primary-glow: rgba(245, 166, 35, .3);--color-accent-secondary: #4ECDC4;--color-accent-secondary-hover: #3DBDB5;--color-accent-secondary-glow: rgba(78, 205, 196, .3);--color-accent-tertiary: #7B5EA7;--color-accent-tertiary-hover: #6B4E97;--color-accent-tertiary-glow: rgba(123, 94, 167, .3);--color-cyan: var(--color-accent-secondary);--color-gold: var(--color-accent-primary);--color-purple: var(--color-accent-tertiary);--color-success: #27AE60;--color-success-bg: rgba(39, 174, 96, .1);--color-success-border: rgba(39, 174, 96, .3);--color-warning: #F39C12;--color-warning-bg: rgba(243, 156, 18, .1);--color-warning-border: rgba(243, 156, 18, .3);--color-danger: #E74C3C;--color-danger-bg: rgba(231, 76, 60, .1);--color-danger-border: rgba(231, 76, 60, .3);--color-error: var(--color-danger);--color-info: #3498DB;--color-info-bg: rgba(52, 152, 219, .1);--color-info-border: rgba(52, 152, 219, .3);--color-text-on-dark: #F5EDE0;--color-text-on-dark-muted: rgba(245, 237, 224, .85);--color-text-on-dark-subtle: rgba(245, 237, 224, .6);--color-text-on-light: #000000;--color-text-on-light-muted: #1a1a1a;--color-text-on-light-subtle: #333333;--color-text-primary: var(--color-text-on-dark);--color-text-secondary: var(--color-text-on-dark-muted);--color-text-tertiary: var(--color-text-on-dark-subtle);--color-border-default: rgba(245, 237, 224, .1);--color-border-light: rgba(245, 237, 224, .2);--color-border-on-light: var(--color-surface-tertiary);--color-border-accent: var(--color-accent-primary);--gradient-primary: linear-gradient(135deg, #F5A623 0%, #E6941A 100%);--gradient-secondary: linear-gradient(135deg, #4ECDC4 0%, #3DBDB5 100%);--gradient-battle: linear-gradient(135deg, #7B5EA7 0%, #6B4E97 100%);--gradient-bg-dark: linear-gradient(180deg, #1E2A3A 0%, #162232 100%);--gradient-bg-hero: linear-gradient(135deg, #1E2A3A 0%, #2D3E50 50%, #1E2A3A 100%);--glow-amber: 0 0 20px rgba(245, 166, 35, .4);--glow-amber-sm: 0 0 10px rgba(245, 166, 35, .3);--glow-amber-lg: 0 0 30px rgba(245, 166, 35, .5);--glow-cyan: 0 0 20px rgba(78, 205, 196, .4);--glow-cyan-sm: 0 0 10px rgba(78, 205, 196, .3);--glow-cyan-lg: 0 0 30px rgba(78, 205, 196, .5);--glow-purple: 0 0 20px rgba(123, 94, 167, .4);--glow-purple-sm: 0 0 10px rgba(123, 94, 167, .3);--glow-purple-lg: 0 0 30px rgba(123, 94, 167, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--shadow-card: 0 4px 20px rgba(0, 0, 0, .25);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", var(--font-family);--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-base: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-size-3xl: var(--text-3xl);--font-size-4xl: var(--text-4xl);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-weight-normal: var(--font-normal);--font-weight-medium: var(--font-medium);--font-weight-semibold: var(--font-semibold);--font-weight-bold: var(--font-bold);--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--line-height-tight: var(--leading-tight);--line-height-normal: var(--leading-normal);--line-height-relaxed: var(--leading-relaxed);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-glow: .2s ease-in-out;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--z-notification: 500}.btn-primary{background:var(--gradient-primary);color:var(--color-bg-primary);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-md),var(--glow-amber)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #f5a62380}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--color-surface-primary);border:2px solid var(--color-surface-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-normal)}.btn-secondary:hover{background:#f5ede01a;border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-battle{background:var(--gradient-battle);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-md),var(--glow-purple)}.btn-battle:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #7b5ea780}.btn-battle:active{transform:translateY(0)}.btn-battle:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--color-text-on-dark);border:1px solid rgba(245,237,224,.3);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-normal)}.btn-ghost:hover{border-color:var(--color-surface-primary);background:#f5ede00d}.btn-danger{background:var(--color-danger);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-normal)}.btn-danger:hover{background:#c0392b}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-surface-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:var(--transition-normal)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-on-light);margin-bottom:var(--space-2)}.card-description{font-size:var(--text-base);color:var(--color-text-on-light);line-height:var(--leading-relaxed)}.card-feature{background:var(--color-surface-primary);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card);border:2px solid transparent;cursor:pointer;transition:all var(--transition-slow)}.card-feature:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-card),var(--glow-amber);transform:translateY(-4px)}.card-feature-icon{width:48px;height:48px;margin-bottom:var(--space-4)}.card-feature-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-on-light);margin-bottom:var(--space-2)}.card-feature-description{font-size:var(--text-base);color:var(--color-text-on-light);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.card-hero{background:var(--color-surface-primary);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-card);border:2px solid var(--color-accent-primary-glow);text-align:center}.card-hero:hover{box-shadow:var(--shadow-xl),var(--glow-amber)}.card-compact{padding:var(--space-4)}.card-gold{border:1px solid var(--color-accent-primary-glow)}.card-gold:hover{box-shadow:var(--shadow-card),var(--glow-amber)}.input{width:100%;background:var(--color-surface-primary);border:2px solid transparent;color:var(--color-text-on-light);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);transition:var(--transition-normal)}.input::placeholder{color:var(--color-text-on-light-subtle)}.input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}.input:disabled{opacity:.5;cursor:not-allowed}.input-on-dark{background:var(--color-bg-tertiary);color:var(--color-text-on-dark)}.input-on-dark::placeholder{color:var(--color-text-on-dark-subtle)}.input-on-dark:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px var(--color-danger-bg)}.badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background:var(--color-surface-primary);color:var(--color-text-on-light);border:1px solid var(--color-surface-tertiary)}.badge-amber{background:var(--color-accent-primary);color:var(--color-bg-primary);border:1px solid var(--color-accent-primary)}.badge-cyan{background:var(--color-accent-secondary);color:#fff;border:1px solid var(--color-accent-secondary)}.badge-purple{background:var(--color-accent-tertiary);color:#fff;border:1px solid var(--color-accent-tertiary)}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.badge-outline{background:transparent;color:var(--color-text-on-light);opacity:.85;border:1px solid var(--color-text-on-light)}.panel{background:var(--color-bg-secondary);border:1px solid rgba(245,237,224,.1);border-radius:var(--radius-lg);padding:var(--space-4)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(245,237,224,.1)}.panel-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-on-dark)}.panel-content{color:var(--color-text-on-dark-muted)}.panel-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(245,237,224,.1)}.form-group{margin-bottom:var(--space-4)}.label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-on-dark-muted);margin-bottom:var(--space-2)}.label-on-light{color:var(--color-text-on-light)}.error-message{font-size:var(--text-sm);color:var(--color-danger);margin-top:var(--space-2)}.creature-card{background:var(--color-surface-secondary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-normal)}.creature-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--glow-amber)}.creature-card.selected{border-color:var(--color-accent-secondary);box-shadow:var(--glow-cyan);background:#4ecdc41a}.creature-card.placed{opacity:.5;cursor:not-allowed}.creature-card-sprite{width:64px;height:64px;image-rendering:pixelated;image-rendering:crisp-edges}.creature-card-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-on-light);text-align:center}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.status-dot-connected{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot-waiting{background:var(--color-warning);animation:pulse 2s ease-in-out infinite}.status-dot-disconnected{background:var(--color-danger)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{width:24px;height:24px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-on-light{color:var(--color-text-on-light)}.text-on-light-muted{color:var(--color-text-on-light-muted)}.text-on-light-subtle{color:var(--color-text-on-light-subtle)}.text-on-dark{color:var(--color-text-on-dark)}.text-on-dark-muted{color:var(--color-text-on-dark-muted)}.text-on-dark-subtle{color:var(--color-text-on-dark-subtle)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary)}#root{min-height:100vh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}