:root{--ink:#1c1208;--ink-soft:#4a3520;--parch:#e6d3a0;--parch-dim:#d8c189;--parch-dark:#c4ab72;--wood:#2b1a10;--wood-hi:#3d2718;--wood-lo:#1d100a;--brass:#c9a04a;--brass-hi:#ecd28a;--gold:#ffd76a;--sea:#091525;--sea-deep:#060d18;--blood:#a32638;--rail-bg:rgba(10,18,30,.6);--rail-border:#2b4258;--panel-title:#3c2410;--panel-muted:#7a5c33;--panel-rule:rgba(60,36,16,.35);--panel-name:#2c1a0a;--panel-dim:#6b4d26;--panel-strong:#1f3e63;--r-common:#8d979c;--r-uncommon:#58c45c;--r-rare:#4aa3e0;--r-epic:#b06ae0;--r-legendary:#f2a533;--r-mythic:#e84a5f}*{box-sizing:border-box;margin:0;padding:0}html{background:radial-gradient(1200px 500px at 50% -10%,rgba(16,36,61,.35) 0%,transparent 60%),repeating-linear-gradient(0deg,transparent 0 22px,rgba(255,255,255,.012) 22px 23px),linear-gradient(180deg,rgba(6,13,24,.42) 0%,rgba(6,13,24,.66) 30%,rgba(9,21,37,.9) 58%,var(--sea) 82%),var(--act-img,none) top center / 100% auto no-repeat,var(--sea-deep);background-attachment:fixed}html[data-act="1"]{--act-img:url(/assets/acts/act1.webp);--act-hi:#e8e3c8;--act-lbl:#7fa3bd;--act-glow:rgba(255,215,106,.07);--panel-adorn:radial-gradient(150px 90px at 97% 103%, rgba(255,215,106,.1), transparent 70%)}html[data-act="2"]{--act-img:url(/assets/acts/act2.webp);--act-hi:#ffc04a;--act-lbl:#6cc0a8;--act-glow:rgba(60,160,110,.14);--panel-adorn:radial-gradient(130px 85px at -2% -4%, rgba(46,120,74,.2), transparent 70%), radial-gradient(160px 95px at 102% 104%, rgba(46,120,74,.15), transparent 70%)}html[data-act="3"]{--act-img:url(/assets/acts/act3.webp);--act-hi:#aab8c2;--act-lbl:#8fa8d8;--act-glow:rgba(140,160,200,.12);--panel-adorn:linear-gradient(180deg, rgba(90,110,140,.16), transparent 14%)}html[data-act="4"]{--act-img:url(/assets/acts/act4.webp);--act-hi:#cfe8f5;--act-lbl:#9cc6d8;--act-glow:rgba(180,225,245,.14);--panel-adorn:radial-gradient(120px 80px at -2% -4%, rgba(220,238,245,.34), transparent 70%), radial-gradient(120px 80px at 102% -4%, rgba(220,238,245,.28), transparent 70%), linear-gradient(180deg, rgba(220,238,245,.14), transparent 10%)}html[data-act="5"]{--act-img:url(/assets/acts/act5.webp);--act-hi:#e8834a;--act-lbl:#d88a7a;--act-glow:rgba(232,100,58,.16);--panel-adorn:linear-gradient(0deg, rgba(210,80,40,.16), transparent 18%), radial-gradient(140px 80px at 50% 104%, rgba(232,100,58,.14), transparent 70%)}html[data-act="6"]{--act-img:url(/assets/acts/act6.webp);--act-hi:#6ee8d8;--act-lbl:#5ec8ba;--act-glow:rgba(110,232,216,.12);--panel-adorn:linear-gradient(0deg, rgba(80,200,185,.13), transparent 20%)}html[data-act="7"]{--act-img:url(/assets/acts/act7.webp);--act-hi:#b8a8ff;--act-lbl:#9a8ad8;--act-glow:rgba(160,140,255,.15);--panel-adorn:linear-gradient(180deg, rgba(160,140,255,.13), transparent 14%), radial-gradient(120px 70px at 102% -4%, rgba(184,168,255,.16), transparent 70%)}html[data-act="8"]{--act-img:url(/assets/acts/act8.webp);--act-hi:#f5ecc8;--act-lbl:#8a9ad8;--act-glow:rgba(220,220,255,.1);--panel-adorn:radial-gradient(3px 3px at 12% 8%, rgba(245,236,200,.5) 40%, transparent 60%), radial-gradient(2px 2px at 88% 14%, rgba(245,236,200,.4) 40%, transparent 60%), radial-gradient(2px 2px at 72% 86%, rgba(245,236,200,.35) 40%, transparent 60%), linear-gradient(180deg, rgba(140,150,220,.08), transparent 16%)}body{font-family:VT323,monospace;font-size:19px;color:var(--parch);min-height:100vh;padding:18px clamp(10px,3vw,40px) 60px;position:relative}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{max-width:1180px;margin:0 auto}header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:14px}.masthead h1{font-family:Pirata One,serif;font-weight:400;font-size:clamp(40px,6vw,64px);line-height:.9;letter-spacing:1px;color:var(--enc-h1,var(--gold));text-shadow:var(--enc-h1-sh, 0 3px 0 #5e1d22, 0 6px 0 rgba(0,0,0,.55), 0 0 26px rgba(255,200,90,.18))}.masthead h1 .skull{display:inline-block;font-size:.55em;transform:translateY(-8px);color:var(--parch)}.masthead .tag{color:#7fa3bd;font-size:17px;letter-spacing:.5px;margin-top:4px}.masthead .tag b{color:var(--gold);font-weight:400}.vitals{display:flex;gap:14px;align-items:stretch}.vital{background:linear-gradient(180deg,var(--wood-hi),var(--wood));border:2px solid var(--wood-lo);box-shadow:inset 0 0 0 1px #ecd28a24,0 4px #0006,0 0 16px var(--act-glow,rgba(0,0,0,0));padding:8px 16px 9px;min-width:128px;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}.vital .k{font-size:14px;color:#9d8557;letter-spacing:2px;text-transform:uppercase}.vital .v{font-size:30px;line-height:1;color:var(--gold);text-shadow:0 0 12px rgba(255,215,106,.25)}.vital .v.lvl{color:var(--parch)}.xpbar{height:6px;background:#170d06;margin-top:5px;outline:1px solid rgba(0,0,0,.6)}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#6db1d8,#a8e0f8);width:0%}.scene-frame{background:linear-gradient(180deg,var(--wood-hi),var(--wood) 30%,var(--wood-lo));padding:10px;border:2px solid var(--wood-lo);box-shadow:inset 0 0 0 1px #ecd28a26,0 10px 30px #0000008c,0 0 34px var(--act-glow,rgba(0,0,0,0));position:relative;clip-path:polygon(0 10px,10px 10px,10px 0,calc(100% - 10px) 0,calc(100% - 10px) 10px,100% 10px,100% calc(100% - 10px),calc(100% - 10px) calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,10px calc(100% - 10px),0 calc(100% - 10px))}.scene-frame .nail{position:absolute;width:6px;height:6px;background:var(--brass);box-shadow:0 1px #000}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}.scene-frame.shake{animation:shake .5s linear}.nail.tl{top:4px;left:4px}.nail.tr{top:4px;right:4px}.nail.bl{bottom:4px;left:4px}.nail.br{bottom:4px;right:4px}#sea{display:block;width:100%;aspect-ratio:480/140;image-rendering:pixelated;background:#0a1626;outline:2px solid #000}.scene-frame .glass{position:absolute;inset:10px;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.13) 0 2px,transparent 2px 4px);mix-blend-mode:multiply;opacity:.5}.strip{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:linear-gradient(180deg,var(--wood-hi),var(--wood-lo));border:2px solid var(--wood-lo);border-top:none;padding:9px 14px;margin:0 6px;box-shadow:0 6px #00000059,0 0 18px var(--act-glow,rgba(0,0,0,0));position:sticky;top:0;z-index:40;transition:box-shadow .3s ease,border-color .3s ease}body.stuck .strip{border-top:2px solid var(--wood-lo);box-shadow:0 10px 24px #0009,0 0 22px var(--act-glow,rgba(0,0,0,0))}@media(prefers-reduced-motion:reduce){.strip{transition:none}}.strip .voyage{font-family:Pirata One,serif;font-size:24px;color:var(--act-hi,var(--brass-hi));letter-spacing:1px;white-space:nowrap;transition:color 1.2s ease}.pips{display:flex;gap:4px}.pips i{width:9px;height:9px;background:#33220f;outline:1px solid #000}.pips i.done{background:var(--brass)}.pips i.boss{outline-color:var(--blood)}.pips i.boss.done{background:var(--r-mythic)}.bars{flex:1 1 340px;min-width:240px;display:flex;flex-direction:column;gap:5px}.bar{position:relative;height:18px;outline:1px solid #000;background:linear-gradient(180deg,#0c0602,#1c0f07);box-shadow:inset 0 2px 5px #000c,inset 0 -1px #ffffff0d}.bar .fill{display:block;height:100%;position:relative;z-index:2}.bar .lag{position:absolute;top:0;left:0;height:100%;z-index:1}.bar.hull .lag{background:linear-gradient(180deg,#f2dca0,#b39a6b)}.bar.foe .lag{background:linear-gradient(180deg,#f3e6c2,#c9927e)}.bar i.sep{position:absolute;top:0;bottom:0;width:2px;background:#000000bf;transition:none;z-index:3}.bar i.sep.phase{width:2px;background:#ffd76ad9;box-shadow:0 0 4px #ffd76a99}.bar:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#ffffff29,#fff0 45%,#0000002e),repeating-linear-gradient(90deg,rgba(0,0,0,.3) 0 1px,transparent 1px 11px)}.bar.hull .fill{background:linear-gradient(180deg,#7ec96a,#3f8f3a)}.bar.hull.mid .fill{background:linear-gradient(180deg,#e8c96a,#a8842c)}.bar.hull.repair .fill{background:linear-gradient(180deg,#e8c96a,#8d6c2c)}.bar.hull.low .fill{background:linear-gradient(180deg,#e0604a,#9c2c24);animation:hullPulse 1s steps(2) infinite}@keyframes hullPulse{50%{filter:brightness(1.4)}}@media(prefers-reduced-motion:reduce){.bar.hull.low .fill{animation:none}}.bar.foe .fill{background:linear-gradient(180deg,#e0604a,#9c2c24)}.bar.foe.boss .fill{background:linear-gradient(180deg,#f2646a,#8e1f2c);box-shadow:0 0 8px #e84a5f59}.bar>span{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 7px;font-size:14px;line-height:1;color:#f3e6c2;text-shadow:1px 1px 0 #000;letter-spacing:.5px}.bar>span>em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#b-foe-l .ftier{font-size:11px;letter-spacing:2px;margin-right:6px;vertical-align:1px}#b-foe-l .fnm{color:#f3e6c2}#b-foe-l .faff{margin-left:6px;font-size:12px;letter-spacing:2px;vertical-align:1px}#b-foe-l .fsails{margin-left:7px;font-size:12px;color:#bcd2e0;letter-spacing:1px}#b-hull-l{cursor:pointer}#b-hull-l:hover{color:var(--gold)}.state-badge{font-size:15px;letter-spacing:2px;padding:4px 10px;white-space:nowrap;background:#0d1d2e;outline:1px solid #2b4a66;color:#9cc6e8}.state-badge.fight{background:#2e0d10;outline-color:#7c2630;color:#f2a0a0;animation:blink 1s steps(2) infinite}.state-badge.repair{background:#2e230d;outline-color:#7c6326;color:#f2dca0}@keyframes blink{50%{opacity:.55}}.toggles{display:flex;gap:10px;flex-wrap:wrap}.tog{display:flex;gap:6px;align-items:center;font-size:15px;color:#b39a6b;cursor:pointer;user-select:none;letter-spacing:1px}.tog input{accent-color:var(--brass);width:14px;height:14px;cursor:pointer}.race{font-size:15px;letter-spacing:1px;padding:3px 9px;white-space:nowrap;cursor:help;background:#0d1d2e;outline:1px solid #2b4a66;color:#9cc6e8}.race.win{color:#9fe8b0;outline-color:#3f8f3a}.race.lose{color:#f2a0a0;outline-color:#7c2630;background:#2e0d10}.race b{font-weight:400;color:inherit}.chestchip{font-family:VT323,monospace;font-size:15px;letter-spacing:1px;padding:3px 9px;white-space:nowrap;cursor:pointer;color:var(--gold);background:#241509;border:1px solid var(--brass)}.chestchip:hover{background:#31200e}.chestchip.hot{animation:ordersPulse 1.6s ease-in-out infinite}.shorechip{font-family:VT323,monospace;font-size:16px;letter-spacing:1px;cursor:pointer;padding:3px 9px;white-space:nowrap;border:none;background:#241d08;outline:1px solid #6b5a26;color:#f2dca0}.shorechip:hover{background:#31280e}.shorechip.hot{color:var(--gold);animation:ordersPulse 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.chestchip.hot,.shorechip.hot{animation:none}}.orders{margin:10px 6px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 14px;background:linear-gradient(180deg,#241509,#1b0f07);border:2px solid var(--wood-lo);box-shadow:0 4px #00000059,0 0 16px var(--act-glow,rgba(0,0,0,0))}.orders:empty{display:none}.orders .lbl{font-family:Pirata One,serif;font-size:19px;color:var(--act-lbl,var(--brass-hi));letter-spacing:1px;white-space:nowrap;transition:color 1.2s ease}.orders .txt{flex:1;min-width:200px;color:var(--parch);font-size:17px;line-height:1.3}.orders.pin{border-color:var(--brass);animation:ordersPulse 2.4s ease-in-out infinite}.orders.pin .txt{color:var(--gold)}@keyframes ordersPulse{0%,to{box-shadow:0 4px #00000059,0 0 14px #ffd76a2e}50%{box-shadow:0 4px #00000059,0 0 26px #ffd76a80}}@media(prefers-reduced-motion:reduce){.orders.pin{animation:none}}#toast{position:fixed;left:50%;top:16%;transform:translate(-50%,-8px);z-index:60;display:none;text-align:center;pointer-events:none;max-width:min(420px,86vw)}#toast.show{display:block;animation:toastIn .3s ease-out forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%)}}#toast .card{background:linear-gradient(180deg,#241608,#140b04);border:2px solid var(--brass);box-shadow:0 0 30px #ffd76a47,0 14px 40px #000c;padding:13px 20px}#toast .nm{font-size:19px;line-height:1.35;color:var(--gold)}@media(prefers-reduced-motion:reduce){#toast.show{animation:none;transform:translate(-50%)}}.wchip{font-size:15px;color:#9cc6e8;letter-spacing:1px;padding:3px 9px;white-space:nowrap;background:#0d1d2e;outline:1px solid #2b4a66;cursor:help}.chants{margin:10px 6px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 12px;background:var(--rail-bg);outline:1px dashed var(--rail-border)}.chants .lbl{font-family:Pirata One,serif;font-size:21px;color:var(--act-lbl,#7fa3bd);letter-spacing:1px;margin-right:4px;transition:color 1.2s ease}.chants .hint{color:#54718a;font-size:15px;letter-spacing:.5px}#chants{display:flex;gap:8px;flex-wrap:wrap}.chant{position:relative;min-width:48px;height:48px;padding:3px 6px;cursor:pointer;background:linear-gradient(180deg,#1d2f42,#12202f);border:2px solid #2b4a66;color:#cfe3f0;font-family:VT323,monospace}.chant .ic{font-size:19px;display:block;line-height:1.15}.chant .cd{font-size:12px;color:#9cc6e8;display:block;line-height:1;min-height:12px}.chant:hover:not(.is-off){border-color:#7fa3bd;filter:brightness(1.15)}.chant .ic,.chant .cd{position:relative;z-index:2}.chant:after{content:"";position:absolute;left:0;right:0;top:0;z-index:1;pointer-events:none;height:calc(var(--cdp,0) * 100%);background:linear-gradient(180deg,#040a10c7,#040a108c);border-bottom:1px solid rgba(159,198,232,.35);transition:height .14s linear}.chant:before{content:"";position:absolute;left:0;bottom:0;height:2px;z-index:3;pointer-events:none;width:calc(var(--bfp,0) * 100%);background:var(--gold);box-shadow:0 0 6px #ffd76ab3;transition:width .2s linear}.chant.is-off{filter:grayscale(.7) brightness(.6);cursor:not-allowed}.chant.rdy{animation:chantReady .6s ease-out}@keyframes chantReady{0%{box-shadow:0 0 #9fc6e8bf;border-color:#cfe3f0}to{box-shadow:0 0 0 10px #9fc6e800;border-color:#2b4a66}}.chant.cast{animation:chantCast .42s ease-out}@keyframes chantCast{0%{transform:scale(1);filter:brightness(2.4)}35%{transform:scale(1.14)}to{transform:scale(1);filter:brightness(1)}}.chant.on{border-color:var(--gold);box-shadow:0 0 10px #ffd76a66;animation:chantOn 1.8s ease-in-out infinite}@keyframes chantOn{0%,to{box-shadow:0 0 8px #ffd76a4d}50%{box-shadow:0 0 18px #ffd76a9e}}.chant.on .cd{color:var(--gold)}.chant.buy{border-style:dashed;border-color:#7a5c33}.chant.buy .cd{color:var(--gold)}.chant.buy:not(.is-off){filter:none}.chant.buy:not(.is-off):hover{filter:brightness(1.15)}@media(prefers-reduced-motion:reduce){.chant.rdy,.chant.cast,.chant.on{animation:none}.chant:after,.chant:before{transition:none}}.invochip{font-size:15px;letter-spacing:1px;padding:4px 10px;white-space:nowrap;cursor:help;background:#12102a;outline:1px solid #3a3468;color:#c4b8f0;box-shadow:0 0 8px #a082ff26}.admchip{font-size:15px;letter-spacing:1px;padding:4px 10px;white-space:nowrap;cursor:help;background:#1c1408;outline:1px solid #6b5a26;color:#e8d09a}.admchip.ready{color:var(--gold);box-shadow:0 0 10px #ffd76a47;border-color:var(--gold)}#buffchips{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}.buffchip{font-size:14px;letter-spacing:1px;padding:3px 8px;white-space:nowrap;cursor:help;background:#241d08;outline:1px solid #6b5a26;color:#f2dca0;box-shadow:0 0 8px #ffd76a26}.effchip{font-size:14px;letter-spacing:1px;padding:3px 8px;white-space:nowrap;cursor:help;background:#2a0f0a;outline:1px solid #7c3a26;color:#f2b0a0;animation:blink 1.4s steps(2) infinite}@media(prefers-reduced-motion:reduce){.effchip{animation:none}}.tray{margin:14px 6px 0;display:flex;align-items:center;gap:10px;min-height:54px;padding:7px 12px;background:var(--rail-bg);outline:1px dashed var(--rail-border)}.tray .lbl{font-family:Pirata One,serif;font-size:21px;color:var(--act-lbl,#7fa3bd);letter-spacing:1px;margin-right:4px;transition:color 1.2s ease}.chest-btn{position:relative;width:44px;height:44px;border:none;cursor:pointer;background:transparent;image-rendering:pixelated;padding:0}.chest-btn img{width:100%;height:100%;image-rendering:pixelated;display:block;filter:drop-shadow(0 3px 2px rgba(0,0,0,.6))}.chest-btn:hover img{transform:translateY(-2px)}.chest-btn .fuse{position:absolute;left:3px;right:3px;bottom:-2px;height:4px;background:#0c0c0c;outline:1px solid #000}.chest-btn .fuse i{display:block;height:100%;background:var(--gold)}.tray .hint{color:#54718a;font-size:15px;letter-spacing:.5px}.deckbar{position:sticky;top:var(--strip-h,104px);z-index:39;display:flex;gap:4px;flex-wrap:wrap;align-items:stretch;margin:16px 6px 0;padding:6px 8px;background:var(--rail-bg);outline:1px dashed var(--rail-border)}.dtab{position:relative;border:none;cursor:pointer;font-family:Pirata One,serif;font-size:20px;letter-spacing:.5px;line-height:1;padding:7px 13px 7px 10px;color:#7fa3bd;background:linear-gradient(180deg,#16283a,#0e1b28);outline:1px solid #274257}.dtab .k{font-family:VT323,monospace;font-size:12px;color:#4d6b85;margin-right:7px;vertical-align:2px;letter-spacing:0}.dtab:hover{color:#cfe3f0;outline-color:#3f6480}.dtab.on{color:var(--gold);background:linear-gradient(180deg,#2a2008,#1a1405);outline:2px solid var(--brass)}.dtab.on .k{color:var(--brass)}.dtab .dot{display:none}.dtab.hasdot .dot{display:block;position:absolute;top:4px;right:4px;width:7px;height:7px;background:var(--gold);box-shadow:0 0 7px #ffd76ae6;animation:ordersPulse 2.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.dtab.hasdot .dot{animation:none}}.cog{font-size:19px;line-height:1;padding:4px 9px;cursor:pointer;border:none;background:#1d2f42;outline:1px solid #2b4a66;color:#cfe3f0}.cog:hover{background:#28405a;color:var(--gold)}.deck>.panel{display:none}.deck>.panel.tab-on{display:block}.deck>.panel[hidden]{display:none}.deck{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:18px;align-items:start}.deck .wide{grid-column:1/-1}@media(max-width:980px){.deck{grid-template-columns:1fr 1fr}.deck>.panel:nth-child(3){grid-column:1/-1}}@media(max-width:700px){.vitals{width:100%;gap:6px}.vital{flex:1;min-width:0;padding-left:8px;padding-right:8px}.strip{gap:10px}.strip .voyage{flex-basis:100%;font-size:20px;white-space:normal;line-height:1.05}.deck{grid-template-columns:minmax(0,1fr)}.panel{min-width:0}body.stuck .strip .voyage,body.stuck .strip .pips,body.stuck .strip .wchip,body.stuck .strip .toggles{display:none}body.stuck .strip{padding:6px 10px;gap:8px}body.stuck .strip .bars{min-width:150px}.deckbar{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:3px;padding:5px 6px;scrollbar-width:none}.deckbar::-webkit-scrollbar{display:none}.dtab{flex:0 0 auto;font-size:17px;padding:6px 10px}.dtab .k{display:none}}.panel{background:radial-gradient(420px 200px at 80% -10%,rgba(120,80,20,.2),transparent 70%),radial-gradient(260px 160px at 8% 108%,rgba(90,55,15,.28),transparent 70%),linear-gradient(180deg,var(--parch),var(--parch-dim) 70%,var(--parch-dark));color:var(--ink);border:2px solid var(--wood-lo);box-shadow:0 6px #00000073,inset 0 0 0 1px #fff4c880,0 0 24px var(--act-glow,rgba(0,0,0,0));clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));padding:12px 14px 16px;position:relative;scroll-margin-top:96px}.panel h2{font-family:Pirata One,serif;font-weight:400;font-size:27px;letter-spacing:1px;color:var(--panel-title);border-bottom:2px solid var(--panel-rule);padding-bottom:4px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline}.panel h2 small{font-family:VT323,monospace;font-size:15px;color:var(--panel-muted);letter-spacing:1px}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--panel-adorn,none)}.crew-row{display:flex;align-items:center;gap:10px;padding:7px 2px;border-bottom:1px dashed var(--panel-rule)}.crew-row:last-child{border-bottom:none}.crew-ico{width:32px;height:32px;image-rendering:pixelated;flex:none}.crew-info{flex:1;min-width:0}.crew-info .nm{font-size:18px;color:var(--panel-name);line-height:1}.crew-info .fx{font-size:14px;color:var(--panel-dim);line-height:1.2}.btn{font-family:VT323,monospace;font-size:16px;letter-spacing:1px;cursor:pointer;background:linear-gradient(180deg,var(--brass-hi),var(--brass) 55%,#8d6c2c);color:#2a1c06;border:2px solid #1d1305;box-shadow:0 3px #0e0902,inset 0 1px #ffffff80;padding:4px 10px 5px;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0e0902}.btn:disabled,.btn.is-off{filter:grayscale(.8) brightness(.75);cursor:not-allowed}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.panel :focus-visible{outline-color:#7a5505}.btn.danger{background:linear-gradient(180deg,#d2706a,#a32638 60%,#6e1722);color:#ffe3d8}.btn.big{font-size:18px;padding:6px 14px}.tier-card{display:flex;align-items:center;gap:12px;padding:8px 10px;margin-bottom:8px;background:#2818081f;outline:1px solid var(--panel-rule)}.tier-card canvas{image-rendering:pixelated;flex:none}.tier-card .nm{font-family:Pirata One,serif;font-size:22px;color:var(--panel-title);line-height:1}.tier-card .nx{font-size:14px;color:var(--panel-dim)}.slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.slot{display:flex;gap:8px;align-items:center;padding:6px 8px;min-height:52px;background:#2818081a;outline:1px solid var(--panel-rule)}.slot .ico{width:30px;height:30px;image-rendering:pixelated;flex:none}.slot .meta{min-width:0;flex:1}.slot .meta .sl{font-size:13px;letter-spacing:1.5px;color:var(--panel-muted);text-transform:uppercase}.slot .meta .it{font-size:16px;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot .meta .st{font-size:14px;color:#395d2e}.slot .it.r-common{color:#3a4245}.slot .it.r-uncommon{color:#144a16}.slot .it.r-rare{color:#09436b}.slot .it.r-epic{color:#601296}.slot .it.r-legendary{color:#5e3800}.slot .it.r-mythic{color:#850516}.slot{border-left:4px solid transparent}.slot.r-common{border-left-color:#8d979c}.slot.r-uncommon{border-left-color:#58c45c}.slot.r-rare{border-left-color:#4aa3e0}.slot.r-epic{border-left-color:#b06ae0}.slot.r-legendary{border-left-color:#f2a533}.slot.r-mythic{border-left-color:#e84a5f}.stats-box{margin-top:10px;border-top:2px solid var(--panel-rule);padding-top:8px}.stats-box .row{display:flex;justify-content:space-between;font-size:17px;line-height:1.5}.stats-box .row b{color:var(--panel-strong);font-weight:400}.verbs{font-size:14px;color:var(--panel-dim);margin:-4px 0 8px;line-height:1.35}.verbs b{color:var(--panel-title);font-weight:400}.hold-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.hold-filters button{font-family:VT323,monospace;font-size:14px;letter-spacing:1px;cursor:pointer;background:#2818081a;outline:1px solid rgba(60,36,16,.35);border:none;color:#6b4d26;padding:2px 9px}.hold-filters button:hover{outline-color:var(--ink);color:var(--ink)}.hold-filters button.on{background:#28180847;color:#2c1a0a;outline:2px solid rgba(60,36,16,.6)}.hold-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;max-height:330px;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#7a5c33 transparent}.cell{aspect-ratio:1;background:#2818081f;outline:1px solid rgba(60,36,16,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.cell img{width:80%;height:80%;image-rendering:pixelated}.cell:hover{outline:2px solid var(--ink)}.cell.empty{cursor:default;opacity:.45}.cell.fsel{outline:2px solid #a06511;box-shadow:0 0 0 2px #ffd76a59 inset}.cell .uq{position:absolute;top:0;right:2px;color:#a06511;font-size:13px;text-shadow:0 0 4px #ffd76a}.cell .keep{position:absolute;bottom:-1px;left:1px;font-size:11px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.hold-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;align-items:center}.hold-actions .btn.danger{margin-left:auto}.log{max-height:170px;overflow-y:auto;font-size:16px;line-height:1.45;scrollbar-width:thin;scrollbar-color:#7a5c33 transparent}.log p{border-bottom:1px dotted rgba(60,36,16,.25);padding:1px 2px}.log .t{color:#8a6a3a;font-size:13px;margin-right:6px}.log .gold{color:#7a5505}.log .bad{color:#8e1f2c}.log .sys{color:#1f4e73}.log .r-common{color:#5c6468}.log .r-uncommon{color:#2e7a32}.log .r-rare{color:#1d6094}.log .r-epic{color:#6e3a96}.log .r-legendary{color:#a06511}.log .r-mythic{color:#b02338}footer{margin-top:26px;text-align:center;color:#4f6a82;font-size:15px;letter-spacing:.5px;line-height:1.7}footer .pin{color:var(--gold)}footer .credit{color:#6f8ca6;text-decoration:none;border-bottom:1px dotted #40566b}footer .credit:hover{color:var(--gold);border-bottom-color:var(--gold)}#tip{position:fixed;z-index:50;pointer-events:none;display:none;max-width:260px;background:linear-gradient(180deg,#241608,#180e05);color:var(--parch);border:1px solid var(--brass);box-shadow:0 6px 18px #000000b3;padding:8px 11px;font-size:16px;line-height:1.35}#tip.unique{border-color:var(--gold);box-shadow:0 0 14px #ffd76a66,0 6px 18px #000000b3}#tip .nm{font-size:18px}#tip .sub{color:#9d8557;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}#tip .aff{color:#9cc6e8}#tip .rule,#reveal .rule{color:#ffd76a;font-size:14px;margin-top:4px;max-width:230px}.tier{color:#8a7344;font-size:11px;letter-spacing:1px;vertical-align:top}#tip .cmp-up{color:#7ec96a}#tip .cmp-dn{color:#e0604a}#tip .cmp-eq{color:#9d8557}#tip .hint{color:#6f5a36;font-size:13px;margin-top:5px;border-top:1px dotted #4a3520;padding-top:4px}#reveal{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%) scale(.6);z-index:60;display:none;text-align:center;pointer-events:none}#reveal.show{display:block;animation:pop .35s steps(5) forwards}@keyframes pop{to{transform:translate(-50%,-50%) scale(1)}}#reveal .card{background:linear-gradient(180deg,#241608,#140b04);border:2px solid var(--rev,#888);box-shadow:0 0 34px var(--rev,#888),0 14px 40px #000c;padding:16px 26px 14px}#reveal img{width:56px;height:56px;image-rendering:pixelated}#reveal .nm{font-size:23px}#reveal .rt{font-size:13px;letter-spacing:3px;text-transform:uppercase}#reveal .st{color:var(--parch);font-size:17px}#reveal .af{color:#9cc6e8;font-size:15px}#encounter-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:0;background-position:center top;background-size:cover;background-repeat:no-repeat;transform:scale(1);filter:saturate(.9) brightness(.72);transition:opacity 1.2s ease,filter 1.2s ease,transform 1.8s ease}body[data-encounter] #encounter-bg{opacity:var(--enc-bg-o,0);background-image:var(--enc-veil,linear-gradient(180deg,rgba(2,10,21,.06) 0%,rgba(3,13,25,.22) 48%,rgba(4,15,27,.84) 100%)),var(--enc-art,none);filter:var(--enc-bg-f,saturate(.95) brightness(.72))}body[data-encounter]:not([data-phase="0"]) #encounter-bg{opacity:var(--enc-bg-o2,var(--enc-bg-o,0));filter:var(--enc-bg-f2,var(--enc-bg-f,saturate(.95) brightness(.72)));transform:scale(1.012)}#actfx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;transition:opacity .8s ease}body[data-encounter] #actfx{opacity:.12}#actfx i{position:absolute;display:block}#actfx .bu{bottom:3vh;width:10px;height:14px;background:linear-gradient(180deg,#3b2414 55%,#241408);animation:bu-bob 4.2s ease-in-out infinite}#actfx .bu:before{content:"";position:absolute;top:-6px;left:2px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#ffd76a 0%,rgba(255,215,106,.4) 45%,transparent 70%);box-shadow:0 0 14px 5px #ffd76a47;animation:lt-flick 3.1s ease-in-out infinite}#actfx .bu.u1{left:3vw}#actfx .bu.u2{right:4vw;animation-delay:-1.6s}#actfx .bu.u3{left:10vw;bottom:9vh;width:7px;height:10px;animation-delay:-2.8s}@keyframes bu-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(6px) rotate(2deg)}}#actfx .ff{width:3px;height:3px;border-radius:50%;background:#ffe9a8;box-shadow:0 0 8px 2px #ffe9a859;animation:ff-drift 9s ease-in-out infinite alternate}#actfx .ff.y1{left:6vw;top:64vh}#actfx .ff.y2{right:8vw;top:40vh;animation-delay:-3s;animation-duration:7s}#actfx .ff.y3{left:14vw;top:82vh;animation-delay:-6s;animation-duration:11s}@keyframes ff-drift{0%{transform:translate(0);opacity:.15}50%{opacity:.9}to{transform:translate(4vw,-8vh);opacity:.2}}#actfx .fr{width:16vw;min-width:130px;max-width:260px;height:11vw;min-height:90px;max-height:180px;animation:fr-sway 6s ease-in-out infinite alternate;opacity:.9}#actfx .fr.r1{left:-2vw;bottom:-2vh;transform-origin:0 100%;background:conic-gradient(from 282deg at 0% 100%,transparent 0 6deg,#1e5838 6deg 12deg,transparent 12deg 20deg,#26684a 20deg 26deg,transparent 26deg 36deg,#2e7850 36deg 42deg,transparent 42deg 52deg,#1e5838 52deg 58deg,transparent 58deg)}#actfx .fr.r2{right:-2vw;bottom:-2vh;transform-origin:100% 100%;animation-delay:-3s;background:conic-gradient(from 20deg at 100% 100%,transparent 0 6deg,#1e5838 6deg 12deg,transparent 12deg 20deg,#26684a 20deg 26deg,transparent 26deg 36deg,#2e7850 36deg 42deg,transparent 42deg 52deg,#1e5838 52deg 58deg,transparent 58deg)}#actfx .fr.r3{left:-1vw;top:24vh;width:9vw;min-width:80px;height:7vw;min-height:60px;transform-origin:0 50%;animation-delay:-1.5s;opacity:.7;background:conic-gradient(from 300deg at 0% 50%,transparent 0 8deg,#26684a 8deg 15deg,transparent 15deg 28deg,#1e5838 28deg 35deg,transparent 35deg 48deg,#2e7850 48deg 55deg,transparent 55deg)}#actfx .fr.r4{right:-1vw;top:52vh;width:9vw;min-width:80px;height:7vw;min-height:60px;transform-origin:100% 50%;animation-delay:-4.5s;opacity:.7;background:conic-gradient(from 0deg at 100% 50%,transparent 0 8deg,#26684a 8deg 15deg,transparent 15deg 28deg,#1e5838 28deg 35deg,transparent 35deg 48deg,#2e7850 48deg 55deg,transparent 55deg)}@keyframes fr-sway{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}#actfx .vn{top:-2vh;width:3px;height:22vh;background:linear-gradient(180deg,#1e5838,#2e7850 70%,#2e785000);transform-origin:top center;animation:vn-sway 5.5s ease-in-out infinite alternate}#actfx .vn:before{content:"";position:absolute;inset:0 -5px;background-image:radial-gradient(4px 3px at 60% 12%,#2e7850 60%,transparent 61%),radial-gradient(4px 3px at 20% 34%,#26684a 60%,transparent 61%),radial-gradient(5px 3px at 70% 58%,#2e7850 60%,transparent 61%),radial-gradient(4px 3px at 25% 80%,#1e5838 60%,transparent 61%)}#actfx .vn.v1{left:18vw}#actfx .vn.v2{left:46vw;height:13vh;animation-delay:-2s}#actfx .vn.v3{right:22vw;height:26vh;animation-delay:-4s}@keyframes vn-sway{0%{transform:rotate(-2.4deg)}to{transform:rotate(2.4deg)}}#actfx .pt{top:-3vh;width:5px;height:4px;border-radius:60% 40%;background:#7ac088;opacity:.7;animation:pt-fall 13s linear infinite}#actfx .pt.q1{left:12vw}#actfx .pt.q2{left:70vw;animation-delay:-5s;background:#e8a0b0}#actfx .pt.q3{right:9vw;animation-delay:-9s;background:#5aa86a}@keyframes pt-fall{0%{transform:translate(0) rotate(0)}to{transform:translate(-6vw,108vh) rotate(540deg)}}#actfx .cl{top:-4vh;height:9vh;width:34vw;border-radius:0 0 40% 40%/0 0 100% 100%;background:linear-gradient(180deg,#1c2432,#1c243200);animation:cl-drift 26s linear infinite alternate}#actfx .cl.d1{left:-6vw}#actfx .cl.d2{right:-6vw;height:12vh;animation-delay:-13s}@keyframes cl-drift{0%{transform:translate(0)}to{transform:translate(5vw)}}#actfx .dp{top:-6vh;width:1px;height:9px;background:#a0c8e680;animation:dp-fall 1.7s linear infinite}#actfx .dp.x1{left:8vw}#actfx .dp.x2{left:30vw;animation-delay:-.5s}#actfx .dp.x3{right:26vw;animation-delay:-1.1s}#actfx .dp.x4{right:6vw;animation-delay:-.8s}@keyframes dp-fall{to{transform:translate(-2vw,112vh)}}html[data-act="3"] #actfx:after{content:"";position:absolute;inset:0;background:#c8d7ff0d;opacity:0;animation:sheet-flash 11s linear infinite}@keyframes sheet-flash{0%,92%,96%,to{opacity:0}93%,95%{opacity:1}}#actfx .ic{top:0;height:3.4vh;min-height:22px;width:16vw;min-width:120px;opacity:.85;background:linear-gradient(180deg,#dceef5,#9cc6d8 65%,#6fa6c0);clip-path:polygon(0 0,100% 0,96% 26%,90% 88%,86% 30%,78% 62%,71% 24%,64% 100%,58% 28%,50% 55%,43% 22%,36% 78%,29% 26%,22% 48%,15% 24%,8% 68%,3% 22%,0 40%)}#actfx .ic.i1{left:0}#actfx .ic.i2{right:0;height:2.6vh}#actfx .ic.i3{left:42vw;height:2vh;width:12vw;opacity:.55}#actfx .sn{top:-3vh;width:3px;height:3px;border-radius:50%;background:#eef8fc;opacity:.8;animation:sn-fall 16s linear infinite}#actfx .sn.n1{left:10vw}#actfx .sn.n2{left:34vw;animation-delay:-4s;animation-duration:13s}#actfx .sn.n3{left:58vw;animation-delay:-9s}#actfx .sn.n4{right:18vw;animation-delay:-6s;animation-duration:19s}#actfx .sn.n5{right:4vw;animation-delay:-12s;animation-duration:14s}@keyframes sn-fall{0%{transform:translate(0)}25%{transform:translate(1.6vw,27vh)}50%{transform:translate(-1vw,54vh)}75%{transform:translate(1.4vw,81vh)}to{transform:translate(-.6vw,108vh)}}html[data-act="4"] #actfx:before{content:"";position:absolute;inset:0;background:radial-gradient(40vw 26vh at 0% 0%,rgba(220,238,245,.1),transparent 70%),radial-gradient(40vw 26vh at 100% 0%,rgba(220,238,245,.1),transparent 70%),radial-gradient(46vw 30vh at 0% 100%,rgba(190,225,240,.08),transparent 70%),radial-gradient(46vw 30vh at 100% 100%,rgba(190,225,240,.08),transparent 70%)}#actfx .em{bottom:-3vh;width:3px;height:3px;border-radius:50%;background:#ffb050;box-shadow:0 0 8px 2px #e8643a73;animation:em-rise 7s ease-out infinite}#actfx .em.m1{left:6vw}#actfx .em.m2{left:22vw;animation-delay:-1.8s;animation-duration:9s}#actfx .em.m3{left:55vw;animation-delay:-3.2s}#actfx .em.m4{right:18vw;animation-delay:-4.6s;animation-duration:8s}#actfx .em.m5{right:5vw;animation-delay:-.9s}@keyframes em-rise{0%{transform:translate(0);opacity:0}8%{opacity:1}to{transform:translate(2vw,-96vh);opacity:0}}#actfx .as{top:-3vh;width:3px;height:3px;background:#6a6058;opacity:.6;animation:sn-fall 21s linear infinite}#actfx .as.a1{left:16vw}#actfx .as.a2{left:64vw;animation-delay:-8s}#actfx .as.a3{right:10vw;animation-delay:-15s}html[data-act="5"] #actfx:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(232,100,58,.14),transparent 22%),radial-gradient(60vw 24vh at 50% 104%,rgba(232,90,74,.18),transparent 70%)}#actfx .mo{bottom:-3vh;width:3px;height:3px;border-radius:50%;background:#6ee8d8;box-shadow:0 0 10px 3px #6ee8d84d;animation:mo-rise 18s linear infinite}#actfx .mo.o1{left:5vw}#actfx .mo.o2{left:24vw;animation-delay:-6s;background:#7a6ae0;box-shadow:0 0 10px 3px #7a6ae04d}#actfx .mo.o3{left:52vw;animation-delay:-12s;animation-duration:22s}#actfx .mo.o4{right:30vw;animation-delay:-3s}#actfx .mo.o5{right:12vw;animation-delay:-15s;background:#3ab8c8;box-shadow:0 0 10px 3px #3ab8c84d}#actfx .mo.o6{right:3vw;animation-delay:-9s;animation-duration:15s}@keyframes mo-rise{0%{transform:translateY(0);opacity:0}10%{opacity:.8}90%{opacity:.5}to{transform:translateY(-112vh);opacity:0}}html[data-act="6"] #actfx:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(110,232,216,.09),transparent 26%),radial-gradient(50vw 20vh at 50% 106%,rgba(122,106,224,.12),transparent 70%)}#actfx .sw{height:2.4vh;width:26vw;border-radius:50%;background:linear-gradient(90deg,#b8a8ff00,#b8a8ff21,#b8a8ff00);animation:sw-drift 14s linear infinite}#actfx .sw.g1{top:12vh;left:-26vw}#actfx .sw.g2{top:44vh;left:-26vw;animation-delay:-5s}#actfx .sw.g3{top:74vh;left:-26vw;animation-delay:-9s;animation-duration:18s}@keyframes sw-drift{to{transform:translate(152vw)}}#actfx .sk,#bossfx .sk{width:2px;height:2px;background:#d8ccff;box-shadow:0 0 8px 2px #b8a8ff80;animation:sk-flick 3.4s steps(2) infinite}#actfx .sk.k1{left:12vw;top:22vh}#actfx .sk.k2{left:38vw;top:70vh;animation-delay:-1.2s}#actfx .sk.k3{right:20vw;top:14vh;animation-delay:-2.1s}#actfx .sk.k4{right:6vw;top:56vh;animation-delay:-.6s}@keyframes sk-flick{0%,to{opacity:0}45%,55%{opacity:1}}html[data-act="7"] #actfx:after{content:"";position:absolute;inset:0;background:#c8beff0f;opacity:0;animation:sheet-flash 9s linear infinite}#actfx .s8{width:2px;height:2px;border-radius:50%;background:#f5ecc8;animation:s8-tw 4s ease-in-out infinite alternate}#actfx .s8.z1{left:8vw;top:10vh}#actfx .s8.z2{left:20vw;top:52vh;animation-delay:-1s;animation-duration:3s}#actfx .s8.z3{left:48vw;top:80vh;animation-delay:-2s}#actfx .s8.z4{right:26vw;top:18vh;animation-delay:-3s;animation-duration:5s}#actfx .s8.z5{right:10vw;top:44vh;animation-delay:-1.6s}#actfx .s8.z6{right:4vw;top:76vh;animation-delay:-2.7s;animation-duration:3.4s}@keyframes s8-tw{0%{opacity:.15}to{opacity:.95}}#actfx .cm{top:8vh;left:-10vw;width:9vw;height:2px;border-radius:2px;background:linear-gradient(90deg,#f5ecc800,#f5ecc8);animation:cm-cross 23s linear infinite}@keyframes cm-cross{0%,80%{transform:translate(0);opacity:0}82%{opacity:.9}to{transform:translate(120vw,26vh);opacity:0}}html[data-act="8"] #actfx:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(122,106,224,.1),transparent 24%),radial-gradient(70vw 26vh at 50% 108%,rgba(245,236,200,.08),transparent 70%)}#bossfx{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.6s ease;overflow:hidden}body[data-boss] #bossfx{opacity:1}body[data-boss=kraken] #bossfx{background:radial-gradient(70% 55% at 50% 115%,rgba(110,42,79,.5),transparent 70%),linear-gradient(180deg,rgba(40,8,40,.35),transparent 30%,transparent 70%,rgba(40,8,40,.5))}#bossfx .tn{position:absolute;bottom:-6vh;width:3.4vw;min-width:26px;max-width:52px;height:38vh;background:linear-gradient(180deg,#5a224000,#5a2240 35%,#6e2a4f);border-radius:100% 100% 0 0/34% 34% 0 0;transform-origin:bottom center;animation:tn-sway 7s ease-in-out infinite alternate}#bossfx .tn:before{content:"";position:absolute;inset:10% 30% 4%;background-image:radial-gradient(circle,rgba(255,190,160,.28) 26%,transparent 36%);background-size:100% 12%}#bossfx .tn.t1{left:1.5vw;height:36vh;animation-delay:-1s}#bossfx .tn.t2{left:9vw;height:22vh;animation-delay:-3.4s;animation-duration:5.6s}#bossfx .tn.t3{right:2vw;height:42vh;animation-delay:-2s;animation-duration:8s}#bossfx .tn.t4{right:10.5vw;height:26vh;animation-delay:-4.6s;animation-duration:6.2s}@keyframes tn-sway{0%{transform:rotate(-5deg) scaleY(.98)}to{transform:rotate(6deg) scaleY(1.03)}}body[data-boss=galleon] #bossfx{background:linear-gradient(180deg,rgba(94,29,34,.42),transparent 35%),radial-gradient(80% 40% at 50% 112%,rgba(70,32,20,.55),transparent 70%)}body[data-boss=galleon] #bossfx:after{content:"";position:absolute;inset:-10% 0;background:repeating-linear-gradient(88deg,transparent 0 120px,rgba(154,143,122,.07) 120px 260px);animation:fog-drift 18s linear infinite}#bossfx .ms{position:absolute;bottom:-4vh;width:.7vw;min-width:6px;max-width:10px;background:linear-gradient(180deg,#1b223200,#1b2232 25%,#2c3548)}#bossfx .ms b{position:absolute;top:2%;left:100%;width:5vw;min-width:40px;max-width:78px;height:2.6vh;min-height:16px;background:linear-gradient(90deg,#5e1d22,#a32638 70%,#a3263800);clip-path:polygon(0 0,100% 18%,86% 50%,100% 82%,0 100%);transform-origin:left center;animation:pn-wave 3.2s ease-in-out infinite alternate}#bossfx .ms.m1{left:2vw;height:46vh}#bossfx .ms.m2{right:3vw;height:34vh}#bossfx .ms.m2 b{left:auto;right:100%;transform-origin:right center;animation-name:pn-wave2;animation-delay:-1.4s}@keyframes pn-wave{0%{transform:rotate(-3deg) scaleY(.94)}to{transform:rotate(4deg) scaleY(1.05)}}@keyframes pn-wave2{0%{transform:scaleX(-1) rotate(-3deg)}to{transform:scaleX(-1) rotate(4deg)}}#bossfx .lt{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#ffd76a 0%,rgba(255,215,106,.35) 40%,transparent 70%);box-shadow:0 0 18px 6px #ffd76a38;animation:lt-flick 2.8s ease-in-out infinite}#bossfx .lt.l1{left:2.1vw;bottom:44vh;animation-delay:-.6s}#bossfx .lt.l2{right:3.1vw;bottom:32vh;animation-delay:-1.8s}#bossfx .lt.l3{left:8vw;bottom:12vh;width:6px;height:6px;animation-delay:-1.1s}#bossfx .lt.l4{right:9vw;bottom:8vh;width:6px;height:6px;animation-delay:-2.4s}#bossfx .lt.l5{left:15vw;bottom:70vh;width:5px;height:5px;animation-delay:-.3s}@keyframes lt-flick{0%,to{opacity:.5}42%{opacity:.95}58%{opacity:.65}}body[data-boss=serpent] #bossfx{background:radial-gradient(70% 60% at 50% 115%,rgba(30,106,106,.45),transparent 70%),linear-gradient(180deg,rgba(10,60,50,.3),transparent 40%)}body[data-boss=serpent] #bossfx:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 70px,rgba(58,219,192,.05) 70px 130px);animation:fog-drift 12s linear infinite}#bossfx .co{position:absolute;bottom:-6vh;width:7vw;min-width:56px;max-width:110px;background:linear-gradient(180deg,#2f6b4f,#1e4a40);border-radius:50% 50% 0 0/100% 100% 0 0;transform-origin:bottom center;animation:co-rise 9s ease-in-out infinite alternate}#bossfx .co:before{content:"";position:absolute;inset:12% 22% 0;background-image:repeating-linear-gradient(180deg,rgba(72,153,111,.55) 0 6px,transparent 6px 14px);border-radius:inherit}#bossfx .co.c1{left:-1vw;height:24vh}#bossfx .co.c2{left:7vw;height:14vh;animation-delay:-4s;animation-duration:7s}#bossfx .co.c3{right:1vw;height:30vh;animation-delay:-2.5s;animation-duration:11s}@keyframes co-rise{0%{transform:translateY(16%) rotate(-2deg)}to{transform:translateY(0) rotate(3deg)}}#bossfx .bb{position:absolute;bottom:-4vh;width:10px;height:10px;border-radius:50%;border:1px solid rgba(150,230,215,.5);background:#96e6d714;animation:bb-rise 8s linear infinite}#bossfx .bb.b1{left:4vw}#bossfx .bb.b2{left:11vw;width:6px;height:6px;animation-delay:-2.7s}#bossfx .bb.b3{right:5vw;animation-delay:-1.2s}#bossfx .bb.b4{right:12vw;width:7px;height:7px;animation-delay:-4.9s}#bossfx .bb.b5{left:50vw;width:5px;height:5px;animation-delay:-6.4s}@keyframes bb-rise{0%{transform:translateY(0);opacity:0}8%{opacity:.8}to{transform:translateY(-105vh);opacity:0}}body[data-boss=ghost] #bossfx{background:radial-gradient(80% 60% at 50% 110%,rgba(120,200,190,.22),transparent 70%),linear-gradient(180deg,rgba(60,110,110,.26),transparent 45%,transparent 60%,rgba(40,80,86,.32))}body[data-boss=ghost] #bossfx:after{content:"";position:absolute;inset:-20% 0;background:repeating-linear-gradient(95deg,transparent 0 90px,rgba(170,220,215,.07) 90px 200px);animation:fog-drift 14s linear infinite}@keyframes fog-drift{to{transform:translate(200px)}}#bossfx .ws{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#bfeee8 0%,rgba(150,220,210,.4) 45%,transparent 70%);box-shadow:0 0 14px 5px #96dcd240;animation:ws-drift 11s ease-in-out infinite alternate}#bossfx .ws.w1{left:3vw;top:22vh}#bossfx .ws.w2{left:9vw;top:58vh;animation-delay:-3s;animation-duration:9s}#bossfx .ws.w3{right:4vw;top:30vh;animation-delay:-6s;animation-duration:13s}#bossfx .ws.w4{right:10vw;top:70vh;animation-delay:-1.5s}#bossfx .ws.w5{left:50vw;top:8vh;animation-delay:-7s;animation-duration:10s}#bossfx .ws.w6{left:16vw;top:40vh;animation-delay:-8.5s;animation-duration:12s}#bossfx .ws.w7{right:17vw;top:12vh;animation-delay:-4.5s}@keyframes ws-drift{0%{transform:translate(0);opacity:.25}50%{opacity:.9}to{transform:translate(3vw,-14vh);opacity:.35}}body[data-boss=leviathan] #bossfx{background:radial-gradient(55% 45% at 0% 0%,rgba(190,230,245,.24),transparent 62%),radial-gradient(55% 45% at 100% 0%,rgba(190,230,245,.24),transparent 62%),radial-gradient(80% 40% at 50% 115%,rgba(90,150,190,.4),transparent 70%)}#bossfx .fl{position:absolute;left:-12vw;bottom:2vh;height:2.2vh;min-height:12px;background:linear-gradient(180deg,#eef8fc,#9cc6d8 80%);clip-path:polygon(0 100%,8% 20%,30% 0,55% 26%,78% 8%,100% 100%);opacity:.5;animation:fl-drift 26s linear infinite}#bossfx .fl.f1{width:9vw;min-width:70px}#bossfx .fl.f2{width:5vw;min-width:44px;bottom:6vh;animation-delay:-9s;animation-duration:32s}#bossfx .fl.f3{width:7vw;min-width:56px;bottom:11vh;animation-delay:-17s;animation-duration:22s}#bossfx .fl.f4{width:4vw;min-width:36px;bottom:16vh;animation-delay:-23s;animation-duration:36s}#bossfx .fl.f5{width:6vw;min-width:50px;bottom:20vh;animation-delay:-5s;animation-duration:28s}#bossfx .fl.f6{width:3.4vw;min-width:30px;bottom:25vh;animation-delay:-29s;animation-duration:40s}@keyframes fl-drift{to{transform:translate(124vw)}}body[data-boss=stormbird] #bossfx{background:linear-gradient(180deg,rgba(42,31,78,.5),transparent 40%),radial-gradient(80% 40% at 50% 112%,rgba(26,20,48,.6),transparent 70%)}body[data-boss=stormbird] #bossfx:after{content:"";position:absolute;inset:0;background:#c8beff0f;opacity:0;animation:sheet-flash 7s linear infinite}#bossfx .fe{width:10px;height:22px;opacity:.75;background:linear-gradient(100deg,#2a2148 45%,#4a3a78,#2a2148 65%);clip-path:polygon(50% 0,78% 18%,64% 100%,36% 100%,22% 18%);animation:fe-fall 12s linear infinite}#bossfx .fe.e1{left:8vw}#bossfx .fe.e2{left:28vw;animation-delay:-4s;animation-duration:15s}#bossfx .fe.e3{right:24vw;animation-delay:-7s}#bossfx .fe.e4{right:6vw;animation-delay:-9.5s;animation-duration:10s}@keyframes fe-fall{0%{transform:translateY(-6vh) rotate(0)}to{transform:translateY(108vh) rotate(660deg)}}#bossfx .sk.k1{left:4vw;top:30vh}#bossfx .sk.k2{left:60vw;top:10vh;animation-delay:-1.4s}#bossfx .sk.k3{right:5vw;top:62vh;animation-delay:-2.4s}body[data-boss=deepwhale] #bossfx{background:radial-gradient(40% 30% at 78% 0%,rgba(245,236,200,.16),transparent 70%),linear-gradient(180deg,rgba(10,16,48,.4),transparent 40%),radial-gradient(80% 40% at 50% 114%,rgba(20,34,72,.6),transparent 70%)}#bossfx .sp{bottom:-2vh;width:3vw;min-width:26px;height:16vh;opacity:.5;background:linear-gradient(180deg,#d2e6f500,#d2e6f547 55%,#d2e6f50d);border-radius:50% 50% 20% 20%/60% 60% 10% 10%;transform-origin:bottom center;animation:sp-puff 6s ease-in-out infinite}#bossfx .sp.p1{left:5vw}#bossfx .sp.p2{right:6vw;animation-delay:-3s}@keyframes sp-puff{0%,to{transform:scaleY(.5);opacity:.15}40%{transform:scaleY(1.05);opacity:.55}70%{transform:scaleY(.9);opacity:.4}}#bossfx .st{width:2px;height:2px;border-radius:50%;background:#f5ecc8;box-shadow:0 0 8px 2px #f5ecc866;animation:st-fall 14s linear infinite}#bossfx .st.s1{left:16vw}#bossfx .st.s2{left:44vw;animation-delay:-5s}#bossfx .st.s3{right:30vw;animation-delay:-8s}#bossfx .st.s4{right:8vw;animation-delay:-11s}@keyframes st-fall{0%{transform:translateY(-4vh);opacity:0}12%{opacity:.9}to{transform:translateY(110vh);opacity:0}}body[data-encounter] .panel:before,body[data-encounter] .scene-frame:before,body[data-encounter] .strip:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid var(--enc-frame,transparent);box-shadow:var(--enc-frame-sh,none);opacity:var(--enc-frame-o,.78);transition:opacity 1.2s ease,box-shadow 1.2s ease}body[data-encounter]:not([data-phase="0"]) .panel:before,body[data-encounter]:not([data-phase="0"]) .scene-frame:before,body[data-encounter]:not([data-phase="0"]) .strip:before{opacity:1;box-shadow:var(--enc-frame-sh2,var(--enc-frame-sh,none))}body[data-encounter] #bossfx:before{content:"";position:absolute;inset:0;border:1px solid var(--enc-rim,transparent);box-shadow:var(--enc-rim-sh,none);transition:box-shadow 1.2s ease}body[data-encounter]:not([data-phase="0"]) #bossfx:before{box-shadow:var(--enc-rim-sh2,var(--enc-rim-sh,none))}body[data-encounter] .chants,body[data-encounter] .tray{box-shadow:var(--enc-rail-sh,none)}body:is([data-encounter=customs-galleon],[data-encounter=coral-queen],[data-encounter=hollowbeard],[data-encounter=pale-leviathan],[data-encounter=the-kraken],[data-encounter=sleeper-below],[data-encounter=storm-mother],[data-encounter=moon-swallower]) #bossfx{background:var(--enc-sky)}body:is([data-encounter=customs-galleon],[data-encounter=coral-queen],[data-encounter=hollowbeard],[data-encounter=pale-leviathan],[data-encounter=the-kraken],[data-encounter=sleeper-below],[data-encounter=storm-mother],[data-encounter=moon-swallower]) :is(.panel,.scene-frame,.strip,.vital){border-color:var(--wood-lo)}body[data-encounter=pale-leviathan]{--ink:#10283a;--ink-soft:#315368;--parch:#dce7e2;--parch-dim:#c7d8d6;--parch-dark:#aec8ce;--wood:#071b2b;--wood-hi:#0c3047;--wood-lo:#020b13;--brass:#70c8ec;--brass-hi:#d8f7ff;--gold:#ffe29a;--rail-bg:rgba(3,18,33,.84);--rail-border:#2d7698;--panel-title:#123247;--panel-muted:#3b6375;--panel-rule:rgba(24,78,105,.35);--panel-name:#123247;--panel-dim:#3b6375;--panel-strong:#185b7d;--act-hi:#dff9ff;--act-lbl:#8ee8ff;--act-glow:rgba(80,205,255,.3);--boss-glow:rgba(66,201,255,.58);--panel-adorn: radial-gradient(180px 100px at -2% -5%,rgba(210,245,255,.48),transparent 70%), radial-gradient(180px 100px at 102% -5%,rgba(150,225,255,.38),transparent 70%), linear-gradient(180deg,rgba(205,242,250,.28),transparent 18%);--enc-art:url(/assets/bosses/pale-leviathan/backdrop.webp);--enc-bg-o:.88;--enc-bg-o2:.98;--enc-bg-f:saturate(.95) brightness(.72);--enc-bg-f2:saturate(1.2) brightness(.84) contrast(1.06);--enc-frame:rgba(166,231,250,.72);--enc-frame-sh:inset 0 3px 0 rgba(225,250,255,.32),inset 0 0 13px rgba(68,183,225,.2);--enc-frame-sh2:inset 0 4px 0 rgba(225,252,255,.58),inset 0 0 19px rgba(73,207,255,.36);--enc-rim:rgba(170,235,255,.25);--enc-rim-sh:inset 0 0 46px 10px rgba(105,220,255,.24),inset 0 18px 30px rgba(215,248,255,.16);--enc-rim-sh2:inset 0 0 68px 18px rgba(105,225,255,.42),inset 0 24px 38px rgba(225,250,255,.28);--enc-sky: linear-gradient(180deg,rgba(95,205,255,.18),transparent 28%), radial-gradient(55% 42% at 0 0,rgba(205,245,255,.34),transparent 64%), radial-gradient(55% 42% at 100% 0,rgba(205,245,255,.34),transparent 64%), radial-gradient(80% 40% at 50% 115%,rgba(55,170,225,.42),transparent 70%);--enc-h1:#ffe29a;--enc-h1-sh:0 3px 0 #315d77,0 6px 0 rgba(0,0,0,.62),0 0 28px rgba(110,225,255,.48);--enc-rail-sh:0 0 24px rgba(63,190,235,.18),inset 0 0 14px rgba(63,190,235,.08)}body[data-encounter=pale-leviathan]:not([data-phase="0"]){--act-glow:rgba(90,220,255,.48);--boss-glow:rgba(95,225,255,.82)}body[data-encounter=pale-leviathan] .masthead h1:after{content:"";position:absolute;left:1%;right:0;bottom:-8px;height:8px;background:linear-gradient(180deg,#dff9ff,#55bde8);clip-path:polygon(0 0,100% 0,100% 22%,94% 22%,93% 90%,92% 22%,75% 22%,74% 65%,73% 22%,46% 22%,45% 100%,44% 22%,18% 22%,17% 72%,16% 22%,0 22%);opacity:.72;filter:drop-shadow(0 0 5px rgba(90,210,255,.8))}body[data-encounter=pale-leviathan] .masthead h1{position:relative}#bossfx .bf-snow{position:absolute;top:-12px;width:4px;height:4px;border-radius:50%;background:#e9fbff;box-shadow:0 0 8px 2px #b4ebff8c;--snow-peak:.45;opacity:0;animation:bf-snow 13s linear infinite}#bossfx .bf-snow.s1{left:5%;animation-delay:-2s}#bossfx .bf-snow.s2{left:17%;animation-delay:-8s;animation-duration:17s}#bossfx .bf-snow.s3{left:31%;animation-delay:-5s;animation-duration:11s}#bossfx .bf-snow.s4{left:45%;animation-delay:-10s;animation-duration:19s}#bossfx .bf-snow.s5{left:59%;animation-delay:-1s;animation-duration:15s}#bossfx .bf-snow.s6{left:72%;animation-delay:-6s;animation-duration:12s}#bossfx .bf-snow.s7{left:84%;animation-delay:-11s;animation-duration:18s}#bossfx .bf-snow.s8{left:95%;animation-delay:-4s;animation-duration:14s}@keyframes bf-snow{0%{transform:translateY(-2vh) rotate(0);opacity:0}12%{opacity:var(--snow-peak)}to{transform:translate(-9vw,108vh) rotate(520deg);opacity:0}}#bossfx .bf-mote{position:absolute;bottom:-12px;width:5px;height:5px;border-radius:50%;background:#8ff2ff;box-shadow:0 0 10px 3px #5adcff66;--mote-peak:.5;opacity:0;animation:bf-mote 16s linear infinite}#bossfx .bf-mote.m1{left:7%;animation-delay:-3s}#bossfx .bf-mote.m2{left:21%;animation-delay:-9s;animation-duration:21s}#bossfx .bf-mote.m3{left:37%;animation-delay:-6s;animation-duration:13s}#bossfx .bf-mote.m4{left:52%;animation-delay:-12s;animation-duration:23s}#bossfx .bf-mote.m5{left:66%;animation-delay:-1s;animation-duration:18s}#bossfx .bf-mote.m6{left:80%;animation-delay:-7s;animation-duration:15s}#bossfx .bf-mote.m7{left:93%;animation-delay:-10s;animation-duration:20s}@keyframes bf-mote{0%{transform:translateY(3vh);opacity:0}12%{opacity:var(--mote-peak)}to{transform:translate(4vw,-110vh);opacity:0}}body[data-phase="0"] #bossfx .bf-snow:is(.s2,.s4,.s6,.s8),body[data-phase="0"] #bossfx .bf-mote:is(.m2,.m4,.m6){display:none}body[data-encounter]:not([data-phase="0"]) #bossfx .bf-snow{--snow-peak:.95}body[data-encounter]:not([data-phase="0"]) #bossfx .bf-mote{--mote-peak:.95;box-shadow:0 0 13px 4px #6ee6ff99}body.fx-off #bossfx i,body.fx-off #bossfx:before,body.fx-off #bossfx:after{animation:none}body.fx-off #bossfx .bf-snow,body.fx-off #bossfx .bf-mote{display:none}body.fx-off #actfx i,body.fx-off #actfx i:before,body.fx-off #actfx:before,body.fx-off #actfx:after{animation:none}body.fx-off #actfx .pt,body.fx-off #actfx .dp,body.fx-off #actfx .sn,body.fx-off #actfx .em,body.fx-off #actfx .as,body.fx-off #actfx .mo,body.fx-off #actfx .cm,body.fx-off #actfx .sw{display:none}body[data-encounter=customs-galleon]{--ink:#33150c;--ink-soft:#5e3a22;--parch:#e6d3b3;--parch-dim:#d8c19c;--parch-dark:#c2a67e;--wood:#2a0f0a;--wood-hi:#47190f;--wood-lo:#160705;--brass:#e88a4a;--brass-hi:#ffd9a8;--gold:#ffca7a;--rail-bg:rgba(30,8,6,.82);--rail-border:#8a3a28;--panel-title:#45180c;--panel-muted:#7a4526;--panel-rule:rgba(90,35,15,.4);--panel-name:#45180c;--panel-dim:#7a4526;--panel-strong:#7a2418;--act-hi:#ffd9a8;--act-lbl:#ff9a6a;--act-glow:rgba(230,90,50,.32);--boss-glow:rgba(230,80,50,.5);--panel-adorn: radial-gradient(180px 100px at -2% -5%,rgba(255,190,130,.42),transparent 70%), radial-gradient(180px 100px at 102% -5%,rgba(255,190,130,.34),transparent 70%), linear-gradient(180deg,rgba(255,190,130,.24),transparent 18%);--enc-art:url(/assets/bosses/customs-galleon/backdrop.webp);--enc-bg-o:.86;--enc-bg-o2:.96;--enc-bg-f:saturate(.95) brightness(.72);--enc-bg-f2:saturate(1.18) brightness(.84) contrast(1.05);--enc-frame:rgba(255,190,130,.6);--enc-frame-sh:inset 0 3px 0 rgba(255,190,130,.26),inset 0 0 13px rgba(210,70,35,.22);--enc-frame-sh2:inset 0 4px 0 rgba(255,190,130,.5),inset 0 0 19px rgba(210,70,35,.38);--enc-rim:rgba(255,190,130,.22);--enc-rim-sh:inset 0 0 46px 10px rgba(210,70,35,.24),inset 0 18px 30px rgba(255,190,130,.14);--enc-rim-sh2:inset 0 0 68px 18px rgba(210,70,35,.42),inset 0 24px 38px rgba(255,190,130,.26);--enc-sky: linear-gradient(180deg,rgba(210,70,35,.16),transparent 28%), radial-gradient(55% 42% at 0 0,rgba(255,190,130,.26),transparent 64%), radial-gradient(55% 42% at 100% 0,rgba(255,190,130,.26),transparent 64%), radial-gradient(80% 40% at 50% 115%,rgba(210,70,35,.4),transparent 70%);--enc-h1:#ffca7a;--enc-h1-sh:0 3px 0 #6a2012,0 6px 0 rgba(0,0,0,.62),0 0 28px rgba(210,70,35,.5);--enc-rail-sh:0 0 24px rgba(210,70,35,.18),inset 0 0 14px rgba(210,70,35,.08)}body[data-encounter=customs-galleon]:not([data-phase="0"]){--act-glow:rgba(255,120,60,.5);--boss-glow:rgba(255,110,60,.75)}body[data-encounter=coral-queen]{--ink:#0c332a;--ink-soft:#2c5c4c;--parch:#d8ecdc;--parch-dim:#c2e0cc;--parch-dark:#a6ccb6;--wood:#06251c;--wood-hi:#0b3c2c;--wood-lo:#031209;--brass:#56e0b0;--brass-hi:#c8ffe8;--gold:#ffe9a0;--rail-bg:rgba(4,28,22,.84);--rail-border:#2d9878;--panel-title:#114234;--panel-muted:#3b7560;--panel-rule:rgba(20,100,75,.35);--panel-name:#114234;--panel-dim:#3b7560;--panel-strong:#157a55;--act-hi:#d8ffee;--act-lbl:#7cf0c8;--act-glow:rgba(60,230,170,.3);--boss-glow:rgba(50,220,160,.55);--panel-adorn: radial-gradient(180px 100px at -2% -5%,rgba(190,255,225,.42),transparent 70%), radial-gradient(180px 100px at 102% -5%,rgba(190,255,225,.34),transparent 70%), linear-gradient(180deg,rgba(190,255,225,.24),transparent 18%);--enc-art:url(/assets/bosses/coral-queen/backdrop.webp);--enc-bg-o:.86;--enc-bg-o2:.96;--enc-bg-f:saturate(.95) brightness(.72);--enc-bg-f2:saturate(1.18) brightness(.84) contrast(1.05);--enc-frame:rgba(190,255,225,.6);--enc-frame-sh:inset 0 3px 0 rgba(190,255,225,.26),inset 0 0 13px rgba(40,190,140,.22);--enc-frame-sh2:inset 0 4px 0 rgba(190,255,225,.5),inset 0 0 19px rgba(40,190,140,.38);--enc-rim:rgba(190,255,225,.22);--enc-rim-sh:inset 0 0 46px 10px rgba(40,190,140,.24),inset 0 18px 30px rgba(190,255,225,.14);--enc-rim-sh2:inset 0 0 68px 18px rgba(40,190,140,.42),inset 0 24px 38px rgba(190,255,225,.26);--enc-sky: linear-gradient(180deg,rgba(40,190,140,.16),transparent 28%), radial-gradient(55% 42% at 0 0,rgba(190,255,225,.26),transparent 64%), radial-gradient(55% 42% at 100% 0,rgba(190,255,225,.26),transparent 64%), radial-gradient(80% 40% at 50% 115%,rgba(40,190,140,.4),transparent 70%);--enc-h1:#ffe9a0;--enc-h1-sh:0 3px 0 #135c44,0 6px 0 rgba(0,0,0,.62),0 0 28px rgba(40,190,140,.5);--enc-rail-sh:0 0 24px rgba(40,190,140,.18),inset 0 0 14px rgba(40,190,140,.08)}body[data-encounter=coral-queen]:not([data-phase="0"]){--act-glow:rgba(80,245,190,.48);--boss-glow:rgba(80,245,190,.8)}body[data-encounter=hollowbeard]{--ink:#223530;--ink-soft:#46615a;--parch:#dde4d6;--parch-dim:#cbd4c4;--parch-dark:#b2bfae;--wood:#101d1a;--wood-hi:#1c302a;--wood-lo:#060d0b;--brass:#8fd8b8;--brass-hi:#e4fff0;--gold:#f2e6b0;--rail-bg:rgba(10,22,19,.84);--rail-border:#4a7a68;--panel-title:#29433a;--panel-muted:#56746a;--panel-rule:rgba(45,90,75,.35);--panel-name:#29433a;--panel-dim:#56746a;--panel-strong:#2d6a58;--act-hi:#eafff4;--act-lbl:#a0e8c8;--act-glow:rgba(130,220,190,.3);--boss-glow:rgba(120,220,190,.5);--panel-adorn: radial-gradient(180px 100px at -2% -5%,rgba(205,240,220,.42),transparent 70%), radial-gradient(180px 100px at 102% -5%,rgba(205,240,220,.34),transparent 70%), linear-gradient(180deg,rgba(205,240,220,.24),transparent 18%);--enc-art:url(/assets/bosses/hollowbeard/backdrop.webp);--enc-bg-o:.86;--enc-bg-o2:.96;--enc-bg-f:saturate(.95) brightness(.72);--enc-bg-f2:saturate(1.18) brightness(.84) contrast(1.05);--enc-frame:rgba(205,240,220,.6);--enc-frame-sh:inset 0 3px 0 rgba(205,240,220,.26),inset 0 0 13px rgba(85,160,130,.22);--enc-frame-sh2:inset 0 4px 0 rgba(205,240,220,.5),inset 0 0 19px rgba(85,160,130,.38);--enc-rim:rgba(205,240,220,.22);--enc-rim-sh:inset 0 0 46px 10px rgba(85,160,130,.24),inset 0 18px 30px rgba(205,240,220,.14);--enc-rim-sh2:inset 0 0 68px 18px rgba(85,160,130,.42),inset 0 24px 38px rgba(205,240,220,.26);--enc-sky: linear-gradient(180deg,rgba(85,160,130,.16),transparent 28%), radial-gradient(55% 42% at 0 0,rgba(205,240,220,.26),transparent 64%), radial-gradient(55% 42% at 100% 0,rgba(205,240,220,.26),transparent 64%), radial-gradient(80% 40% at 50% 115%,rgba(85,160,130,.4),transparent 70%);--enc-h1:#f2e6b0;--enc-h1-sh:0 3px 0 #2e5546,0 6px 0 rgba(0,0,0,.62),0 0 28px rgba(85,160,130,.5);--enc-rail-sh:0 0 24px rgba(85,160,130,.18),inset 0 0 14px rgba(85,160,130,.08)}body[data-encounter=hollowbeard]:not([data-phase="0"]){--act-glow:rgba(150,235,205,.46);--boss-glow:rgba(150,240,210,.72)}body[data-encounter=the-kraken]{--ink:#33101e;--ink-soft:#5c3348;--parch:#e0cfc2;--parch-dim:#d0b8ac;--parch-dark:#b89a90;--wood:#200714;--wood-hi:#360d20;--wood-lo:#0e0308;--brass:#e06a8a;--brass-hi:#ffc8d8;--gold:#ffc887;--rail-bg:rgba(26,6,16,.84);--rail-border:#8a2d55;--panel-title:#401428;--panel-muted:#7a3d58;--panel-rule:rgba(110,35,70,.35);--panel-name:#401428;--panel-dim:#7a3d58;--panel-strong:#8a2444;--act-hi:#ffd8e4;--act-lbl:#ff8ab0;--act-glow:rgba(220,60,110,.35);--boss-glow:rgba(210,50,100,.6);--panel-adorn: radial-gradient(180px 100px at -2% -5%,rgba(255,170,200,.42),transparent 70%), radial-gradient(180px 100px at 102% -5%,rgba(255,170,200,.34),transparent 70%), linear-gradient(180deg,rgba(255,170,200,.24),transparent 18%);--enc-art:url(/assets/bosses/the-kraken/backdrop.webp);--enc-bg-o:.86;--enc-bg-o2:.96;--enc-bg-f:saturate(.95) brightness(.72);--enc-bg-f2:saturate(1.18) brightness(.84) contrast(1.05);--enc-frame:rgba(255,170,200,.6);--enc-frame-sh:inset 0 3px 0 rgba(255,170,200,.26),inset 0 0 13px rgba(150,35,90,.22);--enc-frame-sh2:inset 0 4px 0 rgba(255,170,200,.5),inset 0 0 19px rgba(150,35,90,.38);--enc-rim:rgba(255,170,200,.22);--enc-rim-sh:inset 0 0 46px 10px rgba(150,35,90,.24),inset 0 18px 30px rgba(255,170,200,.14);--enc-rim-sh2:inset 0 0 68px 18px rgba(150,35,90,.42),inset 0 24px 38px rgba(255,170,200,.26);--enc-sky: linear-gradient(180deg,rgba(150,35,90,.16),transparent 28%), radial-gradient(55% 42% at 0 0,rgba(255,170,200,.26),transparent 64%), radial-gradient(55% 42% at 100% 0,rgba(255,170,200,.26),transparent 64%), radial-gradient(80% 40% at 50% 115%,rgba(150,35,90,.4),transparent 70%);--enc-h1:#ffc887;--enc-h1-sh:0 3px 0 #5c1430,0 6px 0 rgba(0,0,0,.62),0 0 28px rgba(150,35,90,.5);--enc-rail-sh:0 0 24px rgba(150,35,90,.18),inset 0 0 14px rgba(150,35,90,.08)}body[data-encounter=the-kraken]:not([data-phase="0"]){--act-glow:rgba(245,80,130,.52);--boss-glow:rgba(240,70,120,.85)}body[data-encounter=sleeper-below]{--ink:#1a2144;--ink-soft:#3c477a;--parch:#d6dcec;--parch-dim:#c2c9e2;--parch-dark:#a8b0cc;--wood:#0a0f26;--wood-hi:#131b3d;--wood-lo:#04060f;--brass:#7a9af0;--brass-hi:#d8e2ff;--gold:#ffe6a8;--rail-bg:rgba(6,10,28,.86);--rail-border:#3d55a8;--panel-title:#1c2a55;--panel-muted:#4a5a8a;--panel-rule:rgba(45,70,140,.35);--panel-name:#1c2a55;--panel-dim:#4a5a8a;--panel-strong:#2d4a9a;--act-hi:#e0ecff;--act-lbl:#8ab0ff;--act-glow:rgba(100,140,255,.32);--boss-glow:rgba(95,135,255,.55);--panel-adorn: radial-gradient(180px 100px at -2% -5%,rgba(150,215,255,.42),transparent 70%), radial-gradient(180px 100px at 102% -5%,rgba(150,215,255,.34),transparent 70%), linear-gradient(180deg,rgba(150,215,255,.24),transparent 18%);--enc-art:url(/assets/bosses/sleeper-below/backdrop.webp);--enc-bg-o:.86;--enc-bg-o2:.96;--enc-bg-f:saturate(.95) brightness(.72);--enc-bg-f2:saturate(1.18) brightness(.84) contrast(1.05);--enc-frame:rgba(150,215,255,.6);--enc-frame-sh:inset 0 3px 0 rgba(150,215,255,.26),inset 0 0 13px rgba(70,95,220,.22);--enc-frame-sh2:inset 0 4px 0 rgba(150,215,255,.5),inset 0 0 19px rgba(70,95,220,.38);--enc-rim:rgba(150,215,255,.22);--enc-rim-sh:inset 0 0 46px 10px rgba(70,95,220,.24),inset 0 18px 30px rgba(150,215,255,.14);--enc-rim-sh2:inset 0 0 68px 18px rgba(70,95,220,.42),inset 0 24px 38px rgba(150,215,255,.26);--enc-sky: linear-gradient(180deg,rgba(70,95,220,.16),transparent 28%), radial-gradient(55% 42% at 0 0,rgba(150,215,255,.26),transparent 64%), radial-gradient(55% 42% at 100% 0,rgba(150,215,255,.26),transparent 64%), radial-gradient(80% 40% at 50% 115%,rgba(70,95,220,.4),transparent 70%);--enc-h1:#ffe6a8;--enc-h1-sh:0 3px 0 #26356a,0 6px 0 rgba(0,0,0,.62),0 0 28px rgba(70,95,220,.5);--enc-rail-sh:0 0 24px rgba(70,95,220,.18),inset 0 0 14px rgba(70,95,220,.08)}body[data-encounter=sleeper-below]:not([data-phase="0"]){--act-glow:rgba(120,160,255,.5);--boss-glow:rgba(120,165,255,.8)}body[data-encounter=storm-mother]{--ink:#2a2244;--ink-soft:#544a7c;--parch:#dcdaec;--parch-dim:#c8c5e0;--parch-dark:#adaacb;--wood:#171030;--wood-hi:#251b4a;--wood-lo:#090512;--brass:#a08af0;--brass-hi:#e4dcff;--gold:#ffe49a;--rail-bg:rgba(14,10,32,.84);--rail-border:#6a55b8;--panel-title:#2e2455;--panel-muted:#5c518a;--panel-rule:rgba(80,60,150,.35);--panel-name:#2e2455;--panel-dim:#5c518a;--panel-strong:#5638a8;--act-hi:#ece4ff;--act-lbl:#b8a0ff;--act-glow:rgba(150,120,255,.35);--boss-glow:rgba(150,110,255,.6);--panel-adorn: radial-gradient(180px 100px at -2% -5%,rgba(215,200,255,.42),transparent 70%), radial-gradient(180px 100px at 102% -5%,rgba(215,200,255,.34),transparent 70%), linear-gradient(180deg,rgba(215,200,255,.24),transparent 18%);--enc-art:url(/assets/bosses/storm-mother/backdrop.webp);--enc-bg-o:.86;--enc-bg-o2:.96;--enc-bg-f:saturate(.95) brightness(.72);--enc-bg-f2:saturate(1.18) brightness(.84) contrast(1.05);--enc-frame:rgba(215,200,255,.6);--enc-frame-sh:inset 0 3px 0 rgba(215,200,255,.26),inset 0 0 13px rgba(115,85,230,.22);--enc-frame-sh2:inset 0 4px 0 rgba(215,200,255,.5),inset 0 0 19px rgba(115,85,230,.38);--enc-rim:rgba(215,200,255,.22);--enc-rim-sh:inset 0 0 46px 10px rgba(115,85,230,.24),inset 0 18px 30px rgba(215,200,255,.14);--enc-rim-sh2:inset 0 0 68px 18px rgba(115,85,230,.42),inset 0 24px 38px rgba(215,200,255,.26);--enc-sky: linear-gradient(180deg,rgba(115,85,230,.16),transparent 28%), radial-gradient(55% 42% at 0 0,rgba(215,200,255,.26),transparent 64%), radial-gradient(55% 42% at 100% 0,rgba(215,200,255,.26),transparent 64%), radial-gradient(80% 40% at 50% 115%,rgba(115,85,230,.4),transparent 70%);--enc-h1:#ffe49a;--enc-h1-sh:0 3px 0 #3c2a70,0 6px 0 rgba(0,0,0,.62),0 0 28px rgba(115,85,230,.5);--enc-rail-sh:0 0 24px rgba(115,85,230,.18),inset 0 0 14px rgba(115,85,230,.08)}body[data-encounter=storm-mother]:not([data-phase="0"]){--act-glow:rgba(175,145,255,.55);--boss-glow:rgba(180,145,255,.88)}body[data-encounter=moon-swallower]{--ink:#232a3a;--ink-soft:#4c566c;--parch:#e2e6ea;--parch-dim:#d0d6dd;--parch-dark:#b6bfca;--wood:#10141f;--wood-hi:#1c2333;--wood-lo:#06080e;--brass:#a8c0e0;--brass-hi:#eef4ff;--gold:#fff0c0;--rail-bg:rgba(8,11,20,.86);--rail-border:#48607e;--panel-title:#26324a;--panel-muted:#55647e;--panel-rule:rgba(60,85,120,.35);--panel-name:#26324a;--panel-dim:#55647e;--panel-strong:#33507a;--act-hi:#f0f6ff;--act-lbl:#c0d4f0;--act-glow:rgba(200,220,255,.3);--boss-glow:rgba(205,225,255,.5);--panel-adorn: radial-gradient(180px 100px at -2% -5%,rgba(235,243,255,.42),transparent 70%), radial-gradient(180px 100px at 102% -5%,rgba(235,243,255,.34),transparent 70%), linear-gradient(180deg,rgba(235,243,255,.24),transparent 18%);--enc-art:url(/assets/bosses/moon-swallower/backdrop.webp);--enc-bg-o:.86;--enc-bg-o2:.96;--enc-bg-f:saturate(.95) brightness(.72);--enc-bg-f2:saturate(1.18) brightness(.84) contrast(1.05);--enc-frame:rgba(235,243,255,.6);--enc-frame-sh:inset 0 3px 0 rgba(235,243,255,.26),inset 0 0 13px rgba(120,150,200,.22);--enc-frame-sh2:inset 0 4px 0 rgba(235,243,255,.5),inset 0 0 19px rgba(120,150,200,.38);--enc-rim:rgba(235,243,255,.22);--enc-rim-sh:inset 0 0 46px 10px rgba(120,150,200,.24),inset 0 18px 30px rgba(235,243,255,.14);--enc-rim-sh2:inset 0 0 68px 18px rgba(120,150,200,.42),inset 0 24px 38px rgba(235,243,255,.26);--enc-sky: linear-gradient(180deg,rgba(120,150,200,.16),transparent 28%), radial-gradient(55% 42% at 0 0,rgba(235,243,255,.26),transparent 64%), radial-gradient(55% 42% at 100% 0,rgba(235,243,255,.26),transparent 64%), radial-gradient(80% 40% at 50% 115%,rgba(120,150,200,.4),transparent 70%);--enc-h1:#fff0c0;--enc-h1-sh:0 3px 0 #3a4a66,0 6px 0 rgba(0,0,0,.62),0 0 28px rgba(120,150,200,.5);--enc-rail-sh:0 0 24px rgba(120,150,200,.18),inset 0 0 14px rgba(120,150,200,.08)}body[data-encounter=moon-swallower]:not([data-phase="0"]){--act-glow:rgba(220,235,255,.48);--boss-glow:rgba(230,242,255,.75)}body[data-boss=kraken]{--boss-glow:rgba(140,52,99,.45)}body[data-boss=galleon]{--boss-glow:rgba(163,38,56,.4)}body[data-boss=serpent]{--boss-glow:rgba(42,150,140,.38)}body[data-boss=ghost]{--boss-glow:rgba(130,210,200,.3)}body[data-boss=leviathan]{--boss-glow:rgba(140,190,225,.35)}body[data-boss=stormbird]{--boss-glow:rgba(160,140,255,.4)}body[data-boss=deepwhale]{--boss-glow:rgba(200,220,255,.35)}.scene-frame,.panel,.vital,.strip,.chants,.tray{transition:box-shadow 1.4s ease,border-color 1.2s ease,color 1.2s ease}body[data-boss] .scene-frame{box-shadow:inset 0 0 0 1px #ecd28a26,0 10px 30px #0000008c,0 0 44px var(--boss-glow)}body[data-boss] .panel{box-shadow:0 6px #00000073,inset 0 0 0 1px #fff4c880,0 0 26px var(--boss-glow)}body[data-boss] .vital{box-shadow:inset 0 0 0 1px #ecd28a24,0 4px #0006,0 0 20px var(--boss-glow)}body[data-boss] .strip{box-shadow:0 6px #00000059,0 0 22px var(--boss-glow)}@media(prefers-reduced-motion:reduce){#encounter-bg{transition:none;transform:none!important}#bossfx i,#bossfx:before,#bossfx:after,#actfx i,#actfx i:before,#actfx:before,#actfx:after,#bossfx .ms b{animation:none}body[data-boss=ghost] #bossfx:after,body[data-boss=galleon] #bossfx:after,body[data-boss=serpent] #bossfx:after,body[data-boss=stormbird] #bossfx:after{animation:none}#bossfx .bb,#bossfx .fe,#bossfx .st,#bossfx .bf-snow,#bossfx .bf-mote,#actfx .pt,#actfx .dp,#actfx .sn,#actfx .em,#actfx .as,#actfx .mo,#actfx .cm,#actfx .sw{display:none}}@media(max-width:700px){body[data-encounter] #encounter-bg{background-position:50% top;opacity:calc(var(--enc-bg-o,0)*.9)}}.isle-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 8px}.isle-tab{font-family:VT323,monospace;font-size:15px;letter-spacing:1px;cursor:pointer;padding:3px 9px;color:#6b4d26;background:#28180814;outline:1px solid var(--panel-rule);border:none;display:flex;gap:6px;align-items:baseline}.isle-tab .ac{font-family:Pirata One,serif;font-size:14px;color:#a08356;letter-spacing:0}.isle-tab:hover{outline-color:var(--ink);color:var(--ink)}.isle-tab.on{background:#28180847;color:#2c1a0a;outline:2px solid rgba(60,36,16,.6)}.isle-tab.busy .ac{color:#7a5505}.isle-berth{margin-top:10px}.isle-berth .bh{font-family:Pirata One,serif;font-size:21px;color:var(--panel-title);border-top:2px solid var(--panel-rule);margin-top:6px;padding-top:6px}.isle-berth .bh span{font-family:VT323,monospace;font-size:14px;color:var(--panel-dim);letter-spacing:1px}.shorebar{display:flex;align-items:center;gap:8px;padding:5px 9px;font-size:16px;color:#2c1a0a;background:#7a550529;outline:1px solid rgba(122,85,5,.5)}.shorebar.idle{background:#2818081a;outline-color:var(--panel-rule);color:var(--panel-dim)}.shorebar .ic{font-size:17px;line-height:1}.shorebar .tx{flex:1;min-width:0}.shorebar .fuse{width:110px;height:6px;background:#0c0c0c;outline:1px solid #000;flex:none}.shorebar .fuse i{display:block;height:100%;width:0%;background:var(--gold)}.shorebar .t{font-size:15px;color:#7a5505;min-width:52px;text-align:right}.errands{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;margin-top:6px}.errand{font-family:VT323,monospace;text-align:left;cursor:pointer;border:none;padding:6px 9px;background:#2818081a;outline:1px solid var(--panel-rule)}.errand .nm{display:block;font-size:16px;line-height:1.05;color:#2c1a0a}.errand .fx{display:block;font-size:13px;line-height:1.25;color:#6b4d26;margin-top:2px}.errand .pay{display:block;font-size:14px;color:#7a5505;margin-top:3px;letter-spacing:1px}.errand:hover:not(.is-off){outline:2px solid var(--ink)}.errand.is-off{opacity:.5;cursor:not-allowed}.adm-card{margin-top:6px;padding:7px 10px;background:#2818081a;outline:1px solid var(--panel-rule)}.adm-card.on{background:#7a55052e;outline:2px solid rgba(122,85,5,.6)}.adm-card .nm{font-family:Pirata One,serif;font-size:22px;color:var(--panel-title);line-height:1.05}.adm-card .nm span{font-family:VT323,monospace;font-size:14px;color:var(--panel-dim);letter-spacing:1px}.adm-card .fx{font-size:15px;color:#395d2e;margin-top:3px}.adm-card .sig{font-size:15px;color:#1f4e73;margin-top:2px;line-height:1.25}.adm-card .sig span{color:var(--panel-dim)}.adm-row{margin-top:6px}.cos-cat{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--panel-muted);margin:8px 0 3px}.cos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.cos-card{font-family:VT323,monospace;text-align:left;cursor:pointer;border:none;padding:5px 8px;background:#2818081a;outline:1px solid var(--panel-rule)}.cos-card .sw{display:flex;gap:2px;margin-bottom:3px}.cos-card .sw i{width:14px;height:9px;display:block;outline:1px solid rgba(0,0,0,.45)}.cos-card .nm{display:block;font-size:15px;line-height:1.05;color:#2c1a0a}.cos-card .pay{display:block;font-size:13px;color:#7a5505;letter-spacing:1px}.cos-card:hover:not(.is-off){outline:2px solid var(--ink)}.cos-card.is-off{opacity:.5;cursor:not-allowed}.cos-card.on{background:#7a550533;outline:2px solid rgba(122,85,5,.65)}.cos-card.on .nm{color:#7a5505}.flagbar{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.flagchip{font-family:VT323,monospace;font-size:15px;letter-spacing:1px;cursor:pointer;border:none;padding:3px 9px;color:#6b4d26;background:#2818081a;outline:1px solid var(--panel-rule)}.flagchip:hover{outline-color:var(--ink);color:var(--ink)}.flagchip.on{background:#7a550538;color:#7a5505;outline:2px solid rgba(122,85,5,.6)}.doct-head{font-size:14px;color:#6b4d26;margin-bottom:6px}.doct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}.doct-card{display:block;text-align:left;min-width:0;cursor:pointer;font-family:VT323,monospace;padding:5px 7px;border:none;color:var(--ink);background:#2818081a;outline:1px solid rgba(60,36,16,.35)}.doct-card .nm{display:block;font-size:16px;line-height:1.05;color:#2c1a0a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doct-card .fx{display:block;font-size:13px;line-height:1.25;color:#6b4d26;margin-top:2px}.doct-card:hover:not(.is-off){outline:2px solid var(--ink)}.doct-card.is-off{opacity:.55;cursor:not-allowed}.doct-card.on{background:#7a550533;outline:2px solid rgba(122,85,5,.65)}.doct-card.on .nm{color:#7a5505}.spec-grid{grid-template-columns:1fr;margin-bottom:8px}.spec-grid .doct-card .fx{white-space:normal}#confirm,#chartback,#settings{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;background:#03070cd1}#confirm.show,#chartback.show,#settings.show{display:flex}#confirm .sheet,#chartback .sheet,#settings .sheet{background:linear-gradient(180deg,var(--parch),var(--parch-dark));color:var(--ink);border:3px solid #120a04;box-shadow:0 0 60px #a326382e,0 24px 60px #000c;padding:24px 32px;text-align:center;max-width:440px;clip-path:polygon(0 10px,10px 10px,10px 0,calc(100% - 10px) 0,calc(100% - 10px) 10px,100% 10px,100% calc(100% - 10px),calc(100% - 10px) calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,10px calc(100% - 10px),0 calc(100% - 10px))}#confirm h3,#chartback h3,#settings h3{font-family:Pirata One,serif;font-size:30px;color:#3c2410;font-weight:400}#confirm p,#chartback p,#settings p{margin:10px 0 4px;font-size:18px;line-height:1.5}#confirm p small{color:#7a5c33;font-size:14px;display:block;margin-top:6px}#confirm .row,#chartback .row,#settings .row{display:flex;gap:10px;justify-content:center;margin-top:12px}#confirm .btn,#chartback .btn,#settings .btn{font-size:17px;padding:6px 18px}.chartbtn{font-family:VT323,monospace;font-size:15px;letter-spacing:1px;cursor:pointer;padding:4px 10px;white-space:nowrap;color:var(--gold);background:#241509;border:1px solid var(--brass);animation:ordersPulse 2.4s ease-in-out infinite}.chartbtn:hover{background:#31200e}.chartbtn.ret{color:#9fe8b0;border-color:#3f8f3a;animation:none}#chartback .sheet{max-width:620px}#chartback-list{margin-top:12px;max-height:52vh;overflow-y:auto;text-align:left}.cb-act{margin-bottom:10px}.cb-lbl{display:block;font-family:Pirata One,serif;font-size:19px;color:#3c2410;margin-bottom:4px}.cb-row{display:flex;gap:5px;flex-wrap:wrap}#chartback .btn.cb-v{font-size:16px;padding:4px 0;min-width:40px;flex:1 1 40px;max-width:70px;text-align:center}.cb-v.boss{outline:2px solid #a32638}.cb-v.mini{outline:2px solid #f2a533}#chartback .btn.cb-v.cur{background:linear-gradient(180deg,#e0cfa4,#b39a6b 60%,#8a7344);color:#2c1a0a;cursor:default;outline:2px solid #3c2410}#chartback .btn.cb-v.front{box-shadow:0 0 0 2px #9fe8b0b3}.cb-front{margin-bottom:12px;text-align:center}#chartback-sub{color:#5a4023}.chartbtn.urge{animation:ordersPulse 2.4s ease-in-out infinite}#settings .sheet{max-width:560px;text-align:left}#settings h3{text-align:center}.set-grp{margin-top:14px;border-top:2px solid var(--panel-rule);padding-top:8px}.set-h{font-family:Pirata One,serif;font-size:21px;color:var(--panel-title);margin-bottom:6px}.set-h span{font-family:VT323,monospace;font-size:14px;color:var(--panel-dim);letter-spacing:1px}#settings .tog{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:18px;color:#2c1a0a;padding:5px 2px;cursor:pointer;border-bottom:1px dashed var(--panel-rule);letter-spacing:0}#settings .tog:last-child{border-bottom:none}#settings .tog span{font-size:14px;color:var(--panel-dim);flex:1 1 100%;margin-left:24px}#settings .tog input{accent-color:#6b4d26;width:16px;height:16px;cursor:pointer}.set-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}#set-shipname{font-family:Pirata One,serif;font-size:24px;color:var(--panel-title);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#settings .row{border-top:2px solid var(--panel-rule);margin-top:16px;padding-top:12px}@media(prefers-reduced-motion:reduce){.chartbtn.urge{animation:none}}.renamebtn{font-family:VT323,monospace;font-size:15px;line-height:1;cursor:pointer;border:none;padding:1px 6px;margin-left:6px;vertical-align:3px;background:#28180824;outline:1px solid var(--panel-rule);color:#6b4d26}.renamebtn:hover{outline-color:var(--ink);color:var(--ink)}.prompt-in{display:block;width:100%;margin-top:10px;box-sizing:border-box;font-family:Pirata One,serif;font-size:24px;letter-spacing:1px;padding:6px 10px;color:#2c1a0a;background:#fffaebb3;border:none;outline:2px solid rgba(60,36,16,.5)}.prompt-in:focus{outline:2px solid var(--gold)}@media(prefers-reduced-motion:reduce){.chartbtn{animation:none}}@media(prefers-reduced-motion:reduce){.state-badge.fight{animation:none}#reveal.show{animation:none;transform:translate(-50%,-50%)}.scene-frame.shake{animation:none}}