@font-face{font-family:Wanted Title;src:url(/fonts/times.ttf)format("truetype");font-weight:700;font-display:swap}:root{--paper:#e8d9b5;--paper-warm:#f2e7cc;--paper-hi:#faf2de;--paper-sunk:#dccaa2;--paper-line:#b9a276;--ink:#3a2c1c;--ink-soft:#5f5039;--ink-faint:#67573f;--sea:#0f4a68;--sea-deep:#0a3550;--sea-line:#2a6f95;--on-sea:#f2e7cc;--on-sea-dim:#a8c4d4;--red:#c4362c;--red-deep:#93261e;--red-ink:#a52a20;--cream:var(--paper-warm);--cream-dim:var(--paper-sunk);--cream-line:var(--paper-line);--cream-hover:var(--paper-hi);--ink-dim:var(--ink-soft);--text:var(--on-sea);--text-dim:var(--on-sea-dim);--t-str:#d63a2b;--t-str-lit:#f05a45;--t-dex:#10814a;--t-dex-lit:#23a862;--t-qck:#1f6fb8;--t-qck-lit:#3b95e0;--t-psy:#a35f0f;--t-psy-lit:#d18a25;--t-int:#7b3fb0;--t-int-lit:#a163d8;--hp-ok:#3d8f52;--hp-warn:#c08420;--hp-low:#c4362c;--hp-track:var(--paper-sunk);--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fs-xl:21px;--fs-2xl:clamp(24px, 5vw, 30px);--fs-3xl:clamp(34px, 8vw, 46px);--w-body:500;--w-med:600;--w-bold:700;--w-black:800;--ls-label:.14em;--ls-caps:.06em;--ls-tight:-.01em;--ls-display:-.02em;--r-sm:6px;--r-md:10px;--r-lg:10px;--r-pill:999px;--r-sq:14px;--r-sq-lg:22px;--corner:round;--edge-ink:transparent;--edge-ink-strong:transparent;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--bd:none;--bd-hair:1px solid var(--paper-line);--sh:none;--sh-lift:0 10px 28px #3a2c1c2e;--key-depth:4px;--key-depth-sm:3px;--key-press:2px;--panel:#e4d3ac;--panel-line:#3a2c1c1a;--tile:var(--paper-warm);--tile-hi:var(--paper-hi);--tile-lift:0 1px 2px #3a2c1c24;--font-title:"Bitter", "Wanted Title", Georgia, serif;--font-wanted:"Wanted Title", "Times New Roman", Georgia, serif;--font-ui:"SN Pro", system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--on-sea);background-color:var(--sea);font-family:var(--font-ui);font-weight:var(--w-body);letter-spacing:var(--ls-tight);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (corner-shape:squircle){:root{--corner:squircle;--r-sq:22px;--r-sq-lg:32px}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100dvh;margin:0;overflow-x:hidden}body{background:var(--sea) url(/sprites/bg-img.jpg) center / cover no-repeat;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:var(--r-sm)}.combat-unit__hp,.combat-unit__lv,.gauge__text,.hp-bar__text,.crew-card__hp,.crew-card__level,.fighter-chip__hp,.berry,.wanted__bounty,.stat-row__val,.hit-float,.pack-balance__amount{font-variant-numeric:tabular-nums}.app{background-color:var(--sea);background-image:url(/sprites/bg-img.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;height:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.app:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(78% 68% at 50% 45%,#0000 55%,#03162461 100%);position:absolute;inset:0}.app__frame{z-index:1;flex-direction:column;width:100%;height:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.screen{overscroll-behavior-x:none;scrollbar-width:none;-ms-overflow-style:none;min-height:0;padding:64px var(--sp-5) var(--sp-6);gap:var(--sp-4);flex-direction:column;flex:1;animation:.24s ease-out screenIn;display:flex;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.screen--center{justify-content:center;align-items:center}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.crew-strip::-webkit-scrollbar{width:8px;height:8px}.recruit-grid::-webkit-scrollbar{width:8px;height:8px}.combat__units::-webkit-scrollbar{width:8px;height:8px}.map__rail::-webkit-scrollbar{width:8px;height:8px}.modal::-webkit-scrollbar{width:8px;height:8px}.crew-strip::-webkit-scrollbar-track{background:0 0}.recruit-grid::-webkit-scrollbar-track{background:0 0}.combat__units::-webkit-scrollbar-track{background:0 0}.map__rail::-webkit-scrollbar-track{background:0 0}.modal::-webkit-scrollbar-track{background:0 0}.crew-strip::-webkit-scrollbar-thumb{background:var(--sea-line);border-radius:var(--r-pill)}.recruit-grid::-webkit-scrollbar-thumb{background:var(--sea-line);border-radius:var(--r-pill)}.combat__units::-webkit-scrollbar-thumb{background:var(--sea-line);border-radius:var(--r-pill)}.map__rail::-webkit-scrollbar-thumb{background:var(--sea-line);border-radius:var(--r-pill)}.modal::-webkit-scrollbar-thumb{background:var(--sea-line);border-radius:var(--r-pill)}.tc-title{font-family:var(--font-title);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);font-weight:800}.tc-out{color:var(--ink);font-weight:var(--w-bold)}.scroll-banner{width:min(100%,620px);padding:0 0 var(--sp-3);text-align:center;flex-shrink:0;align-self:center;margin:0}.scroll-banner h2{font-family:var(--font-title);font-size:var(--fs-2xl);letter-spacing:var(--ls-display);text-transform:uppercase;color:var(--paper-hi);margin:0;font-weight:800;line-height:1.05}.scroll-banner p{margin:var(--sp-2) 0 0;padding-top:var(--sp-2);font-size:var(--fs-xs);font-weight:var(--w-med);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--on-sea-dim);display:inline-block;position:relative}.scroll-banner p:before{content:"";background:#f08a7e;width:44px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.panel,.panel--parch{padding:var(--sp-4);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--paper-warm);color:var(--ink);box-shadow:var(--sh);position:relative}.panel__head{margin:0 0 var(--sp-3);padding-bottom:var(--sp-2);border-bottom:var(--bd-hair);font-family:var(--font-title);font-size:var(--fs-lg);letter-spacing:.01em;text-transform:uppercase;color:var(--ink);font-weight:800}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-5);border-radius:var(--r-sq);corner-shape:var(--corner);font-size:var(--fs-md);font-weight:var(--w-med);letter-spacing:var(--ls-tight);color:var(--ink);background:var(--paper-warm);box-shadow:0 var(--key-depth-sm) 0 var(--paper-line);border:none;line-height:1;transition:background-color .14s,box-shadow 80ms,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--paper-hi)}.btn:active:not(:disabled){transform:translateY(var(--key-press));background:var(--paper-sunk);box-shadow:0 calc(var(--key-depth-sm) - var(--key-press)) 0 var(--paper-line)}.btn--primary{color:#fff;background:var(--red);font-weight:var(--w-bold);box-shadow:0 var(--key-depth) 0 var(--red-deep)}.btn--primary:hover:not(:disabled){background:#d44237}.btn--primary:active:not(:disabled){transform:translateY(var(--key-press));background:var(--red-deep);box-shadow:0 calc(var(--key-depth) - var(--key-press)) 0 var(--red-deep)}.btn--gold{color:var(--ink);background:var(--paper-warm)}.btn--xl{width:100%;min-height:52px;padding:0 var(--sp-5);font-size:var(--fs-lg);font-weight:var(--w-bold);--key-depth:5px}.btn--ghost{box-shadow:none;color:var(--on-sea);font-weight:var(--w-med);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--paper-hi);background:#f2e7cc24}.btn--ghost:active:not(:disabled){box-shadow:none;background:#f2e7cc33;transform:translateY(1px)}.panel .btn--ghost,.modal .btn--ghost,.plaque .btn--ghost,.list .btn--ghost,.event__body .btn--ghost,.mode-card .btn--ghost,.crew-name .btn--ghost,.df-reveal .btn--ghost{color:var(--ink);background:var(--paper-sunk);box-shadow:none}.panel .btn--ghost:hover:not(:disabled),.modal .btn--ghost:hover:not(:disabled),.plaque .btn--ghost:hover:not(:disabled),.list .btn--ghost:hover:not(:disabled),.event__body .btn--ghost:hover:not(:disabled),.mode-card .btn--ghost:hover:not(:disabled),.crew-name .btn--ghost:hover:not(:disabled),.df-reveal .btn--ghost:hover:not(:disabled){color:var(--ink);background:#d3c09a}.btn:disabled{opacity:.38;box-shadow:none;cursor:not-allowed}.medallion{width:44px;height:44px;font-size:var(--fs-lg);color:var(--ink);background:var(--paper-warm);box-shadow:0 var(--key-depth-sm) 0 var(--paper-line);border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:background-color .14s,box-shadow 80ms,transform 80ms;display:grid}.medallion:hover{background:var(--paper-hi)}.medallion:active{transform:translateY(var(--key-press));background:var(--paper-sunk);box-shadow:0 calc(var(--key-depth-sm) - var(--key-press)) 0 var(--paper-line)}.hud{align-self:center;align-items:center;gap:var(--sp-4);width:min(100%,720px);padding:var(--sp-2) var(--sp-4);margin:var(--sp-3) 0 0;border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--paper-warm);color:var(--ink);box-shadow:var(--sh);z-index:3;flex-shrink:0;display:flex}.hud__captain{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.hud__names{flex-direction:column;min-width:0;display:flex}.hud__name{font-family:var(--font-title);font-size:var(--fs-lg);text-transform:uppercase;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:800;line-height:1.1;overflow:hidden}.hud__sub{font-size:var(--fs-2xs);font-weight:var(--w-med);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.hud__gauges{gap:var(--sp-1);flex-direction:column;flex:1;min-width:140px;max-width:420px;display:flex}.gauge{border:1.5px solid var(--ink);border-radius:var(--r-pill);align-items:center;height:18px;display:flex;overflow:hidden}.gauge__cap{height:100%;padding:0 var(--sp-2);font-size:var(--fs-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-caps);color:var(--paper-hi);background:var(--ink);place-items:center;display:grid}.gauge__track{background:var(--paper-sunk);flex:1;height:100%;position:relative}.gauge__fill{background:var(--hp-ok);height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.gauge__text{font-size:var(--fs-2xs);font-weight:var(--w-bold);color:var(--ink);place-items:center;display:grid;position:absolute;inset:0}.berry{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--paper-sunk);flex-shrink:0;display:flex}.berry__coin{width:20px;height:20px;font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--paper-hi);background:var(--ink);border-radius:50%;place-items:center;display:grid}.berry__amount{font-size:var(--fs-md);font-weight:var(--w-bold);color:var(--ink)}.screen--title{justify-content:center;align-items:center;gap:var(--sp-3);text-align:center}.screen.screen--title>*{width:min(100%,460px);max-width:460px}.title__logo{font-family:var(--font-title);text-transform:uppercase;flex-direction:column;align-items:center;margin:0;font-weight:900;line-height:.86;display:flex}.title__logo em{letter-spacing:var(--ls-display);color:var(--paper-hi);font-size:clamp(46px,11vw,76px);font-style:normal}.title__logo span{letter-spacing:.02em;color:#f08a7e;font-size:clamp(46px,11vw,76px)}.title__ribbon{align-items:center;gap:var(--sp-3);margin:var(--sp-3) 0 var(--sp-5);font-size:var(--fs-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--on-sea-dim);display:flex}.title__ribbon:before,.title__ribbon:after{content:"";background:#f2e7cc59;width:32px;height:1px}.title__crew{gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.title__cta{width:100%}.title__foot,.title__legal{margin:var(--sp-5) 0 0;font-size:var(--fs-2xs);color:var(--on-sea-dim);line-height:1.55}.mode-card{align-items:stretch;gap:var(--sp-3);width:100%;padding:var(--sp-4);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--paper-warm);color:var(--ink);text-align:left;flex-direction:column;transition:background-color .15s,border-color .15s;display:flex}.mode-card:hover{background:var(--paper-hi)}.mode-card--story{gap:var(--sp-4);padding:var(--sp-2) var(--sp-2) var(--sp-5)}.mode-card__art{justify-content:center;align-items:center;gap:var(--sp-2);flex-shrink:0;order:1;display:flex}.mode-card--story .mode-card__art{border-radius:calc(var(--r-sq) - 4px);corner-shape:var(--corner);background:radial-gradient(ellipse 60% 70% at 50% 100%, #3a2c1c1f, transparent 70%), var(--paper-sunk);border:1px solid #3a2c1c24;padding:0}.crew-reel{width:100%;min-width:0;padding:var(--sp-4) 0 var(--sp-3);display:block;position:relative;overflow:hidden}.crew-reel:before,.crew-reel:after{content:"";z-index:1;pointer-events:none;width:44px;position:absolute;top:0;bottom:0}.crew-reel:before{background:linear-gradient(90deg, var(--paper-sunk), transparent);left:0}.crew-reel:after{background:linear-gradient(270deg, var(--paper-sunk), transparent);right:0}.crew-reel__track{width:max-content;animation:crew-drift var(--reel-duration,90s) linear infinite;display:flex}.crew-reel__item{flex:none;place-items:center;width:84px;height:76px;display:grid}.crew-reel__item .sprite{background:0 0;border-radius:0;overflow:visible}.crew-reel__item .sprite img{object-fit:contain;filter:drop-shadow(0 3px 4px #3a2c1c47)}@keyframes crew-drift{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.crew-reel__track{animation:none}}.mode-card__head{min-width:0;padding:0 var(--sp-2);text-align:center;order:2}.mode-card__kicker{font-size:var(--fs-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--red-ink);margin-bottom:2px;display:block}.mode-card--story .mode-card__head h2{font-size:var(--fs-3xl);letter-spacing:var(--ls-display);font-weight:900;line-height:.95}.mode-card--story .mode-card__actions{padding:0 var(--sp-2)}.mode-card__head h2{font-family:var(--font-title);font-size:var(--fs-xl);letter-spacing:.01em;text-transform:uppercase;margin:0;font-weight:800;line-height:1.1}.mode-card__head p{font-size:var(--fs-2xs);font-weight:var(--w-med);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-faint);margin:3px 0 0;line-height:1.4}.mode-card--story .mode-card__head p{color:var(--ink-faint)}.mode-card__actions{gap:var(--sp-2);order:3;display:flex}.mode-card__actions .btn{min-height:42px;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);flex:1}.mode-card--story .mode-card__actions .btn--primary{flex:1.6}.cargo-strip{gap:var(--sp-2);width:100%;margin-top:var(--sp-3);padding:0 0 var(--sp-3);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--sea-deep);box-shadow:0 var(--key-depth-sm) 0 #031422d9;color:var(--on-sea);text-align:left;border:none;flex-direction:column;flex-shrink:0;transition:background-color .16s,box-shadow 80ms,transform 80ms;display:flex;overflow:hidden}.cargo-strip:hover{background:#0d4059}.cargo-strip:active{transform:translateY(var(--key-press));box-shadow:0 calc(var(--key-depth-sm) - var(--key-press)) 0 #031422d9}.cargo-strip__art{width:100%;padding:var(--sp-3) 0 var(--sp-2);background:#03142259;border-bottom:1px solid #03142280;flex-shrink:0}.crew-reel--fruits{--reel-fade:#072538;padding:0}.crew-reel--fruits:before{background:linear-gradient(90deg, var(--reel-fade), transparent)}.crew-reel--fruits:after{background:linear-gradient(270deg, var(--reel-fade), transparent)}.crew-reel--fruits .crew-reel__item{width:60px;height:48px}.crew-reel--fruits img{object-fit:contain;filter:drop-shadow(0 3px 4px #03142280);width:44px;height:44px}.cargo-strip__row{padding:0 var(--sp-4);flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.cargo-strip__text{text-align:center;flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.cargo-strip__text strong{font-family:var(--font-title);font-size:var(--fs-lg);letter-spacing:.01em;text-transform:uppercase;font-weight:800;line-height:1.1}.cargo-strip__berries{font-family:var(--font-title);font-size:var(--fs-xl);color:#e8c979;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:2px;font-weight:800;display:flex}.cargo-strip__berries em{font-style:normal;font-size:var(--fs-sm);opacity:.75}.title__nav{gap:var(--sp-2);width:100%;margin-top:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.title__nav-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:84px;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--paper-warm);color:var(--ink);box-shadow:0 var(--key-depth-sm) 0 var(--paper-line);border:none;flex-direction:column;transition:background-color .14s,box-shadow 80ms,transform 80ms;display:flex}.title__nav-btn:hover{background:var(--paper-hi)}.title__nav-btn:active{transform:translateY(var(--key-press));background:var(--paper-sunk);box-shadow:0 calc(var(--key-depth-sm) - var(--key-press)) 0 var(--paper-line)}.title__nav-icon svg{width:26px;height:26px;display:block}.title__nav-icon-sprite{background-color:currentColor;width:26px;height:26px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.title__nav-label{font-size:var(--fs-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;text-align:center;color:var(--ink-soft);line-height:1.2}.sprite{border-radius:var(--r-sm);background:var(--paper-sunk);flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.sprite img{object-fit:contain;width:100%;height:100%;display:block}.sprite--artwork img{image-rendering:auto}.sprite__fallback{width:100%;height:100%;font-family:var(--font-wanted);color:var(--ink);background:var(--cream-dim);place-items:center;font-size:34%;font-weight:700;display:grid}.sprite--float{animation:3s ease-in-out infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.type-badge{min-width:42px;padding:3px var(--sp-2);border:1.5px solid var(--ink);background-image:linear-gradient(180deg, var(--tb-lit,transparent) 0%, var(--tb,transparent) 62%);font-size:var(--fs-2xs);font-weight:var(--w-black);letter-spacing:var(--ls-caps);text-shadow:0 1px #00000057;color:#fff;border-radius:999px;place-items:center;line-height:1.3;display:inline-grid;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #0000002e}.type-badge--sm{min-width:34px;padding:2px var(--sp-1)}.type-chart{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--cream);margin:0;display:flex}.type-chart__orb{width:24px;height:24px;font-size:var(--fs-xs);color:#fff;border:1.5px solid var(--ink);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid}.type-chart__triangle{flex-shrink:0;width:92px;height:84px;position:relative}.type-chart__arrows,.type-chart__pair-arrows{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.type-chart__stroke{fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.type-chart__slot{z-index:1;position:absolute;transform:translate(-50%,-50%)}.type-chart__slot--str{top:18%;left:50%}.type-chart__slot--dex{top:78%;left:82%}.type-chart__slot--qck{top:78%;left:18%}.type-chart__slot--int{top:18%;left:50%}.type-chart__slot--psy{top:82%;left:50%}.type-chart__pair{flex-shrink:0;width:34px;height:84px;position:relative}.type-grid{gap:var(--sp-2);grid-template-columns:repeat(5,1fr);max-width:380px;display:grid}.type-orb{aspect-ratio:1;font-size:var(--fs-xs);font-weight:var(--w-black);letter-spacing:var(--ls-caps);color:#fff;border:var(--bd);border-radius:50%;place-items:center;transition:transform .12s;display:grid}.type-orb:hover{transform:translateY(-2px)}.type-orb.on{box-shadow:0 0 0 3px var(--cream)}.hp-bar{background:var(--hp-track);border:1px solid var(--ink);border-radius:var(--r-pill);width:100%;height:10px;position:relative;overflow:hidden}.hp-bar--fat{height:16px}.hp-bar__fill{background:var(--hp-ok);height:100%;transition:width .35s cubic-bezier(.4,0,.2,1),background-color .3s;position:relative}.hp-bar[data-hp=warn] .hp-bar__fill{background:var(--hp-warn)}.hp-bar[data-hp=danger] .hp-bar__fill{background:var(--hp-low)}.hp-bar[data-hp=danger] .hp-bar__fill:after{content:"";background:repeating-linear-gradient(-45deg,#0000004d 0 3px,#0000 3px 7px);animation:1.1s ease-in-out infinite hpDanger;position:absolute;inset:0}@keyframes hpDanger{0%,to{opacity:.5}50%{opacity:1}}.hp-bar__ghost{background:var(--red-deep);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1) .22s;position:absolute;inset:0 auto 0 0}.hp-bar__text{font-size:var(--fs-2xs);color:#fff;text-shadow:0 1px 2px #000c;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.stat-row{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);grid-template-columns:34px 1fr 34px;display:grid}.stat-row__label{color:var(--ink-dim);font-weight:700}.stat-row__blocks{gap:2px;height:8px;display:flex}.stat-row__blocks i{background:var(--cream-line);border-radius:2px;flex:1}.stat-row__blocks i.on{background:var(--ink)}.stat-row__val{text-align:right;color:var(--ink);font-weight:700}.screen--map{gap:0;padding:0;overflow:hidden}.map__body{justify-content:center;align-items:stretch;gap:var(--sp-3);min-height:0;padding:var(--sp-3) max(var(--sp-3), var(--rail,60px));flex:1;display:flex;position:relative;overflow:hidden}.map__ocean{width:540px;max-width:min(540px,58vw);height:100%;padding:var(--sp-2);border:var(--bd);border-radius:var(--r-sq);corner-shape:var(--corner);background-color:var(--sea-deep);box-shadow:var(--sh);flex-direction:column;flex:0 540px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.map__ocean:before{content:"";pointer-events:none;color:#cfe4ef;opacity:.07;background:url(/waves.svg) 0 0/130px 43px;position:absolute;inset:0}.map__heading{z-index:2;margin-bottom:var(--sp-2);font-family:var(--font-title);font-size:var(--fs-md);letter-spacing:.04em;text-transform:uppercase;color:var(--on-sea);flex-shrink:0;font-weight:800;position:relative}.map__stage{flex:1;width:100%;min-height:0;overflow:hidden}.map__canvas{width:100%;height:100%;position:relative}.map__lines{pointer-events:none;z-index:0;position:absolute;inset:0}.map__line{stroke:#cfe4ef59;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:4 8}.map__line-core{stroke:none}.map__line--done{stroke:#f2e7ccb3;stroke-width:3px;stroke-dasharray:none}.map__line-core--done{stroke:none}.map__line--on{stroke:var(--red);stroke-width:3.5px;stroke-dasharray:none}.map__line-core--on{stroke:var(--red);stroke-width:3.5px;stroke-dasharray:5 7;animation:1.4s linear infinite sail}@keyframes sail{to{stroke-dashoffset:-24px}}.map__canvas{--node:clamp(30px, 11cqw, 52px)}.map__stage{container-type:inline-size}.node{z-index:1;width:var(--node);height:var(--node);background:0 0;justify-content:center;align-items:center;padding:0;transition:transform .16s,opacity .16s;display:flex;position:absolute;transform:translate(-50%,-50%)}.node[aria-disabled=true]{cursor:default}.node__icon{font-size:calc(var(--node) * .66);width:var(--node);height:var(--node);place-items:center;line-height:1;display:grid}.node__item{width:var(--node);height:var(--node);object-fit:contain;pointer-events:none}.sprite--map{overflow:hidden;width:var(--node)!important;height:var(--node)!important;background:0 0!important;border-radius:0!important}.sprite--map img{object-fit:contain;object-position:center bottom;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.sprite--map .sprite__fallback{border-radius:var(--r-sm);font-size:28%}.node-wanted{width:var(--node);height:var(--node);border:1px solid var(--edge-ink);border-radius:var(--r-sm);background:var(--cream);place-items:center;display:grid}.node-wanted__title{font-family:var(--font-wanted);font-weight:700;font-size:calc(var(--node) * .2);text-transform:uppercase;color:var(--ink);line-height:.9}.node__label{top:calc(100% + var(--sp-1));text-align:center;max-width:min(240px,70vw);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-2xs);color:var(--ink);background:var(--cream);border:1px solid var(--edge-ink);border-radius:var(--r-sm);pointer-events:none;opacity:0;visibility:hidden;z-index:6;flex-direction:column;align-items:center;gap:2px;font-weight:700;line-height:1.3;transition:opacity .12s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.node__label-foes{justify-content:center;gap:2px var(--sp-2);flex-wrap:wrap;display:flex}.node__label-foe{white-space:nowrap}.node__label-name{align-items:center;gap:4px;font-weight:700;display:inline-flex}.node__label-name .type-badge{flex-shrink:0}.node__label-bonus{color:var(--ink-dim);display:block}.node:hover .node__label,.node:focus-visible .node__label{opacity:1;visibility:visible}.node.is-available{cursor:pointer;z-index:2;animation:1.8s ease-in-out infinite nodeBeacon}.node.is-available:hover{animation:none;transform:translate(-50%,-50%)scale(1.1)}@keyframes nodeBeacon{0%,to{filter:drop-shadow(0 0 #d8382f00)}50%{filter:drop-shadow(0 0 8px #d8382fe6)}}.node.is-current{z-index:3;filter:drop-shadow(0 0 6px #ffffffb3)}.node.is-visited:not(.is-current){opacity:.45}.node.is-locked{opacity:.35}.node--boss.is-available{animation:1.5s ease-in-out infinite nodeBeaconBoss}@keyframes nodeBeaconBoss{0%,to{filter:drop-shadow(0 0 2px #d8382fcc)}50%{filter:drop-shadow(0 0 14px #d8382f)}}.node--boss .node__label{background:var(--red);border-color:var(--red-deep);color:#fff}.map__rail{z-index:5;width:228px;height:fit-content;max-height:100%;padding:var(--sp-3);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--panel);color:var(--ink);box-shadow:var(--sh);align-self:flex-start;gap:var(--sp-3);flex-direction:column;flex:0 0 228px;display:flex;position:relative;overflow-y:auto}.map__saga{align-self:flex-start;gap:var(--sp-3);flex-direction:column;flex:0 0 168px;width:168px;display:flex}.map__saga .rail__progress{width:100%}.rail__head{text-align:center;padding-bottom:var(--sp-2);border-bottom:var(--bd-hair);flex-direction:column;align-items:center;gap:2px;display:flex}.rail__crew-name{font-family:var(--font-title);font-size:var(--fs-lg);text-transform:uppercase;color:var(--ink);font-weight:800;line-height:1.15}.rail__order-hint,.rail__captain{font-size:var(--fs-2xs);font-weight:var(--w-med);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-faint)}.rail__crew{gap:var(--sp-2);flex-direction:column;display:flex}.crew-card{border:1px solid var(--edge-ink);border-radius:var(--r-sm);background:var(--tile);color:var(--ink);box-shadow:var(--tile-lift);align-items:stretch;transition:transform .12s ease-out,opacity .12s ease-out,box-shadow .12s ease-out;display:flex;position:relative;overflow:visible}.crew-card--draggable{cursor:grab;touch-action:none}.crew-card--draggable:active{cursor:grabbing}.crew-card--dragging{opacity:.4}.crew-card--drag-over{border-color:var(--red);box-shadow:0 0 0 2px var(--red);transform:translateY(-2px)}.crew-card__frame{background:var(--cream-dim);border-right:var(--bd);flex-shrink:0;place-items:center;width:64px;display:grid;position:relative}.crew-card__frame .sprite{background:0 0;border-radius:0}.crew-card__fruit{z-index:2;border:1px solid var(--edge-ink);border-radius:var(--r-sm);background:var(--cream);cursor:help;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:2px;right:2px;box-shadow:0 1px 2px #1118271f}.crew-card__fruit img{object-fit:contain;pointer-events:none;width:18px;height:18px;display:block}.crew-card__fruit:after{content:attr(data-tooltip);z-index:5;border:1px solid var(--edge-ink);border-radius:var(--r-sm);background:var(--ink);color:var(--cream);font-family:var(--font-body,inherit);font-size:var(--fs-2xs);white-space:nowrap;pointer-events:none;opacity:0;padding:3px 7px;font-weight:600;line-height:1.2;transition:opacity .15s ease-out,transform .15s ease-out;position:absolute;bottom:0;left:calc(100% + 6px);transform:translate(-2px)}.crew-card__fruit:hover:after{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.crew-card__fruit:after{transition:none;transform:none}}.crew-card__info{justify-content:center;gap:var(--sp-1);min-width:0;padding:var(--sp-2);flex-direction:column;flex:1;display:flex}.crew-card__name-row{justify-content:space-between;align-items:center;gap:var(--sp-1);min-width:0;display:flex}.crew-card__name{min-width:0;font-family:var(--font-wanted);text-transform:uppercase;color:var(--ink);white-space:nowrap;text-align:left;flex:1;margin:0;font-weight:700;line-height:1;overflow:hidden}.crew-card__meta{justify-content:space-between;align-items:center;gap:var(--sp-1);display:flex}.crew-card__level{font-size:var(--fs-2xs);text-transform:uppercase;color:var(--ink-dim);font-weight:700}.crew-card__hp{font-size:var(--fs-2xs);color:var(--ink-dim)}.rail__syn{gap:var(--sp-1);padding-top:var(--sp-2);border-top:var(--bd-hair);flex-wrap:wrap;display:flex}.rail__progress{padding:var(--sp-2) var(--sp-3);border:var(--bd);border-radius:var(--r-sm);text-align:center;background:var(--paper-warm);color:var(--ink);box-shadow:var(--sh)}.rail__progress-label{font-size:var(--fs-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-faint);display:block}.rail__progress-value{font-family:var(--font-title);font-size:var(--fs-xl);color:var(--red-ink);margin-top:2px;font-weight:800;display:block}.syn-pill{padding:3px var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--paper-hi);background:var(--sea)}.toast{left:50%;bottom:var(--sp-6);z-index:20;padding:var(--sp-3) var(--sp-5);border:2px solid var(--red-deep);border-radius:var(--r-md);font-size:var(--fs-md);color:#fff;background:var(--red);box-shadow:var(--sh-lift);cursor:pointer;font-weight:700;animation:.24s cubic-bezier(.34,1.4,.64,1) toastIn;position:absolute;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.recruit-grid{gap:var(--sp-4);padding:var(--sp-2) 0;flex-wrap:wrap;justify-content:center;display:flex}.wanted{width:200px;padding:var(--sp-2);text-align:center;color:var(--ink);background:var(--cream);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);box-shadow:var(--sh);flex-direction:column;align-items:center;transition:transform .16s;display:flex;position:relative;overflow:hidden}.wanted:not(.wanted--static):hover{transform:translateY(-4px)}.wanted__title{font-family:var(--font-wanted);font-weight:700;font-size:var(--fs-2xl);text-transform:uppercase;color:var(--ink);margin:0;line-height:.9}.wanted__frame{aspect-ratio:5/4;width:100%;margin:var(--sp-1) 0;background:var(--cream-dim);border-radius:var(--r-sm);place-items:center;display:grid;overflow:hidden}.wanted__frame .sprite{background:0 0;border-radius:0;place-items:center;display:grid;width:100%!important;height:100%!important}.wanted__frame .sprite img{object-fit:contain;max-width:80%;max-height:92%;width:auto!important;height:auto!important}.wanted__frame .sprite--artwork img{object-fit:cover;object-position:center 42%;max-width:none;max-height:none;width:100%!important;height:100%!important}.wanted__frame .sprite__fallback{width:100%;height:100%}.wanted__caption{margin:var(--sp-1) 0 0;font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-weight:700}.wanted__name-wrap{width:100%;margin-top:2px;overflow:hidden}.wanted__name{font-family:var(--font-wanted);text-transform:uppercase;color:var(--ink);white-space:nowrap;text-align:center;margin:0;font-weight:700;line-height:1}.wanted__bounty-row{justify-content:center;align-items:baseline;gap:var(--sp-1);width:100%;margin-top:var(--sp-2);padding:var(--sp-2) 0;border-top:1px solid var(--cream-line);border-bottom:1px solid var(--cream-line);display:flex}.wanted__berry,.wanted__bounty{font-family:var(--font-wanted);color:var(--ink);font-weight:700;line-height:1}.wanted__berry{font-size:var(--fs-sm);flex-shrink:0}.wanted__bounty{white-space:nowrap}.wanted__footer{justify-content:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);width:100%;font-size:var(--fs-2xs);color:var(--ink-dim);font-weight:700;display:flex}.wanted__move{font-size:var(--fs-2xs);color:var(--ink-dim)}.wanted__pwr{color:var(--red-ink);font-weight:700}.screen--combat{gap:0;padding:0;overflow:hidden}.combat__top{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-2) max(var(--sp-3), var(--rail,60px)) 0;z-index:2;flex-shrink:0;display:flex}.combat__continue{min-width:132px;min-height:38px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}.combat__skip{min-width:78px;min-height:38px;padding:0 var(--sp-4);font-size:var(--fs-sm)}.combat__skip--on{color:#fff;background:var(--red);border-color:var(--red-deep);box-shadow:0 2px 0 var(--red-deep)}.combat__arena{gap:var(--sp-3);min-height:0;padding:var(--sp-2) max(var(--sp-3), var(--rail,60px));flex:1;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.combat__side{gap:var(--sp-1);min-height:0;padding:var(--sp-2);border:var(--bd);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--sea-deep);box-shadow:var(--sh);flex-direction:column;display:flex;overflow:hidden}.combat__side--enemy{background:#3a1a17}.combat__side-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);padding:0 2px var(--sp-1);flex-shrink:0;display:flex}.combat__side-label{font-family:var(--font-title);font-size:var(--fs-md);letter-spacing:.04em;text-transform:uppercase;color:var(--on-sea);font-weight:800}.combat__side--enemy .combat__side-label{color:#f0b8b2}.combat__side-hint{font-size:var(--fs-2xs);font-weight:var(--w-med);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--on-sea-dim)}.combat__side--enemy .combat__side-hint{color:#d3a7a1}.combat__units{gap:var(--sp-1);scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;padding:2px;display:flex;overflow:hidden auto}.combat-unit{border:1px solid var(--edge-ink);border-radius:var(--r-sm);background:var(--paper-warm);width:100%;color:var(--ink);cursor:pointer;flex-direction:column;flex-shrink:0;align-items:stretch;padding:0;transition:transform .12s ease-out,border-color .12s ease-out,opacity .12s ease-out;display:flex;position:relative;overflow:hidden}.combat-unit:not(button){cursor:default}.combat-unit--ally:not(.combat-unit--active){opacity:.85}.combat-unit--ally.combat-unit--active{opacity:1}.combat-unit--foe:not(:disabled):hover{transform:translateY(-1px)}.combat-unit--foe:not(:disabled):active{transform:scale(.99)}.combat-unit__head{justify-content:space-between;align-items:center;gap:var(--sp-1);min-width:0;padding:var(--sp-1) var(--sp-2) 0;display:flex}.combat-unit__name{font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.combat-unit__lv{font-size:var(--fs-2xs);font-weight:var(--w-med);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-faint)}.combat-unit__vitals{padding:0 var(--sp-2) var(--sp-1);position:relative}.combat-unit__vitals .hp-bar{height:16px}.combat-unit__hp{top:0;right:var(--sp-3);bottom:var(--sp-1);font-size:var(--fs-2xs);color:#fff;text-shadow:0 1px 2px #000000d9;pointer-events:none;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute}.combat-unit__ko{padding:var(--sp-2) 0 var(--sp-3);text-align:center;font-family:var(--font-title);font-size:var(--fs-lg);letter-spacing:.06em;color:var(--ink-dim);font-weight:800;display:block}.combat-unit__mech{margin:0 var(--sp-2) var(--sp-1);padding:2px var(--sp-1);border-radius:var(--r-sm);font-size:var(--fs-2xs);text-align:left;color:#fff;background:var(--red-deep);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.2;overflow:hidden}.combat-unit__sprite{--combat-sprite:64px;height:calc(var(--combat-sprite) + 6px);padding:0 var(--sp-1) var(--sp-1);background:var(--cream-dim);place-items:center;display:grid;position:relative}.combat-unit__sprite .sprite{background:0 0;border-radius:0;overflow:hidden;width:var(--combat-sprite)!important;height:var(--combat-sprite)!important}.combat-unit__sprite .sprite img{max-width:var(--combat-sprite);max-height:var(--combat-sprite);object-fit:contain;object-position:center bottom;width:var(--combat-sprite)!important;height:var(--combat-sprite)!important}.combat-unit--foe .combat-unit__sprite .sprite{transform:scaleX(-1)}.combat-unit__hint{padding:2px var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-2xs);color:#fff;background:var(--red);font-weight:700}.combat-unit--active{border-color:var(--red);box-shadow:0 0 0 2px var(--red);z-index:1}.combat-unit--targetable{border-color:var(--red)}.combat-unit--dead{opacity:.45;cursor:not-allowed;animation:.5s cubic-bezier(.3,0,.7,1) both unitKo}.combat-unit:disabled:not(.combat-unit--dead){cursor:default}.combat-unit--dead.combat-unit--active{opacity:.45}.combat-unit.is-hit{animation:.32s cubic-bezier(.25,.7,.35,1) unitRecoil}.combat-unit.is-hit .combat-unit__sprite:after{content:"";pointer-events:none;background:#fff;animation:.28s ease-out forwards hitFlash;position:absolute;inset:0}.combat-unit.is-hit--crit{animation:.42s cubic-bezier(.22,.9,.3,1) unitRecoilCrit}.combat-unit.is-hit--crit .combat-unit__sprite:after{background:var(--red)}.combat-unit.is-hit--super .combat-unit__sprite:after{background:var(--hp-warn)}.combat-unit.is-hit--weak .combat-unit__sprite:after{background:var(--text-dim)}.combat-unit.is-dodging .combat-unit__sprite{animation:.34s cubic-bezier(.3,0,.3,1) unitDodge}@keyframes unitRecoil{0%{transform:translate(0)}22%{transform:translate(-7px)scale(.985)}55%{transform:translate(4px)}to{transform:translate(0)}}@keyframes unitRecoilCrit{0%{transform:translate(0)scale(1)}14%{transform:translate(-11px)scale(.97)}34%{transform:translate(8px)scale(1.01)}56%{transform:translate(-5px)}78%{transform:translate(3px)}to{transform:translate(0)scale(1)}}@keyframes unitDodge{0%{opacity:1;transform:translate(0)}40%{opacity:.45;transform:translate(16px)skew(-7deg)}to{opacity:1;transform:translate(0)}}@keyframes hitFlash{0%{opacity:.85}to{opacity:0}}@keyframes unitKo{0%{opacity:1;transform:translateY(0)rotate(0)}30%{opacity:1;transform:translateY(-4px)rotate(-2deg)}to{opacity:.45;transform:translateY(6px)rotate(3deg)}}.hit-floats{z-index:4;pointer-events:none;justify-items:center;display:grid;position:absolute;top:34%;left:0;right:0}.hit-float{align-items:baseline;gap:var(--sp-1);font-family:var(--font-title);font-size:var(--fs-xl);color:#fff;text-shadow:-2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 2px 2px 0 var(--ink);grid-area:1/1;font-weight:800;animation:.9s cubic-bezier(.16,.9,.3,1) forwards hitFloat;display:inline-flex}.hit-float--crit{font-size:var(--fs-2xl);color:#ffd4d0}.hit-float--super{color:#ffe9b0}.hit-float--weak{font-size:var(--fs-lg);color:var(--on-sea-dim)}.hit-float--miss{font-size:var(--fs-lg);color:var(--on-sea-dim);font-style:italic}.hit-float__tag{font-family:var(--font-ui);font-size:var(--fs-2xs);letter-spacing:.06em;color:#ffd4d0;font-style:normal}@keyframes hitFloat{0%{opacity:0;transform:translateY(6px)scale(.7)}18%{opacity:1;transform:translateY(0)scale(1.12)}32%{opacity:1;transform:translateY(-4px)scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(-34px)scale(.94)}}.combat__dock{padding:0 var(--sp-3) var(--sp-3);flex-direction:column;flex-shrink:0;display:flex}.combat__move{align-items:center;gap:var(--sp-3);min-height:44px;padding:var(--sp-2) var(--sp-3);border:var(--bd);border-radius:var(--r-md);background:var(--cream);color:var(--ink);font-weight:700;font-size:var(--fs-md);flex-wrap:wrap;display:flex}.combat__move--placeholder{visibility:hidden;pointer-events:none}.combat__move-pwr{color:var(--red-ink);margin-left:auto}.crew-strip{gap:var(--sp-3);padding:var(--sp-1) 0 var(--sp-2);display:flex;overflow-x:auto}.fighter-chip{padding:0 0 var(--sp-2);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);align-items:center;gap:var(--sp-1);background:var(--cream);color:var(--ink);flex-direction:column;flex:0 0 120px;transition:transform .14s,border-color .14s;display:flex;position:relative;overflow:hidden}.fighter-chip__top{width:100%;padding:var(--sp-2) 0;background:var(--cream-dim)}.fighter-chip__name{width:100%;padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sm);color:#fff;background:var(--tc,var(--ink));white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-weight:700;line-height:1.3;overflow:hidden}.fighter-chip__hp{width:100%;padding:0 var(--sp-2)}.fighter-chip--active{border-color:var(--red);box-shadow:0 0 0 2px var(--red);transform:translateY(-4px)}.fighter-chip:disabled,.fighter-chip--dim{opacity:.4;cursor:not-allowed}.list{align-self:center;gap:var(--sp-2);flex-direction:column;width:min(100%,660px);display:flex}.list-row{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--cream);color:var(--ink);text-align:left;transition:background-color .15s;display:flex}button.list-row:hover:not(:disabled){background:var(--paper-hi)}button.list-row:active:not(:disabled){background:var(--paper-sunk)}.list-row:disabled{opacity:.45;cursor:not-allowed}.list-row.locked{opacity:.55}.list-row.on{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}.list-row__icon{font-size:var(--fs-xl);flex-shrink:0;line-height:1}.list-row__text{flex:1;min-width:0}.list-row__title{font-size:var(--fs-md);color:var(--ink);font-weight:700;display:block}.list-row__desc{font-size:var(--fs-xs);color:var(--ink-dim);margin-top:2px;display:block}.crew-name{align-self:center;gap:var(--sp-4);text-align:center;flex-direction:column;width:min(100%,420px);display:flex}.crew-name__flag{font-size:56px;line-height:1}.crew-name__field,.field{gap:var(--sp-2);text-align:left;flex-direction:column;display:flex}.field__label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--on-sea-dim);font-weight:700}.panel .field__label,.modal .field__label{color:var(--ink-dim)}input[type=text],input:not([type]),select{width:100%;min-height:44px;padding:var(--sp-2) var(--sp-3);border:var(--bd);border-radius:var(--r-md);background-color:var(--cream-dim);color:var(--ink);font-size:var(--fs-md)}input[type=text]:focus,input:not([type]):focus{background-color:var(--cream)}input[type=text]::placeholder,input:not([type])::placeholder{color:var(--ink-dim);opacity:1}.create{gap:var(--sp-4);grid-template-columns:1fr 1fr;align-self:center;align-items:start;width:min(100%,760px);display:grid}.create__form{gap:var(--sp-4);flex-direction:column;display:flex}.seg{gap:var(--sp-1);padding:var(--sp-1);border:var(--bd);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--paper-sunk);display:flex}.panel .seg,.modal .seg{border-color:var(--cream-line);background:var(--cream-dim)}.seg button{min-height:38px;padding:var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--ink-soft);flex:1;font-weight:700;transition:background-color .15s,color .15s}.panel .seg button,.modal .seg button{color:var(--ink-dim)}.seg button.on{color:#fff;background:var(--red)}.style-list{gap:var(--sp-2);flex-direction:column;display:flex}.style-card{padding:var(--sp-3);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--cream);color:var(--ink);text-align:left;flex-direction:column;gap:2px;transition:background-color .15s,border-color .12s;display:flex}.style-card:hover{background:var(--paper-hi)}.style-card.on{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}.style-card strong{font-size:var(--fs-md);font-weight:700}.style-card small{font-size:var(--fs-xs);color:var(--ink-dim)}.empty{padding:var(--sp-5);text-align:center;font-size:var(--fs-sm);color:var(--on-sea-dim)}.panel .empty,.modal .empty{color:var(--ink-dim)}.train-preview{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--cream);color:var(--ink);display:flex}.train-preview__from,.train-preview__to{font-weight:700;font-size:var(--fs-md)}.train-preview__to{color:var(--red-ink)}.train-preview__arrow{color:var(--ink-dim)}.trade__step{font-size:var(--fs-sm);color:var(--on-sea-dim);text-align:center}.screen--island,.screen--saga{align-items:center}.island__kicker{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--on-sea-dim);text-align:center;font-weight:700}.island__blurb{text-align:center;width:min(100%,560px);font-size:var(--fs-md);color:var(--on-sea);margin:0;line-height:1.6}.saga-select__head{text-align:center;align-self:center;align-items:center;gap:var(--sp-2);flex-direction:column;width:min(100%,680px);display:flex}.saga-select__title{font-family:var(--font-title);font-size:var(--fs-2xl);text-transform:uppercase;color:var(--paper-hi);margin:0;font-weight:800}.saga-select__lead{max-width:min(100%,540px);font-size:var(--fs-sm);color:var(--on-sea-dim);margin:0;line-height:1.5}.saga-select__back{align-self:flex-start}.saga-select__list{align-self:center;gap:var(--sp-3);flex-direction:column;width:min(100%,680px);display:flex}.saga-card{border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--paper-warm);width:100%;height:118px;color:var(--ink);text-align:left;grid-template-rows:1fr;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:0;transition:border-color .14s;display:grid;overflow:hidden}.saga-card:not(:disabled):hover{border-color:var(--red)}.saga-card--locked,.saga-card--soon{cursor:not-allowed}.saga-card--locked{opacity:.72;filter:saturate(.55)}.saga-card--soon:not(.saga-card--locked){opacity:.9}.saga-card__art{padding:var(--sp-2);border-right:var(--bd);flex-direction:column;justify-content:flex-end;height:100%;min-height:0;display:flex;position:relative}.saga-card--art .saga-card__name,.saga-card--art .saga-card__tag{z-index:1;position:relative}.saga-card__emoji{top:var(--sp-2);right:var(--sp-2);font-size:1.6rem;line-height:1;position:absolute}.saga-card__name{font-family:var(--font-title);letter-spacing:.01em;color:#fff;text-shadow:0 1px 3px #000000f2,0 0 10px #000000b3;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1rem,3vw,1.3rem);font-weight:800;line-height:1.1;display:-webkit-box;overflow:hidden}.saga-card__tag{font-size:var(--fs-2xs);font-weight:var(--w-black);letter-spacing:var(--ls-label);text-transform:uppercase;color:#ffffffe0;text-shadow:0 1px 3px #000000f2;margin-top:2px}.saga-card__lock,.saga-card__soon{z-index:2;background:#1e160ead;place-items:center;font-size:1.75rem;display:grid;position:absolute;inset:0}.saga-card__soon{font-family:var(--font-title);font-size:var(--fs-lg);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--paper-hi);text-shadow:0 2px 4px #000c;font-weight:800}.saga-card__stats{padding:var(--sp-2) var(--sp-3);background:var(--paper-sunk);flex-direction:column;justify-content:center;height:100%;min-height:0;display:flex}.saga-card__meta{flex-direction:column;gap:3px;width:100%;height:72px;display:flex}.saga-card__row{justify-content:space-between;align-items:baseline;gap:var(--sp-3);flex:none;width:100%;line-height:1.35;display:flex}.saga-card__row span{text-align:left;font-size:var(--fs-2xs);font-weight:var(--w-med);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-soft)}.saga-card__row strong{font-variant-numeric:tabular-nums;font-size:var(--fs-md);font-weight:var(--w-black);text-align:right;color:var(--ink)}.saga-card__blurb{margin:var(--sp-1) 0 0;height:2.7em;font-size:var(--fs-2xs);font-weight:var(--w-body);color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;line-height:1.35;display:-webkit-box;overflow:hidden}.screen--event{align-items:center}.event__hero{align-items:center;gap:var(--sp-2);text-align:center;flex-direction:column;width:min(100%,560px);display:flex}.event__emoji{font-size:48px;line-height:1}.event__kicker{font-size:var(--fs-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--on-sea-dim);font-weight:700}.event__title{font-family:var(--font-title);font-size:var(--fs-2xl);text-transform:uppercase;color:var(--paper-hi);margin:0;font-weight:800}.event__body{align-self:center;gap:var(--sp-3);width:min(100%,560px);padding:var(--sp-4);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--cream);color:var(--ink);box-shadow:var(--sh);flex-direction:column;display:flex}.event__text{font-size:var(--fs-md);color:var(--ink);margin:0;line-height:1.65}.event__choices{gap:var(--sp-2);flex-direction:column;display:flex}.event-choice{align-items:center;gap:var(--sp-3);width:100%;min-height:52px;padding:var(--sp-3);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--cream-dim);color:var(--ink);font-size:var(--fs-md);text-align:left;transition:background-color .15s,border-color .15s;display:flex}.event-choice:hover:not(:disabled){background:var(--paper-hi);border-color:var(--red)}.event-choice:active:not(:disabled){background:var(--paper-sunk)}.event-choice__num{width:24px;height:24px;font-size:var(--fs-xs);color:#fff;background:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.event__outcome{gap:var(--sp-3);flex-direction:column;display:flex}.event__outcome-text{font-size:var(--fs-md);color:var(--ink);margin:0;line-height:1.6}.plaque{align-self:center;align-items:center;gap:var(--sp-3);width:min(100%,480px);padding:var(--sp-5);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--cream);color:var(--ink);text-align:center;box-shadow:var(--sh);flex-direction:column;display:flex}.plaque--island{gap:var(--sp-2)}.plaque__emoji{font-size:48px;line-height:1}.plaque__title{font-family:var(--font-title);font-size:var(--fs-2xl);text-transform:uppercase;color:var(--ink);margin:0;font-weight:800}.plaque__title--win{color:var(--red-ink)}.plaque__text{font-size:var(--fs-md);color:var(--ink-dim);margin:0;line-height:1.6}.plaque__crew{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.shell{flex-direction:column;flex:1;align-items:center;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.shell__main{--rail:60px;flex-direction:column;flex:1;width:min(100%,1100px);min-height:0;display:flex;overflow:hidden}.shell__toolbar{top:var(--sp-3);right:var(--sp-3);z-index:55;padding:var(--sp-1);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--paper-warm);box-shadow:0 var(--key-depth-sm) 0 var(--paper-line);border:none;flex-direction:column;gap:2px;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:absolute}.shell__tool{border-radius:var(--r-sm);width:34px;height:34px;color:var(--ink-soft);place-items:center;transition:background-color .15s,color .15s;display:grid}.shell__tool:hover:not(:disabled){color:var(--ink);background:#3a2c1c1a}.shell__tool--active{background:var(--red);color:#fff}.shell__tool--danger{color:#f08a84}.shell__tool--danger:hover:not(:disabled){background:var(--red);color:#fff}.shell__tool:disabled{opacity:.3;cursor:not-allowed}.shell__tool-icon{width:18px;height:18px;display:block}.shell__kofi{right:max(var(--sp-3), env(safe-area-inset-right,0px));bottom:env(safe-area-inset-bottom,0);z-index:50;border-radius:var(--r-md);line-height:0;display:block;position:absolute}.shell:has(.kofi-banner .kofi-leaderboard-item) .shell__kofi{bottom:calc(30px + env(safe-area-inset-bottom,0px))}.shell__kofi-bubble{right:0;bottom:calc(100% + var(--sp-2));z-index:1;padding:var(--sp-2) var(--sp-3);border:2px solid var(--ink);border-radius:var(--r-md);background:var(--paper-hi);color:var(--ink);font-size:var(--fs-xs);font-weight:var(--w-med);white-space:nowrap;box-shadow:0 2px 0 var(--paper-line);pointer-events:none;opacity:0;visibility:hidden;line-height:1.35;transition:opacity .15s ease-out,transform .15s ease-out,visibility .15s ease-out;position:absolute;transform:translateY(6px)}.shell__kofi-bubble:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--paper-hi);width:12px;height:12px;position:absolute;bottom:-7px;right:18px;transform:rotate(45deg)}.shell__kofi:hover .shell__kofi-bubble,.shell__kofi:focus-visible .shell__kofi-bubble{opacity:1;visibility:visible;transform:translateY(0)}.shell__kofi:active .shell__kofi-img{transform:scale(.98)}.shell__kofi:focus-visible{outline:2px solid var(--paper-hi);outline-offset:3px}.shell__kofi-img{pointer-events:none;width:clamp(72px,14vw,88px);height:auto;transition:transform .15s;display:block}.shell__kofi:hover .shell__kofi-img{transform:scale(1.04)}.kofi-banner{bottom:env(safe-area-inset-bottom,0);z-index:40;align-items:center;gap:var(--sp-3);padding:6px max(var(--sp-3), env(safe-area-inset-right,0px)) 6px max(var(--sp-3), env(safe-area-inset-left,0px));padding-right:calc(clamp(72px, 14vw, 88px) + var(--sp-5));pointer-events:none;background:#0a2332c7;border-top:1px solid #a8c4d41a;display:flex;position:absolute;left:0;right:0}.kofi-banner:not(:has(.kofi-leaderboard-item)){display:none}.kofi-banner__label{font-size:var(--fs-2xs);font-weight:var(--w-med);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--on-sea-dim);flex:none}.kofi-banner__embed{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.kofi-banner .kofi-leaderboard-widget,.kofi-banner .kofi-leaderboard-container{width:100%;max-width:none;margin:0;padding:0}.kofi-banner .kofi-leaderboard-header,.kofi-banner .powered-by-kofi-tools,.kofi-banner .kofi-leaderboard-supporter-order,.kofi-banner .kofi-leaderboard-supporter-profile,.kofi-banner .kofi-leaderboard-no-data,.kofi-banner .kofi-leaderboard-loading,.kofi-banner .kofi-leaderboard-error{display:none!important}.kofi-banner .kofi-leaderboard-list{align-items:center;gap:var(--sp-5);flex-direction:row;width:max-content;max-width:none;margin:0;padding:0;animation:48s linear infinite kofiBannerMarquee;display:flex}.kofi-banner .kofi-leaderboard-item{text-align:left;padding:0}.kofi-banner .kofi-leaderboard-item a{pointer-events:auto;color:var(--on-sea-dim);flex-direction:row;justify-content:flex-start;transition:color .15s}.kofi-banner .kofi-leaderboard-item a:hover{color:var(--on-sea)}.kofi-banner .kofi-leaderboard-item a:before{content:"☕";opacity:.75;margin-right:4px;font-size:10px}.kofi-banner .kofi-leaderboard-supporter-name{font-size:var(--fs-2xs);font-weight:var(--w-med);white-space:nowrap}@keyframes kofiBannerMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.kofi-banner .kofi-leaderboard-list{justify-content:flex-end;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;width:100%;animation:none}.shell__kofi-bubble{transition:none;transform:none}.shell__kofi:hover .shell__kofi-bubble,.shell__kofi:focus-visible .shell__kofi-bubble{transform:none}.shell__kofi-img{transition:none}}.shell__tool-icon--sprite{background-color:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.modal-root{z-index:100;padding:var(--sp-4);place-items:center;display:grid;position:fixed;inset:0}.modal-root__backdrop{cursor:pointer;background:#061a24b3;border:0;position:absolute;inset:0}.modal{z-index:1;border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--panel);width:min(100%,760px);height:min(88svh,800px);min-height:0;color:var(--ink);box-shadow:var(--sh-lift);flex-direction:column;animation:.2s ease-out modalIn;display:flex;position:relative;overflow:hidden}.modal--settings{height:auto;max-height:min(88svh,800px)}.modal__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:var(--sp-4);scrollbar-gutter:stable;flex:1;overflow-y:auto}.modal__body>*{flex-shrink:0}.modal__body{align-content:start}.modal__subhead{padding:var(--sp-3) var(--sp-4) 0;flex-shrink:0}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.modal--tiers,.modal--encyclopedia{width:min(100%,860px)}.modal--settings{width:min(100%,520px)}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);background:var(--tile);border-bottom:1px solid var(--panel-line);flex-shrink:0;display:flex}.modal__header--red{border-bottom-color:var(--red)}.modal__header--blue{border-bottom-color:var(--ink)}.modal__header h2{font-family:var(--font-title);font-size:var(--fs-xl);text-transform:uppercase;color:var(--ink);margin:0;font-weight:800}.modal__header p{font-size:var(--fs-xs);color:var(--ink-dim);margin:2px 0 0}.modal__close{border-radius:var(--r-sm);width:36px;height:36px;font-size:var(--fs-xl);color:var(--ink);background:var(--paper-sunk);box-shadow:0 var(--key-depth-sm) 0 var(--paper-line);border:none;flex-shrink:0;place-items:center;line-height:1;transition:background-color .15s,box-shadow 80ms,transform 80ms;display:grid}.modal__close:active{transform:translateY(var(--key-press));box-shadow:0 calc(var(--key-depth-sm) - var(--key-press)) 0 var(--paper-line)}.modal__close:hover{background:var(--red);border-color:var(--red-deep);color:#fff}.tiers{gap:var(--sp-4);flex-direction:column;display:flex}.tiers__row>.sprite{flex-shrink:0}.tiers__band{border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);overflow:hidden}.tiers__band-head{align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-3);background:var(--cream-dim);border-bottom:var(--bd);flex-wrap:wrap;display:flex}.tiers__badge{padding:2px var(--sp-3);border-radius:var(--r-sm);font-family:var(--font-title);font-size:var(--fs-lg);color:#fff;background:var(--tier,var(--ink));font-weight:800}.tiers__blurb{min-width:160px;font-size:var(--fs-xs);color:var(--ink-dim);flex:1;margin:0}.tiers__chips{gap:var(--sp-2);display:flex}.tiers__chip{padding:2px var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-2xs);color:var(--ink);background:var(--cream);border:1px solid var(--cream-line);font-weight:700}.tiers__chip em{color:var(--ink-dim);font-style:normal}.tiers__list{border-radius:var(--r-sq);corner-shape:var(--corner);box-shadow:var(--tile-lift);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.tiers__row{align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--tile);border-bottom:1px solid var(--panel-line);flex-wrap:wrap;display:flex}.tiers__row:nth-child(2n){background:#eee0be}.tiers__row:hover{background:var(--tile-hi)}.tiers__row:last-child{border-bottom:none}.tiers__info{flex:140px;min-width:0}.tiers__name{font-size:var(--fs-md);color:var(--ink);overflow-wrap:anywhere;font-weight:700;line-height:1.25;display:block}.tiers__meta{align-items:center;gap:var(--sp-1) var(--sp-2);flex-wrap:wrap;margin-top:2px;display:flex}.tiers__rarity{font-size:var(--fs-2xs);color:var(--ink-dim)}.tiers__stats{gap:var(--sp-2);flex-shrink:0;margin:0 0 0 auto;display:flex}.tiers__stats div{flex-direction:column;align-items:center;gap:1px;min-width:52px;display:flex}.tiers__stats dt{font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.tiers__stats dd{font-size:var(--fs-sm);color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.tiers__stats--focus dd{color:var(--red-ink)}.enc__tabs{gap:var(--sp-1);overscroll-behavior-x:contain;padding:var(--sp-3) var(--sp-4) var(--sp-1);scrollbar-width:none;flex-shrink:0;display:flex;overflow-x:auto}.enc__tabs::-webkit-scrollbar{display:none}.enc__tab{align-items:center;gap:var(--sp-1);min-height:36px;padding:0 var(--sp-3);border:2px solid var(--ink);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--w-med);color:var(--ink);background:var(--paper-warm);flex-shrink:0;transition:background-color .15s,color .15s;display:flex}.enc__tab--active{color:#fff;background:var(--red);border-color:var(--red-deep)}.enc__tab--complete:not(.enc__tab--active){background:var(--cream-dim)}.enc__tab-emoji{font-size:var(--fs-md)}.enc__tab-pct{font-size:var(--fs-2xs);color:var(--ink-dim)}.enc__tab--active .enc__tab-pct{color:#ffffffd9}.enc__progress{gap:var(--sp-1);flex-direction:column;display:flex}.enc__progress-label{justify-content:space-between;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-dim);display:flex}.enc__progress-label strong{font-size:var(--fs-md);color:var(--ink)}.enc__progress-bar{border-radius:var(--r-pill);background:var(--cream-dim);border:1px solid var(--cream-line);height:8px;overflow:hidden}.enc__progress-bar i{height:100%;width:var(--pct,0%);background:var(--red);transition:width .4s;display:block}.enc__grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.enc-card{align-items:center;gap:var(--sp-1);padding:var(--sp-2);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--tile);box-shadow:var(--tile-lift);text-align:center;flex-direction:column;display:flex}.enc-card--unknown{opacity:.72;background:var(--paper-sunk);box-shadow:none}.enc-card__sprite{aspect-ratio:1;border-radius:var(--r-sm);background:var(--cream-dim);place-items:center;width:100%;display:grid;overflow:hidden}.enc-card__silhouette{font-family:var(--font-title);color:var(--ink-dim);font-size:32px;font-weight:800}.enc-card__name{font-size:var(--fs-sm);color:var(--ink);margin:0;font-weight:700;line-height:1.2}.enc-card__meta{justify-content:center;gap:var(--sp-1);flex-wrap:wrap;display:flex}.enc-card__role{font-size:var(--fs-2xs);color:var(--ink-dim)}.enc-fruits{gap:var(--sp-4);flex-direction:column;display:flex}.enc-fruits__band{gap:var(--sp-2);flex-direction:column;display:flex}.enc-fruits__band-head{justify-content:space-between;align-items:center;gap:var(--sp-2);padding-bottom:var(--sp-1);border-bottom:2px solid var(--tier,var(--ink));display:flex}.enc-fruits__band-head strong{font-family:var(--font-title);font-size:var(--fs-lg);text-transform:uppercase;color:var(--ink);font-weight:800}.enc-fruits__band-head span{font-size:var(--fs-xs);color:var(--ink-dim)}.enc-fruits__list{align-items:start;gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.fruit-card{gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--tile);box-shadow:var(--tile-lift);flex-direction:column;min-width:0;display:flex}.fruit-card--unknown{background:var(--paper-sunk);box-shadow:none;opacity:.72}.fruit-card__head{align-items:center;gap:var(--sp-2);display:flex}.fruit-card__sprite{object-fit:contain;flex-shrink:0;width:44px;height:44px}.fruit-card__id{flex:1;min-width:0}.fruit-card__name{font-size:var(--fs-md);color:var(--ink);overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.25}.fruit-card__label{font-size:var(--fs-2xs);color:var(--ink-dim);margin:0}.fruit-card__starter{padding:1px var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-2xs);color:#fff;background:var(--ink);flex-shrink:0;font-weight:700}.fruit-card__flavor{font-size:var(--fs-xs);color:var(--ink-dim);margin:0;line-height:1.5}.fruit-card__chain{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.fruit-card__chain li{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--cream-dim);font-size:var(--fs-xs);display:flex}.fruit-card__chain-step{width:16px;height:16px;font-size:var(--fs-2xs);color:#fff;background:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.fruit-card__chain-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fruit-card__chain-pwr{color:var(--red-ink);font-variant-numeric:tabular-nums;font-weight:700}.settings{gap:var(--sp-4);flex-direction:column;display:flex}.settings__section{gap:var(--sp-2);flex-direction:column;display:flex}.settings__section h3{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-weight:700}.settings__section--disabled{opacity:.45}.settings__row{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--tile);box-shadow:var(--tile-lift);cursor:pointer;display:flex}.settings__row span{font-size:var(--fs-md);color:var(--ink);flex-direction:column;font-weight:700;display:flex}.settings__row small{font-weight:400;font-size:var(--fs-xs);color:var(--ink-dim)}.settings__row input[type=checkbox]{width:20px;height:20px;accent-color:var(--red);cursor:pointer;flex-shrink:0}.settings__row select{width:auto;min-height:36px}.settings__slider{width:140px;accent-color:var(--red);cursor:pointer;flex-shrink:0}.df-reveal{--tier:var(--ink);align-self:center;align-items:center;gap:var(--sp-2);width:min(100%,420px);padding:var(--sp-5);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--cream);color:var(--ink);text-align:center;box-shadow:var(--sh);flex-direction:column;display:flex}.df-reveal__icon{object-fit:contain;width:88px;height:88px}.df-reveal__tier{padding:2px var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--tier);font-weight:700}.df-reveal__name{font-family:var(--font-title);font-size:var(--fs-xl);text-transform:uppercase;color:var(--ink);margin:0;font-weight:800}.df-reveal__owner,.df-reveal__flavor{font-size:var(--fs-sm);color:var(--ink-dim);margin:0;line-height:1.5}.df-reveal__chain{width:100%;margin-top:var(--sp-1);text-align:left}.df-reveal__actions{align-items:stretch;gap:var(--sp-2);width:100%;margin-top:var(--sp-2);flex-direction:column;display:flex}.df-reveal__actions .btn{width:100%}.screen--packs{text-align:center;padding-inline:max(var(--sp-3), var(--rail,60px));align-items:center;overflow-x:hidden}.pack-actions{gap:var(--sp-2);flex-direction:column;width:min(100%,460px);display:flex}.pack-counter{justify-content:center;align-items:center;gap:var(--sp-3);display:flex}.pack-counter>span{font-family:var(--font-title);font-size:var(--fs-lg);color:var(--paper-hi);font-variant-numeric:tabular-nums;font-weight:800}.pack-counter em{font-style:normal;font-size:var(--fs-sm);color:var(--on-sea-dim)}.pack-skip{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--w-med);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--on-sea-dim);border:1.5px solid #f2e7cc66;transition:background-color .14s,color .14s}.pack-skip:hover{color:var(--ink);background:#3a2c1c1a}.pack-banner{width:min(100%,460px);padding-top:var(--sp-3);position:relative}.pack-banner__pin{z-index:2;background:radial-gradient(circle at 34% 30%,#fff8e0,#d9a441 55%,#9c6a1c);border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #1c120880,inset 0 -1px 2px #50320a80}.pack-banner__sheet{border-radius:var(--r-sq);corner-shape:var(--corner);background:radial-gradient(ellipse 120% 60% at 50% 0%, var(--paper-hi), transparent 60%), var(--paper-warm);flex-direction:column;display:flex;position:relative;overflow:hidden;rotate:-.4deg;box-shadow:0 10px 28px #061a2466,inset 0 2px #ffffff80}.pack-banner__sheet:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px #8c6a3847}.pack-banner__stage{padding:var(--sp-6) var(--sp-4) var(--sp-5);background:radial-gradient(70% 80% at 50% 40%,#f4c43038,#0000 68%);place-items:center;display:grid;position:relative}.pack-banner__rays{pointer-events:none;background:repeating-conic-gradient(#e2b04033 0deg 7deg,#0000 7deg 14deg);border-radius:50%;width:300px;height:300px;animation:60s linear infinite pack-rays;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 18%,#0000 62%);mask-image:radial-gradient(circle,#000 18%,#0000 62%)}@keyframes pack-rays{to{rotate:360deg}}.pack-banner__hoard{justify-content:center;align-items:center;gap:var(--sp-2);width:100%;min-height:132px;display:flex;position:relative}.pack-banner__fruit{object-fit:contain;filter:drop-shadow(0 4px 6px #3c280c66);min-width:0;height:52px;animation:4.5s ease-in-out infinite pack-float;animation-delay:calc(var(--i) * .5s);flex:0 52px}.pack-banner__fruit--hero{height:104px;margin:0 var(--sp-1);filter:drop-shadow(0 8px 12px #3c280c80);flex:0 0 104px}.pack-banner__hoard .pack-banner__fruit:nth-child(2){order:-3}.pack-banner__hoard .pack-banner__fruit:nth-child(3){order:-2}.pack-banner__hoard .pack-banner__fruit--hero{order:-1}.pack-banner__hoard .pack-banner__fruit:nth-child(4){order:1}.pack-banner__hoard .pack-banner__fruit:nth-child(5){order:2}@keyframes pack-float{0%,to{translate:0}50%{translate:0 -7px}}.pack-banner__rule{margin:0 var(--sp-4);justify-content:center;align-items:center;display:flex;position:relative}.pack-banner__rule:before,.pack-banner__rule:after{content:"";background:var(--paper-line);flex:1;height:1px}.pack-banner__rule span{padding:0 var(--sp-2);font-size:var(--fs-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-soft)}.pack-odds{padding:var(--sp-3) var(--sp-4);gap:var(--sp-2);margin:0;list-style:none;display:flex}.pack-odds__row{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.pack-odds__tier{width:34px;height:34px;font-family:var(--font-title);font-size:var(--fs-md);color:var(--tier-ink);background:var(--tier-fill);border-radius:50%;place-items:center;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 -2px 4px #00000047,inset 0 2px 3px #fff6,0 2px 4px #3c280c59}.pack-odds__pct{font-size:var(--fs-xs);font-weight:var(--w-bold);color:var(--ink-soft);font-variant-numeric:tabular-nums}.pack-banner__foot{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--paper-sunk);border-top:1px solid var(--paper-line);display:flex}.pack-collection{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.pack-collection__label{justify-content:space-between;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-soft);display:flex}.pack-collection__label strong{font-family:var(--font-title);font-size:var(--fs-md);letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.pack-collection__bar{border-radius:var(--r-pill);background:#5a421e38;height:7px;overflow:hidden;box-shadow:inset 0 1px 2px #3c280c4d}.pack-collection__bar i{height:100%;width:var(--pct,0%);border-radius:inherit;background:linear-gradient(90deg,#c9962e,#e8bb4c);transition:width .5s;display:block}.pack-rolls{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;min-width:3.5rem;display:flex}.pack-rolls__label{font-size:var(--fs-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-soft)}.pack-rolls__value{font-family:var(--font-title);font-size:var(--fs-md);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.pack-balance{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:linear-gradient(#f6d97a,#d8a638);flex-shrink:0;align-items:baseline;gap:3px;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 3px #78501066,0 1px 3px #3c280c59}.pack-balance__amount{font-family:var(--font-title);font-size:var(--fs-xl);color:#4a3208;font-variant-numeric:tabular-nums;font-weight:900;line-height:1.1}.pack-balance__unit{font-size:var(--fs-sm);color:#6b4a10;font-weight:800}.pack-pull{align-items:center;gap:var(--sp-3);width:100%;min-height:58px;padding:0 var(--sp-4);border-radius:var(--r-sq);corner-shape:var(--corner);color:var(--paper-hi);background:var(--red);box-shadow:0 var(--key-depth-sm) 0 var(--red-deep);text-align:left;border:none;grid-template-columns:auto 1fr auto;transition:filter .16s,box-shadow 80ms,transform 80ms;display:grid;position:relative}.pack-pull:hover:not(:disabled){filter:brightness(1.08)}.pack-pull:active:not(:disabled){transform:translateY(var(--key-press));box-shadow:0 calc(var(--key-depth-sm) - var(--key-press)) 0 var(--red-deep)}.pack-pull:disabled{filter:saturate(.35)brightness(.85);box-shadow:none;opacity:.7}.pack-pull--multi{color:#4a3208;box-shadow:0 var(--key-depth-sm) 0 #9c6a1c;background:linear-gradient(#f2cf62,#d9a637)}.pack-pull--multi:active:not(:disabled){box-shadow:0 calc(var(--key-depth-sm) - var(--key-press)) 0 #9c6a1c}.pack-pull__count{font-family:var(--font-title);font-size:var(--fs-2xl);font-weight:900;line-height:1}.pack-pull__label{font-size:var(--fs-md);font-weight:var(--w-bold);letter-spacing:var(--ls-caps);text-transform:uppercase}.pack-pull__cost{font-family:var(--font-title);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;font-weight:900}.pack-pull__ribbon{top:calc(var(--sp-2) * -1);right:var(--sp-3);padding:2px var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--w-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--paper-hi);background:var(--ink);position:absolute;box-shadow:0 2px 5px #1c120873}@media (prefers-reduced-motion:reduce){.pack-banner__rays,.pack-banner__fruit{animation:none}}.pack-reel{margin:0 calc(var(--sp-5) * -1) var(--sp-1);isolation:isolate;align-self:stretch;position:relative}.pack-reel__viewport{padding:var(--sp-4) 0;border-top:2px solid var(--sea-line);border-bottom:2px solid var(--sea-line);background:var(--sea-deep);position:relative;overflow:hidden}.pack-reel__track{will-change:transform;gap:10px;display:flex}.pack-reel__cell{--tier:var(--ink);border:1px solid var(--edge-ink);border-radius:var(--r-sq);corner-shape:var(--corner);background:var(--cream);flex:0 0 132px;place-items:center;height:132px;display:grid;position:relative}.pack-reel__cell:after{content:"";left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-2);background:var(--tier);border-radius:2px;height:3px;position:absolute}.pack-reel__cell img{object-fit:contain;width:88px;height:88px}.pack-reel__cell-tier{top:var(--sp-1);left:var(--sp-2);font-family:var(--font-title);font-size:var(--fs-xs);color:var(--tier);font-weight:800;line-height:1;position:absolute}.pack-reel--settled .pack-reel__cell--win{border-color:var(--red);animation:.62s cubic-bezier(.23,1,.32,1) packWin}@keyframes packWin{0%,to{transform:scale(1)}22%{transform:scale(1.1)}}.pack-reel__fade{pointer-events:none;z-index:2;width:22%;position:absolute;top:0;bottom:0}.pack-reel__fade--left{background:linear-gradient(90deg, var(--sea-deep) 0%, #0a2c3dbf 45%, transparent 100%);left:0}.pack-reel__fade--right{background:linear-gradient(270deg, var(--sea-deep) 0%, #0a2c3dbf 45%, transparent 100%);right:0}.pack-reel__pointer{background:var(--red);z-index:3;pointer-events:none;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.pack-reel__pointer:before,.pack-reel__pointer:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.pack-reel__pointer:before{border-top:10px solid var(--red);top:0}.pack-reel__pointer:after{border-bottom:10px solid var(--red);bottom:0}.pack-results{--pack-cols:5;--pack-gap:10px;justify-content:center;gap:var(--pack-gap);margin-top:var(--sp-4);flex-wrap:wrap;width:min(100%,680px);display:flex}.pack-results>.pack-result{flex:0 0 calc((100% - (var(--pack-cols) - 1) * var(--pack-gap)) / var(--pack-cols))}.pack-result{--tier:var(--ink);align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-2);border:var(--bd);border-radius:var(--r-md);background:var(--cream);color:var(--ink);text-align:center;animation:.32s cubic-bezier(.23,1,.32,1) backwards packCardIn;animation-delay:calc(var(--i,0) * 45ms);flex-direction:column;display:flex;position:relative}@keyframes packCardIn{0%{opacity:0;transform:scale(.94)translateY(8px)}}.pack-result--rare{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}.pack-result--dup{opacity:.6}.pack-result__tier{top:var(--sp-1);left:var(--sp-2);font-family:var(--font-title);font-size:var(--fs-2xs);color:var(--tier);font-weight:800;line-height:1;position:absolute}.pack-result__icon{object-fit:contain;width:56px;height:56px}.pack-result__name{font-size:var(--fs-2xs);color:var(--ink);font-weight:700;line-height:1.25}.pack-result__new-badge,.pack-result__dup-badge{padding:1px var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-2xs);color:#fff;font-weight:700;line-height:1.3}.pack-result__new-badge{background:var(--red)}.pack-result__dup-badge{background:var(--ink-dim)}.pack-done{width:min(100%,340px);margin-top:var(--sp-4);gap:var(--sp-3);flex-direction:column;animation:.3s cubic-bezier(.23,1,.32,1) .12s backwards packCardIn;display:flex}@media (width<=900px){.map__body{gap:var(--sp-2);padding:var(--sp-2) max(var(--sp-2), var(--rail,60px));flex-direction:column}.map__rail{width:100%;max-height:none;padding:var(--sp-2);flex:none;align-self:stretch}.rail__head{flex-direction:row;justify-content:space-between;align-items:center}.rail__order-hint{display:none}.rail__crew{gap:var(--sp-1);flex-direction:row;overflow-x:auto}.map__rail .crew-card{flex:none;width:160px}.map__rail .crew-card__frame{width:44px}.map__rail .crew-card__frame .sprite{width:40px!important;height:40px!important}.map__rail .crew-card__fruit{width:16px;height:16px;bottom:1px;right:1px}.map__rail .crew-card__fruit img{width:13px;height:13px}.map__rail .crew-card__info{padding:var(--sp-1)}.map__rail .crew-card__name{font-size:var(--fs-2xs)!important}.map__rail .rail__syn{display:none}.map__saga{flex:none;order:-1;width:100%}.map__saga .type-chart{width:100%}.map__ocean{flex:auto;width:100%;max-width:100%;min-height:0}.create{grid-template-columns:1fr}.tiers__stats{justify-content:space-between;width:100%;margin-left:0}}@media (width<=620px){.screen{padding:var(--sp-4) var(--sp-3) var(--sp-5)}.screen--packs{padding-right:max(var(--sp-3), var(--rail,60px))}.pack-banner__hoard .pack-banner__fruit:nth-child(2),.pack-banner__hoard .pack-banner__fruit:nth-child(5){display:none}.pack-reel{margin:0 calc(var(--sp-3) * -1) var(--sp-1)}.combat__arena{gap:var(--sp-2);padding:var(--sp-2) max(var(--sp-2), var(--rail,60px));grid-template-rows:1fr 1fr;grid-template-columns:1fr}.combat__side{padding:var(--sp-1)}.combat__dock{padding:0 var(--sp-2) var(--sp-2)}.hud{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);flex-wrap:wrap}.type-grid{grid-template-columns:repeat(3,1fr)}.mode-card{flex-wrap:wrap}.mode-card__actions{width:100%}.mode-card__actions .btn{flex:1}.enc__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.modal{height:92svh}.modal--settings{height:auto;max-height:92svh}.modal__header,.modal__body{padding:var(--sp-3)}.modal__subhead{padding:var(--sp-2) var(--sp-3) 0}.enc__tabs{padding:var(--sp-2) var(--sp-3) var(--sp-1)}.enc-fruits__list{grid-template-columns:1fr}}@media (width<=520px){.pack-results{--pack-cols:3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.node.is-available,.node--boss.is-available,.combat-unit__hint,.sprite--float,.map__line-core--on,.hp-bar[data-hp=danger] .hp-bar__fill:after{animation:none!important}.pack-reel__track{transition-duration:.4s!important}.pack-reel--settled .pack-reel__cell--win,.pack-result,.pack-done{animation:none!important}.hit-float{opacity:1;transform:none;animation:none!important}.combat-unit.is-hit{outline:2px solid var(--red);outline-offset:-2px}}