:root{--ink: #1a1f2e;--parchment: #f4ecd8;--sea-deep: #0d3b4c;--sea-mid: #1a5f7a;--gold: #c9a227;--gold-bright: #e8c547;--danger: #b84a3a;--success: #3dab6e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,var(--sea-deep) 0%,var(--sea-mid) 50%,var(--sea-deep) 100%);color:var(--parchment);min-height:100vh}.app{min-height:100vh}.screen{max-width:640px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.screen h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--gold-bright)}.intro-screen .intro-text{margin-bottom:1rem;line-height:1.6;max-width:480px}.intro-screen .btn-primary{margin-top:2rem}.level-select-screen h1{margin-bottom:2rem}.level-select-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.level-cards{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin-bottom:2rem}.level-card{padding:1.5rem;border-radius:8px;border:2px solid rgba(244,236,216,.3);background:#1a1f2e80}.level-card.unlocked{border-color:var(--gold)}.level-card.locked{opacity:.7;border-color:#f4ecd833}.level-card h2{font-size:1.25rem;margin-bottom:.5rem}.level-route{font-size:1rem;margin-bottom:1rem;color:#f4ecd8e6}.locked-hint{font-size:.9rem;color:#f4ecd899}.level-completed{display:flex;align-items:center;justify-content:center;gap:.5rem}.level-completed-check{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--success);color:#fff;font-weight:700;font-size:1rem}.level-completed-gold{color:var(--success);font-weight:600}.map-screen{align-items:stretch;justify-content:flex-start;text-align:left}.map-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.map-header h1{margin:0;font-size:1.5rem}.level-info{flex:1;text-align:center}.map-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.map-stats{display:flex;flex-direction:column;align-items:center;gap:.5rem}.map-stats .gold,.stat-with-icon{color:var(--gold)}.stat-with-icon{display:flex;align-items:center;gap:.35rem}.coin-icon{width:20px;height:20px;object-fit:contain}.days-bar,.gold-bar{display:flex;align-items:center;gap:.5rem;min-width:120px}.gold-bar{flex-direction:column;align-items:stretch;gap:.25rem}.gold-bar-track-wrap{display:flex;align-items:center;gap:.5rem}.days-bar .days-label{font-size:.85rem;white-space:nowrap}.gold-bar .gold-label{font-size:.8rem;white-space:nowrap;opacity:.9}.progress-track{flex:1;height:8px;background:#f4ecd833;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);border-radius:4px;transition:width .2s}.days-bar.overdue .progress-fill{background:var(--danger)}.gold-bar.above-target .progress-fill{background:var(--success)}.level-bet-modal label{display:block;margin-bottom:1rem;text-align:left}.level-bet-modal input[type=number]{display:block;width:100%;margin-top:.5rem;padding:.5rem;font-size:1rem;border:2px solid var(--gold);border-radius:6px;background:var(--ink);color:var(--parchment)}.level-bet-destination{font-weight:600;color:var(--gold-bright);margin-bottom:1rem}.level-day-options{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.day-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:2px solid rgba(244,236,216,.4);border-radius:6px;background:#1a1f2e80;color:inherit;font-family:inherit;font-size:1rem;cursor:pointer;transition:border-color .15s,background .15s;text-align:left}.day-option:hover{border-color:var(--gold);background:#c9a2271a}.day-option.selected{border-color:var(--gold);background:#c9a22733}.day-option-days{font-weight:600}.day-option-label{font-size:.9rem;opacity:.9}.day-option-ratio{font-weight:600;color:var(--gold-bright)}.level-bet-rules{font-size:.9rem;margin-bottom:1rem;opacity:.9}.game-board-container{display:flex;justify-content:center;align-items:center}.game-board-viewport{overflow:hidden;border-radius:12px;position:relative;contain:layout paint;background-image:url(/images/sea-background.png);background-size:cover;background-position:center}.game-board-map,.island-node{position:relative}.island-node.selectable:hover{z-index:25}.island-node.highlighted img{filter:drop-shadow(0 0 8px rgba(232,196,71,.8))}.island-popover{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--ink);border:2px solid var(--gold);border-radius:8px;padding:.5rem .75rem;white-space:nowrap;z-index:30;box-shadow:0 4px 12px #0006}.island-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--gold)}.popover-label{font-weight:600;margin-bottom:.25rem;color:var(--gold-bright)}.popover-stat{font-size:.85rem;color:var(--parchment)}.goal-node .island-popover{bottom:auto;top:100%;transform:translate(-50%) translateY(8px)}.goal-node .island-popover:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--gold)}.game-board-canvas{display:block;background:#0d3b4c66;border-radius:8px;max-width:100%}.travel-options{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.travel-option{padding:1rem 1.5rem;border-radius:8px;border:2px solid;cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:160px;text-align:center;font-family:inherit;background:transparent;color:inherit}.travel-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.travel-option.low-risk{border-color:#3a7ca5;background:#3a7ca533}.travel-option.medium-risk{border-color:var(--gold);background:#c9a22726}.travel-option.high-risk{border-color:var(--danger);background:#b84a3a33}.travel-option .risk-label{font-size:.85rem;opacity:.9;margin-bottom:.25rem}.travel-option .success-rate{font-weight:600;font-size:1.1rem}.travel-option .multiplier{font-size:.9rem;color:var(--gold);margin-top:.25rem}.overlay{position:fixed;inset:0;background:#0d3b4ce6;display:flex;align-items:center;justify-content:center;z-index:100}.travel-overlay .travel-content{text-align:center}.travel-overlay .travel-ship{font-size:4rem;margin-bottom:1rem;animation:bob 1s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px)}}.modal{background:var(--ink);padding:2rem;border-radius:12px;border:2px solid var(--gold);text-align:center;max-width:360px}.modal h2{color:var(--gold-bright);margin-bottom:1rem;font-size:1.5rem}.modal p{margin-bottom:1.5rem}.result-modal.fail{border-color:var(--danger)}.result-modal.fail h2{color:var(--danger)}.level-result-breakdown{text-align:left;margin:1rem 0;padding:1rem;background:#1a1f2e99;border-radius:8px;border:1px solid rgba(244,236,216,.2)}.breakdown-row{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.6rem 0}.breakdown-row.breakdown-total{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(244,236,216,.3);font-weight:600}.breakdown-label{color:#f4ecd8e6;flex-shrink:0}.breakdown-value{font-weight:600;color:var(--parchment);text-align:right;min-width:0}.breakdown-value.positive{color:var(--success)}.breakdown-value.negative{color:var(--danger)}.bet-modal label{display:block;margin-bottom:1rem;text-align:left}.bet-modal input[type=number]{display:block;width:100%;margin-top:.5rem;padding:.5rem;font-size:1rem;border:2px solid var(--gold);border-radius:6px;background:var(--ink);color:var(--parchment)}.bet-destination{font-weight:600;color:var(--gold-bright);margin-bottom:.25rem}.bet-stats{font-size:.9rem;margin-bottom:1rem;opacity:.9}.bet-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.game-board-placeholder{padding:3rem;background:#1a1f2e80;border-radius:8px;border:2px dashed rgba(244,236,216,.3);color:#f4ecd899}.btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}.btn-primary{background:var(--gold);color:var(--ink)}.btn-secondary{background:#f4ecd833;color:var(--parchment);border:1px solid rgba(244,236,216,.4)}