*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#061315;color:#e7dcc5;font-family:Arial}.screen{display:none;height:100vh}.active{display:block}button,input{font:inherit}#menu{background:radial-gradient(circle,#28555a,#0b282c 38%,#041012 80%)}.card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,90vw);padding:34px;text-align:center;background:#081717ed;border:1px solid #9b7944;box-shadow:0 25px 100px #000;border-radius:10px}.skull{font-size:55px;color:#d1ac62}.card small,aside>small,.log small,.mission small{font-size:8px;letter-spacing:2px;color:#b78f4b}.card h1{font:42px Georgia;color:#ecd6a5;margin:5px}.card p{font:12px Georgia;color:#a99c85}.card input,.card button{width:100%;padding:12px;margin:4px 0;background:#102629;border:1px solid #435657;color:#ddd}.card input{text-align:center;background:#061112}.card .gold{background:#9d7938;color:#120d05;border-color:#dab66a;font-weight:bold}.row{display:grid;grid-template-columns:1fr 1fr;gap:5px}#saveInfo{font-size:9px;color:#748585;margin-top:10px}header{height:58px;display:flex;align-items:center;padding:0 15px;background:#071112;border-bottom:1px solid #604d30;color:#d7b66f}header>b{font:17px Georgia}.stats{flex:1;text-align:center;font-size:11px;color:#ddd}header button{background:#102326;color:#cdb37c;border:1px solid #415052;padding:8px 12px}main{height:calc(100vh - 58px);display:grid;grid-template-columns:1fr 285px}.sea{position:relative;background:#0c3940;overflow:hidden}canvas{width:100%;height:100%;display:block}.mission,.wind{position:absolute;top:15px;background:#061415dd;padding:10px;border:1px solid #425754}.mission{left:15px;width:240px;border-left:3px solid #b28a48}.mission b,.mission span{display:block}.mission b{font:14px Georgia;color:#e0c68e;margin:4px 0}.mission span{font-size:9px;color:#9aa5a2}.wind{right:15px;font-size:9px}.wind b{font-size:22px;color:#d9bb7d}.controls{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.controls button{width:62px;height:54px;background:#071415e8;border:1px solid #63726d;color:#ead9b2;border-radius:7px;font-size:22px;touch-action:none}.controls small{display:block;font-size:7px}.controls button:active{background:#70552c}aside{background:#091719;border-left:1px solid #35413e;padding:14px;overflow:auto}aside h2{font:21px Georgia;color:#dfc48d;margin:5px 0 15px}.bars label{display:grid;grid-template-columns:65px 1fr;font-size:8px;color:#9b917c;margin:8px 0}.bars i{height:6px;background:#182829}.bars em{display:block;height:100%;background:#b38b45}.log{margin:18px 0;padding:10px;background:#0c1d1f;border:1px solid #293b39;height:235px}.log div{height:200px;overflow:auto;font-size:9px;color:#9aa5a0}.log p{border-bottom:1px solid #1d3030;padding-bottom:6px}aside>button{width:100%;padding:10px;margin:3px 0;background:#102326;border:1px solid #405253;color:#cdb98d;font-size:9px}#modal{display:none;position:fixed;inset:0;background:#000b;z-index:20;align-items:center;justify-content:center}#modal.open{display:flex}.modalcard{position:relative;width:min(560px,90vw);max-height:80vh;overflow:auto;padding:25px;background:#0b1b1d;border:1px solid #9d7941}.modalcard>button{position:absolute;right:8px;top:5px;background:none;border:0;color:#aaa;font-size:24px}.modalcard h2{font:25px Georgia;color:#e2c48c}.modalcard p{font-size:11px;line-height:1.6;color:#aeb5ae}.shop{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px;border-bottom:1px solid #293837;font-size:10px}.shop button{background:#7b5d2a;color:#fff0c7;border:1px solid #b18e50}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,30px);opacity:0;transition:.2s;background:#091717;border:1px solid #ad8b4e;padding:10px 18px;font-size:10px;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){main{grid-template-columns:1fr}aside{position:absolute;right:8px;top:68px;width:210px;max-height:45vh;background:#091719e8}.log{display:none}.controls button{width:54px}}@media(max-width:650px){aside{display:none}.controls button{width:47px}.mission{width:190px}.card h1{font-size:31px}header>b{font-size:0}header>b:first-letter{font-size:20px}}
/* v1.1 richer world */
.sea{background:radial-gradient(circle at 40% 35%,#17606a,#0b3c44 45%,#062a31)}
#cv{filter:saturate(1.12) contrast(1.03)}
.encounter{display:none;position:fixed;inset:0;background:#0008;z-index:18;align-items:center;justify-content:center}.encounter.open{display:flex}.encounter>div{width:min(430px,88vw);padding:27px;text-align:center;background:linear-gradient(#102629,#071516);border:1px solid #bd9654;box-shadow:0 20px 90px #000;border-radius:8px}.encounter small{font-size:8px;letter-spacing:2px;color:#bd9654}.encounter h2{font:28px Georgia;color:#ead09b;margin:7px}.encounter p{font:11px Georgia;color:#aeb5aa;line-height:1.55}.encounter button{padding:11px 15px;margin:5px;background:#14292b;border:1px solid #566663;color:#ddd}.encounter #attack{background:#7e3228;border-color:#b95c4c;color:#fff1d4}
.battleScreen{display:none;position:fixed;inset:0;z-index:16;background:#06191c}.battleScreen.open{display:block}.battleTop{height:62px;display:flex;align-items:center;gap:20px;padding:0 20px;background:#081416;border-bottom:1px solid #765c35}.battleTop span{font:18px Georgia;color:#d9b66d}.battleTop b{font:14px Georgia;color:#ddd;flex:1;text-align:center}.battleTop button{background:#1a292a;border:1px solid #5a6661;color:#c9b993;padding:8px 12px}.battleSea{height:calc(100vh - 62px);position:relative;background:radial-gradient(circle at 50% 45%,#17616a,#0a3941 55%,#05242a);overflow:hidden}.battleSea canvas{position:absolute;inset:0}.battleHud{position:absolute;top:18px;width:210px;background:#071516dd;border:1px solid #53615d;padding:10px}.leftHud{left:18px}.rightHud{right:18px;text-align:right}.battleHud small{display:block;color:#b89557;font-size:8px;letter-spacing:1px}.battleHud b{font:18px Georgia;color:#eee}.battleHud i{display:block;height:7px;background:#182829;margin-top:5px}.battleHud em{display:block;height:100%;background:#ad8948}.battleHelp{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:8px;color:#8da09c;background:#071516aa;padding:7px 12px}.battleControls{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.battleControls button{width:90px;height:58px;background:#091719e8;border:1px solid #69756f;color:#e9d5a9;border-radius:7px;font-size:21px;touch-action:none}.battleControls button small{display:block;font-size:7px}.battleControls button:active{background:#6b512b}
@media(max-width:700px){.battleHelp{display:none}.battleHud{width:145px}.battleControls button{width:70px}.battleTop b{display:none}}

/* v1.2 island life */
.islandScene{display:none;position:fixed;inset:0;z-index:17;background:#061517}.islandScene.open{display:block}
.islandTop{height:62px;background:#091517;border-bottom:1px solid #7b5d35;display:flex;align-items:center;gap:20px;padding:0 20px}.islandTop span{font:18px Georgia;color:#d7b66f}.islandTop b{flex:1;text-align:center;font:16px Georgia;color:#eee}.islandTop button{background:#152729;border:1px solid #5f6a64;color:#d0bd92;padding:8px 12px}
.islandView{height:calc(100vh - 62px);position:relative;overflow:hidden;background:linear-gradient(#7db3bd 0 48%,#d5b879 48% 62%,#4e7b4d 62%)}
.islandView canvas{position:absolute;inset:0;width:100%;height:100%}
.islandHud{position:absolute;left:18px;top:18px;background:#071516dd;border:1px solid #53615d;padding:10px;width:185px}.islandHud small{display:block;color:#bd9656;font-size:8px;letter-spacing:1px}.islandHud b,.islandHud span{display:block}.islandHud b{font:15px Georgia;color:#e7d09f;margin:4px 0}.islandHud span{font-size:9px;color:#9eaaa5}
.islandControls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.islandControls button{min-width:80px;height:52px;background:#0b1718e8;border:1px solid #6b746d;color:#f0dfb8;border-radius:7px;font-size:18px;touch-action:none}.islandControls button:nth-child(2){min-width:130px;font-size:10px;background:#7d5d29;border-color:#b58b4b}
.placeInfo{position:absolute;right:18px;top:18px;width:220px;background:#071516dd;border-left:3px solid #b68b4c;padding:10px}.placeInfo b,.placeInfo span{display:block}.placeInfo b{font:15px Georgia;color:#e4c98f}.placeInfo span{font-size:9px;color:#9caaa5;margin-top:3px}
@media(max-width:700px){.islandTop b{display:none}.islandHud{width:150px}.placeInfo{top:auto;bottom:86px;right:10px;width:180px}.islandControls button{min-width:60px}.islandControls button:nth-child(2){min-width:110px}}

/* extra polish */
header,.battleTop,.islandTop{box-shadow:0 6px 18px #0005}.sea:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 55%,#03141799 100%)}aside{background:linear-gradient(#0b1a1c,#061113)}.shipCard,.log{box-shadow:inset 0 1px #ffffff08,0 10px 25px #0004}

/* v1.3 minimap + battle result */
.minimapWrap{position:absolute;right:15px;bottom:92px;width:190px;background:#061314df;border:1px solid #55665f;padding:7px;z-index:6;box-shadow:0 10px 26px #0006}.minimapWrap small{display:block;font-size:7px;letter-spacing:1px;color:#b89557;margin-bottom:4px}.minimapWrap canvas{display:block;width:100%;height:120px;background:#082d33;border:1px solid #243f42}
.battleResult{display:none;position:fixed;inset:0;background:#000c;z-index:25;align-items:center;justify-content:center}.battleResult.open{display:flex}.battleResultCard{width:min(470px,90vw);background:linear-gradient(#112426,#071517);border:1px solid #b18b4e;padding:26px;text-align:center;box-shadow:0 25px 90px #000;border-radius:10px}.battleResultCard small{font-size:8px;letter-spacing:2px;color:#b89557}.battleResultCard h2{font:30px Georgia;color:#ebd3a0;margin:7px 0 15px}.battleResultCard .rgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;margin:15px 0}.battleResultCard .rgrid div{background:#0a1718;border:1px solid #2d3d3b;padding:9px;font-size:10px}.battleResultCard .rgrid b{display:block;color:#d4b06f;margin-bottom:3px}.goldish{background:#8c6a31;border:1px solid #c5a15d;color:#fff0c4;padding:11px 18px}
@media(max-width:700px){.minimapWrap{width:150px;bottom:80px;right:8px}.minimapWrap canvas{height:95px}}

/* v1.4 visual upgrade */
.minimapWrap{width:220px;background:linear-gradient(180deg,#08191bcc,#041112e8);border:1px solid #8a7147;box-shadow:0 12px 35px #0009,inset 0 0 25px #09262a}
.minimapWrap canvas{height:145px;background:radial-gradient(circle at 50% 40%,#0b4650,#062a31);border:1px solid #36585a;border-radius:3px}
.tradePanel{display:grid;gap:8px;margin-top:14px}.tradeRow{display:grid;grid-template-columns:1.3fr .7fr .7fr auto;gap:8px;align-items:center;background:#0a1718;border:1px solid #2d3d3b;padding:10px}.tradeRow b{color:#e0c58e}.tradeRow span{font-size:9px;color:#aeb7b0}.tradeRow button{background:#765928;border:1px solid #af8b4d;color:#fff0c8;padding:7px 10px}
.mapPanel{display:grid;gap:8px;margin-top:14px}.mapZone{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px;background:#0a1718;border:1px solid #2d3d3b}.mapZone.locked{opacity:.7}.mapZone b{display:block;color:#e0c58e}.mapZone span{display:block;color:#96a39d;font-size:9px;margin-top:3px}.mapZone button{background:#6e5528;border:1px solid #ad8b4e;color:#fff1c8;padding:7px 10px}
.mapZone.unlocked{border-color:#3f6d52;background:#0c1a14}.mapZone.unlocked button{background:#173a29;border-color:#4e7c60}
.sea{background:
radial-gradient(circle at 25% 20%,#1b6470 0,#0d4650 22%,transparent 46%),
radial-gradient(circle at 75% 70%,#0b3b45 0,#082d35 35%,transparent 60%),
linear-gradient(#0a3e47,#062b33)}
.battleSea{background:
radial-gradient(circle at 50% 35%,#1a6670 0,#0d4851 35%,#072d34 78%)}
.islandView{background:linear-gradient(#8dc5cf 0 45%,#bdd6cc 45% 49%,#3f7d78 49% 60%,#d8bd7e 60% 72%,#4f7848 72%)}
.card,.modalcard,.battleResultCard,.encounter>div{backdrop-filter:blur(8px)}
header{background:linear-gradient(90deg,#081719,#0b2326,#081719)}
aside{background:linear-gradient(180deg,#0a1c1f,#061315)}
.controls button,.battleControls button,.islandControls button{box-shadow:inset 0 1px #ffffff14,0 7px 20px #0007}

/* v1.5 */
.shipMeta{display:flex;justify-content:space-between;gap:8px;margin:-6px 0 12px;font-size:8px;color:#8fa09a}.shipMeta b{color:#d8b775}
.controls button#anchor{background:#13272a}
.controls button#anchor.active{background:#7b5b2a;border-color:#c49a51;color:#fff1c6}
.sea:before{content:"";position:absolute;inset:0;pointer-events:none;background:
radial-gradient(circle at 30% 20%,#ffffff08 0 1px,transparent 2px),
radial-gradient(circle at 70% 65%,#ffffff06 0 1px,transparent 2px);background-size:34px 34px,48px 48px;mix-blend-mode:screen}
.tradePanel .tradeRow:hover,.mapZone:hover{border-color:#6b7f75;background:#0d1c1d}
.modalcard{background:
linear-gradient(180deg,#0e2224,#081719);
box-shadow:0 20px 90px #000,inset 0 1px #ffffff08}
.islandView:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff05,transparent 35%,#00000018 100%)}

/* v1.6 mobile Chrome bottom-bar safe controls */
:root{
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --mobile-ui-offset: 16px;
}
@media(max-width:650px){
  html,body{height:100dvh;min-height:100dvh;overflow:hidden}
  #game{height:100dvh}
  main{height:calc(100dvh - 58px)}
  .sea{height:100%}
  .controls{
    position:fixed!important;
    left:50%!important;
    bottom:calc(var(--safe-bottom) + 72px)!important;
    transform:translateX(-50%)!important;
    z-index:12!important;
    width:min(96vw,410px);
    justify-content:center;
    padding:6px;
    background:#061315cc;
    border:1px solid #3f5554;
    border-radius:10px;
    box-shadow:0 12px 35px #000a;
    backdrop-filter:blur(7px);
  }
  .controls button{
    flex:1 1 0;
    width:auto!important;
    min-width:0;
    height:52px;
    font-size:19px;
  }
  .controls button small{font-size:6px}
  .minimapWrap{
    bottom:calc(var(--safe-bottom) + 142px)!important;
    right:8px!important;
  }
  #toast{
    bottom:calc(var(--safe-bottom) + 145px)!important;
  }
  .battleControls{
    position:fixed!important;
    bottom:calc(var(--safe-bottom) + 72px)!important;
    z-index:22!important;
    width:min(95vw,420px);
    justify-content:center;
    padding:6px;
    background:#061315cc;
    border:1px solid #3f5554;
    border-radius:10px;
    backdrop-filter:blur(7px);
  }
  .battleControls button{flex:1 1 0;width:auto!important;min-width:0;height:54px}
  .islandControls{
    position:fixed!important;
    bottom:calc(var(--safe-bottom) + 72px)!important;
    z-index:22!important;
    width:min(94vw,360px);
    justify-content:center;
    padding:6px;
    background:#061315cc;
    border:1px solid #3f5554;
    border-radius:10px;
    backdrop-filter:blur(7px);
  }
  .placeInfo{bottom:calc(var(--safe-bottom) + 145px)!important}
}
@supports not (height:100dvh){
  @media(max-width:650px){
    html,body,#game{height:100vh}
    main{height:calc(100vh - 58px)}
  }
}

/* v1.7 battle depth */
.reloadHud{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(520px,85vw);z-index:5}.reloadHud>div{background:#071516dd;border:1px solid #455b59;padding:7px}.reloadHud span,.reloadHud b{display:block;font-size:7px;color:#b8c4bf}.reloadHud b{color:#e7d09b;margin-top:3px}.reloadHud i{display:block;height:7px;background:#16292b;margin-top:4px}.reloadHud em{display:block;height:100%;width:100%;background:#b58a46}
.combatStats{position:absolute;top:74px;left:50%;transform:translateX(-50%);display:flex;gap:7px;background:#071516d9;border:1px solid #455b59;padding:7px 10px;font-size:8px;color:#9fb0aa;z-index:5}.combatStats b{color:#e5c98e}
#boardBtn{background:#3a2616!important;border-color:#8f6c3e!important}#boardBtn.ready{background:#744820!important;border-color:#d2a05a!important;color:#fff1c6}
.boardingOverlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0009;z-index:9}.boardingOverlay.open{display:flex}.boardingCard{width:min(460px,90vw);background:#0c1c1e;border:1px solid #b18c50;padding:22px;text-align:center}.boardingCard h3{font:24px Georgia;color:#e7ce98}.boardingCard p{font-size:10px;color:#aab3ae;line-height:1.5}

@media(max-width:700px){
 .reloadHud{bottom:145px;width:92vw}
 .combatStats{top:68px;flex-wrap:wrap;justify-content:center;width:88vw}
 .battleControls{width:96vw!important}
 .battleControls button{font-size:16px!important}
}

/* v1.8 */
.controls button#forward{background:#153236;border-color:#557876}
.controls button#forward.active{background:#2d6a5d;border-color:#7bc3ad;color:#fff}
.repairFlash{animation:repairPulse .9s ease}
@keyframes repairPulse{0%{box-shadow:0 0 0 #79d7a200}35%{box-shadow:0 0 32px #79d7a2aa,inset 0 0 18px #79d7a255}100%{box-shadow:0 0 0 #79d7a200}}
.successBadge{display:inline-block;margin-top:8px;padding:6px 9px;background:#12331f;border:1px solid #4c8b61;color:#9ed8ad;font-size:9px;border-radius:5px}
.incomeToast{color:#a8d8b3}
@media(max-width:650px){
  .controls{width:min(98vw,500px)}
  .controls button{font-size:17px}
  .controls button small{font-size:5px}
}

/* v1.9 ship interior */
.interiorScene{display:none;position:fixed;inset:0;z-index:17;background:#061315}.interiorScene.open{display:block}
.interiorTop{height:62px;background:linear-gradient(90deg,#0b1718,#182522,#0b1718);border-bottom:1px solid #87683c;display:flex;align-items:center;gap:20px;padding:0 20px}.interiorTop span{font:18px Georgia;color:#d8b873}.interiorTop b{flex:1;text-align:center;font:16px Georgia;color:#eee}.interiorTop button{background:#152729;border:1px solid #5d6b66;color:#d0bd92;padding:8px 12px}
.interiorView{height:calc(100vh - 62px);position:relative;overflow:hidden;background:linear-gradient(#151d1d 0 18%,#4c321f 18% 78%,#23170f 78%)}
.interiorView canvas{position:absolute;inset:0;width:100%;height:100%}
.interiorHud{position:absolute;left:18px;top:18px;width:190px;background:#071516df;border:1px solid #5c655f;padding:10px;z-index:5}.interiorHud small{display:block;color:#bd9657;font-size:8px;letter-spacing:1px;margin-bottom:7px}.interiorHud div{display:flex;justify-content:space-between;border-bottom:1px solid #22302e;padding:5px 0;font-size:9px}.interiorHud span{color:#9ba8a3}.interiorHud b{color:#ead09a}
.interiorControls{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:8px;z-index:6}.interiorControls button{min-width:82px;height:52px;background:#0b1718e8;border:1px solid #6b746e;color:#f0dfb8;border-radius:7px;font-size:18px;touch-action:none}.interiorControls #intAction{min-width:130px;font-size:10px;background:#7b5d2a;border-color:#b88d4d}
.interiorPlace{position:absolute;right:18px;top:18px;width:225px;background:#071516df;border-left:3px solid #b68a4b;padding:10px;z-index:5}.interiorPlace b,.interiorPlace span{display:block}.interiorPlace b{font:15px Georgia;color:#e3c98e}.interiorPlace span{font-size:9px;color:#9da9a4;margin-top:3px}
@media(max-width:700px){.interiorTop b{display:none}.interiorHud{width:155px}.interiorPlace{top:auto;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 145px);width:185px}.interiorControls{position:fixed!important;bottom:calc(env(safe-area-inset-bottom,0px) + 72px)!important;width:min(94vw,360px);justify-content:center;padding:6px;background:#061315cc;border:1px solid #3f5554;border-radius:10px}.interiorControls button{min-width:60px}.interiorControls #intAction{min-width:110px}}

/* v2.0 first-person deck sailing */
.deckScene{display:none;position:fixed;inset:0;z-index:16;background:#07191d;overflow:hidden}.deckScene.open{display:block}
.deckScene>canvas#deckCv{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
.deckTop{position:absolute;left:0;right:0;top:0;height:68px;display:flex;align-items:center;gap:18px;padding:0 18px;background:linear-gradient(#061315e8,#06131580,transparent);z-index:4}.deckTop>div:first-child{min-width:170px}.deckTop small,.deckTop b{display:block}.deckTop small{font-size:7px;letter-spacing:2px;color:#b28e53}.deckTop b{font:17px Georgia;color:#eee1c1;margin-top:3px}.deckTop button{margin-left:auto;background:#0b1d20dd;border:1px solid #62706b;color:#e6d2a7;padding:9px 13px}
.deckCompass{position:absolute;left:50%;transform:translateX(-50%);text-align:center}.deckCompass span{display:block;font:21px Georgia;color:#f1d99f}.deckCompass i{display:block;font-style:normal;font-size:7px;color:#9fb3ad;margin-top:2px}
.deckStatus{position:absolute;top:78px;left:16px;display:grid;gap:4px;z-index:4}.deckStatus span{background:#061315cf;border-left:2px solid #9b7741;padding:5px 8px;font-size:7px;color:#95a7a1}.deckStatus b{color:#ead29c;margin-left:5px}
#deckMini{position:absolute;right:14px;top:78px;width:170px;height:110px;background:#082d33dc;border:1px solid #856b42;z-index:4}
.deckWarning{position:absolute;left:50%;top:100px;transform:translateX(-50%);padding:7px 12px;background:#6c251fe8;border:1px solid #c26054;color:#ffe3d4;font-size:9px;letter-spacing:1px;display:none;z-index:5}.deckWarning.show{display:block}
.deckControls{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:7px;z-index:5;background:#061315d5;border:1px solid #52615d;padding:7px;border-radius:10px;backdrop-filter:blur(7px)}.deckControls button{width:78px;height:56px;background:#0b1c1edd;border:1px solid #5c706c;color:#f0deb7;border-radius:7px;font-size:18px;touch-action:none}.deckControls button small{display:block;font-size:5px;margin-top:3px;color:#a8b5af}.deckControls button.active{background:#2d675c;border-color:#8bc7b6}.deckControls #deckFireL,.deckControls #deckFireR{background:#4d271b;border-color:#8e5537}
@media(max-width:700px){
 .deckTop{height:60px;padding:0 9px}.deckTop>div:first-child{min-width:125px}.deckTop b{font-size:13px}.deckCompass{top:8px}
 #deckMini{width:125px;height:82px;right:8px;top:67px}.deckStatus{top:67px;left:8px}.deckStatus span{padding:4px 6px}
 .deckControls{position:fixed!important;bottom:calc(env(safe-area-inset-bottom,0px) + 72px)!important;width:98vw;gap:3px;padding:5px;justify-content:center}.deckControls button{flex:1 1 0;width:auto;min-width:0;height:52px;font-size:16px}.deckControls button small{font-size:4px}
 .deckWarning{top:158px;max-width:80vw;text-align:center}
}