._bellWrapper_dwjut_11{position:relative;display:flex;align-items:center}._bellButton_dwjut_17{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-on-dark-muted);transition:all var(--transition-fast)}._bellButton_dwjut_17:hover{color:var(--color-text-on-dark);background:#f5ede01a}._bellButton_dwjut_17:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}._bellSvg_dwjut_42{transition:transform var(--transition-fast)}._bellButton_dwjut_17:hover ._bellSvg_dwjut_42{transform:rotate(-15deg)}._badge_dwjut_51{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background:var(--color-accent-primary);color:var(--color-bg-primary);font-size:11px;font-weight:var(--font-bold);line-height:18px;text-align:center;border-radius:var(--radius-full);box-shadow:0 2px 4px #0003}._dropdown_dwjut_72{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden;animation:_dropdownAppear_dwjut_1 .2s ease-out}@keyframes _dropdownAppear_dwjut_1{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}._dropdownHeader_dwjut_100{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-default)}._dropdownTitle_dwjut_108{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-on-dark);margin:0}._markAllRead_dwjut_115{background:none;border:none;color:var(--color-accent-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}._markAllRead_dwjut_115:hover{background:#4ecdc41a}._markAllRead_dwjut_115:disabled{opacity:.5;cursor:not-allowed}._notificationList_dwjut_135{max-height:400px;overflow-y:auto;overscroll-behavior:contain}._notificationList_dwjut_135::-webkit-scrollbar{width:6px}._notificationList_dwjut_135::-webkit-scrollbar-track{background:transparent}._notificationList_dwjut_135::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}._notificationItem_dwjut_159{position:relative;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border-default)}._notificationItem_dwjut_159:last-child{border-bottom:none}._notificationItem_dwjut_159:hover{background:#f5ede00d}._notificationItem_dwjut_159:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:-2px}._notificationItem_dwjut_159._unread_dwjut_182{background:#f5a6230d}._notificationItem_dwjut_159._unread_dwjut_182:hover{background:#f5a6231a}._itemIcon_dwjut_191{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5ede01a;border-radius:var(--radius-md)}._iconEmoji_dwjut_202{font-size:18px;line-height:1}._itemContent_dwjut_208{flex:1;min-width:0}._itemHeader_dwjut_213{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}._itemTitle_dwjut_220{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-on-dark)}._turnBadge_dwjut_226{font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;background:var(--color-accent-secondary);color:var(--color-bg-primary);border-radius:var(--radius-sm)}._itemMessage_dwjut_237{font-size:var(--text-sm);color:var(--color-text-on-dark-muted);margin:0 0 var(--space-1) 0}._passwordInfo_dwjut_244{display:flex;align-items:center;gap:.375rem;margin:var(--space-1) 0;font-size:var(--text-xs);color:orange}._passwordCode_dwjut_253{display:inline-block;padding:.125rem .375rem;background:#ffa50026;border:1px solid rgba(255,165,0,.3);border-radius:3px;font-family:Courier New,monospace;font-size:var(--text-sm);color:orange;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._itemMeta_dwjut_268{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}._itemTime_dwjut_275{color:var(--color-text-on-dark-subtle)}._itemExpiry_dwjut_279{color:var(--color-warning)}._itemExpired_dwjut_283{color:var(--color-danger)}._itemActions_dwjut_288{display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}._actionBtn_dwjut_295{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}._actionBtn_dwjut_295:disabled{opacity:.5;cursor:not-allowed}._actionBtn_dwjut_295._primary_dwjut_311{background:var(--color-accent-secondary);color:var(--color-bg-primary)}._actionBtn_dwjut_295._primary_dwjut_311:hover:not(:disabled){background:var(--color-accent-secondary-hover)}._actionBtn_dwjut_295._secondary_dwjut_320{background:#f5ede01a;color:var(--color-text-on-dark-muted)}._actionBtn_dwjut_295._secondary_dwjut_320:hover:not(:disabled){background:#f5ede033;color:var(--color-text-on-dark)}._actionBtn_dwjut_295._danger_dwjut_330{background:var(--color-danger-bg);color:var(--color-danger)}._actionBtn_dwjut_295._danger_dwjut_330:hover:not(:disabled){background:var(--color-danger);color:#fff}._unreadDot_dwjut_341{position:absolute;top:var(--space-3);left:var(--space-2);width:8px;height:8px;background:var(--color-accent-primary);border-radius:var(--radius-full)}._emptyState_dwjut_355{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}._emptyIcon_dwjut_364{color:var(--color-text-on-dark-subtle);margin-bottom:var(--space-3)}._emptyTitle_dwjut_369{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-on-dark);margin:0 0 var(--space-1) 0}._emptyMessage_dwjut_376{font-size:var(--text-sm);color:var(--color-text-on-dark-muted);margin:0}._mobileBackdrop_dwjut_386{position:fixed;inset:0;background:#0009;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:299}._mobileBackdropOpen_dwjut_396{opacity:1;visibility:visible}._mobilePanel_dwjut_401{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:90vw;background:var(--color-bg-primary);transform:translate(100%);transition:transform .3s ease-out;z-index:300;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000004d}._mobilePanelOpen_dwjut_417{transform:translate(0)}._mobilePanelHeader_dwjut_421{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border-default);flex-shrink:0}._mobilePanelTitle_dwjut_430{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-on-dark);margin:0}._mobilePanelActions_dwjut_437{display:flex;align-items:center;gap:var(--space-2)}._closeButton_dwjut_443{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-on-dark);border-radius:var(--radius-md);transition:background var(--transition-fast)}._closeButton_dwjut_443:hover{background:#f5ede01a}._closeButton_dwjut_443 svg{width:24px;height:24px}._mobilePanelContent_dwjut_466{flex:1;overflow-y:auto;overscroll-behavior:contain}@media (max-width: 640px){._itemActions_dwjut_288{flex-direction:row}._actionBtn_dwjut_295{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:36px}._notificationItem_dwjut_159{padding:var(--space-4)}}._overlay_1ebkm_9{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}._modal_1ebkm_21{position:relative;background:linear-gradient(180deg,#2a2a3d,#1a1a2e);border:3px solid #00ff96;border-radius:12px;padding:1.5rem;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;font-family:"Press Start 2P",monospace;box-shadow:0 0 30px #00ff964d}._closeButton_1ebkm_35{position:absolute;top:.75rem;right:.75rem;background:#ffffff1a;border:1px solid #4a4a6a;border-radius:4px;color:#888;width:2rem;height:2rem;cursor:pointer;font-size:1rem;transition:all .2s}._closeButton_1ebkm_35:hover{background:#f003;color:#f44;border-color:#f44}._header_1ebkm_58{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #4a4a6a}._header_1ebkm_58 h2{margin:0;font-size:.75rem;color:#00ff96;text-align:center}._progressBar_1ebkm_73{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #4a4a6a}._progressStep_1ebkm_82{font-size:.375rem;color:#4a4a6a;padding:.375rem .75rem;border:1px solid #4a4a6a;border-radius:4px;transition:all .2s}._progressStep_1ebkm_82._active_1ebkm_91{color:#00ff96;border-color:#00ff96;background:#00ff961a}._selectionPreview_1ebkm_99{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;margin-bottom:1rem;background:#00ff961a;border:1px solid #00ff96;border-radius:6px;font-size:.375rem;color:#888}._miniCard_1ebkm_113{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:#0000004d;border-radius:4px}._miniCard_1ebkm_113 img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated}._miniCard_1ebkm_113 span{font-size:.375rem;color:#00ff96}._tradePreview_1ebkm_136{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}._success_1ebkm_146{padding:.75rem;background:#00ff9626;border:1px solid #00ff96;border-radius:6px;color:#00ff96;font-size:.5rem;text-align:center;margin-bottom:1rem}._error_1ebkm_157{padding:.75rem;background:#ff000026;border:1px solid #ff4444;border-radius:6px;color:#f44;font-size:.5rem;text-align:center;margin-bottom:1rem}._content_1ebkm_170{min-height:200px}._instructions_1ebkm_174{font-size:.5rem;color:#888;text-align:center;margin-bottom:1rem}._loadingState_1ebkm_183,._emptyState_1ebkm_184{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#888;font-size:.5rem;gap:1rem}._spinner_1ebkm_195{width:32px;height:32px;border:3px solid #4a4a6a;border-top-color:#00ff96;border-radius:50%;animation:_spin_1ebkm_195 1s linear infinite}@keyframes _spin_1ebkm_195{to{transform:rotate(360deg)}}._hint_1ebkm_208{color:#666;font-size:.375rem}._creatureGrid_1ebkm_215{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;margin-bottom:1rem}._creatureCard_1ebkm_222{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:#0000004d;border:2px solid #4a4a6a;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}._creatureCard_1ebkm_222:hover:not(:disabled){border-color:#00ff96;background:#00ff961a}._creatureCard_1ebkm_222._selected_1ebkm_241{border-color:#00ff96;background:#00ff9633;box-shadow:0 0 10px #00ff964d}._creatureCard_1ebkm_222._unavailable_1ebkm_247{opacity:.4;cursor:not-allowed}._creatureSprite_1ebkm_252{width:56px;height:56px;object-fit:contain;image-rendering:pixelated}._creaturePlaceholder_1ebkm_259{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#666;background:#0000004d;border-radius:4px}._creatureName_1ebkm_271{font-size:.375rem;color:#ccc;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._backButton_1ebkm_281{display:block;width:100%;padding:.5rem;margin-top:1rem;background:#ffffff0d;border:1px solid #4a4a6a;border-radius:4px;color:#888;font-family:inherit;font-size:.5rem;cursor:pointer;transition:all .2s}._backButton_1ebkm_281:hover{background:#ffffff1a;color:#ccc}._confirmSection_1ebkm_303{text-align:center;margin-bottom:1.5rem}._confirmLabel_1ebkm_308{font-size:.5rem;color:#888;margin-bottom:1rem}._offerCard_1ebkm_314{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#00ff961a;border:2px solid #00ff96;border-radius:8px}._offerSprite_1ebkm_325{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}._offerPlaceholder_1ebkm_332{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#666;background:#0000004d;border-radius:4px}._offerInfo_1ebkm_344{display:flex;flex-direction:column;gap:.25rem}._offerName_1ebkm_350{font-size:.5rem;color:#fff}._offerConcept_1ebkm_355{font-size:.375rem;color:#888}._confirmActions_1ebkm_360{display:flex;gap:.75rem;justify-content:center}._cancelButton_1ebkm_366,._confirmButton_1ebkm_367{padding:.75rem 1.5rem;border-radius:6px;font-family:inherit;font-size:.5rem;cursor:pointer;transition:all .2s;border:2px solid}._cancelButton_1ebkm_366{background:#ffffff0d;border-color:#4a4a6a;color:#888}._cancelButton_1ebkm_366:hover{background:#ffffff1a;color:#ccc}._confirmButton_1ebkm_367{background:#00ff9626;border-color:#00ff96;color:#00ff96}._confirmButton_1ebkm_367:hover:not(:disabled){background:#00ff9640}._confirmButton_1ebkm_367:disabled{opacity:.5;cursor:not-allowed}._existingTrade_1ebkm_405{padding:1rem 0}._tradeStatus_1ebkm_409{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #4a4a6a}._statusLabel_1ebkm_418{font-size:.5rem;color:#0cf}._countdown_1ebkm_423{font-size:.5rem;color:#f90}._tradeOffers_1ebkm_428{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}._offerSide_1ebkm_436{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}._sideLabel_1ebkm_444{font-size:.375rem;color:#888;text-align:center}._tradeArrow_1ebkm_450{font-size:1.5rem;color:#00ff96}._counterInfo_1ebkm_455{text-align:center;font-size:.5rem;color:#888;margin-bottom:1rem}._tradeActions_1ebkm_462{display:flex;gap:.5rem;justify-content:center}._declineButton_1ebkm_468,._counterButton_1ebkm_469,._acceptButton_1ebkm_470{padding:.75rem 1rem;border-radius:6px;font-family:inherit;font-size:.5rem;cursor:pointer;transition:all .2s;border:2px solid}._declineButton_1ebkm_468{background:#ff000026;border-color:#f44;color:#f44}._declineButton_1ebkm_468:hover:not(:disabled){background:#ff000040}._counterButton_1ebkm_469{background:#ff960026;border-color:#ff9600;color:#ff9600}._counterButton_1ebkm_469:hover:not(:disabled){background:#ff960040}._counterButton_1ebkm_469:disabled{opacity:.4;cursor:not-allowed}._acceptButton_1ebkm_470{background:#00ff0026;border-color:#0f0;color:#0f0}._acceptButton_1ebkm_470:hover:not(:disabled){background:#00ff0040}._acceptButton_1ebkm_470:disabled,._declineButton_1ebkm_468:disabled{opacity:.5;cursor:not-allowed}._waitingMessage_1ebkm_521{text-align:center;font-size:.5rem;color:#888;padding:1rem;background:#ffffff0d;border-radius:6px}@media (max-width: 480px){._modal_1ebkm_21{padding:1rem}._creatureGrid_1ebkm_215{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}._creatureSprite_1ebkm_252{width:48px;height:48px}._tradeOffers_1ebkm_428{flex-direction:column}._tradeArrow_1ebkm_450{transform:rotate(90deg)}._tradeActions_1ebkm_462{flex-wrap:wrap}._declineButton_1ebkm_468,._counterButton_1ebkm_469,._acceptButton_1ebkm_470{flex:1;min-width:80px}}._navbar_16vg1_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_16vg1_21{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-on-dark);text-decoration:none}._logoImage_16vg1_29{width:40px;height:40px;border-radius:var(--radius-sm)}._logoText_16vg1_35{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-on-dark)}._navLinks_16vg1_42{display:flex;align-items:center;gap:var(--space-6)}._navLink_16vg1_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_16vg1_42:hover{color:var(--color-text-on-dark);background:#f5ede00d}._navLink_16vg1_42._active_16vg1_64{color:var(--color-text-on-dark);background:#f5ede01a}._leftSection_16vg1_70{display:flex;align-items:center;gap:var(--space-8)}._userSection_16vg1_77{display:flex;align-items:center;gap:var(--space-4)}._username_16vg1_83{font-size:var(--text-sm);color:var(--color-text-on-dark-muted)}._logoutButton_16vg1_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_16vg1_88:hover{background-color:#c13525;transform:translateY(-1px)}._logoutButton_16vg1_88:active{transform:translateY(0)}._navbarMobile_16vg1_115{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid rgba(245,237,224,.1);position:sticky;top:0;z-index:var(--z-sticky)}._mobileLogo_16vg1_127{display:flex;align-items:center}._mobileLogoImage_16vg1_132{width:36px;height:36px;border-radius:var(--radius-sm)}._mobileSpacer_16vg1_138{width:44px}._hamburger_16vg1_143{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-2);-webkit-tap-highlight-color:transparent}._hamburgerLine_16vg1_158{width:24px;height:2px;background:var(--color-text-on-dark);border-radius:1px;transition:transform .25s ease,opacity .25s ease;transform-origin:center}._hamburgerLine_16vg1_158._hamburgerOpen_16vg1_167:nth-child(1){transform:rotate(45deg) translate(5px,5px)}._hamburgerLine_16vg1_158._hamburgerOpen_16vg1_167:nth-child(2){opacity:0}._hamburgerLine_16vg1_158._hamburgerOpen_16vg1_167:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}._backdrop_16vg1_180{position:fixed;inset:0;background:#0009;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:199}._backdropOpen_16vg1_190{opacity:1;visibility:visible}._drawer_16vg1_196{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--color-bg-primary);transform:translate(-100%);transition:transform .3s ease-out;z-index:200;display:flex;flex-direction:column;box-shadow:4px 0 20px #0000004d}._drawerOpen_16vg1_212{transform:translate(0)}._drawerHeader_16vg1_216{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid rgba(245,237,224,.1)}._drawerLogo_16vg1_224{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}._drawerLogoImage_16vg1_231{width:36px;height:36px;border-radius:var(--radius-sm)}._drawerLogoText_16vg1_237{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-on-dark)}._closeButton_16vg1_243{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-on-dark);-webkit-tap-highlight-color:transparent}._closeButton_16vg1_243 svg{width:24px;height:24px}._drawerContent_16vg1_262{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}._drawerLink_16vg1_270{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-on-dark-muted);text-decoration:none;font-size:var(--text-lg);font-weight:var(--font-medium);min-height:44px;display:flex;align-items:center;transition:all var(--transition-fast)}._drawerLink_16vg1_270:hover,._drawerLink_16vg1_270:active{color:var(--color-text-on-dark);background:#f5ede01a}._drawerLinkActive_16vg1_289{color:var(--color-text-on-dark);background:#f5ede026}._drawerFooter_16vg1_295{padding:var(--space-4);border-top:1px solid rgba(245,237,224,.1)}._drawerUserInfo_16vg1_300{font-size:var(--text-sm);color:var(--color-text-on-dark-muted);margin-bottom:var(--space-3);padding:0 var(--space-2)}._drawerSignOutButton_16vg1_307{width:100%;padding:var(--space-3);background:var(--color-danger);color:var(--color-text-on-dark);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;min-height:44px;transition:background var(--transition-fast)}._drawerSignOutButton_16vg1_307:hover,._drawerSignOutButton_16vg1_307:active{background:#c13525}._discordButton_16vg1_327{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#5865f2;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}._discordButton_16vg1_327:hover{background:#4752c4;transform:translateY(-1px)}._discordIconSmall_16vg1_348{width:18px;height:18px}._discordLink_16vg1_354{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-top:var(--space-2);background:#5865f2;color:#fff;border-radius:var(--radius-md);text-decoration:none;font-size:var(--text-lg);font-weight:var(--font-medium);min-height:44px;transition:all var(--transition-fast)}._discordLink_16vg1_354:hover,._discordLink_16vg1_354:active{background:#4752c4}._discordIcon_16vg1_348{width:24px;height:24px}.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}}._pageContainer_1s24o_10{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary);position:relative;overflow:visible}._pageContainer_1s24o_10:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(78,205,196,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(78,205,196,.03) 1px,transparent 1px);background-size:50px 50px;animation:_gridPulse_1s24o_1 4s ease-in-out infinite}@keyframes _gridPulse_1s24o_1{0%,to{opacity:.5}50%{opacity:1}}._bannerSection_1s24o_39{width:100%;display:flex;justify-content:center;align-items:center;background:#e8d9be;position:relative;z-index:2;padding:0}._bannerSection_1s24o_39:after{content:"";position:absolute;bottom:-150px;left:0;right:0;height:150px;background:linear-gradient(to bottom,#E8D9BE 0%,rgba(210,195,165,.85) 15%,rgba(180,165,140,.65) 30%,rgba(140,130,120,.45) 50%,rgba(100,100,105,.25) 70%,rgba(60,65,75,.12) 85%,transparent 100%);z-index:1;pointer-events:none}._mainContent_1s24o_74{flex:1;display:flex;flex-direction:row;position:relative;z-index:1;overflow:visible;width:100%;min-height:0}._formSection_1s24o_86{width:40%;max-width:500px;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:10;flex-shrink:0}._imageSection_1s24o_99{flex:1;position:relative;z-index:1;overflow:visible;min-width:0}._risingPixelsBottom_1s24o_108{position:absolute;bottom:0;left:0;right:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:10}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120{position:absolute;background:linear-gradient(135deg,#fff,#a0e0ff);animation:_risePixelToMiddle_1s24o_1 4s ease-out infinite;box-shadow:0 0 20px #a0e0ff,0 0 40px #78c8ff,0 0 70px #64b4ffe6,0 0 100px #50a0ff99;image-rendering:pixelated;border-radius:2px}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(1){left:30%;width:12px;height:12px;animation-delay:0s;animation-duration:3.5s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(2){left:35%;width:10px;height:10px;animation-delay:.4s;animation-duration:4s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(3){left:40%;width:14px;height:14px;animation-delay:.1s;animation-duration:3.8s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(4){left:45%;width:11px;height:11px;animation-delay:.6s;animation-duration:3.3s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(5){left:50%;width:13px;height:13px;animation-delay:.2s;animation-duration:4.2s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(6){left:55%;width:10px;height:10px;animation-delay:.8s;animation-duration:3.7s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(7){left:60%;width:15px;height:15px;animation-delay:1.2s;animation-duration:3.5s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(8){left:65%;width:12px;height:12px;animation-delay:.9s;animation-duration:4.1s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(9){left:70%;width:9px;height:9px;animation-delay:1.5s;animation-duration:3.6s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(10){left:75%;width:11px;height:11px;animation-delay:.3s;animation-duration:3.9s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(11){left:80%;width:10px;height:10px;animation-delay:1.8s;animation-duration:3.4s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(12){left:37%;width:13px;height:13px;animation-delay:1.1s;animation-duration:4.3s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(13){left:43%;width:9px;height:9px;animation-delay:.7s;animation-duration:3.9s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(14){left:47%;width:11px;height:11px;animation-delay:1.4s;animation-duration:3.6s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(15){left:53%;width:12px;height:12px;animation-delay:.5s;animation-duration:4s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(16){left:57%;width:10px;height:10px;animation-delay:1.9s;animation-duration:3.4s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(17){left:63%;width:14px;height:14px;animation-delay:.2s;animation-duration:4.2s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(18){left:67%;width:9px;height:9px;animation-delay:1.6s;animation-duration:3.7s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(19){left:73%;width:12px;height:12px;animation-delay:.8s;animation-duration:3.5s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(20){left:77%;width:10px;height:10px;animation-delay:1.3s;animation-duration:4.1s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(21){left:33%;width:13px;height:13px;animation-delay:.4s;animation-duration:3.8s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(22){left:39%;width:11px;height:11px;animation-delay:1s;animation-duration:3.6s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(23){left:49%;width:9px;height:9px;animation-delay:1.7s;animation-duration:4s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(24){left:61%;width:12px;height:12px;animation-delay:.6s;animation-duration:3.9s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(25){left:51%;width:14px;height:14px;animation-delay:.3s;animation-duration:4.5s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(26){left:59%;width:11px;height:11px;animation-delay:1.1s;animation-duration:3.7s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(27){left:41%;width:10px;height:10px;animation-delay:.9s;animation-duration:4.2s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(28){left:69%;width:13px;height:13px;animation-delay:1.5s;animation-duration:3.5s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(29){left:54%;width:12px;height:12px;animation-delay:.1s;animation-duration:4s}._risingPixelsBottom_1s24o_108 ._whitePixel_1s24o_120:nth-child(30){left:56%;width:11px;height:11px;animation-delay:.7s;animation-duration:3.8s}@keyframes _risePixelToMiddle_1s24o_1{0%{bottom:0;opacity:0;transform:scale(.3) translate(0)}3%{opacity:1;transform:scale(1) translate(0)}25%{opacity:1;transform:scale(1.1) translate(15px)}50%{opacity:.9;transform:scale(1) translate(-10px)}75%{opacity:.6;transform:scale(.9) translate(5px)}95%{opacity:.2;transform:scale(.5) translate(0)}to{bottom:700px;opacity:0;transform:scale(.3) translate(0)}}._brandingSide_1s24o_199{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 0 0;position:relative;z-index:1;overflow:hidden}._formSide_1s24o_211{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}._largeLogo_1s24o_223{width:100%;max-width:none;height:auto;box-shadow:var(--shadow-2xl),0 0 80px #f5a6234d;margin-bottom:1rem;align-self:stretch}._bannerLogo_1s24o_235{max-width:750px;width:100%;height:auto;display:block;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 5%,black 20%,black 80%,rgba(0,0,0,.3) 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 5%,black 20%,black 80%,rgba(0,0,0,.3) 95%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 5%,black 20%,black 80%,rgba(0,0,0,.3) 95%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 5%,black 20%,black 80%,rgba(0,0,0,.3) 95%,transparent 100%);-webkit-mask-composite:source-in}._largeTagline_1s24o_251{font-size:var(--text-xl);color:var(--color-text-primary);text-align:center;margin-bottom:3rem;letter-spacing:.1em;text-shadow:0 0 20px rgba(245,166,35,.5)}._bottomImage_1s24o_262{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 15%,black 35%,black 100%),linear-gradient(to bottom,transparent 0%,black 20%,black 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 15%,black 35%,black 100%),linear-gradient(to bottom,transparent 0%,black 20%,black 100%);-webkit-mask-composite:source-in;filter:drop-shadow(0 0 60px rgba(255,255,255,.6))}._cyberPoolContainer_1s24o_286{position:absolute;bottom:0;left:0;right:0;width:100%;height:60%;display:flex;align-items:flex-end;justify-content:center}._cyberPool_1s24o_286{position:absolute;bottom:0;width:100%;height:40px;background:linear-gradient(to top,var(--color-accent-secondary) 0%,rgba(78,205,196,.6) 40%,transparent 100%);border-radius:50%;filter:blur(8px);animation:_poolPulse_1s24o_1 2s ease-in-out infinite}._cyberPool_1s24o_286:before{content:"";position:absolute;inset:-10px;background:radial-gradient(ellipse at center,rgba(78,205,196,.4) 0%,transparent 70%);animation:_poolGlow_1s24o_1 1.5s ease-in-out infinite alternate}@keyframes _poolPulse_1s24o_1{0%,to{transform:scaleX(1) scaleY(1);opacity:.8}50%{transform:scaleX(1.1) scaleY(1.2);opacity:1}}@keyframes _poolGlow_1s24o_1{0%{opacity:.3}to{opacity:.8}}._risingPixels_1s24o_108{position:absolute;bottom:0;left:0;right:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}._whitePixel_1s24o_120{position:absolute;background:#fff;animation:_risePixel_1s24o_1 3s ease-out infinite;box-shadow:0 0 10px #fff,0 0 25px #fffc,0 0 40px #c8dcff80;image-rendering:pixelated}._whitePixel_1s24o_120:nth-child(1){left:5%;width:8px;height:8px;animation-delay:0s;animation-duration:2.5s}._whitePixel_1s24o_120:nth-child(2){left:12%;width:6px;height:6px;animation-delay:.4s;animation-duration:3s}._whitePixel_1s24o_120:nth-child(3){left:20%;width:10px;height:10px;animation-delay:.1s;animation-duration:2.8s}._whitePixel_1s24o_120:nth-child(4){left:28%;width:7px;height:7px;animation-delay:.6s;animation-duration:2.3s}._whitePixel_1s24o_120:nth-child(5){left:35%;width:9px;height:9px;animation-delay:.2s;animation-duration:3.2s}._whitePixel_1s24o_120:nth-child(6){left:42%;width:6px;height:6px;animation-delay:.8s;animation-duration:2.7s}._whitePixel_1s24o_120:nth-child(7){left:50%;width:11px;height:11px;animation-delay:1.2s;animation-duration:2.5s}._whitePixel_1s24o_120:nth-child(8){left:58%;width:8px;height:8px;animation-delay:.9s;animation-duration:3.1s}._whitePixel_1s24o_120:nth-child(9){left:65%;width:5px;height:5px;animation-delay:1.5s;animation-duration:2.6s}._whitePixel_1s24o_120:nth-child(10){left:72%;width:7px;height:7px;animation-delay:.3s;animation-duration:2.9s}._whitePixel_1s24o_120:nth-child(11){left:80%;width:6px;height:6px;animation-delay:1.8s;animation-duration:2.4s}._whitePixel_1s24o_120:nth-child(12){left:88%;width:9px;height:9px;animation-delay:1.1s;animation-duration:3.3s}._whitePixel_1s24o_120:nth-child(13){left:8%;width:5px;height:5px;animation-delay:.7s;animation-duration:2.9s}._whitePixel_1s24o_120:nth-child(14){left:16%;width:7px;height:7px;animation-delay:1.4s;animation-duration:2.6s}._whitePixel_1s24o_120:nth-child(15){left:24%;width:8px;height:8px;animation-delay:.5s;animation-duration:3s}._whitePixel_1s24o_120:nth-child(16){left:32%;width:6px;height:6px;animation-delay:1.9s;animation-duration:2.4s}._whitePixel_1s24o_120:nth-child(17){left:45%;width:10px;height:10px;animation-delay:.2s;animation-duration:3.2s}._whitePixel_1s24o_120:nth-child(18){left:53%;width:5px;height:5px;animation-delay:1.6s;animation-duration:2.7s}._whitePixel_1s24o_120:nth-child(19){left:62%;width:8px;height:8px;animation-delay:.8s;animation-duration:2.5s}._whitePixel_1s24o_120:nth-child(20){left:68%;width:6px;height:6px;animation-delay:1.3s;animation-duration:3.1s}._whitePixel_1s24o_120:nth-child(21){left:76%;width:9px;height:9px;animation-delay:.4s;animation-duration:2.8s}._whitePixel_1s24o_120:nth-child(22){left:84%;width:7px;height:7px;animation-delay:1s;animation-duration:2.6s}._whitePixel_1s24o_120:nth-child(23){left:92%;width:5px;height:5px;animation-delay:1.7s;animation-duration:3s}._whitePixel_1s24o_120:nth-child(24){left:38%;width:8px;height:8px;animation-delay:.6s;animation-duration:2.9s}@keyframes _risePixel_1s24o_1{0%{bottom:0;opacity:0;transform:scale(.5) translate(0)}10%{opacity:1;transform:scale(1) translate(0)}40%{opacity:.9;transform:scale(1) translate(10px)}70%{opacity:.5;transform:scale(.9) translate(-5px)}to{bottom:500px;opacity:0;transform:scale(.2) translate(0)}}._emergingCreature_1s24o_419{position:absolute;bottom:0;left:0;right:0;width:100%;height:auto;max-height:100%;object-fit:cover;object-position:center bottom;filter:drop-shadow(0 0 30px rgba(255,255,255,.4));z-index:1;mask-image:linear-gradient(to top,black 0%,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 0%,black 70%,transparent 100%)}._pixelDecoration_1s24o_447{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}._pixel_1s24o_447{position:absolute;width:8px;height:8px;background:var(--color-accent-primary);opacity:.6;animation:_floatPixel_1s24o_1 8s ease-in-out infinite;image-rendering:pixelated}._pixel_1s24o_447:nth-child(1){top:10%;left:15%;background:var(--color-accent-secondary);animation-delay:0s;animation-duration:10s}._pixel_1s24o_447:nth-child(2){top:20%;right:20%;background:var(--color-accent-primary);animation-delay:1s;animation-duration:8s;width:12px;height:12px}._pixel_1s24o_447:nth-child(3){bottom:30%;left:10%;background:var(--color-accent-tertiary);animation-delay:2s;animation-duration:12s}._pixel_1s24o_447:nth-child(4){top:60%;right:10%;background:var(--color-accent-secondary);animation-delay:.5s;animation-duration:9s;width:6px;height:6px}._pixel_1s24o_447:nth-child(5){bottom:15%;right:25%;background:var(--color-accent-primary);animation-delay:3s;animation-duration:11s;width:10px;height:10px}._pixel_1s24o_447:nth-child(6){top:40%;left:5%;background:var(--color-accent-tertiary);animation-delay:1.5s;animation-duration:7s}._pixel_1s24o_447:nth-child(7){bottom:40%;right:5%;background:var(--color-accent-secondary);animation-delay:2.5s;width:14px;height:14px}._pixel_1s24o_447:nth-child(8){top:5%;left:40%;background:var(--color-accent-primary);animation-delay:4s;animation-duration:13s}@keyframes _floatPixel_1s24o_1{0%,to{transform:translateY(0) rotate(0);opacity:.4}25%{transform:translateY(-20px) rotate(90deg);opacity:.8}50%{transform:translateY(-10px) rotate(180deg);opacity:.6}75%{transform:translateY(-25px) rotate(270deg);opacity:.7}}._authCard_1s24o_557{position:relative;z-index:1;width:100%;max-width:420px;margin:2rem;padding:2.5rem;background:var(--color-surface-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 60px #f5a62326,inset 0 1px #ffffff1a;border:2px solid var(--color-surface-tertiary);animation:_cardAppear_1s24o_1 .5s ease-out}@keyframes _cardAppear_1s24o_1{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}._authCard_1s24o_557:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-accent-primary-glow) 0%,transparent 50%,var(--color-accent-secondary-glow) 100%);z-index:-1;opacity:0;transition:opacity .3s ease}._authCard_1s24o_557:hover:before{opacity:1}._logoSection_1s24o_608{text-align:center;margin-bottom:2rem}._logo_1s24o_608{width:100%;max-width:280px;height:auto;border-radius:var(--radius-lg);margin-bottom:1rem;box-shadow:var(--shadow-md)}._tagline_1s24o_622{font-size:var(--text-sm);color:var(--color-text-on-light-muted);margin:0;letter-spacing:.05em}._pageTitle_1s24o_631{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-on-light);text-align:center;margin:0 0 1.5rem}._form_1s24o_86{display:flex;flex-direction:column;gap:1.25rem}._formGroup_1s24o_647{display:flex;flex-direction:column;gap:.5rem}._label_1s24o_653{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-on-light)}._input_1s24o_659{width:100%;padding:.875rem 1rem;font-size:var(--text-base);font-family:var(--font-family);color:var(--color-text-on-light);background:var(--color-surface-secondary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-md);transition:all var(--transition-normal);box-sizing:border-box}._input_1s24o_659::placeholder{color:var(--color-text-on-light-subtle)}._input_1s24o_659:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}._input_1s24o_659:disabled{opacity:.6;cursor:not-allowed}._passwordWrapper_1s24o_689{position:relative;width:100%}._passwordWrapper_1s24o_689 ._input_1s24o_659{padding-right:3rem}._passwordToggle_1s24o_698{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-on-light-muted);transition:color var(--transition-fast)}._passwordToggle_1s24o_698:hover{color:var(--color-accent-primary)}._passwordToggle_1s24o_698:focus{outline:none;color:var(--color-accent-primary)}._passwordToggle_1s24o_698 svg{width:20px;height:20px}._errorMessage_1s24o_730{padding:.875rem 1rem;background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-left:4px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);animation:_shake_1s24o_1 .4s ease}@keyframes _shake_1s24o_1{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}._infoMessage_1s24o_751{font-size:var(--text-sm);color:var(--color-text-on-light-muted);margin:.25rem 0 0;font-style:italic}._successMessage_1s24o_758{font-size:var(--text-sm);color:var(--color-success, #22c55e);margin:.25rem 0 0}._warningMessage_1s24o_764{font-size:var(--text-sm);color:var(--color-warning, #f59e0b);margin:.25rem 0 0}._submitButton_1s24o_772{width:100%;padding:1rem 1.5rem;margin-top:.5rem;font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-family);color:var(--color-bg-primary);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md),var(--glow-amber-sm);position:relative;overflow:hidden}._submitButton_1s24o_772:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}._submitButton_1s24o_772:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-amber)}._submitButton_1s24o_772:hover:not(:disabled):before{transform:translate(100%)}._submitButton_1s24o_772:active:not(:disabled){transform:translateY(0)}._submitButton_1s24o_772:disabled{opacity:.6;cursor:not-allowed;transform:none}._submitButton_1s24o_772._loading_1s24o_824{color:transparent}._submitButton_1s24o_772._loading_1s24o_824:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-bg-primary);border-top-color:transparent;border-radius:50%;animation:_spin_1s24o_1 .8s linear infinite}@keyframes _spin_1s24o_1{to{transform:rotate(360deg)}}._footer_1s24o_848{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-surface-tertiary)}._footerText_1s24o_855{font-size:var(--text-sm);color:var(--color-text-on-light-muted);margin:0}._footerLink_1s24o_861{color:var(--color-accent-primary);font-weight:var(--font-medium);text-decoration:none;transition:color var(--transition-fast)}._footerLink_1s24o_861:hover{color:var(--color-accent-primary-hover);text-decoration:underline}@media (max-width: 900px){._pageContainer_1s24o_10,._mainContent_1s24o_74{flex-direction:column}._formSection_1s24o_86{width:100%;max-width:none;padding:1.5rem}._imageSection_1s24o_99{display:none}._brandingSide_1s24o_199{padding:2rem 1rem 1rem}._formSide_1s24o_211{padding:1rem}._largeLogo_1s24o_223{max-width:300px}._largeTagline_1s24o_251{font-size:var(--text-base);margin-bottom:1.5rem}._cyberPoolContainer_1s24o_286{height:50%}._bannerLogo_1s24o_235{max-width:500px}}@media (max-width: 480px){._pageContainer_1s24o_10{min-height:100vh;min-height:100dvh}._bannerSection_1s24o_39{padding:.5rem}._bannerLogo_1s24o_235{max-width:280px}._formSection_1s24o_86{padding:1rem}._authCard_1s24o_557{margin:.5rem;padding:1.25rem;max-width:none}._pageTitle_1s24o_631{font-size:var(--text-xl);margin-bottom:1rem}._input_1s24o_659{font-size:16px;padding:.875rem 1rem}._form_1s24o_86{gap:1rem}._formGroup_1s24o_647{gap:.375rem}._label_1s24o_653{font-size:var(--text-sm)}._submitButton_1s24o_772{min-height:48px;padding:.875rem 1.5rem;font-size:var(--text-base)}._passwordToggle_1s24o_698{width:44px;height:44px;right:.25rem}._footerLink_1s24o_861{display:inline-block;padding:.5rem;min-height:44px;line-height:28px}._footer_1s24o_848{margin-top:1rem;padding-top:1rem}._pixel_1s24o_447,._cyberPoolContainer_1s24o_286,._risingPixelsBottom_1s24o_108{display:none}}@media (max-width: 320px){._bannerLogo_1s24o_235{max-width:240px}._authCard_1s24o_557{margin:.25rem;padding:1rem}._pageTitle_1s24o_631{font-size:var(--text-lg)}}@supports (padding: env(safe-area-inset-bottom)){._pageContainer_1s24o_10{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}._container_1sc2d_9{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0a0a0f);color:#e0e0e0;font-family:Segoe UI,system-ui,sans-serif;position:relative;overflow-x:hidden}._header_1sc2d_20{position:fixed;top:0;left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:100;padding:1rem 2rem}._headerContent_1sc2d_32{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}._logo_1sc2d_40{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#4ecdc4,#f5a623);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px}._nav_1sc2d_51{display:flex;align-items:center;gap:1rem}._welcomeBack_1sc2d_57{color:#4ecdc4;font-size:.95rem;font-weight:500;animation:_pulse_1sc2d_1 2s ease-in-out infinite}@keyframes _pulse_1sc2d_1{0%,to{opacity:.8}50%{opacity:1}}._loginButton_1sc2d_74{background:linear-gradient(135deg,#4ecdc4,#44a39f);color:#0a0a0f;padding:.625rem 1.5rem;border:2px solid transparent;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;display:inline-block;box-shadow:0 2px 8px #4ecdc44d}._loginButton_1sc2d_74:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4ecdc466}._aboutLink_1sc2d_93{color:#fffc;text-decoration:none;font-weight:500;font-size:1rem;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}._aboutLink_1sc2d_93:hover{color:#4ecdc4;background:#4ecdc41a}._floatingPixels_1sc2d_110{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}._pixel_1sc2d_118{position:absolute;width:4px;height:4px;background:#f5a623;opacity:.6;animation:_floatUp_1sc2d_1 linear infinite;bottom:-10px}._pixel_1sc2d_118:nth-child(odd){background:#4ecdc4}._pixel_1sc2d_118:nth-child(3n){background:#ff6b6b}._pixel_1sc2d_118:nth-child(5n){width:6px;height:6px}@keyframes _floatUp_1sc2d_1{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}._main_1sc2d_160{position:relative;z-index:2;padding:6rem 2rem 2rem;display:flex;justify-content:center;align-items:center;min-height:100vh}._cardGrid_1sc2d_172{display:flex;flex-direction:column;gap:1.5rem;max-width:1400px;width:100%}._bottomRow_1sc2d_180{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}._card_1sc2d_172{background:#1a1a2ee6;border:2px solid rgba(78,205,196,.3);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}._card_1sc2d_172:hover{transform:translateY(-5px);border-color:#f5a623;box-shadow:0 8px 30px #f5a62333}._heroCard_1sc2d_205{position:relative;width:100%}._heroImage_1sc2d_210{width:100%;height:auto;max-height:500px;object-fit:cover;object-position:center;display:block}._cardImage_1sc2d_221{width:100%;height:200px;object-fit:cover}._cardContent_1sc2d_227{padding:1.25rem}._cardTitle_1sc2d_231{font-size:1.25rem;font-weight:600;color:#f5a623;margin:0 0 .5rem}._cardDescription_1sc2d_238{font-size:.9rem;color:#a0a0a0;line-height:1.5;margin:0}._ctaCard_1sc2d_247{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2ef2,#0a0a0ff2);border-color:#f5a623}._ctaContent_1sc2d_255{padding:1.5rem;text-align:center;width:100%}._ctaTitle_1sc2d_261{font-size:1.5rem;font-weight:700;color:#f5a623;margin:0 0 .5rem}._ctaDescription_1sc2d_268{font-size:.9rem;color:#a0a0a0;margin:0 0 1rem;line-height:1.4}._form_1sc2d_277{width:100%;display:flex;flex-direction:column;gap:.75rem}._input_1sc2d_284{flex:1;padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:#e0e0e0;background:#0000004d;border:2px solid rgba(78,205,196,.3);border-radius:8px;outline:none;transition:all .3s ease}._input_1sc2d_284::placeholder{color:#606060}._input_1sc2d_284:focus{border-color:#4ecdc4;box-shadow:0 0 10px #4ecdc44d}._input_1sc2d_284:disabled{opacity:.6;cursor:not-allowed}._select_1sc2d_311{padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:#e0e0e0;background:#0000004d;border:2px solid rgba(78,205,196,.3);border-radius:8px;outline:none;transition:all .3s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0a0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}._select_1sc2d_311:focus{border-color:#4ecdc4;box-shadow:0 0 10px #4ecdc44d}._select_1sc2d_311:disabled{opacity:.6;cursor:not-allowed}._select_1sc2d_311 option{background:#1a1a2e;color:#e0e0e0}._textarea_1sc2d_343{padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:#e0e0e0;background:#0000004d;border:2px solid rgba(78,205,196,.3);border-radius:8px;outline:none;transition:all .3s ease;resize:vertical;min-height:80px}._textarea_1sc2d_343::placeholder{color:#606060}._textarea_1sc2d_343:focus{border-color:#4ecdc4;box-shadow:0 0 10px #4ecdc44d}._textarea_1sc2d_343:disabled{opacity:.6;cursor:not-allowed}._submitButton_1sc2d_372{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;font-family:inherit;color:#0a0a0f;background:linear-gradient(135deg,#f5a623,#ff6b6b);border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap;width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f5a6234d}._submitButton_1sc2d_372:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #f5a62366}._submitButton_1sc2d_372:disabled{opacity:.6;cursor:not-allowed;transform:none}._spinner_1sc2d_402{width:20px;height:20px;border:2px solid #0a0a0f;border-top-color:transparent;border-radius:50%;animation:_spin_1sc2d_402 .8s linear infinite}@keyframes _spin_1sc2d_402{to{transform:rotate(360deg)}}._errorMessage_1sc2d_417{padding:.75rem 1rem;margin-bottom:1rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-left:4px solid #ff6b6b;border-radius:8px;color:#ff6b6b;font-size:.9rem;text-align:left;max-width:400px;margin-left:auto;margin-right:auto}._formFooter_1sc2d_434{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(78,205,196,.2)}._loginPrompt_1sc2d_444{color:#a0a0a0;font-size:.95rem}._successState_1sc2d_451{display:flex;flex-direction:column;align-items:center;gap:1rem}._successIcon_1sc2d_458{width:60px;height:60px;color:#4ecdc4}._successIcon_1sc2d_458 svg{width:100%;height:100%}._successText_1sc2d_469{font-size:1rem;color:#4ecdc4;margin:0}._loginLink_1sc2d_475{color:#4ecdc4;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;position:relative}._loginLink_1sc2d_475:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#4ecdc4;transform:scaleX(0);transition:transform .3s ease}._loginLink_1sc2d_475:hover{color:#f5a623}._loginLink_1sc2d_475:hover:after{transform:scaleX(1);background:#f5a623}._footer_1sc2d_507{position:relative;z-index:2;padding:1.5rem 2rem;text-align:center;border-top:1px solid rgba(78,205,196,.2)}._footerLinks_1sc2d_515{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:.75rem}._footerLink_1sc2d_515{color:#a0a0a0;text-decoration:none;font-size:.875rem;transition:color .3s ease}._footerLink_1sc2d_515:hover{color:#4ecdc4}._footerDivider_1sc2d_534{color:#404040}._copyright_1sc2d_538{font-size:.8rem;color:#606060;margin:0}@media (max-width: 1200px){._bottomRow_1sc2d_180{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){._header_1sc2d_20{padding:.75rem 1rem}._logo_1sc2d_40{font-size:1.25rem}._loginButton_1sc2d_74{padding:.5rem 1.5rem;font-size:.9rem}._main_1sc2d_160{padding:5rem 1rem 1rem}._cardGrid_1sc2d_172{gap:1rem}._bottomRow_1sc2d_180{grid-template-columns:1fr;gap:1rem}._heroImage_1sc2d_210{max-height:300px}._footer_1sc2d_507{padding:1rem}}@media (max-width: 480px){._ctaContent_1sc2d_255{padding:1.5rem}._ctaTitle_1sc2d_261{font-size:1.5rem}._input_1sc2d_284,._select_1sc2d_311,._textarea_1sc2d_343{font-size:16px}}._container_1ph6c_12{background:var(--color-surface-primary);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card);font-family:var(--font-family)}._header_1ph6c_24{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-surface-tertiary)}._title_1ph6c_33{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-on-light);margin:0;display:flex;align-items:center;gap:var(--space-2)}._count_1ph6c_43{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-on-light-muted)}._connectionStatus_1ph6c_49{font-size:var(--text-xs);color:var(--color-warning);display:flex;align-items:center;gap:var(--space-1)}._connectionStatus_1ph6c_49:before{content:"";width:6px;height:6px;background:var(--color-warning);border-radius:var(--radius-full);animation:_pulse_1ph6c_1 2s ease-in-out infinite}@keyframes _pulse_1ph6c_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}._searchContainer_1ph6c_81{margin-bottom:var(--space-3)}._searchInput_1ph6c_85{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);color:var(--color-text-on-light);font-family:var(--font-family);font-size:var(--text-sm);outline:none;transition:var(--transition-normal)}._searchInput_1ph6c_85:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-primary-glow)}._searchInput_1ph6c_85::placeholder{color:var(--color-text-on-light-subtle)}._playerList_1ph6c_111{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}._playerRow_1ph6c_123{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:var(--transition-fast)}._playerRow_1ph6c_123._clickable_1ph6c_132{cursor:pointer}._playerRow_1ph6c_123._clickable_1ph6c_132:hover{background:var(--color-surface-secondary)}._playerRow_1ph6c_123._clickable_1ph6c_132:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent-primary-glow)}._playerRow_1ph6c_123._compact_1ph6c_145{padding:var(--space-2);gap:var(--space-2)}._playerRow_1ph6c_123._offline_1ph6c_150{opacity:.6}._playerRow_1ph6c_123._offline_1ph6c_150 ._displayName_1ph6c_154{color:var(--color-text-on-light-subtle)}._statusDot_1ph6c_162{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}._dotOnline_1ph6c_169{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}._dotLobby_1ph6c_174{background:var(--color-info);box-shadow:0 0 6px var(--color-info)}._dotDeploying_1ph6c_179{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}._dotBattle_1ph6c_184{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger);animation:_pulse_1ph6c_1 1.5s ease-in-out infinite}._dotCreating_1ph6c_190{background:var(--color-accent-tertiary);box-shadow:0 0 6px var(--color-accent-tertiary)}._dotOffline_1ph6c_195{background:var(--color-text-on-light-subtle);box-shadow:none}._displayName_1ph6c_154{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-on-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._activityLabel_1ph6c_214{font-size:var(--text-xs);color:var(--color-text-on-light-muted)}._moreButton_1ph6c_219{color:var(--color-text-on-light-subtle);font-size:var(--text-sm);cursor:pointer;padding:0 var(--space-1);opacity:0;transition:var(--transition-fast)}._playerRow_1ph6c_123:hover ._moreButton_1ph6c_219{opacity:1}._moreButton_1ph6c_219:hover{color:var(--color-accent-primary)}._emptyState_1ph6c_240{text-align:center;padding:var(--space-6) var(--space-4);color:var(--color-text-on-light-muted);font-size:var(--text-sm)}._showMoreButton_1ph6c_251{width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);color:var(--color-text-on-light-muted);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-normal)}._showMoreButton_1ph6c_251:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#f5a6230d}._showMoreButton_1ph6c_251:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent-primary-glow)}._error_1ph6c_281{color:var(--color-danger);font-size:var(--text-sm);text-align:center;padding:var(--space-4);background:var(--color-danger-bg);border-radius:var(--radius-md);border:1px solid var(--color-danger-border)}._playerList_1ph6c_111::-webkit-scrollbar{width:6px}._playerList_1ph6c_111::-webkit-scrollbar-track{background:var(--color-surface-secondary);border-radius:var(--radius-sm)}._playerList_1ph6c_111::-webkit-scrollbar-thumb{background:var(--color-surface-tertiary);border-radius:var(--radius-sm)}._playerList_1ph6c_111::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary-glow)}._overlay_1o1n6_6{position:fixed;inset: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_1o1n6_20{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%;max-height:90vh;overflow-y:auto}._title_1o1n6_32{margin-bottom:1rem;color:var(--color-text-on-light)}._challengeInfo_1o1n6_37{margin-bottom:1.5rem;padding:.75rem;background:#f5a6231a;border-radius:var(--radius-md);color:var(--color-text-on-light-muted);font-size:.9rem;line-height:1.4}._formGroup_1o1n6_49{margin-bottom:1.5rem}._label_1o1n6_53{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-on-light)}._passwordHint_1o1n6_60{font-weight:400;font-size:.8rem;color:var(--color-text-on-light-muted);margin-left:.5rem}._input_1o1n6_67{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)}._input_1o1n6_67:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}._input_1o1n6_67:disabled{opacity:.5}._visibilityToggle_1o1n6_90{display:flex;gap:1rem}._visibilityOption_1o1n6_95{flex:1;display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-surface-secondary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}._visibilityOption_1o1n6_95:hover{border-color:var(--color-accent-primary)}._visibilityOption_1o1n6_95._selected_1o1n6_112{border-color:var(--color-accent-primary);background:#f5a6231a}._visibilityOption_1o1n6_95 input[type=radio]{display:none}._visibilityIcon_1o1n6_121{font-size:1.5rem;flex-shrink:0}._visibilityOption_1o1n6_95 div{display:flex;flex-direction:column}._visibilityOption_1o1n6_95 strong{color:var(--color-text-on-light);font-size:1rem}._visibilityDesc_1o1n6_136{font-size:.8rem;color:var(--color-text-on-light-muted);margin-top:.25rem}._battleSizeToggle_1o1n6_144{display:flex;gap:.5rem}._battleSizeOption_1o1n6_149{flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:600;background:var(--color-surface-secondary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-lg);color:var(--color-text-on-light);cursor:pointer;transition:all var(--transition-normal)}._battleSizeOption_1o1n6_149:hover:not(:disabled){border-color:var(--color-accent-primary)}._battleSizeOption_1o1n6_149._selected_1o1n6_112{border-color:var(--color-accent-primary);background:#f5a6231a;color:var(--color-accent-primary)}._battleSizeOption_1o1n6_149:disabled{opacity:.5;cursor:not-allowed}._passwordInputWrapper_1o1n6_179{position:relative;display:flex;align-items:center}._passwordInputWrapper_1o1n6_179 ._input_1o1n6_67{padding-right:3rem}._togglePasswordBtn_1o1n6_189{position:absolute;right:.75rem;background:transparent;border:none;padding:.25rem;cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity var(--transition-fast)}._togglePasswordBtn_1o1n6_189:hover{opacity:1}._error_1o1n6_207{margin-top:.5rem;padding:.5rem .75rem;background:var(--color-danger-bg);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.8rem;text-align:center}._actions_1o1n6_219{display:flex;gap:1rem;margin-top:1.5rem}._button_1o1n6_225{flex:1;padding:1rem;font-size:1.1rem;font-weight:700;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}._button_1o1n6_225:disabled{cursor:not-allowed;opacity:.5}._button_1o1n6_225._cancel_1o1n6_241{background:transparent;color:var(--color-text-on-light);border:2px solid var(--color-surface-tertiary)}._button_1o1n6_225._cancel_1o1n6_241:not(:disabled):hover{background:#1e2a3a0d;border-color:var(--color-text-on-light)}._button_1o1n6_225._create_1o1n6_252{background:var(--gradient-primary);color:var(--color-bg-primary);box-shadow:var(--shadow-md),var(--glow-amber)}._button_1o1n6_225._create_1o1n6_252:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #f5a62380}@media (max-width: 480px){._modal_1o1n6_20{padding:1.5rem}._visibilityToggle_1o1n6_90{flex-direction:column}._battleSizeToggle_1o1n6_144{flex-wrap:wrap}._battleSizeOption_1o1n6_149{flex:0 0 calc(50% - .25rem)}}._overlay_n4xrx_10{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}._modal_n4xrx_22{position:relative;background:var(--color-surface-primary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;font-family:var(--font-family);box-shadow:var(--shadow-xl)}._closeButton_n4xrx_36{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-surface-secondary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-md);color:var(--color-text-on-light-subtle);width:2rem;height:2rem;cursor:pointer;font-size:var(--text-base);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}._closeButton_n4xrx_36:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}._loadingState_n4xrx_62,._errorState_n4xrx_63{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-on-light-muted);font-size:var(--text-sm);gap:var(--space-4)}._spinner_n4xrx_74{width:32px;height:32px;border:3px solid var(--color-border-on-light);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:_spin_n4xrx_74 1s linear infinite}@keyframes _spin_n4xrx_74{to{transform:rotate(360deg)}}._errorState_n4xrx_63 button{padding:var(--space-2) var(--space-4);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger);cursor:pointer;font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-normal)}._errorState_n4xrx_63 button:hover{background:var(--color-danger);color:#fff}._header_n4xrx_109{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-on-light)}._avatar_n4xrx_118{width:64px;height:64px;background:var(--color-surface-secondary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);flex-shrink:0}._headerInfo_n4xrx_131{flex:1;min-width:0}._displayName_n4xrx_136{margin:0 0 var(--space-2) 0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-on-light);line-height:var(--leading-tight)}._status_n4xrx_144{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:var(--font-medium)}._status_n4xrx_144._online_n4xrx_154{background:var(--color-success-bg);color:var(--color-success)}._status_n4xrx_144._offline_n4xrx_159{background:#0000000d;color:var(--color-text-on-light-subtle)}._statusDot_n4xrx_166{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}._dotOnline_n4xrx_173{background:var(--color-success)}._dotLobby_n4xrx_177{background:var(--color-info)}._dotDeploying_n4xrx_181{background:var(--color-warning)}._dotBattle_n4xrx_185{background:var(--color-danger)}._dotCreating_n4xrx_189{background:var(--color-accent-tertiary)}._dotOffline_n4xrx_193{background:var(--color-text-on-light-subtle)}._statsSection_n4xrx_199{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-on-light)}._sectionTitle_n4xrx_205{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-on-light);text-transform:uppercase;letter-spacing:.05em}._statsGrid_n4xrx_214{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}._statItem_n4xrx_221{text-align:center;padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md)}._statValue_n4xrx_228{display:block;font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-1);line-height:var(--leading-tight)}._statValue_n4xrx_228._wins_n4xrx_236{color:var(--color-success)}._statValue_n4xrx_228._losses_n4xrx_240{color:var(--color-danger)}._statValue_n4xrx_228._winRate_n4xrx_244{color:var(--color-info)}._statLabel_n4xrx_248{font-size:var(--text-xs);color:var(--color-text-on-light-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}._statsSecondary_n4xrx_256{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-on-light-muted)}._creaturesSection_n4xrx_266{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-on-light)}._creaturesHeader_n4xrx_272{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}._viewGalleryButton_n4xrx_279{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border-on-light);border-radius:var(--radius-md);color:var(--color-text-on-light-muted);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}._viewGalleryButton_n4xrx_279:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-primary-glow)}._creaturePreview_n4xrx_298{display:flex;gap:var(--space-3);flex-wrap:wrap}._creatureCard_n4xrx_304{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface-secondary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer}._creatureCard_n4xrx_304:hover{border-color:var(--color-accent-primary);box-shadow:var(--glow-amber-sm)}._creatureSprite_n4xrx_322{width:48px;height:48px;object-fit:contain;background:var(--color-bg-primary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-sm);image-rendering:pixelated}._creaturePlaceholder_n4xrx_332{width:48px;height:48px;background:var(--color-bg-primary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}._creatureName_n4xrx_344{font-size:var(--text-xs);color:var(--color-text-on-light-muted);max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}._noCreatures_n4xrx_354{color:var(--color-text-on-light-subtle);font-size:var(--text-sm);text-align:center;padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-md);width:100%}._moreCreatures_n4xrx_364{display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-on-light-muted);padding:var(--space-2);font-weight:var(--font-medium)}._inviteSuccess_n4xrx_376{padding:var(--space-3) var(--space-4);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-4);font-weight:var(--font-medium)}._inviteError_n4xrx_388{padding:var(--space-3) var(--space-4);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-4);font-weight:var(--font-medium)}._actions_n4xrx_402{display:flex;gap:var(--space-3)}._actionButton_n4xrx_407{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);border:2px solid;text-align:center}._actionButton_n4xrx_407:disabled{opacity:.4;cursor:not-allowed}._actionButton_n4xrx_407._challenge_n4xrx_426{background:var(--gradient-primary);border-color:var(--color-accent-primary);color:var(--color-bg-primary)}._actionButton_n4xrx_407._challenge_n4xrx_426:not(:disabled):hover{box-shadow:var(--glow-amber);transform:translateY(-1px)}._actionButton_n4xrx_407._invite_n4xrx_376{background:transparent;border-color:var(--color-accent-secondary);color:var(--color-accent-secondary)}._actionButton_n4xrx_407._invite_n4xrx_376:not(:disabled):hover{background:var(--color-accent-secondary);color:var(--color-bg-primary)}._actionButton_n4xrx_407._trade_n4xrx_450{background:transparent;border-color:var(--color-border-on-light);color:var(--color-text-on-light-muted)}._actionButton_n4xrx_407._trade_n4xrx_450:not(:disabled):hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-primary-glow)}._galleryOverlay_n4xrx_464{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 100);padding:var(--space-4)}._galleryModal_n4xrx_476{position:relative;background:var(--color-surface-primary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-xl);width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;font-family:var(--font-family);box-shadow:var(--shadow-xl)}._galleryHeader_n4xrx_490{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-on-light)}._galleryHeader_n4xrx_490 h2{margin:0;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-on-light)}._galleryContent_n4xrx_505{flex:1;overflow-y:auto;padding:var(--space-6)}._galleryGrid_n4xrx_511{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-4)}._galleryCard_n4xrx_517{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-secondary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}._galleryCard_n4xrx_517:hover{border-color:var(--color-accent-primary);box-shadow:var(--glow-amber-sm);transform:translateY(-2px)}._gallerySprite_n4xrx_536{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;background:var(--color-bg-primary);border-radius:var(--radius-sm)}._galleryPlaceholder_n4xrx_545{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);background:var(--color-bg-primary);border-radius:var(--radius-sm)}._galleryCreatureName_n4xrx_556{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-on-light);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._loadMoreButton_n4xrx_567{display:block;width:100%;margin-top:var(--space-6);padding:var(--space-3);background:transparent;border:1px solid var(--color-border-on-light);border-radius:var(--radius-md);color:var(--color-text-on-light-muted);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}._loadMoreButton_n4xrx_567:hover:not(:disabled){border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-primary-glow)}._loadMoreButton_n4xrx_567:disabled{opacity:.5;cursor:not-allowed}._detailOverlay_n4xrx_596{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 200);padding:var(--space-4)}._detailModal_n4xrx_608{position:relative;background:var(--color-surface-primary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;overflow-y:auto;font-family:var(--font-family);box-shadow:var(--shadow-xl)}._detailContent_n4xrx_621{padding:var(--space-6)}._detailHeader_n4xrx_625{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-on-light)}._detailHeader_n4xrx_625 h2{margin:0 0 var(--space-2) 0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-on-light)}._detailConcept_n4xrx_638{margin:0;font-size:var(--text-sm);color:var(--color-text-on-light-muted)}._detailBody_n4xrx_644{display:grid;grid-template-columns:300px 1fr;gap:var(--space-6)}._animationViewer_n4xrx_651{display:flex;flex-direction:column;gap:var(--space-4)}._animationCanvas_n4xrx_658{background:var(--color-bg-primary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;justify-content:center;min-height:200px}._spriteImage_n4xrx_669{width:128px;height:128px;object-fit:contain;image-rendering:pixelated}._spriteImage_n4xrx_669._mirrored_n4xrx_676{transform:scaleX(-1)}._animationControls_n4xrx_680{display:flex;flex-direction:column;gap:var(--space-3)}._controlGroup_n4xrx_686{display:flex;flex-direction:column;gap:var(--space-2)}._controlLabel_n4xrx_692{font-size:var(--text-xs);color:var(--color-text-on-light-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}._buttonGroup_n4xrx_700{display:flex;gap:var(--space-2)}._controlButton_n4xrx_705{flex:1;padding:var(--space-2);background:var(--color-surface-secondary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-md);color:var(--color-text-on-light-muted);font-family:var(--font-family);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-normal)}._controlButton_n4xrx_705:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}._controlButton_n4xrx_705._active_n4xrx_723{background:var(--color-accent-primary-glow);border-color:var(--color-accent-primary);color:var(--color-accent-primary);font-weight:var(--font-semibold)}._directionGrid_n4xrx_730{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:var(--space-2)}._directionButton_n4xrx_737{padding:var(--space-2);background:var(--color-surface-secondary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-md);color:var(--color-text-on-light-muted);font-family:var(--font-family);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-normal)}._directionButton_n4xrx_737:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}._directionButton_n4xrx_737._active_n4xrx_723{background:var(--color-accent-primary-glow);border-color:var(--color-accent-primary);color:var(--color-accent-primary);font-weight:var(--font-semibold)}._playPauseButton_n4xrx_761{padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border:1px solid var(--color-accent-secondary);border-radius:var(--radius-md);color:var(--color-accent-secondary);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}._playPauseButton_n4xrx_761:hover{background:var(--color-accent-secondary);color:var(--color-bg-primary)}._creatureInfo_n4xrx_780{display:flex;flex-direction:column;gap:var(--space-5)}._infoSection_n4xrx_786 h3{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-on-light);text-transform:uppercase;letter-spacing:.05em}._infoGrid_n4xrx_795{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}._infoItem_n4xrx_801{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface-secondary);border-radius:var(--radius-sm)}._infoLabel_n4xrx_810{font-size:var(--text-xs);color:var(--color-text-on-light-subtle);text-transform:uppercase;letter-spacing:.05em}._infoValue_n4xrx_817{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-on-light)}._abilitiesList_n4xrx_824{display:flex;flex-direction:column;gap:var(--space-3)}._abilityCard_n4xrx_830{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-3);background:var(--color-surface-secondary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-md)}._abilityInfo_n4xrx_840{flex:1}._abilityName_n4xrx_844{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-on-light);margin-bottom:var(--space-2)}._abilityDescription_n4xrx_852{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-on-light-muted);line-height:var(--leading-relaxed)}._abilityBadges_n4xrx_859{display:flex;flex-wrap:wrap;gap:var(--space-2)}._badge_n4xrx_865{padding:var(--space-1) var(--space-2);background:var(--color-surface-primary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-on-light-muted);text-transform:uppercase;letter-spacing:.05em}._effectPreview_n4xrx_876{width:48px;height:48px;background:var(--color-bg-primary);border:1px solid var(--color-border-on-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-left:var(--space-4);flex-shrink:0}._effectPreview_n4xrx_876 img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}._traitTags_n4xrx_897{display:flex;flex-wrap:wrap;gap:var(--space-2)}._traitTag_n4xrx_897{padding:var(--space-2) var(--space-3);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-warning)}@media (max-width: 768px){._detailBody_n4xrx_644{grid-template-columns:1fr}._animationCanvas_n4xrx_658{min-height:150px}._spriteImage_n4xrx_669{width:96px;height:96px}._galleryModal_n4xrx_476{max-width:100%;max-height:100vh;border-radius:var(--radius-lg)}._detailModal_n4xrx_608{max-width:100%;border-radius:var(--radius-lg)}}@media (max-width: 480px){._modal_n4xrx_22{padding:var(--space-4);border-radius:var(--radius-lg)}._header_n4xrx_109{flex-direction:column;text-align:center}._avatar_n4xrx_118{width:56px;height:56px}._displayName_n4xrx_136{font-size:var(--text-lg)}._statsGrid_n4xrx_214{gap:var(--space-2)}._statItem_n4xrx_221{padding:var(--space-2)}._statValue_n4xrx_228{font-size:var(--text-xl)}._actions_n4xrx_402{flex-direction:column}._actionButton_n4xrx_407{padding:var(--space-3)}._galleryGrid_n4xrx_511{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-3)}._galleryCard_n4xrx_517{padding:var(--space-2)}._gallerySprite_n4xrx_536,._galleryPlaceholder_n4xrx_545{width:48px;height:48px}._galleryCreatureName_n4xrx_556{font-size:var(--text-xs)}._detailContent_n4xrx_621{padding:var(--space-4)}._detailHeader_n4xrx_625 h2{font-size:var(--text-xl)}._infoGrid_n4xrx_795{grid-template-columns:1fr}._abilityCard_n4xrx_830{flex-direction:column;gap:var(--space-3)}._effectPreview_n4xrx_876{margin-left:0;align-self:flex-start}}._container_14p7h_10{background:var(--color-surface-primary);border:2px solid var(--color-border-on-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative;z-index:1;transition:all var(--transition-normal)}._container_14p7h_10:hover{box-shadow:var(--shadow-card),var(--glow-amber-sm);border-color:var(--color-accent-primary)}._header_14p7h_28{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-surface-tertiary)}._title_14p7h_36{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-on-light)}._count_14p7h_43{font-size:var(--text-sm);color:var(--color-text-on-light-muted);font-weight:var(--font-medium)}._searchForm_14p7h_51{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-surface-tertiary)}._searchInput_14p7h_59{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--color-surface-primary);color:var(--color-text-on-light);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}._searchInput_14p7h_59::placeholder{color:var(--color-text-on-light-muted)}._searchInput_14p7h_59:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}._searchButton_14p7h_80{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);background:var(--gradient-primary);color:var(--color-bg-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}._searchButton_14p7h_80:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm),var(--glow-amber-sm)}._clearButton_14p7h_97{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);background:transparent;color:var(--color-text-on-light-muted);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}._clearButton_14p7h_97:hover{border-color:var(--color-text-on-light-muted);color:var(--color-text-on-light)}._battleList_14p7h_116{padding:var(--space-3) var(--space-5)}._battleEntry_14p7h_120{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--color-surface-tertiary);animation:none}._battleEntry_14p7h_120:last-child{border-bottom:none}._battleEntryNew_14p7h_134{animation:_slideInNew_14p7h_1 var(--transition-normal) ease-out;background:linear-gradient(90deg,rgba(245,166,35,.1) 0%,transparent 100%)}@keyframes _slideInNew_14p7h_1{0%{opacity:0;transform:translate(-20px);background:#f5a62333}to{opacity:1;transform:translate(0);background:linear-gradient(90deg,rgba(245,166,35,.1) 0%,transparent 100%)}}._battleResult_14p7h_162{font-size:var(--text-base);line-height:1.4}._winnerName_14p7h_167{font-weight:var(--font-semibold);color:var(--color-success)}._loserName_14p7h_172{font-weight:var(--font-medium);color:var(--color-text-on-light-muted)}._drawName_14p7h_177{font-weight:var(--font-semibold);color:var(--color-warning)}._vsText_14p7h_182{color:var(--color-text-on-light)}._battleMeta_14p7h_188{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-on-light-muted)}._battleName_14p7h_196{font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}._separator_14p7h_204{color:var(--color-text-on-light-subtle)}._timestamp_14p7h_208{color:var(--color-text-on-light-subtle);white-space:nowrap}._loading_14p7h_215{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-text-on-light-muted);font-size:var(--text-sm)}._loadingSpinner_14p7h_225{width:16px;height:16px;border:2px solid var(--color-surface-tertiary);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:_spin_14p7h_1 1s linear infinite}@keyframes _spin_14p7h_1{to{transform:rotate(360deg)}}._error_14p7h_242{padding:var(--space-4) var(--space-5);margin:var(--space-3) var(--space-5);background:var(--color-danger-bg);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);text-align:center}._empty_14p7h_254{padding:var(--space-6);text-align:center;color:var(--color-text-on-light-muted);font-size:var(--text-sm)}._footer_14p7h_263{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5) var(--space-4)}._expandButton_14p7h_269,._loadMoreButton_14p7h_270,._collapseButton_14p7h_271{flex:1;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}._expandButton_14p7h_269{background:var(--gradient-primary);color:var(--color-bg-primary);border:none}._expandButton_14p7h_269:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm),var(--glow-amber-sm)}._loadMoreButton_14p7h_270{background:var(--color-surface-secondary);color:var(--color-text-on-light);border:2px solid var(--color-surface-tertiary)}._loadMoreButton_14p7h_270:hover:not(:disabled){border-color:var(--color-accent-primary);color:var(--color-accent-primary)}._loadMoreButton_14p7h_270:disabled{opacity:.6;cursor:not-allowed}._collapseButton_14p7h_271{background:transparent;color:var(--color-text-on-light-muted);border:2px solid var(--color-surface-tertiary)}._collapseButton_14p7h_271:hover{border-color:var(--color-text-on-light-muted);color:var(--color-text-on-light)}@media (max-width: 480px){._header_14p7h_28{padding:var(--space-3) var(--space-4)}._title_14p7h_36{font-size:var(--text-base)}._searchForm_14p7h_51{flex-direction:column;padding:var(--space-3) var(--space-4)}._searchButton_14p7h_80,._clearButton_14p7h_97{width:100%}._battleList_14p7h_116{padding:var(--space-2) var(--space-4)}._battleEntry_14p7h_120{padding:var(--space-2) 0}._battleResult_14p7h_162{font-size:var(--text-sm)}._battleMeta_14p7h_188{flex-wrap:wrap;font-size:var(--text-xs)}._battleName_14p7h_196{max-width:150px}._footer_14p7h_263{flex-direction:column;padding:var(--space-3) var(--space-4)}._expandButton_14p7h_269,._loadMoreButton_14p7h_270,._collapseButton_14p7h_271{width:100%}}._container_e12ft_6{max-width:1200px;margin:0 auto;padding:2rem;position:relative}._pixelDecoration_e12ft_15{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}._pixel_e12ft_15{position:absolute;bottom:0;background:linear-gradient(135deg,#fff,#a0e0ff);box-shadow:0 0 20px #a0e0ff,0 0 40px #78c8ff,0 0 70px #64b4ffe6,0 0 100px #50a0ff99;animation:_risePixel_e12ft_1 4s ease-out infinite}._pixel_e12ft_15:nth-child(1){left:7%;width:10px;height:10px;animation-delay:2.1s}._pixel_e12ft_15:nth-child(2){left:52%;width:12px;height:12px;animation-delay:.4s}._pixel_e12ft_15:nth-child(3){left:23%;width:9px;height:9px;animation-delay:3.2s}._pixel_e12ft_15:nth-child(4){left:81%;width:11px;height:11px;animation-delay:1.5s}._pixel_e12ft_15:nth-child(5){left:35%;width:13px;height:13px;animation-delay:.1s}._pixel_e12ft_15:nth-child(6){left:94%;width:10px;height:10px;animation-delay:2.8s}._pixel_e12ft_15:nth-child(7){left:12%;width:8px;height:8px;animation-delay:1.9s}._pixel_e12ft_15:nth-child(8){left:67%;width:12px;height:12px;animation-delay:.7s}._pixel_e12ft_15:nth-child(9){left:3%;width:11px;height:11px;animation-delay:3.5s}._pixel_e12ft_15:nth-child(10){left:45%;width:9px;height:9px;animation-delay:1.1s}._pixel_e12ft_15:nth-child(11){left:76%;width:14px;height:14px;animation-delay:2.4s}._pixel_e12ft_15:nth-child(12){left:29%;width:10px;height:10px;animation-delay:.2s}._pixel_e12ft_15:nth-child(13){left:58%;width:12px;height:12px;animation-delay:3s}._pixel_e12ft_15:nth-child(14){left:87%;width:8px;height:8px;animation-delay:1.3s}._pixel_e12ft_15:nth-child(15){left:41%;width:11px;height:11px;animation-delay:2.6s}._pixel_e12ft_15:nth-child(16){left:16%;width:13px;height:13px;animation-delay:.9s}._pixel_e12ft_15:nth-child(17){left:71%;width:9px;height:9px;animation-delay:3.7s}._pixel_e12ft_15:nth-child(18){left:49%;width:10px;height:10px;animation-delay:1.7s}._pixel_e12ft_15:nth-child(19){left:62%;width:12px;height:12px;animation-delay:.5s}._pixel_e12ft_15:nth-child(20){left:19%;width:11px;height:11px;animation-delay:2.2s}@keyframes _risePixel_e12ft_1{0%{bottom:0;opacity:0;transform:scale(.3) translate(0)}3%{opacity:1;transform:scale(1) translate(0)}20%{transform:scale(1) translate(-15px)}40%{transform:scale(1) translate(15px)}60%{transform:scale(1) translate(-10px)}80%{transform:scale(.8) translate(10px)}to{bottom:100vh;opacity:0;transform:scale(.3) translate(0)}}._cardIcon_e12ft_88{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-bottom:.75rem;color:var(--color-accent-primary)}._cardIcon_e12ft_88 svg{width:100%;height:100%}._statsTitle_e12ft_103 ._cardIcon_e12ft_88{width:1.5rem;height:1.5rem;margin-bottom:0;margin-right:.5rem;vertical-align:middle}._statsTitle_e12ft_103{display:flex;align-items:center}._title_e12ft_116{color:var(--color-text-on-dark);margin-bottom:2rem}._heroBanner_e12ft_123{width:100%;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem;box-shadow:var(--shadow-card);border:2px solid var(--color-border-default);position:relative;z-index:1}._heroBannerImage_e12ft_134{width:100%;height:auto;display:block;object-fit:cover;max-height:300px}._statsCard_e12ft_144{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);position:relative;z-index:1}._statsCard_e12ft_144:hover{box-shadow:var(--shadow-card),var(--glow-amber-sm);border-color:var(--color-accent-primary)}._statsHeader_e12ft_161{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}._statsTitle_e12ft_103{margin:0;color:var(--color-text-on-light)}._noBattlesLabel_e12ft_173{color:var(--color-text-on-light);font-size:.9rem}._loadingState_e12ft_178,._emptyState_e12ft_179{text-align:center;color:var(--color-text-on-light);padding:2rem}._emptyState_e12ft_179 p{color:var(--color-text-on-light-muted);margin-bottom:.5rem}._emptyState_e12ft_179 p:first-child{color:var(--color-text-on-light);font-size:1.1rem}._ctaButton_e12ft_195{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;background:var(--color-accent-primary);color:var(--color-text-on-dark);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}._ctaButton_e12ft_195:hover{background:var(--color-accent-secondary);transform:translateY(-2px);box-shadow:var(--glow-amber-sm)}._ctaButton_e12ft_195 svg{width:1.25rem;height:1.25rem}._statsGrid_e12ft_222{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}._statItem_e12ft_228{text-align:center}._statValue_e12ft_232{font-size:2rem;font-weight:700}._statValue_e12ft_232._wins_e12ft_237{color:var(--color-success)}._statValue_e12ft_232._losses_e12ft_241{color:var(--color-danger)}._statValue_e12ft_232._winRate_e12ft_245{color:var(--color-accent-tertiary)}._statValue_e12ft_232._currentStreak_e12ft_249{color:var(--color-accent-primary)}._statValue_e12ft_232._bestStreak_e12ft_253{color:var(--color-text-on-light)}._statLabel_e12ft_257{color:var(--color-text-on-light);font-size:.9rem}._communityFeedWrapper_e12ft_264{margin-top:2rem;position:relative;z-index:1}._actionsGrid_e12ft_272{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}@media (max-width: 768px){._actionsGrid_e12ft_272{grid-template-columns:1fr}}._actionCard_e12ft_285{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:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-card);position:relative;z-index:1}._actionCard_e12ft_285:hover{transform:translateY(-4px);box-shadow:var(--shadow-card),var(--glow-amber);border-color:var(--color-accent-primary)}._actionCard_e12ft_285:hover ._cardIcon_e12ft_88{transform:scale(1.1);color:var(--color-accent-secondary)}._actionCard_e12ft_285 ._cardIcon_e12ft_88{transition:all var(--transition-normal)}._cardTitle_e12ft_318{color:var(--color-text-on-light);margin-top:0;margin-bottom:.5rem;font-size:1.25rem}._cardDescription_e12ft_325{color:var(--color-text-on-light-muted);margin:0;font-size:.9rem}@media (max-width: 480px){._container_e12ft_6{padding:1rem}._title_e12ft_116{font-size:1.5rem;margin-bottom:1rem}._heroBanner_e12ft_123{margin-bottom:1rem;border-radius:var(--radius-md)}._heroBannerImage_e12ft_134{max-height:180px}._statsCard_e12ft_144{margin-top:1rem;padding:1rem}._statsHeader_e12ft_161{margin-bottom:1rem}._statsTitle_e12ft_103{font-size:1.1rem}._emptyState_e12ft_179{padding:1rem}._emptyState_e12ft_179 p:first-child{font-size:1rem}._ctaButton_e12ft_195{padding:.625rem 1.25rem;font-size:.9rem}._statsGrid_e12ft_222{gap:1rem}._statValue_e12ft_232{font-size:1.5rem}._actionsGrid_e12ft_272{gap:.75rem;margin-top:1rem}._actionCard_e12ft_285{padding:1rem;border-radius:var(--radius-md)}._cardIcon_e12ft_88{width:2rem;height:2rem;margin-bottom:.5rem}._cardTitle_e12ft_318{font-size:1rem;margin-bottom:.25rem}._cardDescription_e12ft_325{font-size:.8rem}._pixelDecoration_e12ft_15{display:none}}._onlinePlayersPanel_e12ft_421{margin-top:2rem;position:relative;z-index:1}@media (min-width: 1400px){._onlinePlayersPanel_e12ft_421{position:fixed;right:2rem;top:6rem;width:280px;max-height:calc(100vh - 8rem);margin-top:0;overflow-y:auto}}@media (max-width: 480px){._onlinePlayersPanel_e12ft_421{margin-top:1rem}}._container_1u838_8{display:flex;gap:var(--space-3);justify-content:center;align-items:center;padding:var(--space-4);flex-wrap:wrap}._button_1u838_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_1u838_17:hover{background-color:#f5eed9;border-color:#c4b490;box-shadow:0 2px 6px #1a23321f;transform:translateY(-1px)}._button_1u838_17:active{transform:translateY(0);box-shadow:0 1px 2px #1a23321a}._button_1u838_17:focus{outline:2px solid #8B7355;outline-offset:2px}._button_1u838_17._active_1u838_62{background-color:#8b7355;border-color:#6d5a43;color:#fbf5e6;box-shadow:0 2px 8px #8b73554d}._button_1u838_17._active_1u838_62:hover{background-color:#a08565;border-color:#8b7355;box-shadow:0 3px 10px #8b735559}._icon_1u838_75{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--color-accent-primary);transition:all var(--transition-normal)}._icon_1u838_75 svg{width:100%;height:100%}._button_1u838_17._active_1u838_62 ._icon_1u838_75{color:var(--color-bg-card)}._label_1u838_94{font-size:var(--font-size-sm);line-height:var(--line-height-tight);text-align:center}@media (max-width: 768px){._container_1u838_8{gap:var(--space-2);padding:var(--space-3)}._button_1u838_17{min-width:100px;min-height:44px;padding:var(--space-2) var(--space-4);font-size:13px}._icon_1u838_75{font-size:22px}._label_1u838_94{font-size:13px}}@media (max-width: 480px){._container_1u838_8{flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;padding:var(--space-2)}._button_1u838_17{width:100%;max-width:100%;box-sizing:border-box}}._container_aadll_13{display:flex;flex-direction:column;gap:var(--space-4);max-width:600px;margin:0 auto}._canvasWrapper_aadll_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_aadll_21{display:block;cursor:crosshair;touch-action:none;background-color:#fff}._toolbar_aadll_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_aadll_47{display:flex;gap:var(--space-2)}._toolButton_aadll_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_aadll_52:hover{background-color:var(--color-bg-card);border-color:#c4a86a;box-shadow:0 1px 4px #1a233233;transform:translateY(-1px)}._toolButton_aadll_52:active{transform:translateY(0)}._toolButton_aadll_52._active_aadll_76{background-color:#8b7355;border-color:#8b7355;color:var(--color-bg-card);box-shadow:0 2px 6px #1a233240}._toolButton_aadll_52._dangerButton_aadll_83:hover{background-color:#f4e4bc;border-color:sienna}._brushSizeSelector_aadll_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_aadll_99{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary)}._sizeButtons_aadll_105{display:flex;gap:var(--space-2);justify-content:center}._sizeButton_aadll_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_aadll_105:hover{background-color:var(--color-bg-card);border-color:#c4a86a;box-shadow:0 1px 4px #1a233233}._sizeButton_aadll_105._active_aadll_76{background-color:#8b7355;border-color:#8b7355;color:var(--color-bg-card);box-shadow:0 2px 6px #1a233240}._sizeSmall_aadll_139{font-size:var(--font-size-xs)}._sizeMedium_aadll_143{font-size:var(--font-size-lg)}._sizeLarge_aadll_147{font-size:var(--font-size-2xl)}._colorPicker_aadll_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_aadll_152._disabled_aadll_162{opacity:.5;pointer-events:none}._presetColors_aadll_167{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-2)}._colorButton_aadll_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_aadll_173:hover{border-color:#8b7355;box-shadow:0 1px 4px #1a233233;transform:scale(1.1)}._colorButton_aadll_173._active_aadll_76{border:3px solid #8B7355;box-shadow:0 2px 6px #1a233240}._customColorWrapper_aadll_194{display:flex;align-items:center;gap:var(--space-3)}._customLabel_aadll_200{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary)}._customColorPicker_aadll_206{width:60px;height:44px;border:2px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;padding:2px}._customColorPicker_aadll_206::-webkit-color-swatch-wrapper{padding:0}._customColorPicker_aadll_206::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}@media (max-width: 768px){._container_aadll_13{padding:var(--space-3);max-width:100%}._canvasWrapper_aadll_21{max-width:100%;overflow:hidden}._toolbar_aadll_37{flex-wrap:wrap}._presetColors_aadll_167{grid-template-columns:repeat(4,1fr)}}@media (max-width: 576px){._container_aadll_13{padding:var(--space-2);gap:var(--space-3);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}._canvasWrapper_aadll_21{width:100%;max-width:100%;display:flex;justify-content:center}._toolbar_aadll_37{padding:var(--space-2);gap:var(--space-2);flex-wrap:wrap}._toolButton_aadll_52{min-width:40px;min-height:40px;font-size:18px}._brushSizeSelector_aadll_89{padding:var(--space-2)}._sizeButton_aadll_105{min-width:40px;min-height:40px}._colorPicker_aadll_152{padding:var(--space-2);gap:var(--space-2)}._presetColors_aadll_167{grid-template-columns:repeat(4,1fr)}._colorButton_aadll_173{width:36px;height:36px}._customColorPicker_aadll_206{width:50px;height:36px}._customColorWrapper_aadll_194{flex-wrap:wrap}}._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_18l4e_5{max-width:800px;margin:0 auto;padding:32px 16px;position:relative}._pixelDecoration_18l4e_14{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}._pixel_18l4e_14{position:absolute;bottom:0;background:linear-gradient(135deg,#fff,#a0e0ff);box-shadow:0 0 20px #a0e0ff,0 0 40px #78c8ff,0 0 70px #64b4ffe6,0 0 100px #50a0ff99;animation:_risePixel_18l4e_1 4s ease-out infinite}._pixel_18l4e_14:nth-child(1){left:7%;width:10px;height:10px;animation-delay:2.1s}._pixel_18l4e_14:nth-child(2){left:52%;width:12px;height:12px;animation-delay:.4s}._pixel_18l4e_14:nth-child(3){left:23%;width:9px;height:9px;animation-delay:3.2s}._pixel_18l4e_14:nth-child(4){left:81%;width:11px;height:11px;animation-delay:1.5s}._pixel_18l4e_14:nth-child(5){left:35%;width:13px;height:13px;animation-delay:.1s}._pixel_18l4e_14:nth-child(6){left:94%;width:10px;height:10px;animation-delay:2.8s}._pixel_18l4e_14:nth-child(7){left:12%;width:8px;height:8px;animation-delay:1.9s}._pixel_18l4e_14:nth-child(8){left:67%;width:12px;height:12px;animation-delay:.7s}._pixel_18l4e_14:nth-child(9){left:3%;width:11px;height:11px;animation-delay:3.5s}._pixel_18l4e_14:nth-child(10){left:45%;width:9px;height:9px;animation-delay:1.1s}._pixel_18l4e_14:nth-child(11){left:76%;width:14px;height:14px;animation-delay:2.4s}._pixel_18l4e_14:nth-child(12){left:29%;width:10px;height:10px;animation-delay:.2s}._pixel_18l4e_14:nth-child(13){left:58%;width:12px;height:12px;animation-delay:3s}._pixel_18l4e_14:nth-child(14){left:87%;width:8px;height:8px;animation-delay:1.3s}._pixel_18l4e_14:nth-child(15){left:41%;width:11px;height:11px;animation-delay:2.6s}._pixel_18l4e_14:nth-child(16){left:16%;width:13px;height:13px;animation-delay:.9s}._pixel_18l4e_14:nth-child(17){left:71%;width:9px;height:9px;animation-delay:3.7s}._pixel_18l4e_14:nth-child(18){left:49%;width:10px;height:10px;animation-delay:1.7s}._pixel_18l4e_14:nth-child(19){left:62%;width:12px;height:12px;animation-delay:.5s}._pixel_18l4e_14:nth-child(20){left:19%;width:11px;height:11px;animation-delay:2.2s}@keyframes _risePixel_18l4e_1{0%{bottom:0;opacity:0;transform:scale(.3) translate(0)}3%{opacity:1;transform:scale(1) translate(0)}20%{transform:scale(1) translate(-15px)}40%{transform:scale(1) translate(15px)}60%{transform:scale(1) translate(-10px)}80%{transform:scale(.8) translate(10px)}to{bottom:100vh;opacity:0;transform:scale(.3) translate(0)}}._header_18l4e_85{text-align:center;margin-bottom:40px;position:relative;z-index:1}._title_18l4e_92{font-size:32px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}._subtitle_18l4e_99{font-size:16px;color:var(--color-text-secondary);margin:0}._form_18l4e_105{display:flex;flex-direction:column;gap:32px;position:relative;z-index:1}._inputContainer_18l4e_117{min-height:400px;display:flex;align-items:center;justify-content:center}._error_18l4e_125{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_18l4e_136{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--color-error)}._errorIcon_18l4e_136 svg{width:100%;height:100%}._errorMessage_18l4e_151{flex:1;font-size:15px;color:var(--color-error);line-height:1.5}._errorClose_18l4e_158{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_18l4e_158:hover{background-color:var(--color-bg-card)}._actions_18l4e_180{display:flex;justify-content:center}._generateButton_18l4e_185{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_18l4e_185:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #1a23324d;background:#2a3542}._generateButton_18l4e_185:focus:not(:disabled){outline:none;box-shadow:0 0 0 3px #d4c4a080,0 4px 12px #1a23324d}._generateButton_18l4e_185:active:not(:disabled){transform:translateY(0)}._generateButton_18l4e_185:disabled{opacity:.6;cursor:not-allowed}._buttonIcon_18l4e_223{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-accent-primary)}._buttonIcon_18l4e_223 svg{width:100%;height:100%}._spinner_18l4e_237{width:20px;height:20px;border:3px solid rgba(244,228,188,.3);border-top-color:var(--color-bg-primary);border-radius:50%;animation:_spin_18l4e_237 .8s linear infinite}@keyframes _spin_18l4e_237{to{transform:rotate(360deg)}}._infoPanel_18l4e_253{margin-top:32px;padding:20px;background-color:var(--color-bg-card);border-radius:8px;border-left:4px solid var(--color-accent-primary);box-shadow:0 2px 8px #1a233214;position:relative;z-index:1}._infoItem_18l4e_264{display:flex;align-items:flex-start;gap:12px}._infoIcon_18l4e_270{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--color-accent-primary)}._infoIcon_18l4e_270 svg{width:100%;height:100%}._infoText_18l4e_285{font-size:14px;color:#000;line-height:1.6}@media (max-width: 768px){._container_18l4e_5{padding:24px 12px}._header_18l4e_85{margin-bottom:32px}._title_18l4e_92{font-size:26px}._subtitle_18l4e_99{font-size:14px}._inputContainer_18l4e_117{min-height:300px}._generateButton_18l4e_185{width:100%;padding:14px 32px;font-size:16px}._infoPanel_18l4e_253{margin-top:24px;padding:16px}._infoText_18l4e_285{font-size:13px}}@media (max-width: 480px){._container_18l4e_5{padding:16px 8px!important;width:100%!important;max-width:calc(100vw - 16px)!important;box-sizing:border-box!important;overflow-x:hidden!important;margin:0 auto}._header_18l4e_85{margin-bottom:20px;width:100%}._title_18l4e_92{font-size:22px;word-wrap:break-word}._subtitle_18l4e_99{font-size:13px}._form_18l4e_105{gap:20px;width:100%;max-width:100%}._inputContainer_18l4e_117{min-height:auto;width:100%!important;max-width:100%!important;overflow:hidden!important}._generateButton_18l4e_185{padding:12px 24px;font-size:15px;min-width:auto;width:100%}._infoPanel_18l4e_253{margin-top:16px;padding:12px}._infoText_18l4e_285{font-size:12px}._pixelDecoration_18l4e_14{display:none!important}}._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_u52io_10{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);border-radius:var(--radius-lg)}._small_u52io_21{width:120px;height:120px}._medium_u52io_26{width:200px;height:200px}._large_u52io_31{width:300px;height:300px}._spriteContainer_u52io_38{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%}._sprite_u52io_38{width:80%;height:80%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(160,224,255,.4));opacity:.85}._placeholder_u52io_57{width:60%;height:60%;background:linear-gradient(135deg,#a0e0ff1a,#64b4ff0d);border:2px dashed rgba(160,224,255,.3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#a0e0ff80;font-size:var(--text-xs)}._pixelsContainer_u52io_72{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}._pixel_u52io_72{position:absolute;background:linear-gradient(135deg,#fff,#a0e0ff);animation:_riseAndConverge_u52io_1 3s ease-out infinite;box-shadow:0 0 10px #a0e0ff,0 0 20px #78c8ffcc,0 0 35px #64b4ff80;image-rendering:pixelated;border-radius:1px}._pixel_u52io_72:nth-child(1){left:5%;width:6px;height:6px;animation-delay:0s;animation-duration:2.5s}._pixel_u52io_72:nth-child(2){left:15%;width:5px;height:5px;animation-delay:.3s;animation-duration:3s}._pixel_u52io_72:nth-child(3){left:25%;width:7px;height:7px;animation-delay:.1s;animation-duration:2.8s}._pixel_u52io_72:nth-child(4){left:35%;width:5px;height:5px;animation-delay:.5s;animation-duration:2.3s}._pixel_u52io_72:nth-child(5){left:45%;width:6px;height:6px;animation-delay:.2s;animation-duration:3.2s}._pixel_u52io_72:nth-child(6){left:55%;width:4px;height:4px;animation-delay:.7s;animation-duration:2.7s}._pixel_u52io_72:nth-child(7){left:65%;width:8px;height:8px;animation-delay:1s;animation-duration:2.5s}._pixel_u52io_72:nth-child(8){left:75%;width:6px;height:6px;animation-delay:.8s;animation-duration:3.1s}._pixel_u52io_72:nth-child(9){left:85%;width:4px;height:4px;animation-delay:1.2s;animation-duration:2.6s}._pixel_u52io_72:nth-child(10){left:95%;width:5px;height:5px;animation-delay:.4s;animation-duration:2.9s}._pixel_u52io_72:nth-child(11){left:10%;width:5px;height:5px;animation-delay:1.5s;animation-duration:2.4s}._pixel_u52io_72:nth-child(12){left:90%;width:7px;height:7px;animation-delay:.9s;animation-duration:3.3s}@keyframes _riseAndConverge_u52io_1{0%{bottom:-10%;opacity:0;transform:scale(.3) translate(0)}5%{opacity:1;transform:scale(1) translate(0)}30%{opacity:1;transform:scale(1.1) translate(10px)}60%{opacity:.8;transform:scale(1) translate(-8px)}85%{opacity:.4;transform:scale(.7) translate(0)}to{bottom:110%;opacity:0;transform:scale(.2) translate(0)}}._progressContainer_u52io_138{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:4px}._progressPercentage_u52io_150{font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff;text-shadow:0 0 10px rgba(160,224,255,.8),0 0 20px rgba(100,180,255,.5);letter-spacing:.05em}._small_u52io_21 ._progressPercentage_u52io_150{font-size:var(--text-sm)}._statusMessage_u52io_164{font-size:var(--text-xs);color:#a0e0ffcc;text-align:center;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._progressBar_u52io_176{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0006;z-index:4}._progressFill_u52io_186{height:100%;background:linear-gradient(90deg,#4ecdc4,#a0e0ff,#80d0ff);box-shadow:0 0 10px #4ecdc499;transition:width .3s ease-out}._fadeIn_u52io_195{animation:_fadeIn_u52io_195 .5s ease-out forwards}._fadeOut_u52io_199{animation:_fadeOut_u52io_199 .5s ease-out forwards}@keyframes _fadeIn_u52io_195{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _fadeOut_u52io_199{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}._complete_u52io_227 ._pixelsContainer_u52io_72{animation:_pixelsFadeOut_u52io_1 .5s ease-out forwards}._complete_u52io_227 ._sprite_u52io_38{filter:none;opacity:1}._complete_u52io_227 ._progressContainer_u52io_138{animation:_fadeOut_u52io_199 .3s ease-out forwards}@keyframes _pixelsFadeOut_u52io_1{to{opacity:0;transform:scale(1.2)}}._container_16rz0_3{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem;background:var(--color-bg-primary)}._progressCard_16rz0_12,._successCard_16rz0_13,._errorCard_16rz0_14,._loadingCard_16rz0_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_16rz0_25{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 1rem;text-align:center}._statusText_16rz0_33{font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 2rem;text-align:center}._progressBar_16rz0_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_16rz0_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_16rz0_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_16rz0_70{display:flex;justify-content:space-between;margin:2rem 0;gap:.5rem}._step_16rz0_70{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}._stepIcon_16rz0_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_16rz0_99 ._stepIcon_16rz0_85{background:var(--color-success);color:#fff;border-color:var(--color-success)}._stepCurrent_16rz0_105 ._stepIcon_16rz0_85{background:var(--color-info);color:#fff;border-color:var(--color-info);animation:_pulse_16rz0_1 1.5s infinite;box-shadow:0 0 8px #3b82f64d}._stepLabel_16rz0_113{font-size:.75rem;color:var(--color-text-tertiary);text-align:center}._stepActive_16rz0_99 ._stepLabel_16rz0_113{color:var(--color-success);font-weight:var(--font-weight-semibold)}._stepCurrent_16rz0_105 ._stepLabel_16rz0_113{color:var(--color-info);font-weight:var(--font-weight-bold)}@keyframes _pulse_16rz0_1{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}._infoPanel_16rz0_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_16rz0_147{margin:.5rem 0;font-size:.875rem;color:var(--color-text-secondary)}._loadingCard_16rz0_15{text-align:center}._spinner_16rz0_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_16rz0_158 1s linear infinite;margin:0 auto 1rem}@keyframes _spin_16rz0_158{to{transform:rotate(360deg)}}._loadingText_16rz0_172{color:var(--color-text-secondary);font-size:1rem}._successCard_16rz0_13{text-align:center}._successIcon_16rz0_182{font-size:4rem;margin-bottom:1rem}._successTitle_16rz0_187{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-success);margin:0 0 2rem}._errorCard_16rz0_14{text-align:center}._errorIcon_16rz0_199{font-size:4rem;margin-bottom:1rem}._errorTitle_16rz0_204{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-error);margin:0 0 1rem}._errorMessage_16rz0_211{font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 2rem}._errorActions_16rz0_217{display:flex;gap:1rem;justify-content:center}._primaryButton_16rz0_224,._retryButton_16rz0_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_16rz0_224:hover,._retryButton_16rz0_225:hover{background:#1ea34e;box-shadow:0 2px 8px #22c55e4d}._secondaryButton_16rz0_243,._homeButton_16rz0_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_16rz0_243:hover,._homeButton_16rz0_244:hover{background:var(--color-bg-primary);border-color:var(--color-text-primary);box-shadow:0 2px 4px #1a23321a}._actions_16rz0_263{display:flex;gap:1rem;justify-content:center;margin-top:2rem}._resultPanel_16rz0_271{text-align:left;margin:2rem 0}._resultContainer_16rz0_276{display:flex;flex-direction:column;gap:1.5rem}._resultSection_16rz0_282{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--color-border-default)}._resultSectionTitle_16rz0_289{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 1rem}._resultGrid_16rz0_296{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}._resultItem_16rz0_302{display:flex;flex-direction:column;gap:.25rem}._resultLabel_16rz0_308{font-size:.875rem;color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}._resultValue_16rz0_314{font-size:1rem;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}._statsGrid_16rz0_321{display:flex;flex-direction:column;gap:1rem}._statBar_16rz0_327{display:flex;flex-direction:column;gap:.5rem}._statHeader_16rz0_333{display:flex;justify-content:space-between;align-items:center}._statLabel_16rz0_339{font-size:.875rem;color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}._statValue_16rz0_345{font-size:.875rem;color:var(--color-text-primary);font-weight:var(--font-weight-bold)}._statTrack_16rz0_351{height:8px;background:var(--color-bg-card);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border-default)}._statFill_16rz0_359{height:100%;background:linear-gradient(90deg,var(--color-cyan) 0%,var(--color-cyan-light) 100%);transition:width .3s ease}._animationCount_16rz0_366{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1rem}._animationList_16rz0_372{display:flex;flex-wrap:wrap;gap:.5rem}._animationBadge_16rz0_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_16rz0_389{display:flex;flex-direction:column;gap:1rem}._styleScore_16rz0_395{display:flex;align-items:center;gap:1rem}._scoreLabel_16rz0_401{font-size:1rem;color:var(--color-text-secondary)}._scoreValue_16rz0_406{font-size:1.5rem;font-weight:var(--font-weight-bold)}._scorePassed_16rz0_411{color:var(--color-success)}._scoreFailed_16rz0_415{color:var(--color-error)}._styleFeedback_16rz0_419{font-size:.875rem;color:var(--color-text-secondary);margin:0}._processingTime_16rz0_425{font-size:.875rem;color:var(--color-text-tertiary);text-align:center;margin:0}._containerDark_16rz0_436{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:#0a1628}._animationCard_16rz0_446{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:900px;width:100%;padding:2rem}._titleGlow_16rz0_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_16rz0_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_16rz0_476{font-size:1.25rem;color:#89a;margin:0;text-align:center;font-family:system-ui,-apple-system,sans-serif}._progressBarDark_16rz0_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_16rz0_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_16rz0_507{font-size:.875rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}._stepsDark_16rz0_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_16rz0_525{display:flex;align-items:center;gap:.5rem;opacity:.5}._stepActiveDark_16rz0_532{opacity:1}._stepIconDark_16rz0_536{font-size:.875rem;color:#567}._stepActiveDark_16rz0_532 ._stepIconDark_16rz0_536{color:#22c55e}._stepCurrentDark_16rz0_545 ._stepIconDark_16rz0_536{color:#00d4ff;animation:_pulseDark_16rz0_1 1.5s infinite}._stepLabelDark_16rz0_550{font-size:.875rem;color:#89a}._stepActiveDark_16rz0_532 ._stepLabelDark_16rz0_550{color:#fff}._stepCurrentDark_16rz0_545 ._stepLabelDark_16rz0_550{color:#fff;font-weight:600}@keyframes _pulseDark_16rz0_1{0%,to{opacity:1}50%{opacity:.5}}._infoPanelDark_16rz0_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_16rz0_584{margin:.5rem 0;font-size:.875rem;color:#89a;text-align:center}._infoTextDark_16rz0_584 strong{color:#abc}._errorCardDark_16rz0_599{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:500px;width:100%;padding:2rem;background:linear-gradient(135deg,#1e1428f2,#281e32f2);border:2px solid rgba(220,80,80,.4);border-radius:16px;box-shadow:0 0 30px #dc505026,inset 0 0 30px #0000004d}._errorSpriteContainer_16rz0_615{width:200px;height:200px;display:flex;align-items:center;justify-content:center;opacity:.7;filter:grayscale(30%)}._errorContent_16rz0_625{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}._errorIconDark_16rz0_633{font-size:3rem}._errorTitleDark_16rz0_637{font-size:1.75rem;font-weight:700;color:#ff6b6b;margin:0;text-shadow:0 0 15px rgba(255,107,107,.3)}._errorMessageDark_16rz0_645{font-size:1rem;color:#cbb;margin:0;max-width:400px}._errorProgressDark_16rz0_652{font-size:.875rem;color:#a0e0ffb3;margin:0;padding:.5rem 1rem;background:#a0e0ff1a;border-radius:8px;border:1px solid rgba(160,224,255,.2)}._errorActionsDark_16rz0_662{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}._retryButtonDark_16rz0_670{padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#00d4ff,#00a3cc);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 15px #00d4ff4d}._retryButtonDark_16rz0_670:hover{transform:translateY(-2px);box-shadow:0 0 25px #00d4ff80}._resumeButtonDark_16rz0_688{padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 15px #4ade804d}._resumeButtonDark_16rz0_688:hover{transform:translateY(-2px);box-shadow:0 0 25px #4ade8080}._resumeButtonDark_16rz0_688:disabled{opacity:.7;cursor:not-allowed;transform:none}._homeButtonDark_16rz0_712{padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#abc;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}._homeButtonDark_16rz0_712:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}._createAnotherPrompt_16rz0_734{width:100%;max-width:800px;margin-top:1.5rem;background:linear-gradient(135deg,#ffd7001a,#00d4ff1a);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:1.25rem 1.5rem;animation:_promptGlow_16rz0_1 3s ease-in-out infinite}@keyframes _promptGlow_16rz0_1{0%,to{box-shadow:0 0 20px #ffd7001a}50%{box-shadow:0 0 30px #ffd70033}}._promptContent_16rz0_754{display:flex;align-items:center;gap:1rem}._promptIcon_16rz0_760{font-size:2rem;flex-shrink:0;animation:_sparkle_16rz0_1 2s ease-in-out infinite}@keyframes _sparkle_16rz0_1{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}._promptText_16rz0_775{flex:1}._promptTitle_16rz0_779{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}._promptMessage_16rz0_787{margin:0;font-size:.875rem;color:#abc}._createAnotherButton_16rz0_793{flex-shrink:0;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;color:#0a1628;background:linear-gradient(135deg,gold,orange);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 15px #ffd7004d}._createAnotherButton_16rz0_793:hover{transform:translateY(-2px);box-shadow:0 0 25px #ffd70080;background:linear-gradient(135deg,#ffe44d,#ffb733)}._createAnotherButton_16rz0_793:active{transform:translateY(0)}@media (max-width: 600px){._promptContent_16rz0_754{flex-direction:column;text-align:center;gap:.75rem}._promptText_16rz0_775{order:1}._promptIcon_16rz0_760{order:0}._createAnotherButton_16rz0_793{order:2;width:100%}}._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}}._modalOverlay_1smwr_6{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._modal_1smwr_6{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;width:100%;max-width:400px;box-shadow:0 20px 60px #00000080}._modalTitle_1smwr_30{margin:0 0 .25rem;font-size:1.5rem;color:#fff;text-align:center}._creatorInfo_1smwr_37{margin:0 0 1rem;color:#fff9;font-size:.9rem;text-align:center}._description_1smwr_44{margin:0 0 1.5rem;color:#ffffffb3;text-align:center;font-size:.95rem}._formGroup_1smwr_51{margin-bottom:1rem}._formLabel_1smwr_55{display:block;margin-bottom:.5rem;color:#fffc;font-size:.9rem}._passwordInputWrapper_1smwr_62{position:relative;display:flex;align-items:center}._formInput_1smwr_68{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s}._formInput_1smwr_68:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}._formInput_1smwr_68:disabled{opacity:.6;cursor:not-allowed}._togglePassword_1smwr_90{position:absolute;right:.75rem;background:transparent;border:none;padding:.25rem;cursor:pointer;color:#ffffff80;transition:color .2s}._togglePassword_1smwr_90:hover{color:#fffc}._togglePassword_1smwr_90 svg{width:20px;height:20px}._errorMessage_1smwr_110{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}._modalActions_1smwr_121{display:flex;gap:1rem;margin-top:1.5rem}._button_1smwr_127{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}._button_1smwr_127:disabled{opacity:.5;cursor:not-allowed}._cancel_1smwr_143{background:#ffffff1a;color:#fffc}._cancel_1smwr_143:hover:not(:disabled){background:#ffffff26}._submit_1smwr_152{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}._submit_1smwr_152:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}._container_syz1e_8{position:relative;width:100%}._searchInputWrapper_syz1e_15{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface-secondary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);padding:var(--space-2);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}._searchInputWrapper_syz1e_15:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-primary-glow)}._searchInput_syz1e_15{flex:1;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--color-text-on-light);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);outline:none}._searchInput_syz1e_15::placeholder{color:var(--color-text-on-light-subtle)}._searchButton_syz1e_52,._clearButton_syz1e_53{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:var(--space-2);background:transparent;border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);color:var(--color-text-on-light-muted);cursor:pointer;transition:all var(--transition-normal)}._searchButton_syz1e_52:hover:not(:disabled){border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-primary-glow)}._searchButton_syz1e_52:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-surface-tertiary);color:var(--color-text-on-light-subtle);background:transparent}._searchButton_syz1e_52 svg,._clearButton_syz1e_53 svg{width:1rem;height:1rem}._clearButton_syz1e_53{border-color:var(--color-danger-border);color:var(--color-danger)}._clearButton_syz1e_53:hover{background:var(--color-danger-bg);border-color:var(--color-danger)}._spinner_syz1e_100{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-accent-primary)}._spinner_syz1e_100 svg{animation:_spin_syz1e_100 1s linear infinite}@keyframes _spin_syz1e_100{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._errorMessage_syz1e_120{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center}._resultsDropdown_syz1e_135{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-2);background:var(--color-surface-primary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:300px;overflow-y:auto}._resultsList_syz1e_152{list-style:none;margin:0;padding:var(--space-2)}._resultItem_syz1e_158{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}._resultItem_syz1e_158:hover{background:var(--color-surface-secondary)}._resultItem_syz1e_158:focus{outline:none;background:var(--color-surface-secondary);box-shadow:inset 0 0 0 2px var(--color-accent-primary-glow)}._playerName_syz1e_180{color:var(--color-text-on-light);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}._playerStats_syz1e_191{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium)}._wins_syz1e_200{color:var(--color-success)}._separator_syz1e_204{color:var(--color-text-on-light-subtle)}._losses_syz1e_208{color:var(--color-danger)}._emptyState_syz1e_214{padding:var(--space-6);text-align:center;color:var(--color-text-on-light-subtle);font-family:var(--font-family);font-size:var(--text-sm)}._resultsDropdown_syz1e_135::-webkit-scrollbar{width:8px}._resultsDropdown_syz1e_135::-webkit-scrollbar-track{background:var(--color-surface-secondary);border-radius:var(--radius-full);margin:var(--space-2)}._resultsDropdown_syz1e_135::-webkit-scrollbar-thumb{background:var(--color-surface-tertiary);border-radius:var(--radius-full)}._resultsDropdown_syz1e_135::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}._container_1xzs9_8{background:var(--color-surface-primary);border:2px solid var(--color-border-on-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative;z-index:1;transition:all var(--transition-normal)}._container_1xzs9_8:hover{box-shadow:var(--shadow-card),var(--glow-amber-sm);border-color:var(--color-accent-primary)}._header_1xzs9_26{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}._header_1xzs9_26:hover{background:#1e2a3a08}._header_1xzs9_26:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:-2px}._headerLeft_1xzs9_47{display:flex;align-items:center;gap:var(--space-2)}._title_1xzs9_53{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-on-light)}._chevron_1xzs9_62{width:20px;height:20px;color:var(--color-accent-primary);transition:transform var(--transition-fast);flex-shrink:0}._chevronExpanded_1xzs9_70{transform:rotate(180deg)}._stats_1xzs9_76{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold)}._statWin_1xzs9_84{color:var(--color-success)}._statLoss_1xzs9_88{color:var(--color-danger)}._statDraw_1xzs9_92{color:var(--color-warning)}._statDivider_1xzs9_96{color:var(--color-text-on-light-muted);margin:0 var(--space-1)}._content_1xzs9_103{padding:0 var(--space-5) var(--space-4);border-top:1px solid var(--color-surface-tertiary);animation:_slideDown_1xzs9_1 var(--transition-fast) ease-out}@keyframes _slideDown_1xzs9_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}._battleList_1xzs9_122{list-style:none;margin:0;padding:var(--space-3) 0 0 0}._battleItem_1xzs9_128{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-surface-tertiary)}._battleItem_1xzs9_128:last-child{border-bottom:none}._battleInfo_1xzs9_140{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}._battleName_1xzs9_148{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-on-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._battleMeta_1xzs9_157{font-size:var(--text-sm);color:var(--color-text-on-light-muted)}._battleResult_1xzs9_162{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}._battleDate_1xzs9_169{font-size:var(--text-xs);color:var(--color-text-on-light-subtle);white-space:nowrap}._badge_1xzs9_177{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}._badgeSuccess_1xzs9_187{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}._badgeDanger_1xzs9_193{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}._badgeWarning_1xzs9_199{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}._loadingState_1xzs9_207{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-text-on-light-muted);font-size:var(--text-sm)}._loadingSpinner_1xzs9_217{width:16px;height:16px;border:2px solid var(--color-surface-tertiary);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:_spin_1xzs9_1 1s linear infinite}@keyframes _spin_1xzs9_1{to{transform:rotate(360deg)}}._errorState_1xzs9_234{padding:var(--space-4);margin-top:var(--space-3);background:var(--color-danger-bg);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);text-align:center}._emptyState_1xzs9_246{padding:var(--space-6);text-align:center;color:var(--color-text-on-light-muted);font-size:var(--text-sm)}@media (max-width: 480px){._header_1xzs9_26{padding:var(--space-3) var(--space-4)}._content_1xzs9_103{padding:0 var(--space-4) var(--space-3)}._title_1xzs9_53{font-size:var(--text-base)}._stats_1xzs9_76{font-size:var(--text-xs)}._battleItem_1xzs9_128{flex-direction:column;align-items:flex-start;gap:var(--space-2)}._battleResult_1xzs9_162{width:100%;justify-content:space-between}}._container_8ubrx_6{max-width:1200px;margin:0 auto;padding:2rem;position:relative}._pixelDecoration_8ubrx_15{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}._pixel_8ubrx_15{position:absolute;bottom:0;background:linear-gradient(135deg,#fff,#a0e0ff);box-shadow:0 0 20px #a0e0ff,0 0 40px #78c8ff,0 0 70px #64b4ffe6,0 0 100px #50a0ff99;animation:_risePixel_8ubrx_1 4s ease-out infinite}._pixel_8ubrx_15:nth-child(1){left:7%;width:10px;height:10px;animation-delay:2.1s}._pixel_8ubrx_15:nth-child(2){left:52%;width:12px;height:12px;animation-delay:.4s}._pixel_8ubrx_15:nth-child(3){left:23%;width:9px;height:9px;animation-delay:3.2s}._pixel_8ubrx_15:nth-child(4){left:81%;width:11px;height:11px;animation-delay:1.5s}._pixel_8ubrx_15:nth-child(5){left:35%;width:13px;height:13px;animation-delay:.1s}._pixel_8ubrx_15:nth-child(6){left:94%;width:10px;height:10px;animation-delay:2.8s}._pixel_8ubrx_15:nth-child(7){left:12%;width:8px;height:8px;animation-delay:1.9s}._pixel_8ubrx_15:nth-child(8){left:67%;width:12px;height:12px;animation-delay:.7s}._pixel_8ubrx_15:nth-child(9){left:3%;width:11px;height:11px;animation-delay:3.5s}._pixel_8ubrx_15:nth-child(10){left:45%;width:9px;height:9px;animation-delay:1.1s}._pixel_8ubrx_15:nth-child(11){left:76%;width:14px;height:14px;animation-delay:2.4s}._pixel_8ubrx_15:nth-child(12){left:29%;width:10px;height:10px;animation-delay:.2s}._pixel_8ubrx_15:nth-child(13){left:58%;width:12px;height:12px;animation-delay:3s}._pixel_8ubrx_15:nth-child(14){left:87%;width:8px;height:8px;animation-delay:1.3s}._pixel_8ubrx_15:nth-child(15){left:41%;width:11px;height:11px;animation-delay:2.6s}._pixel_8ubrx_15:nth-child(16){left:16%;width:13px;height:13px;animation-delay:.9s}._pixel_8ubrx_15:nth-child(17){left:71%;width:9px;height:9px;animation-delay:3.7s}._pixel_8ubrx_15:nth-child(18){left:49%;width:10px;height:10px;animation-delay:1.7s}._pixel_8ubrx_15:nth-child(19){left:62%;width:12px;height:12px;animation-delay:.5s}._pixel_8ubrx_15:nth-child(20){left:19%;width:11px;height:11px;animation-delay:2.2s}@keyframes _risePixel_8ubrx_1{0%{bottom:0;opacity:0;transform:scale(.3) translate(0)}3%{opacity:1;transform:scale(1) translate(0)}20%{transform:scale(1) translate(-15px)}40%{transform:scale(1) translate(15px)}60%{transform:scale(1) translate(-10px)}80%{transform:scale(.8) translate(10px)}to{bottom:100vh;opacity:0;transform:scale(.3) translate(0)}}._title_8ubrx_86{color:var(--color-text-on-dark);position:relative;z-index:1}._subtitle_8ubrx_92{color:var(--color-text-on-dark-muted);margin-bottom:3rem;position:relative;z-index:1}._mainActionsGrid_8ubrx_101{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}._mainActionCard_8ubrx_108{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);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}._cardIcon_8ubrx_123{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-bottom:.75rem;color:var(--color-accent-primary);transition:all var(--transition-normal)}._cardIcon_8ubrx_123 svg{width:100%;height:100%}._cardTitle_8ubrx_139{color:var(--color-text-on-light);margin-bottom:1rem}._cardDescription_8ubrx_144{color:var(--color-text-on-light);margin-bottom:1.5rem}._clickableCard_8ubrx_150{cursor:pointer}._clickableCard_8ubrx_150:hover{transform:translateY(-4px);box-shadow:var(--shadow-card),var(--glow-amber);border-color:var(--color-accent-primary)}._clickableCard_8ubrx_150:hover ._cardIcon_8ubrx_123{transform:scale(1.1);color:var(--color-accent-secondary)}._clickableCard_8ubrx_150._disabled_8ubrx_165{opacity:.7;cursor:not-allowed}._clickableCard_8ubrx_150._disabled_8ubrx_165:hover{transform:none;box-shadow:var(--shadow-card);border-color:var(--color-border-on-light)}._joinByKeyCard_8ubrx_177{cursor:default}._joinByKeyCard_8ubrx_177:hover{box-shadow:var(--shadow-card),var(--glow-amber-sm);border-color:var(--color-accent-primary)}._errorMessage_8ubrx_188{margin-top:.75rem;padding:.5rem .75rem;background:var(--color-danger-bg);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.8rem;text-align:center}._button_8ubrx_200{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_8ubrx_200:disabled{cursor:not-allowed;opacity:.5}._button_8ubrx_200._quickPlay_8ubrx_216{background:var(--gradient-battle);color:#fff;box-shadow:var(--shadow-md),var(--glow-purple)}._button_8ubrx_200._quickPlay_8ubrx_216:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #7b5ea780}._button_8ubrx_200._create_8ubrx_227{background:var(--gradient-primary);color:var(--color-bg-primary);box-shadow:var(--shadow-md),var(--glow-amber)}._button_8ubrx_200._create_8ubrx_227:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #f5a62380}._button_8ubrx_200._cancel_8ubrx_238{background:transparent;color:var(--color-text-on-light);border:2px solid var(--color-surface-tertiary)}._button_8ubrx_200._cancel_8ubrx_238:not(:disabled):hover{background:#1e2a3a0d;border-color:var(--color-text-on-light)}._joinByKeyForm_8ubrx_251{display:flex;gap:.5rem}._battleKeyInput_8ubrx_256{width:100%;max-width:140px;padding:.75rem;font-size:1.2rem;font-weight:700;text-align:center;letter-spacing:.3em;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:all var(--transition-fast)}._battleKeyInput_8ubrx_256::placeholder{letter-spacing:.3em;color:var(--color-text-on-light-muted)}._battleKeyInput_8ubrx_256:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}._battleKeyInput_8ubrx_256:disabled{opacity:.5}._joinButton_8ubrx_287{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_8ubrx_287:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #f5a62380}._joinButton_8ubrx_287:disabled{background:var(--color-surface-tertiary);color:var(--color-text-on-light);cursor:not-allowed;opacity:.5;box-shadow:none}._browseSection_8ubrx_315{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);position:relative;z-index:1;transition:all var(--transition-normal)}._browseSection_8ubrx_315:hover{box-shadow:var(--shadow-card),var(--glow-amber-sm);border-color:var(--color-accent-primary)}._browseHeader_8ubrx_331{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}._browseTitle_8ubrx_338{margin:0;color:var(--color-text-on-light);display:flex;align-items:center;gap:.5rem}._browseTitleIcon_8ubrx_346{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-accent-primary)}._browseTitleIcon_8ubrx_346 svg{width:100%;height:100%}._connectionStatus_8ubrx_360{font-size:.85rem;padding:.25rem .75rem;border-radius:var(--radius-full)}._connectionStatus_8ubrx_360._connected_8ubrx_366{background:var(--color-success-bg);color:var(--color-success)}._connectionStatus_8ubrx_360._disconnected_8ubrx_371{background:var(--color-danger-bg);color:var(--color-danger)}._battleCount_8ubrx_376{color:var(--color-text-on-light);margin-bottom:1.5rem;font-size:.9rem}._emptyState_8ubrx_382{text-align:center;padding:3rem;color:var(--color-text-on-light)}._emptyState_8ubrx_382 p{margin-bottom:.5rem}._emptyState_8ubrx_382 p:first-of-type{font-size:1.1rem}._emptyState_8ubrx_382 p:last-of-type{font-size:.9rem}._battleList_8ubrx_402{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}._battleCard_8ubrx_408{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_8ubrx_408:not(._joining_8ubrx_417):hover{border-color:var(--color-accent-secondary);transform:translateY(-2px);box-shadow:var(--shadow-card),var(--glow-cyan)}._battleCard_8ubrx_408._joining_8ubrx_417{background:var(--color-surface-tertiary);cursor:not-allowed;opacity:.6}._battleName_8ubrx_429{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--color-text-on-light)}._hostInfo_8ubrx_436{margin:0 0 .75rem;font-size:.9rem;color:var(--color-text-on-light)}._battleKeyDisplay_8ubrx_442{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_8ubrx_456{position:fixed;inset: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_8ubrx_456{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_8ubrx_480{margin-bottom:1.5rem;color:var(--color-text-on-light)}._formGroup_8ubrx_485{margin-bottom:1.5rem}._formLabel_8ubrx_489{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-on-light)}._formInput_8ubrx_496{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_8ubrx_496:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}._formInput_8ubrx_496:disabled{opacity:.5}._modalActions_8ubrx_517{display:flex;gap:1rem}._modalActions_8ubrx_517 ._button_8ubrx_200{flex:1}._visibilityToggle_8ubrx_528{display:flex;gap:1rem}._visibilityOption_8ubrx_533{flex:1;display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-surface-secondary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}._visibilityOption_8ubrx_533:hover{border-color:var(--color-accent-primary)}._visibilityOption_8ubrx_533._selected_8ubrx_550{border-color:var(--color-accent-primary);background:#f5a6231a}._visibilityOption_8ubrx_533 input[type=radio]{display:none}._visibilityOption_8ubrx_533 ._visibilityIcon_8ubrx_559{font-size:1.5rem;flex-shrink:0}._visibilityOption_8ubrx_533 div{display:flex;flex-direction:column}._visibilityOption_8ubrx_533 strong{color:var(--color-text-on-light);font-size:1rem}._visibilityDesc_8ubrx_574{font-size:.8rem;color:var(--color-text-on-light-muted);margin-top:.25rem}._passwordInputWrapper_8ubrx_582{position:relative;display:flex;align-items:center}._passwordInputWrapper_8ubrx_582 ._formInput_8ubrx_496{padding-right:3rem}._togglePasswordBtn_8ubrx_592{position:absolute;right:.75rem;background:transparent;border:none;padding:.25rem;cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity var(--transition-fast)}._togglePasswordBtn_8ubrx_592:hover{opacity:1}._battleHeader_8ubrx_610{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}._battleHeader_8ubrx_610 ._visibilityIcon_8ubrx_559{font-size:1rem;flex-shrink:0}._battleHeader_8ubrx_610 ._battleName_8ubrx_429{margin:0}._onlinePlayersSidebar_8ubrx_628{position:fixed;right:2rem;top:50%;transform:translateY(-50%);width:280px;max-height:60vh;z-index:10}@media (max-width: 1400px){._onlinePlayersSidebar_8ubrx_628{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:100%;max-height:none;margin-top:2rem}}@media (max-width: 768px){._onlinePlayersSidebar_8ubrx_628{margin-top:1.5rem}}._communityFeedWrapper_8ubrx_660{margin-top:2rem;position:relative;z-index:1}._recentBattlesWrapper_8ubrx_668{margin-top:1.5rem;position:relative;z-index:1}._playerSearchContainer_8ubrx_676{background:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4);margin-bottom:1rem}._playerSearchTitle_8ubrx_684{font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-on-light);margin:0 0 var(--space-3) 0}._battleSizeToggle_8ubrx_694{display:flex;gap:.5rem}._battleSizeOption_8ubrx_699{flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:600;background:var(--color-surface-secondary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-lg);color:var(--color-text-on-light);cursor:pointer;transition:all var(--transition-normal)}._battleSizeOption_8ubrx_699:hover:not(:disabled){border-color:var(--color-accent-primary)}._battleSizeOption_8ubrx_699._selected_8ubrx_550{border-color:var(--color-accent-primary);background:#f5a6231a;color:var(--color-accent-primary)}._battleSizeOption_8ubrx_699:disabled{opacity:.5;cursor:not-allowed}._battleSize_8ubrx_694{font-size:.85rem;font-weight:400;color:var(--color-text-on-light-muted);margin-left:.25rem}._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_1by8f_6{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:4px;z-index:100}._zoomButton_1by8f_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_1by8f_16:hover:not(:disabled){background-color:#000c;transform:scale(1.05)}._zoomButton_1by8f_16:active:not(:disabled){background-color:#000000e6;transform:scale(.95)}._zoomButton_1by8f_16:disabled{opacity:.4;cursor:not-allowed}._zoomButton_1by8f_16:focus-visible{outline:2px solid #4a9eff;outline-offset:2px}@media (max-width: 768px){._zoomControls_1by8f_6{top:44px;right:8px}._zoomButton_1by8f_16{width:32px;height:32px;font-size:20px;border-radius:4px}}@media (max-width: 768px) and (orientation: landscape){._zoomControls_1by8f_6{top:40px;right:calc(8px + env(safe-area-inset-right,0))}._zoomButton_1by8f_16{width:28px;height:28px;font-size:18px}}.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);width:100%;max-width:120px;min-width:80px;box-sizing:border-box;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.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-primary);box-shadow:var(--glow-amber);background:#f5a6231a}.gallery-creature-card.disabled{opacity:.5;cursor:not-allowed}.gallery-creature-card.deployed{border-color:var(--color-success);background:#2ecc711a;position:relative}.gallery-creature-card.deployed:after{content:"Deployed";position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:var(--color-success);color:#fff;font-size:9px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.creature-sprite{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-surface-tertiary)}.creature-sprite img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.creature-name{font-size:var(--text-xs);color:var(--color-text-on-light);text-align:center;font-weight:var(--font-medium);width:100%;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.gallery-creature-card[draggable=true]:active{opacity:.5}.creature-info-button{position:absolute;top:4px;right:4px;background:#f5a623e6;border:1px solid var(--color-accent-primary);border-radius:var(--radius-full);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;padding:0;opacity:0;transform:scale(.8);transition:all var(--transition-normal);z-index:10;box-shadow:var(--shadow-sm)}.gallery-creature-card:hover .creature-info-button{opacity:1;transform:scale(1)}.creature-info-button:hover{background:var(--color-accent-primary);transform:scale(1.1);box-shadow:var(--glow-amber)}.creature-info-button:active{transform:scale(.95)}.gallery-creature-card{position:relative}.creature-detail-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease-out}.creature-detail-modal{background:var(--color-surface-primary);border:2px solid var(--color-accent-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),var(--glow-amber);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-6);position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-button{position:absolute;top:var(--space-3);right:var(--space-3);background:transparent;border:none;color:var(--color-text-on-light-muted);font-size:32px;line-height:1;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)}.modal-close-button:hover{background:#e74c3c1a;color:var(--color-danger);transform:scale(1.1)}.detail-sprite-container{width:128px;height:128px;margin:0 auto var(--space-4);background:var(--color-surface-secondary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-md)}.detail-sprite{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.detail-name{text-align:center;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-title-on-light);margin:0 0 var(--space-3) 0}.detail-race-class{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-on-light-muted);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-surface-tertiary)}.detail-race,.detail-class{font-weight:var(--font-medium)}.detail-separator{color:var(--color-surface-tertiary)}.detail-section{margin-bottom:var(--space-5)}.detail-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-accent-primary);margin:0 0 var(--space-3) 0;text-align:center;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid rgba(245,166,35,.2);padding-bottom:var(--space-2)}.detail-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.detail-stat{background:var(--color-surface-secondary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-2);transition:all var(--transition-normal)}.detail-stat:hover{border-color:var(--color-accent-primary);background:#f5a6230d;transform:translateY(-2px)}.stat-icon{font-size:var(--text-lg)}.stat-label{font-size:var(--text-sm);color:var(--color-text-on-light-muted);font-weight:var(--font-medium)}.stat-value{margin-left:auto;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-accent-primary)}.detail-abilities-grid{display:flex;flex-direction:column;gap:var(--space-2)}.detail-ability{background:var(--color-surface-secondary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);transition:all var(--transition-normal)}.detail-ability:hover{border-color:var(--color-accent-primary);background:#f5a6230d;transform:translate(4px)}.ability-icon{font-size:var(--text-xl);flex-shrink:0}.ability-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-on-light);flex:1}.ability-type{font-size:var(--text-xs);color:var(--color-text-on-light-muted);background:#f5a6231a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:capitalize;font-weight:var(--font-medium)}.detail-size{text-align:center;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-on-light);background:var(--color-surface-secondary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);padding:var(--space-3)}.detail-concept{text-align:center;font-size:var(--text-sm);color:var(--color-text-on-light-subtle);font-style:italic;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-surface-tertiary)}@media (max-width: 768px){.creature-detail-modal{padding:var(--space-4);max-height:85vh}.detail-sprite-container{width:96px;height:96px}.detail-name{font-size:var(--text-lg)}.detail-stats-grid{grid-template-columns:1fr}.detail-race-class{flex-direction:column;gap:var(--space-1)}.detail-separator{display:none}}.creature-detail-modal::-webkit-scrollbar{width:8px}.creature-detail-modal::-webkit-scrollbar-track{background:var(--color-surface-secondary);border-radius:var(--radius-sm)}.creature-detail-modal::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:var(--radius-sm)}.creature-detail-modal::-webkit-scrollbar-thumb:hover{background:#f5a623cc}.thumbnail-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);height:80px;position:relative}.thumbnail-counter{flex-shrink:0;background:#f5a62326;color:var(--color-accent-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-bold);border:2px solid rgba(245,166,35,.3);min-width:48px;text-align:center}.thumbnail-counter.limit-reached{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.thumbnail-list{display:flex;gap:var(--space-2);flex:1;overflow-x:auto;overflow-y:hidden;padding:var(--space-1) 0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(245,166,35,.3) transparent}.thumbnail-list::-webkit-scrollbar{height:4px}.thumbnail-list::-webkit-scrollbar-track{background:transparent}.thumbnail-list::-webkit-scrollbar-thumb{background:#f5a6234d;border-radius:2px}.thumbnail-list::-webkit-scrollbar-thumb:hover{background:#f5a62380}@media (hover: none) and (pointer: coarse){.thumbnail-list{scrollbar-width:none}.thumbnail-list::-webkit-scrollbar{display:none}}.thumbnail-item{flex-shrink:0;width:56px;height:56px;padding:0;border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-md);background:var(--color-surface-secondary);cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-fast);touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.thumbnail-item:hover:not(.disabled){border-color:var(--color-accent-primary);transform:scale(1.05);box-shadow:var(--glow-amber-sm)}.thumbnail-item:active:not(.disabled){transform:scale(.98)}.thumbnail-item.selected{border-color:var(--color-accent-primary);box-shadow:var(--glow-amber);background:#f5a6231a}.thumbnail-item.deployed{border-color:var(--color-success);opacity:.7}.thumbnail-item.disabled{opacity:.4;cursor:not-allowed}.thumbnail-sprite{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.deployed-badge{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--color-success);border-radius:var(--radius-full);border:2px solid var(--color-surface-secondary)}.thumbnail-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:var(--radius-full);background:#1e1e1ee6;border:1px solid rgba(245,166,35,.3);color:var(--color-accent-primary);font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all var(--transition-fast);box-shadow:0 2px 8px #0000004d}.thumbnail-scroll-btn:hover{background:#f5a62333;border-color:var(--color-accent-primary);box-shadow:var(--glow-amber-sm);transform:translateY(-50%) scale(1.1)}.thumbnail-scroll-btn:active{transform:translateY(-50%) scale(.95)}.thumbnail-scroll-left{left:2px}.thumbnail-scroll-right{right:2px}@media (hover: none) and (pointer: coarse){.thumbnail-scroll-btn{display:none}}.expand-button{flex-shrink:0;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-full);background:var(--gradient-primary);color:var(--color-bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);box-shadow:var(--shadow-md),var(--glow-amber-sm)}.expand-button:hover{transform:scale(1.1);box-shadow:var(--shadow-lg),var(--glow-amber)}.expand-button:active{transform:scale(.95)}.expand-icon{font-size:12px;line-height:1}.thumbnail-loading{flex:1;text-align:center;color:var(--color-text-on-light-muted);font-size:var(--text-sm)}@media (hover: none) and (pointer: coarse){.thumbnail-item,.thumbnail-more{width:64px;height:64px}.expand-button{width:44px;height:44px}}@media (min-width: 768px){.thumbnail-row{gap:var(--space-4);padding:var(--space-3) var(--space-6);height:90px}.thumbnail-item,.thumbnail-more{width:64px;height:64px}}.selection-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#f5a62326,#f5a62314);border-bottom:2px solid var(--color-accent-primary);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selection-content{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.selection-sprite{width:48px;height:48px;flex-shrink:0;background:var(--color-surface-secondary);border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--glow-amber-sm)}.selection-sprite img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.selection-info{display:flex;flex-direction:column;min-width:0}.selection-label{font-size:var(--text-xs);color:var(--color-text-on-light-subtle);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-medium)}.selection-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-on-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.selection-hint{font-size:var(--text-sm);color:var(--color-accent-primary);font-weight:var(--font-medium);white-space:nowrap;padding:var(--space-1) var(--space-2);background:#f5a6231a;border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.selection-clear{flex-shrink:0;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-full);background:var(--color-surface-tertiary);color:var(--color-text-on-light-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.selection-clear:hover{background:var(--color-danger);color:#fff;transform:scale(1.1)}.selection-clear:active{transform:scale(.95)}.clear-icon{font-size:20px;line-height:1;font-weight:var(--font-bold)}@media (max-width: 480px){.selection-header{padding:var(--space-2) var(--space-3)}.selection-sprite{width:40px;height:40px}.selection-name{max-width:120px;font-size:var(--text-sm)}.selection-hint{display:none}}@media (hover: none) and (pointer: coarse){.selection-clear{width:44px;height:44px}.clear-icon{font-size:24px}}@media (min-width: 768px){.selection-header{padding:var(--space-3) var(--space-6)}.selection-sprite{width:56px;height:56px}.selection-name{max-width:300px;font-size:var(--text-lg)}}.bottom-sheet-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:calc(var(--z-modal) - 1)}.bottom-sheet-backdrop[data-visible=true]{opacity:1;visibility:visible}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 30px #00000040;z-index:var(--z-modal);--peek-height: 130px;--expanded-height: min(70vh, 500px);height:var(--expanded-height);transform:translateY(calc(100% - var(--peek-height)));transition:transform var(--transition-slow);overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-sheet[data-mode=expanded]{transform:translateY(0)}.bottom-sheet[data-dragging=true]{transition:none}.sheet-drag-handle{display:flex;justify-content:center;align-items:center;padding:var(--space-3) var(--space-4);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.sheet-drag-handle:active{cursor:grabbing}.drag-indicator{width:40px;height:4px;background:var(--color-surface-tertiary);border-radius:var(--radius-full);transition:background var(--transition-fast)}.sheet-drag-handle:hover .drag-indicator{background:var(--color-accent-primary)}.sheet-content{height:calc(100% - 40px);overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-4) var(--space-4)}.sheet-content::-webkit-scrollbar{width:6px}.sheet-content::-webkit-scrollbar-track{background:var(--color-surface-secondary);border-radius:var(--radius-sm)}.sheet-content::-webkit-scrollbar-thumb{background:var(--color-surface-tertiary);border-radius:var(--radius-sm)}.sheet-content::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-surface-tertiary);position:sticky;top:0;background:var(--color-surface-primary);z-index:1}.sheet-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-title-on-light)}.deployment-counter{background:#f5a6231a;color:var(--color-accent-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);border:1px solid rgba(245,166,35,.3)}.deployment-counter.limit-reached{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.limit-warning{padding:var(--space-2) var(--space-3);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);text-align:center;font-weight:var(--font-medium);margin-bottom:var(--space-3)}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3);padding-bottom:var(--space-4)}@media (min-width: 768px){.sheet-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.sheet-loading{padding:var(--space-8);text-align:center;color:var(--color-text-on-light-muted);font-size:var(--text-sm)}.sheet-error{padding:var(--space-6);text-align:center}.sheet-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-primary);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-amber-sm)}.retry-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-amber)}.retry-button:active{transform:translateY(0)}@media (hover: none) and (pointer: coarse){.sheet-drag-handle{padding:var(--space-4)}.drag-indicator{width:48px;height:5px}.sheet-grid{gap:var(--space-2)}}@media (max-height: 500px) and (orientation: landscape){.bottom-sheet{--expanded-height: 85vh;--peek-height: 100px}}@media (min-width: 1024px){.bottom-sheet{--expanded-height: 450px;--peek-height: 140px;max-width:1200px;left:50%;transform:translate(-50%) translateY(calc(100% - var(--peek-height)));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.bottom-sheet[data-mode=expanded]{transform:translate(-50%) translateY(0)}}.ready-panel{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fffffff2;border-radius:var(--radius-lg);border:2px solid var(--color-surface-tertiary);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.ready-panel.countdown{border-color:var(--color-accent-primary);box-shadow:var(--shadow-lg),0 0 15px #f5a6234d}.ready-panel.urgent{border-color:var(--color-danger);box-shadow:var(--shadow-lg),0 0 15px #e74c3c4d;animation:urgentPulse .5s ease-in-out infinite}.ready-panel.locked{border-color:var(--color-success);background:#2ecc7126}.opponent-status{display:flex;align-items:center;gap:var(--space-2)}.status-label{color:var(--color-text-on-light-muted);font-size:var(--text-sm);font-weight:var(--font-medium)}.status-value{font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.status-value.ready{color:var(--color-success);background:#2ecc7126}.status-value.not-ready{color:var(--color-text-on-light-muted);background:var(--color-surface-secondary)}.timer{display:flex;align-items:baseline;padding:var(--space-1) var(--space-3);background:#f5a62326;border-radius:var(--radius-md);border:1px solid rgba(245,166,35,.3)}.timer.urgent{background:#e74c3c26;border-color:#e74c3c4d}.timer-value{font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--color-accent-primary);line-height:1}.timer.urgent .timer-value{color:var(--color-danger)}.timer-label{font-size:var(--text-sm);color:var(--color-text-on-light-muted);margin-left:2px}.ready-action{display:flex}.ready-button{padding:var(--space-2) 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);white-space:nowrap}.ready-button.active{background:var(--gradient-primary);color:var(--color-bg-primary);box-shadow:var(--shadow-md),var(--glow-amber)}.ready-button.active:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #f5a62380}.ready-button.cancel{background:var(--color-surface-tertiary);color:var(--color-text-on-light)}.ready-button.cancel:hover{background:var(--color-surface-secondary)}.ready-button.disabled{background:var(--color-surface-secondary);color:var(--color-text-on-light-muted);cursor:not-allowed;opacity:.7}.locked-message{display:flex;align-items:center;gap:var(--space-2)}.locked-text{color:var(--color-success);font-size:var(--text-base);font-weight:var(--font-semibold);animation:textPulse 1s ease-in-out infinite}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.7}}._pill_1k4ll_1{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}._dot_1k4ll_12{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}._text_1k4ll_19{line-height:1}._connected_1k4ll_24{background:#2ecc7126;color:var(--color-success);border:1px solid rgba(46,204,113,.3)}._connected_1k4ll_24 ._dot_1k4ll_12{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}._waiting_1k4ll_36{background:#f5a62326;color:var(--color-accent-primary);border:1px solid rgba(245,166,35,.3)}._waiting_1k4ll_36 ._dot_1k4ll_12{background:var(--color-accent-primary);box-shadow:0 0 6px var(--color-accent-primary);animation:_pulse_1k4ll_1 1.5s ease-in-out infinite}._connecting_1k4ll_49{background:#95a5a626;color:var(--color-text-on-light-muted);border:1px solid rgba(149,165,166,.3)}._connecting_1k4ll_49 ._dot_1k4ll_12{background:var(--color-text-on-light-muted);animation:_pulse_1k4ll_1 1s ease-in-out infinite}._error_1k4ll_61{background:#e74c3c26;color:var(--color-danger);border:1px solid rgba(231,76,60,.3)}._error_1k4ll_61 ._dot_1k4ll_12{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}@keyframes _pulse_1k4ll_1{0%,to{opacity:1}50%{opacity:.5}}._container_8jx0n_1{background:var(--color-surface-primary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-card)}._mainRow_8jx0n_9{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}._linkSection_8jx0n_16{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:300px}._label_8jx0n_24{color:var(--color-text-on-light-muted);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap}._linkInput_8jx0n_31{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);color:var(--color-text-on-light);font-family:var(--font-mono);font-size:var(--text-xs);outline:none;transition:all var(--transition-normal)}._linkInput_8jx0n_31:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-primary-glow)}._actions_8jx0n_49{display:flex;gap:var(--space-2)}._copyButton_8jx0n_54,._openButton_8jx0n_55{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}._copyButton_8jx0n_54{background:var(--gradient-primary);color:var(--color-bg-primary);box-shadow:var(--shadow-sm)}._copyButton_8jx0n_54:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}._openButton_8jx0n_55{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}._openButton_8jx0n_55:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.1)}._instructionsDetails_8jx0n_89{margin-top:var(--space-2)}._instructionsSummary_8jx0n_93{color:var(--color-text-on-light-muted);font-size:var(--text-xs);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-1) 0}._instructionsSummary_8jx0n_93:hover{color:var(--color-accent-primary)}._instructionsList_8jx0n_105{margin:var(--space-2) 0 0 0;padding-left:var(--space-5);color:var(--color-text-on-light-muted);font-size:var(--text-xs);line-height:var(--leading-relaxed)}._instructionsList_8jx0n_105 li{margin-bottom:var(--space-1)}._instructionsList_8jx0n_105 li:last-child{margin-bottom:0}._container_wvgtt_7{display:flex;justify-content:center;margin:16px auto;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(78,205,196,.3);border-radius:12px;padding:12px 20px;max-width:500px;width:fit-content}._playerSection_wvgtt_20{display:flex;align-items:center;justify-content:space-between;gap:20px}._player_wvgtt_20{flex:1;text-align:center;padding:8px 16px;border-radius:8px;background:#1a1a2e99;border:1px solid rgba(78,205,196,.2);transition:all .3s ease}._currentPlayer_wvgtt_37{background:#4ecdc41a;border-color:#4ecdc4;box-shadow:0 0 10px #4ecdc44d}._playerHeader_wvgtt_43{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}._playerLabel_wvgtt_51{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#a0a0a0}._playerName_wvgtt_58{font-size:1.1rem;font-weight:600;color:#e0e0e0;margin:4px 0}._connectedDot_wvgtt_65{width:8px;height:8px;border-radius:50%;background:#4ecdc4;animation:_pulse_wvgtt_1 2s ease-in-out infinite}@keyframes _pulse_wvgtt_1{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}._readyBadge_wvgtt_84{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#4ecdc4,#44a39f);color:#0a0a0f;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-top:4px}._vs_wvgtt_97{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#f5a623,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px}@media (max-width: 768px){._container_wvgtt_7{min-width:320px;width:calc(100% - 32px);padding:10px 16px}._playerSection_wvgtt_20{gap:12px}._player_wvgtt_20{padding:6px 12px}._playerName_wvgtt_58{font-size:.95rem}._vs_wvgtt_97{font-size:1.2rem}}._hud_gdxmy_8{position:fixed;top:0;left:0;right:0;height:36px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#1e2a3af2;border-bottom:1px solid rgba(255,255,255,.1);z-index:200;padding-top:env(safe-area-inset-top,0);height:calc(36px + env(safe-area-inset-top,0))}._menuButton_gdxmy_26{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffe6;cursor:pointer;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}._menuButton_gdxmy_26:hover,._menuButton_gdxmy_26:active{background:#fff3}._roundNumber_gdxmy_47{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3}._divider_gdxmy_55{color:#ffffff4d;font-size:14px}._score_gdxmy_60{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}._yourScore_gdxmy_68{color:#f5a623}._scoreDash_gdxmy_72{color:#ffffff80}._opponentScore_gdxmy_76{color:#e74c3c}._firstRound_gdxmy_80{font-size:12px;color:#ffffff80;font-style:italic}@media (orientation: landscape) and (max-height: 500px){._hud_gdxmy_8{height:32px;padding:0 16px;padding-left:calc(16px + env(safe-area-inset-left,0));padding-right:calc(16px + env(safe-area-inset-right,0))}._menuButton_gdxmy_26{width:28px;height:28px}._roundNumber_gdxmy_47{font-size:11px}._score_gdxmy_60{font-size:13px}}._backdrop_18k2x_10{position:fixed;inset:0;z-index:299;background:#00000080;opacity:0;transition:opacity .3s ease}._backdrop_18k2x_10._visible_18k2x_19{opacity:1}._sheet_18k2x_25{position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--color-bg-primary);border-radius:16px 16px 0 0;padding:var(--space-5);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px #0000004d;transform:translateY(100%);transition:transform .3s ease-out;max-height:60vh;overflow-y:auto}._sheet_18k2x_25._open_18k2x_42{transform:translateY(0)}._dragHandle_18k2x_48{width:40px;height:4px;background:var(--color-text-on-dark-subtle);border-radius:var(--radius-full);margin:0 auto var(--space-4)}._title_18k2x_58{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-on-dark);margin:0 0 var(--space-4);text-align:center}._menuItems_18k2x_68{display:flex;flex-direction:column;gap:var(--space-3)}._leaveButton_18k2x_76{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);-webkit-tap-highlight-color:transparent}._leaveButton_18k2x_76:hover,._leaveButton_18k2x_76:active{background:#e74c3c40;border-color:#e74c3c80}._leaveButton_18k2x_76 svg{flex-shrink:0}._closeButton_18k2x_106{display:block;width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-bg-secondary);color:var(--color-text-on-dark);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--transition-fast);-webkit-tap-highlight-color:transparent}._closeButton_18k2x_106:hover,._closeButton_18k2x_106:active{background:var(--color-bg-tertiary)}@media (orientation: landscape) and (max-height: 500px){._sheet_18k2x_25{padding:var(--space-3);padding-left:calc(var(--space-3) + env(safe-area-inset-left,0));padding-right:calc(var(--space-3) + env(safe-area-inset-right,0));padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));max-height:80vh}._title_18k2x_58{font-size:var(--text-base);margin-bottom:var(--space-3)}._leaveButton_18k2x_76{padding:var(--space-3)}._closeButton_18k2x_106{margin-top:var(--space-3);padding:var(--space-2) var(--space-4)}}._overlay_adamq_10{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:_fadeIn_adamq_1 .5s ease-out forwards;overflow-y:auto;overscroll-behavior:contain;height:100vh;height:100dvh;scrollbar-width:thin;scrollbar-color:rgba(245,237,224,.3) rgba(30,42,58,.3)}._overlay_adamq_10::-webkit-scrollbar{width:8px}._overlay_adamq_10::-webkit-scrollbar-track{background:#1e2a3a4d;border-radius:var(--radius-sm)}._overlay_adamq_10::-webkit-scrollbar-thumb{background:#f5ede04d;border-radius:var(--radius-sm)}._overlay_adamq_10::-webkit-scrollbar-thumb:hover{background:#f5ede080}._backdrop_adamq_53{position:absolute;inset:0;background:#000000d9;animation:_fadeIn_adamq_1 .5s ease-out forwards}._content_adamq_60{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8);max-width:1100px;width:95%;animation:_scaleIn_adamq_1 .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.2s;opacity:0;padding-top:max(var(--space-8),env(safe-area-inset-top,var(--space-8)));padding-bottom:max(var(--space-8),env(safe-area-inset-bottom,var(--space-8)))}._twoColumnLayout_adamq_81{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);width:100%;align-items:start}._leftColumn_adamq_89{display:flex;flex-direction:column;gap:var(--space-6)}._rightColumn_adamq_95{display:flex;flex-direction:column;height:100%}._rightColumn_adamq_95>*{flex:1;display:flex;flex-direction:column}._outcomeDisplay_adamq_110{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}._outcomeText_adamq_118{font-size:clamp(3rem,8vw,5rem);font-weight:var(--font-bold);letter-spacing:.1em;margin:0;text-transform:uppercase;animation:_pulse_adamq_1 2s ease-in-out infinite}._victory_adamq_128{color:var(--color-accent-primary);text-shadow:var(--glow-amber),var(--glow-amber-lg),0 0 50px rgba(245,166,35,.6)}._defeat_adamq_137{color:var(--color-danger);text-shadow:0 0 15px rgba(231,76,60,.3),0 0 25px rgba(231,76,60,.2);opacity:.9}._draw_adamq_146{color:#9ca3af;text-shadow:0 0 15px rgba(156,163,175,.3),0 0 25px rgba(156,163,175,.2);opacity:.85}._reasonText_adamq_154{font-size:var(--text-xl);color:var(--color-text-on-dark-muted);margin:0;letter-spacing:.05em}._statisticsContainer_adamq_163{display:flex;flex-direction:column;gap:var(--space-6);width:100%;padding:var(--space-6);background:#1e2a3a99;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);color:var(--color-text-on-dark);min-height:200px;align-items:center;justify-content:center}._actionButtons_adamq_180{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}._seriesRecord_adamq_190{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:#1e2a3acc;border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin-bottom:var(--space-4)}._seriesLabel_adamq_202{font-size:var(--text-sm);color:var(--color-text-on-dark-muted);text-transform:uppercase;letter-spacing:.1em}._seriesScore_adamq_209{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold)}._yourScore_adamq_217{color:var(--color-accent-primary)}._scoreDivider_adamq_221{color:var(--color-text-on-dark-muted)}._opponentScore_adamq_225{color:var(--color-danger)}._draws_adamq_229{font-size:var(--text-sm);color:var(--color-text-on-dark-muted);margin-left:var(--space-2)}._buttonRow_adamq_235{display:flex;gap:var(--space-4)}._returnButton_adamq_240{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-on-dark);background:linear-gradient(135deg,var(--color-accent-secondary),var(--color-accent-secondary-hover));border:2px solid var(--color-accent-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--glow-cyan-sm)}._returnButton_adamq_240:hover{background:var(--color-accent-secondary-hover);box-shadow:var(--glow-cyan);transform:translateY(-2px)}._returnButton_adamq_240:active{transform:translateY(0)}@keyframes _fadeIn_adamq_1{0%{opacity:0}to{opacity:1}}@keyframes _scaleIn_adamq_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes _pulse_adamq_1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){._content_adamq_60{gap:var(--space-4);padding:var(--space-4)}._twoColumnLayout_adamq_81{grid-template-columns:1fr;gap:var(--space-4)}._leftColumn_adamq_89{gap:var(--space-4)}._outcomeText_adamq_118{font-size:clamp(2rem,10vw,3rem)}._reasonText_adamq_154{font-size:var(--text-lg)}._statisticsContainer_adamq_163{padding:var(--space-4);min-height:150px}._returnButton_adamq_240{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}}@media (max-width: 480px){._content_adamq_60{gap:var(--space-4);padding:var(--space-6)}._outcomeText_adamq_118{font-size:clamp(1.5rem,12vw,2.5rem)}._reasonText_adamq_154{font-size:var(--text-base)}._statisticsContainer_adamq_163{padding:var(--space-3);min-height:120px}._returnButton_adamq_240{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}}._statisticsDisplay_adamq_358{width:100%;max-width:600px;margin:0 auto;padding:var(--space-6);background:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}._statsHeader_adamq_368{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border-on-light);margin-bottom:var(--space-4)}._headerPlayer_adamq_381{text-align:center;font-weight:var(--font-bold);font-size:var(--text-sm);letter-spacing:.05em;color:var(--color-text-on-light-muted);text-transform:uppercase}._headerPlayer_adamq_381._highlighted_adamq_390{color:var(--color-accent-primary);font-weight:var(--font-bold)}._statsGrid_adamq_395{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}._statRow_adamq_402{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);align-items:center;padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md);opacity:0;animation:_statRowFadeIn_adamq_1 .3s ease forwards}@keyframes _statRowFadeIn_adamq_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._statLabel_adamq_425{font-weight:var(--font-medium);color:var(--color-text-on-light);font-size:var(--text-base)}._statValue_adamq_431{text-align:center;font-weight:var(--font-semibold);font-size:var(--text-lg);color:var(--color-text-on-light-muted)}._statValue_adamq_431._highlighted_adamq_390{color:var(--color-accent-primary);font-weight:var(--font-bold)}._durationDisplay_adamq_443{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--color-border-on-light);font-size:var(--text-base);color:var(--color-text-on-light-muted)}._durationLabel_adamq_451{font-weight:var(--font-medium)}._durationValue_adamq_455{font-weight:var(--font-bold);color:var(--color-text-on-light);margin-left:var(--space-2)}._button_adamq_235{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:var(--font-semibold);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-family);min-width:180px;text-transform:uppercase;letter-spacing:.05em}._button_adamq_235._primary_adamq_478{background:var(--color-accent-primary);color:var(--color-text-on-dark);box-shadow:var(--glow-amber-sm)}._button_adamq_235._primary_adamq_478:hover{background:var(--color-accent-primary-hover);box-shadow:var(--glow-amber);transform:translateY(-2px)}._button_adamq_235._primary_adamq_478:active{transform:translateY(0);box-shadow:var(--glow-amber-sm)}._button_adamq_235._primary_adamq_478:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}._button_adamq_235._secondary_adamq_501{background:transparent;color:var(--color-accent-secondary);border:2px solid var(--color-accent-secondary);box-shadow:var(--glow-cyan-sm)}._button_adamq_235._secondary_adamq_501:hover{background:var(--color-accent-secondary);color:var(--color-text-on-dark);box-shadow:var(--glow-cyan);transform:translateY(-2px)}._button_adamq_235._secondary_adamq_501:active{transform:translateY(0);box-shadow:var(--glow-cyan-sm)}._button_adamq_235._secondary_adamq_501:focus-visible{outline:2px solid var(--color-accent-secondary);outline-offset:2px}@media (max-width: 768px){._statisticsDisplay_adamq_358{padding:var(--space-4)}._statsHeader_adamq_368,._statRow_adamq_402{grid-template-columns:1.5fr 1fr 1fr;gap:var(--space-2)}._statLabel_adamq_425{font-size:var(--text-sm)}._statValue_adamq_431{font-size:var(--text-base)}._actionButtons_adamq_180{flex-direction:column;gap:var(--space-3)}._button_adamq_235{width:100%;min-width:auto}}@media (max-height: 800px){._content_adamq_60{gap:var(--space-6);padding:var(--space-8);padding-top:max(var(--space-8),env(safe-area-inset-top,var(--space-8)));padding-bottom:max(var(--space-8),env(safe-area-inset-bottom,var(--space-8)))}._outcomeText_adamq_118{font-size:clamp(2rem,6vw,3.5rem)}._statisticsContainer_adamq_163{min-height:150px}}@media (max-height: 600px){._content_adamq_60{gap:var(--space-4);padding:var(--space-6);padding-top:max(var(--space-6),env(safe-area-inset-top,var(--space-6)));padding-bottom:max(var(--space-6),env(safe-area-inset-bottom,var(--space-6)))}._outcomeText_adamq_118{font-size:clamp(1.5rem,5vw,2.5rem)}._reasonText_adamq_154{font-size:var(--text-base)}._statisticsContainer_adamq_163{min-height:120px;padding:var(--space-3)}._statisticsDisplay_adamq_358{padding:var(--space-3)}._statsGrid_adamq_395{gap:var(--space-2)}._statRow_adamq_402{padding:var(--space-2)}._actionButtons_adamq_180{margin-top:var(--space-2)}._button_adamq_235{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-width:150px}}@media (max-height: 500px) and (orientation: landscape){._content_adamq_60{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);max-width:100%;width:100%}._outcomeDisplay_adamq_110{flex:1 1 40%;min-width:200px}._statisticsDisplay_adamq_358{flex:1 1 50%;min-width:300px}._actionButtons_adamq_180{width:100%;justify-content:center;margin-top:var(--space-2)}._button_adamq_235{min-width:140px}}._bannerContainer_zbi4p_9{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:400px}._particleContainer_zbi4p_21{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:10}._particle_zbi4p_21{position:absolute;left:50%;top:50%;width:var(--size);height:var(--size);background:var(--color);border-radius:50%;box-shadow:0 0 10px var(--color),0 0 20px var(--color),0 0 30px var(--color);animation:_particleConverge_zbi4p_1 1s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:var(--delay);transform:translate(var(--start-x),var(--start-y));opacity:0}@keyframes _particleConverge_zbi4p_1{0%{transform:translate(var(--start-x),var(--start-y)) scale(.5);opacity:0}10%{opacity:1}70%{opacity:1}90%{transform:translate(0) scale(1.5);opacity:.8}to{transform:translate(0) scale(0);opacity:0}}._flash_zbi4p_70{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(155,89,182,.8) 30%,rgba(52,152,219,.5) 50%,rgba(243,156,18,.3) 70%,transparent 100%);border-radius:50%;opacity:0;pointer-events:none;z-index:15}._flash_zbi4p_70._active_zbi4p_91{animation:_flashBurst_zbi4p_1 .4s ease-out forwards}@keyframes _flashBurst_zbi4p_1{0%{width:0;height:0;opacity:1}50%{width:600px;height:600px;opacity:.9}to{width:800px;height:800px;opacity:0}}._bannerWrapper_zbi4p_115{position:relative;opacity:0;transform:scale(.7);z-index:20;transition:none}._bannerWrapper_zbi4p_115._visible_zbi4p_123{animation:_bannerReveal_zbi4p_1 .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes _bannerReveal_zbi4p_1{0%{opacity:0;transform:scale(.7);filter:brightness(3) saturate(1.5)}40%{opacity:1;filter:brightness(2) saturate(1.3)}to{opacity:1;transform:scale(1);filter:brightness(1) saturate(1)}}._bannerImage_zbi4p_144{max-width:min(700px,90vw);height:auto;display:block;mix-blend-mode:multiply;filter:drop-shadow(0 0 30px rgba(155,89,182,.5)) drop-shadow(0 0 60px rgba(52,152,219,.3))}._usernameContainer_zbi4p_156{position:absolute;bottom:22%;left:50%;transform:translate(-50%);width:55%;text-align:center;opacity:0;pointer-events:none}._usernameContainer_zbi4p_156._visible_zbi4p_123{animation:_usernameFadeIn_zbi4p_1 .5s ease-out forwards}@keyframes _usernameFadeIn_zbi4p_1{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}._username_zbi4p_156{font-family:Cinzel,Times New Roman,serif;font-size:clamp(1.2rem,3vw,2rem);font-weight:700;color:#3d2914;text-shadow:1px 1px 0 rgba(255,255,255,.3),-1px -1px 0 rgba(0,0,0,.1);letter-spacing:.05em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}@media (max-width: 768px){._bannerContainer_zbi4p_9{min-height:300px}._bannerImage_zbi4p_144{max-width:min(500px,95vw)}._usernameContainer_zbi4p_156{bottom:20%;width:50%}._username_zbi4p_156{font-size:clamp(1rem,4vw,1.5rem)}@keyframes _flashBurst_zbi4p_1{0%{width:0;height:0;opacity:1}50%{width:400px;height:400px;opacity:.9}to{width:500px;height:500px;opacity:0}}}@media (max-width: 480px){._bannerContainer_zbi4p_9{min-height:250px}._bannerImage_zbi4p_144{max-width:98vw}._usernameContainer_zbi4p_156{bottom:18%;width:45%}._username_zbi4p_156{font-size:clamp(.9rem,5vw,1.2rem)}}@media (max-height: 800px){._bannerContainer_zbi4p_9{min-height:350px}._bannerImage_zbi4p_144{max-width:min(600px,85vw)}@keyframes _flashBurst_zbi4p_1{0%{width:0;height:0;opacity:1}50%{width:500px;height:500px;opacity:.9}to{width:650px;height:650px;opacity:0}}}@media (max-height: 600px){._bannerContainer_zbi4p_9{min-height:250px}._bannerImage_zbi4p_144{max-width:min(450px,80vw)}._usernameContainer_zbi4p_156{bottom:18%}._username_zbi4p_156{font-size:clamp(.9rem,3vw,1.3rem)}@keyframes _flashBurst_zbi4p_1{0%{width:0;height:0;opacity:1}50%{width:350px;height:350px;opacity:.9}to{width:450px;height:450px;opacity:0}}}@media (max-height: 500px) and (orientation: landscape){._bannerContainer_zbi4p_9{min-height:180px}._bannerImage_zbi4p_144{max-width:min(350px,40vw);max-height:45vh}._usernameContainer_zbi4p_156{bottom:15%;width:60%}._username_zbi4p_156{font-size:clamp(.8rem,2vw,1.1rem)}@keyframes _flashBurst_zbi4p_1{0%{width:0;height:0;opacity:1}50%{width:250px;height:250px;opacity:.9}to{width:350px;height:350px;opacity:0}}}@keyframes _cardReveal_11mfe_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes _starPulse_11mfe_1{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}._card_11mfe_23{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#1e1e28cc;border-radius:8px;border:2px solid rgba(100,100,120,.3);min-width:180px;max-width:220px;opacity:0;animation:_cardReveal_11mfe_1 .3s ease-out forwards;transition:border-color .2s ease,box-shadow .2s ease}._alive_11mfe_43{border-color:#4f46}._alive_11mfe_43:hover{border-color:#44ff44b3;box-shadow:0 0 10px #4f43}._dead_11mfe_53{filter:saturate(.5);border-color:#9696964d}._dead_11mfe_53 ._avatar_11mfe_58{filter:grayscale(70%)}._mvp_11mfe_63{border-color:#ffd70099;box-shadow:0 0 15px #ffd7004d;background:linear-gradient(135deg,#ffd7001a,#1e1e28cc 50%)}._mvp_11mfe_63:hover{border-color:#ffd700e6;box-shadow:0 0 20px #ffd70066}._avatar_11mfe_58{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4a4a5a,#2a2a3a);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}._portrait_11mfe_93{width:100%;height:100%;object-fit:cover;border-radius:50%}._initial_11mfe_100{font-size:24px;font-weight:700;color:#ddd;text-transform:uppercase}._skull_11mfe_107{position:absolute;bottom:-4px;right:-4px;font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}._info_11mfe_116{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}._nameRow_11mfe_124{display:flex;align-items:center;gap:6px}._name_11mfe_124{font-size:14px;font-weight:600;color:#eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._mvpStar_11mfe_139{color:gold;font-size:16px;text-shadow:0 0 8px rgba(255,215,0,.6);animation:_starPulse_11mfe_1 2s ease-in-out infinite}._stats_11mfe_147{display:flex;align-items:center;gap:8px;font-size:12px}._damage_11mfe_154{color:#f88;font-weight:500}._healing_11mfe_159{color:#8f8;font-weight:500}._survived_11mfe_164{color:#4f4;font-size:14px}._defeated_11mfe_169{color:#f44;font-size:14px}._container_ilu7s_6{margin:24px 0;padding:16px;background:#14141e99;border-radius:12px;border:1px solid rgba(100,100,120,.2)}._heading_ilu7s_14{text-align:center;font-size:18px;font-weight:700;color:#ccc;letter-spacing:2px;margin:0 0 20px;text-transform:uppercase}._roster_ilu7s_24{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}._teamColumn_ilu7s_31{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}._teamLabel_ilu7s_39{font-size:14px;font-weight:600;color:#aaa;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}._creatureList_ilu7s_48{display:flex;flex-direction:column;gap:8px;width:100%;max-width:220px}._divider_ilu7s_56{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#666;font-size:16px;font-weight:700;flex-shrink:0}._divider_ilu7s_56 span{padding:8px 12px;background:#32323c80;border-radius:4px}._empty_ilu7s_73{text-align:center;color:#666;font-style:italic;padding:20px;font-size:13px}@media (max-width: 600px){._roster_ilu7s_24{flex-direction:column;align-items:center}._divider_ilu7s_56{margin:12px 0}._teamColumn_ilu7s_31{width:100%}._creatureList_ilu7s_48{max-width:280px}}@media (max-height: 700px){._container_ilu7s_6{max-height:300px;overflow-y:auto}}._container_1lqu4_10{width:100%;max-width:600px;margin:0 auto;background:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}._header_1lqu4_27{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-surface-secondary);border:none;cursor:pointer;transition:background-color var(--transition-fast);font-family:var(--font-family)}._header_1lqu4_27:hover{background:#1e2a3a80}._header_1lqu4_27:focus-visible{outline:2px solid var(--color-accent-secondary);outline-offset:-2px}._headerTitle_1lqu4_49{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-text-on-light)}._headerIcon_1lqu4_58{font-size:var(--text-lg)}._entryCount_1lqu4_62{font-weight:var(--font-normal);font-size:var(--text-sm);color:var(--color-text-on-light-muted);margin-left:var(--space-1)}._expandIcon_1lqu4_69{font-size:var(--text-sm);color:var(--color-text-on-light-muted);transition:transform var(--transition-normal)}._expandIcon_1lqu4_69._expanded_1lqu4_75{transform:rotate(180deg)}._content_1lqu4_81{max-height:0;overflow:hidden;transition:max-height var(--transition-normal) ease-out;flex:0}._content_1lqu4_81._contentExpanded_1lqu4_88{max-height:none;flex:1;min-height:0;overflow:hidden}._scrollArea_1lqu4_97{height:100%;max-height:400px;overflow-y:auto;padding:var(--space-2) 0;background:var(--color-surface-primary);scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.4) transparent}._scrollArea_1lqu4_97::-webkit-scrollbar{width:6px}._scrollArea_1lqu4_97::-webkit-scrollbar-track{background:transparent}._scrollArea_1lqu4_97::-webkit-scrollbar-thumb{background:#64646466;border-radius:3px}._scrollArea_1lqu4_97::-webkit-scrollbar-thumb:hover{background:#64646499}._entryRow_1lqu4_129{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);line-height:1.4;border-left:3px solid;margin-left:var(--space-3);transition:background-color var(--transition-fast)}._entryRow_1lqu4_129:hover{background:#0000000d}._entryIcon_1lqu4_145{flex-shrink:0;font-size:var(--text-sm)}._entryMessage_1lqu4_150{flex:1;color:var(--color-text-on-light);word-break:break-word}._entryTick_1lqu4_156{flex-shrink:0;font-size:10px;font-family:var(--font-mono, monospace);color:var(--color-text-on-light-muted);opacity:.6;padding:1px 4px;background:#00000014;border-radius:var(--radius-xs)}._emptyState_1lqu4_169{padding:var(--space-8);text-align:center;color:var(--color-text-on-light-muted);font-style:italic;font-size:var(--text-sm)}@media (max-width: 768px){._container_1lqu4_10{border-radius:var(--radius-md);max-height:300px}._header_1lqu4_27{padding:var(--space-3) var(--space-4)}._headerTitle_1lqu4_49{font-size:var(--text-sm)}._entryRow_1lqu4_129{padding:var(--space-2) var(--space-3);font-size:12px}._scrollArea_1lqu4_97{max-height:220px}}@media (max-width: 480px){._container_1lqu4_10{max-height:250px}._header_1lqu4_27{padding:var(--space-2) var(--space-3)}._entryRow_1lqu4_129{margin-left:var(--space-2);border-left-width:2px}._entryTick_1lqu4_156{display:none}._scrollArea_1lqu4_97{max-height:180px}}@media (max-height: 700px){._scrollArea_1lqu4_97{max-height:200px}}@media (max-height: 600px){._scrollArea_1lqu4_97{max-height:150px}}@keyframes _fadeIn_8pcaq_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_8pcaq_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._overlay_8pcaq_27{position:fixed;inset:0;background-color:#000000b3;z-index:400;display:flex;align-items:center;justify-content:center;animation:_fadeIn_8pcaq_1 var(--transition-normal) ease-out}._panel_8pcaq_38{position:relative;background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:90%;border:1px solid var(--color-border-light);box-shadow:var(--shadow-xl);animation:_slideUp_8pcaq_1 var(--transition-slow) ease-out}._title_8pcaq_50{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-on-dark);margin:0 0 var(--space-5) 0;padding-right:var(--space-8)}._controlList_8pcaq_58{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}._controlItem_8pcaq_67{display:flex;flex-direction:row;align-items:center;gap:var(--space-3)}._key_8pcaq_74{color:var(--color-accent-secondary);font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);white-space:nowrap}._altSeparator_8pcaq_85{color:var(--color-text-on-dark-subtle);font-size:var(--text-sm)}._description_8pcaq_90{color:var(--color-text-on-dark-muted);font-size:var(--text-sm);flex:1}._closeButton_8pcaq_96{position:absolute;top:var(--space-4);right:var(--space-4);background:transparent;border:none;color:var(--color-text-on-dark);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast)}._closeButton_8pcaq_96:hover{background-color:var(--color-bg-tertiary);color:var(--color-accent-secondary)}._closeButton_8pcaq_96:focus{outline:2px solid var(--color-accent-secondary);outline-offset:2px}._closeButton_8pcaq_96:focus:not(:focus-visible){outline:none}._closeButton_8pcaq_96:focus-visible{outline:2px solid var(--color-accent-secondary);outline-offset:2px}._helpButton_1g01y_6{width:36px;height:36px;font-size:20px;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}._helpButton_1g01y_6:hover{background-color:#000c;transform:scale(1.05)}._helpButton_1g01y_6:active{background-color:#000000e6;transform:scale(.95)}._helpButton_1g01y_6:focus-visible{outline:2px solid #4ECDC4;outline-offset:2px}._pulse_1g01y_40{animation:_helpPulse_1g01y_1 1s ease-out}@keyframes _helpPulse_1g01y_1{0%{box-shadow:0 0 #4ecdc4b3}50%{box-shadow:0 0 0 8px #4ecdc400}to{box-shadow:0 0 #4ecdc400}}._backdrop_lnnyw_10{position:fixed;inset:0;z-index:399;background:#00000080;opacity:0;transition:opacity .3s ease}._backdrop_lnnyw_10._visible_lnnyw_19{opacity:1}._sheet_lnnyw_25{position:fixed;bottom:0;left:0;right:0;z-index:400;background:var(--color-bg-primary);border-radius:16px 16px 0 0;padding:var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px #0000004d;transform:translateY(100%);transition:transform .3s ease-out;max-height:80vh;overflow-y:auto}._sheet_lnnyw_25._open_lnnyw_42{transform:translateY(0)}._dragHandle_lnnyw_48{width:40px;height:4px;background:var(--color-text-on-dark-subtle);border-radius:var(--radius-full);margin:0 auto var(--space-4)}._title_lnnyw_58{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-on-dark);margin:0 0 var(--space-4);text-align:center}._controlList_lnnyw_68{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}._controlItem_lnnyw_77{display:flex;align-items:center;gap:var(--space-3)}._key_lnnyw_83{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent-secondary);white-space:nowrap}._description_lnnyw_99{font-size:var(--text-sm);color:var(--color-text-on-dark-muted);flex:1}._closeButton_lnnyw_107{display:block;width:100%;margin-top:var(--space-6);padding:var(--space-3) var(--space-6);background:var(--color-accent-secondary);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:background-color var(--transition-fast),transform var(--transition-fast)}._closeButton_lnnyw_107:hover{background:var(--color-accent-secondary-hover)}._closeButton_lnnyw_107:active{transform:scale(.98)}._closeButton_lnnyw_107:focus-visible{outline:2px solid var(--color-accent-secondary);outline-offset:2px}._helpButtonContainer_nr657_9{position:absolute;top:16px;right:60px;z-index:100}@media (max-width: 768px){._helpButtonContainer_nr657_9{right:60px;top:16px}}._overlay_60xc4_10{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:_fadeIn_60xc4_1 .5s ease-out forwards;overscroll-behavior:contain;height:100vh;height:100dvh}._backdrop_60xc4_27{position:absolute;inset:0;background:#000000e6;animation:_fadeIn_60xc4_1 .5s ease-out forwards}._content_60xc4_34{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8);max-width:1200px;width:95%;animation:_scaleIn_60xc4_1 .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.2s;opacity:0;padding-top:max(var(--space-8),env(safe-area-inset-top,var(--space-8)));padding-bottom:max(var(--space-8),env(safe-area-inset-bottom,var(--space-8)))}._fadeOut_60xc4_55,._fadeOut_60xc4_55 ._backdrop_60xc4_27{animation:_fadeOut_60xc4_55 .3s ease-out forwards}._fadeOut_60xc4_55 ._content_60xc4_34{animation:_scaleOut_60xc4_1 .3s ease-out forwards}._heroSection_60xc4_69{display:flex;align-items:center;justify-content:center;gap:var(--space-8);width:100%}._playerHero_60xc4_77{animation:_slideInLeft_60xc4_1 .6s ease-out forwards;animation-delay:.4s;opacity:0;transform:translate(-50px)}._opponentHero_60xc4_84{animation:_slideInRight_60xc4_1 .6s ease-out forwards;animation-delay:.4s;opacity:0;transform:translate(50px)}._vsText_60xc4_93{font-size:clamp(4rem,12vw,8rem);font-weight:var(--font-bold);color:var(--color-accent-primary);text-shadow:var(--glow-amber),var(--glow-amber-lg),0 0 60px rgba(245,166,35,.7);letter-spacing:.15em;text-transform:uppercase;animation:_vsAppear_60xc4_1 .8s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.6s;opacity:0;transform:scale(.5);margin:0}._armyPreviewSection_60xc4_112{display:flex;justify-content:space-between;gap:var(--space-8);width:100%}._playerArmy_60xc4_119,._opponentArmy_60xc4_126{flex:1;animation:_fadeIn_60xc4_1 .5s ease-out forwards;animation-delay:.8s;opacity:0}._emptyHero_60xc4_134{width:clamp(96px,15vw,160px);height:clamp(96px,15vw,160px);background:#1e2a3a99;border-radius:var(--radius-lg);border:2px dashed var(--color-border-light);display:flex;align-items:center;justify-content:center;color:var(--color-text-on-dark-muted);font-size:var(--text-sm)}._loadingSection_60xc4_149{width:100%;max-width:400px;animation:_fadeIn_60xc4_1 .5s ease-out forwards;animation-delay:1s;opacity:0}@keyframes _fadeIn_60xc4_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_60xc4_55{0%{opacity:1}to{opacity:0}}@keyframes _scaleIn_60xc4_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes _scaleOut_60xc4_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes _slideInLeft_60xc4_1{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes _slideInRight_60xc4_1{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes _vsAppear_60xc4_1{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){._content_60xc4_34{gap:var(--space-4);padding:var(--space-4)}._heroSection_60xc4_69{gap:var(--space-4)}._vsText_60xc4_93{font-size:clamp(3rem,15vw,5rem)}._armyPreviewSection_60xc4_112{flex-direction:column;gap:var(--space-4)}}@media (max-width: 480px){._content_60xc4_34{gap:var(--space-3);padding:var(--space-3)}._heroSection_60xc4_69{gap:var(--space-3)}._vsText_60xc4_93{font-size:clamp(2.5rem,18vw,4rem)}}@media (max-height: 700px){._content_60xc4_34{gap:var(--space-4);padding:var(--space-4)}._vsText_60xc4_93{font-size:clamp(3rem,10vw,5rem)}}@media (max-height: 500px){._heroSection_60xc4_69{gap:var(--space-4)}._vsText_60xc4_93{font-size:clamp(2rem,8vw,3rem)}._armyPreviewSection_60xc4_112{flex-direction:row}}._container_ma54d_7{display:flex;flex-direction:column;align-items:center;gap:12px}._right_ma54d_19 ._sprite_ma54d_23{transform:scaleX(-1)}._spriteContainer_ma54d_29{width:clamp(96px,15vw,160px);height:clamp(96px,15vw,160px);border-radius:8px;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 20px #6496ff4d,0 4px 12px #0006;overflow:hidden;background:linear-gradient(135deg,#2a2a4a,#1a1a2a)}._sprite_ma54d_23{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges}._fallback_ma54d_51{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3a3a5a,#2a2a3a)}._initial_ma54d_61{font-size:clamp(36px,6vw,64px);font-weight:700;color:#ffffffb3;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5)}._name_ma54d_70{font-size:clamp(14px,1.5vw,18px);font-weight:600;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6);max-width:clamp(120px,18vw,180px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}._container_vh8we_6{display:flex;flex-direction:column;gap:8px}._alignLeft_vh8we_13{align-items:flex-start}._alignLeft_vh8we_13 ._thumbnailGrid_vh8we_17{justify-content:flex-start}._alignRight_vh8we_21{align-items:flex-end}._alignRight_vh8we_21 ._thumbnailGrid_vh8we_17{justify-content:flex-end}._label_vh8we_30{font-size:clamp(12px,1.2vw,14px);color:#ffffffb3;font-weight:500;text-transform:uppercase;letter-spacing:.5px}._thumbnailGrid_vh8we_17{display:flex;flex-wrap:wrap;gap:clamp(6px,1vw,10px);max-width:clamp(200px,35vw,360px)}._thumbnail_vh8we_17{width:clamp(48px,6vw,72px);height:clamp(48px,6vw,72px);border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#1e1e2899;overflow:hidden;position:relative;transition:border-color .2s ease,transform .15s ease}._thumbnail_vh8we_17:hover{border-color:#ffffff80;transform:scale(1.05)}._sprite_vh8we_64{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges}._placeholder_vh8we_73{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,2.5vw,28px);font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5)}._empty_vh8we_86{font-size:11px;color:#fff6;font-style:italic;padding:4px 0}._container_wtce7_9{display:flex;flex-direction:column;align-items:center;gap:8px}._barContainer_wtce7_18{position:relative;width:300px;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}._barFill_wtce7_27{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#c49a6c,#d4a574,#e8c89e);border-radius:6px;transition:width .3s ease;box-shadow:0 0 8px #d4a57466}._text_wtce7_45{font-size:14px;color:#fff;font-weight:500;letter-spacing:.02em}@media (max-width: 480px){._barContainer_wtce7_18{width:250px;height:10px}._text_wtce7_45{font-size:12px}}._container_lx512_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_lx512_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_lx512_9 h1{margin:0 0 .5rem;font-size:var(--font-size-3xl);color:var(--color-text-on-light)}._loadPanelTitle_lx512_25{margin:0 0 .5rem;font-size:var(--font-size-3xl);color:var(--color-text-on-light)!important}._subtitle_lx512_31{margin:0 0 2rem;color:var(--color-text-on-light-muted);font-size:var(--font-size-base)}._loadForm_lx512_37{display:flex;flex-direction:column;gap:1.5rem}._loadForm_lx512_37 label{display:flex;flex-direction:column;gap:.5rem;font-size:var(--font-size-sm);color:var(--color-text-on-light);font-weight:var(--font-weight-medium)}._input_lx512_52{padding:.75rem;background:var(--color-bg-primary);border:2px solid var(--color-border-on-light);border-radius:var(--radius-md);color:var(--color-text-on-dark);font-size:var(--font-size-base);transition:all var(--transition-normal)}._input_lx512_52::placeholder{color:var(--color-text-secondary)}._input_lx512_52:focus{outline:none;border-color:var(--color-cyan);background:var(--color-bg-elevated);box-shadow:var(--glow-cyan-sm)}._loadButton_lx512_73{padding:1rem 2rem;background:var(--color-accent-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-on-dark);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}._loadButton_lx512_73:hover:not(:disabled){background:var(--color-accent-secondary);transform:translateY(-2px);box-shadow:var(--glow-amber-sm)}._loadButton_lx512_73:disabled{opacity:.5;cursor:not-allowed}._error_lx512_96{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_lx512_105{margin-top:2rem;padding:1.5rem;background:var(--color-bg-primary);border-radius:var(--radius-md);border:2px solid var(--color-border-on-light)}._hints_lx512_105 h3{margin:0 0 1rem;font-size:var(--font-size-base);color:#f5ede0!important}._hints_lx512_105 ol{margin:0;padding-left:1.5rem;color:#f5ede0!important;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}._hints_lx512_105 ol li{color:#ddd5c5!important}._emergencePanel_lx512_132{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);border:2px solid rgba(160,224,255,.3);border-radius:var(--radius-lg);box-shadow:0 0 20px #a0e0ff1a,inset 0 0 30px #0000004d;animation:_emergencePanelPulse_lx512_1 3s ease-in-out infinite}@keyframes _emergencePanelPulse_lx512_1{0%,to{border-color:#a0e0ff4d;box-shadow:0 0 20px #a0e0ff1a,inset 0 0 30px #0000004d}50%{border-color:#a0e0ff80;box-shadow:0 0 30px #a0e0ff33,inset 0 0 30px #0000004d}}._emergenceMessage_lx512_163{margin:0;color:#a0e0ffe6;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-shadow:0 0 10px rgba(160,224,255,.5);text-align:center}._emergenceDescription_lx512_172{margin:0;color:#c8dcffb3;font-size:var(--font-size-sm);font-style:italic;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}._header_lx512_184{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border-default)}._header_lx512_184 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_lx512_202{display:flex;gap:1rem;align-items:center}._saveButton_lx512_208{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_lx512_208:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}._saveButton_lx512_208:disabled{opacity:.6;cursor:not-allowed;transform:none}._savedButton_lx512_231{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}._savedButton_lx512_231:hover{transform:none;box-shadow:none}._newCreatureButton_lx512_242{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_lx512_242:hover{background:var(--color-bg-elevated);border-color:var(--color-cyan);box-shadow:var(--glow-cyan-sm)}._content_lx512_260{display:grid;grid-template-columns:400px 1fr;gap:2rem;align-items:start}._controlPanel_lx512_268{display:flex;flex-direction:column;gap:1.5rem}._section_lx512_274{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_lx512_274 h2{margin:0 0 1rem;font-size:var(--font-size-lg);color:var(--color-text-on-light)!important}._info_lx512_288{display:flex;flex-direction:column;gap:.5rem;font-size:var(--font-size-sm);color:var(--color-text-on-light-muted)!important}._info_lx512_288 p{margin:0;color:var(--color-text-on-light-muted)!important}._info_lx512_288 strong{color:var(--color-text-on-light)!important}._stateButtons_lx512_306{display:flex;flex-direction:column;gap:.75rem}._stateButtons_lx512_306 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_lx512_306 button:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-border-light);box-shadow:var(--glow-cyan-sm)}._stateButtons_lx512_306 button._active_lx512_333{background:var(--color-info-bg);border-color:var(--color-accent-secondary);box-shadow:var(--glow-cyan-md);color:var(--color-text-on-light)!important}._stateButtons_lx512_306 button:disabled{opacity:.4;cursor:not-allowed}._badge_lx512_345{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)}._stateButtons_lx512_306 button._active_lx512_333 ._badge_lx512_345{background:var(--color-bg-secondary);color:var(--color-cyan)}._abilityList_lx512_360{display:flex;flex-direction:column;gap:.75rem}._abilityList_lx512_360 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_lx512_360 button:hover{background:var(--color-bg-elevated);border-color:var(--color-border-light);box-shadow:var(--glow-cyan-sm)}._abilityList_lx512_360 button._active_lx512_333{background:var(--color-info-bg);border-color:var(--color-accent-secondary);box-shadow:var(--glow-cyan-md);color:var(--color-text-on-light)!important}._abilityName_lx512_390{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:.25rem}._abilityList_lx512_360 button._active_lx512_333 ._abilityName_lx512_390{color:var(--color-text-on-light)!important}._abilityDetails_lx512_400{font-size:var(--font-size-sm);color:var(--color-text-on-dark-muted);margin-bottom:.25rem}._abilityList_lx512_360 button._active_lx512_333 ._abilityDetails_lx512_400{color:var(--color-text-on-light-muted)!important}._frameCount_lx512_410{font-size:var(--font-size-xs);color:var(--color-cyan)}._abilityList_lx512_360 button._active_lx512_333 ._frameCount_lx512_410{color:var(--color-cyan-dark)!important}._playButton_lx512_420{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_lx512_420:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-cyan-lg)}._playButton_lx512_420:disabled{opacity:.5;cursor:not-allowed}._frameInfo_lx512_443{margin-top:1rem;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-on-light-muted)!important}._noFrames_lx512_450{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_lx512_461{margin:0;font-size:var(--font-size-sm);color:var(--color-text-on-light-muted)!important;line-height:var(--line-height-relaxed)}._displayPanel_lx512_469{display:flex;flex-direction:column;gap:2rem}._viewport_lx512_475{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_lx512_487{position:relative;width:256px;height:256px;background:repeating-linear-gradient(45deg,#ffffff0d,#ffffff0d 10px,#0000000d 10px 20px);border-radius:8px;display:flex;align-items:center;justify-content:center}._baseSprite_lx512_505,._walkFrame_lx512_514{position:absolute;width:256px;height:256px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}._effectOverlay_lx512_523{position:absolute;width:256px;height:256px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;mix-blend-mode:screen}._viewportLabel_lx512_533{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}._explanation_lx512_540{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_lx512_540 h3{margin:0 0 1rem;font-size:var(--font-size-xl);color:var(--color-cyan)}._explanation_lx512_540 p{margin:0 0 1rem;line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-size:var(--font-size-sm)}._explanation_lx512_540 p:last-child{margin-bottom:0}._explanation_lx512_540 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_lx512_260{grid-template-columns:1fr}._controlPanel_lx512_268{max-width:600px;margin:0 auto}}._tooltipWrapper_1vtw3_8{position:relative;display:inline-block}._tooltip_1vtw3_8{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);color:var(--color-text-on-dark);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}._tooltip_1vtw3_8:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-bg-primary)}._tooltipWrapper_1vtw3_8:hover ._tooltip_1vtw3_8,._tooltipWrapper_1vtw3_8:focus-within ._tooltip_1vtw3_8{opacity:1;visibility:visible}._tooltip_1vtw3_8._multiline_1vtw3_56{white-space:normal;max-width:250px;text-align:center;word-wrap:break-word}.share-discord-button{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;border:none;padding:0;margin:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-normal, .2s ease),transform var(--transition-fast, .15s ease),opacity var(--transition-normal, .2s ease);outline:none}.share-discord-button:hover:not(:disabled){background:#5865f233;transform:scale(1.05)}.share-discord-button:active:not(:disabled){transform:scale(.95)}.share-discord-button:focus-visible{outline:2px solid #5865F2;outline-offset:2px}.share-discord-button:disabled{cursor:not-allowed;opacity:.5}.share-discord-button svg{width:20px;height:20px;fill:#5865f2;transition:fill var(--transition-normal, .2s ease)}.share-discord-button:disabled svg{fill:#666}.share-discord-button.loading{cursor:wait}.share-discord-button .loading-spinner{animation:spin 1s linear infinite}.share-discord-button .loading-spinner circle{stroke:#5865f2}.share-discord-button:disabled .loading-spinner circle{stroke:#666}@media (forced-colors: active){.share-discord-button{border:1px solid currentColor}.share-discord-button svg{fill:currentColor}.share-discord-button:focus-visible{outline:2px solid Highlight}}@media (prefers-reduced-motion: reduce){.share-discord-button{transition:none}.share-discord-button .loading-spinner{animation:none}}.confirmation-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.confirmation-modal{background:var(--bg-secondary, #1a1a2e);border-radius:12px;padding:24px;max-width:400px;width:calc(100% - 32px);box-shadow:0 8px 32px #00000080;animation:slideUp .2s ease-out}.confirmation-modal__title{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:var(--text-primary, #ffffff)}.confirmation-modal__message{margin:0 0 24px;font-size:.95rem;color:var(--text-secondary, #a0a0a0);line-height:1.5}.confirmation-modal__actions{display:flex;gap:12px;justify-content:flex-end}.confirmation-modal__button{padding:10px 20px;border-radius:8px;border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease,opacity .2s ease;display:flex;align-items:center;gap:8px}.confirmation-modal__button:disabled{cursor:not-allowed;opacity:.6}.confirmation-modal__button--cancel{background:var(--bg-tertiary, #2a2a3e);color:var(--text-primary, #ffffff)}.confirmation-modal__button--cancel:hover:not(:disabled){background:var(--bg-quaternary, #3a3a4e)}.confirmation-modal__button--confirm{background:var(--accent-primary, #5865F2);color:#fff}.confirmation-modal__button--confirm:hover:not(:disabled){background:var(--accent-primary-hover, #4752c4)}.confirmation-modal__button--confirm:active:not(:disabled){transform:scale(.98)}.confirmation-modal__button--danger{background:var(--color-danger, #dc3545)}.confirmation-modal__button--danger:hover:not(:disabled){background:var(--color-danger-hover, #c82333)}.confirmation-modal__spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.confirmation-modal__button:focus-visible{outline:2px solid var(--accent-primary, #5865F2);outline-offset:2px}@media (prefers-reduced-motion: reduce){.confirmation-modal-overlay,.confirmation-modal,.confirmation-modal__button,.confirmation-modal__spinner{animation:none;transition:none}}@media (max-width: 480px){.confirmation-modal{padding:20px}.confirmation-modal__actions{flex-direction:column-reverse}.confirmation-modal__button{width:100%;justify-content:center}}.delete-creature-button{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;border:none;padding:0;margin:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-normal, .2s ease),transform var(--transition-fast, .15s ease),opacity var(--transition-normal, .2s ease);outline:none}.delete-creature-button:hover:not(:disabled){background:#dc354533;transform:scale(1.05)}.delete-creature-button:active:not(:disabled){transform:scale(.95)}.delete-creature-button:focus-visible{outline:2px solid #dc3545;outline-offset:2px}.delete-creature-button:disabled{cursor:not-allowed;opacity:.5}.delete-creature-button svg{width:18px;height:18px;stroke:#dc3545;transition:stroke var(--transition-normal, .2s ease)}.delete-creature-button:disabled svg{stroke:#666}.delete-creature-button.loading{cursor:wait}.delete-creature-button .loading-spinner{animation:spin 1s linear infinite}.delete-creature-button .loading-spinner circle{stroke:#dc3545}.delete-creature-button:disabled .loading-spinner circle{stroke:#666}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (forced-colors: active){.delete-creature-button{border:1px solid currentColor}.delete-creature-button svg{stroke:currentColor}.delete-creature-button:focus-visible{outline:2px solid Highlight}}@media (prefers-reduced-motion: reduce){.delete-creature-button{transition:none}.delete-creature-button .loading-spinner{animation:none}}.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;position:relative;min-width:0}.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;position:relative}.creature-card__actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:1}.creature-card__actions .share-discord-button,.creature-card__actions .delete-creature-button{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.creature-card__actions .share-discord-button:hover:not(:disabled){background:#5865f2e6}.creature-card__actions .delete-creature-button:hover:not(:disabled){background:#dc3545e6}.creature-card__actions .delete-creature-button svg{stroke:#fff}.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);overflow:hidden;width:100%;min-width:0;box-sizing:border-box}.creature-card__name{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#000;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:2.6em;max-width:100%}.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-xs)}.creature-card__ability{font-size:10px;padding:2px 6px}}._skeletonCard_kw3zl_10{display:flex;flex-direction:column;background:var(--color-surface-primary);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;height:320px;min-width:0;box-shadow:0 2px 4px #1a23321a}._skeletonImageContainer_kw3zl_23{width:100%;aspect-ratio:1;background:var(--color-surface-tertiary);display:flex;align-items:center;justify-content:center;border-bottom:2px solid var(--color-border-default);overflow:hidden;position:relative}._skeletonContent_kw3zl_36{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);flex:1;overflow:hidden}._skeletonTitle_kw3zl_46{height:20px;background:var(--color-surface-tertiary);border-radius:var(--radius-sm);width:70%;margin:0 auto}._skeletonAbilities_kw3zl_55{display:flex;gap:var(--space-1);justify-content:center;min-height:24px}._skeletonAbility_kw3zl_62{height:20px;width:60px;background:var(--color-surface-tertiary);border-radius:var(--radius-sm)}._skeletonMetadata_kw3zl_70{display:flex;gap:var(--space-2);justify-content:center;margin-top:auto}._skeletonMetaItem_kw3zl_77{height:16px;width:50px;background:var(--color-surface-tertiary);border-radius:var(--radius-sm)}._shimmer_kw3zl_85{position:relative;overflow:hidden}._shimmer_kw3zl_85:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:_shimmerAnimation_kw3zl_1 1.5s infinite}@keyframes _shimmerAnimation_kw3zl_1{0%{left:-100%}to{left:100%}}._srOnly_kw3zl_116{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){._skeletonContent_kw3zl_36{padding:var(--space-2)}._skeletonTitle_kw3zl_46{height:16px}._skeletonAbility_kw3zl_62{height:18px;width:50px}}.in-progress-creature-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);border:2px solid rgba(160,224,255,.3);border-radius:var(--radius-md);overflow:hidden;cursor:not-allowed;transition:var(--transition-normal);outline:none;box-shadow:0 2px 4px #0000004d,0 0 15px #a0e0ff1a}.in-progress-creature-card:hover,.in-progress-creature-card:focus{border-color:#a0e0ff80;box-shadow:0 4px 8px #0006,0 0 20px #a0e0ff33}.in-progress-creature-card__image-container{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-bottom:2px solid rgba(160,224,255,.2);overflow:hidden;background:transparent}.in-progress-creature-card__overlay{width:100%!important;height:100%!important;border-radius:0}.in-progress-creature-card__content{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);background:#0000004d}.in-progress-creature-card__title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#a0e0ffe6;text-align:center;text-shadow:0 0 8px rgba(160,224,255,.4)}.in-progress-creature-card__description{margin:0;font-size:11px;color:#c8dcffb3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.in-progress-creature-card__metadata{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;font-size:10px;color:#a0e0ff99}.in-progress-creature-card__job-id{padding:2px 6px;background:#a0e0ff1a;border-radius:3px;border:1px solid rgba(160,224,255,.2);font-family:monospace}.in-progress-creature-card__blocked-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:10}.in-progress-creature-card:hover .in-progress-creature-card__blocked-overlay{opacity:1}.in-progress-creature-card__blocked-text{padding:var(--space-2) var(--space-3);background:#a0e0ff26;border:1px solid rgba(160,224,255,.3);border-radius:var(--radius-md);color:#a0e0ffe6;font-size:var(--font-size-sm);text-shadow:0 0 8px rgba(160,224,255,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes borderPulse{0%,to{border-color:#a0e0ff4d;box-shadow:0 2px 4px #0000004d,0 0 15px #a0e0ff1a}50%{border-color:#a0e0ff80;box-shadow:0 2px 4px #0000004d,0 0 25px #a0e0ff40}}.in-progress-creature-card{animation:borderPulse 2s ease-in-out infinite}@media (max-width: 768px){.in-progress-creature-card__content{padding:var(--space-2)}.in-progress-creature-card__title{font-size:var(--font-size-sm)}.in-progress-creature-card__description{font-size:10px}}.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__header .in-progress-count{color:#a0e0ffe6;animation:inProgressPulse 2s ease-in-out infinite}@keyframes inProgressPulse{0%,to{opacity:.7}50%{opacity:1}}.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-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}}.ability-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px;border-left:4px solid #888;padding:12px;margin:8px 0;color:#e0e0e0}.ability-card.compact{display:flex;align-items:center;gap:8px;padding:8px 12px}.ability-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ability-icon{font-size:1.4em}.ability-name{font-weight:700;font-size:1.1em;flex:1}.ability-delivery{font-size:.8em;padding:2px 8px;background:#ffffff1a;border-radius:4px;text-transform:uppercase}.ability-stats{display:flex;gap:16px;font-size:.9em;color:#aaa;margin-bottom:8px}.ability-effects{font-size:.95em;color:#8cf;padding:4px 0}.ability-description{font-size:.85em;color:#888;font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.ability-cooldown{color:#fc0}.ability-range{color:#8f8}.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__title-row{display:flex;align-items:center;gap:16px}.creature-detail-page__header h1{margin:0;font-size:36px;font-weight:700}.creature-detail-page__title-row .share-discord-button{flex-shrink:0}.creature-detail-page__title-row h1.editable{cursor:pointer;transition:color var(--transition-normal)}.creature-detail-page__title-row h1.editable:hover{color:var(--color-accent-primary)}.creature-detail-page__title-row h1 .edit-hint{margin-left:8px;font-size:18px;opacity:0;transition:opacity var(--transition-normal);color:var(--color-text-secondary)}.creature-detail-page__title-row h1.editable:hover .edit-hint{opacity:1}.creature-name-edit{display:flex;align-items:center;gap:12px}.creature-name-input{font-size:36px;font-weight:700;font-family:inherit;background:var(--color-surface-primary);border:2px solid var(--color-accent-primary);border-radius:var(--radius-md);padding:4px 12px;color:var(--color-text-on-light);outline:none;min-width:200px;max-width:500px}.creature-name-input:focus{box-shadow:var(--glow-amber-sm)}.creature-name-input:disabled{opacity:.7;cursor:not-allowed}.saving-indicator{font-size:var(--font-size-sm);color:var(--color-text-secondary);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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{width:256px;height:256px;object-fit:contain;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-card-content{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ability-info{flex:1}.ability-effect-preview{width:80px;height:80px;min-width:80px;background:#000c;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--color-border-gold);box-shadow:var(--glow-amber-sm)}.effect-frame{max-width:100%;max-height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.ability-no-effect{margin-top:8px;padding:var(--space-2);background:var(--color-bg-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.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-name-input{font-size:28px;min-width:150px;max-width:300px}.creature-detail-page__title-row h1 .edit-hint{opacity:.5}.creature-detail-page__viewer,.info-section{padding:16px}.sprite-image{width:192px;height:192px}.direction-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.creature-detail-page__header h1{font-size:24px}.sprite-image{width:160px;height:160px}.animation-controls{gap:12px}.btn-control,.btn-direction{font-size:12px;padding:8px}}._pageContainer_o0lr5_5{min-height:100vh;background:var(--color-bg-primary);padding:2rem}._loginCard_o0lr5_13{max-width:400px;margin:4rem auto;padding:2rem;background:var(--color-surface-primary);border-radius:var(--radius-xl);border:2px solid var(--color-surface-tertiary);box-shadow:var(--shadow-xl)}._loginForm_o0lr5_23{display:flex;flex-direction:column;gap:1.25rem}._dashboard_o0lr5_31{max-width:1000px;margin:0 auto}._header_o0lr5_36{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-surface-tertiary)}._title_o0lr5_45{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}._subtitle_o0lr5_52{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 1.5rem}._logoutButton_o0lr5_58{padding:.5rem 1rem;font-size:var(--text-sm);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}._logoutButton_o0lr5_58:hover{color:var(--color-danger);border-color:var(--color-danger)}._controls_o0lr5_76{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}._stats_o0lr5_85{display:flex;gap:1rem}._statItem_o0lr5_90{font-size:var(--text-sm);color:#1a1a1a;padding:.5rem 1rem;background:var(--color-surface-primary);border-radius:var(--radius-md);border:1px solid var(--color-surface-tertiary)}._filters_o0lr5_99{display:flex;align-items:center;gap:.5rem}._filterLabel_o0lr5_105{font-size:var(--text-sm);color:#4a4a4a}._filterSelect_o0lr5_110{padding:.5rem 1rem;font-size:var(--text-sm);color:#1a1a1a;background:var(--color-surface-primary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);cursor:pointer}._formGroup_o0lr5_122{display:flex;flex-direction:column;gap:.5rem}._label_o0lr5_128{font-size:var(--text-sm);font-weight:var(--font-medium);color:#1a1a1a}._input_o0lr5_134{width:100%;padding:.875rem 1rem;font-size:var(--text-base);color:#1a1a1a;background:var(--color-surface-secondary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-md);transition:all var(--transition-normal);box-sizing:border-box}._input_o0lr5_134:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-glow)}._submitButton_o0lr5_152{width:100%;padding:1rem;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-bg-primary);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}._submitButton_o0lr5_152:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}._errorMessage_o0lr5_173{padding:.875rem 1rem;background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-left:4px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);margin-bottom:1rem}._loadingState_o0lr5_184,._emptyState_o0lr5_185{text-align:center;padding:3rem;color:var(--color-text-secondary);font-size:var(--text-lg)}._requestsList_o0lr5_194{display:flex;flex-direction:column;gap:1rem}._requestCard_o0lr5_200{background:var(--color-surface-primary);border:2px solid var(--color-surface-tertiary);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--transition-fast)}._requestCard_o0lr5_200:hover{border-color:var(--color-accent-primary)}._requestHeader_o0lr5_212{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}._requestEmail_o0lr5_219{font-size:var(--text-lg);font-weight:var(--font-semibold);color:#1a1a1a}._statusBadge_o0lr5_225{padding:.25rem .75rem;font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;border-radius:var(--radius-full)}._statusBadge_o0lr5_225._pending_o0lr5_233{background:#f59e0b33;color:#f59e0b}._statusBadge_o0lr5_225._approved_o0lr5_238{background:#22c55e33;color:#22c55e}._statusBadge_o0lr5_225._rejected_o0lr5_243{background:#ef444433;color:#ef4444}._requestMeta_o0lr5_248{display:flex;flex-wrap:wrap;gap:1rem;font-size:var(--text-sm);color:#4a4a4a;margin-bottom:1rem}._requestMotivation_o0lr5_257{background:var(--color-surface-secondary);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}._requestMotivation_o0lr5_257 strong{display:block;font-size:var(--text-sm);color:#4a4a4a;margin-bottom:.5rem}._requestMotivation_o0lr5_257 p{margin:0;font-size:var(--text-base);color:#1a1a1a;line-height:1.5;white-space:pre-wrap}._requestActions_o0lr5_279{display:flex;gap:.75rem}._approveButton_o0lr5_284,._rejectButton_o0lr5_285{padding:.5rem 1.25rem;font-size:var(--text-sm);font-weight:var(--font-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}._approveButton_o0lr5_284{background:#22c55e;color:#fff}._approveButton_o0lr5_284:hover:not(:disabled){background:#16a34a}._rejectButton_o0lr5_285{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-surface-tertiary)}._rejectButton_o0lr5_285:hover:not(:disabled){color:#ef4444;border-color:#ef4444}._approveButton_o0lr5_284:disabled,._rejectButton_o0lr5_285:disabled{opacity:.5;cursor:not-allowed}._reviewedInfo_o0lr5_321{font-size:var(--text-xs);color:#6a6a6a;margin-top:.5rem}._pagination_o0lr5_329{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-surface-tertiary)}._pageButton_o0lr5_339{padding:.5rem 1rem;font-size:var(--text-sm);color:#1a1a1a;background:var(--color-surface-primary);border:1px solid var(--color-surface-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}._pageButton_o0lr5_339:hover:not(:disabled){border-color:var(--color-accent-primary);color:var(--color-accent-primary)}._pageButton_o0lr5_339:disabled{opacity:.5;cursor:not-allowed}._pageInfo_o0lr5_360{font-size:var(--text-sm);color:#4a4a4a}@media (max-width: 768px){._pageContainer_o0lr5_5{padding:1rem}._header_o0lr5_36{flex-direction:column;align-items:flex-start;gap:1rem}._controls_o0lr5_76{flex-direction:column;align-items:stretch}._requestHeader_o0lr5_212{flex-direction:column;align-items:flex-start;gap:.5rem}._requestActions_o0lr5_279{flex-direction:column}._approveButton_o0lr5_284,._rejectButton_o0lr5_285{width:100%}}.dev-effect-viewer{min-height:100vh;background:#1a1a2e;color:#e0e0e0;padding:1rem}.dev-effect-viewer__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #333}.dev-effect-viewer__header h1{margin:0;font-size:1.5rem;color:#ff6b6b}.dev-effect-viewer__header .badge{background:#4a4a6a;padding:.25rem .75rem;border-radius:12px;font-size:.875rem}.dev-effect-viewer__content{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;height:calc(100vh - 100px)}.dev-effect-viewer__controls{background:#252540;border-radius:8px;padding:1rem;overflow-y:auto}.control-section{margin-bottom:1.5rem}.control-section h3{margin:0 0 .5rem;font-size:.875rem;text-transform:uppercase;color:#888;letter-spacing:.5px}.select-full{width:100%;padding:.5rem;background:#1a1a2e;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:.875rem}.select-full:focus{outline:none;border-color:#6c63ff}.effect-description{margin:.5rem 0 0;font-size:.75rem;color:#888;font-style:italic}.playback-controls{margin-bottom:.5rem}.speed-controls{display:flex;gap:.25rem}.btn{padding:.5rem 1rem;background:#3a3a5a;border:1px solid #555;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:.875rem;transition:all .2s}.btn:hover{background:#4a4a6a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-active{background:#6c63ff;border-color:#6c63ff}.btn-small{padding:.25rem .5rem;font-size:.75rem}.frame-controls{display:flex;align-items:center;gap:.5rem}.frame-counter{flex:1;text-align:center;font-family:monospace;font-size:.875rem}.frame-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.frame-thumb{position:relative;background:#1a1a2e;border:2px solid #333;border-radius:4px;padding:.25rem;cursor:pointer;transition:all .2s}.frame-thumb:hover{border-color:#666}.frame-thumb.active{border-color:#6c63ff}.frame-thumb img{width:100%;height:48px;object-fit:contain;image-rendering:pixelated}.frame-thumb span{position:absolute;bottom:2px;right:4px;font-size:.625rem;color:#888}.dev-effect-viewer__preview{display:flex;flex-direction:column;background:#252540;border-radius:8px;overflow:hidden}.preview-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:500px;background-color:#0a1628}.blend-controls{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.preview-info{display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem 1rem;background:#1a1a2e;border-top:1px solid #333;font-size:.875rem}.info-item{display:flex;gap:.5rem}.info-item strong{color:#888}.no-creature-warning{background:#3a2a2a;border:1px solid #5a3a3a;border-radius:8px;padding:1rem;text-align:center;color:#f99}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.25rem;color:#888}@media (max-width: 900px){.dev-effect-viewer__content{grid-template-columns:1fr}.dev-effect-viewer__controls{max-height:300px}}._container_einpi_11{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-on-dark)}._header_einpi_18{position:sticky;top:0;z-index:100;background:#1e2a3af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-default);padding:.75rem 2rem}._headerContent_einpi_28{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}._logo_einpi_36{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-on-dark)}._logoIcon_einpi_46{width:36px;height:36px;border-radius:var(--radius-md)}._nav_einpi_52{display:flex;align-items:center;gap:1.5rem}._navLink_einpi_58{color:var(--color-text-on-dark-muted);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}._navLink_einpi_58:hover{color:var(--color-accent-secondary)}._ctaButton_einpi_70{padding:.5rem 1.25rem;background:var(--gradient-primary);color:var(--color-bg-primary);font-weight:var(--font-semibold);font-size:var(--text-sm);border:2px solid transparent;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-normal);box-shadow:0 2px 8px #f5a6234d}._ctaButton_einpi_70:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5a62366}._hero_einpi_89{padding:3rem 2rem 4rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem;background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);border-bottom:1px solid var(--color-border-default)}@media (max-width: 768px){._header_einpi_18{padding:.5rem 1rem}._nav_einpi_52{gap:.75rem}._navLink_einpi_58,._logo_einpi_36 span{display:none}}._heroContent_einpi_117{max-width:800px;text-align:center}._heroImage_einpi_122{max-width:900px;width:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);border:2px solid var(--color-accent-secondary)}._heroImage_einpi_122 img{width:100%;height:auto;display:block}._videoSection_einpi_138{max-width:900px;width:100%}._videoContainer_einpi_143{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);border:2px solid var(--color-accent-secondary)}._videoContainer_einpi_143 iframe{position:absolute;top:0;left:0;width:100%;height:100%}._heroLogo_einpi_161{width:200px;max-width:60%;height:auto;margin-bottom:.75rem;border-radius:var(--radius-lg)}._heroTitle_einpi_169{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-accent-secondary);margin:0 0 .5rem;text-shadow:var(--glow-cyan-sm)}._heroSubtitle_einpi_177{font-size:var(--text-lg);color:var(--color-text-on-dark-muted);margin:0 0 1.25rem;line-height:var(--leading-relaxed)}._heroCta_einpi_184{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}._primaryButton_einpi_193{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;background:var(--gradient-primary);color:var(--color-bg-primary);font-weight:var(--font-semibold);font-size:var(--text-base);border:2px solid transparent;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-normal);box-shadow:0 2px 8px #f5a6234d}._primaryButton_einpi_193:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f5a62366}._secondaryButton_einpi_216{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;background:var(--color-accent-secondary);color:var(--color-bg-primary);font-weight:var(--font-semibold);font-size:var(--text-base);border:2px solid var(--color-accent-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-normal);box-shadow:0 2px 8px #4ecdc44d}._secondaryButton_einpi_216:hover{background:transparent;color:var(--color-accent-secondary);transform:translateY(-2px);box-shadow:0 4px 16px #4ecdc466}._overview_einpi_241{padding:4rem 2rem;background:var(--color-bg-secondary)}._overviewContent_einpi_246{max-width:900px;margin:0 auto;text-align:center}._sectionTitle_einpi_252{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-on-dark);margin:0 0 1.5rem}._overviewText_einpi_259{font-size:var(--text-lg);color:var(--color-text-on-dark-muted);line-height:var(--leading-relaxed);margin:0 0 2rem}._overviewText_einpi_259 strong{color:var(--color-accent-primary)}._overviewHighlights_einpi_270{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}._highlight_einpi_277{display:flex;flex-direction:column;align-items:center}._highlightNumber_einpi_283{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-accent-secondary)}._highlightLabel_einpi_289{font-size:var(--text-sm);color:var(--color-text-on-dark-subtle);text-transform:uppercase;letter-spacing:.05em}._howItWorks_einpi_297{padding:4rem 2rem;background:var(--color-bg-primary);text-align:center}._stepsGrid_einpi_303{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:900px;margin:2rem auto 0;flex-wrap:wrap}._step_einpi_303{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;min-width:200px;flex:1;max-width:250px}._stepNumber_einpi_322{width:48px;height:48px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-bg-primary);margin:0 auto 1rem}._step_einpi_303 h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-accent-secondary);margin:0 0 .5rem}._step_einpi_303 p{font-size:var(--text-base);color:var(--color-text-on-dark-muted);margin:0}._stepArrow_einpi_349{font-size:2rem;color:var(--color-accent-primary);font-weight:700}@media (max-width: 768px){._stepArrow_einpi_349{display:none}}._alphaCallout_einpi_362{padding:3rem 2rem;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,rgba(78,205,196,.1) 100%);border-top:1px solid var(--color-accent-secondary);border-bottom:1px solid var(--color-accent-secondary)}._calloutContent_einpi_369{max-width:900px;margin:0 auto;text-align:center}._calloutBadge_einpi_375{display:inline-block;background:var(--color-accent-secondary);color:var(--color-bg-primary);font-size:var(--text-xs);font-weight:var(--font-bold);padding:.375rem 1rem;border-radius:var(--radius-full);letter-spacing:.1em;margin-bottom:1rem}._calloutTitle_einpi_387{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-on-dark);margin:0 0 1rem}._calloutText_einpi_394{font-size:var(--text-lg);color:var(--color-text-on-dark-muted);line-height:var(--leading-relaxed);margin:0 0 2rem;max-width:700px;margin-left:auto;margin-right:auto}._calloutStats_einpi_404{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}._stat_einpi_411{display:flex;flex-direction:column;align-items:center;min-width:120px}._statNumber_einpi_418{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent-primary);margin-bottom:.25rem}._statLabel_einpi_425{font-size:var(--text-sm);color:var(--color-text-on-dark-subtle);text-align:center}@media (max-width: 768px){._calloutStats_einpi_404{gap:1.5rem}._calloutTitle_einpi_387{font-size:var(--text-2xl)}}._tabNav_einpi_442{padding:2.5rem 2rem 2rem;background:var(--color-bg-secondary);border-bottom:2px solid var(--color-accent-secondary);position:sticky;top:53px;z-index:10}._tabSectionTitle_einpi_451{text-align:center;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-on-dark);margin:0 0 1.5rem}._tabButtons_einpi_459{display:flex;justify-content:center;gap:1rem;max-width:800px;margin:0 auto}._tabButton_einpi_459{flex:1;max-width:200px;padding:.875rem 1.25rem;background:transparent;color:var(--color-text-on-dark-muted);border:2px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;gap:.25rem}._tabButton_einpi_459:hover{border-color:var(--color-accent-secondary);color:var(--color-accent-secondary);background:#4ecdc40d}._tabButton_einpi_459._active_einpi_490{background:var(--color-accent-secondary);color:var(--color-bg-primary);border-color:var(--color-accent-secondary);box-shadow:0 2px 12px #4ecdc466}._tabIcon_einpi_497{font-size:1.5rem}._tabLabel_einpi_501{font-size:var(--text-lg);font-weight:var(--font-semibold)}._tabDesc_einpi_506{font-size:var(--text-xs);opacity:.8}._tabButton_einpi_459._active_einpi_490 ._tabDesc_einpi_506{opacity:.9}@media (max-width: 640px){._tabButtons_einpi_459{flex-direction:column;align-items:center}._tabButton_einpi_459{max-width:100%;width:100%}}._features_einpi_528{padding:4rem 2rem;max-width:1200px;margin:0 auto}._featuresGrid_einpi_534{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}._featureCard_einpi_540{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;border-left:4px solid transparent;transition:all var(--transition-normal)}._featureCard_einpi_540:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}._featureCard_einpi_540._amber_einpi_553{border-left-color:var(--color-accent-primary)}._featureCard_einpi_540._cyan_einpi_557{border-left-color:var(--color-accent-secondary)}._featureCard_einpi_540._purple_einpi_561{border-left-color:var(--color-accent-tertiary)}._featureIcon_einpi_565{font-size:2rem;display:block;margin-bottom:.75rem}._featureTitle_einpi_571{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-on-dark);margin:0 0 .5rem}._featureDescription_einpi_578{font-size:var(--text-base);color:var(--color-text-on-dark-muted);margin:0;line-height:var(--leading-normal)}._featureImage_einpi_585{width:100%;border-radius:var(--radius-md);margin-top:1rem;border:1px solid var(--color-border-default)}._mediaGallery_einpi_593{padding:4rem 2rem;max-width:1200px;margin:0 auto}._galleryTitle_einpi_599{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-accent-secondary);margin:0 0 2rem;text-align:center}._galleryTitle_einpi_599:not(:first-child){margin-top:4rem}._gifGrid_einpi_611{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;justify-items:center}._gifCard_einpi_618{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:1rem;text-align:center;transition:transform var(--transition-normal)}._gifCard_einpi_618:hover{transform:scale(1.05)}._gifCard_einpi_618 img{width:100%;max-width:150px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}._gifCard_einpi_618 span{display:block;margin-top:.75rem;font-size:var(--text-sm);color:var(--color-text-on-dark-muted);font-weight:var(--font-medium)}._screenshotGrid_einpi_646{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}._screenshotCard_einpi_652{background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}._screenshotCard_einpi_652:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}._screenshotCard_einpi_652 img{width:100%;height:180px;object-fit:cover}._screenshotCard_einpi_652 span{display:block;padding:.75rem 1rem;font-size:var(--text-sm);color:var(--color-text-on-dark);font-weight:var(--font-medium);text-align:center}._news_einpi_680{padding:3rem 2rem;max-width:800px;margin:0 auto}._newsList_einpi_686{display:flex;flex-direction:column;gap:1.5rem}._newsCard_einpi_692{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;border-left:4px solid var(--color-accent-secondary)}._newsHeader_einpi_699{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}._newsType_einpi_706{font-size:var(--text-sm);text-transform:uppercase;font-weight:var(--font-medium);color:var(--color-accent-secondary)}._newsType_einpi_706._announcement_einpi_713{color:var(--color-accent-primary)}._newsDate_einpi_717{font-size:var(--text-sm);color:var(--color-text-on-dark-subtle)}._newsTitle_einpi_722{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-on-dark);margin:0 0 .5rem}._newsSummary_einpi_729{font-size:var(--text-base);color:var(--color-text-on-dark-muted);margin:0;line-height:var(--leading-normal)}._newsNote_einpi_736{text-align:center;color:var(--color-text-on-dark-subtle);margin-top:2rem}._newsNote_einpi_736 a{color:var(--color-accent-secondary)}._roadmap_einpi_747{padding:4rem 2rem;max-width:900px;margin:0 auto}._roadmapTimeline_einpi_753{position:relative;padding-left:2rem}._roadmapTimeline_einpi_753:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-border-light)}._roadmapPhase_einpi_768{position:relative;padding-bottom:2rem}._roadmapPhase_einpi_768:last-child{padding-bottom:0}._phaseMarker_einpi_777{position:absolute;left:-2rem;top:0;width:16px;height:16px;background:var(--color-bg-secondary);border:2px solid var(--color-border-light);border-radius:50%;transform:translate(-7px)}._roadmapPhase_einpi_768._current_einpi_789 ._phaseMarker_einpi_777{background:var(--color-accent-secondary);border-color:var(--color-accent-secondary);box-shadow:var(--glow-cyan-sm)}._roadmapPhase_einpi_768._upcoming_einpi_795 ._phaseMarker_einpi_777{border-color:var(--color-accent-primary)}._currentBadge_einpi_799{position:absolute;left:24px;top:-4px;background:var(--color-accent-secondary);color:var(--color-bg-primary);font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px 8px;border-radius:var(--radius-full)}._phaseContent_einpi_811{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:1.5rem}._roadmapPhase_einpi_768._current_einpi_789 ._phaseContent_einpi_811{border:1px solid var(--color-accent-secondary)}._phaseTitle_einpi_821{display:flex;align-items:baseline;gap:.75rem;margin:0 0 1rem}._phaseName_einpi_828{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-accent-primary)}._phaseSubtitle_einpi_834{font-size:var(--text-base);color:var(--color-text-on-dark-muted)}._phaseItems_einpi_839{margin:0;padding-left:1.25rem;color:var(--color-text-on-dark-muted)}._phaseItems_einpi_839 li{margin-bottom:.5rem}._phaseItems_einpi_839 li:last-child{margin-bottom:0}._roadmapPhase_einpi_768._current_einpi_789 ._phaseItems_einpi_839 li{color:var(--color-text-on-dark)}._roadmapNote_einpi_857{text-align:center;color:var(--color-text-on-dark-subtle);margin-top:2rem}._roadmapNote_einpi_857 a{color:var(--color-accent-secondary)}._community_einpi_868{padding:4rem 2rem;background:var(--color-bg-secondary);text-align:center}._communityText_einpi_874{font-size:var(--text-lg);color:var(--color-text-on-dark-muted);margin:0 0 1.5rem}._communityBenefits_einpi_880{list-style:none;padding:0;margin:0 auto 2rem;max-width:400px;text-align:left}._communityBenefits_einpi_880 li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--color-text-on-dark-muted)}._communityBenefits_einpi_880 li:before{content:"✓";position:absolute;left:0;color:var(--color-accent-secondary)}._discordButton_einpi_903{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.75rem;background:var(--color-accent-secondary);color:var(--color-bg-primary);font-weight:var(--font-semibold);font-size:var(--text-base);border:2px solid var(--color-accent-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-normal);box-shadow:0 2px 8px #4ecdc44d}._discordButton_einpi_903:hover{background:transparent;color:var(--color-accent-secondary);transform:translateY(-2px);box-shadow:0 4px 16px #4ecdc466}._discordIcon_einpi_927{width:24px;height:24px}._finalCta_einpi_933{padding:4rem 2rem;text-align:center;background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}._ctaTitle_einpi_939{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-on-dark);margin:0 0 1rem}._ctaText_einpi_946{font-size:var(--text-lg);color:var(--color-text-on-dark-muted);margin:0 0 2rem}._footer_einpi_953{padding:2rem;text-align:center;border-top:1px solid var(--color-border-default)}._footerLinks_einpi_959{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}._footerLinks_einpi_959 a{color:var(--color-text-on-dark-muted);text-decoration:none;transition:color var(--transition-fast)}._footerLinks_einpi_959 a:hover{color:var(--color-accent-secondary)}._copyright_einpi_977{font-size:var(--text-sm);color:var(--color-text-on-dark-subtle);margin:0}@media (max-width: 768px){._heroTitle_einpi_169{font-size:var(--text-3xl)}._heroSubtitle_einpi_177{font-size:var(--text-lg)}._tabNav_einpi_442{flex-wrap:wrap}._tabButton_einpi_459{flex:1;min-width:100px;text-align:center}._overviewHighlights_einpi_270{gap:2rem}._phaseTitle_einpi_821{flex-direction:column;gap:.25rem}}._banner_ybvtc_9{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:9999;width:100%;max-width:600px;background:linear-gradient(180deg,#2a2a3d,#1a1a2e);border:3px solid #ff6432;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 4px 20px #ff64324d,0 0 40px #ff64321a;font-family:"Press Start 2P",monospace;animation:_slideDown_ybvtc_1 .3s ease-out}@keyframes _slideDown_ybvtc_1{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}._bannerHeader_ybvtc_41{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ff643226;border-bottom:2px solid #ff6432}._notificationIcon_ybvtc_50{font-size:1rem;animation:_pulse_ybvtc_1 2s infinite}@keyframes _pulse_ybvtc_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}._notificationLabel_ybvtc_60{font-size:.5rem;color:#ff6432;text-transform:uppercase;letter-spacing:1px}._inviteCount_ybvtc_67{margin-left:auto;font-size:.5rem;color:#888}._errorMessage_ybvtc_75{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ff000026;color:#f44;font-size:.5rem;border-bottom:1px solid rgba(255,0,0,.3)}._dismissError_ybvtc_86{margin-left:auto;background:none;border:none;color:#f44;cursor:pointer;font-size:.75rem;padding:.25rem}._inviteItem_ybvtc_98{display:flex;flex-direction:column;gap:.75rem;padding:1rem}._inviteContent_ybvtc_105{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}._inviteIcon_ybvtc_112{font-size:1.25rem}._inviteMessage_ybvtc_116{font-size:.625rem;color:#fff;line-height:1.4}._battleName_ybvtc_122{font-size:.5rem;color:#888;font-style:italic}._passwordInfo_ybvtc_130{display:flex;align-items:center;gap:.375rem;width:100%;margin-top:.375rem;font-size:.5rem;color:orange}._passwordCode_ybvtc_140{display:inline-block;padding:.125rem .375rem;background:#ffa50026;border:1px solid rgba(255,165,0,.3);border-radius:3px;font-family:Courier New,monospace;font-size:.625rem;color:orange;letter-spacing:1px}._inviteTimer_ybvtc_154{text-align:center;font-size:.75rem;color:#0f0;padding:.25rem;background:#00ff001a;border-radius:4px}._inviteTimer_ybvtc_154[data-expired=true]{color:#f44;background:#ff00001a}._inviteActions_ybvtc_170{display:flex;gap:.75rem}._actionButton_ybvtc_175{flex:1;padding:.625rem .5rem;border-radius:6px;font-family:inherit;font-size:.5rem;cursor:pointer;transition:all .2s;border:2px solid;text-transform:uppercase}._actionButton_ybvtc_175:disabled{opacity:.4;cursor:not-allowed}._actionButton_ybvtc_175._accept_ybvtc_192{background:#00ff0026;border-color:#0f0;color:#0f0}._actionButton_ybvtc_175._accept_ybvtc_192:not(:disabled):hover{background:#00ff0040}._actionButton_ybvtc_175._decline_ybvtc_202{background:#ff646426;border-color:#ff6464;color:#ff6464}._actionButton_ybvtc_175._decline_ybvtc_202:not(:disabled):hover{background:#ff646440}._navigation_ybvtc_214{display:flex;justify-content:space-between;padding:.5rem 1rem;border-top:1px solid #4a4a6a}._navButton_ybvtc_221{background:#ffffff0d;border:1px solid #4a4a6a;border-radius:4px;color:#888;font-family:inherit;font-size:.5rem;padding:.375rem .75rem;cursor:pointer;transition:all .2s}._navButton_ybvtc_221:hover{background:#ffffff1a;color:#fff;border-color:#666}@media (max-width: 640px){._banner_ybvtc_9{max-width:100%;border-radius:0;border-left:none;border-right:none}._inviteItem_ybvtc_98{padding:.75rem}._inviteMessage_ybvtc_116{font-size:.5rem}._actionButton_ybvtc_175{font-size:.45rem;padding:.5rem .25rem}}.day-challenge-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;padding:1rem;width:160px;min-height:200px;display:flex;flex-direction:column;gap:.5rem;border:2px solid transparent;transition:all .2s ease;cursor:pointer}.day-challenge-card:hover:not(.locked){transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.day-challenge-card.locked{opacity:.6;cursor:not-allowed;filter:grayscale(50%)}.day-challenge-card.available{border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc433}.day-challenge-card.in_progress{border-color:#f9d423;box-shadow:0 0 20px #f9d42333}.day-challenge-card.completed{border-color:#44bd32;box-shadow:0 0 20px #44bd3233}.day-challenge-card.failed{border-color:#e74c3c}.day-card-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.day-number{color:#4ecdc4;font-weight:700}.day-label{color:#888;margin-left:auto}.status-icon{font-size:1rem}.day-name{font-size:.9rem;font-weight:600;color:#fff;margin:0;line-height:1.2}.mode-badge{display:inline-flex;align-items:center;gap:.25rem;background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;width:fit-content}.mode-icon{font-size:.8rem}.mode-name{color:#ccc;text-transform:uppercase;font-weight:500}.enemy-preview{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:auto}.enemy-tag{font-size:.65rem;padding:.125rem .375rem;border-radius:3px;background:#ffffff1a;color:#aaa}.enemy-tag.fodder{background:#6464644d}.enemy-tag.normal{background:#4ecdc433}.enemy-tag.elite{background:#ffa50033;color:orange}.enemy-tag.mini_boss{background:#8a2be233;color:#9b59b6}.enemy-tag.boss{background:#e74c3c33;color:#e74c3c}.enemy-more{font-size:.6rem;color:#666}.best-result{display:flex;justify-content:space-between;align-items:center;padding:.25rem;background:#44bd321a;border-radius:4px}.stars{font-size:.8rem}.best-time{font-size:.7rem;color:#888}.progress-indicator{font-size:.7rem;color:#f9d423}.card-actions{margin-top:auto;padding-top:.5rem}.start-button,.continue-button,.replay-button{width:100%;padding:.5rem;border:none;border-radius:6px;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .2s ease}.start-button{background:linear-gradient(135deg,#4ecdc4,#44bd32);color:#fff}.start-button:hover{transform:scale(1.02);box-shadow:0 4px 12px #4ecdc466}.continue-button{background:linear-gradient(135deg,#f9d423,#f39c12);color:#1a1a2e}.continue-button:hover{transform:scale(1.02);box-shadow:0 4px 12px #f9d42366}.replay-button{background:#ffffff1a;color:#ccc;border:1px solid rgba(255,255,255,.2)}.replay-button:hover{background:#ffffff26}.unlock-info{font-size:.7rem;color:#666;text-align:center}@media (max-width: 768px){.day-challenge-card{width:140px;min-height:180px;padding:.75rem}.day-name{font-size:.8rem}}.week-header{margin-bottom:2rem}.week-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.week-title{font-size:1.5rem;font-weight:800;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.week-title:before{content:"⚔️"}.week-id{font-size:.9rem;color:#888;font-weight:400}.theme-box{background:linear-gradient(135deg,#4ecdc41a,#44bd320d);border:1px solid rgba(78,205,196,.3);border-radius:8px;padding:1.25rem}.theme-name{font-size:1.25rem;font-weight:700;color:#4ecdc4;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.theme-narrative{font-size:.95rem;color:#ccc;margin:0;line-height:1.5;font-style:italic}@media (max-width: 768px){.week-title-row{flex-direction:column;align-items:flex-start;gap:.25rem}.week-title{font-size:1.25rem}.theme-box{padding:1rem}.theme-name{font-size:1rem}.theme-narrative{font-size:.85rem}}.streak-display{display:flex;justify-content:center;align-items:center;gap:1.5rem;background:#ffffff0d;border-radius:8px;padding:1rem 2rem;margin-bottom:2rem}.streak-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.streak-icon{font-size:1.5rem}.streak-value{font-size:1.25rem;font-weight:700;color:#fff}.streak-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.streak-divider{width:1px;height:40px;background:#ffffff1a}@media (max-width: 768px){.streak-display{gap:1rem;padding:.75rem 1rem}.streak-icon{font-size:1.25rem}.streak-value{font-size:1rem}.streak-label{font-size:.6rem}}.rewards-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-top:2rem}.rewards-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.rewards-list{display:flex;flex-direction:column;gap:.5rem}.reward-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;font-size:.85rem;transition:background .2s ease}.reward-item.earned{background:#44bd321a}.reward-item.locked{opacity:.7}.reward-status{font-size:1rem}.reward-condition{color:#888;min-width:100px}.reward-icon{font-size:1rem}.reward-name{color:#fff;font-weight:500}@media (max-width: 768px){.rewards-panel{padding:.75rem}.reward-item{font-size:.75rem;flex-wrap:wrap}.reward-condition{min-width:80px}}.challenge-hub-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);padding:2rem}.challenge-hub-content{max-width:1200px;margin:0 auto}.days-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(78,205,196,.2);border-top-color:#4ecdc4;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#888;font-size:1rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;text-align:center}.error-container h2{color:#e74c3c;margin:0}.error-container p{color:#888;margin:0}.error-container button{background:#4ecdc4;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s ease}.error-container button:hover{background:#3dbdb5}.no-challenge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;text-align:center}.no-challenge-container h2{color:#fff;margin:0}.no-challenge-container p{color:#888;margin:0}@media (max-width: 768px){.challenge-hub-page{padding:1rem}.days-grid{gap:.75rem}}@media (max-width: 480px){.days-grid{justify-content:space-around}}.challenge-day-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);padding:2rem}.day-page-content{max-width:1000px;margin:0 auto}.back-link{color:#4ecdc4;text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:1rem;transition:color .2s ease}.back-link:hover{color:#3dbdb5}.day-header{margin-bottom:1rem}.day-number{font-size:.9rem;color:#4ecdc4;font-weight:600;text-transform:uppercase;letter-spacing:1px}.day-title{font-size:2rem;font-weight:800;color:#fff;margin:.25rem 0 0}.flavor-box{background:#ffffff0d;border-left:3px solid #4ecdc4;padding:1rem;margin-bottom:2rem}.flavor-box p{margin:0;font-style:italic;color:#ccc;line-height:1.5}.day-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.enemy-section h2,.selection-section h2{font-size:1.1rem;color:#fff;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.enemy-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.enemy-card{background:#ffffff0d;border-radius:6px;padding:.75rem;display:flex;justify-content:space-between;align-items:center}.enemy-card.boss{border:1px solid #e74c3c;background:#e74c3c1a}.enemy-card.mini_boss{border:1px solid #9b59b6;background:#9b59b61a}.enemy-card.elite{border:1px solid #f39c12;background:#f39c121a}.enemy-header{display:flex;flex-direction:column;gap:.25rem}.enemy-name{color:#fff;font-weight:600}.enemy-difficulty{font-size:.7rem;text-transform:uppercase;color:#888}.enemy-count{font-size:1.1rem;color:#4ecdc4;font-weight:600}.mode-info,.map-info{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.9rem;margin-bottom:.5rem}.mode-icon{font-size:1.2rem}.mechanics-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.mechanics-section h3{font-size:.9rem;color:#e74c3c;margin:0 0 .5rem}.mechanics-list{margin:0;padding-left:1.25rem;color:#ccc;font-size:.85rem}.mechanics-list li{margin-bottom:.25rem}.creature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.creature-select-card{background:#ffffff0d;border:2px solid transparent;border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.creature-select-card:hover{background:#ffffff1a}.creature-select-card.selected{border-color:#4ecdc4;background:#4ecdc41a}.creature-sprite{width:64px;height:64px;object-fit:contain;margin-bottom:.25rem;image-rendering:pixelated}.creature-placeholder{width:64px;height:64px;background:#4ecdc433;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#4ecdc4;margin:0 auto .25rem}.creature-stats{display:flex;justify-content:center;gap:.5rem;font-size:.7rem;color:#888;margin-top:.25rem}.creature-stats span{display:flex;align-items:center;gap:.2rem}.creatures-loading,.creatures-error,.no-creatures{background:#ffffff0d;border-radius:8px;padding:2rem;text-align:center;color:#888}.creatures-error{border:1px solid #e74c3c;color:#e74c3c}.creatures-error button{margin-top:1rem;background:none;border:1px solid #e74c3c;color:#e74c3c;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.no-creatures p{margin:0 0 1rem}.create-link{color:#4ecdc4;text-decoration:none;font-weight:600}.create-link:hover{text-decoration:underline}.creature-emoji{font-size:2rem;margin-bottom:.25rem}.creature-name{font-size:.8rem;color:#fff;font-weight:600}.creature-level{font-size:.7rem;color:#888}.selected-badge{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#4ecdc4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff}.selection-info{display:flex;justify-content:space-between;font-size:.85rem;color:#888}.selection-info .warning{color:#f39c12}.error-message{background:#e74c3c33;border:1px solid #e74c3c;border-radius:6px;padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;color:#e74c3c}.error-message button{background:none;border:1px solid #e74c3c;color:#e74c3c;padding:.25rem .5rem;border-radius:4px;cursor:pointer}.start-section{text-align:center;margin-bottom:1rem}.enter-battle-button{background:linear-gradient(135deg,#4ecdc4,#44bd32);color:#fff;border:none;padding:1rem 3rem;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.enter-battle-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 8px 24px #4ecdc466}.enter-battle-button:disabled{opacity:.5;cursor:not-allowed}.attempts-info{text-align:center;font-size:.85rem;color:#888;display:flex;justify-content:center;gap:1rem}@media (max-width: 768px){.challenge-day-page{padding:1rem}.day-content-grid{grid-template-columns:1fr;gap:1.5rem}.day-title{font-size:1.5rem}.creature-grid{grid-template-columns:repeat(2,1fr)}}: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-title-on-light: #8B5A2B;--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}@media (max-width: 576px){html,body,#root{overflow-x:hidden;max-width:100vw}}