:root{--gold: #d8b04a;--gold2: #f2d27a;--wood: #2a1c12;--wood2: #3a2616;--ink: #f2e6c8;--red: #c23b2a;--sea: #0b1a26}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{margin:0;height:100%;overflow:hidden;background:var(--sea);color:var(--ink);font-family:Georgia,Times New Roman,serif;touch-action:none;overscroll-behavior:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}button{font:700 16px Georgia,serif;color:#1a120a;background:linear-gradient(#f2d27a,#c8962a);border:2px solid #6a4a1a;border-radius:10px;padding:11px 26px;letter-spacing:1px;box-shadow:0 3px #5a3a12,0 6px 14px #0008;cursor:pointer}button:active{transform:translateY(2px);box-shadow:0 1px #5a3a12}button.ghost{background:#2a1c12d8;color:var(--ink);border:1.5px solid var(--gold);box-shadow:none;padding:7px 14px;font-size:13px}button:disabled{opacity:.45;filter:grayscale(.6)}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0));text-align:center;z-index:20;overflow-y:auto;background:radial-gradient(ellipse at 50% 40%,#0b1a2600,#050b10cc 80%)}.screen h1{font-size:clamp(36px,10.5vw,84px);line-height:.92;margin:0;letter-spacing:4px;background:linear-gradient(#fff3c0,#e0b040 55%,#8a5a12);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #3a2208) drop-shadow(0 8px 18px #000c)}.screen h2{margin:0;font-size:28px;letter-spacing:3px;color:var(--gold2);text-shadow:0 2px 6px #000}.screen p{margin:0;max-width:380px;text-shadow:0 1px 4px #000;line-height:1.35}.small{font-size:13px;opacity:.85}#title{justify-content:space-between;padding-top:calc(10vh + env(safe-area-inset-top,0));background:linear-gradient(#050b1088,#0000 35% 60%,#050b10cc)}#title .logo{display:flex;flex-direction:column;align-items:center;gap:6px}#title .emblem{width:min(150px,34vw);height:auto;filter:drop-shadow(0 6px 10px #000c);margin-bottom:2px}#title .rune{letter-spacing:8px;color:var(--gold);opacity:.8;font-size:15px}#title .sub{font-style:italic;color:#e8dcc0;text-shadow:0 2px 6px #000}#title .menu{display:flex;flex-direction:column;gap:12px;align-items:center;margin-bottom:4vh;visibility:hidden}body.ready #title .menu{visibility:visible}#title .menu button{min-width:230px}.howList{max-width:400px;text-align:left;display:flex;flex-direction:column;gap:9px;background:#1a120ad0;border:1.5px solid var(--gold);border-radius:12px;padding:14px;font-size:14px}.howList p{max-width:none}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}#hud .top{position:absolute;left:0;right:0;top:0;padding:calc(6px + env(safe-area-inset-top,0)) 8px 0;background:linear-gradient(#000a,#0000);text-shadow:0 1px 3px #000}#hud .row1{display:flex;align-items:center;gap:8px}#hull{position:relative;width:120px;height:18px;background:#2a0a08cc;border:1.5px solid var(--gold);border-radius:9px;overflow:hidden;flex:none}#hullFill{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(#e85a3a,#9a1a12);transition:width .25s}#hullTxt{position:absolute;inset:0;font:700 11px/16px Georgia,serif;text-align:center}#res{display:flex;gap:8px;font-size:13px;flex:1;min-width:0;white-space:nowrap}#res b{font-weight:700;margin-left:2px}#pauseBtn{pointer-events:auto;padding:7px 13px;font-size:16px;margin-left:auto}#hud .row2{display:flex;gap:9px;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden}#shipName{color:var(--gold2);font-weight:700}#buff{color:#9fe0ff;font-weight:700}#wxTxt{color:#cfe6ff}#map{position:absolute;left:8px;bottom:calc(12px + env(safe-area-inset-bottom,0));width:104px;height:104px;border-radius:50%;border:2px solid var(--gold);box-shadow:0 2px 10px #000a;pointer-events:auto;background:#1d5470}#chartBtn{position:absolute;left:8px;bottom:calc(124px + env(safe-area-inset-bottom,0));pointer-events:auto;padding:4px 9px;font-size:16px}#viewBtn{position:absolute;left:52px;bottom:calc(124px + env(safe-area-inset-bottom,0));pointer-events:auto;padding:4px 9px;font-size:11px}#msg{position:absolute;left:50%;top:27%;transform:translate(-50%);width:86vw;text-align:center;font-weight:700;font-size:17px;text-shadow:0 2px 6px #000,0 0 2px #000;transition:opacity .4s}#warn{position:absolute;left:50%;top:16%;transform:translate(-50%);font-weight:800;font-size:15px;color:#ffd24a;text-shadow:0 2px 6px #000;text-align:center;width:90vw}#stick{position:absolute;left:calc(50% - 46px);bottom:calc(24px + env(safe-area-inset-bottom,0));width:130px;height:130px;border-radius:50%;background:radial-gradient(#d8b04a22,#d8b04a10 60%,#0000 61%);border:2px solid #d8b04a88}#stick:after{content:"ᛏ";position:absolute;left:50%;top:6px;transform:translate(-50%);color:#d8b04a99;font-size:14px}#knob{position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f2d27a,#a8781a);box-shadow:0 0 14px #d8b04a88;transform:translate(-50%,-50%)}#acts{position:absolute;right:8px;bottom:calc(30px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:12px;align-items:center;pointer-events:auto}.act{width:66px;height:66px;border-radius:50%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;border:2.5px solid var(--gold);background:radial-gradient(circle at 40% 35%,#4a3020,#1a100a);color:var(--ink);box-shadow:0 4px 12px #000a}.act em{font-style:normal;font-size:26px;line-height:1}.act small{font-size:10px;font-weight:700;letter-spacing:1px;margin-top:2px}.act .cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#000a}#actBtn{width:62px;height:62px;border-color:#7dff3a;animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 18px #7dff3aaa}}#hurt{position:fixed;inset:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 #ff2a1a00;transition:box-shadow .5s}#hurt.on{box-shadow:inset 0 0 90px 20px #ff2a1acc;transition:none}#hurt.thor{box-shadow:inset 0 0 70px 10px #5ac8ff88}#tags{position:fixed;inset:0;pointer-events:none;z-index:3;overflow:hidden}.tag{position:absolute;transform:translate(-50%,-100%);font:700 11px Georgia,serif;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;text-align:center}.tag i{display:block;height:4px;margin:2px auto 0;width:44px;background:#000a;border-radius:2px;overflow:hidden}.tag i b{display:block;height:100%;background:#e84a2a}.pop{position:fixed;transform:translate(-50%,-50%);font:800 16px Georgia,serif;text-shadow:0 2px 4px #000;pointer-events:none;z-index:6;white-space:nowrap}.ring{position:absolute}#mini{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:10px 12px calc(16px + env(safe-area-inset-bottom,0));background:linear-gradient(#0000,#050b10e0 18%,#050b10f2);display:flex;flex-direction:column;gap:10px;align-items:center;min-height:44vh;justify-content:flex-end}#mini .mgTop{width:100%;display:flex;align-items:center;gap:6px}#mini .hpRow{flex:1;font-size:12px;text-shadow:0 1px 3px #000}#mini .hpRow b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mini .hpRow small{color:var(--gold2)}#mini .hpRow span{font-size:10px;opacity:.8}#mini .vs{font-size:22px}.hp{height:12px;border:1.5px solid var(--gold);border-radius:6px;background:#000a;overflow:hidden}.hp i{display:block;height:100%;width:100%;transition:width .3s}.hp.you i{background:linear-gradient(#5ad85a,#1a8a2a)}.hp.foe i{background:linear-gradient(#e85a3a,#8a1a12)}.mgStage{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.mgHint,.mgTitle{font-size:14px;color:#e8dcc0;text-shadow:0 1px 3px #000;text-align:center}.mgTitle{font-size:18px;color:var(--gold2);font-weight:700}.track{position:relative;width:88vw;max-width:420px;height:34px;border:2px solid var(--gold);border-radius:17px;background:linear-gradient(#1a2a34,#0a141c);overflow:hidden;touch-action:none}.track .zone{position:absolute;top:0;bottom:0;background:#7dff3a66}.track .zone.crit{background:#ffd24acc}.track .needle{position:absolute;top:-2px;bottom:-2px;width:5px;margin-left:-2px;background:#fff;box-shadow:0 0 8px #fff}.mgBtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mgBig{font-size:22px;padding:16px 44px;border-radius:14px}.mgFire{background:linear-gradient(#ffb04a,#c8401a);color:#fff}.mgDir{font-size:30px;width:84px;height:72px;padding:0;background:#2a1c12;color:var(--ink);border:2px solid #6a4a1a;box-shadow:none}.mgDir.lit{background:linear-gradient(#f2d27a,#c8962a);color:#1a120a;border-color:#fff3c0;box-shadow:0 0 16px #f2d27a}.mgWarn{font-size:15px;color:#ffb08a;text-shadow:0 1px 3px #000}.mgPrompt{font-size:30px;font-weight:800;color:#fff;text-shadow:0 2px 8px #000;letter-spacing:2px}.timer{width:70vw;max-width:320px;height:8px;border-radius:4px;background:#000a;overflow:hidden}.timer i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff5a3a,#ffd24a)}.mgFlee{position:absolute;right:12px;bottom:calc(100% - 4px);pointer-events:auto}#mini{position:fixed}.mgBanner{position:fixed;left:50%;top:31%;transform:translate(-50%,-50%);font:800 30px Georgia,serif;text-shadow:0 3px 8px #000,0 0 3px #000;pointer-events:none;animation:bannerIn 1.1s ease-out forwards;white-space:nowrap;z-index:12}@keyframes bannerIn{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}15%{transform:translate(-50%,-50%) scale(1.15);opacity:1}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}.reelWrap{display:flex;gap:12px;align-items:stretch;height:30vh}.reel{position:relative;width:70px;border:2px solid var(--gold);border-radius:12px;background:linear-gradient(#2a6a8a,#0a2a3a);overflow:hidden;touch-action:none}.reel .box{position:absolute;left:4px;right:4px;border-radius:8px;background:#ffd24a44;border:2px solid #ffd24a}.reel .box.in{background:#7dff3a55;border-color:#7dff3a}.reel .fishI{position:absolute;left:50%;transform:translate(-50%,50%);font-size:26px}.prog{width:14px;border:1.5px solid var(--gold);border-radius:7px;background:#000a;position:relative;overflow:hidden}.prog i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#ffd24a,#7dff3a)}.tension{position:relative;width:80vw;max-width:360px;height:18px;border:2px solid var(--gold);border-radius:9px;background:#000a;overflow:hidden}.tension .zone{position:absolute;inset:0 0 0 80%;background:#ff5a3a55}.tension i{position:absolute;left:0;top:0;bottom:0;background:#7dff3a}.mgCount{font-size:26px;font-weight:800;color:var(--gold2)}#harbor{justify-content:flex-start;background:linear-gradient(#050b10ee,#0b1a26f2);padding-top:calc(16px + env(safe-area-inset-top,0))}.resLine{display:flex;gap:14px;font-size:16px;font-weight:700}#hbList{display:grid;grid-template-columns:1fr;gap:8px;width:100%;max-width:440px}.card{display:flex;gap:10px;align-items:center;text-align:left;background:linear-gradient(#3a2616,#22160c);border:1.5px solid #6a4a1a;border-radius:12px;padding:8px 10px}.card.ship{border-color:var(--gold);background:linear-gradient(#4a3018,#2a1a0c)}.card .ic{font-size:28px;width:40px;text-align:center;flex:none}.card .tx{flex:1;min-width:0}.card .tx b{color:var(--gold2)}.card .tx .pips{color:var(--gold);letter-spacing:2px;font-size:12px;margin-left:4px}.card .tx div{font-size:12px;opacity:.85}.card .tx .cost{font-size:12px;color:#e8dcc0;opacity:1;margin-top:2px}.card .tx .cost .no{color:#ff7a5a}.card button{padding:8px 12px;font-size:13px;flex:none}#chart canvas{width:min(92vw,70vh);height:min(92vw,70vh);border-radius:12px;border:2px solid var(--gold);touch-action:none}.fsBtn{position:fixed;left:10px;bottom:calc(10px + env(safe-area-inset-bottom,0));z-index:30}.soundBtn{font-size:13px}.fsTip{position:fixed;left:10px;right:10px;top:10px;z-index:40;background:#1a120af0;border:1.5px solid var(--gold);border-radius:10px;padding:10px;font-size:13px}.screen{touch-action:pan-y}#harbor:not(.hidden)~.fsBtn,#mini:not(.hidden)~.fsBtn,#chart:not(.hidden)~.fsBtn{display:none!important}#compWrap{position:absolute;right:8px;top:calc(48px + env(safe-area-inset-top,0));display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:none}#compass{width:78px;height:78px;border-radius:50%;box-shadow:0 2px 10px #000a}#compTxt{font:700 11px Georgia,serif;color:var(--gold2);text-shadow:0 1px 3px #000}#saga{justify-content:flex-start;background:linear-gradient(#050b10ee,#0b1a26f4);padding-top:calc(16px + env(safe-area-inset-top,0))}.sagaName{color:var(--gold2);font:italic 700 15px Georgia,serif}#sagaList{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px;width:100%;max-width:820px}.deed{display:flex;align-items:center;gap:8px;text-align:left;background:linear-gradient(#3a2616,#22160c);border:1.5px solid #6a4a1a;border-radius:10px;padding:6px 9px}.deed.full{border-color:var(--gold)}.deed .di{font-size:22px;width:28px;text-align:center}.deed .dt{flex:1;min-width:0;position:relative;padding-bottom:6px;font-size:13px}.deed .dt b{color:var(--gold2)}.deed .stars{color:var(--gold);font-size:12px;letter-spacing:1px}.deed .dt i{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#c8962a,#ffe08a);border-radius:2px}.deed .dn{font-size:12px;opacity:.85;white-space:nowrap}#saga:not(.hidden)~.fsBtn{display:none!important}.digCell.sel{outline:3px solid #ffe08a;outline-offset:-3px}.mgBreak{min-width:180px;font-size:18px!important;animation:pulse .5s infinite}@media(max-width:430px){#res{gap:4px;font-size:11px}#hull{width:92px}}#gate,#paused{justify-content:flex-start}#gate>:first-child,#paused>:first-child{margin-top:auto}#gate>:last-child,#paused>:last-child{margin-bottom:auto}@media(max-height:420px){#gate p,#paused p{font-size:13px}#gate{gap:8px}}#fade{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#4a1070,#0a0010 72%);transition:opacity .9s ease}#fade.on{opacity:1;pointer-events:auto}#gate{background:radial-gradient(ellipse at 50% 40%,#2a0a3acc,#050008f0 80%)}#gate h2{color:#e0b0ff;text-shadow:0 0 12px #8a3aff,0 2px 6px #000}#wright{position:fixed;left:0;right:0;bottom:0;z-index:21;display:flex;flex-direction:column;gap:5px;max-height:64vh;padding:8px 10px calc(10px + env(safe-area-inset-bottom,0));background:linear-gradient(#0b1a26e6,#050b10f6);border-top:2px solid var(--gold)}#wright .wrHead{display:flex;align-items:center;gap:8px}#wright .wrHead>b{flex:1;text-align:left;color:var(--gold2);font:800 16px Georgia,serif;letter-spacing:2px}.wrTabs{display:flex;gap:6px}.wrTabs button{padding:6px 14px;font-size:12px}.wrTabs button:not(.on){background:#2a1c12d8;color:var(--ink);box-shadow:none;border:1.5px solid var(--gold)}#wrNote,#wrRes{margin:0;font-size:11px;opacity:.85;text-align:left}#wrList{flex:none;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;touch-action:pan-x}#wright:not(.hidden)~.fsBtn,#gate:not(.hidden)~.fsBtn{display:none!important}@media(max-height:500px){#wright{padding-top:5px;gap:3px}#wrNote{display:none}.wcard{width:126px;padding:5px 6px;gap:1px;font-size:11px}.wcard .cost{font-size:11px}.wcard .wic{font-size:20px}.wcard b{font-size:12px}.wcard .wperk{min-height:26px}.wcard button{padding:4px 10px;font-size:11px}}.wcard{flex:none;width:136px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px;text-align:center;font-size:12px;cursor:pointer;background:linear-gradient(#3a2616,#22160c);border:1.5px solid #6a4a1a;border-radius:12px}.wcard.on{border-color:#7dff3a}.wcard.pv{box-shadow:inset 0 0 0 2px var(--gold2)}.wcard .wic{font-size:26px;line-height:1.1}.wcard b{color:var(--gold2);font-size:13px}.wcard .wperk{opacity:.85;min-height:30px}.wcard .cost{color:#e8dcc0}.wcard .cost .no{color:#ff7a5a}.wcard button{margin-top:auto;padding:6px 12px;font-size:12px}#seaBanner{position:absolute;left:50%;top:40%;transform:translate(-50%);text-align:center;opacity:0;pointer-events:none;width:92vw}#seaBanner b{display:block;font:800 26px Georgia,serif;letter-spacing:3px;color:var(--gold2);text-shadow:0 3px 8px #000,0 0 3px #000}#seaBanner small{display:block;font:italic 14px Georgia,serif;color:#f2e6c8;text-shadow:0 2px 5px #000;margin-top:4px}#seaBanner.show{animation:seaIn 4.2s ease-out forwards}@keyframes seaIn{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0}}:root{--helmH: 168px}#helmWrap{position:absolute;left:50%;bottom:env(safe-area-inset-bottom,0);transform:translate(-50%);width:354px;height:208px;pointer-events:none}#helm{position:absolute;left:0;bottom:0;pointer-events:auto;touch-action:none;filter:drop-shadow(0 -2px 8px #000a)}#throttle{position:absolute;left:50%;bottom:calc(var(--helmH) + 8px + env(safe-area-inset-bottom,0));transform:translate(-50%);display:flex;gap:3px;pointer-events:auto;touch-action:none}#throttle button{font:700 11px Georgia,serif;letter-spacing:1px;min-width:40px;padding:7px 5px;border-radius:8px;background:#2a1c12e0;color:var(--ink);border:1.5px solid var(--gold);box-shadow:0 2px 6px #000a}#throttle button{--tc: #c8962a;--tb: #f2d27a;border-color:var(--tc);color:color-mix(in srgb,var(--tb) 55%,#6a5a40)}#throttle button.on{background:linear-gradient(var(--tb),var(--tc));color:#1a120a;border-color:#fff8;box-shadow:0 0 10px var(--tb),0 2px 6px #0008}#throttle button[data-n="0"]{--tc: #b0502a;--tb: #ffa060}#throttle button[data-n="1"]{--tc: #a8201a;--tb: #ff6a5a}#throttle button[data-n="2"],#throttle button[data-n="3"]{--tc: #b89a1a;--tb: #ffe066}#throttle button[data-n="4"]{--tc: #2a8a3a;--tb: #7dff6a}html:not(.tabletHud) #throttle{left:max(8px,env(safe-area-inset-left,0px));bottom:calc(8px + env(safe-area-inset-bottom,0));transform:none;flex-direction:column-reverse;gap:5px}html:not(.tabletHud) #throttle button{min-width:60px;padding:9px 4px;font-size:12px}html:not(.tabletHud) #map{left:auto;right:max(8px,env(safe-area-inset-right,0px));bottom:calc(8px + env(safe-area-inset-bottom,0));width:96px;height:96px}html:not(.tabletHud) #acts{right:max(8px,env(safe-area-inset-right,0px));bottom:calc(114px + env(safe-area-inset-bottom,0));gap:8px}html:not(.tabletHud) .act{width:58px;height:58px}html:not(.tabletHud) #actBtn{width:56px;height:56px}html:not(.tabletHud) #chartBtn{left:auto;right:max(8px,env(safe-area-inset-right,0px));bottom:auto;top:calc(54px + env(safe-area-inset-top,0));font-size:20px;padding:6px 11px}html:not(.tabletHud) #viewBtn{left:auto;right:max(8px,env(safe-area-inset-right,0px));bottom:auto;top:calc(102px + env(safe-area-inset-top,0))}html:not(.tabletHud) #compWrap{right:auto;left:max(8px,env(safe-area-inset-left,0px));top:calc(66px + env(safe-area-inset-top,0))}body.busy #throttle{display:none}.homeTip{max-width:300px;opacity:.85}html.tabletHud #throttle{gap:6px}html.tabletHud #throttle button{font-size:15px;min-width:70px;padding:10px 8px}html.tabletHud #map{width:150px;height:150px}html.tabletHud #chartBtn,html.tabletHud #viewBtn{bottom:calc(172px + env(safe-area-inset-bottom,0));font-size:18px}html.tabletHud #viewBtn{left:64px;font-size:14px}html.tabletHud .act{width:84px;height:84px}html.tabletHud #actBtn{width:80px;height:80px}#chart{background:#050b10f2}#chartHint.hot{color:#7dff3a;font-weight:700}#map{touch-action:none;z-index:2}.fsBtn{left:auto;right:10px}#mini.battle{min-height:36vh}.mgCue{position:fixed;left:50%;top:39%;transform:translate(-50%);width:min(92vw,460px);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:11}.mgCue .track{pointer-events:auto;width:100%;max-width:none}.mgCue .mgHint,.mgCue .mgWarn{background:#050b10b0;padding:3px 10px;border-radius:8px}.mgCue .timer{width:80%}.mgSide{position:fixed;top:22%;font-size:64px;line-height:1;color:#f2d27a;text-shadow:0 0 18px #f2d27a,0 3px 8px #000;pointer-events:none;z-index:11;display:none}.mgSide.on{display:block;animation:sidePulse .5s ease-in-out infinite alternate}.mgSide.L{left:max(10px,env(safe-area-inset-left,0px))}.mgSide.R{right:max(10px,env(safe-area-inset-right,0px))}@keyframes sidePulse{0%{opacity:.55}to{opacity:1}}html.tabletHud .mgCue .mgPrompt{font-size:40px}html.tabletHud .mgSide{font-size:96px}body.busy #map,body.busy #chartBtn,body.busy #viewBtn,body.busy #msg{display:none}html.tabletHud{--padTop: max(env(safe-area-inset-top, 0px), 28px)}html.tabletHud #hud .top{padding-top:calc(6px + var(--padTop))}html.tabletHud #compWrap{top:calc(52px + var(--padTop))}html.tabletHud .screen{padding-top:calc(20px + var(--padTop))}html.tabletHud #title{padding-top:calc(10vh + var(--padTop))}html.tabletHud #harbor{padding-top:calc(16px + var(--padTop))}html.tabletHud #saveBox{padding-top:calc(18px + var(--padTop))}.mgBoard{font-size:17px;padding:14px 18px;border-radius:14px;background:linear-gradient(#9fd46e,#4a8a2a);color:#0e1a08;border-color:#2a4a14}.mgBoard.off{background:#2a1c12;color:#b9a88a;border-color:#6a4a1a;font-size:13px;max-width:220px}#mini.dig{min-height:0;top:0;justify-content:center;background:#050b10e8;overflow-y:auto}@media(max-height:460px){#mini.dig{justify-content:flex-start;gap:4px;padding-top:6px}#mini.dig .mgTitle{font-size:15px}#mini.dig .mgClue{font-size:13px}}.mgClue{font-style:italic;color:#f2e6c8;max-width:340px;font-size:16px}.digGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;width:min(92vw,380px,calc((100vh - 170px)/.8));padding:10px;border-radius:14px;background:linear-gradient(#d8c08a,#b89a5e);box-shadow:inset 0 0 18px #7a5a2a}.digCell{aspect-ratio:1;padding:0;border-radius:9px;font-size:24px;background:#e6d29e;border:2px solid #c8ad72;box-shadow:none;color:#3a2614}.digCell.mark{background:transparent;border-color:transparent;font-size:30px}.digCell.dug{background:#8a6a3a;border-color:#6a4a22}.digCell.hot{background:#a8562a}.digCell.warm{background:#9a7a3a}.digCell.cold{background:#5a6a7a}.digCell.gold{background:radial-gradient(#ffe27a,#c8962a)}.card .btn2{display:flex;flex-direction:column;gap:6px;flex:none}.card .btn2 button{padding:7px 10px;font-size:13px}#prize p{max-width:360px}#mini.dig .mgFlee{position:static;margin-top:6px}#tut{position:fixed;z-index:40;left:50%;top:calc(64px + env(safe-area-inset-top,0px));transform:translate(-50%);width:min(92vw,440px);box-sizing:border-box;background:#1a120ae8;border:1.5px solid var(--gold);border-radius:12px;padding:5px 11px 8px;font-size:14px;line-height:1.3;text-align:left;white-space:normal;pointer-events:auto;box-shadow:0 4px 14px #000a}#tut .tutHead{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--gold);margin-bottom:4px}#tut .tutHead button{padding:3px 10px;font-size:11px;letter-spacing:1px}#tut b{color:var(--gold2)}#tut i{opacity:.75}#tut.pop{animation:tutPop .4s ease-out}@keyframes tutPop{0%{scale:.92;opacity:.3}to{scale:1;opacity:1}}html:not(.tabletHud) #tut{left:8px;right:78px;width:auto;transform:none;top:calc(58px + env(safe-area-inset-top,0px))}#tutHand{position:fixed;z-index:41;width:44px;height:44px;margin:-22px 0 0 -22px;font-size:36px;line-height:44px;text-align:center;pointer-events:none;filter:drop-shadow(0 2px 4px #000)}#tutHand.R{animation:tutR .9s ease-in-out infinite}#tutHand.L{animation:tutL .9s ease-in-out infinite}#tutHand.swipe{animation:tutSwipe 1.8s ease-in-out infinite}#tutHand.D{animation:tutD .9s ease-in-out infinite}@keyframes tutD{50%{transform:translateY(9px)}}@keyframes tutR{50%{transform:translate(9px)}}@keyframes tutL{50%{transform:translate(-9px)}}@keyframes tutSwipe{0%,to{transform:translate(-46px) rotate(-12deg)}50%{transform:translate(46px) rotate(12deg)}}body.busy #tut,body.busy #tutHand{display:none}body.tutOn #warn{top:calc(200px + env(safe-area-inset-top,0px))}body.tutOn #msg{top:calc(236px + env(safe-area-inset-top,0px))}html.tabletHud #tut{top:calc(76px + var(--padTop));width:min(80vw,540px);font-size:15px;padding:6px 14px 9px}html.tabletHud #tut .tutHead{font-size:13px}html.tabletHud body.tutOn #warn{top:calc(224px + var(--padTop))}html.tabletHud body.tutOn #msg{top:calc(264px + var(--padTop))}html.tabletHud #tutHand{font-size:50px;width:58px;height:58px;line-height:58px;margin:-29px 0 0 -29px}#hbTip{max-width:400px;margin:0;background:#1a120ad0;border:1.5px solid var(--gold);border-radius:10px;padding:8px 12px;font-size:14px}#how{justify-content:flex-start}#how>:first-child{margin-top:auto}#how>:last-child{margin-bottom:auto}#how:not(.hidden)~.fsBtn{display:none!important}.howBtns{display:flex;gap:12px;align-items:center}.howNav{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--gold)}.howNav button{min-width:56px;padding:6px 10px}#bFire.aimNo{border-color:#ff4a3a;box-shadow:0 0 0 3px #ff4a3a88}#bFire.aimSoon{border-color:#ffe066;box-shadow:0 0 22px #ffe066}#bFire.aimNow{border-color:#7dff6a;background:linear-gradient(#9dff8a,#2a9a3a);color:#0a1a0a;box-shadow:0 0 26px #7dff6a}#bFire.aimFree{border-color:#9fe0ff;box-shadow:0 0 18px #9fe0ff}#fireBtn.aimNo{border-color:#ff4a3a;box-shadow:0 0 0 2px #ff4a3a66,0 2px 6px #0008}#fireBtn.aimSoon{border-color:#ffe066;box-shadow:0 0 14px #ffe066,0 2px 6px #0008}#fireBtn.aimNow{border-color:#7dff6a;background:linear-gradient(#9dff8a,#2a9a3a);color:#0a1a0a;box-shadow:0 0 18px #7dff6a}#fireBtn.aimFree{border-color:#9fe0ff;box-shadow:0 0 12px #9fe0ff,0 2px 6px #0008}.raidBtn{position:fixed;left:50%;bottom:calc(150px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:12;padding:12px 26px;font-size:20px;letter-spacing:2px;background:linear-gradient(#ff9a4a,#b8401a);color:#fff;border:2px solid #ffd24a;animation:pulse 1s infinite}.raidBtn.ret{bottom:calc(210px + env(safe-area-inset-bottom,0px));background:linear-gradient(#ff5a4a,#8a1a1a)}.raidBar{position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:12;width:min(80vw,360px);padding:4px 8px 8px;border-radius:10px;background:#1a120ae0;border:1.5px solid var(--gold);color:var(--gold2);font-size:13px;text-align:center;pointer-events:none}.raidBar b{display:block;margin-bottom:4px}.raidBar i{display:block;height:7px;width:0;border-radius:4px;background:linear-gradient(90deg,#ff6a1a,#ffd24a)}.raidBtn.trade{background:linear-gradient(#e8c870,#9a7a2a);color:#1a120a;animation:none}#tradePanel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;width:min(88vw,360px);padding:12px 16px 16px;border-radius:12px;background:#1a120af0;border:2px solid var(--gold);text-align:center;display:flex;flex-direction:column;gap:8px}#tradePanel h3{margin:0;color:var(--gold2)}#tradePanel p{margin:0 0 4px;font-size:14px}#spellBar{position:fixed;z-index:11;left:max(8px,env(safe-area-inset-left,0px));bottom:calc(160px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column-reverse;gap:6px;pointer-events:auto}html.leftHand #spellBar{left:auto;right:max(8px,env(safe-area-inset-right,0px))}html.tabletHud #spellBar{bottom:calc(222px + env(safe-area-inset-bottom,0px));left:max(12px,env(safe-area-inset-left,0px))}#spellBar .act{width:54px;height:54px}#spellBar .act em{font-size:22px}body.busy #spellBar{display:none}#spellBar .act.spell.ready{box-shadow:0 0 12px #9fe0ff}#frostBtn{border-color:#9fe0ff}#veilBtn{border-color:#9a7aff}#sunBtn{border-color:#ffe06a}#claimPanel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;width:min(90vw,380px);padding:12px 16px 16px;border-radius:12px;background:#1a120af0;border:2px solid var(--gold);text-align:center;display:flex;flex-direction:column;gap:8px}#claimPanel h3{margin:0;color:var(--gold2)}#claimPanel p{margin:0 0 4px;font-size:14px}#claimPanel.hidden{display:none}#spellBar2{position:fixed;z-index:11;left:max(8px,env(safe-area-inset-left,0px));bottom:calc(160px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column-reverse;flex-wrap:wrap;align-content:flex-start;max-height:calc(100vh - 250px);gap:6px;pointer-events:auto}html.leftHand #spellBar2{left:auto;right:max(8px,env(safe-area-inset-right,0px))}html.tabletHud #spellBar2{bottom:calc(222px + env(safe-area-inset-bottom,0px));left:max(12px,env(safe-area-inset-left,0px))}#spellBar2.hidden,body.busy #spellBar2{display:none}#spellBar2 .act{width:52px;height:52px}#spellBar2 .act em{font-size:21px}#spellBar2 .act small{font-size:8px}#spellBar2 .act.ready{box-shadow:0 0 12px #ffd24a}#spellBar2 .act.more{border-color:#c8a0ff}#spellBook{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;width:min(92vw,460px);max-height:86vh;overflow-y:auto;padding:12px 14px 14px;border-radius:12px;background:#1a120af2;border:2px solid var(--gold);text-align:center}#spellBook.hidden{display:none}#spellBook h3{margin:0 0 4px;color:var(--gold2)}#spellBook p{margin:4px 0;font-size:13px}#spellBook .grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}#spellBook .sp{display:flex;gap:4px}#spellBook .cast{flex:1;display:flex;flex-direction:column;padding:6px;font-size:13px}#spellBook .cast span{font-size:11px;opacity:.75}#spellBook .pin{width:34px;padding:0;opacity:.45}#spellBook .pin.on{opacity:1;color:#ffd24a}#spellBook .combos{font-size:12px}#buildPanel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:32;width:min(94vw,480px);max-height:88vh;overflow-y:auto;padding:12px 14px 14px;border-radius:12px;background:#1a120af4;border:2px solid var(--gold);text-align:left}#buildPanel.hidden{display:none}#buildPanel h3{margin:0;text-align:center;color:var(--gold2)}#buildPanel>p{text-align:center;margin:4px 0 8px;font-size:13px}#buildPanel .brow{display:flex;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #ffffff18}#buildPanel .bt{flex:1;font-size:13px}#buildPanel .bt b{font-size:15px}#buildPanel .brow button{min-width:92px}#buildPanel #buildClose{display:block;margin:10px auto 0}#buildPanel .mh{margin:12px 0 2px;text-align:center;color:var(--gold2)}#arenaMenu{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:50;width:min(94vw,460px);max-height:90vh;overflow-y:auto;padding:12px 14px;border-radius:12px;background:#1a120af6;border:2px solid var(--gold);display:flex;flex-direction:column;gap:6px;text-align:center}#arenaMenu.hidden,#arenaEnd.hidden{display:none}#arenaMenu h3{margin:0;color:var(--gold2)}#arenaMenu h4{margin:6px 0 0;color:var(--gold);font-size:13px;letter-spacing:2px}#arenaMenu p{margin:0;font-size:13px}#arenaMenu button small{opacity:.7;font-size:11px;margin-left:6px}#arenaEnd{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:50;padding:12px 16px;border-radius:12px;background:#1a120af0;border:2px solid var(--gold);display:flex;flex-direction:column;gap:8px;text-align:center;color:var(--gold2)}.raidBtn.attack{background:linear-gradient(#ff7a4a,#8a1a1a)}#bombGame{position:fixed;inset:0;z-index:25;pointer-events:none}#bombGame.hidden{display:none}body.bombOn #hud,body.bombOn #acts,body.bombOn #throttle,body.bombOn #helmWrap,body.bombOn #spellBar2,body.bombOn #map,body.bombOn #dockBtn,body.bombOn #swapBtn{visibility:hidden}#bombGame .bgHead{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;padding:6px 12px;background:#1a120ae0;border:1.5px solid var(--gold);border-radius:10px;color:var(--gold2);pointer-events:auto;white-space:nowrap}#bombGame .bgHead button{padding:4px 10px;font-size:12px}#bombGame .bgBars{position:absolute;top:calc(56px + env(safe-area-inset-top,0px));left:8px;width:min(36vw,220px);display:flex;flex-direction:column;gap:3px}#bombGame .bgBar{position:relative;height:16px;background:#000a;border:1px solid #ffd24a66;border-radius:4px;overflow:hidden;font-size:10px;color:#fff}#bombGame .bgBar span{position:relative;z-index:1;padding-left:4px;line-height:16px}#bombGame .bgBar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#b8322a,#ff8a4a)}#bombGame .bgBar.dead{opacity:.4}#bombGame .bgField{position:absolute;inset:0;pointer-events:auto}#bombGame .bgMsg{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);padding:6px 14px;background:#1a120ad0;border-radius:10px;color:var(--gold2);font-weight:700;white-space:nowrap}.bgTarget{position:absolute;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;border:4px solid #ff4a3a;background:radial-gradient(circle,#fff 0 12%,#ff4a3a 13% 22%,transparent 23% 45%,#ff4a3a55 46%);animation:bgShrink linear forwards;padding:0}.bgTarget.hit{border-color:#7dff3a;background:#7dff3a88}.bgTarget.miss{opacity:.2}@keyframes bgShrink{0%{transform:scale(1.15)}to{transform:scale(.35)}}.bgPower{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(80vw,420px);height:30px;border-radius:15px;background:linear-gradient(90deg,#6a1a1a,#b8322a);border:2px solid var(--gold);overflow:hidden}.bgPower .zone{position:absolute;top:0;bottom:0}.bgPower .ok{left:50%;width:42%;background:#e8c84a}.bgPower .sweet{left:68%;width:14%;background:#7dff3a}.bgPower i{position:absolute;top:-4px;bottom:-4px;width:6px;margin-left:-3px;background:#fff;box-shadow:0 0 8px #000}.bgStrike{position:absolute;left:50%;top:68%;transform:translate(-50%);padding:14px 34px;font-size:22px;background:linear-gradient(#ff9a4a,#b8401a);color:#fff;border:2px solid #ffd24a}#legGame{position:fixed;inset:0;z-index:25;pointer-events:none}#legGame.hidden{display:none}body.legGameOn #hud,body.legGameOn #acts,body.legGameOn #throttle,body.legGameOn #helmWrap,body.legGameOn #spellBar2,body.legGameOn #map,body.legGameOn #dockBtn,body.legGameOn #swapBtn,body.legGameOn #broad{visibility:hidden}#legGame .lgHead{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:min(70vw,420px);padding:4px 10px 8px;background:#1a120ae0;border:1.5px solid var(--gold);border-radius:10px;color:var(--gold2);text-align:center}#legGame .lgTot{height:8px;background:#000a;border-radius:4px;overflow:hidden;margin-top:4px}#legGame .lgTot i{display:block;height:100%;background:linear-gradient(90deg,#6a2a8a,#c86aff)}#legGame .lgBars{top:calc(66px + env(safe-area-inset-top,0px))}#legGame .bgBar.sel{outline:2px solid #7dff3a}#legGame .lgMarks{position:absolute;inset:0;pointer-events:none}.lgMark{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;border:3px solid #ffd24a;background:#ff6a1a33;pointer-events:auto;padding:0;overflow:hidden;box-shadow:0 0 12px #ffd24a}.lgMark i{position:absolute;left:0;right:0;bottom:0;background:#ff6a1a88}.lgMark.eye{border-color:#7dff3a;box-shadow:0 0 14px #7dff3a}.lgSlam{position:absolute;left:50%;top:34%;transform:translate(-50%);padding:10px 18px;background:#3a0a06e8;border:2px solid #ff4a3a;border-radius:12px;text-align:center;color:#fff;width:min(80vw,360px)}.lgSlamBar{height:10px;background:#000a;border-radius:5px;overflow:hidden;margin:6px 0}.lgSlamBar i{display:block;height:100%;background:#ff4a3a}.bgStrike.mash{animation:pulse .4s infinite}#ballistaHud{position:fixed;left:0;right:0;bottom:0;height:40vh;z-index:24;pointer-events:none}#ballistaHud.hidden{display:none}#ballistaHud svg{display:block;width:100%;height:100%}#ballistaHud .bStrFwd,#ballistaHud.fired .bStrBack,#ballistaHud.fired .bBolt,#ballistaHud.reload .bBolt{display:none}#ballistaHud.fired .bStrFwd{display:inline}#ballistaHud.reload .bStrBack{opacity:.7}html.tabletHud #ballistaHud{height:34vh}#paused{z-index:60}#legGame .lgFlee{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));right:calc(max(8px,env(safe-area-inset-right,0px)) + 58px);pointer-events:auto;padding:6px 12px;font-size:13px}#legGame .lgPause{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px));pointer-events:auto;font-size:20px;padding:6px 12px}#bombGame .bgHead #bgPause{font-size:14px}#breathBtn{border-color:#ff6a1a}#breathBtn.ready{box-shadow:0 0 14px #ff6a1a;animation:pulse 1.4s infinite}#tut.strip{font-size:12px;padding:3px 10px 4px;opacity:.92}#tut.strip .tutHead{display:none}#tut.strip #tutTxt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutChoice{display:flex;gap:10px;margin-top:8px}.tutChoice button{flex:1;padding:8px 6px;font-size:14px}.soundRow{display:flex;gap:8px;justify-content:center;width:min(300px,92vw)}#title .menu .soundRow .soundBtn,.soundRow .soundBtn{flex:1;min-width:0;white-space:nowrap;padding:8px 6px;font-size:12px;letter-spacing:.5px}.soundBtn.off{opacity:.7}#dockBtn{position:absolute;left:8px;bottom:calc(160px + env(safe-area-inset-bottom,0));pointer-events:auto;padding:3px 8px;display:flex;flex-direction:column;align-items:center;line-height:1.05}#dockBtn b{font-size:17px}#dockBtn small{font-size:9px;letter-spacing:1px}#dockBtn.on{background:linear-gradient(#f2d27a,#c8962a);color:#1a120a;animation:pulse 1.2s infinite}html:not(.tabletHud) #dockBtn{left:auto;right:max(8px,env(safe-area-inset-right,0px));bottom:auto;top:calc(132px + env(safe-area-inset-top,0));min-width:47px}html.tabletHud #dockBtn{bottom:calc(218px + env(safe-area-inset-bottom,0));flex-direction:row;gap:6px;padding:5px 12px}html.tabletHud #dockBtn b{font-size:20px}html.tabletHud #dockBtn small{font-size:13px}body.busy #dockBtn{display:none}#tutHand.pinch{animation:tutPinch 1.1s ease-in-out infinite}@keyframes tutPinch{50%{transform:scale(1.3)}}#broad{position:absolute;inset:0;pointer-events:none}#broad .bFoe{position:absolute;left:50%;transform:translate(-50%);top:calc(64px + env(safe-area-inset-top,0px));width:min(70vw,340px);text-align:center;font-size:13px;text-shadow:0 1px 3px #000}#broad .bFoe .hp{height:10px;border:1.5px solid var(--gold);border-radius:6px;background:#0008;overflow:hidden;margin-top:3px}#broad .bFoe .hp i{display:block;height:100%;width:100%;background:linear-gradient(#ff7a5a,#c23b2a);transition:width .2s}#broad .bHint{position:absolute;left:50%;transform:translate(-50%);top:calc(104px + env(safe-area-inset-top,0px));width:86vw;text-align:center;font-weight:700;font-size:14px;color:#ffe9a8;text-shadow:0 2px 5px #000}#broad .bFire{position:absolute;left:50%;transform:translate(-50%);bottom:calc(24px + env(safe-area-inset-bottom,0));width:124px;height:124px;border-radius:50%;padding:0;font-size:24px;letter-spacing:2px;pointer-events:auto;overflow:hidden;filter:grayscale(.7) brightness(.75);touch-action:none}#broad .bFire.ready{filter:none;animation:pulse 1s infinite}#broad .bFire i{position:absolute;left:0;bottom:0;height:7px;width:0;background:#fff9}#broad .bSide{position:absolute;right:max(10px,env(safe-area-inset-right,0px));bottom:calc(40px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:auto}#broad .bSide button{padding:8px 12px;font-size:13px}html.tabletHud #broad .bFire{width:160px;height:160px;font-size:30px}html.tabletHud #broad .bFoe{top:calc(72px + var(--padTop));font-size:16px}html.tabletHud #broad .bHint{top:calc(118px + var(--padTop));font-size:18px}#broad .bStrip{position:absolute;left:50%;transform:translate(-50%);bottom:calc(160px + env(safe-area-inset-bottom,0));width:min(84vw,420px);height:30px;border:2px solid var(--gold);border-radius:15px;background:#0a1418cc;box-shadow:0 3px 10px #000a}#broad .bStrip b{position:absolute;top:0;bottom:0;background:#3fae4a88}#broad .bStrip #bPerf{background:#9fe86acc}#broad .bStrip em{position:absolute;left:50%;top:-14px;transform:translate(-50%);color:var(--gold2);font-style:normal;font-size:13px;text-shadow:0 1px 3px #000}#broad .bStrip em:after{content:"";position:absolute;left:50%;top:14px;width:2px;height:30px;background:var(--gold2)}#broad .bStrip i{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#ff4a3a;border:2px solid #fff;box-shadow:0 0 8px #ff4a3a}#broad .bStrip span{position:absolute;left:50%;top:34px;transform:translate(-50%);white-space:nowrap;font-size:12px;font-weight:800;color:#ff7a5a;text-shadow:0 1px 3px #000;transition:opacity .15s}html.tabletHud #broad .bStrip{bottom:calc(200px + env(safe-area-inset-bottom,0));height:36px}#broad .bStrip span{inset:auto 4px 36px auto;transform:none}#broad .bSide{max-width:118px}#broad .bSide .mgBoard{font-size:11px;padding:6px 8px;line-height:1.2;white-space:normal;text-align:center}html.tabletHud #broad .bSide{max-width:210px}html.tabletHud #broad .bSide .mgBoard{font-size:14px}#swapBtn{position:absolute;pointer-events:auto;padding:4px 10px;font-size:16px;line-height:1.2}body.busy #swapBtn{display:none}body.busy.broadOn #throttle{display:flex}html:not(.tabletHud) #throttle{left:auto;right:max(8px,env(safe-area-inset-right,0px))}html:not(.tabletHud) #acts{right:max(8px,env(safe-area-inset-right,0px));bottom:calc(170px + env(safe-area-inset-bottom,0))}html:not(.tabletHud) #map{right:auto;left:max(8px,env(safe-area-inset-left,0px))}html:not(.tabletHud) #swapBtn{left:max(8px,env(safe-area-inset-left,0px));bottom:calc(112px + env(safe-area-inset-bottom,0))}html.leftHand:not(.tabletHud) #throttle,html.leftHand:not(.tabletHud) #acts{right:auto;left:max(8px,env(safe-area-inset-left,0px))}html.leftHand:not(.tabletHud) #map,html.leftHand:not(.tabletHud) #swapBtn{left:auto;right:max(8px,env(safe-area-inset-right,0px))}html.leftHand:not(.tabletHud) #chartBtn,html.leftHand:not(.tabletHud) #viewBtn,html.leftHand:not(.tabletHud) #dockBtn{right:auto;left:max(8px,env(safe-area-inset-left,0px))}html.leftHand:not(.tabletHud) #compWrap{left:auto;right:max(8px,env(safe-area-inset-right,0px))}html.leftHand:not(.tabletHud) #tut{left:62px;right:8px}html.tabletHud #throttle{left:auto;right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0));transform:none;flex-direction:column-reverse;gap:6px}html.tabletHud #throttle button{min-width:84px}html.tabletHud #acts{right:max(12px,env(safe-area-inset-right,0px));bottom:calc(212px + env(safe-area-inset-bottom,0))}html.tabletHud #map{left:max(12px,env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0))}html.tabletHud #swapBtn{left:max(12px,env(safe-area-inset-left,0px));bottom:calc(172px + env(safe-area-inset-bottom,0));font-size:20px;padding:5px 14px}html.tabletHud #chartBtn,html.tabletHud #viewBtn,html.tabletHud #dockBtn{left:auto;right:max(12px,env(safe-area-inset-right,0px));bottom:auto}html.tabletHud #chartBtn{top:calc(56px + var(--padTop))}html.tabletHud #viewBtn{top:calc(104px + var(--padTop))}html.tabletHud #dockBtn{top:calc(146px + var(--padTop))}html.tabletHud #compWrap,html.leftHand.tabletHud #throttle,html.leftHand.tabletHud #acts,html.leftHand.tabletHud #chartBtn,html.leftHand.tabletHud #viewBtn,html.leftHand.tabletHud #dockBtn{right:auto;left:max(12px,env(safe-area-inset-left,0px))}html.leftHand.tabletHud #map,html.leftHand.tabletHud #swapBtn,html.leftHand.tabletHud #compWrap{left:auto;right:max(12px,env(safe-area-inset-right,0px))}html.leftHand #hud .row1{flex-direction:row-reverse}html.leftHand #pauseBtn{margin-left:0;margin-right:auto}#broad .bSide{right:auto;left:max(10px,env(safe-area-inset-left,0px));align-items:flex-start}html.leftHand #broad .bSide{left:auto;right:max(10px,env(safe-area-inset-right,0px));align-items:flex-end}html.leftHand #broad .bStrip span{right:auto;left:4px}html.leftHand #hud .row2{justify-content:flex-end}html:not(.tabletHud) #broad .bSide{max-width:106px}html:not(.tabletHud) #broad .bStrip{bottom:calc(170px + env(safe-area-inset-bottom,0))}html:not(.tabletHud) #acts{bottom:calc(208px + env(safe-area-inset-bottom,0))}html.tabletHud #acts{bottom:calc(260px + env(safe-area-inset-bottom,0))}html:not(.tabletHud) #broad .bStrip{bottom:calc(204px + env(safe-area-inset-bottom,0))}@media(max-height:460px){html:not(.tabletHud) #acts{bottom:calc(30px + env(safe-area-inset-bottom,0));right:calc(max(8px,env(safe-area-inset-right,0px)) + 68px)}html.leftHand:not(.tabletHud) #acts{right:auto;left:calc(max(8px,env(safe-area-inset-left,0px)) + 68px)}}body.legendOn #map,body.legendOn #swapBtn{display:none}body.legendOn #warn,body.broadOn #warn{top:calc(150px + env(safe-area-inset-top,0px))}body.legendOn #msg,body.broadOn #msg{top:calc(190px + env(safe-area-inset-top,0px))}html.tabletHud body.legendOn #warn,html.tabletHud body.broadOn #warn{top:calc(176px + var(--padTop))}html.tabletHud body.legendOn #msg,html.tabletHud body.broadOn #msg{top:calc(218px + var(--padTop))}#wright .wrHead{flex-wrap:wrap}#wrName{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:560px){#wright .wrTabs{order:3;flex-basis:100%}}@media(orientation:landscape)and (max-height:500px){#msg,#warn{width:calc(100vw - 240px)}}#hbSail{position:sticky;bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:3;flex:none}.act small{letter-spacing:0;max-width:92%;overflow:hidden;white-space:nowrap}html:not(.tabletHud) .act small{font-size:9px}html:not(.tabletHud) #hud .row2{max-width:calc(100% - 64px);flex-wrap:wrap;row-gap:1px;white-space:normal}html:not(.tabletHud) #hud .row2>span{white-space:nowrap}html.leftHand:not(.tabletHud) #hud .row2{margin-left:auto}html:not(.tabletHud) #compWrap{top:calc(84px + env(safe-area-inset-top,0))}#contBtn .contInfo{display:block;font-size:11px;font-weight:400;letter-spacing:0;opacity:.8;margin-top:2px}html:not(.tabletHud) #dockBtn{top:auto;right:auto;left:max(8px,env(safe-area-inset-left,0px));bottom:calc(112px + env(safe-area-inset-bottom,0))}html:not(.tabletHud) #swapBtn{left:calc(max(8px,env(safe-area-inset-left,0px)) + 54px)}html.leftHand:not(.tabletHud) #dockBtn{left:auto;right:max(8px,env(safe-area-inset-right,0px))}html.leftHand:not(.tabletHud) #swapBtn{left:auto;right:calc(max(8px,env(safe-area-inset-right,0px)) + 54px)}html.tabletHud #dockBtn{top:auto;right:auto;left:max(12px,env(safe-area-inset-left,0px));bottom:calc(172px + env(safe-area-inset-bottom,0))}html.tabletHud #swapBtn{left:calc(max(12px,env(safe-area-inset-left,0px)) + 114px)}html.leftHand.tabletHud #dockBtn{left:auto;right:max(12px,env(safe-area-inset-right,0px))}html.leftHand.tabletHud #swapBtn{left:auto;right:calc(max(12px,env(safe-area-inset-right,0px)) + 114px)}#fireBtn.aimNo{background:radial-gradient(circle at 40% 35%,#8a2a1a,#3a0a06)!important}#fireBtn.aimSoon{background:radial-gradient(circle at 40% 35%,#ffe066,#a88a10)!important;color:#1a1406!important}#fireBtn.aimNow{background:radial-gradient(circle at 40% 35%,#b8ff9a,#2a9a3a)!important;color:#0a1a0a!important;transform:scale(1.12)}#fireBtn.aimFree{background:radial-gradient(circle at 40% 35%,#b8e8ff,#2a6a9a)!important;color:#06121a!important}#fireBtn.aimNow small,#fireBtn.aimSoon small{font-weight:900}#legGame .bgBars{position:absolute;left:8px;width:min(36vw,200px);display:flex;flex-direction:column;gap:3px}#legGame .bgBar{position:relative;height:15px;background:#000a;border:1px solid #ffd24a66;border-radius:4px;overflow:hidden;font-size:10px;color:#fff}#legGame .bgBar span{position:relative;z-index:1;padding-left:4px;line-height:15px}#legGame .bgBar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#6a2a8a,#c86aff)}#legGame .bgBar.dead{opacity:.35}#legGame .bgField{position:absolute;inset:0;pointer-events:none}#legGame .bgField>*{pointer-events:auto}#legGame .bgMsg{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);padding:6px 14px;background:#1a120ad0;border-radius:10px;color:var(--gold2);font-weight:700;white-space:nowrap}#bombGame .bgMsg,#legGame .bgMsg{bottom:calc(40vh + 6px)}html.tabletHud #bombGame .bgMsg,html.tabletHud #legGame .bgMsg{bottom:calc(34vh + 6px)}.bgPower{top:34%}.bgStrike{top:46%}.lgSlam{top:22%}#bombGame .bgMsg:empty,#legGame .bgMsg:empty{display:none}body.broadFp #ballistaHud{z-index:4}body.broadFp #broad .bFire,body.broadFp #broad .bStrip b{display:none}body.broadFp #broad .bStrip,html:not(.tabletHud) body.broadFp #broad .bStrip{bottom:calc(40vh + 22px)}html.tabletHud body.broadFp #broad .bStrip{bottom:calc(34vh + 22px)}body.broadFp #broad .bHint{font-size:13px}html.tabletHud body.broadFp #broad .bHint{font-size:17px}#shipGame{position:fixed;inset:0;z-index:6;pointer-events:none}#shipGame.hidden{display:none}#shipGame .sgMarks,#shipGame .bgField{position:absolute;inset:0;pointer-events:none}#shipGame .bgField>*{pointer-events:auto}.sgMark{display:flex;align-items:center;justify-content:center}.sgMark b{position:relative;z-index:1;font-size:10px;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.sgMark.oars{border-color:#7ad0ff;box-shadow:0 0 12px #7ad0ff}.sgMark.oars i{background:#2a7ab888}.sgMark.hull{border-color:#ff6a4a;box-shadow:0 0 12px #ff6a4a}.sgMark.hull i{background:#b8322a99}#shipGame .sgBars{position:absolute;left:max(8px,env(safe-area-inset-left,0px));top:calc(92px + env(safe-area-inset-top,0px));width:min(34vw,180px);display:flex;flex-direction:column;gap:3px}#shipGame .bgBar{position:relative;height:15px;background:#000a;border:1px solid #ffd24a66;border-radius:4px;overflow:hidden;font-size:10px;color:#fff}#shipGame .bgBar span{position:relative;z-index:1;padding-left:4px;line-height:15px}#shipGame .bgBar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8a3a1a,#ff8a4a)}#shipGame .bgBar.dead{opacity:.4}#shipGame .bgBar.sel{outline:2px solid #7dff3a}#shipGame .sgCrip{font-size:10px;font-weight:800;color:#ffd24a;text-shadow:0 1px 3px #000}html.tabletHud #shipGame .sgBars{top:calc(150px + var(--padTop));width:230px}html.tabletHud #shipGame .bgBar{height:20px;font-size:13px}html.tabletHud #shipGame .bgBar span{line-height:20px}html.tabletHud .sgMark{width:64px;height:64px;margin:-32px 0 0 -32px}html.tabletHud .sgMark b{font-size:12px}