.world-dialog{width:min(980px,95vw);max-height:92svh;padding:clamp(18px,4vw,32px);color:#eed9a8;background:#102d32;border:3px solid #ae8c4c;overflow:auto}.world-dialog *{box-sizing:border-box}.world-dialog p,.story-dialog p{line-height:1.55;overflow-wrap:anywhere}.world-tabs,.world-actions,.store-scope,.wallet-row{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;align-items:center}.world-tabs button,.world-dialog button,.world-dialog select,.story-dialog button{padding:12px 16px;min-height:44px;font-size:17px;max-width:100%}.world-tabs button[aria-pressed=true],.store-scope button[aria-pressed=true]{background:#98733b;color:#fff0c7}.world-card,.buyer-order,.story-journal article,.boat-offers article,.product-grid article,.pack-list article,.opened-pack,.trade-offer{padding:18px;margin-block:16px;border:1px solid #ac8b4c;background:#0a2429a8;border-radius:3px}.world-card,.trade-instance{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;align-items:start}.world-portrait{padding:0!important;overflow:hidden;min-height:0!important;border:1px solid #ac8b4c;background:none}.world-portrait img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.world-card strong,.buyer-order strong,.story-journal strong,.boat-offers strong,.product-grid strong,.trade-offer>strong{font-family:Harbor,Georgia,serif;font-size:24px;line-height:1.25}.story-intro{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;margin:20px 0}.story-intro img{width:100%;aspect-ratio:3/4;object-fit:cover;border:2px solid #ac8b4c}.story-intro strong{font-family:Harbor,Georgia,serif;font-size:27px}.world-dialog small{color:#c4bea9}.world-link{display:inline-block;color:#ffe2a2;border:1px solid #ac8b4c;padding:12px 16px;text-decoration:none;line-height:1.3}.wallet-row{justify-content:space-between;padding:16px;border-block:1px solid #ac8b4c}.product-grid,.boat-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px}.product-grid article,.boat-offers article{margin:0}.product-grid select{display:block;width:100%;color:#f2d9a4;background:#0a2429;border:1px solid #ac8b4c;margin-block:10px}.pack-list{display:flex;flex-wrap:wrap;gap:16px}.pack-list>article{flex:1;min-width:180px}.pack-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px;margin-top:20px}.trade-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trade-instance{grid-template-columns:64px minmax(0,1fr);margin:12px 0;padding:12px;border-bottom:1px solid #ac8b4c60;position:relative}.trade-instance:has(input){grid-template-columns:24px 64px minmax(0,1fr)}.trade-instance p{margin:5px 0;font-size:15px}.trade-instance input{width:22px;height:22px;margin:4px 0;accent-color:#be9451}.story-dialog{width:min(540px,92vw);max-height:90svh;overflow:auto;padding:24px;border:3px solid #ae8c4c;background:#102d32;color:#eed9a8}.story-hero{display:block;width:100%;max-height:230px;object-fit:cover;object-position:50% 30%;border:1px solid #ac8b4c}.harbor-notice{display:block;margin:14px auto 0;padding:12px 18px;max-width:100%;color:#f8d78f;background:#14383c;border:1px solid #ac8b4c;font:17px Georgia,serif;line-height:1.4}.harbor-notice[hidden]{display:none}.world-ad{max-width:100%;padding:10px;margin:10px auto;text-align:center}.world-ad img{max-width:100%;max-height:90px;object-fit:contain}.world-ad small{display:block;color:#bdb9a7;font:11px Georgia,serif}.fleet-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.fleet-tabs button{padding:10px 14px;min-height:42px}.fleet-tabs button[aria-pressed=true]{background:#98733b}.fleet-person{display:block;color:#c7bea6;font-size:13px;margin-top:5px}
@media(max-width:560px){.world-card{grid-template-columns:72px minmax(0,1fr);gap:14px}.world-dialog{padding:17px}.world-tabs{gap:8px}.world-tabs button{font-size:15px;padding:10px}.story-intro{grid-template-columns:85px minmax(0,1fr);gap:14px}.trade-layout{grid-template-columns:1fr}.world-card strong{font-size:22px}.world-dialog p{font-size:16px}.story-dialog{padding:18px}.world-card,.buyer-order,.trade-offer{padding:14px}.wallet-row{align-items:flex-start}}
@media(orientation:landscape) and (max-height:500px){.story-hero{max-height:110px;float:left;width:120px;margin:0 18px 10px 0}.story-dialog{width:min(700px,94vw)}.world-dialog{max-height:94svh}.harbor-notice{font-size:13px;padding:8px;margin-top:8px}}
#account-email-form{display:flex;flex-wrap:wrap;gap:14px;align-items:end}#account-email-form label{flex:1;min-width:180px}#account-email-form input{display:block;width:100%;padding:12px;margin-top:8px;background:#092329;border:1px solid #ad8a49;color:#f2deae;font:18px Georgia,serif}.world-dialog button:disabled{opacity:.5;cursor:not-allowed}.world-dialog button:focus-visible,.story-dialog button:focus-visible{outline:3px solid #ffe3a6;outline-offset:3px}
.admin-layout{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr);gap:22px}.admin-records{max-height:65svh;overflow:auto;display:flex;flex-direction:column;gap:10px}.admin-records button{text-align:left}.admin-field{display:block;margin-bottom:16px}.admin-field input,.admin-field select,.admin-field textarea,#owner-key{display:block;width:100%;padding:12px;margin-top:8px;background:#092329;border:1px solid #ad8a49;color:#f2deae;font:17px Georgia,serif}.admin-check{display:flex;gap:12px;align-items:center;padding:12px 0}.admin-check input{width:22px;height:22px;accent-color:#ad8a49}#admin-form button{margin-top:18px}@media(max-width:600px){.admin-layout{grid-template-columns:1fr}.admin-records{max-height:160px}}
#board-sponsor:empty{display:none}#board-sponsor .world-ad{display:block;width:fit-content;max-width:100%;text-decoration:none}.reel-sponsor{position:absolute;left:3px;top:3px;max-width:27%;height:22%;background:#102d32;border:1px solid #c4a15c;pointer-events:none}.reel-sponsor>img{width:100%;height:100%;object-fit:contain}.symbol:has(.reel-sponsor){position:relative}
.pack-tear-scene{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:#071a1ef0}.foil-pack{position:relative;width:min(260px,62vw);height:350px;max-height:55svh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:38px 20px 24px;color:#2b2012;background:linear-gradient(110deg,#72582d,#dec27a 17%,#aa8241 22%,#d5b467 60%,#876532 70%,#e2c47c);border:3px solid #60471f;box-shadow:8px 12px 30px #0009;animation:pack-settle 1.8s ease forwards;overflow:visible;transform-origin:50% 80%}.foil-pack:after{content:"";position:absolute;inset:0;pointer-events:none;background:url('/assets/metal-wear.svg') center/cover;mix-blend-mode:multiply;opacity:.6}.foil-name{font:32px Harbor,Georgia,serif;text-align:center;text-shadow:0 1px #f7df9c}.foil-crab{font-size:90px;color:#734e22;text-shadow:1px 2px #eed99f,-1px -2px #503d22}.foil-label{font:14px Harbor,Georgia,serif;text-align:center;letter-spacing:2px}.foil-lip{position:absolute;left:-3px;right:-3px;top:-3px;height:43px;background:repeating-linear-gradient(90deg,#bd9954 0 4px,#987138 4px 6px);border:3px solid #60471f;clip-path:polygon(0 0,100% 0,100% 86%,92% 94%,87% 85%,78% 97%,70% 86%,61% 94%,55% 83%,47% 97%,39% 86%,30% 95%,21% 86%,14% 95%,6% 85%,0 93%);transform-origin:0 50%;animation:tear-foil 1.65s cubic-bezier(.2,.7,.3,1) forwards}.pack-tear-scene p{color:#eed9a8}.pack-tear-scene button{min-width:150px}@keyframes tear-foil{0%,15%{transform:translate(0,0) rotate(0)}35%{transform:translate(10px,-12px) rotate(-5deg)}65%{transform:translate(90px,-60px) rotate(-28deg);opacity:1}100%{transform:translate(240px,-140px) rotate(-55deg);opacity:0}}@keyframes pack-settle{0%{transform:scale(.94) rotate(-2deg)}35%{transform:scale(1.02) rotate(1deg)}75%,100%{transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.foil-pack,.foil-lip{animation:none}}
/* Account status reuses the existing top line so bonus reels keep their room. */
.local-note:has(.captain-account-indicator){margin:0 auto 10px;max-width:1480px;text-align:center;line-height:1.25;letter-spacing:0;text-transform:none}.captain-account-indicator{display:inline-block;max-width:100%;padding:5px 12px;min-height:28px;color:#ddcba2;background:#102c31b8;border:1px solid #987a425c;border-radius:2px;font:14px Georgia,serif;line-height:1.3;overflow-wrap:anywhere;text-shadow:0 1px #000;cursor:pointer}.captain-account-indicator[data-state=signed-in]{color:#f6d88d;border-color:#ad8a49;background:#102c31}.captain-account-indicator[data-state=error]{color:#f1bd9e;border-color:#b9875b}.captain-account-indicator:focus-visible{outline:3px solid #ffe3a6;outline-offset:3px}#account-open[data-signed-in=true]{color:#f5db9a;border-color:#b89553}#account-status{min-height:1.5em;overflow-wrap:anywhere}
@media(orientation:landscape) and (max-height:650px){.local-note:has(.captain-account-indicator){margin-bottom:4px}.captain-account-indicator{font-size:10px;padding:1px 7px;min-height:16px;line-height:1.15}}