@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Concert+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";.minesweeper-game{display:flex;flex-direction:column;align-items:center;font-family:inherit;-webkit-user-select:none;user-select:none;padding:24px;background-color:var(--gi-background);gap:2rem;width:100%}.minesweeper-game .game-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;width:100%;max-width:700px;background-color:#2b2b2b;padding:1rem 1.5rem;border-radius:12px;color:#fff}.minesweeper-game .game-header .game-info{display:flex;flex-wrap:wrap;gap:1rem;font-size:1.1rem;font-weight:700;align-items:center}.minesweeper-game .game-header .game-info .info-item{display:flex;align-items:center;gap:.4rem;font-variant-numeric:tabular-nums;justify-content:center;white-space:nowrap}.minesweeper-game .game-header .game-info .info-item .icon{font-size:1.3rem}.minesweeper-game .game-header .game-info .info-item .icon.red{color:#ff4d4f;animation:pulse 1s infinite}.minesweeper-game .game-header .game-controls{display:flex;gap:.5rem}.minesweeper-game .game-header .game-controls .icon-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:8px;cursor:pointer;transition:all .2s}.minesweeper-game .game-header .game-controls .icon-btn:hover{background:#ffffff1a;border-color:#fff}.minesweeper-game .game-header .game-controls .icon-btn:disabled{opacity:.5;cursor:not-allowed}.minesweeper-game .game-board{--misw-primary: #99b4c2;--misw-secondary: #e0e0f3;--misw-background: #f8f7ff;--misw-bomb: #d53141;--misw-flag: #ee4131;position:relative;display:grid;gap:1px;padding:4px;background-color:#7f8c8d;border-radius:4px;box-shadow:0 4px 12px #0000004d}.minesweeper-game .game-board .cell{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--misw-primary);font-size:16px;font-weight:700;cursor:pointer;color:gray;font-family:Concert One,cursive}.minesweeper-game .game-board .cell.opened{background-color:var(--misw-background)}.minesweeper-game .game-board .cell:hover:not(.opened){background-color:var(--misw-secondary)}.minesweeper-game .game-board .cell.flagged{color:var(--misw-flag)}.minesweeper-game .game-board .cell.bomb{color:#000}.minesweeper-game .game-board .cell.bomb.exploded{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.minesweeper-game .game-board .cell.void{background-color:transparent!important;border:none!important;cursor:default!important;pointer-events:none}.minesweeper-game .config-panel{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:600px;background-color:#2b2b2b;padding:1.5rem;border-radius:12px}.minesweeper-game .config-panel .config-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.minesweeper-game .config-panel .config-row .label{min-width:80px;font-weight:700;color:#dfdfdf}.minesweeper-game .config-panel .config-row.advanced{margin-top:.5rem;justify-content:space-between;background:#0003;padding:.75rem;border-radius:8px;color:#fff}.minesweeper-game .config-panel .config-row.advanced .ant-checkbox-wrapper{color:#fff;margin-inline-start:0}.minesweeper-game .config-panel .config-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1rem;background:#0003;border-radius:8px}.minesweeper-game .config-panel .config-inputs label{display:flex;flex-direction:column;gap:.5rem;color:#dfdfdf;font-weight:500;font-size:.9rem}.minesweeper-game .config-panel .config-inputs label .ant-input-number{width:100%}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.board-wrapper{animation:fadeScaleIn .4s cubic-bezier(.16,1,.3,1)}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ms-modal .ant-modal-content{background-color:#2c3e50;color:#fff;border:1px solid rgba(255,255,255,.1)}.ms-modal .ant-modal-content .ant-modal-header{background-color:transparent;border-bottom:1px solid rgba(255,255,255,.1)}.ms-modal .ant-modal-content .ant-modal-header .ant-modal-title{color:#fff}.ms-modal .ant-modal-content .ant-modal-close{color:#ffffff80}.ms-modal .ant-modal-content .ant-modal-close:hover{color:#fff;background-color:#ffffff1a}.ms-modal .ant-modal-content .ant-table{background-color:transparent;color:#fff}.ms-modal .ant-modal-content .ant-table .ant-table-thead>tr>th{background-color:#0003;color:#fffc;border-bottom:1px solid rgba(255,255,255,.1)}.ms-modal .ant-modal-content .ant-table .ant-table-tbody>tr>td{border-bottom:1px solid rgba(255,255,255,.05);color:#fff}.ms-modal .ant-modal-content .ant-table .ant-table-tbody>tr:hover>td{background-color:#ffffff0d!important}.ms-modal .ant-modal-content .ant-table .ant-empty-description{color:#ffffff80}.ms-modal .ant-modal-content .ant-pagination .ant-pagination-item{background:transparent;border-color:#fff3}.ms-modal .ant-modal-content .ant-pagination .ant-pagination-item a{color:#fff}.ms-modal .ant-modal-content .ant-pagination .ant-pagination-item-active{border-color:#1890ff}.ms-modal .ant-modal-content .ant-pagination .ant-pagination-item-active a{color:#1890ff}.ms-modal .ant-modal-content .ant-pagination .ant-pagination-prev button,.ms-modal .ant-modal-content .ant-pagination .ant-pagination-next button,.ms-modal .ant-modal-content h3{color:#fff}.townhall-container{padding:20px;height:calc(100vh - 80px);display:flex;flex-direction:column;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;max-width:1200px;margin:0 auto}.townhall-container .connection-status{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:16px;border-radius:8px;font-size:13px}html.dark .townhall-container .connection-status{background:#ffffff0d}html.light .townhall-container .connection-status{background:#00000008}.townhall-container .connection-status .status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.townhall-container .connection-status .status-text{flex:1;font-weight:500}.townhall-container .connection-status .leave-btn{font-size:12px}.townhall-container .chat-wrapper{flex:1;display:flex;gap:16px;min-height:0;border-radius:12px;overflow:hidden}html.dark .townhall-container .chat-wrapper{background:#ffffff08;border:1px solid rgba(255,255,255,.1)}html.light .townhall-container .chat-wrapper{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000000d}.townhall-container .user-sidebar{width:200px;display:flex;flex-direction:column;border-right:1px solid}html.dark .townhall-container .user-sidebar{border-color:#ffffff1a;background:#0003}html.light .townhall-container .user-sidebar{border-color:#00000014;background:#00000005}.townhall-container .user-sidebar .sidebar-header{padding:16px;display:flex;align-items:center;gap:8px;font-weight:600;border-bottom:1px solid}html.dark .townhall-container .user-sidebar .sidebar-header{border-color:#ffffff1a}html.light .townhall-container .user-sidebar .sidebar-header{border-color:#00000014}.townhall-container .user-sidebar .sidebar-header .user-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:12px;font-size:12px;font-weight:700}html.dark .townhall-container .user-sidebar .sidebar-header .user-count,html.light .townhall-container .user-sidebar .sidebar-header .user-count{background:#52c41a;color:#fff}.townhall-container .user-sidebar .user-list{flex:1;overflow-y:auto;padding:8px}.townhall-container .user-sidebar .user-list .user-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;margin-bottom:4px;transition:background .2s}html.dark .townhall-container .user-sidebar .user-list .user-item:hover{background:#ffffff0d}html.light .townhall-container .user-sidebar .user-list .user-item:hover{background:#00000008}html.dark .townhall-container .user-sidebar .user-list .user-item.you{background:#52c41a26}html.light .townhall-container .user-sidebar .user-list .user-item.you{background:#52c41a1a}.townhall-container .user-sidebar .user-list .user-item .user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}html.dark .townhall-container .user-sidebar .user-list .user-item .user-avatar,html.light .townhall-container .user-sidebar .user-list .user-item .user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.townhall-container .user-sidebar .user-list .user-item .user-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.townhall-container .chat-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.townhall-container .join-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html.dark .townhall-container .join-overlay{background:#000000b3}html.light .townhall-container .join-overlay{background:#fffc}.townhall-container .join-overlay .join-card{padding:32px;border-radius:16px;text-align:center;max-width:360px;width:100%}html.dark .townhall-container .join-overlay .join-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}html.light .townhall-container .join-overlay .join-card{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #00000026}.townhall-container .join-overlay .join-card h2{margin:0 0 8px;font-size:24px;font-weight:700}.townhall-container .join-overlay .join-card p{margin:0 0 24px;opacity:.7;font-size:14px}.townhall-container .join-overlay .join-card .ant-input{margin-bottom:12px;height:44px;font-size:15px}.townhall-container .join-overlay .join-card .error-message{color:#ff4d4f;font-size:13px;margin-bottom:12px}.townhall-container .join-overlay .join-card .ant-btn{height:44px;font-size:15px;font-weight:600}html.dark .townhall-container .join-overlay .join-card .ant-btn{background:#52c41a;border-color:#52c41a;color:#fff}html.dark .townhall-container .join-overlay .join-card .ant-btn:hover{background:#73d13d;border-color:#73d13d}html.dark .townhall-container .join-overlay .join-card .ant-btn:disabled{background:#52c41a66;border-color:transparent;color:#fff9}.townhall-container .chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column-reverse;gap:12px}.townhall-container .chat-messages .empty-chat{flex:1;display:flex;align-items:center;justify-content:center;opacity:.5;font-style:italic}.townhall-container .chat-messages .system-message{text-align:center;font-size:12px;padding:8px 16px;opacity:.6;font-style:italic}.townhall-container .chat-messages .message{display:flex;flex-direction:column;max-width:70%;align-self:flex-start}.townhall-container .chat-messages .message.own-message{align-self:flex-end}html.dark .townhall-container .chat-messages .message.own-message .message-bubble,html.light .townhall-container .chat-messages .message.own-message .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.townhall-container .chat-messages .message.own-message .message-time{opacity:.8}.townhall-container .chat-messages .message .message-sender{font-size:12px;font-weight:600;margin-bottom:4px;margin-left:12px;opacity:.7}.townhall-container .chat-messages .message .message-bubble{padding:10px 14px;border-radius:16px;word-wrap:break-word;white-space:pre-wrap}html.dark .townhall-container .chat-messages .message .message-bubble{background:#ffffff1a}html.light .townhall-container .chat-messages .message .message-bubble{background:#0000000f}.townhall-container .chat-messages .message .message-bubble .message-text{display:block}.townhall-container .chat-messages .message .message-bubble .message-time{display:block;font-size:10px;opacity:.6;margin-top:4px;text-align:right}.townhall-container .chat-input-area{display:flex;gap:12px;padding:16px;border-top:1px solid}html.dark .townhall-container .chat-input-area{border-color:#ffffff1a}html.light .townhall-container .chat-input-area{border-color:#00000014}.townhall-container .chat-input-area .ant-input{flex:1;resize:none;font-size:14px;border-radius:20px;padding:10px 16px}.townhall-container .chat-input-area .ant-btn{height:40px;padding:0 24px;border-radius:20px;font-weight:600}html.dark .townhall-container .chat-input-area .ant-btn.ant-btn-primary{color:#fff!important}@media(max-width:768px){.townhall-container{padding:12px}.townhall-container .chat-wrapper{flex-direction:column}.townhall-container .user-sidebar{width:100%;max-height:120px;border-right:none;border-bottom:1px solid}html.dark .townhall-container .user-sidebar{border-color:#ffffff1a}html.light .townhall-container .user-sidebar{border-color:#00000014}.townhall-container .user-sidebar .user-list{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.townhall-container .user-sidebar .user-list .user-item{margin:0;padding:4px 8px}.townhall-container .chat-messages .message{max-width:85%}}.battleship-container{padding:20px;-webkit-user-select:none;user-select:none;min-height:100vh;font-family:Orbitron,sans-serif;--bs-panel-bg: #252542;--bs-panel-bg-inner: #1a1a2e;--bs-text-primary: #d1d5db;--bs-text-secondary: #9ca3af;--bs-border-color: rgba(255, 255, 255, .1);--bs-input-bg: #252542;--bs-input-text: white;--bs-ships-bg: #252542;--bs-label-color: #9ca3af;--bs-disabled-bg: #374151;--bs-timer-color: #9ca3af}.dark .battleship-container{background:radial-gradient(ellipse at center,#1a1a2e,#0f0f1a)}.light .battleship-container{background:radial-gradient(ellipse at center,#f3f4f6,#e5e7eb);--bs-panel-bg: #e5e7eb;--bs-panel-bg-inner: #ffffff;--bs-text-primary: #1f2937;--bs-text-secondary: #374151;--bs-border-color: rgba(0, 0, 0, .15);--bs-input-bg: white;--bs-input-text: #1f2937;--bs-ships-bg: #e5e7eb;--bs-label-color: #374151;--bs-disabled-bg: #d1d5db;--bs-timer-color: #4b5563}.battleship-container .battleship-game{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px}.dark .battleship-container .battleship-game{background:#1e1e32b3;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.light .battleship-container .battleship-game{background:#ffffffd9;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 16px #0000001a}.battleship-container .battleship-game .ant-card-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px}.battleship-container .mode-selector{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px}.battleship-container .mode-selector .mode-title{font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;background:linear-gradient(135deg,#0ea5e9,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.battleship-container .mode-selector .mode-button{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.5rem;padding:24px 60px;border:none;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:2px}.battleship-container .mode-selector .mode-button:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 8px 40px #0ea5e966}.battleship-container .mode-selector .mode-button:disabled,.battleship-container .mode-selector .mode-button.ant-btn-primary:disabled,.battleship-container .mode-selector .mode-button[disabled]{opacity:.9!important;cursor:not-allowed!important;background:linear-gradient(135deg,#374151,#4b5563)!important;color:#9ca3af!important;box-shadow:0 4px 20px #0000004d!important;--ant-color-primary: #374151 !important;--ant-color-text-disabled: #9ca3af !important}.battleship-container .mode-selector .mode-button.vs-bot{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;box-shadow:0 4px 20px #0ea5e966}.battleship-container .mode-selector .mode-button.vs-bot:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.battleship-container .mode-selector .mode-button.vs-player{background:linear-gradient(135deg,#374151,#4b5563);color:#9ca3af;box-shadow:0 4px 20px #0000004d}.battleship-container .the-game{width:100%}.battleship-container .the-game .game-info{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.dark .battleship-container .the-game .game-info{background:#1e1e32b3;border:1px solid rgba(255,255,255,.1)}.light .battleship-container .the-game .game-info{background:#fffc;border:1px solid rgba(0,0,0,.1)}.battleship-container .the-game .game-info .title{font-weight:900;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;line-height:1.2;color:#22d3ee!important}.battleship-container .the-game .game-info .title.player{background:linear-gradient(135deg,#22d3ee,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battleship-container .the-game .game-info .title.opponent{background:linear-gradient(135deg,#fca5a5,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battleship-container .the-game .game-info .title.setup-title{background:linear-gradient(135deg,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battleship-container .the-game .game-info .life{display:flex;flex-direction:column;gap:4px;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--bs-label-color)}.battleship-container .the-game .game-info .life .counter{font-size:2.5rem;font-weight:900;color:#22d3ee;text-shadow:0 0 20px rgba(34,211,238,.4)}.battleship-container .the-game .game-info .life.opponent .counter{color:#f97316;text-shadow:0 0 20px rgba(249,115,22,.4)}.battleship-container .the-game .game-info .turn-indicator{padding:12px 20px;border-radius:8px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:1px;animation:pulse-glow 2s infinite;color:#22d3ee;background:linear-gradient(135deg,#0ea5e933,#06b6d433);border:1px solid rgba(14,165,233,.4)}.battleship-container .the-game .game-info .turn-indicator.opponent-turn{background:linear-gradient(135deg,#ef444433,#f9731633);border:1px solid rgba(239,68,68,.4);color:#ef4444}.battleship-container .the-game .game-info .stopwatch-container,.battleship-container .the-game .game-info .timer{font-size:1.1rem;font-variant-numeric:tabular-nums;color:var(--bs-timer-color)!important}.battleship-container .the-game .game-info .stopwatch-container *,.battleship-container .the-game .game-info .timer *{color:inherit!important}.battleship-container .the-game .game-info .gi-button{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;padding:20px 24px;height:auto;border-radius:12px;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;box-shadow:0 4px 20px #4ade804d;transition:all .3s ease}.battleship-container .the-game .game-info .gi-button:hover:not(:disabled){box-shadow:0 8px 30px #4ade8066}.battleship-container .the-game .game-info .gi-button:disabled{background:linear-gradient(135deg,#374151,#4b5563);box-shadow:none}.battleship-container .the-game .game-info .back-to-menu-btn{font-family:Orbitron,sans-serif;font-weight:600;font-size:.85rem;padding:10px 20px;height:auto;border-radius:8px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffb3}.battleship-container .the-game .game-info .back-to-menu-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#fffffff2}.light .battleship-container .the-game .game-info .back-to-menu-btn{border-color:#00000026;background:#0000000d;color:#0009}.light .battleship-container .the-game .game-info .back-to-menu-btn:hover:not(:disabled){background:#0000001a;border-color:#00000040;color:#000000d9}.battleship-container .the-game .game-info .score-info{display:flex;flex-direction:column;gap:8px}.dark .battleship-container .the-game .game-info .score-info{color:#d1d5db}.light .battleship-container .the-game .game-info .score-info{color:#4b5563}.battleship-container .the-game .game-info .score-info .accuracy,.battleship-container .the-game .game-info .score-info .time{font-size:.95rem}.battleship-container .the-game .game-info .score-info .score{font-size:1.5rem;font-weight:900;color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.4)}.battleship-container .the-game .game-info .game-config-collapse{margin-top:16px;border-radius:12px;overflow:hidden;background:#252542!important;border:1px solid rgba(255,255,255,.1)!important}.battleship-container .the-game .game-info .game-config-collapse .ant-collapse-header{font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#fff!important}.battleship-container .the-game .game-info .game-config-collapse .ant-collapse-content{background:#1a1a2e!important;border-top:1px solid rgba(255,255,255,.1)!important}.battleship-container .the-game .game-info .game-config-collapse .ant-collapse-content-box{background:#1a1a2e!important}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper{display:flex;flex-direction:column;gap:8px;color:#d1d5db}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ant-form-item{margin-bottom:8px}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ships-label{padding:0;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--bs-label-color)}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ant-form-item-label>label{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--bs-label-color)!important}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ant-radio-group{display:flex;gap:8px;flex-wrap:wrap}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .game-mode-selector .ant-radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;width:100%}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .game-mode-selector .ant-radio-group .ant-radio-button-wrapper{text-align:center;padding-inline:4px;border-radius:6px;border-inline-start-width:1px}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .game-mode-selector .ant-radio-group .ant-radio-button-wrapper:before{display:none}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .game-mode-selector .ant-radio-group .ant-radio-button-wrapper:first-child{border-radius:6px;border-left:1px solid var(--bs-border-color)}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .game-mode-selector .ant-radio-group .ant-radio-button-wrapper:last-child{border-radius:6px}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ant-radio-wrapper{font-size:.8rem;margin-right:0;color:var(--bs-text-primary)}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .difficulty-selector .ant-radio-group{gap:16px}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .field-wh .ant-form-item{margin-bottom:4px}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ship-input-wrapper{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ship-input-wrapper>div{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:16px}.dark .battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ship-input-wrapper>div{background:#ffffff1a}.light .battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ship-input-wrapper>div{background:#0000000d}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ship-input-wrapper .ant-input-number{width:50px;font-size:.85rem}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ship-input-wrapper .ant-input-number .ant-input-number-input{padding:2px 6px;height:26px}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ship-input-wrapper .delete-ship{cursor:pointer;color:#ef4444;font-size:.9rem;transition:transform .15s}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ship-input-wrapper .delete-ship:hover{transform:scale(1.2)}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ships-button-group{display:flex;flex-wrap:wrap;gap:6px}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .ships-button-group .ant-btn{font-size:.75rem;padding:4px 10px;height:auto}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .error-list{margin-top:4px;font-size:.8rem;color:#ef4444}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .update-button{margin-top:12px;display:flex;flex-direction:column;gap:6px}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .update-button .ant-btn-link{color:#22c55e;padding:0;font-size:.75rem;height:auto}.battleship-container .the-game .game-info .game-config-collapse .config-wrapper .update-button .ant-btn-primary{font-size:.85rem;padding:8px 16px;height:auto}.battleship-container .the-game .board{width:100%;height:fit-content;display:flex;align-items:center;flex-direction:column;gap:16px}.battleship-container .the-game .board .board-label{font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:2px;color:#9ca3af}.battleship-container .the-game .board .field{max-width:100%;width:max(85%,350px);aspect-ratio:1;display:grid;position:relative;padding:4px;border-radius:12px;box-shadow:0 8px 32px #0006}.battleship-container .the-game .board .field .cell{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(10px,2vw,16px);border:1px solid rgba(0,0,0,.3);transition:background .15s ease,box-shadow .15s ease;position:relative}.battleship-container .the-game .board .field .cell.coordinate{background:#0009!important;color:#fffc;font-size:clamp(8px,1.5vw,12px)}.battleship-container .the-game .board .field .cell.reveal{background:#ffffff0d}.battleship-container .the-game .board .field .cell.hidden{background:#ffffff14;cursor:default}.battleship-container .the-game .board .field .cell.hit{background:radial-gradient(circle,#ef4444cc,#dc262699);animation:hit-pulse 1.5s ease-in-out infinite}.battleship-container .the-game .board .field .cell.hit svg{color:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}.battleship-container .the-game .board .field .cell.miss{background:#64748b66}.battleship-container .the-game .board .field .cell.miss svg{color:#94a3b8}.battleship-container .the-game .board .field .cell.hovered{cursor:pointer;background:#4ade804d!important;box-shadow:inset 0 0 12px #4ade8066}.battleship-container .the-game .board .field .cell.hovered.invalid{cursor:no-drop;background:#ef444480!important;box-shadow:inset 0 0 12px #ef444499}.battleship-container .the-game .board .field .cell.hoverdelete{cursor:pointer;background:#ef444480!important;box-shadow:inset 0 0 12px #ef444499}.battleship-container .the-game .board .field .cell.power-hover{cursor:crosshair;background:#ef44444d!important;border:1px solid rgba(239,68,68,.8);box-shadow:0 0 10px #ef444480;z-index:10}.battleship-container .the-game .board .field .cell.power-hover:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#ef4444;border-radius:50%;opacity:.8;pointer-events:none}.battleship-container .the-game .board .field .cell.clickable:hover{cursor:crosshair;background:#0ea5e94d!important;border:1px solid rgba(14,165,233,.8);box-shadow:0 0 10px #0ea5e980;z-index:5}.battleship-container .the-game .board .field .cell.clickable:hover:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#0ea5e9;border-radius:50%;opacity:.8;pointer-events:none}.battleship-container .the-game .board .field .cell:has(.ship.horizontal){padding:2px 0}.battleship-container .the-game .board .field .cell:has(.ship.horizontal):has(.head){padding-left:2px}.battleship-container .the-game .board .field .cell:has(.ship.horizontal):has(.tail){padding-right:2px}.battleship-container .the-game .board .field .cell:has(.ship.vertical){padding:0 2px}.battleship-container .the-game .board .field .cell:has(.ship.vertical):has(.head){padding-top:2px}.battleship-container .the-game .board .field .cell:has(.ship.vertical):has(.tail){padding-bottom:2px}.battleship-container .the-game .board .field .cell .ship{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6b7280,#9ca3af,#6b7280);border:2px solid #9ca3af;box-shadow:0 2px 8px #0000004d}.battleship-container .the-game .board .field .cell .ship.hit{background:linear-gradient(135deg,#dc2626,#ef4444,#dc2626);border-color:#fca5a5;box-shadow:0 0 12px #ef444480}.battleship-container .the-game .board .field .cell .ship.horizontal{border-width:2px 1px}.battleship-container .the-game .board .field .cell .ship.vertical{border-width:1px 2px}.battleship-container .the-game .board .field .cell .ship.head.horizontal{border-top-left-radius:50%;border-bottom-left-radius:50%;border-left-width:2px}.battleship-container .the-game .board .field .cell .ship.head.vertical{border-top-left-radius:50%;border-top-right-radius:50%;border-top-width:2px}.battleship-container .the-game .board .field .cell .ship.tail.horizontal{border-top-right-radius:25%;border-bottom-right-radius:25%;border-right-width:2px}.battleship-container .the-game .board .field .cell .ship.tail.vertical{border-bottom-left-radius:25%;border-bottom-right-radius:25%;border-bottom-width:2px}.battleship-container .the-game .board .field .explode-animation{position:absolute;width:100%;height:100%;inset:0;background:radial-gradient(circle,#000000b3,#000000d9);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:20;border-radius:12px}.battleship-container .the-game .board .field .explode-animation .icon{font-size:min(120px,25vw);animation:explode-icon .4s ease-out;color:#f97316;filter:drop-shadow(0 0 30px rgba(249,115,22,.8))}.battleship-container .the-game .board .field .explode-animation .text{font-size:min(48px,10vw);font-weight:900;text-transform:uppercase;letter-spacing:4px;margin-top:16px;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.6)}.battleship-container .the-game .board .field .explode-animation.miss .icon{color:#9ca3af;filter:drop-shadow(0 0 20px rgba(156,163,175,.5))}.battleship-container .the-game .board .field .explode-animation.miss .text{color:#d1d5db;text-shadow:0 0 10px rgba(209,213,219,.5)}.battleship-container .the-game .board .field .overlay{z-index:10;position:absolute;width:100%;height:100%;inset:0;background:#00000059;cursor:not-allowed;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.battleship-container .the-game .board .field .overlay.wait{cursor:wait}.battleship-container .the-game .board .field .overlay.disabled{cursor:not-allowed}.battleship-container .the-game .board.player .field{background:linear-gradient(135deg,#0ea5e926,#06b6d41a);border:2px solid rgba(14,165,233,.3)}.battleship-container .the-game .board.opponent .field{background:linear-gradient(135deg,#ef444426,#f973161a);border:2px solid rgba(239,68,68,.3)}.battleship-container .the-game .set-up-ships{margin-top:20px;display:flex;flex-direction:column;gap:12px}.battleship-container .the-game .set-up-ships .set-up-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.dark .battleship-container .the-game .set-up-ships .set-up-header{color:#d1d5db}.light .battleship-container .the-game .set-up-ships .set-up-header{color:#4b5563}.battleship-container .the-game .set-up-ships .set-up-header .header-label{display:flex;align-items:center;gap:8px}.battleship-container .the-game .set-up-ships .set-up-header .header-label svg{color:#9ca3af;cursor:help}.battleship-container .the-game .set-up-ships .set-up-header .header-actions{display:flex;gap:8px}.battleship-container .the-game .set-up-ships .set-up-header .header-actions .ant-btn{border-radius:8px;transition:all .2s;background:#252542!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}.battleship-container .the-game .set-up-ships .set-up-header .header-actions .ant-btn svg{color:#fff!important}.battleship-container .the-game .set-up-ships .set-up-header .header-actions .ant-btn:hover:not(:disabled){transform:scale(1.05);background:#303050!important}.battleship-container .the-game .set-up-ships .set-up-header .header-actions .ant-btn:disabled{opacity:.7;color:#9ca3af!important}.battleship-container .the-game .set-up-ships .set-up-header .header-actions .ant-btn:disabled svg{color:#9ca3af!important}.battleship-container .the-game .set-up-ships .ships{display:flex;flex-wrap:wrap;gap:12px;padding:16px;border-radius:12px;background:var(--bs-ships-bg);border:1px solid var(--bs-border-color)}.battleship-container .the-game .set-up-ships .ships .display-ship{display:flex;cursor:pointer;transition:box-shadow .2s ease}.battleship-container .the-game .set-up-ships .ships .display-ship:hover:not(.placed):not(.disabled) .parts{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b66}.battleship-container .the-game .set-up-ships .ships .display-ship .parts-container{position:relative;width:40px;aspect-ratio:1;padding:3px 0}.battleship-container .the-game .set-up-ships .ships .display-ship .parts-container:has(.head){padding-left:3px}.battleship-container .the-game .set-up-ships .ships .display-ship .parts-container:has(.tail){padding-right:3px}.battleship-container .the-game .set-up-ships .ships .display-ship .parts-container .parts{width:100%;height:100%;background:linear-gradient(135deg,#6b7280,#9ca3af,#6b7280);border:2px solid #9ca3af;border-width:2px 1px;transition:background .2s ease,box-shadow .2s ease}.battleship-container .the-game .set-up-ships .ships .display-ship .parts-container .parts.head{border-top-left-radius:50%;border-bottom-left-radius:50%;border-left-width:2px}.battleship-container .the-game .set-up-ships .ships .display-ship .parts-container .parts.tail{border-top-right-radius:25%;border-bottom-right-radius:25%;border-right-width:2px}.battleship-container .the-game .set-up-ships .ships .display-ship.selected .parts{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fbbf24;box-shadow:0 0 16px #f59e0b80;animation:selected-pulse 1s infinite}.battleship-container .the-game .set-up-ships .ships .display-ship.placed{cursor:default;opacity:.5}.battleship-container .the-game .set-up-ships .ships .display-ship.placed .parts{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280}.battleship-container .the-game .set-up-ships .ships .display-ship.disabled{cursor:wait;pointer-events:none}.battleship-container .the-game .initializing{width:100%;min-height:400px;display:flex;justify-content:center;align-items:center}.battleship-container .the-game .initializing .ant-spin-text{color:#9ca3af;font-weight:500;margin-top:16px}.battleship-finish-modal .ant-modal-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px}.dark .battleship-finish-modal .ant-modal-content{background:#1e1e32e6;border:1px solid rgba(255,255,255,.1)}.light .battleship-finish-modal .ant-modal-content{background:#fffffff2;border:1px solid rgba(0,0,0,.1)}.battleship-finish-modal .ant-modal-content .ant-modal-header{background:transparent;border:none}.battleship-finish-modal .ant-modal-content .ant-modal-body{text-align:center}.battleship-finish-modal .ant-modal-content .ant-modal-footer{border:none}.battleship-finish-modal .modal-title{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:4px}.battleship-finish-modal .modal-title.win{background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:victory-glow 1s infinite alternate}.battleship-finish-modal .modal-title.lose{background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battleship-finish-modal .score-info{display:flex;flex-direction:column;gap:8px;font-size:1rem}.dark .battleship-finish-modal .score-info{color:#d1d5db}.light .battleship-finish-modal .score-info{color:#4b5563}.battleship-finish-modal .score-info .score{font-size:1.8rem;font-weight:900;color:#4ade80;margin-top:8px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes hit-pulse{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes explode-icon{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}@keyframes selected-pulse{0%,to{box-shadow:0 0 16px #f59e0b80}50%{box-shadow:0 0 24px #f59e0bcc}}@keyframes victory-glow{0%{text-shadow:0 0 20px rgba(74,222,128,.3)}to{text-shadow:0 0 40px rgba(74,222,128,.6)}}@media(max-width:768px){.battleship-container{padding:12px}.battleship-container .mode-selector{padding:20px}.battleship-container .mode-selector .mode-title{font-size:1.5rem}.battleship-container .mode-selector .mode-button{font-size:1.1rem;padding:18px 40px}.battleship-container .the-game .game-info{padding:16px}.battleship-container .the-game .game-info .title{font-size:1.2rem}.battleship-container .the-game .game-info .life .counter{font-size:2rem}.battleship-container .the-game .game-info .gi-button{font-size:1rem;padding:16px}.battleship-container .the-game .set-up-ships .ships{padding:12px}.battleship-container .the-game .set-up-ships .ships .display-ship .parts-container{width:32px}}.battleship-lobby{padding:20px;max-width:1000px;margin:0 auto;min-height:500px}.battleship-lobby .connection-status{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;background:linear-gradient(135deg,#1e1e32e6,#141428f2);border-radius:12px;border:1px solid rgba(100,100,150,.3);width:fit-content;box-shadow:0 4px 15px #0000004d}.battleship-lobby .connection-status .status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.battleship-lobby .connection-status .status-text{font-size:14px;color:#fffc;font-weight:500}.battleship-lobby .name-card{max-width:450px;margin:60px auto;text-align:center;background:linear-gradient(145deg,#282846f2,#19192dfa);border:1px solid rgba(100,120,200,.3);border-radius:20px;padding:40px;box-shadow:0 20px 50px #0006,0 0 100px #3c50b41a}.battleship-lobby .name-card h2{margin-bottom:8px;color:#fff;font-size:28px;font-weight:700;background:linear-gradient(135deg,#64b5f6,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battleship-lobby .name-card .subtitle{color:#fff9;margin-bottom:30px;font-size:14px}.battleship-lobby .name-card .ant-input{height:50px;font-size:18px;text-align:center;background:#0000004d;border:2px solid rgba(100,120,200,.3);border-radius:12px;color:#fff;margin-bottom:16px;transition:all .3s ease}.battleship-lobby .name-card .ant-input:focus,.battleship-lobby .name-card .ant-input:hover{border-color:#64b4ff99;box-shadow:0 0 20px #64b4ff33}.battleship-lobby .name-card .ant-input::placeholder{color:#fff6}.battleship-lobby .name-card .error-text{color:#ff6b6b;font-size:13px;margin-bottom:16px;padding:8px 12px;background:#ff64641a;border-radius:8px}.battleship-lobby .name-card .ant-btn-primary{height:50px;font-size:16px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#4a90d9,#357abd);border:none;box-shadow:0 4px 15px #4a90d966;transition:all .3s ease}.battleship-lobby .name-card .ant-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a90d980}.battleship-lobby .name-card .ant-btn-link{color:#fff9;margin-top:16px}.battleship-lobby .name-card .ant-btn-link:hover{color:#ffffffe6}.battleship-lobby .lobby-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#282846e6,#191932f2);border-radius:16px;border:1px solid rgba(100,120,200,.2);box-shadow:0 8px 30px #0000004d}.battleship-lobby .lobby-header .player-info{font-size:16px;color:#fffc;display:flex;align-items:center;gap:12px}.battleship-lobby .lobby-header .player-info .player-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#4a90d9,#357abd);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff;box-shadow:0 4px 12px #4a90d966}.battleship-lobby .lobby-header .player-info strong{color:#64b5f6;font-size:18px}.battleship-lobby .lobby-header .actions{display:flex;gap:10px;flex-wrap:wrap}.battleship-lobby .lobby-header .actions .ant-btn{border-radius:10px;font-weight:500;height:40px;padding:0 20px;transition:all .3s ease}.battleship-lobby .lobby-header .actions .ant-btn:hover:not(:disabled){transform:translateY(-1px)}.battleship-lobby .lobby-header .actions .ant-btn-primary{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;box-shadow:0 4px 12px #4caf504d}.battleship-lobby .lobby-header .actions .ant-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #4caf5066}.battleship-lobby .lobby-header .actions .ant-btn-default{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6}.battleship-lobby .lobby-header .actions .ant-btn-default:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#fff}.battleship-lobby .room-list-card{background:linear-gradient(145deg,#23233cf2,#141428fa);border:1px solid rgba(100,120,200,.2);border-radius:16px;padding:24px;box-shadow:0 10px 40px #0000004d}.battleship-lobby .room-list-card h3{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#fff;font-size:20px;font-weight:600}.battleship-lobby .room-list-card h3 svg{color:#64b5f6;font-size:22px}.battleship-lobby .room-list-card .ant-table-wrapper{width:100%}.battleship-lobby .room-list-card .ant-table{background:transparent;width:100%}.battleship-lobby .room-list-card .ant-table .ant-table-thead>tr>th{background:#32325099;color:#ffffffe6;border-bottom:1px solid rgba(100,120,200,.3);font-weight:600;padding:14px 16px}.battleship-lobby .room-list-card .ant-table .ant-table-thead>tr>th:first-child{border-radius:10px 0 0}.battleship-lobby .room-list-card .ant-table .ant-table-thead>tr>th:last-child{border-radius:0 10px 0 0}.battleship-lobby .room-list-card .ant-table .ant-table-tbody>tr>td{background:#1e1e3799;color:#ffffffd9;border-bottom:1px solid rgba(100,120,200,.15);padding:12px 16px;transition:all .2s ease}.battleship-lobby .room-list-card .ant-table .ant-table-tbody>tr:hover>td{background:#32325080}.battleship-lobby .room-list-card .ant-table .ant-table-tbody>tr:last-child>td:first-child{border-radius:0 0 0 10px}.battleship-lobby .room-list-card .ant-table .ant-table-tbody>tr:last-child>td:last-child{border-radius:0 0 10px}.battleship-lobby .room-list-card .ant-table .ant-table-placeholder{background:#1e1e3799;color:#ffffff80}.battleship-lobby .room-list-card .ant-table .ant-table-placeholder .ant-empty-description{color:#ffffff80}.battleship-lobby .room-list-card .ant-tag{border-radius:6px;font-weight:500;padding:2px 10px}.battleship-lobby .waiting-room{max-width:550px;margin:40px auto;background:linear-gradient(145deg,#282846f2,#19192dfa);border:1px solid rgba(100,120,200,.3);border-radius:20px;padding:32px;box-shadow:0 20px 50px #0006,0 0 80px #3c50b41a}.battleship-lobby .waiting-room .waiting-header{text-align:center;margin-bottom:28px}.battleship-lobby .waiting-room .waiting-header h2{color:#fff;font-size:26px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff,#b0bec5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battleship-lobby .waiting-room .waiting-header .room-code{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#64b4ff26,#3c78c81a);border:2px dashed rgba(100,180,255,.4);border-radius:14px;color:#fffc}.battleship-lobby .waiting-room .waiting-header .room-code svg{color:#ffd54f}.battleship-lobby .waiting-room .waiting-header .room-code strong{color:#64b5f6;font-size:24px;letter-spacing:4px;font-family:Courier New,monospace}.battleship-lobby .waiting-room .waiting-header .room-code .ant-btn-link{color:#ffffffb3;font-size:13px}.battleship-lobby .waiting-room .waiting-header .room-code .ant-btn-link:hover{color:#64b5f6}.battleship-lobby .waiting-room .room-settings{margin-bottom:28px;padding:20px;background:#0003;border-radius:14px;border:1px solid rgba(100,120,200,.15)}.battleship-lobby .waiting-room .room-settings .setting-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:#ffffffe6;font-size:15px}.battleship-lobby .waiting-room .room-settings .setting-row:not(:last-child){border-bottom:1px solid rgba(100,120,200,.1)}.battleship-lobby .waiting-room .room-settings .setting-row .label{color:#fff9}.battleship-lobby .waiting-room .players-list{margin-bottom:28px}.battleship-lobby .waiting-room .players-list .player{display:flex;align-items:center;gap:16px;padding:18px 20px;margin-bottom:10px;background:#0003;border-radius:14px;border:1px solid rgba(100,120,200,.15);color:#fffffff2;transition:all .3s ease}.battleship-lobby .waiting-room .players-list .player .player-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.battleship-lobby .waiting-room .players-list .player.host{border-left:4px solid #ffd54f}.battleship-lobby .waiting-room .players-list .player.host .player-icon{background:linear-gradient(135deg,#ffd54f,#ffb300);color:#1a1a2e}.battleship-lobby .waiting-room .players-list .player.guest{border-left:4px solid #64b5f6}.battleship-lobby .waiting-room .players-list .player.guest .player-icon{background:linear-gradient(135deg,#64b5f6,#42a5f5);color:#1a1a2e}.battleship-lobby .waiting-room .players-list .player.waiting{border:2px dashed rgba(100,120,200,.3);background:transparent;justify-content:center}.battleship-lobby .waiting-room .players-list .player.waiting .waiting-text{color:#ffffff80;font-style:italic;animation:waitingPulse 2s infinite}.battleship-lobby .waiting-room .players-list .player .name{font-weight:600;font-size:16px;flex:1}.battleship-lobby .waiting-room .players-list .player .ant-tag{border-radius:8px;padding:4px 12px;font-weight:600}@keyframes waitingPulse{0%,to{opacity:.5}50%{opacity:1}}.battleship-lobby .waiting-room .ant-btn-danger{height:48px;font-size:15px;font-weight:600;border-radius:12px}.create-room-modal-root.ant-modal-root .ant-modal-content,.create-room-modal.ant-modal .ant-modal-content{background:linear-gradient(145deg,#2d2d4b,#1e1e37)!important;border:1px solid rgba(100,120,200,.3)!important;border-radius:20px!important;box-shadow:0 25px 60px #00000080!important}.create-room-modal-root.ant-modal-root .ant-modal-header,.create-room-modal.ant-modal .ant-modal-header{background:transparent!important;border-bottom:1px solid rgba(100,120,200,.2)!important;padding:20px 24px!important;margin-bottom:0!important}.create-room-modal-root.ant-modal-root .ant-modal-header .ant-modal-title,.create-room-modal.ant-modal .ant-modal-header .ant-modal-title{color:#fff!important;font-size:22px!important;font-weight:600!important}.create-room-modal-root.ant-modal-root .ant-modal-body,.create-room-modal.ant-modal .ant-modal-body{padding:24px!important;background:transparent!important}.create-room-modal-root.ant-modal-root .ant-modal-close,.create-room-modal.ant-modal .ant-modal-close{color:#fff9!important}.create-room-modal-root.ant-modal-root .ant-modal-close:hover,.create-room-modal.ant-modal .ant-modal-close:hover{color:#fff!important}.create-room-modal-root.ant-modal-root .create-room-form .form-group,.create-room-modal.ant-modal .create-room-form .form-group{margin-bottom:20px}.create-room-modal-root.ant-modal-root .create-room-form .form-group label,.create-room-modal.ant-modal .create-room-form .form-group label{display:block;margin-bottom:10px;font-weight:600;color:#ffffffe6;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.create-room-modal-root.ant-modal-root .create-room-form .form-group .ant-input,.create-room-modal.ant-modal .create-room-form .form-group .ant-input{height:46px;background:#0000004d;border:1px solid rgba(100,120,200,.3);border-radius:10px;color:#fff}.create-room-modal-root.ant-modal-root .create-room-form .form-group .ant-input::placeholder,.create-room-modal.ant-modal .create-room-form .form-group .ant-input::placeholder{color:#fff6}.create-room-modal-root.ant-modal-root .create-room-form .form-group .ant-input:focus,.create-room-modal-root.ant-modal-root .create-room-form .form-group .ant-input:hover,.create-room-modal.ant-modal .create-room-form .form-group .ant-input:focus,.create-room-modal.ant-modal .create-room-form .form-group .ant-input:hover{border-color:#64b4ff80}.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid,.create-room-modal.ant-modal .create-room-form .form-group .button-grid{display:grid;gap:10px}.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid.cols-2,.create-room-modal.ant-modal .create-room-form .form-group .button-grid.cols-2{grid-template-columns:repeat(2,1fr)}.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid .ant-btn,.create-room-modal.ant-modal .create-room-form .form-group .button-grid .ant-btn{height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;font-weight:600;transition:all .2s ease}.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid .ant-btn.ant-btn-default,.create-room-modal.ant-modal .create-room-form .form-group .button-grid .ant-btn.ant-btn-default{background:#ffffff0d;border:2px solid rgba(100,120,200,.25);color:#fff9}.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid .ant-btn.ant-btn-default:hover:not(:disabled),.create-room-modal.ant-modal .create-room-form .form-group .button-grid .ant-btn.ant-btn-default:hover:not(:disabled){background:#ffffff1a;border-color:#64b4ff66;color:#ffffffd9}.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid .ant-btn.ant-btn-primary,.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid .ant-btn.selected,.create-room-modal.ant-modal .create-room-form .form-group .button-grid .ant-btn.ant-btn-primary,.create-room-modal.ant-modal .create-room-form .form-group .button-grid .ant-btn.selected{background:linear-gradient(135deg,#4a90d9,#357abd)!important;border:2px solid transparent!important;color:#fff!important;box-shadow:0 4px 15px #4a90d966}.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid .ant-btn.ant-btn-primary:hover:not(:disabled),.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid .ant-btn.selected:hover:not(:disabled),.create-room-modal.ant-modal .create-room-form .form-group .button-grid .ant-btn.ant-btn-primary:hover:not(:disabled),.create-room-modal.ant-modal .create-room-form .form-group .button-grid .ant-btn.selected:hover:not(:disabled){box-shadow:0 6px 20px #4a90d980;transform:translateY(-1px)}.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid .ant-btn:disabled,.create-room-modal.ant-modal .create-room-form .form-group .button-grid .ant-btn:disabled{opacity:.4;cursor:not-allowed}.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid .ant-btn .mode-label,.create-room-modal.ant-modal .create-room-form .form-group .button-grid .ant-btn .mode-label{font-size:14px;font-weight:700}.create-room-modal-root.ant-modal-root .create-room-form .form-group .button-grid .ant-btn .mode-size,.create-room-modal.ant-modal .create-room-form .form-group .button-grid .ant-btn .mode-size{font-size:11px;font-weight:500;opacity:.8}.create-room-modal-root.ant-modal-root .create-room-form .error-text,.create-room-modal.ant-modal .create-room-form .error-text{color:#ff6b6b;font-size:13px;margin-bottom:16px;padding:10px 14px;background:#ff64641a;border-radius:8px}.create-room-modal-root.ant-modal-root .create-room-form .create-btn,.create-room-modal.ant-modal .create-room-form .create-btn{height:50px;font-size:16px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;box-shadow:0 4px 15px #4caf5066;transition:all .3s ease;margin-top:8px}.create-room-modal-root.ant-modal-root .create-room-form .create-btn:hover:not(:disabled),.create-room-modal.ant-modal .create-room-form .create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.ant-modal:has(.join-code-form) .ant-modal-content{background:linear-gradient(145deg,#2d2d4bfa,#1e1e37fc);border:1px solid rgba(100,120,200,.3);border-radius:20px;box-shadow:0 25px 60px #00000080}.ant-modal:has(.join-code-form) .ant-modal-header{background:transparent;border-bottom:1px solid rgba(100,120,200,.2)}.ant-modal:has(.join-code-form) .ant-modal-header .ant-modal-title{color:#fff;font-size:20px;font-weight:600}.ant-modal:has(.join-code-form) .ant-modal-close{color:#fff9}.ant-modal:has(.join-code-form) .ant-modal-close:hover{color:#fff}.join-code-form .ant-input{height:60px;font-size:28px;text-align:center;background:#0000004d;border:2px solid rgba(100,120,200,.3);border-radius:12px;color:#64b5f6;font-family:Courier New,monospace}.join-code-form .ant-input::placeholder{color:#ffffff4d;font-size:16px}.join-code-form .ant-input:focus,.join-code-form .ant-input:hover{border-color:#64b4ff80;box-shadow:0 0 20px #64b4ff33}.join-code-form .error-text{color:#ff6b6b;font-size:13px;margin-top:12px;padding:10px 14px;background:#ff64641a;border-radius:8px;text-align:center}.join-code-form .ant-btn-primary{height:50px;font-size:16px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#4a90d9,#357abd);border:none;box-shadow:0 4px 15px #4a90d966;transition:all .3s ease}.join-code-form .ant-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a90d980}.light .battleship-lobby .connection-status{background:linear-gradient(135deg,#f0f2faf2,#e6ebf5fa);border-color:#6478b433;box-shadow:0 4px 15px #0000001a}.light .battleship-lobby .connection-status .status-text{color:#1e1e3ccc}.light .battleship-lobby .name-card{background:linear-gradient(145deg,#fffffffa,#f5f8fffc);border-color:#6478c833;box-shadow:0 20px 50px #0000001a,0 0 100px #3c50b40d}.light .battleship-lobby .name-card h2{background:linear-gradient(135deg,#1976d2,#1565c0);-webkit-background-clip:text;background-clip:text}.light .battleship-lobby .name-card .subtitle{color:#1e1e3c99}.light .battleship-lobby .name-card .ant-input{background:#f0f5ffcc;border-color:#6478c84d;color:#1a1a2e}.light .battleship-lobby .name-card .ant-input::placeholder{color:#1e1e3c66}.light .battleship-lobby .name-card .ant-btn-link{color:#1e1e3c99}.light .battleship-lobby .name-card .ant-btn-link:hover{color:#1e1e3ce6}.light .battleship-lobby .lobby-header{background:linear-gradient(135deg,#f5f8fff2,#ebf0fafa);border-color:#6478c826;box-shadow:0 8px 30px #00000014}.light .battleship-lobby .lobby-header .player-info{color:#1e1e3ccc}.light .battleship-lobby .lobby-header .player-info strong{color:#1976d2}.light .battleship-lobby .lobby-header .actions .ant-btn-default{background:#1e1e3c0d;border-color:#1e1e3c26;color:#1e1e3ccc}.light .battleship-lobby .lobby-header .actions .ant-btn-default:hover:not(:disabled){background:#1e1e3c1a;border-color:#1e1e3c40;color:#1e1e3cf2}.light .battleship-lobby .room-list-card{background:linear-gradient(145deg,#fffffffa,#f8fafffc);border-color:#6478c826;box-shadow:0 10px 40px #00000014}.light .battleship-lobby .room-list-card h3{color:#1a1a2e}.light .battleship-lobby .room-list-card h3 svg{color:#1976d2}.light .battleship-lobby .room-list-card .ant-table .ant-table-thead>tr>th{background:#f0f5ffcc;color:#1e1e3ce6;border-bottom-color:#6478c833}.light .battleship-lobby .room-list-card .ant-table .ant-table-tbody>tr>td{background:#fafcffcc;color:#1e1e3cd9;border-bottom-color:#6478c81a}.light .battleship-lobby .room-list-card .ant-table .ant-table-tbody>tr:hover>td{background:#f0f5ffe6}.light .battleship-lobby .room-list-card .ant-table .ant-table-placeholder{background:#fafcffcc}.light .battleship-lobby .room-list-card .ant-table .ant-table-placeholder .ant-empty-description{color:#1e1e3c80}.light .battleship-lobby .waiting-room{background:linear-gradient(145deg,#fffffffa,#f8fafffc);border-color:#6478c833;box-shadow:0 20px 50px #0000001a,0 0 80px #3c50b40d}.light .battleship-lobby .waiting-room .waiting-header h2{background:linear-gradient(135deg,#1a1a2e,#37474f);-webkit-background-clip:text;background-clip:text}.light .battleship-lobby .waiting-room .waiting-header .room-code{background:linear-gradient(135deg,#1976d21a,#1565c00d);border-color:#1976d24d;color:#1e1e3ccc}.light .battleship-lobby .waiting-room .waiting-header .room-code strong{color:#1976d2}.light .battleship-lobby .waiting-room .waiting-header .room-code .ant-btn-link{color:#1e1e3c99}.light .battleship-lobby .waiting-room .waiting-header .room-code .ant-btn-link:hover{color:#1976d2}.light .battleship-lobby .waiting-room .room-settings{background:#f0f5ff99;border-color:#6478c81a}.light .battleship-lobby .waiting-room .room-settings .setting-row{color:#1e1e3ce6}.light .battleship-lobby .waiting-room .room-settings .setting-row:not(:last-child){border-bottom-color:#6478c81a}.light .battleship-lobby .waiting-room .room-settings .setting-row .label{color:#1e1e3c99}.light .battleship-lobby .waiting-room .players-list .player{background:#f0f5ff99;border-color:#6478c81a;color:#1e1e3cf2}.light .battleship-lobby .waiting-room .players-list .player.waiting{border-color:#6478c833}.light .battleship-lobby .waiting-room .players-list .player.waiting .waiting-text{color:#1e1e3c80}html.light .create-room-modal .ant-modal-content,:root.light .create-room-modal .ant-modal-content{background:linear-gradient(145deg,#fff,#f8faff)!important;border-color:#6478c833;box-shadow:0 25px 60px #00000026}html.light .create-room-modal .ant-modal-header,:root.light .create-room-modal .ant-modal-header{background:transparent;border-bottom-color:#6478c826}html.light .create-room-modal .ant-modal-header .ant-modal-title,:root.light .create-room-modal .ant-modal-header .ant-modal-title{color:#1a1a2e!important}html.light .create-room-modal .ant-modal-close,:root.light .create-room-modal .ant-modal-close{color:#1e1e3c80}html.light .create-room-modal .ant-modal-close:hover,:root.light .create-room-modal .ant-modal-close:hover{color:#1e1e3ccc}html.light .create-room-modal .create-room-form .form-group label,:root.light .create-room-modal .create-room-form .form-group label{color:#1a1a2e!important}html.light .create-room-modal .create-room-form .form-group .ant-input,:root.light .create-room-modal .create-room-form .form-group .ant-input{background:#e6ebfa99!important;border-color:#6478c84d!important;color:#1a1a2e!important}html.light .create-room-modal .create-room-form .form-group .ant-input::placeholder,:root.light .create-room-modal .create-room-form .form-group .ant-input::placeholder{color:#1e1e3c80!important}html.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn.ant-btn-default,:root.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn.ant-btn-default{background:#6478c81a!important;border:2px solid rgba(100,120,200,.3)!important;color:#2a2a4a!important}html.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn.ant-btn-default:hover:not(:disabled),:root.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn.ant-btn-default:hover:not(:disabled){background:#6478c833!important;border-color:#4a90d980!important;color:#1a1a2e!important}html.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn.ant-btn-primary,html.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn.selected,:root.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn.ant-btn-primary,:root.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn.selected{background:linear-gradient(135deg,#4a90d9,#357abd)!important;border-color:transparent!important;color:#fff!important}html.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn:disabled,:root.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn:disabled{background:#6478c814!important;border-color:#6478c826!important;color:#1e1e3c66!important}html.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn .mode-label,html.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn .mode-size,:root.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn .mode-label,:root.light .create-room-modal .create-room-form .form-group .button-grid .ant-btn .mode-size{color:inherit!important}html.light .create-room-modal .create-room-form .error-text,:root.light .create-room-modal .create-room-form .error-text{background:#ff64641a;color:#d32f2f}html.light .ant-modal:has(.join-code-form) .ant-modal-content,:root.light .ant-modal:has(.join-code-form) .ant-modal-content{background:linear-gradient(145deg,#fff,#f8faff)!important;border-color:#6478c833}html.light .ant-modal:has(.join-code-form) .ant-modal-header,:root.light .ant-modal:has(.join-code-form) .ant-modal-header{background:transparent;border-bottom-color:#6478c826}html.light .ant-modal:has(.join-code-form) .ant-modal-header .ant-modal-title,:root.light .ant-modal:has(.join-code-form) .ant-modal-header .ant-modal-title{color:#1a1a2e!important}html.light .ant-modal:has(.join-code-form) .ant-modal-close,:root.light .ant-modal:has(.join-code-form) .ant-modal-close{color:#1e1e3c80}html.light .ant-modal:has(.join-code-form) .ant-modal-close:hover,:root.light .ant-modal:has(.join-code-form) .ant-modal-close:hover{color:#1e1e3ccc}html.light .join-code-form .ant-input,:root.light .join-code-form .ant-input{background:#e6ebfa99!important;border-color:#6478c84d!important;color:#1976d2!important}html.light .join-code-form .ant-input::placeholder,:root.light .join-code-form .ant-input::placeholder{color:#1e1e3c66!important}.battleship-multiplayer{width:100%;padding:20px}.battleship-multiplayer .mp-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px 20px;background:linear-gradient(135deg,#282846e6,#191932f2);border-radius:12px;border:1px solid rgba(100,120,200,.2)}.battleship-multiplayer .mp-header .back-btn{color:#ffffffb3;display:flex;align-items:center;gap:8px}.battleship-multiplayer .mp-header .back-btn:hover{color:#fffffff2}.battleship-multiplayer .mp-header .room-info{display:flex;align-items:center;gap:12px}.battleship-multiplayer .mp-header .room-info .room-name{font-weight:600;font-size:18px;color:#fff}.battleship-multiplayer .mp-header .opponent-info{color:#fffc;font-size:15px}.battleship-multiplayer .mp-header .opponent-info strong{color:#64b5f6;font-size:16px}.battleship-multiplayer .game-status{text-align:center;padding:16px 24px;margin-bottom:20px;border-radius:12px;font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px}.battleship-multiplayer .game-status.my-turn{background:linear-gradient(135deg,#4caf504d,#388e3c33);border:1px solid rgba(76,175,80,.5);color:#4caf50;animation:pulse-glow 1.5s infinite}.battleship-multiplayer .game-status.opponent-turn{background:linear-gradient(135deg,#6464824d,#50506e33);border:1px solid rgba(100,100,130,.5);color:#9ca3af}.battleship-multiplayer .game-status.winner{background:linear-gradient(135deg,#ffd7004d,#ffc10733);border:1px solid rgba(255,215,0,.5);color:gold;font-size:1.5rem}.battleship-multiplayer .game-status.loser{background:linear-gradient(135deg,#ef44444d,#dc262633);border:1px solid rgba(239,68,68,.5);color:#ef4444;font-size:1.5rem}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #4caf504d}50%{box-shadow:0 0 30px #4caf5080}}.battleship-multiplayer .game-over-actions{text-align:center;margin-bottom:20px;color:#ffffffb3}.battleship-multiplayer .game-over-actions .ant-btn{margin-top:12px}.battleship-multiplayer .setup-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#282846cc,#1e1e37e6);border-radius:12px;border:1px solid rgba(100,120,200,.2)}.battleship-multiplayer .setup-controls .ship-selector .ships-label{font-weight:600;color:#fffc;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.battleship-multiplayer .setup-controls .ship-selector .ship-buttons{display:flex;flex-wrap:wrap;gap:10px}.battleship-multiplayer .setup-controls .ship-selector .ship-buttons .ship-btn{font-size:.9rem;padding:8px 16px;height:auto;border-radius:8px;transition:all .2s ease}.battleship-multiplayer .setup-controls .ship-selector .ship-buttons .ship-btn:disabled{opacity:.5}.battleship-multiplayer .setup-controls .setup-actions{display:flex;flex-wrap:wrap;gap:12px}.battleship-multiplayer .setup-controls .setup-actions .ant-btn{flex:1;min-width:100px;height:44px;font-weight:600;border-radius:10px}.battleship-multiplayer .power-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#3c285099,#281e3cb3);border-radius:12px;border:1px solid rgba(150,100,200,.3);transition:opacity .3s ease}.battleship-multiplayer .power-controls.disabled{opacity:.6;pointer-events:none}.battleship-multiplayer .power-controls .ant-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;height:auto;font-weight:600;border-radius:8px}.battleship-multiplayer .power-controls .ant-btn svg{font-size:18px}.battleship-multiplayer .game-boards{width:100%}.battleship-multiplayer .board{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.battleship-multiplayer .board .board-label{font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:2px;color:#9ca3af}.battleship-multiplayer .board .life-counter{font-size:.9rem;color:#ffffffb3}.battleship-multiplayer .board .life-counter .count{font-weight:700;font-size:1.1rem;color:#22d3ee}.battleship-multiplayer .board .life-counter.opponent .count{color:#f97316}.battleship-multiplayer .board .field{max-width:100%;width:max(85%,320px);aspect-ratio:1;display:grid;position:relative;padding:4px;border-radius:12px;box-shadow:0 8px 32px #0006}.battleship-multiplayer .board .field .cell{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(10px,2vw,16px);border:1px solid rgba(0,0,0,.3);transition:all .15s ease;position:relative}.battleship-multiplayer .board .field .cell.coordinate{background:#0009!important;color:#fffc;font-size:clamp(8px,1.5vw,12px)}.battleship-multiplayer .board .field .cell.hidden{background:#ffffff14}.battleship-multiplayer .board .field .cell.hit:not(:has(.ship)){background:radial-gradient(circle,#ef4444cc,#dc262699);animation:hit-pulse 1.5s ease-in-out infinite}.battleship-multiplayer .board .field .cell.hit:has(.ship){background:transparent;animation:none}.battleship-multiplayer .board .field .cell.hit svg{color:#fbbf24;font-size:clamp(12px,3vw,20px);filter:drop-shadow(0 0 8px rgba(251,191,36,.6));position:absolute;z-index:5}.battleship-multiplayer .board .field .cell.miss{background:#64748b66}.battleship-multiplayer .board .field .cell.miss svg{color:#94a3b8;font-size:clamp(10px,2.5vw,16px)}@keyframes hit-pulse{0%,to{box-shadow:inset 0 0 10px #ef444466}50%{box-shadow:inset 0 0 20px #ef4444b3}}.battleship-multiplayer .board .field .cell.hovered{cursor:pointer;background:#4ade804d!important;box-shadow:inset 0 0 12px #4ade8066}.battleship-multiplayer .board .field .cell.hovered.invalid{cursor:no-drop;background:#ef444480!important;box-shadow:inset 0 0 12px #ef444499}.battleship-multiplayer .board .field .cell.hoverdelete{cursor:pointer;background:#ef444480!important;box-shadow:inset 0 0 12px #ef444499}.battleship-multiplayer .board .field .cell.power-hover{cursor:crosshair;background:#ef44444d!important;border:1px solid rgba(239,68,68,.8);box-shadow:0 0 10px #ef444480;z-index:10}.battleship-multiplayer .board .field .cell.clickable:hover{cursor:crosshair;background:#0ea5e94d!important;border:1px solid rgba(14,165,233,.8);box-shadow:0 0 10px #0ea5e980;z-index:5}.battleship-multiplayer .board .field .cell.has-ship{cursor:pointer}.battleship-multiplayer .board .field .cell .ship{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6b7280,#9ca3af,#6b7280);border:2px solid #9ca3af;box-shadow:0 2px 8px #0000004d}.battleship-multiplayer .board .field .cell .ship.hit{background:linear-gradient(135deg,#dc2626,#ef4444,#dc2626);border-color:#fca5a5;box-shadow:0 0 12px #ef444480;animation:hit-ship-pulse 1.5s ease-in-out infinite}.battleship-multiplayer .board .field .cell .ship.horizontal{border-width:2px 1px}.battleship-multiplayer .board .field .cell .ship.vertical{border-width:1px 2px}.battleship-multiplayer .board .field .cell .ship.head.horizontal{border-top-left-radius:50%;border-bottom-left-radius:50%;border-left-width:2px}.battleship-multiplayer .board .field .cell .ship.head.vertical{border-top-left-radius:50%;border-top-right-radius:50%;border-top-width:2px}.battleship-multiplayer .board .field .cell .ship.tail.horizontal{border-top-right-radius:25%;border-bottom-right-radius:25%;border-right-width:2px}.battleship-multiplayer .board .field .cell .ship.tail.vertical{border-bottom-left-radius:25%;border-bottom-right-radius:25%;border-bottom-width:2px}@keyframes hit-ship-pulse{0%,to{box-shadow:0 0 12px #ef444480}50%{box-shadow:0 0 20px #ef4444cc}}.battleship-multiplayer .board .field .explode-animation{position:absolute;width:100%;height:100%;inset:0;background:radial-gradient(circle,#000000b3,#000000d9);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:20;border-radius:12px;animation:fadeIn .2s ease}.battleship-multiplayer .board .field .explode-animation .icon{font-size:min(80px,20vw);color:#f97316;filter:drop-shadow(0 0 30px rgba(249,115,22,.8));animation:explode-icon .4s ease-out}.battleship-multiplayer .board .field .explode-animation .text{font-size:min(32px,8vw);font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-top:12px;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.6)}.battleship-multiplayer .board .field .explode-animation.miss .icon{color:#9ca3af;filter:drop-shadow(0 0 20px rgba(156,163,175,.5))}.battleship-multiplayer .board .field .explode-animation.miss .text{color:#d1d5db;text-shadow:0 0 10px rgba(209,213,219,.5)}@keyframes explode-icon{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.battleship-multiplayer .board .field .overlay{z-index:10;position:absolute;width:100%;height:100%;inset:0;background:#00000059;cursor:not-allowed;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.battleship-multiplayer .board .field .overlay.wait{cursor:wait}.battleship-multiplayer .board .field .overlay.disabled{cursor:not-allowed}.battleship-multiplayer .board .field .overlay.stunned{background:#000000b3;z-index:100;flex-direction:column;gap:16px;color:#fbbf24}.battleship-multiplayer .board .field .overlay.stunned .stunned-icon{animation:bounce 1s ease-in-out infinite}.battleship-multiplayer .board .field .overlay.stunned .stunned-text{font-size:min(24px,6vw);font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fbbf24}.battleship-multiplayer .board .field .overlay.stunned .stunned-subtext{font-size:min(16px,4vw);color:#ffffffb3}.battleship-multiplayer .board.player .field{background:linear-gradient(135deg,#0ea5e926,#06b6d41a);border:2px solid rgba(14,165,233,.3)}.battleship-multiplayer .board.opponent .field{background:linear-gradient(135deg,#ef444426,#f973161a);border:2px solid rgba(239,68,68,.3)}.battleship-multiplayer.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:300px;color:#ffffffb3;font-size:1.1rem}.light .battleship-multiplayer .mp-header{background:linear-gradient(135deg,#f5f8fff2,#ebf0fafa);border-color:#6478c826}.light .battleship-multiplayer .mp-header .back-btn{color:#1e1e3cb3}.light .battleship-multiplayer .mp-header .back-btn:hover{color:#1e1e3cf2}.light .battleship-multiplayer .mp-header .room-info .room-name{color:#1a1a2e}.light .battleship-multiplayer .mp-header .opponent-info{color:#1e1e3ccc}.light .battleship-multiplayer .mp-header .opponent-info strong{color:#1976d2}.light .battleship-multiplayer .game-status.opponent-turn{color:#6b7280}.light .battleship-multiplayer .game-over-actions{color:#1e1e3cb3}.light .battleship-multiplayer .setup-controls{background:linear-gradient(135deg,#f5f8fff2,#ebf0fafa);border-color:#6478c826}.light .battleship-multiplayer .setup-controls .ship-selector .ships-label{color:#1e1e3ccc}.light .battleship-multiplayer .power-controls{background:linear-gradient(135deg,#f0ebfacc,#e6e1f5e6);border-color:#9664c833}.light .battleship-multiplayer .board .board-label{color:#4b5563}.light .battleship-multiplayer .board .life-counter,.light .battleship-multiplayer.loading{color:#1e1e3cb3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pixelate-in{0%{opacity:0;filter:blur(10px)}50%{filter:blur(5px)}to{opacity:1;filter:blur(0)}}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes rainbow-shift{0%{color:#0f0}25%{color:#0ff}50%{color:#f0f}75%{color:#ff0}to{color:#0f0}}@keyframes rainbow-shift-light{0%{color:#060}25%{color:#055}50%{color:#606}75%{color:#650}to{color:#060}}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.home-container{width:100%;min-height:100vh;-webkit-user-select:none;user-select:none;position:relative;font-family:VT323,monospace}html.dark .home-container{background:linear-gradient(180deg,#0a0a0a,#1a1a2e,#0a0a0a)}html.dark .home-container:before{content:"";position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(180deg,transparent,rgba(0,170,0,.2),transparent);animation:scan 6s linear infinite;pointer-events:none;z-index:9999}html.light .home-container{background:linear-gradient(rgba(0,100,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,0,.06) 1px,transparent 1px),linear-gradient(180deg,#e8e8e0,#d4d4c8,#e8e8e0);background-size:20px 20px,20px 20px,100% 100%}.home-container .hero-section{position:relative;width:100%;min-height:50vh;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:40px;background:linear-gradient(rgba(0,255,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,0,.03) 1px,transparent 1px);background-size:50px 50px;background-position:center center}.home-container .hero-section .hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,255,0,.15) 0%,transparent 70%);z-index:0}.home-container .hero-section .hero-content{position:relative;z-index:1;text-align:center;padding:60px 20px;animation:pixelate-in 1s ease-out}.home-container .hero-section .hero-content .hero-title{font-family:"Press Start 2P",cursive;font-size:clamp(1.2rem,4vw,2.5rem);font-weight:400;margin:0 0 20px;line-height:1.8}html.dark .home-container .hero-section .hero-content .hero-title{color:#0a0}html.light .home-container .hero-section .hero-content .hero-title{color:#060}.home-container .hero-section .hero-content .hero-title .gradient-text{display:block;margin-top:20px;font-size:clamp(1.5rem,5vw,3rem)}html.dark .home-container .hero-section .hero-content .hero-title .gradient-text{animation:rainbow-shift 4s linear infinite}html.light .home-container .hero-section .hero-content .hero-title .gradient-text{animation:rainbow-shift-light 4s linear infinite}.home-container .content-row{width:100%;padding:0 25px 80px;margin:0 auto;position:relative;z-index:1}.home-container .anchor-wrapper{position:sticky;top:80px;padding:20px}html.dark .home-container .anchor-wrapper{border:2px solid #00aa00;background:#000c;box-shadow:4px 4px #030}html.light .home-container .anchor-wrapper{border:2px solid #006600;background:#ffffffe6;box-shadow:4px 4px #040}.home-container .anchor-wrapper:before{content:"[ MENU ]";font-family:"Press Start 2P",cursive;font-size:10px;position:absolute;top:-12px;left:10px;padding:0 8px}html.dark .home-container .anchor-wrapper:before{background:#0a0a0a;color:#0a0}html.light .home-container .anchor-wrapper:before{background:#e8e8e0;color:#060}.home-container .anchor-wrapper .ant-anchor{font-family:VT323,monospace;font-size:20px}.home-container .anchor-wrapper .ant-anchor .ant-anchor-link-title{transition:all .1s ease}html.dark .home-container .anchor-wrapper .ant-anchor .ant-anchor-link-title{color:#0a0!important}html.light .home-container .anchor-wrapper .ant-anchor .ant-anchor-link-title{color:#060!important}html.dark .home-container .anchor-wrapper .ant-anchor .ant-anchor-link-title:hover{color:#0cc!important}html.light .home-container .anchor-wrapper .ant-anchor .ant-anchor-link-title:hover{color:#088!important}html.dark .home-container .anchor-wrapper .ant-anchor .ant-anchor-ink{background:#0a0!important}html.light .home-container .anchor-wrapper .ant-anchor .ant-anchor-ink{background:#060!important}.home-container .menu-space{width:100%}.home-container .menu-space .category-container{animation:fadeInUp .6s ease-out;animation-fill-mode:both;margin-bottom:40px;padding:20px;border:2px solid;position:relative}html.dark .home-container .menu-space .category-container{background:#0009}html.light .home-container .menu-space .category-container{background:#fffc}.home-container .menu-space .category-container:nth-child(1){animation-delay:.1s}html.dark .home-container .menu-space .category-container:nth-child(1){border-color:#0a0;box-shadow:4px 4px #030;--category-color: #00aa00}html.light .home-container .menu-space .category-container:nth-child(1){border-color:#060;box-shadow:4px 4px #040;--category-color: #006600}.home-container .menu-space .category-container:nth-child(2){animation-delay:.2s}html.dark .home-container .menu-space .category-container:nth-child(2){border-color:#0aa;box-shadow:4px 4px #044;--category-color: #00aaaa}html.light .home-container .menu-space .category-container:nth-child(2){border-color:#066;box-shadow:4px 4px #044;--category-color: #006666}.home-container .menu-space .category-container:nth-child(3){animation-delay:.3s}html.dark .home-container .menu-space .category-container:nth-child(3){border-color:#a0a;box-shadow:4px 4px #404;--category-color: #aa00aa}html.light .home-container .menu-space .category-container:nth-child(3){border-color:#606;box-shadow:4px 4px #404;--category-color: #660066}.home-container .menu-space .category-container .category-header{display:flex;gap:20px;align-items:center;margin-bottom:15px}.home-container .menu-space .category-container .category-header .category-icon-wrapper{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:2px solid var(--category-color);color:var(--category-color);font-size:28px;animation:float 3s ease-in-out infinite}html.dark .home-container .menu-space .category-container .category-header .category-icon-wrapper{background:#000c;box-shadow:0 0 8px #00c80033}html.light .home-container .menu-space .category-container .category-header .category-icon-wrapper{background:#ffffffe6;box-shadow:0 0 8px #00643226}.home-container .menu-space .category-container .category-header .category-icon-wrapper{clip-path:polygon(0 10px,10px 10px,10px 0,calc(100% - 10px) 0,calc(100% - 10px) 10px,100% 10px,100% calc(100% - 10px),calc(100% - 10px) calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,10px calc(100% - 10px),0 calc(100% - 10px))}.home-container .menu-space .category-container .category-header .category-title{font-family:"Press Start 2P",cursive;font-size:clamp(1rem,3vw,1.5rem);font-weight:400;margin:0;color:var(--category-color);text-shadow:0 0 5px rgba(0,200,0,.3);animation:glow-pulse 3s ease-in-out infinite}.home-container .menu-space .category-container .category-divider{margin:15px 0;border-color:var(--category-color)!important;opacity:.5}.home-container .menu-space .category-container .category-divider:before{content:"═══════════════════════════════";font-family:monospace;color:var(--category-color);opacity:.3}.home-container .menu-space .category-container .nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;width:100%}@media(max-width:768px){.home-container .menu-space .category-container .nav-grid{grid-template-columns:1fr}}.home-container .menu-space .category-container .nav-grid .nav-card-link{animation:fadeInUp .5s ease-out;animation-fill-mode:both;animation-delay:calc(var(--card-index) * .15s);text-decoration:none}.home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card{height:100%;border:2px solid var(--category-color);transition:all .15s ease;cursor:pointer;position:relative;overflow:hidden}html.dark .home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card{background:#000c!important}html.light .home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card{background:#fffffff2!important}.home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card{box-shadow:4px 4px 0 var(--category-color),0 0 10px #00ff001a}.home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--category-color),0 0 20px var(--category-color)}html.dark .home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card:hover{background:#00ff000d!important}html.light .home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card:hover{background:#00643214!important}.home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card:hover .card-icon{animation:float .5s ease-in-out;color:var(--category-color);text-shadow:0 0 15px var(--category-color)}.home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card:hover .card-label{color:var(--category-color);text-shadow:0 0 10px var(--category-color)}.home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card:hover .card-label:before{content:"> "}.home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--category-color)}.home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card .ant-card-body{display:flex;align-items:center;gap:16px;padding:20px}.home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card .card-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:2px solid var(--category-color);font-size:24px;color:var(--category-color);transition:all .2s ease}html.dark .home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card .card-icon{background:transparent}html.light .home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card .card-icon{background:#fffc}.home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card .card-label{font-family:VT323,monospace;font-size:24px;font-weight:400;transition:all .15s ease}html.dark .home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card .card-label{color:#0f0}html.light .home-container .menu-space .category-container .nav-grid .nav-card-link .nav-card .card-label{color:var(--category-color)}.ant-card{border-radius:0!important}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatResult{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03);filter:brightness(1.1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.randomizer-container{padding:25px}.randomizer-container .content{display:flex;flex-direction:column;align-items:center;gap:16px}.randomizer-container .content .action-row{width:100%;margin-bottom:0}@media(max-width:576px){.randomizer-container .content .action-row .ant-switch{margin-top:8px}}.randomizer-container .content .randomize-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;box-shadow:0 4px 12px #4ade804d;transition:all .3s ease;font-weight:600}.randomizer-container .content .randomize-btn:hover:not(:disabled){box-shadow:0 6px 20px #4ade8080;transform:translateY(-2px);background:linear-gradient(135deg,#22c55e,#16a34a)}.randomizer-container .content .randomize-btn:active:not(:disabled){transform:translateY(0)}.randomizer-container .content .randomize-btn:disabled{background:#ffffff1a;color:#ffffff4d;box-shadow:none;cursor:not-allowed}.dark .randomizer-container .content .randomize-btn:disabled{background:#ffffff1a;color:#ffffff4d}.light .randomizer-container .content .randomize-btn:disabled{background:#0000000d;color:#00000040}.randomizer-container .content .randomize-all-btn{transition:all .3s ease}.randomizer-container .content .randomize-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.randomizer-container .content .randomize-all-btn:disabled{opacity:.6;cursor:not-allowed}.dark .randomizer-container .content .randomize-all-btn:disabled{color:#ffffff4d;background:#ffffff0d;border-color:#ffffff1a}.light .randomizer-container .content .randomize-all-btn:disabled{color:#00000040;background:#0000000d;border-color:#0000001a}.randomizer-container .content .result-card{position:relative;width:100%;max-width:500px;min-height:350px;padding:40px;display:flex;flex-direction:column;justify-content:center;border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:all .3s ease}.randomizer-container .content .result-card .ant-card-body{display:flex;flex-direction:column;align-items:center;gap:24px}.dark .randomizer-container .content .result-card{background:#121c1299;border:1px solid rgba(74,222,128,.2);box-shadow:0 8px 32px #0000004d}.light .randomizer-container .content .result-card{background:#fffc;border:1px solid rgba(74,222,128,.15);box-shadow:0 8px 32px #0000001a}.randomizer-container .content .result-card .result-background{position:absolute;inset:0;background:linear-gradient(135deg,#4ade800d,#22c55e0d,#16a34a0d);background-size:200% 200%;animation:gradientShift 8s ease infinite;z-index:0;opacity:.5}.randomizer-container .content .result-card .result-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}.randomizer-container .content .result-card .result-content .result-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;opacity:.7}.dark .randomizer-container .content .result-card .result-content .result-label{color:#86efac}.light .randomizer-container .content .result-card .result-content .result-label{color:#527853}.randomizer-container .content .result-card .result-content .result-value{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin:0;line-height:1.4;text-align:center;word-break:break-word}.randomizer-container .content .result-card .result-content .result-value.gradient-text{background:linear-gradient(135deg,#4ade80,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.randomizer-container .content .result-card .result-content .result-meta{display:flex;align-items:center;gap:8px;font-size:14px;opacity:.8}.dark .randomizer-container .content .result-card .result-content .result-meta{color:#86efac}.light .randomizer-container .content .result-card .result-content .result-meta{color:#527853}.randomizer-container .content .result-card .result-content .result-meta .result-number{font-weight:700;color:#4ade80}.randomizer-container .content .result-card .result-content .result-meta .result-separator{opacity:.5}.randomizer-container .content .result-card .stats-panel{position:relative;z-index:1;display:flex;gap:16px;padding:20px;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .randomizer-container .content .result-card .stats-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.light .randomizer-container .content .result-card .stats-panel{background:#00000008;border:1px solid rgba(0,0,0,.05)}.randomizer-container .content .result-card .stats-panel .stat-item{flex:1;display:flex;align-items:center;gap:12px}.randomizer-container .content .result-card .stats-panel .stat-item .stat-icon{font-size:24px;color:#4ade80;opacity:.8}.randomizer-container .content .result-card .stats-panel .stat-item .stat-content{display:flex;flex-direction:column;gap:2px}.randomizer-container .content .result-card .stats-panel .stat-item .stat-content .stat-value{font-size:20px;font-weight:700}.dark .randomizer-container .content .result-card .stats-panel .stat-item .stat-content .stat-value{color:#f0fdf4}.light .randomizer-container .content .result-card .stats-panel .stat-item .stat-content .stat-value{color:#1a2e1a}.randomizer-container .content .result-card .stats-panel .stat-item .stat-content .stat-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dark .randomizer-container .content .result-card .stats-panel .stat-item .stat-content .stat-label{color:#86efac}.light .randomizer-container .content .result-card .stats-panel .stat-item .stat-content .stat-label{color:#527853}.randomizer-container .content .result-card .stats-panel .stat-divider{width:1px;align-self:stretch}.dark .randomizer-container .content .result-card .stats-panel .stat-divider{background:#ffffff1a}.light .randomizer-container .content .result-card .stats-panel .stat-divider{background:#0000001a}.randomizer-container .content .result-card .remove-btn{position:relative;z-index:1;transition:all .3s ease}.randomizer-container .content .result-card .remove-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.randomizer-container .content .result-card .remove-btn:disabled{opacity:.6;cursor:not-allowed}.dark .randomizer-container .content .result-card .remove-btn:disabled{color:#ffffff4d;background:#ffffff0d;border-color:#ffffff1a}.light .randomizer-container .content .result-card .remove-btn:disabled{color:#00000040;background:#0000000d;border-color:#0000001a}.randomizer-container .content .result-card .empty-state{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center}.randomizer-container .content .result-card .empty-state .empty-icon{font-size:64px;color:#4ade80;opacity:.5;animation:pulse 2s ease-in-out infinite}.randomizer-container .content .result-card .empty-state h3{margin:0;font-size:24px;font-weight:700}.dark .randomizer-container .content .result-card .empty-state h3{color:#f0fdf4}.light .randomizer-container .content .result-card .empty-state h3{color:#1a2e1a}.randomizer-container .content .result-card .empty-state p{margin:0;font-size:14px;opacity:.7}.dark .randomizer-container .content .result-card .empty-state p{color:#86efac}.light .randomizer-container .content .result-card .empty-state p{color:#527853}.randomizer-container .content .result-card.animating .result-value{animation:floatResult .15s cubic-bezier(.34,1.56,.64,1)}@media(max-width:768px){.randomizer-container .content .result-card{padding:24px;min-height:300px}.randomizer-container .content .result-card .result-content .result-value{font-size:clamp(1.5rem,5vw,2.5rem)}.randomizer-container .content .result-card .stats-panel{padding:16px;gap:12px}.randomizer-container .content .result-card .stats-panel .stat-item .stat-icon{font-size:20px}.randomizer-container .content .result-card .stats-panel .stat-item .stat-content .stat-value{font-size:18px}.randomizer-container .content .result-card .stats-panel .stat-item .stat-content .stat-label{font-size:11px}}.randomizer-container .utils .utils-content{width:100%;height:700px;overflow-x:hidden;position:relative}.randomizer-container .utils .utils-content .entries{position:absolute;top:0;left:0;width:100%;translate:-100%;transition:translate .25s linear,width 0s linear;transition-delay:0 .25s;display:flex;flex-direction:column;gap:5px}.randomizer-container .utils .utils-content .entries textarea{height:500px;resize:none}.randomizer-container .utils .utils-content .entries.show{translate:0%}.randomizer-container .utils .utils-content .entries .tools{display:flex;gap:5px}.randomizer-container .utils .utils-content .entries .save-load .ant-select{width:100%;margin-bottom:5px}.randomizer-container .utils .utils-content .entries .save-load .existing-data{width:100%;display:flex;flex-wrap:wrap;gap:5px}.randomizer-container .utils .utils-content .results{position:absolute;top:0;left:0;width:100%;translate:100%;transition:translate .25s linear,width 0s linear;transition-delay:0 .25s;display:flex;flex-direction:column;gap:5px}.randomizer-container .utils .utils-content .results.show{translate:0%}.randomizer-container .utils .utils-content .results .tools{display:flex;gap:5px}.randomizer-container .utils .utils-content .results .result-items{width:"100%";height:600px;white-space:pre-wrap;overflow-y:auto;border:1px solid #d9d9d9}.randomizer-container .utils .utils-content .results .result-items .ant-card-body{padding:4px 11px}.dark{--todo-bg-primary: #050a05;--todo-bg-secondary: #121c12;--todo-bg-tertiary: rgb(27.9782608696, 43.5217391304, 27.9782608696);--todo-bg-hover: rgb(37.9565217391, 59.0434782609, 37.9565217391);--todo-text-primary: #f0fdf4;--todo-text-secondary: #86efac;--todo-accent: #4ade80;--todo-accent-hover: #22c55e;--todo-border: rgba(74, 222, 128, .1);--todo-danger: #ff3b30;--todo-checkbox-check: #050a05;--todo-active-text: #050a05}.light{--todo-bg-primary: #f4f7f4;--todo-bg-secondary: #ffffff;--todo-bg-tertiary: rgb(242.25, 242.25, 242.25);--todo-bg-hover: rgb(229.5, 229.5, 229.5);--todo-text-primary: #1a2e1a;--todo-text-secondary: #527853;--todo-accent: #16a34a;--todo-accent-hover: #15803d;--todo-border: rgba(22, 163, 74, .1);--todo-danger: #ff3b30;--todo-checkbox-check: #ffffff;--todo-active-text: #ffffff}.todo-list-container{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--todo-bg-primary);color:var(--todo-text-primary)}.todo-list-container .ant-splitter{height:100%;background-color:var(--todo-bg-primary);border:none}.todo-list-container .ant-splitter .ant-splitter-bar-dragger:before{background:transparent}.todo-list-container .ant-splitter-panel{overflow:hidden;background-color:var(--todo-bg-secondary)}.todo-list-container .ant .task-details-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0003;z-index:1000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.todo-list-container .ant .task-details-overlay .task-details-panel{width:400px;background-color:var(--todo-bg-secondary);border:1px solid var(--todo-border);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.todo-list-container .ant .task-details-overlay .task-details-panel .details-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--todo-border)}.todo-list-container .ant .task-details-overlay .task-details-panel .details-header h3{margin:0;font-size:16px;font-weight:600}.todo-list-container .ant .task-details-overlay .task-details-panel .details-header .close-btn{cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.todo-list-container .ant .task-details-overlay .task-details-panel .details-header .close-btn:hover{background-color:var(--todo-bg-hover)}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body{padding:16px;display:flex;flex-direction:column;gap:16px}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-group{background-color:var(--todo-bg-tertiary);border-radius:8px;overflow:hidden}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-group .title-input{font-size:16px;font-weight:500;padding:8px 12px}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-group .notes-input{font-size:14px;color:var(--todo-text-secondary);padding:8px 12px;resize:none}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section{background-color:var(--todo-bg-tertiary);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--todo-border)}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row:last-child{border-bottom:none}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-label{display:flex;align-items:center;gap:10px;font-size:14px}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-label .icon-box{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-label .icon-box.red{background-color:#ff3b30}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-label .icon-box.blue{background-color:#007aff}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-label .icon-box.orange{background-color:#ff9500}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-label .icon-box.gray{background-color:#8e8e93}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-control{display:flex;align-items:center}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-control .ant-picker{background:transparent;border:none;box-shadow:none;padding:0}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-control .ant-picker input{text-align:right;color:var(--todo-accent)}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-control .priority-select,.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-control .list-select{width:120px}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-control .priority-select .ant-select-selector,.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-control .list-select .ant-select-selector{background:transparent!important;box-shadow:none!important;padding-right:0!important}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-control .priority-select .ant-select-selector .ant-select-selection-item,.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-control .list-select .ant-select-selector .ant-select-selection-item{text-align:right;color:var(--todo-text-secondary)}.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-control .priority-select .ant-select-arrow,.todo-list-container .ant .task-details-overlay .task-details-panel .details-body .form-section .form-row .row-control .list-select .ant-select-arrow{display:none}.todo-list-container .ant .task-details-overlay .task-details-panel .details-footer{padding:12px 16px;border-top:1px solid var(--todo-border);display:flex;justify-content:flex-end;gap:10px;background-color:var(--todo-bg-secondary)}.todo-list-container .task-item{position:relative;padding-right:32px}.todo-list-container .task-item .info-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0;color:var(--todo-accent);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.todo-list-container .task-item .info-btn:hover{background-color:var(--todo-bg-hover)}.todo-list-container .task-item:hover .info-btn{opacity:1}.todo-list-container .sidebar-container{height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:var(--todo-bg-secondary);color:var(--todo-text-primary)}.todo-list-container .sidebar-container .sidebar-header{flex-shrink:0;padding:16px 16px 8px}.todo-list-container .sidebar-container .sidebar-header .search-wrapper{display:flex;flex-direction:column;gap:8px}.todo-list-container .sidebar-container .sidebar-header .search-wrapper .search-input{background-color:var(--todo-bg-tertiary)!important;border-radius:8px;font-size:14px;color:var(--todo-text-primary)!important}.todo-list-container .sidebar-container .sidebar-header .search-wrapper .search-input .ant-input-prefix{margin-right:8px;color:var(--todo-text-secondary)}.todo-list-container .sidebar-container .sidebar-header .search-wrapper .search-input input{background-color:transparent!important;color:var(--todo-text-primary)!important}.todo-list-container .sidebar-container .sidebar-header .search-wrapper .search-input input::placeholder{color:var(--todo-text-secondary)!important}.todo-list-container .sidebar-container .sidebar-header .search-wrapper .search-mode-toggle .ant-segmented{background-color:var(--todo-bg-tertiary);color:var(--todo-text-secondary)}.todo-list-container .sidebar-container .sidebar-header .search-wrapper .search-mode-toggle .ant-segmented .ant-segmented-item:hover{color:var(--todo-text-primary)}.todo-list-container .sidebar-container .sidebar-header .search-wrapper .search-mode-toggle .ant-segmented .ant-segmented-item.ant-segmented-item-selected{background-color:var(--todo-bg-hover);color:var(--todo-text-primary);box-shadow:0 2px 8px #00000026}.todo-list-container .sidebar-container .smart-lists{flex-shrink:0;padding:8px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.todo-list-container .sidebar-container .smart-lists .smart-list-card{background-color:var(--todo-bg-tertiary);border-radius:8px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;height:80px;cursor:pointer;transition:background-color .2s}.todo-list-container .sidebar-container .smart-lists .smart-list-card:hover{background-color:var(--todo-bg-hover)}.todo-list-container .sidebar-container .smart-lists .smart-list-card .card-header{display:flex;justify-content:space-between;align-items:flex-start}.todo-list-container .sidebar-container .smart-lists .smart-list-card .card-header .icon-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f0fdf4}.todo-list-container .sidebar-container .smart-lists .smart-list-card .card-header .icon-circle.blue{background-color:var(--todo-accent)}.todo-list-container .sidebar-container .smart-lists .smart-list-card .card-header .icon-circle.red{background-color:var(--todo-danger)}.todo-list-container .sidebar-container .smart-lists .smart-list-card .card-header .count{font-size:24px;font-weight:700}.todo-list-container .sidebar-container .smart-lists .smart-list-card .card-label{color:var(--todo-text-secondary);font-weight:500;font-size:14px}.todo-list-container .sidebar-container .my-lists{flex:1;overflow-y:auto;min-height:0;margin-top:8px}.todo-list-container .sidebar-container .my-lists .section-title{padding:8px 16px;font-size:12px;font-weight:700;color:var(--todo-text-secondary);text-transform:uppercase;letter-spacing:.05em}.todo-list-container .sidebar-container .my-lists .list-items{padding:0 8px}.todo-list-container .sidebar-container .my-lists .list-items .list-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s;margin-bottom:2px}.todo-list-container .sidebar-container .my-lists .list-items .list-item:hover{background-color:var(--todo-bg-tertiary)}.todo-list-container .sidebar-container .my-lists .list-items .list-item.active{background-color:var(--todo-accent)}.todo-list-container .sidebar-container .my-lists .list-items .list-item.active .list-name,.todo-list-container .sidebar-container .my-lists .list-items .list-item.active .list-count{color:var(--todo-active-text)}.todo-list-container .sidebar-container .my-lists .list-items .list-item .list-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f0fdf4;flex-shrink:0;font-size:14px}.todo-list-container .sidebar-container .my-lists .list-items .list-item .list-name{font-weight:500;font-size:14px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--todo-text-primary)}.todo-list-container .sidebar-container .my-lists .list-items .list-item .list-count{font-size:12px;color:var(--todo-text-secondary)}.todo-list-container .sidebar-container .sidebar-footer{flex-shrink:0;padding:12px;border-top:1px solid var(--todo-border);display:flex;justify-content:space-between;align-items:center;background-color:var(--todo-bg-secondary)}.todo-list-container .sidebar-container .sidebar-footer .add-list-btn{display:flex;align-items:center;gap:8px;color:var(--todo-accent);cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .2s}.todo-list-container .sidebar-container .sidebar-footer .add-list-btn:hover{color:var(--todo-accent-hover)}.todo-list-container .sidebar-container .sidebar-footer .add-list-btn .text{font-size:14px;font-weight:500}.todo-list-container .sidebar-container .sidebar-footer .add-list-btn .icon{font-size:20px}.todo-list-container .todo-right-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.todo-list-container .todo-right-panel .task-view-wrapper{flex:1;overflow:hidden;min-height:0}.todo-list-container .todo-right-panel .ad-banner-container{flex-shrink:0;padding:.5rem;display:flex;justify-content:center;background-color:var(--todo-bg-primary);border-top:1px solid var(--todo-border)}.todo-list-container .task-view-container{height:100%;display:flex;flex-direction:column;border-top-left-radius:8px;background-color:var(--todo-bg-primary);color:var(--todo-text-primary)}.todo-list-container .task-view-container .task-view-content{flex:1;overflow-y:auto;min-height:0;padding:40px 40px 16px}.todo-list-container .task-view-container .task-view-content .list-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.todo-list-container .task-view-container .task-view-content .list-header .list-title{font-size:36px;font-weight:700;letter-spacing:-.02em;margin:0}.todo-list-container .task-view-container .task-view-content .list-header .list-settings-btn{background:transparent;border:none;color:var(--todo-text-secondary);cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s;opacity:0}.todo-list-container .task-view-container .task-view-content .list-header .list-settings-btn:hover{background-color:var(--todo-bg-hover);color:var(--todo-text-primary)}.todo-list-container .task-view-container .task-view-content .list-header:hover .list-settings-btn{opacity:1}.todo-list-container .task-view-container .task-view-content .tasks-list{margin-bottom:8px}.todo-list-container .task-view-container .task-view-content .new-task-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--todo-border);margin-left:32px}.todo-list-container .task-view-container .task-view-content .new-task-row .icon-placeholder{width:32px;margin-left:-32px;display:flex;justify-content:center;color:var(--todo-text-secondary);font-size:20px}.todo-list-container .task-view-container .task-view-content .new-task-row .new-task-input{background:transparent!important;border:none!important;box-shadow:none!important;flex:1;font-size:16px;color:var(--todo-text-primary)!important;padding:4px 0}.todo-list-container .task-view-container .task-view-content .new-task-row .new-task-input::placeholder{color:var(--todo-text-secondary)!important}.todo-list-container .task-view-container .task-view-content .new-task-row .new-task-input input{background:transparent!important;color:var(--todo-text-primary)!important}.todo-list-container .task-view-container .task-view-content .add-reminder-btn{color:var(--todo-text-secondary);font-size:14px;margin-top:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s}.todo-list-container .task-view-container .task-view-content .add-reminder-btn:hover{color:var(--todo-text-primary)}.todo-list-container .task-view-container .task-view-content .completed-section{margin-top:32px}.todo-list-container .task-view-container .task-view-content .completed-section .section-header{font-size:14px;font-weight:600;color:var(--todo-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.todo-list-container .task-view-container .task-view-content .completed-section .completed-list{opacity:.6}.todo-list-container .task-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--todo-border);margin-left:32px;position:relative;transition:background-color .2s}.todo-list-container .task-item:last-child{border-bottom:none}.todo-list-container .task-item .checkbox{position:absolute;left:-32px;margin-top:2px;width:20px;height:20px;border-radius:50%;border:1px solid var(--todo-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.todo-list-container .task-item .checkbox:hover{border-color:var(--todo-text-primary)}.todo-list-container .task-item .checkbox.checked{background-color:var(--todo-accent);border-color:var(--todo-accent)}.todo-list-container .task-item .checkbox .check-icon{color:#f0fdf4;font-size:12px}.todo-list-container .task-item .content{flex:1;min-width:0}.todo-list-container .task-item .content .title{font-size:16px;line-height:1.2;transition:color .2s;color:var(--todo-text-primary);cursor:text}.todo-list-container .task-item .content .title.completed{color:var(--todo-text-secondary);cursor:default}.todo-list-container .task-item .content .task-edit-input{font-size:16px!important;line-height:1.2!important;color:var(--todo-text-primary)!important;background:transparent!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important;outline:2px solid var(--todo-accent)!important;outline-offset:2px;border-radius:4px!important}.todo-list-container .task-item .content .task-edit-input input{font-size:16px!important;background:transparent!important;color:var(--todo-text-primary)!important;padding:2px 4px!important}.todo-list-container .task-item .content .notes{font-size:14px;color:var(--todo-text-secondary);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.todo-list-container .task-item .delete-btn{opacity:0;cursor:pointer;color:var(--todo-text-secondary);padding:4px;transition:opacity .2s,color .2s}.todo-list-container .task-item .delete-btn:hover{color:var(--todo-danger)}.todo-list-container .task-item:hover .delete-btn{opacity:1}.todo-list-container .task-item .date-picker-trigger{position:relative;display:flex;align-items:center;min-height:20px}.todo-list-container .task-item .date-picker-trigger .custom-date-picker{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;opacity:0!important;z-index:1;padding:0!important;margin:0!important}.todo-list-container .task-item .date-picker-trigger .custom-date-picker .ant-picker-input{display:none}.todo-list-container .task-item .date-picker-trigger .date-display{position:relative;z-index:0;display:flex;align-items:center}.todo-list-container .task-item .date-picker-trigger .date-display .add-date-text{display:inline-block;opacity:0;max-width:0;overflow:hidden;transition:all .2s ease-in-out;font-size:12px;color:var(--todo-text-secondary);white-space:nowrap}.todo-list-container .task-item .date-picker-trigger .date-display.has-date .add-date-text{display:none}.todo-list-container .task-item .date-picker-trigger .date-display.overdue{color:var(--todo-danger)}.todo-list-container .task-item:hover .date-picker-trigger .date-display .add-date-text{opacity:1;max-width:100px;margin-left:4px}.todo-list-container ::-webkit-scrollbar{width:8px;height:8px}.todo-list-container ::-webkit-scrollbar-track{background:transparent}.todo-list-container ::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.todo-list-container ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.ant-modal-content{background-color:var(--todo-bg-secondary);color:var(--todo-text-primary)}.ant-modal-content .ant-modal-header{background-color:transparent;margin-bottom:20px}.ant-modal-content .ant-modal-header .ant-modal-title{color:var(--todo-text-primary);text-align:center}.ant-modal-content .ant-modal-close{color:var(--todo-text-secondary)}.ant-modal-content .ant-input{background-color:var(--todo-bg-tertiary);border:none;color:var(--todo-text-primary)}.ant-modal-content .ant-input::placeholder{color:var(--todo-text-secondary)}.task-details-modal .ant-modal-content{background-color:var(--todo-bg-secondary);border-radius:12px;padding:0}.task-details-modal .ant-modal-header{background-color:var(--todo-bg-secondary);border-bottom:1px solid var(--todo-border);padding:12px 16px;margin-bottom:0!important}.task-details-modal .ant-modal-header .ant-modal-title{color:var(--todo-text-primary);font-size:16px;font-weight:600;text-align:left!important}.task-details-modal .ant-modal-close{color:var(--todo-text-secondary)}.task-details-modal .ant-modal-close:hover{color:var(--todo-text-primary);background-color:var(--todo-bg-hover)}.task-details-modal .ant-modal-body{padding:0}.task-details-modal .details-body{padding:16px;display:flex;flex-direction:column;gap:16px}.task-details-modal .details-body .form-group{background-color:var(--todo-bg-tertiary);border-radius:8px;overflow:hidden}.task-details-modal .details-body .form-group .title-input,.task-details-modal .details-body .form-group .notes-input{background-color:transparent!important;border:none!important;color:var(--todo-text-primary)!important}.task-details-modal .details-body .form-group .title-input::placeholder,.task-details-modal .details-body .form-group .notes-input::placeholder{color:var(--todo-text-secondary)!important}.task-details-modal .details-body .form-group .title-input{font-size:16px;font-weight:500;padding:8px 12px}.task-details-modal .details-body .form-group .notes-input{font-size:14px;color:var(--todo-text-secondary);padding:8px 12px;resize:none}.task-details-modal .details-body .form-section{background-color:var(--todo-bg-tertiary);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.task-details-modal .details-body .form-section .form-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--todo-border)}.task-details-modal .details-body .form-section .form-row:last-child{border-bottom:none}.task-details-modal .details-body .form-section .form-row .row-label{display:flex;align-items:center;gap:10px;font-size:14px}.task-details-modal .details-body .form-section .form-row .row-label .icon-box{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.task-details-modal .details-body .form-section .form-row .row-label .icon-box.red{background-color:#ff3b30}.task-details-modal .details-body .form-section .form-row .row-label .icon-box.blue{background-color:#007aff}.task-details-modal .details-body .form-section .form-row .row-label .icon-box.orange{background-color:#ff9500}.task-details-modal .details-body .form-section .form-row .row-label .icon-box.gray{background-color:#8e8e93}.task-details-modal .details-body .form-section .form-row .row-control{display:flex;align-items:center;gap:8px}.task-details-modal .details-body .form-section .form-row .row-control .ant-picker{background:transparent;border:none;box-shadow:none;padding:0}.task-details-modal .details-body .form-section .form-row .row-control .ant-picker input{text-align:right;color:var(--todo-accent)}.task-details-modal .details-body .form-section .form-row .row-control .ant-picker input::placeholder{color:var(--todo-text-secondary)}.task-details-modal .details-body .form-section .form-row .row-control .ant-picker .ant-picker-suffix,.task-details-modal .details-body .form-section .form-row .row-control .ant-picker .ant-picker-clear{color:var(--todo-accent)}.task-details-modal .details-body .form-section .form-row .row-control .ant-switch{background-color:var(--todo-text-secondary)}.task-details-modal .details-body .form-section .form-row .row-control .ant-switch.ant-switch-checked{background-color:var(--todo-accent)}.task-details-modal .details-body .form-section .form-row .row-control .list-select{width:120px}.task-details-modal .details-body .form-section .form-row .row-control .list-select .ant-select-selector{background:transparent!important;box-shadow:none!important;padding-right:0!important;border:none!important}.task-details-modal .details-body .form-section .form-row .row-control .list-select .ant-select-selector .ant-select-selection-item{text-align:right;color:var(--todo-text-secondary)}.task-details-modal .details-body .form-section .form-row .row-control .list-select .ant-select-arrow{display:none}.task-details-modal .details-footer{padding:12px 16px;border-top:1px solid var(--todo-border);display:flex;justify-content:flex-end;gap:10px}.list-customization-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .15s ease-out}.list-customization-overlay .list-customization-modal{width:480px;background-color:var(--todo-bg-secondary);border-radius:16px;position:relative;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;animation:scaleIn .2s cubic-bezier(.16,1,.3,1);color:var(--todo-text-primary)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.list-customization-overlay .list-customization-modal .close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--todo-text-secondary);font-size:20px;cursor:pointer;z-index:10;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.list-customization-overlay .list-customization-modal .close-btn:hover{background-color:var(--todo-bg-hover);color:var(--todo-text-primary)}.list-customization-overlay .list-customization-modal .customization-body{padding:24px;display:flex;flex-direction:column;gap:20px}.list-customization-overlay .list-customization-modal .customization-body .icon-preview{display:flex;justify-content:center;align-items:center;padding:16px 0}.list-customization-overlay .list-customization-modal .customization-body .list-name-input{background:transparent!important;border:none!important;text-align:center;color:var(--todo-text-primary)!important}.list-customization-overlay .list-customization-modal .customization-body .list-name-input::placeholder{color:var(--todo-text-secondary)!important}.list-customization-overlay .list-customization-modal .customization-body .icon-emoji-tabs .ant-tabs-nav{margin-bottom:16px}.list-customization-overlay .list-customization-modal .customization-body .icon-emoji-tabs .ant-tabs-nav .ant-tabs-tab{color:var(--todo-text-secondary)}.list-customization-overlay .list-customization-modal .customization-body .icon-emoji-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{color:var(--todo-accent)}.list-customization-overlay .list-customization-modal .customization-body .icon-emoji-tabs .ant-tabs-nav .ant-tabs-ink-bar{background-color:var(--todo-accent)}.list-customization-overlay .list-customization-modal .customization-body .icon-grid,.list-customization-overlay .list-customization-modal .customization-body .emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:8px}.list-customization-overlay .list-customization-modal .customization-body .icon-option,.list-customization-overlay .list-customization-modal .customization-body .emoji-option{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s;background-color:var(--todo-bg-tertiary);color:var(--todo-text-primary);font-size:20px}.list-customization-overlay .list-customization-modal .customization-body .icon-option:hover,.list-customization-overlay .list-customization-modal .customization-body .emoji-option:hover{background-color:var(--todo-bg-hover);transform:scale(1.1)}.list-customization-overlay .list-customization-modal .customization-body .icon-option.selected,.list-customization-overlay .list-customization-modal .customization-body .emoji-option.selected{background-color:var(--todo-accent);color:#fff;transform:scale(1.1)}.list-customization-overlay .list-customization-modal .customization-body .emoji-option{font-size:24px}.list-customization-overlay .list-customization-modal .customization-body .color-section .section-label{font-size:14px;font-weight:600;color:var(--todo-text-primary);margin-bottom:12px}.list-customization-overlay .list-customization-modal .customization-body .color-section .color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.list-customization-overlay .list-customization-modal .customization-body .color-section .color-grid .color-option{width:100%;aspect-ratio:1;border-radius:50%;cursor:pointer;border:none;transition:all .2s;overflow:hidden;position:relative}.list-customization-overlay .list-customization-modal .customization-body .color-section .color-grid .color-option:hover{transform:scale(1.1)}.list-customization-overlay .list-customization-modal .customization-body .color-section .color-grid .color-option.selected{box-shadow:0 0 0 2px var(--todo-bg-secondary),0 0 0 4px var(--option-color);transform:scale(1.1)}.list-customization-overlay .list-customization-modal .customization-footer{padding:16px 24px;border-top:1px solid var(--todo-border);display:flex;justify-content:flex-end;gap:12px}.snake-game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:2rem;font-family:Inter,sans-serif;transition:background-color .3s ease}.snake-game-container .game-card{background:#121c1299;border:1px solid rgba(74,222,128,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2.5rem;border-radius:32px;box-shadow:0 25px 60px -12px #0009;display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:520px;width:100%;position:relative;overflow:hidden}.snake-game-container .game-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(74,222,128,.05) 0%,transparent 70%);pointer-events:none}.snake-game-container .game-header{width:100%;display:flex;justify-content:space-between;align-items:center;z-index:1}.snake-game-container .game-header h1{font-size:2.5rem;font-weight:900;margin:0;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em}.snake-game-container .game-header .stats{display:flex;gap:1.25rem;align-items:stretch}.snake-game-container .game-header .stats .stat-item{background:#ffffff0d;padding:.75rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;min-height:80px}.snake-game-container .game-header .stats .stat-item .label{font-size:.7rem;color:#86efac;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:.25rem;line-height:1}.snake-game-container .game-header .stats .stat-item .value{font-size:1.6rem;font-weight:800;color:#f0fdf4;line-height:1;display:flex;align-items:center;height:1.6rem}.snake-game-container .difficulty-selector{display:flex;gap:.75rem;z-index:1}.snake-game-container .difficulty-selector .diff-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.6rem 1.5rem;border-radius:12px;color:#86efac;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.snake-game-container .difficulty-selector .diff-btn:hover:not(:disabled){background:#ffffff1f;color:#f0fdf4;transform:translateY(-2px);border-color:#fff3}.snake-game-container .difficulty-selector .diff-btn.active{background:#4ade8026;border-color:#4ade80;color:#4ade80;box-shadow:0 0 20px #4ade804d}.snake-game-container .difficulty-selector .diff-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.snake-game-container .canvas-wrapper{position:relative;border-radius:8px;overflow:hidden;background:#000;box-shadow:inset 0 0 30px #000,0 0 25px #4ade801a;line-height:0;width:400px;height:400px;border:1px solid rgba(255,255,255,.05)}.snake-game-container .canvas-wrapper canvas{display:block;touch-action:none}.snake-game-container .canvas-wrapper .game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:all .4s ease;gap:3.5rem}.snake-game-container .canvas-wrapper .game-overlay .game-over-text,.snake-game-container .canvas-wrapper .game-overlay .start-text{text-align:center;display:flex;flex-direction:column;gap:1.5rem;padding:0 2rem}.snake-game-container .canvas-wrapper .game-overlay .game-over-text h2,.snake-game-container .canvas-wrapper .game-overlay .start-text h2{font-size:3.5rem;color:#4ade80;margin:0;font-weight:900;text-shadow:0 0 40px rgba(74,222,128,.5);line-height:1;letter-spacing:-.05em}.snake-game-container .canvas-wrapper .game-overlay .game-over-text p,.snake-game-container .canvas-wrapper .game-overlay .start-text p{color:#86efac;margin:0;font-size:1.35rem;line-height:1.4;font-weight:600}.snake-game-container .canvas-wrapper .game-overlay .start-btn-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.snake-game-container .canvas-wrapper .game-overlay .start-btn-container .start-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;padding:1.25rem 3.5rem;border-radius:50px;color:#050a05;font-weight:900;font-size:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -5px #4ade8099;text-transform:uppercase;letter-spacing:.08em}.snake-game-container .canvas-wrapper .game-overlay .start-btn-container .start-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 40px -5px #4ade80cc;filter:brightness(1.15)}.snake-game-container .canvas-wrapper .game-overlay .start-btn-container .start-btn:active{transform:translateY(-1px) scale(1)}.snake-game-container .canvas-wrapper .game-overlay .start-btn-container .shortcut-hint{font-size:.85rem;color:#fff6;text-transform:uppercase;letter-spacing:.2em;font-weight:600}.snake-game-container .canvas-wrapper .game-overlay .start-btn-container .shortcut-hint kbd{background:#ffffff1a;padding:.25rem .6rem;border-radius:6px;font-family:inherit;margin-right:.4rem;border:1px solid rgba(255,255,255,.15);color:#ffffffb3}.snake-game-container .game-controls{display:flex;gap:2.5rem;color:#86efac;font-size:1rem;font-weight:600}.snake-game-container .game-controls .control-item{display:flex;align-items:center;gap:.8rem}.snake-game-container .game-controls .control-item kbd{background:#ffffff14;padding:.35rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);border-bottom-width:4px;font-family:inherit;font-size:.9rem;color:#f0fdf4}:global(.light) .snake-game-container .game-card{background:#fffc;border:1px solid rgba(22,163,74,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 25px 70px -12px #000a000d}:global(.light) .snake-game-container .game-card:before{background:radial-gradient(circle,rgba(22,163,74,.05) 0%,transparent 70%)}:global(.light) .snake-game-container .game-header h1{background:linear-gradient(135deg,#16a34a,#15803d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:global(.light) .snake-game-container .game-header .stats .stat-item{background:#0000000a}:global(.light) .snake-game-container .game-header .stats .stat-item .label{color:#527853}:global(.light) .snake-game-container .game-header .stats .stat-item .value{color:#1a2e1a}:global(.light) .snake-game-container .difficulty-selector .diff-btn{background:#0000000a;border-color:#00000014;color:#527853}:global(.light) .snake-game-container .difficulty-selector .diff-btn:hover:not(:disabled){background:#00000014;color:#1a2e1a}:global(.light) .snake-game-container .difficulty-selector .diff-btn.active{background:#16a34a14;border-color:#16a34a;color:#16a34a;box-shadow:0 0 15px #16a34a26}:global(.light) .snake-game-container .canvas-wrapper{box-shadow:inset 0 0 30px #0000000a,0 0 30px #16a34a26}:global(.light) .snake-game-container .canvas-wrapper .game-overlay{background:#ffffffeb}:global(.light) .snake-game-container .canvas-wrapper .game-overlay .game-over-text h2,:global(.light) .snake-game-container .canvas-wrapper .game-overlay .start-text h2{color:#16a34a;text-shadow:0 0 30px rgba(22,163,74,.3)}:global(.light) .snake-game-container .canvas-wrapper .game-overlay .game-over-text p,:global(.light) .snake-game-container .canvas-wrapper .game-overlay .start-text p{color:#527853}:global(.light) .snake-game-container .canvas-wrapper .game-overlay .start-btn-container .start-btn{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 12px 30px -5px #16a34a80}:global(.light) .snake-game-container .canvas-wrapper .game-overlay .start-btn-container .start-btn:hover{box-shadow:0 20px 45px -5px #16a34aa6}:global(.light) .snake-game-container .canvas-wrapper .game-overlay .start-btn-container .shortcut-hint{color:#00000073}:global(.light) .snake-game-container .canvas-wrapper .game-overlay .start-btn-container .shortcut-hint kbd{background:#0000000d;border-color:#0000001a;color:#000000b3}:global(.light) .snake-game-container .game-controls{color:#527853}:global(.light) .snake-game-container .game-controls kbd{background:#0000000a;border:1px solid rgba(0,0,0,.08);border-bottom-width:4px;color:#1a2e1a}.flash-friction{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;background:linear-gradient(135deg,#050510,#101025,#050510);color:#fff;font-family:Inter,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.flash-friction__header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:1.25rem 2rem;background:#000000d9;border:2px solid #4a90d9;border-radius:12px;margin-bottom:.5rem;box-shadow:0 8px 32px #0009;flex-shrink:0}.flash-friction__title{font-family:"Press Start 2P",cursive;font-size:1.5rem;color:#fff;margin:0;font-weight:400;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(180deg,#ff6b35,#fc0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.8)) drop-shadow(0 0 10px rgba(255,107,53,.3));transition:opacity .3s ease}.flash-friction__back-btn{padding:.75rem 1.5rem;background:transparent;border:2px solid #4a90d9;color:#4a90d9;cursor:pointer;font-weight:700;transition:all .2s;border-radius:6px;text-transform:uppercase;font-size:.9rem}.flash-friction__back-btn:hover{background:#4a90d9;color:#000}.flash-friction__menu{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:6rem 2rem;text-align:center;animation:fadeIn .5s ease-out}.flash-friction__menu-title{font-family:"Press Start 2P",cursive;font-size:3.5rem;color:#fff;margin:0;font-weight:400;letter-spacing:4px;text-transform:uppercase;line-height:1.2;background:linear-gradient(180deg,#ff6b35,#fc0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.8)) drop-shadow(0 0 20px rgba(255,107,53,.4))}@media(max-width:768px){.flash-friction__menu-title{font-size:2.5rem}}.flash-friction__menu-subtitle{font-size:1.5rem;color:#fff9;margin:0;font-weight:400}.flash-friction__menu-buttons{display:flex;flex-direction:column;gap:1.25rem;min-width:280px}.flash-friction__menu-btn{padding:1.25rem 2.5rem;font-size:1.2rem;font-weight:800;background:transparent;border:3px solid #4a90d9;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:3px;border-radius:8px}.flash-friction__menu-btn:hover:not(:disabled){background:#4a90d9;color:#000;transform:scale(1.05);box-shadow:0 0 20px #4a90d966}.flash-friction__menu-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#ffffff1a}.flash-friction__menu-btn--primary{border-color:#ff6b35;color:#ff6b35}.flash-friction__menu-btn--primary:hover:not(:disabled){background:#ff6b35;color:#000;box-shadow:0 0 30px #ff6b3580}.flash-friction__menu-btn--online{border-color:#4f8;color:#4f8}.flash-friction__menu-btn--online:hover:not(:disabled){background:#4f8;color:#000;box-shadow:0 0 30px #44ff8880}.flash-friction__customization{width:100%;max-width:1200px;margin:0 auto;padding-bottom:4rem;animation:fadeIn .4s ease-out}.flash-friction__customization-grid{display:grid;grid-template-columns:1fr 400px;gap:3rem;width:100%;margin-top:1rem}@media(max-width:1100px){.flash-friction__customization-grid{grid-template-columns:1fr}}.flash-friction__custom-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.flash-friction__parts-toolbar{padding:1rem 0;margin-top:-.5rem;display:flex;justify-content:flex-end;border-bottom:1px solid rgba(255,255,255,.05)}.flash-friction__toolbar-left{flex:1;display:flex;align-items:center;gap:1.5rem}.flash-friction__toggle-group{display:flex;align-items:center;gap:.8rem}.flash-friction__toggle-group label{font-size:.65rem;font-weight:900;color:#fff6;letter-spacing:2px}.flash-friction__toggle-btn{background:#0000004d;border:1px solid rgba(255,0,0,.3);color:#f009;padding:.4rem .8rem;border-radius:6px;font-size:.65rem;font-weight:900;cursor:pointer;transition:all .2s;letter-spacing:1px}.flash-friction__toggle-btn:hover{background:#ff00001a;border-color:#ff000080}.flash-friction__toggle-btn.active{background:#00ff881a;border-color:#00ff8880;color:#0f8;box-shadow:0 0 10px #0f83}.flash-friction__toggle-btn.active:hover{background:#0f83;box-shadow:0 0 15px #00ff884d}.flash-friction__sort-controls{display:flex;align-items:center;gap:.8rem}.flash-friction__sort-controls label{font-size:.65rem;font-weight:900;color:#fff6;letter-spacing:2px}.flash-friction__sort-select{background:#0006;border:1px solid rgba(255,255,255,.15);color:#fff;font-family:inherit;font-size:.75rem;font-weight:700;padding:.4rem .8rem;border-radius:6px;cursor:pointer;outline:none;transition:all .2s}.flash-friction__sort-select:hover,.flash-friction__sort-select:focus{border-color:#ff6b35;box-shadow:0 0 15px #ff6b3566}.flash-friction__sort-select option{background:#1a1a1a;color:#fff}.flash-friction__build-column{display:flex;flex-direction:column;gap:.5rem}.flash-friction__tabs{display:flex;background:#0006;padding:.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);gap:.5rem;overflow-x:auto}.flash-friction__tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem;background:transparent;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;transition:all .2s ease;min-width:80px}.flash-friction__tab-btn--active{background:#4a90d933;color:#fff;box-shadow:inset 0 0 10px #4a90d933}.flash-friction__tab-btn:hover:not(.flash-friction__tab-btn--active){background:#ffffff0d;color:#fffc}.flash-friction__tab-icon{font-size:1.25rem;margin-bottom:.25rem}.flash-friction__tab-label{font-size:.7rem;font-weight:700;letter-spacing:.05em}.flash-friction__preview-sticky-wrapper{display:flex;flex-direction:column;gap:2rem}.flash-friction__tab-content{animation:slideUp .3s ease-out}.flash-friction__setup-tab{display:flex;flex-direction:column;gap:2rem}.flash-friction__parts-section{background:#000000a6;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.75rem;box-shadow:0 12px 48px #0006}.flash-friction__parts-section--difficulty{background:#000c;border-color:#4a90d94d}.flash-friction__parts-title{font-size:1.4rem;color:#4a90d9;margin:0 0 1.5rem;text-transform:uppercase;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:.75rem}.flash-friction__section-icon{color:#ff6b35;flex-shrink:0}.flash-friction__parts-title--accordion{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.flash-friction__parts-title--accordion:hover{color:#89b7e6}.flash-friction__chevron-icon{color:#ffffff80;transition:transform .2s ease;flex-shrink:0}.flash-friction__parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.flash-friction__part-card{position:relative;padding:1.25rem;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94);text-align:left}.flash-friction__part-card:hover{background:#ffffff1a;border-color:#4a90d980;transform:translateY(-4px)}.flash-friction__part-card--selected{background:#ff6b3526;border-color:#ff6b35;box-shadow:0 0 20px #ff6b3533}.flash-friction__part-name{font-size:1.25rem;font-weight:800;color:#fff;margin:0 0 .5rem}.flash-friction__part-type{font-size:.85rem;font-weight:700;color:#fff6;text-transform:uppercase;margin-bottom:.75rem;display:block}.flash-friction__part-desc{font-size:.95rem;color:#ffffffbf;line-height:1.5;font-style:italic}.flash-friction__preview-container{background:#000000bf;border:3px solid #ff6b35;border-radius:16px;padding:1rem;text-align:center;box-shadow:0 10px 40px #0009}.flash-friction__preview-title{font-size:1.1rem;color:#ff6b35;margin-bottom:.75rem;font-weight:900;letter-spacing:3px;text-transform:uppercase}.flash-friction__preview-card{display:flex;flex-direction:column;align-items:center;gap:.75rem}.flash-friction__preview-name{color:#fff;text-transform:uppercase;letter-spacing:1.5px;background:#ffffff12;padding:.5rem .75rem;border-radius:8px;width:100%;margin-bottom:.25rem;display:flex;flex-direction:column;gap:.15rem;min-height:3.2rem;justify-content:center;border:1px solid rgba(255,255,255,.05)}.flash-friction__preview-blade-name{font-size:1.1rem;font-weight:900;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.flash-friction__preview-sub-name{font-size:.65rem;font-weight:700;color:#ffffff80;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flash-friction__spinner-svg{display:block;margin:0 auto;filter:drop-shadow(0 0 30px rgba(0,0,0,.8));transition:transform .3s ease-out}.flash-friction__preview-mystery{width:180px;height:180px;background:#ffffff0d;border:3px dashed rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:900;color:#ffffff1a;text-shadow:0 0 20px rgba(255,255,255,.1);animation:pulse 2s infinite}.flash-friction__preview-mystery span{transform:translateY(-5px)}.flash-friction__stats-summary{width:100%;display:flex;flex-direction:column;gap:.6rem;background:#ffffff0d;padding:.75rem;border-radius:8px}.flash-friction__stat-bar-group{display:flex;flex-direction:column;gap:.25rem;text-align:left}.flash-friction__stat-bar-group label{font-size:.75rem;font-weight:800;color:#fff;text-transform:uppercase;display:flex;justify-content:space-between}.flash-friction__stat-bar{width:100%;height:8px;background:#0009;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.flash-friction__stat-fill{height:100%;transition:width .7s cubic-bezier(.175,.885,.32,1.275);border-radius:6px}.flash-friction__stat-fill--attack{background:#f44;box-shadow:0 0 15px #f449}.flash-friction__stat-fill--defense{background:#48f;box-shadow:0 0 15px #48f9}.flash-friction__stat-fill--stamina{background:#4f8;box-shadow:0 0 15px #4f89}.flash-friction__stat-fill--weight{background:#ccc;box-shadow:0 0 15px #c8c8c866}.flash-friction__stat-fill--burst{background:#fa0;box-shadow:0 0 15px #fa06}.flash-friction__toggle-advanced{background:none;border:none;color:#fff6;font-size:.7rem;font-weight:900;cursor:pointer;padding:.8rem 0;width:100%;text-align:left;transition:all .2s;letter-spacing:1px;text-transform:uppercase}.flash-friction__toggle-advanced:hover{color:#ff6b35}.flash-friction__advanced-stats{margin-top:.25rem;padding-bottom:.5rem;animation:fadeIn .3s ease-out;display:flex;gap:.6rem;flex-direction:column}.flash-friction__traits-summary{margin-top:.25rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:left}.flash-friction__traits-title{font-size:.65rem;font-weight:900;color:#ffffff80;margin:0 0 .4rem;letter-spacing:2px}.flash-friction__traits-list{display:flex;flex-wrap:wrap;gap:.35rem}.flash-friction__trait-tag{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:.6rem;font-weight:800;color:#fff;letter-spacing:.5px;transition:all .2s}.flash-friction__trait-tag:hover{background:#ffffff1a;transform:translateY(-1px)}.flash-friction__trait-tag--drain{border-color:#9036;background:#9900331a}.flash-friction__trait-tag--drain .flash-friction__trait-icon{color:#903}.flash-friction__trait-tag--xdash{border-color:#ff6b3566;background:#ff6b351a}.flash-friction__trait-tag--xdash .flash-friction__trait-icon{color:#ff6b35}.flash-friction__trait-tag--counter{border-color:#f446;background:#ff44441a}.flash-friction__trait-tag--counter .flash-friction__trait-icon{color:#f44}.flash-friction__trait-tag--armor{border-color:#48f6;background:#4488ff1a}.flash-friction__trait-tag--armor .flash-friction__trait-icon{color:#48f}.flash-friction__trait-tag--balance{border-color:#4f86;background:#44ff881a}.flash-friction__trait-tag--balance .flash-friction__trait-icon{color:#4f8}.flash-friction__trait-icon{font-size:.9rem}.flash-friction__trait-none{font-size:.75rem;color:#ffffff4d;font-style:italic}.flash-friction__color-section{display:flex;flex-direction:column;gap:1.25rem}.flash-friction__color-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.flash-friction__color-row label{font-size:1.1rem;font-weight:700;color:#ffffffe6;flex-shrink:0;min-width:90px}.flash-friction__color-row input[type=range]{flex:1;height:8px;appearance:none;background:#ffffff1a;border-radius:4px;padding:0;cursor:pointer}.flash-friction__color-row input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;background:#ff6b35;border-radius:50%;box-shadow:0 0 15px #ff6b3599}.flash-friction__color-presets{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.flash-friction__color-presets input[type=color]{width:36px;height:36px;padding:0;border:2px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;border-radius:6px}.flash-friction__color-swatch{width:32px;height:32px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .2s}.flash-friction__color-swatch:hover{transform:scale(1.15)}.flash-friction__color-swatch--selected{border-color:#fff;transform:scale(1.1);box-shadow:0 0 15px #ffffff80}.flash-friction__presets-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.flash-friction__preset-compact{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem 1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:100px}.flash-friction__preset-compact:hover{background:#ffffff1f;border-color:#4a90d9;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.flash-friction__preset-compact--random{border-style:dashed;background:#4a90d91a;border-color:#4a90d94d;color:#fff;font-weight:700;font-size:.8rem}.flash-friction__preset-compact--random:hover{background:#4a90d933}.flash-friction__preset-name{font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap}.flash-friction__preset-tooltip{padding:.25rem}.flash-friction__preset-tooltip p{margin:0;font-size:.75rem;line-height:1.4;color:#ffffffe6}.flash-friction__preset-tooltip p strong{color:#4a90d9;display:block;margin-bottom:.2rem;font-size:.8rem}.flash-friction__preset-tooltip .flash-friction__preset-stats-hint{display:flex;gap:.8rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.flash-friction__preset-tooltip .flash-friction__preset-stats-hint p{font-size:.65rem;font-weight:800;color:#fff9}.flash-friction__participants-list{display:flex;flex-direction:column;gap:.75rem}.flash-friction__participant-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s}.flash-friction__participant-row:hover{background:#ffffff0f;border-color:#fff3}.flash-friction__participant-row--active{background:#4a90d91a;border-color:#4a90d9;box-shadow:0 0 15px #4a90d926}.flash-friction__participant-row--active .flash-friction__participant-label{color:#fff;text-shadow:0 0 8px rgba(74,144,217,.5)}.flash-friction__participant-label{font-weight:800;color:#ffffffb3;font-size:.9rem;letter-spacing:.5px}.flash-friction__participant-badge{font-size:.65rem;padding:.2rem .5rem;background:#4a90d9;color:#fff;border-radius:4px;font-weight:900}.flash-friction__bot-main{flex:1;display:flex;justify-content:space-between;align-items:center}.flash-friction__bot-controls{display:flex;align-items:center;gap:.5rem}.flash-friction__difficulty-select{padding:.25rem .4rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:4px;font-size:.75rem;font-weight:700;cursor:pointer;outline:none}.flash-friction__difficulty-select:hover{border-color:#ffffff4d}.flash-friction__icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:.25rem .5rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s}.flash-friction__icon-btn:hover{background:#ffffff1a;color:#fff}.flash-friction__icon-btn.active{background:#ff6b3533;border-color:#ff6b35;color:#ff6b35}.flash-friction__remove-btn{background:none;border:none;color:#f449;font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .2s}.flash-friction__remove-btn:hover{color:#f44}.flash-friction__add-bot-btn{width:100%;padding:.75rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.2);color:#ffffff80;border-radius:12px;font-size:.85rem;font-weight:800;cursor:pointer;transition:all .2s}.flash-friction__add-bot-btn:hover{background:#ffffff0d;border-color:#4a90d9;color:#fff}.flash-friction__info-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);font-size:.8rem;font-weight:900;margin-left:.25rem;color:#fff9;cursor:help;transition:all .3s;vertical-align:middle;text-align:center}.flash-friction__info-icon:hover{background:#ff6b35;border-color:#ff6b35;color:#000;box-shadow:0 0 15px #ff6b3580}.flash-friction__has-tooltip{position:relative}.flash-friction__has-tooltip:hover>.flash-friction__custom-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-10px)}.flash-friction__custom-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(0);background:#0a0a14f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.75rem 1rem;border-radius:12px;font-size:.85rem;font-weight:500;line-height:1.4;min-width:180px;max-width:250px;white-space:normal;word-wrap:break-word;z-index:500;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #000c,0 0 20px #ff6b3533;text-align:center}.flash-friction__custom-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#ffffff26}.flash-friction__custom-tooltip strong{color:#ff6b35;display:block;margin-bottom:.25rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.flash-friction__custom-tooltip .tooltip-stat-row{display:flex;gap:.75rem;justify-content:center;margin-top:.25rem;font-size:.8rem;opacity:.8}.flash-friction__custom-tooltip .tooltip-stat-row span{display:flex;align-items:center;gap:.25rem}.flash-friction__custom-tooltip .tooltip-special{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#ff6b35;font-style:italic;line-height:1.3}.flash-friction__trait-badges{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem}.flash-friction__trait-badge{width:24px;height:24px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:help;transition:all .2s}.flash-friction__trait-badge:hover{background:#ffffff26;border-color:#fff;transform:scale(1.1)}.flash-friction__game-wrapper{position:relative;width:100%;max-width:900px;padding:2rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;overflow:visible}.flash-friction__arena{position:relative;width:100%;max-width:min(750px,100vh - 350px);aspect-ratio:1;background:#000;border:12px solid #4a90d9;border-radius:50%;box-shadow:0 0 80px #000000e6,inset 0 0 100px #4a90d933;overflow:hidden;z-index:1}.flash-friction__canvas{width:100%;height:100%;display:block}.flash-friction__hud{position:relative;display:flex;flex-wrap:nowrap;justify-content:center;gap:.75rem;pointer-events:none;z-index:20;width:100%;max-width:1200px;margin-bottom:1.5rem;animation:fadeIn .4s ease-out}.flash-friction__player-stats{background:#000000e6;padding:.5rem .75rem;border:2px solid rgba(255,255,255,.2);border-radius:10px;flex:1 1 0px;min-width:0;max-width:280px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0009;display:flex;flex-direction:column;gap:.35rem;transition:all .3s}.flash-friction__player-stats--damaged{animation:damage-flash-hud .3s ease-out;border-color:#f44!important}.flash-friction__player-stats--eliminated{background:#000000e6;opacity:.5;filter:grayscale(.8) contrast(.8);border-color:#ffffff1a!important;position:relative;overflow:hidden}.flash-friction__eliminated-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#f44;font-family:"Press Start 2P",cursive;font-size:14px;font-weight:900;letter-spacing:2px;z-index:10;text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(255,68,68,.4);transform:rotate(-10deg);pointer-events:none;animation:fadeIn .3s ease-out}.flash-friction__player-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem}.flash-friction__player-spinner-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.flash-friction__player-name{font-size:1rem;font-weight:800;margin:0;color:#fff;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.flash-friction__end-countdown{position:absolute;top:20%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:100;pointer-events:none;text-align:center;background:#0009;padding:.5rem 2rem;border-radius:50px;border:2px solid #ff4444;box-shadow:0 0 30px #ff44444d;animation:fadeInCentered .4s cubic-bezier(.175,.885,.32,1.275) both}.flash-friction__end-countdown-text{color:#f44;font-weight:900;font-size:1rem;letter-spacing:2px}.flash-friction__end-countdown-number{color:#fff;font-size:3.5rem;font-weight:900;line-height:1;text-shadow:0 0 15px #ff4444}.flash-friction__spin-bar{width:100%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.flash-friction__spin-fill{height:100%;transition:width .2s ease-out;box-shadow:0 0 10px currentColor}.flash-friction__spin-speed{font-size:1rem;font-weight:800;color:#fff;font-family:JetBrains Mono,Courier New,monospace}.flash-friction__countdown-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:300;pointer-events:none;background:#0003}.flash-friction__countdown-text{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:#fff9;margin-bottom:.5rem;letter-spacing:2px}.flash-friction__countdown-number{font-family:Outfit,sans-serif;font-size:5rem;font-weight:900;color:#fff;text-shadow:0 0 30px #ff6b35;animation:countdownPulse 1s infinite cubic-bezier(.175,.885,.32,1.275)}@keyframes countdownPulse{0%{transform:scale(1.2);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.flash-friction__qte{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0006,#000000b3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;gap:1.5rem}.flash-friction__qte-title{font-size:3.5rem;font-weight:900;color:#ff6b35;text-transform:uppercase;letter-spacing:10px}@media(max-width:600px){.flash-friction__qte-title{font-size:2rem;letter-spacing:4px}}.flash-friction__qte-track{position:relative;width:100%;max-width:600px;height:80px;background:#0006;border:2px solid rgba(255,255,255,.1);box-shadow:inset 0 0 20px #00000080;border-radius:40px;overflow:hidden;display:flex;align-items:center;margin:0 1rem}@media(max-width:600px){.flash-friction__qte-track{height:60px;border-radius:30px}}.flash-friction__qte-track--dimmed{opacity:.4;filter:grayscale(.5)}.flash-friction__qte-hit-zone{position:absolute;left:20%;width:70px;height:100%;background:#ff6b3533;border-left:3px solid #ff6b35;border-right:3px solid #ff6b35;z-index:1;display:flex;align-items:center;justify-content:center}.flash-friction__qte-hit-zone:after{content:"";width:2px;height:60%;background:#ff6b35;opacity:.5}.flash-friction__qte-note{position:absolute;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#ffffffe6;color:#000;border-radius:12px;z-index:5;top:50%;transform:translateY(-50%) translate(-50%);box-shadow:0 4px 15px #0000004d;transition:transform .1s ease}.flash-friction__qte-note--incoming{background:#fff6;box-shadow:none;filter:blur(1px)}@media(max-width:600px){.flash-friction__qte-note{width:40px;height:40px;font-size:1.5rem;border-radius:10px}}.flash-friction__qte-note--perfect{background:#4f8;box-shadow:0 0 25px #4f89;transform:translateY(-50%) translate(-50%) scale(1.1)}.flash-friction__qte-note--good{background:#fc0;box-shadow:0 0 25px #fc09;transform:translateY(-50%) translate(-50%) scale(1.05)}.flash-friction__qte-note--miss{background:#f44;opacity:.3;filter:grayscale(1)}.flash-friction__qte-results{display:flex;gap:.75rem;min-height:48px;justify-content:center;align-items:center;width:100%}.flash-friction__qte-result{padding:.5rem 1rem;font-size:1.1rem;font-weight:900;border-radius:6px;text-transform:uppercase}.flash-friction__qte-result--perfect{background:#4f8;color:#000}.flash-friction__qte-result--good{background:#fa0;color:#000}.flash-friction__qte-result--miss{background:#f44;color:#fff}.flash-friction__qte-touch-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem;background:#0006;border-radius:24px;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.flash-friction__qte-touch-row{display:flex;gap:.5rem;justify-content:center}.flash-friction__qte-touch-btn{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:3px solid rgba(255,255,255,.3);border-radius:16px;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.flash-friction__qte-touch-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.flash-friction__qte-touch-btn:active{background:#ff6b35;border-color:#ff6b35;color:#000;transform:scale(.95);box-shadow:0 0 20px #ff6b3599,inset 0 0 10px #ffffff4d}@media(max-width:600px){.flash-friction__qte-touch-controls{margin-top:1rem;padding:.75rem}.flash-friction__qte-touch-btn{width:64px;height:64px;font-size:1.25rem}}@media(max-width:400px){.flash-friction__qte-touch-btn{width:56px;height:56px;border-radius:12px}}.flash-friction__countdown{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;pointer-events:none;background:radial-gradient(circle at center,#0006,#000000b3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flash-friction__countdown-text{font-family:Outfit,Inter,sans-serif;font-size:2.5rem;font-weight:800;color:#ff6b35;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,107,53,.5);letter-spacing:2px;animation:fadeIn .3s ease-out}.flash-friction__countdown-number{font-family:Outfit,Inter,sans-serif;font-size:10rem;font-weight:900;color:#ff6b35;text-shadow:0 0 40px rgba(255,107,53,.6);line-height:1;animation:countdown-pop 1s infinite}@keyframes countdown-pop{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}.flash-friction__result{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000fa;z-index:1000;gap:1rem;padding:1rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow-y:auto}.flash-friction__result-title{font-size:2.5rem;font-weight:900;color:#ff6b35;text-shadow:0 0 20px rgba(255,107,53,.4);margin:0;letter-spacing:2px}.flash-friction__result-winner-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:#44ff8814;border:4px solid #44ff88;border-radius:30px;box-shadow:0 0 40px #4f83,inset 0 0 20px #44ff881a;animation:slideUp .8s cubic-bezier(.175,.885,.32,1.275) both;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.flash-friction__result-badge{background:#4f8;color:#000;padding:.35rem 1.5rem;border-radius:50px;font-weight:900;font-size:.9rem;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 15px #4f86}.flash-friction__result-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;animation:fadeIn .5s ease-out .4s both}.flash-friction__result-vs-icon{font-size:2.5rem;filter:drop-shadow(0 0 15px rgba(255,255,255,.2))}.flash-friction__result-wintype{font-size:1.2rem;font-weight:900;color:#fff;line-height:1.1;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.4)}.flash-friction__result-crown{font-size:2.5rem;margin-top:-2.25rem;margin-bottom:-.25rem;filter:drop-shadow(0 0 15px rgba(255,215,0,.5));animation:bounce 2s infinite}.flash-friction__spinner-svg{display:block;margin:0 auto;overflow:visible}.flash-friction__spinner-svg--glow{filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}.flash-friction__spinner-svg-group{transform-origin:80px 80px;animation:spin-slow 8s linear infinite}.flash-friction__sparks-container{position:absolute;inset:0;pointer-events:none;z-index:50}.flash-friction__spark{position:absolute;width:5px;height:5px;border-radius:50%;filter:blur(.5px);box-shadow:0 0 12px 2px currentColor;animation:spark-fade-energetic .5s cubic-bezier(.1,.8,.2,1) forwards;transform:translate(-50%,-50%);will-change:transform,opacity}.flash-friction__arena-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:40}.flash-friction__arena-flash--active{animation:arena-flash-anim .2s ease-out}.flash-friction__qte-hit-feedback{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;z-index:200;pointer-events:none;animation:feedback-pop .8s cubic-bezier(.175,.885,.32,1.275) forwards;text-shadow:0 0 20px rgba(0,0,0,.5)}.flash-friction__qte-hit-feedback--perfect{color:#4f8;text-shadow:0 0 15px rgba(68,255,136,.8)}.flash-friction__qte-hit-feedback--good{color:#fa0;text-shadow:0 0 15px rgba(255,170,0,.8)}.flash-friction__qte-hit-feedback--miss{color:#f44;text-shadow:0 0 15px rgba(255,68,68,.8)}@keyframes spark-fade-energetic{0%{transform:translate(-50%,-50%) scale(2);opacity:1;filter:brightness(2)}15%{filter:brightness(1.5)}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}@keyframes arena-flash-anim{0%{opacity:.3}to{opacity:0}}@keyframes fadeInCentered{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes damage-flash-hud{0%{background:#f449}to{background:#000000f2}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flash-friction__launch-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.flash-friction__save-btn{width:100%;padding:16px;background:rgba(var(--primary-rgb),.1);border:2px dashed rgba(var(--primary-rgb),.4);color:var(--primary-color);font-family:\"Press Start 2P\",cursive;font-size:10px;cursor:pointer;transition:all .2s;border-radius:4px}.flash-friction__save-btn:hover{background:rgba(var(--primary-rgb),.2);border-color:var(--primary-color);transform:translateY(-2px)}.flash-friction__inventory-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.flash-friction__inventory-list::-webkit-scrollbar{width:4px}.flash-friction__inventory-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.flash-friction__inventory-row{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:pointer;transition:all .2s}.flash-friction__inventory-row:hover{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.3);transform:translate(4px)}.flash-friction__inventory-main{display:flex;align-items:center;gap:12px}.flash-friction__inventory-info{display:flex;flex-direction:column;gap:4px}.flash-friction__inventory-name{font-family:"Press Start 2P",cursive;font-size:11px;color:#fff}.flash-friction__inventory-parts{font-size:13px;color:#ffffff80;text-transform:uppercase}.flash-friction__delete-btn{background:none;border:none;color:#f44;font-size:20px;cursor:pointer;opacity:.3;transition:opacity .2s;padding:0 8px}.flash-friction__delete-btn:hover{opacity:1}.flash-friction__empty-text{padding:20px;text-align:center;color:#ffffff4d;font-size:12px;font-style:italic;border:1px dashed rgba(255,255,255,.1);border-radius:6px}.flash-friction__parts-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.flash-friction__inventory-actions{display:flex;gap:8px}.flash-friction__action-btn{background:linear-gradient(135deg,#4a90d926,#44ff881a);border:1px solid rgba(74,144,217,.4);color:#4f8;padding:6px 12px;font-family:"Press Start 2P",cursive;font-size:8px;cursor:pointer;transition:all .25s ease;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.flash-friction__action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s ease}.flash-friction__action-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a90d94d,#4f83);border-color:#4f8;box-shadow:0 0 12px #44ff884d,inset 0 0 20px #44ff880d;transform:translateY(-2px)}.flash-friction__action-btn:hover:not(:disabled):before{left:100%}.flash-friction__action-btn:active:not(:disabled){transform:translateY(0)}.flash-friction__action-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.8);border-color:#ffffff1a}.flash-friction__inventory-controls{display:flex;align-items:center;gap:6px;margin-left:auto}.flash-friction__row-btn{background:#44ffff0d;border:1px solid rgba(68,255,255,.2);color:#4ff9;font-size:12px;cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:4px}.flash-friction__row-btn:hover{color:#4ff;background:#44ffff26;border-color:#4ff;box-shadow:0 0 8px #4ff3}.flash-friction__launch-actions{display:flex;gap:12px;margin-top:16px}.flash-friction__save-btn{flex:1;padding:12px 16px;background:linear-gradient(135deg,#44ff8826,#44aaff1a);border:2px solid rgba(68,255,136,.4);color:#4f8;font-family:"Press Start 2P",cursive;font-size:10px;cursor:pointer;transition:all .25s ease;border-radius:8px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.flash-friction__save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .4s ease}.flash-friction__save-btn:hover{background:linear-gradient(135deg,#44ff8840,#44aaff26);border-color:#4f8;box-shadow:0 0 20px #44ff884d,inset 0 0 30px #44ff880d;transform:translateY(-2px)}.flash-friction__save-btn:hover:before{left:100%}.flash-friction__save-btn:active{transform:translateY(0)}.flash-friction__launch-btn{flex:1;min-height:42px;height:42px;padding:12px 16px;background:linear-gradient(135deg,#ff6b354d,#fa03);border:2px solid rgba(255,107,53,.6);color:#fa0;font-family:"Press Start 2P",cursive;font-size:10px;cursor:pointer;transition:all .25s ease;border-radius:8px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.flash-friction__launch-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .4s ease}.flash-friction__launch-btn:hover{background:linear-gradient(135deg,#ff6b3573,#ffaa004d);border-color:#fa0;box-shadow:0 0 20px #fa06,inset 0 0 30px #ffaa000d;transform:translateY(-2px)}.flash-friction__launch-btn:hover:before{left:100%}.flash-friction__launch-btn:active{transform:translateY(0)}.flash-friction__stadium-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.flash-friction__stadium-card{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .25s ease;text-align:center;gap:8px}.flash-friction__stadium-card:hover{background:#4a90d914;border-color:#4a90d94d;transform:translateY(-2px)}.flash-friction__stadium-card--selected{background:linear-gradient(135deg,#44ff881f,#4a90d91a);border-color:#4f8;box-shadow:0 0 16px #4f83,inset 0 0 20px #44ff8808}.flash-friction__stadium-card--selected .flash-friction__stadium-name{color:#4f8}.flash-friction__stadium-icon{font-size:28px;line-height:1}.flash-friction__stadium-name{font-family:"Press Start 2P",cursive;font-size:10px;color:#fff;text-transform:uppercase}.flash-friction__stadium-desc{font-size:10px;color:#fff6;line-height:1.3}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.flash-friction__match-end-timer{position:absolute;top:15%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem;z-index:1000;pointer-events:none;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem 2.5rem;border-radius:8px;border-bottom:3px solid #ff6b35;box-shadow:0 10px 30px #00000080;animation:timerPop .4s cubic-bezier(.175,.885,.32,1.275)}.flash-friction__match-end-label{font-family:Outfit,Inter,sans-serif;font-size:1rem;font-weight:700;color:#fff;opacity:.6;letter-spacing:5px;text-transform:uppercase}.flash-friction__match-end-number{font-family:Outfit,Inter,sans-serif;font-size:5rem;font-weight:950;color:#ff6b35;line-height:1;text-shadow:0 0 20px rgba(255,107,53,.5);animation:timerPulse .8s infinite alternate}@keyframes timerPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes timerPulse{0%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,107,53,.4))}to{transform:scale(1.1);filter:drop-shadow(0 0 40px rgba(255,107,53,.8))}}@keyframes centered-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}20%{transform:translate(-50%,-50%) scale(1.1);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.flash-friction__qte-feedback{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-family:Outfit,Inter,sans-serif;font-size:4rem;font-weight:900;text-transform:uppercase;z-index:200;pointer-events:none;animation:feedback-pop .8s cubic-bezier(.175,.885,.32,1.275) forwards}.flash-friction__qte-feedback--perfect{color:#4f8;text-shadow:0 0 20px rgba(68,255,136,.8)}.flash-friction__qte-feedback--good{color:#fc0;text-shadow:0 0 20px rgba(255,204,0,.8)}.flash-friction__qte-feedback--miss{color:#f44;text-shadow:0 0 20px rgba(255,68,68,.8)}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}.ff-lobby{width:100%;max-width:800px;margin:0 auto;padding:2rem;min-height:100vh}.ff-lobby__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.ff-lobby__back-btn{display:flex;align-items:center;gap:.5rem}.ff-lobby__title{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:#ff6b35;display:flex;align-items:center;gap:.75rem;margin:0;text-align:center;flex:1}.ff-lobby__connection{display:flex;align-items:center;gap:.5rem;font-size:.85rem;text-transform:capitalize}.ff-lobby__status{width:10px;height:10px;border-radius:50%;background:#888}.ff-lobby__status--connected{background:#4f8;box-shadow:0 0 8px #4f89}.ff-lobby__status--connecting,.ff-lobby__status--reconnecting{background:#fa0;animation:pulse 1s infinite}.ff-lobby__status--disconnected{background:#f44}.ff-lobby__error{background:#f443;border:1px solid #ff4444;color:#ff6b6b;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.ff-lobby__content{display:flex;flex-direction:column;gap:1.5rem}.ff-lobby__card{background:#0006!important;border:1px solid rgba(255,255,255,.1)!important}.ff-lobby__card .ant-card-head{border-bottom-color:#ffffff1a}.ff-lobby__card .ant-card-head-title{color:#ff6b35;font-family:"Press Start 2P",cursive;font-size:.7rem}.ff-lobby__name-row,.ff-lobby__code-row{display:flex;gap:.75rem}.ff-lobby__name-row input,.ff-lobby__code-row input{flex:1}.ff-lobby__create-btn{width:100%;height:48px;font-family:"Press Start 2P",cursive;font-size:.8rem;background:linear-gradient(135deg,#ff6b35,#ff9a35)!important;border:none!important}.ff-lobby__create-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.ff-lobby__room-name{display:flex;align-items:center;gap:.5rem}.ff-lobby__player-count{font-size:.75rem}.ff-lobby__room{width:100%}.ff-lobby__room-card .ant-card-head-title{font-size:.9rem}.ff-lobby__room-title{display:flex;align-items:center;gap:.75rem}.ff-lobby__players{margin-bottom:1.5rem}.ff-lobby__players h3{margin-bottom:1rem;color:#ff6b35;font-family:"Press Start 2P",cursive;font-size:.7rem}.ff-lobby__player-list{display:flex;flex-direction:column;gap:.75rem}.ff-lobby__player{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff0d;border-radius:4px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.ff-lobby__player--ready{border-color:#44ff884d;background:#44ff881a}.ff-lobby__player-info-container{display:flex;flex-direction:column;gap:.5rem;flex:1}.ff-lobby__player-own-preview{margin-top:.5rem;max-width:300px}.ff-lobby__player-own-preview .ff-lobby__spinner-preview{padding:.5rem;background:#0003}.ff-lobby__player-own-preview .ff-lobby__spinner-name{font-size:.9rem}.ff-lobby__player-own-preview .ff-lobby__spinner-parts{font-size:.7rem}.ff-lobby__player-own-preview .ff-lobby__spinner-viz{width:60px;height:60px}.ff-lobby__player-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.ff-lobby__crown{color:gold}.ff-lobby__settings{margin-bottom:1.5rem;padding:1rem;background:#ffffff08;border-radius:4px}.ff-lobby__settings p{margin:.5rem 0;color:#fffc}.ff-lobby__actions{display:flex;gap:1rem;flex-wrap:wrap}.ff-lobby__modal .ant-modal-content{background:#1a1a2e;border:1px solid rgba(255,255,255,.1)}.ff-lobby__modal .ant-modal-header{background:transparent;border-bottom-color:#ffffff1a}.ff-lobby__modal .ant-modal-title{color:#ff6b35;font-family:"Press Start 2P",cursive;font-size:.8rem}.ff-lobby__create-form{display:flex;flex-direction:column;gap:1.5rem}.ff-lobby__form-row{display:flex;flex-direction:column;gap:.5rem}.ff-lobby__form-row label{font-size:.85rem;color:#ffffffb3}.ff-lobby__privacy-btns,.ff-lobby__player-btns{display:flex;gap:.5rem}.ff-lobby__stadium-select{display:flex;flex-wrap:wrap;gap:.5rem}.ff-lobby__spinner-preview{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.ff-lobby__spinner-preview-info{display:flex;flex-direction:column;gap:.25rem}.ff-lobby__spinner-name{font-size:1.1rem;font-weight:700;color:#fc0;text-shadow:0 0 10px rgba(255,204,0,.3)}.ff-lobby__spinner-parts{font-size:.8rem;color:#fff9}.ff-lobby__spinner-viz{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.ff-lobby__spinner-svg{filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:600px){.ff-lobby{padding:1rem}.ff-lobby__header{flex-wrap:wrap}.ff-lobby__title{font-size:1rem;order:-1;width:100%;justify-content:center;margin-bottom:1rem}.ff-lobby__actions{flex-direction:column}.ff-lobby__actions button{width:100%}}.ff-multiplayer{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(135deg,#050510,#101025,#050510);color:#fff}.ff-multiplayer__header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:1rem 2rem;background:#000000d9;border:2px solid #4a90d9;border-radius:8px;margin-bottom:2rem}.ff-multiplayer__header-left{display:flex;align-items:center;gap:1.5rem}.ff-multiplayer__ping{display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.85rem;color:#fff9;background:#ffffff0d;padding:.3rem .6rem;border-radius:4px}.ff-multiplayer__ping-dot{width:8px;height:8px;border-radius:50%}.ff-multiplayer__ping-dot--good{background:#4f8;box-shadow:0 0 8px #4f8}.ff-multiplayer__ping-dot--warn{background:#fc0;box-shadow:0 0 8px #fc0}.ff-multiplayer__ping-dot--bad{background:#f44;box-shadow:0 0 8px #f44}.ff-multiplayer__title{font-family:"Press Start 2P",cursive;font-size:1.25rem;color:#4f8;margin:0;background:linear-gradient(180deg,#4f8,#2c6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ff-multiplayer__leave-btn{padding:.5rem 1.5rem;background:transparent;border:2px solid #ff4444;color:#f44;font-weight:700;cursor:pointer;border-radius:4px;transition:all .2s}.ff-multiplayer__leave-btn:hover{background:#f44;color:#000}.ff-multiplayer__battle{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;margin:0 auto;animation:fadeIn .4s ease-out}.ff-multiplayer__connection-status{font-size:.9rem;color:#fa0;font-family:Outfit,sans-serif;animation:pulse 1s infinite ease-in-out}.ff-multiplayer__launch-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#000000e6;border:2px solid #4a90d9;border-radius:12px;margin-top:5rem;box-shadow:0 0 30px #4a90d94d}.ff-multiplayer__launch-loading p{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:#fff;margin:1.5rem 0;text-align:center}.ff-multiplayer__launch-loading span{color:#fa0;font-size:.9rem;font-family:Outfit,sans-serif}.ff-multiplayer__loading-spinner{width:60px;height:60px;border:4px solid rgba(74,144,217,.1);border-top:4px solid #4a90d9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html,body{padding:0;margin:0;font-family:VT323,Courier New,monospace}html{transition:background-color .3s linear,color .3s linear;scrollbar-gutter:stable;overflow-x:hidden;scrollbar-width:thin}html.dark{scrollbar-color:#4ade80 #050a05}html.light{scrollbar-color:#16a34a #f4f7f4}::-webkit-scrollbar{width:8px;height:8px}html.dark ::-webkit-scrollbar-track{background:#ffffff04;border-left:1px solid rgba(255,255,255,.03)}html.light ::-webkit-scrollbar-track{background:#00000004;border-left:1px solid rgba(0,0,0,.03)}::-webkit-scrollbar-thumb{border-radius:10px;border:2px solid transparent;background-clip:content-box;transition:background .2s}html.dark ::-webkit-scrollbar-thumb{background-color:#4ade804d}html.dark ::-webkit-scrollbar-thumb:hover{background-color:#4ade80}html.light ::-webkit-scrollbar-thumb{background-color:#16a34a4d}html.light ::-webkit-scrollbar-thumb:hover{background-color:#16a34a}html.dark{background-color:#0a0a0a;color:#0a0}html.light{background-color:#e8e8e0;color:#060}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 4px}}@keyframes flicker{0%,to{opacity:1}92%{opacity:.95}94%{opacity:1}97%{opacity:.9}}@keyframes glow-pulse{0%,to{text-shadow:0 0 2px currentColor}50%{text-shadow:0 0 4px currentColor}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.custom-navbar{width:100%;position:sticky;top:0;z-index:1000;font-family:"Press Start 2P",cursive;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible}.custom-navbar:before{content:"";position:absolute;top:0;left:0;width:100vw;height:100%;background:inherit;border-bottom:inherit;z-index:-1;pointer-events:none}.custom-navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.custom-navbar .navbar-container{max-width:1400px;margin:0 auto;height:52px;display:flex;justify-content:flex-start;align-items:center;padding:0 20px;position:relative;z-index:2;gap:32px}html.dark .custom-navbar{background:#121c12cc;border-bottom:2px solid #4ade80;box-shadow:0 4px 20px #0009,0 0 10px #4ade801a}html.dark .custom-navbar .tgi-title{color:#4ade80;text-shadow:0 0 8px #4ade80}html.dark .custom-navbar .nav-label{color:#86efac}html.dark .custom-navbar .nav-icon{color:#4ade80}html.dark .custom-navbar .chevron{color:#86efac}html.light .custom-navbar{background:#ffffffd9;border-bottom:2px solid #16a34a;box-shadow:0 4px 15px #001e000d}html.light .custom-navbar .tgi-title{color:#16a34a}html.light .custom-navbar .nav-label{color:#1a2e1a}html.light .custom-navbar .nav-icon{color:#16a34a}html.light .custom-navbar .chevron{color:#527853}.custom-navbar .home-link{display:flex;align-items:center;gap:12px;text-decoration:none;transition:transform .2s}.custom-navbar .home-link:hover{transform:scale(1.02)}.custom-navbar .home-link:hover .tgi-logo{filter:drop-shadow(0 0 5px currentColor)}.custom-navbar .home-link .tgi-logo{width:34px;height:34px;image-rendering:pixelated;transition:all .2s}.custom-navbar .home-link .tgi-title{font-size:11px;margin:0;letter-spacing:.5px}.custom-navbar .home-link .tgi-title:after{content:"_";animation:nav-blink 1s step-end infinite;margin-left:4px}.custom-navbar .nav-links{display:flex;gap:4px;height:100%;align-items:center}.custom-navbar .nav-item{position:relative;height:100%;display:flex;align-items:center}.custom-navbar .nav-item .nav-button{background:transparent;border:none;padding:8px 14px;display:flex;align-items:center;gap:10px;font-family:inherit;font-size:10px;cursor:pointer;border-radius:4px;transition:all .2s;white-space:nowrap}.custom-navbar .nav-item .nav-button .nav-icon{font-size:16px;transition:transform .2s}.custom-navbar .nav-item .nav-button .nav-label{transition:color .2s}.custom-navbar .nav-item .nav-button .chevron{font-size:9px;transition:transform .3s}.custom-navbar .nav-item .nav-button .chevron.up{transform:rotate(180deg)}html.dark .custom-navbar .nav-item .nav-button:hover{background:#4ade801a}html.dark .custom-navbar .nav-item .nav-button:hover .nav-label{color:#4ade80}html.dark .custom-navbar .nav-item .nav-button:hover .nav-icon{transform:translateY(-2px)}html.light .custom-navbar .nav-item .nav-button:hover{background:#16a34a14}html.light .custom-navbar .nav-item .nav-button:hover .nav-label{color:#16a34a}html.light .custom-navbar .nav-item .nav-button:hover .nav-icon{transform:translateY(-2px)}.custom-navbar .nav-item.active .nav-button:after{content:"";position:absolute;bottom:8px;left:14px;right:14px;height:2px;background:currentColor}html.dark .custom-navbar .nav-item.active .nav-button:after{background:#4ade80;box-shadow:0 0 12px #4ade80,0 0 4px #fff6}html.light .custom-navbar .nav-item.active .nav-button:after{background:#16a34a;box-shadow:0 0 6px #16a34a66}html.dark .custom-navbar .nav-item.open .nav-button{background:#4ade8026}html.light .custom-navbar .nav-item.open .nav-button{background:#16a34a1f}.custom-navbar .dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:220px;padding:8px;display:flex;flex-direction:column;gap:4px;animation:nav-slideDown .25s cubic-bezier(0,0,.2,1);box-shadow:0 10px 30px #0006;border:2px solid}.custom-navbar .dropdown-menu .dropdown-hover-bridge{position:absolute;top:-16px;left:0;right:0;height:16px;background:transparent}html.dark .custom-navbar .dropdown-menu{background:#121c12;border-color:#4ade80;color:#f0fdf4}html.light .custom-navbar .dropdown-menu{background:#fff;border-color:#16a34a;color:#1a2e1a}.custom-navbar .dropdown-menu .dropdown-arrow-up{position:absolute;top:-10px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid currentColor}html.dark .custom-navbar .dropdown-menu .dropdown-arrow-up{color:#4ade80}html.light .custom-navbar .dropdown-menu .dropdown-arrow-up{color:#16a34a}.custom-navbar .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;font-size:10px;transition:all .2s;border-radius:2px;position:relative;overflow:hidden}.custom-navbar .dropdown-menu .dropdown-item .dropdown-icon{font-size:16px;opacity:.8;flex-shrink:0}.custom-navbar .dropdown-menu .dropdown-item .dropdown-label{line-height:1.5;display:block}.custom-navbar .dropdown-menu .dropdown-item:before{content:">";position:absolute;left:4px;top:50%;transform:translateY(-50%) translate(-10px);opacity:0;transition:all .2s;font-weight:700}.custom-navbar .dropdown-menu .dropdown-item:hover,.custom-navbar .dropdown-menu .dropdown-item.active{padding-left:24px}.custom-navbar .dropdown-menu .dropdown-item:hover:before,.custom-navbar .dropdown-menu .dropdown-item.active:before{opacity:1;transform:translateY(-50%) translate(0)}html.dark .custom-navbar .dropdown-menu .dropdown-item:hover,html.dark .custom-navbar .dropdown-menu .dropdown-item.active{background:#4ade8026;color:#4ade80}html.dark .custom-navbar .dropdown-menu .dropdown-item:hover .dropdown-icon,html.dark .custom-navbar .dropdown-menu .dropdown-item.active .dropdown-icon{opacity:1;transform:scale(1.1)}html.light .custom-navbar .dropdown-menu .dropdown-item:hover,html.light .custom-navbar .dropdown-menu .dropdown-item.active{background:#16a34a14;color:#16a34a}html.light .custom-navbar .dropdown-menu .dropdown-item:hover .dropdown-icon,html.light .custom-navbar .dropdown-menu .dropdown-item.active .dropdown-icon{opacity:1;transform:scale(1.1)}html.dark .custom-navbar .dropdown-menu .dropdown-item{color:#86efac}html.light .custom-navbar .dropdown-menu .dropdown-item{color:#527853}.custom-navbar .nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.custom-navbar .theme-toggle-btn{width:38px;height:38px;border-radius:4px;border:2px solid;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:18px}html.dark .custom-navbar .theme-toggle-btn{border-color:#4ade80;color:#fc0}html.dark .custom-navbar .theme-toggle-btn:hover{background:#4ade80;color:#000;box-shadow:0 0 15px #4ade80}html.light .custom-navbar .theme-toggle-btn{border-color:#16a34a;color:#066}html.light .custom-navbar .theme-toggle-btn:hover{background:#16a34a;color:#fff;box-shadow:0 0 10px #16a34a}.custom-navbar .theme-toggle-btn:active{transform:scale(.9)}.custom-navbar .nav-scanlines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#12101000 50%,#0000000d 50%),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);background-size:100% 2px,3px 100%;z-index:0;opacity:.3}@keyframes nav-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:991px){.custom-navbar .tgi-title{display:none}}@media(max-width:575px){.custom-navbar .navbar-container{padding:0 12px}.custom-navbar .nav-button{padding:8px;gap:4px}}:export{darkBackground:#050a05;darkSurface:#121c12;darkTextPrimary:#f0fdf4;darkTextSecondary:#86efac;darkGlassBackground:rgba(18,28,18,.6);darkGlassBorder:rgba(74,222,128,.1);darkPrimaryAccent:#4ade80;darkSecondaryAccent:#22c55e;darkButtonBg:#166534;darkButtonHoverBg:#15803d;darkShadow:rgba(0,0,0,.6);darkHighlight:rgba(255,255,255,.05);lightBackground:#f4f7f4;lightSurface:#ffffff;lightTextPrimary:#1a2e1a;lightTextSecondary:#527853;lightGlassBackground:rgba(255,255,255,.8);lightGlassBorder:rgba(22,163,74,.1);lightPrimaryAccent:#16a34a;lightSecondaryAccent:#15803d;lightButtonBg:#dcfce7;lightButtonHoverBg:#bbf7d0;lightShadow:rgba(0,10,0,.05);lightHighlight:rgba(255,255,255,.8)}html,body,#root{height:100%}p{margin:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}