.bf{color:#f2efe6;text-shadow:0 1px 2px #000c;--red:#d2402f;--gold:#e3c27a;--glass:linear-gradient(180deg, #0b0f14cc, #0b0f1499);font-family:Segoe UI,Noto Sans,Helvetica Neue,system-ui,sans-serif;position:absolute;inset:0}.bf .caps{text-transform:uppercase;letter-spacing:.18em;font-family:Cinzel,Trajan Pro,Times New Roman,serif}.bf .hud{position:absolute;inset:0}.bf .mm{width:210px;height:210px;position:absolute;bottom:34px;left:34px}.bf .mm canvas{width:100%;height:100%;position:absolute;inset:0}.bf .mm svg{width:258px;height:258px;position:absolute;top:-24px;left:-24px;overflow:visible}.bf .sails{flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;bottom:44px;left:258px}.bf .sails i{clip-path:polygon(0 100%,50% 0,100% 100%,50% 55%);background:#f2efe633;width:26px;height:12px}.bf .sails i.on{background:#f2efe6}.bf .sails b{margin-top:6px;font-size:20px;font-weight:300}.bf .sails small{letter-spacing:.15em;opacity:.7;font-size:10px}.bf .tl{flex-direction:column;gap:14px;display:flex;position:absolute;top:30px;left:34px}.bf .notor{align-items:center;gap:12px;display:flex}.bf .notor .em{border:2px solid #f2efe6aa;place-items:center;width:34px;height:34px;display:grid;transform:rotate(45deg)}.bf .notor .em span{font-size:15px;transform:rotate(-45deg)}.bf .notor.on .em{border-color:var(--red);background:#d2402f33}.bf .notor .bars{gap:4px;margin-top:5px;display:flex}.bf .notor .bars i{background:#f2efe62a;width:30px;height:5px;position:relative;overflow:hidden}.bf .notor .bars i:after{content:"";background:var(--red);transform:scaleX(var(--f,0));transform-origin:0;position:absolute;inset:0}.bf .notor .lbl{font-size:11px}.bf .purse{align-items:center;gap:10px;font-size:22px;font-weight:300;display:flex;position:absolute;top:28px;right:34px}.bf .purse i{background:radial-gradient(circle at 35% 35%,#fff3c4,#c9a24a 60%,#8a6a22);border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 2px #0006}.bf .feed{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:72px;right:34px}.bf .feed div{background:linear-gradient(90deg,#0000,#0b0f1488);border-right:2px solid #f2efe6;padding:4px 10px 4px 14px;font-size:13px;transition:opacity .7s;animation:.3s ease-out bf-in}.bf .feed div.reward{border-color:var(--gold)}.bf .feed div.danger{border-color:var(--red)}@keyframes bf-in{0%{opacity:0;transform:translateY(-6px)}}.bf .wpns{flex-direction:column;gap:6px;width:250px;display:flex;position:absolute;bottom:34px;right:34px}.bf .w{background:var(--glass);opacity:.62;grid-template-columns:30px 1fr 26px;align-items:center;gap:10px;padding:6px 10px;transition:opacity .15s,transform .15s;display:grid}.bf .w.facing{opacity:1;transform:translate(-8px);box-shadow:inset 3px 0 #f2efe6}.bf .w.off{display:none}.bf .w svg{width:28px;height:22px}.bf .w .nm{font-size:11px}.bf .w .rl{background:#f2efe622;height:3px;margin-top:5px}.bf .w .rl i{background:#f2efe6;height:100%;display:block}.bf .w.ready .rl i{background:var(--gold)}.bf .key{border:1.5px solid #f2efe6cc;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:grid}.bf .prompt{white-space:nowrap;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.bf .prompt .key{background:#0b0f1499;width:30px;height:30px;font-size:13px}.bf .warn{text-align:center;color:#ffdcae;font-size:30px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.bf .warn small{margin-top:6px;font-size:12px;display:block}.bf .tag{white-space:nowrap;flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;transform:translate(-50%,-100%)}.bf .tag .row{align-items:center;gap:6px;display:flex}.bf .tag .lv{background:#0b0f1499;border:1.5px solid #f2efe6;place-items:center;width:18px;height:18px;display:grid;transform:rotate(45deg)}.bf .tag .lv span{font-size:9px;font-weight:700;transform:rotate(-45deg)}.bf .tag.hostile .lv{border-color:var(--red)}.bf .tag .bar{background:#0b0f14aa;width:96px;height:5px;box-shadow:0 0 0 1px #f2efe655}.bf .tag .bar i{background:#f2efe6;height:100%;display:block}.bf .tag.hostile .bar i{background:var(--red)}.bf .tag .board{align-items:center;gap:6px;font-size:11px;display:flex}.bf .tag .board .key{width:20px;height:20px;font-size:10px}.bf .tag.fort .bar{width:140px}.bf .tag .silenced{color:#e3c27a;font-size:11px}.bf .vig{opacity:0;transition:opacity .4s;position:absolute;inset:0;box-shadow:inset 0 0 200px #a0100099}.bf .hit{opacity:0;border:2px solid #fff;width:14px;height:14px;margin:-7px;transition:width .12s,height .12s,margin .12s;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.bf .hit.kill{border-color:var(--red);width:26px;height:26px;margin:-13px;box-shadow:0 0 12px #d2402faa}.bf .screen{pointer-events:auto;display:none;position:absolute;inset:0}.bf .title{text-align:center;background:radial-gradient(at 50% 45%,#0000 25%,#05080cd9 80%)}.bf .title .logo{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.bf .title .crest{border:2px solid #f2efe6;place-items:center;width:86px;height:86px;margin:0 auto 22px;display:grid;transform:rotate(45deg);box-shadow:0 0 0 6px #0b0f1466,0 0 0 7px #f2efe644}.bf .title .crest span{font-size:40px;transform:rotate(-45deg)}.bf .title h1{letter-spacing:.16em;white-space:nowrap;margin:0;font-size:44px;font-weight:400}.bf .title .rule{background:linear-gradient(90deg,#0000,#f2efe6aa,#0000);width:420px;height:1px;margin:16px auto}.bf .title .sub{opacity:.75;font-size:12px}.bf .title .any{font-size:13px;animation:2s infinite bf-pulse;position:absolute;bottom:18%;left:0;right:0}@keyframes bf-pulse{50%{opacity:.35}}.bf .sails.maxed i{animation:.5s ease-out bf-maxed}.bf .sails.maxed i:nth-child(2){animation-delay:50ms}.bf .sails.maxed i:first-child{animation-delay:.1s}@keyframes bf-maxed{35%{filter:drop-shadow(0 0 5px #fff);transform:translateY(-4px)}}.bf .title .menu{justify-content:center;gap:60px;display:flex;position:absolute;bottom:16%;left:0;right:0}.bf .opt{font:inherit;text-transform:inherit;letter-spacing:inherit;color:#f2efe6aa;cursor:pointer;text-shadow:inherit;background:0 0;border:0;border-bottom:1px solid #0000;padding:8px 2px;font-size:16px}.bf .opt.sel,.bf .opt:hover{color:#f2efe6;border-bottom-color:#f2efe6}.bf .opt[disabled]{opacity:.3;cursor:default}.bf .pause{background:#061019}.bf .pause canvas{width:100%;height:100%;position:absolute;inset:0}.bf .pause .side{background:linear-gradient(90deg,#05080cf2,#05080cc0 70%,#0000);width:360px;padding:56px 40px;position:absolute;top:0;bottom:0;left:0}.bf .pause h2,.bf .cabin h2{margin:0;font-size:26px;font-weight:400}.bf .pause .side .opt{margin:6px 0;display:block}.bf .keys{opacity:.85;grid-template-columns:auto 1fr;gap:6px 14px;margin-top:34px;font-size:12px;display:grid}.bf .keys b{white-space:nowrap;font-weight:600}.bf .legend{gap:22px;font-size:11px;display:flex;position:absolute;bottom:36px;right:40px}.bf .legend span:before{content:"";background:var(--c);width:9px;height:9px;margin-right:7px;display:inline-block;transform:rotate(45deg)}.bf .cabin{background:linear-gradient(90deg,#05080cf0 0%,#05080cd0 34%,#05080c30 60%,#05080c00 75%)}.bf .cabin .list{flex-direction:column;width:440px;padding:48px 40px;display:flex;position:absolute;top:0;bottom:0;left:0}.bf .cabin .sub{opacity:.7;margin:6px 0 26px;font-size:11px}.bf .cabin .it{cursor:pointer;border-left:2px solid #0000;grid-template-columns:1fr auto;align-items:center;gap:6px;margin:0 -14px;padding:11px 14px;display:grid}.bf .cabin .it.sel{background:linear-gradient(90deg,#f2efe61f,#0000);border-left-color:#f2efe6}.bf .cabin .it .nm{font-size:14px}.bf .cabin .it .lvl{grid-column:1;gap:3px;display:flex}.bf .cabin .it .lvl i{background:#f2efe62a;width:22px;height:3px}.bf .cabin .it .lvl i.on{background:#f2efe6}.bf .cabin .it .cost{color:var(--gold);grid-area:1/2/3;font-size:13px}.bf .cabin .it .cost.no{color:#f2efe666}.bf .cabin hr{background:#f2efe62a;border:0;width:100%;height:1px;margin:14px 0}.bf .cabin .card{background:var(--glass);width:430px;padding:26px 28px;position:absolute;bottom:48px;right:48px;box-shadow:0 10px 40px #0008}.bf .cabin .card h3{margin:0 0 4px;font-size:22px;font-weight:400}.bf .cabin .card .tier{opacity:.8;font-size:13px}.bf .cabin .stat{grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px;margin:18px 0;font-size:13px;display:grid}.bf .cabin .stat .to{color:var(--gold)}.bf .cabin .act{cursor:pointer;color:inherit;text-shadow:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-family:inherit;font-size:13px;display:flex}.bf .cabin .act[disabled]{opacity:.35;cursor:default}.bf .cabin .purse2{align-items:center;gap:10px;font-size:22px;font-weight:300;display:flex;position:absolute;top:44px;right:48px}.bf .cabin .purse2 i{background:radial-gradient(circle at 35% 35%,#fff3c4,#c9a24a 60%,#8a6a22);border-radius:50%;width:20px;height:20px}.bf .cabin .foot{opacity:.85;gap:26px;margin-top:auto;font-size:12px;display:flex}.bf .crew{opacity:.85;font-size:10px;line-height:1.7}.bf .job{border-left:2px solid var(--obj);--obj:#f5c542;background:linear-gradient(90deg,#0b0f1499,#0000);max-width:300px;padding:6px 12px 7px;display:none}.bf .job.on{display:block}.bf .job .k{color:var(--obj);justify-content:space-between;gap:16px;font-size:11px;display:flex}.bf .job .k span{color:#f2efe6;letter-spacing:.05em;font-variant-numeric:tabular-nums;font-family:Segoe UI,Noto Sans,system-ui,sans-serif}.bf .job.late .k span{color:var(--red)}.bf .job .g{margin-top:3px;font-size:13px}.bf .job .d{opacity:.75;margin-top:3px;font-size:10px}.bf .pause .job{margin:-12px 0 24px}.bf .crew span{text-transform:none;letter-spacing:0;opacity:.9;font-family:Segoe UI,Noto Sans,system-ui,sans-serif;font-size:12px;display:block}.bf .crewform{background:var(--glass);text-align:left;width:420px;padding:24px 28px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.bf .crewform .lbl{margin-bottom:14px;font-size:13px}.bf .crewform label{align-items:center;gap:14px;margin:10px 0;display:flex}.bf .crewform label span{opacity:.8;width:110px;font-size:11px}.bf .crewform input{color:#f2efe6;background:#0b0f1488;border:0;border-bottom:1px solid #f2efe688;outline:none;flex:1;padding:7px 10px;font:16px Segoe UI,Noto Sans,system-ui,sans-serif}.bf .crewform input[name=code]{letter-spacing:.3em;text-transform:uppercase}.bf .crewform .hint{opacity:.7;margin:12px 0 16px;font-size:12px}.bf .crewform .row{gap:30px;display:flex}.bf .tag.friend{color:#bff2e2}.bf .tag.objective{color:#f5c542}.bf .tag.objective .mark{background:#0b0f1499;border:2px solid #f5c542;width:12px;height:12px;transform:rotate(45deg)}.bf .tag.objective .bar i{background:#f5c542}.bf .tag.haunt{color:#b9f3e4}.bf .tag.haunt .mark{background:#0b0f1499;border:2px dashed #b9f3e4;border-radius:50%;width:12px;height:12px}.bf .cabin .tabs{gap:26px;margin:-8px 0 16px;font-size:13px;display:flex}.bf .cabin .tabs span{opacity:.55;cursor:pointer;border-bottom:1px solid #0000;padding-bottom:6px}.bf .cabin .tabs span.on{opacity:1;border-bottom-color:#f2efe6}.bf .cabin .it .lvl.gold{color:#f5c542;font-size:12px}.bf .cabin .stat.brief{opacity:.9;grid-template-columns:1fr;line-height:1.5}.bf .cabin .terms{gap:28px;margin:0 0 18px;font-size:11px;display:flex}.bf .cabin .gap{height:16px}.bf .cabin .bar2{grid-template-columns:1fr auto;gap:4px;margin:14px 0;font-size:11px;display:grid}.bf .cabin .bar2 b{font-size:13px;font-weight:400}.bf .cabin .bar2 i{background:#f2efe614;grid-column:1/3;height:10px;position:relative}.bf .cabin .bar2 u,.bf .cabin .bar2 em{display:block;position:absolute;left:0}.bf .cabin .bar2 u{background:#f2efe6aa;height:4px;top:0}.bf .cabin .bar2 em{background:var(--gold);height:5px;bottom:0}.bf .cabin .terms b{letter-spacing:0;color:var(--gold);margin-left:6px;font-family:Segoe UI,Noto Sans,system-ui,sans-serif;font-size:14px;font-weight:400}.bf .tag.friend .bar i{background:#7fe0c4}.bf input{-webkit-user-select:text;user-select:text}.bf .tc{pointer-events:none;position:absolute;inset:0}.bf .tc button{font:inherit;color:inherit;text-shadow:inherit;touch-action:none;border:0;padding:0}.bf .tc .helm{pointer-events:none;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:0;left:22px}.bf .tc .wheel{pointer-events:auto;touch-action:none;border-radius:118px 118px 0 0;width:236px;height:126px;position:relative}.bf .tc .wheel .rot{filter:drop-shadow(0 3px 6px #000b);width:236px;height:236px;transition:transform .22s ease-out;position:absolute;top:8px;left:0}.bf .tc .wheel.turning .rot{transition:none}.bf .tc .wheel .rot svg{width:100%;height:100%;display:block}.bf .tc .wheel .gauge{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bf .tc .wheel .gauge path{fill:none;stroke-width:4.5px;stroke-linecap:round}.bf .tc .wheel .gauge .track{stroke:#f2efe622}.bf .tc .wheel .gauge .fill{stroke:var(--gold);filter:drop-shadow(0 0 4px);transition:stroke .12s}.bf .tc .wheel.stbd .gauge .fill{stroke:#43c777;color:#43c777}.bf .tc .wheel.port .gauge .fill{stroke:var(--red);color:var(--red)}.bf .tc .wheel .pointer{background:var(--gold);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 1px #000);transform-origin:50% 0;width:12px;height:9px;margin-left:-6px;transition:transform .12s;position:absolute;top:0;left:50%}.bf .tc .wheel.straight .pointer{transform:scale(1.35)}.bf .tc .pad{pointer-events:auto;touch-action:none;border-radius:110px 110px 0 0;width:220px;height:128px;position:absolute;bottom:20px;right:24px}.bf .tc .pad:before{content:"";border:1px solid #f2efe62a;border-bottom:0;border-radius:74px 74px 0 0;width:148px;height:74px;position:absolute;top:26px;left:36px}.bf .tc .pad.cancel{box-shadow:inset 0 0 0 2px var(--red)}.bf .tc .tile{background:var(--glass);opacity:.5;pointer-events:none;--load:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:54px;height:54px;margin:-27px 0 0 -27px;transition:transform .18s,opacity .18s,box-shadow .18s;display:flex;position:absolute}.bf .tc .tile.top{top:26px;left:110px}.bf .tc .tile.left{top:100px;left:36px}.bf .tc .tile.right{top:100px;left:184px}.bf .tc .tile.hub{width:44px;height:44px;margin:-22px 0 0 -22px;top:100px;left:110px}.bf .tc .tile svg{width:20px;height:16px}.bf .tc .tile .nm{letter-spacing:.04em;font-size:7px}.bf .tc .tile.hub .nm{display:none}.bf .tc .tile .rl{background:conic-gradient(#f2efe6 calc(var(--load) * 360deg), #f2efe622 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.bf .tc .tile.ready .rl{background:var(--gold)}.bf .tc .tile.held{opacity:1;box-shadow:0 0 0 2px #f2efe6}.bf .tc .tile.facing{opacity:1;z-index:1;animation:.3s ease-out tc-swell;transform:scale(1.22);box-shadow:0 0 16px #f2efe644}@keyframes tc-swell{0%{transform:scale(1)}60%{transform:scale(1.32)}}.bf .tc .act{background:var(--glass);box-shadow:inset 3px 0 0 var(--gold);pointer-events:auto;padding:11px 18px;font-size:11px;position:absolute;bottom:182px;right:24px}.bf .tc .mortar{bottom:232px}.bf .tc .act.down{background:#f2efe640}.bf .tc .pause{background:var(--glass);pointer-events:auto;width:34px;height:34px;font-size:12px;position:absolute;top:10px;right:12px;box-shadow:inset 0 0 0 1px #f2efe66a}.touch .bf .mm{transform-origin:0 0;top:22px;bottom:auto;left:22px;transform:scale(.38)}.touch .bf .tl{gap:6px;top:14px;left:112px}.touch .bf .sails{flex-direction:row;align-items:baseline;gap:8px;bottom:150px;left:30px}.touch .bf .sails i{display:none}.touch .bf .sails b{margin-top:0}.touch .bf .wpns{display:none}.touch .bf .purse{font-size:18px;top:14px;right:56px}.touch .bf .feed{top:54px;right:12px}.touch .bf .prompt{top:16%;bottom:auto}.touch .bf .prompt .key,.touch .bf .tag .board .key{display:none}.touch .bf .warn{font-size:22px}.touch .bf .title .menu{gap:30px}.touch .bf .opt{padding:12px 4px}@media (height<=520px){.bf .title .logo{top:34%}.bf .title .crest{width:56px;height:56px;margin-bottom:16px}.bf .title .crest span{font-size:26px}.bf .title h1{font-size:30px}.bf .title .rule{width:300px;margin:10px auto}.bf .title .menu{bottom:10%}.bf .title .any{bottom:12%}.bf .crewform{width:380px;padding:12px 20px;bottom:4%}.bf .crewform label{margin:6px 0}.bf .crewform .hint{margin:8px 0 10px}.bf .pause .side{width:min(420px,62%);padding:20px 24px;overflow-y:auto}.bf .pause h2,.bf .cabin h2{font-size:20px}.bf .keys{gap:4px 12px;margin-top:18px;font-size:11px}.bf .legend{display:none}.bf .cabin .list{width:min(420px,54%);padding:18px 22px;overflow-y:auto}.bf .cabin .sub{margin:4px 0 12px}.bf .cabin .it{grid-template-columns:1fr auto auto;gap:10px;margin:0 -10px;padding:8px 10px}.bf .cabin .it .lvl{grid-area:1/2}.bf .cabin .it .cost{grid-area:1/3}.bf .cabin .foot{background:#05080cf2;margin:0 -22px -18px;padding:10px 22px;position:sticky;bottom:-18px}.bf .cabin .sub{font-size:10px}.bf .cabin .card{width:min(340px,38%);padding:14px 16px;bottom:16px;right:16px}.bf .cabin .card h3{font-size:18px}.bf .cabin .stat{margin:10px 0}.bf .cabin .purse2{top:14px;right:16px}}