@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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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 fadeIn{0%{opacity:0}to{opacity:1}}@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}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.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 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;animation:rainbow-shift 4s linear infinite;font-size:clamp(1.5rem,5vw,3rem)}.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);background:#000c;color:var(--category-color);font-size:28px;box-shadow:0 0 8px #00c80033;animation:float 3s ease-in-out infinite;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);background:#000c!important;transition:all .15s ease;cursor:pointer;position:relative;overflow:hidden;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);background:#00ff000d!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);background:transparent;font-size:24px;color:var(--category-color);transition:all .2s ease}.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;color:#0f0;transition:all .15s ease}.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;background-color:var(--todo-bg-secondary);color:var(--todo-text-primary)}.todo-list-container .sidebar-container .sidebar-header{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{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;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{padding:12px;border-top:1px solid var(--todo-border);display:flex;justify-content:space-between;align-items:center}.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 .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{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)}.todo-list-container .task-item .content .title.completed{color:var(--todo-text-secondary)}.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-modal .ant-modal-content{background-color:var(--todo-bg-secondary);border-radius:16px;padding:0}.list-customization-modal .ant-modal-body{padding:0}.list-customization-modal .customization-body{padding:24px;display:flex;flex-direction:column;gap:20px}.list-customization-modal .customization-body .icon-preview{display:flex;justify-content:center;align-items:center;padding:16px 0}.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-modal .customization-body .list-name-input::placeholder{color:var(--todo-text-secondary)!important}.list-customization-modal .customization-body .icon-emoji-tabs .ant-tabs-nav{margin-bottom:16px}.list-customization-modal .customization-body .icon-emoji-tabs .ant-tabs-nav .ant-tabs-tab{color:var(--todo-text-secondary)}.list-customization-modal .customization-body .icon-emoji-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{color:var(--todo-accent)}.list-customization-modal .customization-body .icon-emoji-tabs .ant-tabs-nav .ant-tabs-ink-bar{background-color:var(--todo-accent)}.list-customization-modal .customization-body .icon-grid,.list-customization-modal .customization-body .emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:8px}.list-customization-modal .customization-body .icon-option,.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-modal .customization-body .icon-option:hover,.list-customization-modal .customization-body .emoji-option:hover{background-color:var(--todo-bg-hover);transform:scale(1.1)}.list-customization-modal .customization-body .icon-option.selected,.list-customization-modal .customization-body .emoji-option.selected{background-color:var(--todo-accent);color:#fff;transform:scale(1.1)}.list-customization-modal .customization-body .emoji-option{font-size:24px}.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-modal .customization-body .color-section .color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.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-modal .customization-body .color-section .color-grid .color-option:hover{transform:scale(1.1)}.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-modal .customization-footer{padding:16px 24px;border-top:1px solid var(--todo-border);display:flex;justify-content:flex-end;gap:12px}html,body{padding:0;margin:0;font-family:VT323,Courier New,monospace}html{transition:background-color .3s linear,color .3s linear}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}}.navbar{width:100%;padding:8px 16px;font-weight:400;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;font-family:"Press Start 2P",cursive;font-size:10px;-webkit-user-select:none;user-select:none}html.dark .navbar{background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px),linear-gradient(180deg,#1a1a2e,#0f0f1a);border-bottom:2px solid #00aa00;box-shadow:0 2px #030}html.dark .navbar:after{background:#0a0}html.light .navbar{background:linear-gradient(180deg,#d4d4c8,#c8c8bc);border-bottom:2px solid #006600;box-shadow:0 2px #040}html.light .navbar:after{background:#060}.navbar:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px}.navbar .home-link{text-decoration:none;display:flex;align-items:center;gap:12px;position:relative;z-index:2;transition:all .1s ease}html.dark .navbar .home-link{color:#0a0}html.light .navbar .home-link{color:#060}html.dark .navbar .home-link:hover{color:#0cc}html.light .navbar .home-link:hover{color:#088}.navbar .home-link:hover .tgi-picture{filter:brightness(1.1)}.navbar .home-link .tgi-picture{height:40px;width:auto;object-fit:contain;image-rendering:pixelated;transition:filter .2s ease}.navbar .home-link h3{margin:0;white-space:nowrap;font-size:12px;font-weight:400;letter-spacing:1px}html.dark .navbar .home-link h3{color:#0a0}html.light .navbar .home-link h3{color:#060}.navbar .home-link h3:after{content:"_";animation:blink 1s step-end infinite;margin-left:2px}.navbar .navbar-menu{border-bottom:0;background-color:transparent;flex:auto;justify-content:end;position:relative;z-index:2;-webkit-user-select:none;user-select:none}.navbar .navbar-menu :global(.ant-menu-item),.navbar .navbar-menu :global(.ant-menu-submenu-title){font-family:"Press Start 2P",cursive;font-size:10px;border:2px solid transparent;margin:0 4px;transition:all .1s ease!important;background:transparent!important}html.dark .navbar .navbar-menu :global(.ant-menu-item),html.dark .navbar .navbar-menu :global(.ant-menu-submenu-title){color:#0a0!important}html.light .navbar .navbar-menu :global(.ant-menu-item),html.light .navbar .navbar-menu :global(.ant-menu-submenu-title){color:#060!important}html.dark .navbar .navbar-menu :global(.ant-menu-item):hover,html.dark .navbar .navbar-menu :global(.ant-menu-submenu-title):hover{color:#0cc!important;border-color:#0aa;background:#00c8c81a!important}html.light .navbar .navbar-menu :global(.ant-menu-item):hover,html.light .navbar .navbar-menu :global(.ant-menu-submenu-title):hover{color:#088!important;border-color:#066;background:#0064641a!important}html.dark .navbar .navbar-menu :global(.ant-menu-submenu-arrow){color:#0a0!important}html.light .navbar .navbar-menu :global(.ant-menu-submenu-arrow){color:#060!important}.navbar .theme-toggle{position:relative;z-index:2;width:36px;height:36px;padding:0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .1s ease}html.dark .navbar .theme-toggle{background:#222;border:2px solid #00aa00;color:#fc0;box-shadow:2px 2px #030}html.dark .navbar .theme-toggle:hover{background:#333}html.dark .navbar .theme-toggle:active{box-shadow:none;transform:translate(2px,2px)}html.light .navbar .theme-toggle{background:#ccc;border:2px solid #006600;color:#066;box-shadow:2px 2px #040}html.light .navbar .theme-toggle:hover{background:#ddd}html.light .navbar .theme-toggle:active{box-shadow:none;transform:translate(2px,2px)}.navbar-submenu{-webkit-user-select:none;user-select:none}html.dark .navbar-submenu{background:#1a1a2e!important;border:2px solid #00aa00!important;box-shadow:0 2px #040!important}html.light .navbar-submenu{background:#ccc!important;border:2px solid #006600!important;box-shadow:0 2px #040!important}.navbar-submenu .ant-menu{background:transparent!important}.navbar-submenu .ant-menu-item{font-family:"Press Start 2P",cursive;font-size:10px;border:none;margin:4px 8px;transition:all .1s ease}html.dark .navbar-submenu .ant-menu-item{color:#0a0!important}html.light .navbar-submenu .ant-menu-item{color:#060!important}html.dark .navbar-submenu .ant-menu-item:hover{color:#0cc!important;background:#00c8c81a!important;text-shadow:0 0 10px #00aaaa}html.light .navbar-submenu .ant-menu-item:hover{color:#088!important;background:#0064641a!important;text-shadow:0 0 10px #006666}.navbar-submenu .ant-menu-item:hover:before{content:"> "}: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}