*{margin:0;padding:0;box-sizing:border-box}.hidden{display:none!important}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#ecf0f1;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;overflow:hidden}.game-container{background:#0f1419;border-radius:10px;box-shadow:0 10px 40px #00000080;overflow:hidden;max-width:1640px;width:100%;height:calc(100vh - 40px);max-height:calc(100vh - 40px);display:flex;flex-direction:column;transition:filter .2s ease,opacity .2s ease}body.startup-overlay-active .game-container{filter:blur(2px) saturate(.7) brightness(.48);opacity:.9}.game-header{background:#1e2836;padding:15px 20px;border-bottom:2px solid #2c5f8d}.game-title{font-family:Cinzel,Georgia,serif;font-size:28px;font-weight:700;text-align:center;margin:0 0 10px;color:#ecf0f1;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 12px rgba(52,152,219,.3);letter-spacing:3px}.header-info{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}.header-zone{display:flex;align-items:center;min-width:0}.header-zone-left{justify-content:flex-start;gap:10px;flex-wrap:wrap}.header-zone-center{justify-content:center}.header-zone-right{justify-content:flex-end}.header-pill{padding:5px 15px;background:#3498db33;border-radius:5px;font-size:18px;font-weight:600;white-space:nowrap}.wind-widget{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:7px 14px;min-width:270px;border-radius:999px;border:1px solid rgba(120,155,186,.55);background:linear-gradient(135deg,#142232f7,#0f1b28f7);box-shadow:inset 0 0 0 1px #5980a033}.wind-compass{width:42px;height:42px;border-radius:50%;border:1px solid rgba(152,192,225,.6);background:radial-gradient(circle at 30% 30%,#48759473,#112231f2 78%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 8px #00000073}.wind-direction-arrow{font-size:24px;line-height:1;font-weight:700;color:#ecf6ff;text-shadow:0 0 8px rgba(127,174,208,.55)}.wind-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.wind-label{font-size:11px;text-transform:uppercase;letter-spacing:.75px;color:#acc5da;font-weight:700}.wind-values{display:flex;align-items:center;gap:7px;color:#ecf0f1;font-size:17px;font-weight:700;white-space:nowrap}#windDirectionName{min-width:1.5ch;text-align:center}.wind-separator{color:#7ea5c4;font-size:13px}.game-board{display:flex;gap:15px;background:#0a0e14;padding:20px 20px 28px;align-items:flex-start;justify-content:center;flex:1;min-height:0;overflow:hidden}.battlefield-column{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;min-height:0;padding-bottom:10px}.canvas-container{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;width:100%;padding-bottom:12px}#gameCanvas{display:block;aspect-ratio:4 / 3;width:min(100%,calc((100vh - 380px) * 4 / 3),1200px);height:auto;margin-bottom:10px;max-width:100%;max-height:calc(100vh - 380px);border:3px solid #2c5f8d;border-radius:5px;cursor:crosshair;box-shadow:0 0 20px #3498db4d}#gameCanvas[data-layout=portrait]{aspect-ratio:3 / 4;width:min(100%,calc((100vh - 380px)*.75),900px)}.game-footer{background:#1e2836;padding:22px 20px 15px;border-top:2px solid #2c5f8d}.footer-top-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-ui-toggle{display:none;border:1px solid rgba(120,155,186,.45);background:#0f1b28f2;color:#dceaf7;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.45px;cursor:pointer;white-space:nowrap}.combat-feed-button{border:1px solid rgba(120,155,186,.45);background:linear-gradient(135deg,#13202ef5,#0e1824f5);color:#e4edf5;border-radius:999px;padding:5px 11px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-weight:700;min-width:220px;text-align:left}.combat-feed-button:hover{border-color:#9cc2e3a6}.combat-feed-button.tone-good{border-color:#54b082b3}.combat-feed-button.tone-warn{border-color:#c77952bf}.combat-feed-button.tone-danger{border-color:#e06262cc}.combat-feed-status-icon{font-size:15px;line-height:1}.combat-feed-text{display:flex;flex-direction:column;min-width:0}.combat-feed-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#aac2d8}.combat-feed-status-text{font-size:12px;color:#ecf0f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-feed-unread{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;padding:0 6px;font-size:11px;background:#e74c3c;color:#fff}.combat-feed-unread.hidden{display:none}.zoom-controls{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid rgba(120,155,186,.45);border-radius:999px;background:linear-gradient(135deg,#13202ef5,#0e1824f5);flex-shrink:0}.zoom-control-btn{border:1px solid rgba(120,155,186,.45);background:#0e1824e6;color:#e4edf5;border-radius:999px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;font-weight:700}.zoom-control-btn:hover{border-color:#9cc2e3a6}.zoom-control-btn:focus-visible{outline:2px solid #5aa9ff;outline-offset:2px}.zoom-control-reset{width:auto;min-width:58px;padding:0 12px;font-size:12px;letter-spacing:.2px;text-transform:uppercase}.combat-feed-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:850}.combat-feed-backdrop.hidden{display:none}.combat-feed-panel{position:fixed;top:0;right:0;width:min(430px,92vw);height:100vh;background:linear-gradient(180deg,#101c2a,#0c1520);border-left:2px solid #2e4d6d;box-shadow:-12px 0 32px #00000073;z-index:900;padding:14px;display:flex;flex-direction:column}.combat-feed-panel.hidden{display:none}.combat-feed-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.combat-feed-panel-header h3{font-family:Cinzel,Georgia,serif;margin:0;font-size:20px;letter-spacing:1.5px}.combat-feed-close{border:1px solid rgba(128,165,196,.4);background:#162738eb;color:#d7e5f2;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer}.combat-feed-panel-subtitle{margin:0 0 10px;color:#9fb3c7;font-size:12px}.combat-log-empty{color:#9cb1c6;font-size:13px;padding:14px 6px}.combat-log-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;padding-right:2px}.combat-log-list::-webkit-scrollbar{width:8px}.combat-log-list::-webkit-scrollbar-thumb{background:#39556f;border-radius:10px}.combat-log-entry{border:1px solid #2f465f;border-left:4px solid #60788f;border-radius:7px;background:#101d2af2;padding:8px 9px;cursor:pointer}.combat-log-entry:hover{border-color:#6f95b6b3}.combat-log-entry.player1{border-left-color:#c0392b}.combat-log-entry.player2{border-left-color:#2980b9}.combat-log-entry.success,.combat-log-entry.hit{background:#122a20e6}.combat-log-entry.failed,.combat-log-entry.miss{background:#2f1517e6}.combat-log-entry.destroyed{box-shadow:0 0 0 1px #e74c3c73 inset}.combat-log-headline{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.combat-log-title{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:#e8edf2;font-weight:700;line-height:1.25}.combat-log-time{color:#b7c9da;font-size:10px;white-space:nowrap}.combat-log-tags{display:flex;gap:5px;margin-top:6px}.combat-log-tag{font-size:10px;border-radius:999px;padding:1px 6px;border:1px solid rgba(146,173,198,.35);background:#293f548c;color:#d2deea;text-transform:uppercase}.combat-log-tag.hit,.combat-log-tag.success{border-color:#499d72b3;background:#1d4e368c}.combat-log-tag.miss,.combat-log-tag.failed,.combat-log-tag.destroyed{border-color:#ae595999;background:#5322228c}.combat-log-details{margin-top:6px;color:#c2d0de;font-size:11px;line-height:1.35}.combat-log-detail-line+.combat-log-detail-line{margin-top:2px}.combat-log-entry:not(.expanded) .combat-log-details{display:none}.in-game-settings-button{border:1px solid rgba(120,155,186,.45);background:linear-gradient(135deg,#13202ef5,#0e1824f5);color:#e4edf5;border-radius:50%;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;flex-shrink:0}.in-game-settings-button:hover{border-color:#9cc2e3a6}.in-game-settings-icon{line-height:1}.in-game-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:850}.in-game-settings-backdrop.hidden{display:none}.in-game-settings-panel{position:fixed;top:0;right:0;width:min(380px,92vw);height:100vh;background:linear-gradient(180deg,#101c2a,#0c1520);border-left:2px solid #2e4d6d;box-shadow:-12px 0 32px #00000073;z-index:900;padding:14px;display:flex;flex-direction:column}.in-game-settings-panel.hidden{display:none}.in-game-settings-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.in-game-settings-panel-header h3{font-family:Cinzel,Georgia,serif;margin:0;font-size:20px;letter-spacing:1.5px}.in-game-settings-close{border:1px solid rgba(128,165,196,.4);background:#162738eb;color:#d7e5f2;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer}.in-game-settings-body{flex:1;overflow-y:auto}.in-game-settings-body .setting-item{margin-bottom:20px;padding:16px;background:#2c5f8d33;border-radius:8px;border:1px solid rgba(44,95,141,.4)}.in-game-settings-body .audio-controls{margin-left:0;margin-top:0}.report-bug-btn{width:100%}.ship-info{margin-bottom:10px;font-size:16px;color:#bdc3c7}#selectedShipInfo{display:inline-block;padding:8px 15px;background:#3498db26;border-radius:5px;border-left:3px solid #3498db}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.action-btn{flex:1;min-width:120px;padding:12px 20px;font-size:16px;font-weight:600;border:2px solid #2c5f8d;border-radius:5px;background:linear-gradient(135deg,#2c5f8d,#1e3a5f);color:#ecf0f1;cursor:pointer;transition:all .3s ease}.action-btn:hover:not(:disabled){background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;transform:translateY(-2px);box-shadow:0 5px 15px #3498db66}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#34495e,#2c3e50);border-color:#34495e}.action-btn.primary{background:linear-gradient(135deg,#27ae60,#229954);border-color:#27ae60}.action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#2ecc71,#27ae60);border-color:#2ecc71;box-shadow:0 5px 15px #2ecc7166}.action-btn.danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#e74c3c}.action-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#e67e22,#d35400);border-color:#e67e22;box-shadow:0 5px 15px #e67e2266}.action-btn.active{background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#f39c12;box-shadow:0 0 15px #f39c1299}.ships-panel{flex:0 0 180px;width:180px;background:#1e2836;border-radius:8px;padding:15px;border:2px solid #2c5f8d;height:100%;min-height:0;display:flex;flex-direction:column}.ships-panel h3{font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #2c5f8d;text-align:center}.ships-panel-left h3{color:#c0392b}.ships-panel-right h3{color:#2980b9}.ships-list{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:6px;overflow:hidden;min-height:0}.ship-card{background:#3498db1a;border:2px solid #2c5f8d;border-radius:5px;padding:6px;cursor:pointer;transition:all .2s ease;position:relative;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.ship-card.is-obscured{background:#121a26eb;border-color:#2a3f57;cursor:default}.ship-card:hover{background:#3498db33;border-color:#3498db;transform:translate(2px);box-shadow:0 2px 8px #3498db4d}.ship-card.is-obscured:hover{background:#121a26eb;border-color:#2a3f57;transform:none;box-shadow:none}.ship-card.selected{border-color:#f1c40f;background:#f1c40f26;box-shadow:0 0 10px #f1c40f66}.ship-card.is-obscured.selected{border-color:#2a3f57;background:#121a26eb;box-shadow:none}.ship-card.destroyed{opacity:.4;cursor:not-allowed}.ship-card.is-obscured.destroyed{opacity:1;cursor:default}.ship-card.destroyed:hover{transform:none}.ship-card.player1{border-left:4px solid #c0392b}.ship-card.player2{border-left:4px solid #2980b9}.ship-card.ship-card--captured{border-style:solid;border-color:#9b59b6;box-shadow:inset 0 0 0 1px #f1c40f59;background:linear-gradient(135deg,#4d316057,#22344c8c)}.ship-card.ship-card--captured.is-obscured{background:#221b2de6;border-color:#6b3e82}.ship-card.is-hidden-ghost{border-style:dashed}.ship-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:4px;min-height:0}.ship-card-name{font-weight:600;font-size:12px;color:#ecf0f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ship-card-type{font-size:10px;color:#bdc3c7;background:#0000004d;padding:1px 5px;border-radius:3px;white-space:nowrap}.ship-card-health{display:flex;flex-direction:column;gap:2px}.ship-card-health-text{font-size:10px;color:#bdc3c7}.ship-card-health-bar{width:100%;height:6px;background:#34495e;border-radius:4px;overflow:hidden;position:relative}.ship-card-health-fill{height:100%;background:linear-gradient(90deg,#27ae60,#2ecc71);transition:width .3s ease}.ship-card-health-fill.low{background:linear-gradient(90deg,#e74c3c,#c0392b)}.ship-card-health-fill.medium{background:linear-gradient(90deg,#f39c12,#e67e22)}.ship-card-status{display:flex;gap:4px;margin-top:4px;justify-content:flex-start;flex-wrap:wrap}.ship-card-badge{font-size:9px;padding:1px 5px;border-radius:3px;font-weight:600;white-space:nowrap}.ship-card-badge.moved{background:#3498db;color:#fff}.ship-card-badge.fired{background:#e74c3c;color:#fff}.ship-card-badge.flagship{background:#f1c40f;color:#000}.ship-card-badge.captured{background:#9b59b6;color:#fff}.ship-card-visibility-badge{font-size:9px;padding:1px 6px;border-radius:999px;font-weight:700;letter-spacing:.25px;text-transform:uppercase;white-space:nowrap;border:1px solid rgba(140,160,180,.45);background:#1a2431e6;color:#aebfd0}.ship-card-visibility-badge.fog-hidden{border-color:#7b8ea180;color:#a3b4c5}.ship-card-visibility-badge.ghost{border-color:#7899bda6;color:#c6daf0;background:#192b40e6}@media(max-width:1300px){.game-container,#gameCanvas{max-width:100%}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#03080e;display:flex;justify-content:center;align-items:center;padding:clamp(10px,3vh,24px);overflow-y:auto;z-index:1000}.modal.hidden{display:none}.modal-content{background:linear-gradient(135deg,#1e2836,#0f1419);border:3px solid #2c5f8d;border-radius:15px;padding:40px;text-align:center;box-shadow:0 0 50px #3498db80;width:min(100%,500px);max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-gutter:stable}.modal-content h2{font-family:Cinzel,Georgia,serif;color:#ecf0f1;font-size:36px;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;text-shadow:0 0 10px rgba(52,152,219,.5)}.modal-content p{color:#bdc3c7;font-size:20px;margin-bottom:30px}@media(max-width:1400px){.ships-panel{flex-basis:140px;width:140px;padding:10px}.ship-card{padding:5px}.ship-card-name{font-size:11px}.ships-list{gap:5px}}@media(max-width:1200px){.ships-panel{display:none}.game-board{padding:10px 10px 18px}}@media(max-width:768px){body{padding:8px}.game-container{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.game-header{padding:10px 12px}.game-title{font-size:34px;margin-bottom:8px}.header-info{grid-template-columns:1fr;gap:8px}.header-zone-center{order:1;justify-content:center}.header-zone-left{order:2;justify-content:center;gap:8px}.header-zone-right{order:3;justify-content:stretch;width:100%;gap:8px}.header-pill{font-size:15px;padding:4px 12px}.wind-widget{min-width:0;width:min(100%,340px);padding:6px 11px}.header-zone-right .combat-feed-button{flex:1;min-width:0}.zoom-controls{display:none}.header-zone-right .in-game-settings-button{width:36px;height:36px}.mobile-ui-toggle{display:inline-flex;align-items:center;justify-content:center}.in-game-settings-panel{width:100vw}.game-board{padding:6px 8px 10px;align-items:stretch}.battlefield-column{flex:1;min-height:0}.canvas-container{flex:1;min-height:0;padding-bottom:0}.action-buttons{flex-direction:column;gap:8px}.action-btn{min-width:100%;padding:10px 14px;font-size:14px}.game-footer{padding:12px 10px 10px}.ship-info{margin-bottom:8px;font-size:14px;flex:1;min-width:0}.footer-top-row{margin-bottom:8px}.modal-content{width:min(100%,560px);max-height:calc(100vh - 28px);padding:24px 20px}.combat-feed-panel{width:100vw}#gameCanvas{width:auto;height:auto;max-width:100%;max-height:100%;margin-bottom:0}#gameCanvas[data-layout=landscape]{aspect-ratio:4 / 3;width:auto;height:auto}#gameCanvas[data-layout=portrait]{aspect-ratio:3 / 4;width:auto;height:auto}.game-container.is-header-collapsed .game-header{padding:6px 10px}.game-container.is-header-collapsed .game-title,.game-container.is-header-collapsed .header-zone-left,.game-container.is-header-collapsed .header-zone-center{display:none}.game-container.is-header-collapsed .header-info{grid-template-columns:1fr}.game-container.is-header-collapsed .header-zone-right{justify-content:space-between}.game-container.is-header-collapsed .header-zone-right .combat-feed-button,.game-container.is-header-collapsed .header-zone-right .zoom-controls,.game-container.is-header-collapsed .header-zone-right .in-game-settings-button{display:none}.game-container.is-header-collapsed .mobile-ui-toggle-header{position:fixed;left:16px;top:calc(env(safe-area-inset-top,0px) + 30px);z-index:950;box-shadow:0 6px 16px #00000073}.game-container.is-footer-collapsed .game-footer{padding:6px 10px}.game-container.is-footer-collapsed .ship-info,.game-container.is-footer-collapsed .action-buttons{display:none}.game-container.is-footer-collapsed .footer-top-row{justify-content:flex-end;margin-bottom:0}.game-container.is-footer-collapsed .mobile-ui-toggle-footer{position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 30px);z-index:950;box-shadow:0 6px 16px #00000073}}@media(max-width:768px)and (max-height:700px){.game-title{display:none}.header-info{gap:6px}.header-zone-left,.header-zone-center{order:1}.header-zone-right{order:2}}.settings-modal{max-width:760px;text-align:left;padding:24px}.settings-categories{display:flex;flex-direction:column;gap:12px;margin:16px 0 12px}.settings-category{padding:14px;background:#2c5f8d29;border-radius:8px;border:1px solid rgba(44,95,141,.45)}.settings-category h3{font-family:Cinzel,Georgia,serif;font-size:18px;letter-spacing:1px;margin:0 0 10px;color:#dce8f2}.settings-grid{display:grid;gap:10px}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:10px;border-radius:7px;background:#111f2e8c;border:1px solid rgba(72,111,145,.35)}.setting-row-wide{grid-template-columns:1fr}.setting-label-wrap{display:inline-flex;align-items:center;gap:8px;min-width:0}.setting-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.setting-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3498db}.setting-title{color:#ecf0f1;font-size:16px;font-weight:600}.setting-control{justify-self:end}.setting-select{min-width:215px;padding:9px 11px;border-radius:6px;border:1px solid rgba(102,150,193,.55);background:#132232f2;color:#ecf0f1;font-size:14px}.info-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid rgba(129,166,197,.85);color:#b2cee5;font-size:12px;font-weight:700;line-height:1;cursor:help;flex-shrink:0}.tooltip-content{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%) translateY(4px);min-width:240px;max-width:300px;padding:8px 10px;border-radius:6px;border:1px solid rgba(106,151,190,.65);background:#0a141efa;color:#d9e7f4;font-size:12px;line-height:1.4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:4}.info-icon:hover .tooltip-content,.info-icon:focus .tooltip-content,.info-icon:focus-within .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:#60798fb3;border:1px solid rgba(126,153,179,.7);transition:background .2s ease;border-radius:999px}.slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;top:2px;background:#f6fbff;border-radius:50%;transition:transform .2s ease}.toggle-switch input:checked+.slider{background:linear-gradient(135deg,#3498db,#2c7fbf);border-color:#7ec2f0f2}.toggle-switch input:checked+.slider:before{transform:translate(22px)}.audio-controls{margin:0;display:flex;flex-direction:column;gap:10px}.audio-control-row{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}.audio-control-label{color:#d7e3ee;font-size:13px;font-weight:600}.audio-control-value{color:#9ec1df;font-size:12px;font-weight:700}.audio-slider{grid-column:1 / -1;width:100%;accent-color:#3498db}.settings-modal .action-btn{width:100%;margin-top:12px;font-size:17px;padding:13px}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.settings-actions .action-btn{margin-top:0}.bug-report-modal{width:min(100%,640px);text-align:left}.bug-report-modal h2{margin-bottom:10px}.bug-report-intro{margin:0 0 16px;font-size:14px;line-height:1.4;color:#b9c8d6}.bug-report-form{display:grid;gap:10px}.bug-report-label{color:#d7e3ee;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.bug-report-input,.bug-report-textarea{width:100%;border:1px solid rgba(95,139,177,.65);border-radius:8px;background:#0a121cd9;color:#e7f1f9;padding:10px 12px;font-size:15px;outline:none}.bug-report-input:focus,.bug-report-textarea:focus{border-color:#66afe6;box-shadow:0 0 0 2px #66afe640}.bug-report-textarea{resize:vertical;min-height:140px;line-height:1.45}.bug-report-status{min-height:20px;font-size:13px;color:#b3c7d9}.bug-report-status[data-tone=success]{color:#7fe3a2}.bug-report-status[data-tone=error]{color:#ff9f96}.settings-modal h2{font-size:30px;letter-spacing:2px;margin-bottom:12px}.about-modal{width:min(100%,600px);text-align:left}.about-modal h2{font-family:Cinzel,Georgia,serif;font-size:32px;letter-spacing:2px;margin-bottom:20px;text-align:center;color:#ecf0f1;text-shadow:0 2px 6px rgba(0,0,0,.5)}.about-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(95,139,177,.25)}.about-section:last-of-type{border-bottom:none;margin-bottom:20px}.about-section-title{font-family:Cinzel,Georgia,serif;font-size:18px;letter-spacing:1px;margin:0 0 12px;color:#d4e6f5}.about-tagline{font-family:Cinzel,Georgia,serif;font-size:16px;line-height:1.5;color:#c2d8ec;margin:0 0 12px;letter-spacing:.5px}.about-description{font-size:14px;line-height:1.6;color:#b9c8d6;margin:0}.about-list{margin:10px 0;padding-left:20px;list-style:none}.about-list li{margin-bottom:8px;padding-left:6px;font-size:14px;line-height:1.5;color:#b9c8d6;position:relative}.about-list li:before{content:"•";position:absolute;left:-14px;color:#7fa8c9}.about-note{margin:12px 0 0;font-size:13px;line-height:1.5;color:#a0b8cc}.about-link{color:#66afe6;text-decoration:none;transition:color .2s ease}.about-link:hover{color:#8dc5f0;text-decoration:underline}.about-links-list{margin:10px 0;padding-left:0;list-style:none}.about-links-list li{margin-bottom:10px}.about-actions{display:flex;justify-content:center;margin-top:24px}.about-actions .action-btn{min-width:160px}@media(max-width:600px){.about-modal{width:min(100%,calc(100vw - 24px))}.about-modal h2{font-size:26px;letter-spacing:1px}.about-section-title{font-size:16px}.about-tagline{font-size:14px}.about-description,.about-list li{font-size:13px}}@keyframes splashFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes splashHintPulse{0%,to{opacity:.5}50%{opacity:1}}.splash-modal{cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;padding:12vh 24px 8vh;background:url(/assets/splash-B_QB36pL.webp) center / cover no-repeat}.splash-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(3,8,14,.55) 70%,rgba(3,8,14,.85) 100%),linear-gradient(to bottom,rgba(3,8,14,.6) 0%,transparent 25%,transparent 70%,rgba(3,8,14,.65) 100%);pointer-events:none;z-index:0}.splash-top{position:relative;z-index:1;text-align:center;animation:splashFadeIn 1s ease-out both}.splash-bottom{position:relative;z-index:1;text-align:center;animation:splashFadeIn 1s ease-out .4s both}.splash-ornament{font-size:32px;margin-bottom:10px;color:#b4d2f099;filter:drop-shadow(0 0 6px rgba(88,145,194,.4))}.splash-modal h2{font-family:Cinzel,Georgia,serif;font-size:clamp(44px,9vw,76px);letter-spacing:8px;margin-bottom:14px;font-weight:900;text-transform:uppercase;color:transparent;background:linear-gradient(180deg,#fff,#c2d8ec,#7fa8c9);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.8)) drop-shadow(0 0 30px rgba(88,145,194,.25));line-height:1.1}.splash-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}.splash-divider-line{display:block;width:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(180,210,240,.55),transparent)}.splash-divider-diamond{font-size:10px;color:#b4d2f08c}.splash-tagline{font-family:Cinzel,Georgia,serif;margin:0;font-size:17px;color:#d4e6f5;font-weight:400;letter-spacing:3px;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.5);text-transform:uppercase;line-height:1.6}.splash-hint{margin:0 0 20px;font-size:11px;color:#a0c4de;text-transform:uppercase;letter-spacing:3px;font-weight:500;animation:splashHintPulse 3s ease-in-out infinite;text-shadow:0 1px 6px rgba(0,0,0,.8)}.splash-continue-btn{width:min(300px,85vw);font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:2px;font-size:15px;text-transform:uppercase;padding:16px 36px;background:linear-gradient(135deg,#27ae60b3,#229954b3);border:1px solid rgba(46,204,113,.35);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #0006,0 0 16px #27ae6026,inset 0 1px #ffffff1a;transition:all .25s ease}.splash-continue-btn:hover{background:linear-gradient(135deg,#2ecc71d9,#27ae60d9);border-color:#2ecc7180;box-shadow:0 6px 28px #0006,0 0 24px #2ecc714d,inset 0 1px #ffffff26;transform:translateY(-2px)}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;pointer-events:none}.tutorial-card{position:fixed;width:min(380px,calc(100vw - 24px));background:linear-gradient(135deg,#161f2cf5,#0c121af5);border:2px solid rgba(88,145,194,.8);border-radius:10px;box-shadow:0 14px 32px #0000008c;padding:14px;pointer-events:auto}.tutorial-progress{color:#8db4d4;font-size:12px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.tutorial-title{font-family:Cinzel,Georgia,serif;margin:0 0 8px;color:#ecf0f1;font-size:20px;letter-spacing:1px;line-height:1.2}.tutorial-body{margin:0;color:#d0d9e1;font-size:14px;line-height:1.45}.tutorial-actions{display:flex;gap:8px;margin-top:14px}.tutorial-actions .action-btn{min-width:0;padding:10px 8px;font-size:14px}.tutorial-actions .tutorial-back,.tutorial-actions .tutorial-skip{flex:0 0 auto;width:98px}.tutorial-actions .tutorial-next{flex:1}.tutorial-highlight{position:relative;z-index:1190;outline:3px solid rgba(255,208,84,.9);outline-offset:2px;box-shadow:0 0 0 2px #101722cc,0 0 24px #ffd05473}#gameOverModal .modal-content{background:linear-gradient(135deg,#1e2836d9,#0f1419e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#2c5f8d99;box-shadow:0 0 40px #3498db4d}#gameOverModal .modal-content h2{font-size:44px;color:transparent;background:linear-gradient(180deg,#fff,#c2d8ec,#7fa8c9);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7)) drop-shadow(0 0 20px rgba(52,152,219,.25))}.turn-transition{max-width:500px;text-align:center;background:linear-gradient(135deg,#1e2836d9,#0f1419e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#2c5f8d99;box-shadow:0 0 40px #3498db4d}.turn-transition h2{font-size:42px;margin-bottom:15px}.turn-transition p{font-size:18px;color:#95a5a6;margin-bottom:35px}.modal-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 20px}.modal-divider-line{display:block;width:48px;height:1px;background:linear-gradient(90deg,transparent,rgba(160,195,230,.45),transparent)}.modal-divider-diamond{font-size:9px;color:#a0c3e673}.action-btn.large{font-size:24px;padding:20px 50px;min-width:300px}@media(max-width:768px){.settings-modal{padding:20px 16px}.settings-category{padding:12px}.setting-row{grid-template-columns:1fr;align-items:start}.setting-control{justify-self:start}.setting-select{width:100%;min-width:0}.tooltip-content{left:0;transform:translateY(4px);min-width:200px}.info-icon:hover .tooltip-content,.info-icon:focus .tooltip-content,.info-icon:focus-within .tooltip-content{transform:translateY(0)}.settings-actions{grid-template-columns:1fr}.splash-modal{padding:8vh 16px 6vh}.splash-modal h2{font-size:clamp(32px,10vw,50px);letter-spacing:4px}.splash-ornament{font-size:26px}.splash-tagline{font-size:13px;letter-spacing:1.5px}.splash-hint{margin-bottom:16px}.splash-divider-line{width:44px}.splash-continue-btn{padding:14px 28px;font-size:14px}.tutorial-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto;padding:12px}.tutorial-actions{flex-wrap:wrap}.tutorial-actions .tutorial-back,.tutorial-actions .tutorial-skip,.tutorial-actions .tutorial-next{width:100%;flex:1 1 100%}}