/* Art stage: sunny aquarium, separate from the woodland palette. */
:root{color-scheme:light;--ink:#285f7b;--muted:#6595a3;--coral:#ffac86;--navy:#e9f9f8;--line:#a5cfd6}body{background:radial-gradient(ellipse at 80% 0,#fff6dc,transparent 60%),#e3f5f6;color:#285f7b}.brand>svg{color:#ee977b}.brand span{color:#6f9ca9}button{background:#f7fcf9;color:#30637b;border:2px solid #acd3d6;border-radius:13px;box-shadow:0 3px 0 #87b8bd25;font-weight:600}button:hover{background:#e7f7f3;border-color:#77b8c3}button:focus-visible{outline:3px solid #f1ac62;outline-offset:2px}button:disabled{opacity:.5;box-shadow:none}nav button{background:#f4fcf9}.eyebrow{color:#6f9aa8}.ocean-title>span{color:#7396a1}.ocean-title h2{color:#316b80}.hud>div{background:#f9fffa;border:2px solid #c0dfe0;box-shadow:0 3px 0 #a3cdd326}.hud span{color:#6492a0}.hud b{color:#347d93}.hud small{color:#8cabb0}.water{background:#8de0e5;border:3px solid #75bdc8;border-radius:23px;box-shadow:0 8px 0 #acd9dd55,0 20px 38px #468d9e15}.state-pill{color:#2d7d93;background:#effff2e8;border:1px solid #8bc5ca;font-weight:600}.underwater{color:#578d9d}.deck-count{color:#b4d4d8}.deck-title h2{color:#32778a}#tip{color:#5f8a9a}.card{background:#f7fffb;border:2px solid #b2d8d7;border-radius:15px}.card strong{color:#346d81}.card small{color:#68919b}.card>b{color:#b48045}.card.selected{background:#fff0d7;border-color:#eeac7d;box-shadow:inset 3px 0 #eea175,0 3px 0 #e0af7d2a}.card.unaffordable>b{color:#b47670}.unit-tools button{background:#edf9f5}.surge{background:#d8f2f3;border:2px solid #9cced7;box-shadow:0 3px 0 #91bfcd25}.surge span{color:#337c96}.surge small{color:#6194a6}.surge.selected{outline:3px solid #f0bd73}.primary{background:#ffb28c;border-color:#e29572;color:#714f45;box-shadow:0 4px 0 #c8896c40}.primary:hover{background:#ffc6a0;border-color:#e29572}footer{color:#7095a0}footer button{color:#638c9c;box-shadow:none}.save-note{color:#87a6ac}dialog{background:#f1fcf7;color:#316b82;border:3px solid #a6d2d9;box-shadow:0 25px 80px #33789040}dialog::backdrop{background:#3b839377;backdrop-filter:blur(4px)}.modal-tag{color:#d18b6c}#modalBody{color:#5b8796}.mission-option{background:#fcffef}.mission-option small{color:#719b9b}.result-number{color:#bf8654}.rule-note,.content-results{color:#5b8796}.mission-option:disabled{background:#eaf2ed;color:#8ba6ac;opacity:.75}
@media(max-width:720px) and (orientation:portrait){body{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.water{border-radius:18px}.hud>div{padding:6px}.card{border-radius:13px}.card svg{width:36px;height:36px}.card strong{font-size:12px}.unit-tools button{min-height:42px}.controls button{min-height:46px}.save-note{font-size:9px}.state-pill{top:7px;font-size:10px;padding:4px 10px}footer{font-size:10px}footer button{font-size:10px;padding:5px 2px}dialog{padding:20px}.mission-option{font-size:12px;padding:8px;gap:6px}.mission-option small{font-size:10px}.brand span{font-size:8px}}
@media(orientation:landscape) and (max-height:600px){main{grid-template-columns:minmax(0,1fr) 255px;gap:12px}.water{border-radius:15px}.hud>div{padding:4px 6px}.card{border-radius:10px;padding:4px}.card svg{width:30px;height:30px}.card strong{font-size:11px}footer{font-size:9px}footer button{font-size:10px;padding:4px 2px}.surge{min-height:39px}.unit-tools button{min-height:35px}.controls button{min-height:40px}dialog{padding:18px}.modal-actions{margin-top:12px}}
@media(orientation:landscape) and (max-width:640px){main{grid-template-columns:minmax(0,1fr) 215px;gap:10px}.hud{gap:3px}.hud>div{padding:4px}.hud span{font-size:8px}.hud b{font-size:16px}.card{gap:3px}.card svg{width:26px;height:26px}.card strong{font-size:10px}.card>b{font-size:10px}.unit-tools{gap:3px}.unit-tools button{font-size:9px}.surge{gap:3px}.surge small{font-size:8px}footer>span{display:none}}

.state-pill{position:static;transform:none;border:0;border-radius:0;background:transparent;padding:0;font-size:10px;white-space:normal}.underwater{gap:8px;align-items:center}.underwater>span{font-size:10px}dialog[open]{display:flex;flex-direction:column;overflow:hidden}#modalBody{overflow:auto;min-height:0;flex:1}.modal-tag,dialog h2,.modal-actions{flex-shrink:0}.modal-actions{margin-top:14px}@media(orientation:landscape) and (max-height:600px){.state-pill,.underwater>span{font-size:9px}}
.mission-option:disabled{opacity:1;color:#69868f;background:#eaf4ee}.mission-option:disabled small{color:#69868f}.primary:disabled{opacity:1;color:#8a695e;background:#f4d4be;border-color:#dfbba7}

.card .unit-icon{width:50px;height:50px;flex:none}
@media(max-width:720px){.card .unit-icon{width:36px;height:36px}}
@media(orientation:landscape) and (max-height:500px){.card .unit-icon{width:30px;height:30px}}
@media(orientation:landscape) and (max-width:640px){.card .unit-icon{width:26px;height:26px}}