.naval-heading{align-items:flex-start;gap:24px}.naval-heading h1{margin:4px 0 12px}.naval-total{color:var(--accent-yellow);background:#eda84a14;border:1px solid #eda84a6b;border-radius:999px;flex:none;padding:9px 13px;font-size:13px}.ship-grid,.cannon-grid,.cannon-variant-list,.figurehead-atlas{gap:18px;margin-top:28px;display:grid}.ship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ship-card,.cannon-card,.cannon-variant{background:#0000002e;border:1px solid #8fbac53d;border-radius:10px}.ship-card{background:radial-gradient(circle at 90% 4%,#eda84a1f,#0000 36%),#0000002e;padding:24px}.ship-card.ship-wandering-firework{background:radial-gradient(circle at 90% 4%,#a969e629,#0000 36%),#0000002e}.ship-card-heading,.ship-family-heading,.cannon-filter-footer,.cannon-section-heading,.affix-heading,.cannon-variant>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.ship-card-heading span,.cannon-ship,.cannon-variant>header span{color:var(--accent-gold);font-size:12px;font-weight:800}.ship-card-heading h2{margin:5px 0 0;font-size:34px}.ship-card-heading>strong{color:var(--text-main);border:1px solid #eda84a57;border-radius:999px;padding:6px 10px;font-size:12px}.ship-card>p,.variant-description{color:var(--text-muted);line-height:1.8}.ship-family-heading a{color:var(--accent-yellow);font-size:13px;font-weight:800}.figurehead-basics{gap:10px;margin:18px 0 0;display:grid}.figurehead-basics.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.figurehead-basics div,.acquisition-section dl div{background:#ffffff05;border:1px solid #8fbac529;border-radius:7px;gap:4px;padding:12px;display:grid}.figurehead-basics dt,.acquisition-section dt{color:var(--text-dim);font-size:11px;font-weight:800}.figurehead-basics dd,.acquisition-section dd{color:var(--text-main);margin:0;font-size:13px;line-height:1.65}.ship-family-heading{border-top:1px solid #8fbac529;align-items:center;margin-top:24px;padding-top:18px}.ship-family-heading h3{margin:0;font-size:16px}.ship-family-heading span,.affix-heading span{color:var(--text-dim);font-size:12px}.family-link-list{gap:9px;margin-top:12px;display:grid}.figurehead-build-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.figurehead-build{background:#eda84a0d;border:1px solid #eda84a3d;border-radius:8px;padding:14px}.figurehead-build h4{color:var(--accent-gold);margin:0 0 12px;font-size:16px}.figurehead-build dl{gap:10px;margin:0;display:grid}.figurehead-build dl div{gap:4px;display:grid}.figurehead-build dt{color:var(--text-dim);font-size:11px;font-weight:800}.figurehead-build dd{color:var(--text-main);margin:0;font-size:13px;line-height:1.55}.family-link-list a{background:#ffffff05;border:1px solid #8fbac529;border-radius:7px;gap:4px;padding:11px 13px;display:grid}.family-link-list a:hover,.family-link-list a:focus-visible{border-color:#eda84a94;outline:none}.family-link-list strong{color:var(--text-main);font-size:14px}.family-link-list span{color:var(--text-dim);font-size:12px}.cannon-filter-footer{align-items:center;margin-top:12px}.cannon-filter-footer p{color:var(--text-muted);margin:0}.cannon-collection-section{margin-top:32px}.cannon-collection-section[hidden]{display:none}.cannon-collection-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.cannon-collection-heading h2{margin:4px 0 7px;font-size:28px}.cannon-collection-heading p:last-child{color:var(--text-muted);margin:0;line-height:1.7}.cannon-collection-heading>span{color:var(--text-dim);border:1px solid #8fbac53d;border-radius:999px;flex:none;padding:6px 10px;font-size:12px}.cannon-collection-section .cannon-grid{margin-top:16px}.cannon-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.cannon-card[hidden]{display:none}.cannon-card{overflow:hidden}.legendary-cannon-card{background:radial-gradient(circle at 86% 12%,#eda84a1a,#0000 38%),#0000002e;border-color:#eda84a6b}.cannon-card .cannon-aliases{color:var(--accent-yellow)}.cannon-card>a{height:100%;color:inherit;grid-template-rows:90px 1fr;display:grid}.cannon-mark,.cannon-hero-mark{background:radial-gradient(circle,#eda84a33,#0000 52%),linear-gradient(135deg,#19282b,#070e10);place-items:center;display:grid;position:relative;overflow:hidden}.ship-wandering-firework .cannon-mark,.cannon-hero.ship-wandering-firework .cannon-hero-mark{background:radial-gradient(circle,#a969e638,#0000 52%),linear-gradient(135deg,#1f1c32,#070e10)}.cannon-mark:before,.cannon-hero-mark:before{content:"";background:#eda84a14;border:2px solid #eda84abd;border-radius:5px 14px 14px 5px;width:78px;height:20px;transform:rotate(-8deg)}.cannon-mark span,.cannon-hero-mark span{border:2px solid #eda84abd;border-radius:50%;width:26px;height:26px;margin:35px 0 0 -25px;position:absolute}.cannon-card-body{flex-direction:column;padding:18px;display:flex}.cannon-card h2{margin:5px 0 8px;font-size:24px}.cannon-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.cannon-variant-summary{gap:8px;margin-top:8px;display:grid}.cannon-variant-summary>div{border-top:1px solid #8fbac524;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;padding-top:8px;display:grid}.cannon-variant-summary p{color:var(--text-main);gap:2px;display:grid}.cannon-variant-summary p strong{font-size:13px}.cannon-variant-summary small,.cannon-variant-summary em{color:var(--text-dim);font-size:11px;font-style:normal}.quality-dot{color:#fff;text-align:center;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:800}.quality-dot.quality-2{background:#32874b}.quality-dot.quality-3{background:#3268b7}.quality-dot.quality-4{background:#6b4bb0}.quality-dot.quality-5{background:linear-gradient(135deg,#ba701f,#eda84a)}.cannon-card-facts{color:var(--text-dim);gap:5px;margin-top:14px;font-size:12px;display:grid}.cannon-card-link{color:var(--accent-yellow);margin-top:auto;padding-top:16px;font-size:13px}.empty-state{color:var(--text-muted);text-align:center;border:1px dashed #8fbac54d;border-radius:8px;margin-top:24px;padding:24px}.cannon-detail{padding-top:30px}.cannon-hero{background:#0000002e;border:1px solid #eda84a7a;border-radius:10px;grid-template-columns:minmax(190px,250px) minmax(0,1fr);align-items:stretch;gap:28px;min-height:240px;margin-top:16px;display:grid;overflow:hidden}.cannon-hero>div:last-child{align-self:center;padding:24px 24px 24px 0}.cannon-hero h1{margin:5px 0 10px;font-size:clamp(42px,5vw,64px)}.cannon-hero p:not(.eyebrow){color:var(--text-muted);line-height:1.7}.cannon-hero .meta-row span{border:1px solid #8fbac53d;border-radius:999px;padding:6px 9px;font-size:12px}.cannon-detail-section{margin-top:24px}.cannon-acquisition-flow{background:#eda84a0d;border:1px solid #eda84a47;border-radius:10px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:center;gap:22px;margin-top:24px;padding:20px;display:grid}.cannon-acquisition-flow h2{margin:4px 0 0;font-size:22px}.cannon-acquisition-flow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.cannon-acquisition-flow li{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;display:grid}.cannon-acquisition-flow li span{color:#0a1114;background:var(--accent-yellow);border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid}.cannon-acquisition-flow li p{color:var(--text-muted);margin:1px 0 0;font-size:12px;line-height:1.55}.cannon-acquisition-flow.compact{margin-top:18px}.cannon-reading-guide{background:#8fbac50a;border:1px solid #8fbac538;border-radius:10px;grid-template-columns:minmax(220px,.75fr) minmax(0,1.7fr);gap:22px;margin-top:18px;padding:18px 20px;display:grid}.cannon-reading-guide h2{margin:5px 0 0;font-size:21px}.cannon-reading-guide dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.cannon-reading-guide dl div{border-left:2px solid #eda84a73;padding-left:10px}.cannon-reading-guide dt{color:var(--accent-gold);font-size:12px;font-weight:900}.cannon-reading-guide dd{color:var(--text-muted);margin:4px 0 0;font-size:12px;line-height:1.55}.cannon-section-heading{margin-bottom:18px}.cannon-section-heading h2,.cannon-section-heading p{margin-bottom:0}.cannon-variant{border-left-width:4px;padding:20px}.cannon-variant.quality-2{border-left-color:#4bad68}.cannon-variant.quality-3{border-left-color:#3d85eb}.cannon-variant.quality-4{border-left-color:#8f6bdc}.cannon-variant.quality-5{background:radial-gradient(circle at 90% 4%,#eda84a14,#0000 32%),#0000002e;border-left-color:#eda84a}.cannon-variant>header h3{margin:5px 0 0;font-size:24px}.cannon-variant>header>strong{color:var(--text-dim);font-size:12px}.cannon-variant-facts{flex-wrap:wrap;gap:8px;margin:15px 0 0;display:flex}.cannon-variant-facts>div{background:#8fbac50a;border:1px solid #8fbac52e;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;display:flex}.cannon-variant-facts dt{color:var(--text-dim);font-size:11px}.cannon-variant-facts dd{color:var(--text);margin:0;font-size:12px;font-weight:800}.cannon-tag-fact a{color:#88e7ac}.cannon-guardian-links>p{color:var(--text-muted);margin:-4px 0 11px;font-size:13px}.cannon-guardian-links ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.cannon-guardian-links li{background:#53c8880a;border:1px solid #53c8882e;border-radius:7px;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.cannon-guardian-links li a{color:var(--accent-yellow);font-weight:800}.cannon-guardian-links li span{color:#88e7ac;font-size:12px;font-weight:800}.cannon-guardian-links li small{color:var(--text-dim)}.variant-section{border-top:1px solid #8fbac524;margin-top:18px;padding-top:16px}.variant-lore{margin-top:16px}.acquisition-section dl{grid-template-columns:.7fr 1fr 2fr;gap:8px;margin:0;display:grid}.figurehead-atlas{grid-template-columns:1fr}.figurehead-tag-guide{background:#53c8880d;border:1px solid #53c88847;border-radius:10px;grid-template-columns:minmax(220px,.75fr) minmax(0,1.6fr);gap:24px;margin-bottom:18px;padding:20px;display:grid}.figurehead-tag-guide h2{margin:5px 0 0;font-size:22px}.figurehead-tag-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.figurehead-tag-guide li{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:8px;display:grid}.figurehead-tag-guide li>span{color:#88e7ac;background:#53c88829;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid}.figurehead-tag-guide li p{color:var(--text-muted);margin:2px 0 0;font-size:13px;line-height:1.55}.figurehead-card{background:radial-gradient(circle at 94% 4%,#eda84a1a,#0000 34%),#0000002e;border:1px solid #8fbac53d;border-radius:10px;padding:24px}.figurehead-card.ship-wandering-firework{background:radial-gradient(circle at 94% 4%,#a969e624,#0000 34%),#0000002e}.figurehead-card[hidden]{display:none}.figurehead-card-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.figurehead-card-heading span{color:var(--accent-gold);font-size:12px;font-weight:800}.figurehead-card-heading h2{margin:5px 0 0;font-size:32px}.figurehead-card-heading p{color:var(--text-dim);margin:8px 0 0;font-size:13px}.figurehead-card-heading a{color:var(--accent-yellow);font-size:13px;font-weight:800}.figurehead-data-section{border-top:1px solid #8fbac529;margin-top:22px;padding-top:18px}.figurehead-data-section>h3{margin:0 0 12px;font-size:17px}.figurehead-combat-effects,.figurehead-guardian-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.figurehead-combat-effects article,.figurehead-guardian-list article{background:#eda84a0a;border:1px solid #eda84a38;border-radius:8px;padding:13px}.figurehead-combat-effects strong,.figurehead-guardian-list strong{color:var(--accent-gold);font-size:14px}.figurehead-combat-effects p,.figurehead-guardian-list p{color:var(--text-muted);margin:7px 0 0;font-size:13px;line-height:1.65}.figurehead-section-heading,.figurehead-branch>header,.figurehead-guardian-list article>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.figurehead-section-heading h3,.figurehead-section-heading p,.figurehead-branch>header h4{margin:0}.figurehead-section-heading h3{margin-top:4px;font-size:18px}.figurehead-section-heading>span,.figurehead-branch>header span,.figurehead-guardian-names>span{color:var(--text-dim);font-size:12px}.figurehead-branch-list{gap:14px;margin-top:14px;display:grid}.figurehead-branch{background:#0000001f;border:1px solid #8fbac52e;border-radius:9px;padding:16px}.figurehead-branch>header{margin-bottom:12px}.guardian-tag,.figurehead-guardian-names li span{color:#88e7ac;white-space:nowrap;background:#53c88814;border:1px solid #53c88852;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.guardian-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.guardian-quality{color:#fff;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.guardian-quality.quality-3{background:#3268b7}.guardian-quality.quality-4{background:#6b4bb0}.guardian-quality.quality-5{background:#b77b23}.figurehead-guardian-names{margin-top:12px}.figurehead-guardian-names ul{flex-wrap:wrap;gap:8px;margin:7px 0 0;padding:0;list-style:none;display:flex}.figurehead-guardian-names li{background:#8fbac50a;border:1px solid #8fbac52e;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;display:flex}.figurehead-guardian-names li strong{color:var(--text);font-size:13px}.figurehead-trait-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.figurehead-trait-groups h4{color:var(--text-dim);margin:0 0 9px;font-size:12px}.figurehead-trait-list,.figurehead-tag-list{gap:8px;display:grid}.figurehead-tag-list{grid-template-columns:repeat(3,minmax(0,1fr))}.figurehead-trait-list article,.figurehead-tag-list article{background:#eda84a0a;border:1px solid #eda84a38;border-radius:7px;padding:12px}.figurehead-trait-list strong,.figurehead-tag-list strong{color:var(--accent-gold);font-size:14px}.figurehead-trait-list p,.figurehead-tag-list p{color:var(--text-muted);margin:7px 0 0;font-size:13px;line-height:1.65}.variant-section h4{margin:0 0 12px;font-size:15px}.skill-list{gap:10px;display:grid}.skill-list article{background:#eda84a0d;border:1px solid #eda84a3d;border-radius:7px;padding:13px}.skill-list strong{color:var(--accent-gold)}.skill-list p{color:var(--text-muted);margin:7px 0 0;line-height:1.7}.affix-pool{background:#00000029;border:1px solid #8fbac538;border-radius:7px}.affix-pool summary{color:var(--accent-yellow);cursor:pointer;padding:13px 15px;font-weight:800}.affix-pool ul{color:var(--text-muted);border-top:1px solid #8fbac529;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;margin:0;padding:16px 18px 18px 36px;line-height:1.65;display:grid}.cannon-detail-actions{justify-content:space-between;gap:16px;margin:20px 0 0;display:flex}.cannon-detail-actions a{color:var(--accent-yellow)}@media (width<=820px){.ship-grid,.cannon-hero,.affix-pool ul,.cannon-acquisition-flow,.acquisition-section dl,.cannon-reading-guide,.cannon-reading-guide dl,.figurehead-tag-guide,.figurehead-tag-guide ol,.cannon-acquisition-flow ol{grid-template-columns:1fr}.cannon-hero{min-height:auto}.cannon-hero-mark{min-height:170px}.cannon-hero>div:last-child{padding:0 20px 22px}}@media (width<=560px){.naval-heading,.ship-card-heading,.cannon-section-heading,.cannon-variant>header,.cannon-filter-footer,.cannon-collection-heading,.affix-heading,.cannon-detail-actions{flex-direction:column;align-items:flex-start}.cannon-grid,.figurehead-build-list,.figurehead-basics.compact,.figurehead-trait-groups,.figurehead-tag-list,.figurehead-combat-effects,.figurehead-guardian-list,.cannon-guardian-links li{grid-template-columns:1fr}.cannon-variant-summary>div{grid-template-columns:44px minmax(0,1fr)}.cannon-variant-summary em{grid-column:2}.cannon-hero h1{font-size:36px}}