*,:before,:after{box-sizing:border-box}html,body{-webkit-tap-highlight-color:transparent;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}canvas{display:block}#menu-overlay,#gameover-overlay{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#menu-overlay{background-color:#00000059;background-image:url(../background.jpg);background-position:50%;background-size:cover}#gameover-overlay{background:#0009}.hidden{display:none!important}.modal{color:#fff;text-align:center;background:#0a1e37e0;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;width:calc(100% - 32px);max-width:860px;max-height:90svh;display:flex;overflow:hidden}.modal-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:28px 32px 12px;overflow-y:auto}.modal-footer{background:#0a1e37f2;border-top:1px solid #ffffff14;flex-shrink:0;padding:12px 32px 20px}.modal h1{letter-spacing:.02em;margin:0 0 20px;font-size:clamp(20px,4vw,36px)}.section-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;margin:14px 0 8px;font-size:12px;font-weight:600}.section-label:first-of-type{margin-top:0}.card-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.card{cursor:pointer;color:#fff;background:#ffffff12;border:2px solid #ffffff2e;border-radius:10px;min-width:90px;min-height:44px;padding:8px 12px;font-family:inherit;font-size:14px;line-height:1.35;transition:background .12s,border-color .12s}.card:active,.card.selected{background:#ffffff38;border-color:#fff}.card.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.card .card-name{margin-bottom:2px;font-size:14px;font-weight:700}.card .card-stat{color:#ffffffb3;font-size:11px}#set-sail{color:#fff;cursor:pointer;background:#c8860a;border:none;border-radius:10px;width:100%;min-height:48px;padding:12px 40px;font-family:inherit;font-size:18px;font-weight:700;transition:background .12s}#set-sail:active{background:#a06c07}.hint{color:#fff6;margin-top:10px;font-size:11px}@media (height<=650px){.modal-scroll{padding-top:16px}.modal h1{margin-bottom:12px;font-size:18px}.section-label{margin:10px 0 6px}}.gameover-panel{text-align:center;color:#fff}#gameover-title{margin-bottom:28px;font-size:clamp(24px,5vw,44px);font-weight:700}.gameover-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.gameover-buttons button{cursor:pointer;border:none;border-radius:10px;min-width:140px;min-height:52px;padding:14px 32px;font-family:inherit;font-size:17px;font-weight:700;transition:filter .12s}.gameover-buttons button:active{filter:brightness(.85)}#btn-replay{color:#fff;background:#2e7d32}#btn-harder{color:#fff;background:#b71c1c}#btn-menu{color:#fff;background:#ffffff26;border:1px solid #ffffff4d}