:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#333b35;background:#f5f3eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--sea-deep:#163d40;--sea-light:#49b8bf;--paper:#f5e7c6;--ink:#303b35;--wood:#68442b;--gold:#e7b54c;--muted:#879086;--border:#e5e6db;--card:#fffdf6;--green:#48735b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e7b54c;outline-offset:4px}a{color:#427763}h1,h2,h3,h4,p{margin-top:0}button svg{flex-shrink:0}button{color:inherit}p{line-height:1.8}h3{font-size:15px}h4{font-size:14px}small{font-size:11px}svg{vertical-align:middle}::selection{background:#e8d39d}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#959782}.muted{color:#8b9386;font-size:12px}.success{color:#4c8061;font-size:13px}.warning{color:#ac6b31;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.full-width{width:100%}.live-dot{display:inline-block;width:6px;height:6px;min-width:6px;border-radius:50%;background:#8da77c;box-shadow:0 0 0 3px #91a87b14}.portrait{display:block;width:100%;height:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{display:flex;min-height:100vh;background:radial-gradient(#9b956b09 .75px,transparent .75px) 0 0/5px 5px,#f5f3eb}.sidebar{width:208px;min-width:208px;background:#173b3c;color:#a8bfad;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;padding:30px 18px 14px;z-index:20;border-right:1px solid #0e3031}.brand{display:flex;align-items:center;gap:10px;background:transparent;padding:0 5px;color:#f2ddad;text-align:left}.brand-anchor{display:grid;place-items:center;width:42px;height:48px;border:1px solid #bda66f77;border-radius:22px 22px 17px 17px;transform:rotate(-6deg)}.brand strong{display:block;font-family:Georgia,Songti SC,serif;font-size:18px;letter-spacing:1px}.brand small{display:block;font-size:6px;letter-spacing:2px;margin-top:7px;color:#b9b28c}.sidebar-rule{height:1px;background:linear-gradient(90deg,transparent,#42605a,transparent);margin:29px 0 24px}.sidebar-label{font-size:9px;letter-spacing:2px;color:#72958c;padding:0 16px;margin-bottom:18px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;background:none;color:#a4b9a8;padding:15px;border-radius:7px;text-align:left;margin-bottom:8px;transition:background .2s}.nav-item span{flex:1;font-size:13px;letter-spacing:1px}.nav-item small{display:block;font-size:7px;color:#7f9f91;margin-top:5px;letter-spacing:1.7px}.nav-item>svg:last-child{opacity:0}.nav-item.active{color:#efd7a2;background:#36564b;box-shadow:inset 3px 0 #d7b677}.nav-item.active small{color:#b9bc95}.nav-item.active>svg:last-child{opacity:1}.nav-item:hover{background:#284b45}.sidebar-bottom{margin-top:auto;padding-top:30px}.utility-nav{display:flex;align-items:center;gap:12px;background:none;color:#9eb7a7;width:100%;padding:14px 16px;text-align:left;font-size:12px}.utility-nav span{margin-left:auto;background:#35574a;border-radius:4px;padding:2px 6px;font-size:10px;color:#e0c788}.captain-profile{border-top:1px solid #355550;margin:20px 5px 0;padding:22px 0 10px;display:flex;align-items:center;gap:10px}.captain-profile .portrait{width:37px;border-radius:50%;height:37px;object-fit:cover;border:2px solid #708777}.captain-profile b{font-size:12px;color:#d8ddc7;font-weight:500}.captain-profile small{display:block;margin-top:4px;color:#809f90;font-size:9px}.captain-profile>.live-dot{margin-left:auto}.edition{font-size:8px;letter-spacing:1px;color:#65897c;text-align:center;margin:12px 0 0}.main-shell{margin-left:208px;flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:75px;display:flex;align-items:center;padding:0 32px;gap:24px;border-bottom:1px solid var(--border);background:#fcfbf5dd}.breadcrumb{display:flex;align-items:center;gap:11px;color:#899084;font-size:11px;margin-right:auto}.breadcrumb>b{color:#455247;font-weight:500}.breadcrumb>svg:first-child{color:#6d806d}.save-status{display:flex;align-items:center;gap:8px;font-size:10px;background:transparent;color:#8b9687;border-left:1px solid var(--border);padding:9px 0 9px 22px}.save-status.attention{color:#a16835}.page-content{padding:31px 32px 25px;max-width:1650px;width:100%;margin:0 auto;flex:1}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.page-title h1{font-size:29px;letter-spacing:1px;font-weight:650;margin:11px 0 10px;color:#2e453c}.page-title h1 span{color:#bb9c63}.page-title p{font-size:12px;color:#879083;margin-bottom:0}.weather{display:flex;align-items:center;gap:9px;font-size:11px;color:#888f7c}.sun{font-size:24px;color:#bc9d61}.island-layout{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:23px}.island-main{min-width:0}.island-aside{display:flex;flex-direction:column;gap:20px}.island-bottom-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px;margin-top:20px}.app-footer{padding:14px 32px 18px;display:flex;justify-content:space-between;gap:20px;color:#a2a697;font-size:9px;letter-spacing:1px}.app-footer span{display:flex;align-items:center;gap:6px}.stat-pill{display:flex;align-items:center;gap:8px;padding:10px 15px;font-size:11px;border:1px solid #dedfcc;border-radius:30px;color:#7c856e}.storage-warning{display:flex;align-items:center;gap:12px;background:#f6e7c9;border-bottom:1px solid #d8bd85;padding:12px 30px;font-size:12px}.storage-warning span{flex:1}.storage-warning button{display:flex;align-items:center;gap:5px;background:#fff9eb;border-radius:5px;padding:7px 10px;font-size:11px}.boot-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#163e40;color:#e1cd99;padding:25px}.boot-brand{text-align:center}.boot-brand h1{font-family:Songti SC,serif;font-size:30px;letter-spacing:4px;margin:20px 0}.boot-brand p{font-size:13px;color:#aac0ac;letter-spacing:2px}.loading-note{font-size:12px;color:#a1b9a8;margin:30px}.recovery-card{max-width:600px;background:var(--card);color:var(--ink);border-radius:12px;padding:28px;margin-top:25px}.recovery-card>svg{color:#b58842;margin-bottom:15px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#193b36f5;color:#f0e8ce;padding:15px 25px;border:1px solid #648070;border-radius:9px;box-shadow:0 12px 40px #16342a33;font-size:13px;z-index:100;max-width:90vw;animation:toast-in .25s ease}.toast svg{color:#e9c875;flex-shrink:0}@keyframes toast-in{0%{opacity:0;bottom:15px}to{opacity:1;bottom:28px}}@media(min-width:1500px){.island-layout{grid-template-columns:minmax(0,1fr) 265px}.sidebar{width:226px;min-width:226px;padding:32px 23px}.main-shell{margin-left:226px}.page-content{padding:38px 40px}.topbar{padding:0 40px}.page-title{margin-bottom:30px}.page-title h1{font-size:32px}}@media(max-width:1200px){.sidebar{width:182px;min-width:182px;padding-left:12px;padding-right:12px}.main-shell{margin-left:182px}.brand strong{font-size:16px}.brand-anchor{width:33px}.brand-anchor svg{width:24px}.brand small{font-size:5px}.page-content{padding:26px 22px}.topbar{padding:0 22px;gap:16px}.island-layout{grid-template-columns:minmax(0,1fr) 216px;gap:16px}.island-bottom-grid{grid-template-columns:1fr}.harbor-note{display:none!important}.breadcrumb{gap:7px}.save-status{padding-left:12px}.weather{display:none}.page-title h1{font-size:27px}}@media(max-width:1000px){.island-layout{grid-template-columns:1fr}.island-aside{display:grid;grid-template-columns:1fr 1fr}.quote{display:none}.island-bottom-grid{grid-template-columns:1fr}.sidebar{width:165px;min-width:165px}.main-shell{margin-left:165px}.nav-item{gap:9px;padding:14px 12px}.topbar .save-status{display:none}.page-content{padding:25px 20px}.brand{gap:7px}.brand strong{font-size:14px}.brand small{letter-spacing:1px}.sidebar-label{font-size:8px}.topbar .resources{gap:15px}.topbar{height:66px}}@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;height:66px;width:100%;padding:0 6px;display:block;min-width:0;border-right:0;box-shadow:0 -3px 14px #193c3820}.sidebar .brand,.sidebar-rule,.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);height:100%}.nav-item{justify-content:center;gap:5px;flex-direction:column;padding:9px 0 8px;margin:0;border-radius:0;height:66px}.nav-item svg{width:19px;height:19px}.nav-item span{flex:none;font-size:10px;letter-spacing:0}.nav-item small,.nav-item>svg:last-child{display:none}.nav-item.active{box-shadow:inset 0 2px #d7b677}.main-shell{margin-left:0;padding-bottom:66px}.topbar{height:auto;min-height:60px;padding:12px 15px;flex-wrap:wrap;gap:10px}.breadcrumb{font-size:10px}.topbar .resources{gap:12px;font-size:11px}.topbar .resources svg{width:14px}.topbar .resources b{font-size:11px}.page-content{padding:25px 15px 15px}.page-title{gap:12px;align-items:flex-start;margin-bottom:23px}.page-title h1{font-size:25px;margin-top:9px}.page-title .eyebrow{font-size:8px;letter-spacing:1.5px}.page-title p{font-size:11px}.page-title>.button{font-size:10px;padding:9px 10px;white-space:nowrap;margin-top:25px}.stat-pill{font-size:9px;padding:8px 10px;white-space:nowrap;margin-top:22px}.island-aside{grid-template-columns:1fr}.island-aside .voyage-card{display:none}.island-bottom-grid{margin-top:15px}.app-footer{padding:18px 15px;font-size:8px}.app-footer span:last-child{display:none}.storage-warning{padding:10px 15px;flex-wrap:wrap}.storage-warning span{min-width:80%}.toast{bottom:82px;font-size:12px;padding:12px 16px}.main-shell .save-status{display:none}}.island-frame{border-radius:11px;overflow:hidden;position:relative;box-shadow:0 5px 20px #2c62561a;border:1px solid #448b8822;background:#459eaa}.island-art{display:block;width:100%;height:auto}.scene-heading{position:absolute;z-index:2;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.map-pill{display:flex;align-items:center;gap:7px;border:1px solid #d9e8c947;color:#ecf0d8;border-radius:20px;background:#214e4940;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:10px;padding:7px 12px}.map-coordinates{font-size:8px;color:#bce0d1;letter-spacing:2px}.building-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;padding:8px 9px;background:#fff8e5f5;border:1px solid #d8cdaa;border-radius:6px;font-size:10px;box-shadow:0 4px 13px #203f4140;white-space:nowrap;transition:transform .18s}.building-pin:after{content:"";position:absolute;bottom:-5px;left:50%;width:8px;height:8px;background:#fff8e5;transform:rotate(45deg);border-right:1px solid #d8cdaa;border-bottom:1px solid #d8cdaa}.building-pin>svg:first-child{color:#8b7951}.building-pin>svg:last-child{color:#a8a184}.building-pin b{font-weight:600}.building-pin>span{font-size:8px;background:#e8e9d3;padding:3px 4px;border-radius:3px;color:#79846a}.building-pin:hover{transform:translate(-50%,-56%);background:#fffbed;z-index:3}.port-pin{position:absolute;left:31%;top:79%;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:6px;background:#275551dc;color:#e6e7c7;border:1px solid #97b8a083;font-size:11px}.map-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:linear-gradient(transparent,#22554c4d);padding:22px 18px 13px;font-size:9px;color:#e0edcf;letter-spacing:.4px;pointer-events:none}.map-bottom>span:first-child{display:flex;align-items:center;gap:7px}.map-bottom .live-dot{background:#c2dca0}.production-strip{background:var(--card);display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:9px;padding:18px;margin-top:16px}.production-icon{background:#eee7d2;width:43px;height:43px;display:grid;place-items:center;border-radius:9px;color:#9b8755;flex-shrink:0}.production-description{margin-right:auto}.production-description h3{font-size:12px;margin:0 0 5px}.production-description p{font-size:9px;color:#929982;margin:0}.production-strip>.resources{gap:14px!important}.production-strip>.resources span{gap:4px}.production-strip>.resources b{font-size:12px}.production-strip .button{font-size:11px;padding:11px 13px}.voyage-card{position:relative;overflow:hidden;background:#eae5d0;border:1px solid #dcd9bc;border-radius:10px;padding:23px 21px}.voyage-card .eyebrow{font-size:8px;letter-spacing:1.6px;color:#999875}.voyage-mark{position:absolute;right:-11px;top:14px;transform:rotate(15deg);opacity:.18;color:#7b8861}.chapter-number{display:block;font-size:10px;color:#83906c;margin-top:28px}.voyage-card h2{font-size:23px;color:#385342;font-family:Songti SC,Georgia,serif;margin:10px 0}.voyage-card p{font-size:10px;color:#849176;line-height:1.9;max-width:170px;min-height:35px;margin-bottom:20px}.voyage-progress{height:4px;border-radius:3px;background:#d6d8ba;overflow:hidden}.voyage-progress span{height:100%;display:block;background:#819972;border-radius:3px}.voyage-caption{display:flex;justify-content:space-between;font-size:9px;color:#8e967a;margin:10px 0 23px}.voyage-caption b{font-weight:500}.voyage-card .button{width:100%;justify-content:space-between;font-size:12px}.quote{text-align:center;color:#9fa18a;font-family:Songti SC,serif;line-height:1.8;font-size:13px;padding:2px}.quote span{display:block;font-size:9px;margin-top:10px;color:#b0b09a}.crew-preview,.harbor-note{border:1px solid var(--border);border-radius:9px;padding:17px;background:#fcfbf4}.crew-inline{display:flex;gap:14px;margin-top:17px}.crew-mini{display:flex;align-items:center;gap:8px;background:none;padding:0;text-align:left}.crew-mini .portrait{width:34px;height:39px;border-radius:6px}.crew-mini b{font-size:10px;font-weight:500;white-space:nowrap}.crew-mini small{display:block;font-size:8px;color:#919b89;margin-top:5px;white-space:nowrap}.harbor-note{display:flex;gap:13px;align-items:center;color:#809071;background:linear-gradient(110deg,#efeedf,#f8f7ed)}.harbor-note h3{font-size:11px;font-weight:500;margin-bottom:6px}.harbor-note p{font-size:9px;margin:0;color:#9ba18b}.harbor-note>svg{flex-shrink:0;color:#afb293}.adventure-map{position:relative;aspect-ratio:1000/580;background:linear-gradient(140deg,#2b6e75,#337f81 50%,#1e565f);border:1px solid #366965;border-radius:12px;overflow:hidden}.map-decoration{width:100%;height:100%}.sea-title{position:absolute;top:30px;left:30px;color:#bad9c3}.sea-title>span{font-size:9px;letter-spacing:3px;color:#a1beab}.sea-title h2{font-family:Georgia,serif;font-size:20px;font-weight:400;letter-spacing:2px;margin:8px 0}.sea-title p{font-size:10px;letter-spacing:2px;opacity:.7}.stage-pin{position:absolute;transform:translate(-50%,-50%);background:none;color:#efe6c7;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:90px}.stage-marker{width:47px;height:47px;border-radius:50%;background:#ddae58;border:3px solid #f7dba0;box-shadow:0 0 0 5px #dab35a25,0 8px 20px #0e383944;display:grid;place-items:center;color:#604524;transition:transform .2s}.stage-pin:hover .stage-marker{transform:translateY(-4px)}.stage-pin b{font-size:11px;text-shadow:0 2px 4px #133c40}.stage-pin small{font-size:8px;color:#d4dbc0}.stage-pin.locked .stage-marker{background:#325752;border-color:#749487;color:#90b09a;box-shadow:0 5px 15px #16433f44}.stage-pin.locked b{color:#a2bba9}.stage-pin.locked small{color:#829f92}.stage-pin.done .stage-marker{background:#5d8062;border-color:#bcd0a1;color:#d4e3be}.stage-pin.boss .stage-marker{border-radius:12px;transform:rotate(8deg)}.stage-pin.boss .stage-marker>svg{transform:rotate(-8deg)}.map-legend{position:absolute;bottom:20px;left:25px;display:flex;gap:20px;color:#aac7b2;font-size:9px}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:6px;height:6px;border-radius:50%}.legend-gold{background:#dcb66a}.legend-green{background:#a1c08d}.legend-gray{background:#5d7f75}.treasure-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.treasure-card{display:flex;align-items:center;gap:15px;padding:21px;border:1px solid var(--border);background:var(--card);border-radius:9px}.treasure-icon{color:#aa8850;background:#f1ead6;border-radius:10px;padding:13px}.treasure-card h3{font-size:13px;margin:0 0 6px}.treasure-card p{font-size:10px;color:#959b88;margin:0}.treasure-card .button{margin-left:auto;white-space:nowrap}.enemy-preview{display:flex;align-items:center;gap:20px;background:#efede1;border-radius:8px;padding:20px;margin:20px 0;color:#727c63}.enemy-preview p{font-size:12px;margin:5px 0 0}.stage-detail>.resources{padding:15px 0 25px}.stage-detail>p:first-of-type{color:#87917c;font-size:13px;margin-top:10px}.completion-banner{display:flex;align-items:center;gap:14px;padding:20px;background:#e1ebd7;border:1px solid #c6d9b6;margin-top:20px;border-radius:8px;font-size:13px;color:#526e45}.battle-arena{background:linear-gradient(160deg,#275a61,#173e46);border:1px solid #315d58;border-radius:11px;color:#e3e6ce;overflow:hidden;position:relative}.battle-arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(120deg,transparent 0 50px,#5aa09507 51px 52px);pointer-events:none}.battle-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid #63837142;font-size:12px}.battle-toolbar>span,.battle-toolbar>div{display:flex;align-items:center;gap:10px}.battle-sides{display:grid;grid-template-columns:1fr 40px 1fr;gap:17px;padding:28px 28px 32px}.team-title{display:block;text-align:center;font-size:11px;letter-spacing:2px;color:#b4c4aa;margin-bottom:20px}.team-title.enemy{color:#c7b9a4}.battle-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.battle-vs{align-self:center;text-align:center;font-family:Georgia,serif;font-size:22px;color:#b59769;font-style:italic}.battle-unit{text-align:center;transition:opacity .2s,transform .2s;min-width:0}.battle-portrait{position:relative;max-width:135px;margin:auto}.battle-portrait .portrait{border:2px solid #a8c08d;border-radius:8px}.battle-unit h4{font-size:11px;margin:10px 0}.battle-unit small{font-size:9px;display:block;margin:4px;color:#b2c4b0}.health-bar,.rage-bar{max-width:135px;background:#102f32;border-radius:3px;overflow:hidden;height:6px;margin:auto}.health-bar i{display:block;height:100%;background:#8eb584;transition:width .2s}.rage-bar{height:3px}.rage-bar i{height:100%;display:block;background:#e6bd75;transition:width .2s}.battle-unit.fallen{opacity:.35;filter:grayscale(.8)}.fallen-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff8d4;font-size:18px;background:#173e4355}.battle-unit.acting{transform:translateY(-7px)}.battle-unit.acting .portrait{border-color:#efce7c;box-shadow:0 0 22px #eacd6a35}.damage-number{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:27px;color:#ffbe93;text-shadow:0 2px 4px #362622;animation:damage .6s ease;z-index:2}.damage-number.healing{color:#c0eea0}@keyframes damage{0%{opacity:0;top:30px}30%{opacity:1}to{top:0;opacity:.8}}.battle-log{text-align:center;font-size:12px;padding:17px;background:#122e35aa;color:#c9d1b9;min-height:51px}.battle-result{display:flex;align-items:center;gap:20px;background:#eeeadf;border:1px solid #dcd8c6;border-radius:10px;padding:24px;margin-top:20px}.battle-result.victory{background:#e9eddc;border-color:#cbd7b7}.result-medallion{padding:17px;border-radius:50%;border:1px solid #c4cba8;color:#9ca268}.battle-result h2{margin:6px 0;font-size:21px}.battle-result p{font-size:11px;color:#89947c;margin:0}.battle-result>.button{margin-left:auto}.battle-result .resources{gap:15px;flex-wrap:wrap}.combat-details{font-size:11px;color:#81917a;margin-top:20px}.combat-details summary{cursor:pointer;margin-bottom:15px}.combat-details p{margin:3px 0}@media(max-width:1300px){.production-strip{flex-wrap:wrap;gap:10px;padding:14px}.production-description{min-width:125px}.production-strip>.resources{margin-left:auto}.production-strip>.button{margin-left:auto}.crew-inline{gap:12px}.crew-mini{gap:6px}.battle-sides{padding:25px 18px;gap:10px}.battle-team{gap:10px}.battle-result{flex-wrap:wrap}.treasure-card{padding:16px;gap:10px}.treasure-icon{padding:10px}}@media(max-width:700px){.scene-heading{top:12px;left:12px;right:12px}.map-pill{font-size:8px;padding:5px 8px}.map-coordinates{display:none}.island-frame{margin:0 -5px}.building-pin{font-size:8px;padding:6px;gap:4px}.building-pin>svg:first-child{width:12px;height:12px}.building-pin>svg:last-child{display:none}.building-pin>span{font-size:7px;padding:2px}.port-pin{font-size:9px;padding:5px 8px;gap:4px}.map-bottom{padding:17px 12px 8px;font-size:7px}.map-bottom>span:last-child{display:none}.production-strip>.resources{margin:0 auto 0 0}.production-strip .production-description{margin-right:0;flex:1}.production-strip>.button{margin:0;padding:10px 15px}.production-icon{width:37px;height:37px}.production-strip>.resources{padding:5px 0}.production-strip{column-gap:14px}.crew-mini .portrait{width:30px;height:35px}.crew-mini b{font-size:9px}.crew-mini small{font-size:7px}.crew-preview{padding:14px}.crew-inline{justify-content:space-between;gap:4px}.adventure-map{aspect-ratio:auto;height:480px}.map-decoration{object-fit:fill}.sea-title{top:20px;left:20px}.sea-title h2{font-size:14px}.sea-title p{font-size:8px}.stage-pin{min-width:0;width:68px;gap:5px}.stage-marker{width:35px;height:35px;border-width:2px}.stage-marker svg{width:15px;height:15px}.stage-pin b{font-size:9px}.stage-pin small{font-size:7px}.map-legend{font-size:7px;left:15px;gap:12px;bottom:14px}.treasure-row{grid-template-columns:1fr;gap:12px}.treasure-card{padding:15px}.treasure-card p{font-size:9px}.treasure-icon{padding:12px}.battle-sides{grid-template-columns:1fr;padding:18px}.battle-vs{font-size:16px}.battle-team{max-width:330px;margin:auto;gap:23px}.battle-portrait{max-width:76px}.team-title{margin-bottom:13px;font-size:10px}.battle-unit h4{font-size:10px;margin:7px 0}.battle-toolbar{padding:13px;font-size:10px}.battle-toolbar>div{gap:6px}.battle-result{padding:19px;gap:15px}.result-medallion{padding:13px}.battle-result .resources{width:100%;justify-content:center}.battle-result>.button{width:100%;justify-content:center}.battle-result h2{font-size:18px}.battle-result p{font-size:10px}.damage-number{font-size:20px}}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 18px;border-radius:6px;font-size:12px;line-height:1.4;font-weight:550;border:1px solid transparent;transition:background .15s,transform .15s}.button:not(:disabled):active{transform:translateY(1px)}.button.gold{color:#514027;background:linear-gradient(#e8c88b,#dfb974);border-color:#d5af6c;box-shadow:0 2px 4px #92794d14}.button.gold:not(:disabled):hover{background:#edcc90}.button.secondary{color:#6e7e65;background:#f4f3e9;border-color:#dce0d0}.button.secondary:not(:disabled):hover{background:#eaeeda}.button.small{padding:7px 10px;font-size:10px;gap:5px}.button.translucent{background:#375f5a;color:#d5dcc5;border-color:#70917a55}.button.danger-fill{background:#a46545;color:#fff1db}.icon-button{width:34px;height:34px;display:grid;place-items:center;color:#83917a;background:#efefe3;border-radius:50%;flex-shrink:0}.text-button{display:inline-flex;align-items:center;gap:6px;background:none;padding:0;color:#809372;font-size:10px;line-height:1.5}.text-button.danger,.danger{color:#af7154}.resources{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.resources>span{display:flex;align-items:center;gap:8px;color:#8b7747}.resources>span:nth-child(2){color:#738363}.resources>span:nth-child(3){color:#8c83a0}.resources b{font-family:Inter,PingFang SC,sans-serif;font-size:15px;font-weight:600;letter-spacing:.2px;color:#4d5947;font-variant-numeric:tabular-nums}.resources small{font-size:10px;color:#939a88}.resources.compact{gap:25px}.resources.compact b{font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading h3{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:600}.section-heading>span{font-size:10px;color:#9ca28e}.section-heading svg{color:#92a17f}.quest-panel{border:1px solid var(--border);border-radius:10px;padding:19px 17px;background:#fcfbf4}.quest-item{display:flex;align-items:flex-start;gap:10px;padding:18px 0;border-bottom:1px dashed #e3e5d6}.quest-item>div{min-width:0;flex:1}.quest-item h4{font-size:12px;font-weight:500;margin:0 0 7px}.quest-item p{font-size:10px;line-height:1.9;color:#939b86;margin:0}.quest-dot{width:18px;height:18px;border-radius:50%;border:1px solid #dce1cd;font-size:11px;color:#b7bfaa;flex-shrink:0;display:grid;place-items:center}.quest-dot.ready{background:#efe2bf;color:#ad8c4b;border-color:#e3d3a6}.quest-item .button{margin-top:10px}.quest-panel>.text-button{margin-top:15px}.quest-item.claimed{opacity:.65}.quest-item .resources{margin:8px 0}.quest-item small{display:block;margin-top:8px;color:#8d9b7f}.empty-note{font-size:12px;line-height:1.9;padding:20px 0 10px;color:#8da37c}.empty-note svg{margin-right:5px}.modal{border:1px solid #e0d5b5;box-shadow:0 25px 100px #0a302966;border-radius:14px;background:#fcfbf3;color:var(--ink);padding:0;width:min(510px,calc(100% - 32px));max-height:88vh;overflow:auto}.modal.wide{width:min(770px,calc(100% - 32px))}.modal::backdrop{background:#0b2b2f91;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-heading{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:22px 27px;border-bottom:1px solid #e4e1d2;background:#fcfbf3}.modal-heading h2{font-family:Songti SC,Georgia,serif;font-size:24px;margin:7px 0 0;font-weight:650}.modal-heading .eyebrow{font-size:8px}.modal-body{padding:26px 27px}.modal-body p{font-size:13px;color:#8c947f}.modal-body h3{font-size:15px}.modal-body h4{font-size:12px;color:#838c73;margin:22px 0 14px}.modal .quest-panel{border:0;padding:0;background:none}.level-badge{display:inline-flex;padding:6px 12px;background:#e9eedb;border:1px solid #d4dcc0;border-radius:20px;font-size:11px;color:#768565;margin-bottom:18px}.building-detail>.resources{margin-bottom:24px}.building-detail>p.muted{font-size:10px;margin:14px 0 0}.building-detail>.button{margin-top:10px}.notice{display:flex;align-items:center;gap:12px;background:#eeefdf;border:1px solid #dfe3cc;color:#899476;font-size:12px;line-height:1.9;padding:17px;border-radius:8px;margin-bottom:20px}.notice>svg{flex-shrink:0;color:#7e966e}.notice p{font-size:12px;margin:0}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.settings-section{padding:20px 0 10px;border-top:1px solid var(--border);margin-top:25px}.settings-section h3{display:flex;align-items:center;gap:9px;color:#6e7f60}.settings-section p{font-size:12px}.confirmation{border:1px solid #d8c4a0;background:#f6ebd6;border-radius:8px;padding:20px;margin-top:18px}.confirmation h3{font-size:15px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);margin:0 0 24px}.tabs button{background:none;color:#919b86;font-size:12px;padding:0 2px 14px;position:relative}.tabs button.active{color:#3e6650}.tabs button.active:after{content:"";height:3px;position:absolute;bottom:-1px;left:0;right:0;background:#7e966b;border-radius:2px}.hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hero-card{background:#fffdf6;text-align:left;border:1px solid #e0e3d5;border-radius:10px;overflow:hidden;padding:0;transition:transform .2s,box-shadow .2s}.hero-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #526c4820}.hero-art{position:relative;height:200px;overflow:hidden;background:#a0ae85}.hero-art .portrait{height:100%;width:100%;object-fit:cover;object-position:center 20%;border-radius:0}.hero-art:after{content:"";position:absolute;top:60%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#23382840)}.hero-card.unowned .hero-art{filter:saturate(.65)}.quality-label{position:absolute;left:12px;top:12px;background:#243e32c9;color:#d5dfc1;font-size:10px;padding:4px 8px;border:1px solid #b5c7947a;border-radius:4px;letter-spacing:1px}.quality-blue .quality-label{background:#3f5870db;color:#d7e7f2;border-color:#9fbdcd99}.quality-purple .quality-label{background:#624c68d9;color:#e7d4eb;border-color:#bc9cc499}.hero-level{position:absolute;right:12px;top:12px;font-size:11px;color:#e9e7cf;text-shadow:0 1px 4px #173e38}.hero-card-body{padding:18px 20px 0}.hero-card-body h2{font-size:17px;color:#425442;letter-spacing:1px;margin:0 0 8px}.hero-card-body>p{font-size:10px;color:#9a9e89;margin:0 0 15px}.hero-skill{display:flex;align-items:center;gap:6px;color:#9a8d67;font-size:10px}.hero-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid #ebecdf;color:#899878;padding:14px 0;margin-top:17px;font-size:10px}.page-footnote{font-size:10px;color:#a1a58f;margin:22px 0 0}.hero-detail{display:grid;grid-template-columns:190px 1fr;gap:28px}.hero-detail-art>.portrait{border-radius:9px;margin-bottom:14px}.hero-detail-art>p{font-family:Songti SC,serif;font-size:12px;margin-top:16px;line-height:2}.quality-text{display:block;text-align:center;color:#829872;font-size:11px}.quality-text.quality-blue{color:#7898a7}.quality-text.quality-purple{color:#9d83a6}.hero-detail-info>.eyebrow{font-size:11px;letter-spacing:1px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-grid>div{display:flex;align-items:center;gap:7px;background:#eeefe3;border-radius:6px;padding:12px;color:#8e9b7c;font-size:11px}.stats-grid b{margin-left:auto;color:#5b6c51;font-size:14px}.skill-description{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:17px 0;margin:20px 0}.skill-description h3{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:9px;color:#a08955}.skill-description p{font-size:11px;margin-bottom:8px}.skill-description small{font-size:9px;color:#a8aa94}.equipment-heading{margin:22px 0 9px}.equipment-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.equipment-row b{font-size:11px;font-weight:500}.equipment-row small{display:block;color:#a2a78f;font-size:9px;margin-top:5px}.equip-select{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#8e977f;margin-top:17px}.equip-select select{background:#f5f3e8;border:1px solid #dadfca;padding:8px;border-radius:5px;color:#71815f;font-size:11px;max-width:200px}.source-note{margin-top:22px;font-size:10px;color:#9da38c}.source-note summary{cursor:pointer}.source-note p{font-size:10px;margin:10px 0}.source-note a{display:flex;align-items:center;gap:5px;margin:6px 0}.formation-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.formation-board{border:1px solid var(--border);background:#faf9f1;border-radius:10px;padding:25px}.enemy-direction{display:flex;align-items:center;justify-content:center;gap:8px;color:#aaa087;font-size:10px;margin:23px 0 15px;letter-spacing:2px}.formation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:510px;margin:auto}.formation-slot{position:relative;min-height:144px;border:1px dashed #c6d0b6;background:#ebeee0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px 29px;color:#adb99a;gap:8px}.formation-slot>.portrait{width:66px;height:74px;border-radius:5px}.formation-slot>span:not(.slot-number){font-size:10px}.formation-slot.filled{background:#fdfcf3;border:1px solid #ced8be;gap:6px}.formation-slot.selected{border:2px solid #cba661;background:#f6ecd4}.formation-slot b{font-size:11px;color:#687b59}.formation-slot small{font-size:9px;color:#93a27e}.slot-number{position:absolute;bottom:8px;left:0;right:0;font-size:8px;letter-spacing:1px;color:#a5ae94}.formation-hint{font-size:10px;color:#97a083;text-align:center;margin:20px 0;line-height:1.8}.available-crew{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px;border-top:1px solid var(--border)}.available-crew>button{display:flex;align-items:center;gap:6px;background:#f1f1e6;border:1px solid #dfe3d0;border-radius:6px;padding:5px 8px;font-size:10px;color:#8e997e}.available-crew>button.selected{background:#ede1c4;border-color:#cfb47c;color:#8d774d}.available-crew .portrait{width:24px;height:28px;border-radius:4px}.formation-board>.text-button{margin-top:20px}.formation-options{padding:20px 0}.formation-options h2{font-family:Songti SC,serif;color:#53684c;font-size:24px;margin:10px 0 15px}.formation-options>p{font-size:12px;color:#97a087;margin-bottom:25px}.formation-option{width:100%;display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #dde2d0;border-radius:8px;background:#faf9f0;margin-bottom:14px;text-align:left;color:#9aa88b}.formation-option.active{background:#e8eddc;border-color:#a9ba8f;color:#657e50}.formation-option h3{margin:0 0 7px;font-size:14px}.formation-option p{margin:0;font-size:10px}.formation-option>svg:last-child{margin-left:auto}.formation-options>.notice{font-size:11px;margin-top:25px;background:#ececdf;border:0;line-height:2}@media(min-width:1500px){.hero-grid{grid-template-columns:repeat(3,1fr);gap:26px}.hero-art{height:260px}.hero-card-body{padding:20px 25px 0}}@media(max-width:1150px){.formation-layout{grid-template-columns:1fr 245px;gap:18px}.formation-board{padding:19px}.hero-art{height:185px}.hero-card-body{padding:16px 15px 0}.hero-grid{gap:17px}.formation-grid{gap:10px}.formation-options{padding-top:15px}.formation-option{padding:16px;gap:12px}}@media(max-width:900px){.hero-grid{grid-template-columns:repeat(2,1fr)}.formation-layout{grid-template-columns:1fr}.formation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.formation-options>.eyebrow,.formation-options>h2,.formation-options>p,.formation-options>.notice{grid-column:1/-1;margin-bottom:0}.formation-options>h2{margin-top:0}.formation-option{margin:0;padding:16px 10px;gap:10px}.formation-option h3{font-size:12px}.formation-option p{font-size:9px}.formation-option>svg{width:20px}.formation-option>svg:last-child{display:none}.formation-options>.notice{margin-top:8px}.hero-detail{grid-template-columns:145px 1fr;gap:20px}}@media(max-width:700px){.resources{gap:18px}.resources b{font-size:14px}.resources.compact{gap:16px}.hero-grid{gap:12px}.hero-art{height:170px}.hero-card-body{padding:14px 12px 0}.hero-card-body h2{font-size:15px}.hero-card-body>p{font-size:9px}.hero-card-footer{font-size:9px;line-height:1.5;min-height:48px}.quality-label{font-size:8px;left:8px;top:8px;padding:3px 6px}.hero-level{font-size:9px;right:8px;top:8px}.hero-skill{font-size:9px}.page-footnote{font-size:9px;line-height:1.9}.tabs{gap:25px}.tabs button{font-size:11px}.modal-body{padding:20px}.modal-heading{padding:18px 20px}.modal-heading h2{font-size:21px}.hero-detail{grid-template-columns:1fr;gap:18px}.hero-detail-art{display:grid;grid-template-columns:85px 1fr;gap:10px 15px;align-items:center}.hero-detail-art>.portrait{grid-row:1/3;width:85px;margin:0}.hero-detail-art>p{margin:0;font-size:11px}.quality-text{text-align:left;align-self:end}.hero-detail-info>.eyebrow{display:none}.modal.wide{max-height:88vh}.formation-board{padding:17px}.formation-grid{gap:9px}.formation-slot{min-height:135px}.formation-slot>.portrait{width:56px;height:63px}.formation-slot b{font-size:10px}.formation-option{padding:13px 10px;display:block}.formation-option>svg{margin-bottom:8px}.formation-option p{font-size:8px}.formation-hint{font-size:9px}.formation-options{gap:9px}.quest-panel{padding:18px}.quest-item p{font-size:11px}.quest-item h4,.quest-panel .section-heading h3{font-size:13px}}:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#603d20;background:#daf2f4;--gold:#f9c650;--sea-deep:#72461f;--muted:#94774f;--card:#fff3d4}body{background:radial-gradient(ellipse at top,#effcfc,#b8dfeb);min-width:360px}.classic-app{min-height:100vh}.portal-bar{height:45px;max-width:1120px;margin:auto;display:flex;align-items:center;gap:24px;padding:0 10px;color:#326b79;font-size:13px}.portal-bar strong{font-size:22px;color:#83541e;font-weight:1000;text-shadow:1px 1px #fff}.portal-bar button{background:none;font-size:12px}.portal-bar small{margin-left:auto;opacity:.75}.game-frame{max-width:1120px;margin:0 auto;border:5px solid #795027;border-radius:12px 12px 6px 6px;box-shadow:0 3px #49321d,0 15px 35px #39677435;overflow:hidden;background:#ead09b}.island-scene{position:relative;aspect-ratio:3/2;overflow:hidden;background:#32bcec}.island-scene>img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.game-hud{position:absolute;left:15px;right:20px;top:12px;display:flex;align-items:center;gap:9px;pointer-events:none}.game-hud button{pointer-events:auto}.captain-badge{position:relative;width:72px;height:72px;padding:3px;border-radius:50%;border:5px solid #864c23;background:#ecca7e;box-shadow:0 0 0 3px #f9e5a3}.captain-badge .portrait{border-radius:50%}.captain-badge>b{position:absolute;bottom:-8px;right:-3px;background:#fbd95e;border:3px solid #a46520;border-radius:40%;font-size:19px;padding:0 7px}.captain-info>b{color:#fff5bf;text-shadow:0 2px #503315,1px 0 #503315,-1px 0 #503315;font-size:17px}.captain-xp{width:170px;height:19px;position:relative;background:#87592f;border:2px solid #754020;border-radius:12px;overflow:hidden;margin-top:5px;box-shadow:0 1px #fff8b6}.captain-xp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#ffea79,#e6a535)}.captain-xp span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10px;color:#fff;font-weight:800;text-shadow:1px 1px #724420}.game-hud .resources{margin-left:auto;gap:8px}.game-hud .resources>span{min-width:86px;background:#98612f;border:2px solid #5b351d;border-radius:20px;padding:5px 10px;box-shadow:inset 0 2px #eab16b;color:#fff3ce;font-size:14px;gap:5px}.game-hud .resources svg{color:#ffe6a2}.game-hud .resources>span:nth-child(2) svg{color:#cbe181}.left-tools,.right-tools{position:absolute;top:110px;display:grid;gap:15px;z-index:3}.left-tools{left:12px}.right-tools{right:17px}.left-tools button,.right-tools button{position:relative;background:#ffe6a3;border:3px solid #83522a;border-radius:12px;box-shadow:inset 0 2px #fff9d1,0 3px #55361e;width:53px;height:58px;display:grid;place-content:center}.left-tools button>span,.right-tools button>span{font-size:30px;line-height:31px;filter:drop-shadow(1px 2px 0 #77452145)}.left-tools b,.right-tools b{font-size:11px}.right-tools em{position:absolute;right:-8px;top:-10px;background:#c74729;border:2px solid #ffdd8c;border-radius:50%;font-size:11px;color:#fff;padding:1px 5px;font-style:normal}.building-hotspot{position:absolute;transform:translate(-50%,-50%);width:16%;height:16%;background:none;display:flex;align-items:end;justify-content:center;z-index:2}.building-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse,#fff6a880,transparent 65%);opacity:0;transition:opacity .15s}.building-hotspot:hover .building-glow,.building-hotspot:focus-visible .building-glow{opacity:1}.building-tag{white-space:nowrap;background:linear-gradient(#fff9d8,#ecd19a);border:2px solid #98713b;border-radius:14px;padding:2px 13px;box-shadow:0 2px #684622,inset 0 1px #fff;color:#503719;font-size:14px;font-weight:900;z-index:1}.building-tag small{font-size:12px}.building-hotspot:hover .building-tag{background:#fff19a;transform:translateY(-2px)}.quest-mark{position:absolute;right:35%;top:-6%;border:3px solid #72522a;border-radius:50%;background:#fff8d7;color:#ffd323;text-shadow:1px 2px #73582f;font-size:32px;font-weight:1000;width:38px;height:43px;line-height:35px;box-shadow:0 3px #fff6c7;animation:bob 2s ease-in-out infinite}.island-caption{position:absolute;bottom:13px;left:16px;display:flex;gap:10px;background:#e9fbffbf;border:1px solid #14779170;color:#1d6b83;border-radius:20px;padding:7px 12px;font-size:11px}.collect-bubble{position:absolute;left:3%;bottom:12%;display:grid;grid-template-columns:35px auto;align-items:center;text-align:left;gap:2px 5px;background:#fff0b8;border:3px solid #a47735;border-radius:14px;padding:8px 12px;box-shadow:0 3px #725028;z-index:3}.collect-bubble>span{grid-row:span 2;font-size:30px}.collect-bubble>b{font-size:14px}.collect-bubble>small{font-size:10px}.wood-toolbar{background:repeating-linear-gradient(0deg,#9c662e 0,#9c662e 11px,#a36d34 12px,#a36d34 24px);border-top:4px solid #f0bf70;border-bottom:4px solid #63411f;display:flex;align-items:center;min-height:69px;padding:0 20px;gap:20px;box-shadow:inset 0 3px #643d23}.wood-toolbar>button{background:none;position:relative;min-width:56px;padding:0;display:flex;flex-direction:column;align-items:center;transition:transform .15s}.wood-toolbar>button:hover{transform:translateY(-4px)}.wood-toolbar>button>span{font-size:36px;line-height:36px;filter:drop-shadow(0 2px #4d301c)}.wood-toolbar b{font-size:13px;color:#fff5bd;text-shadow:1px 2px #51371e}.wood-toolbar-end{margin-left:auto;color:#f5dfae;font-size:10px;display:grid;gap:5px;text-align:right}.wood-toolbar-end button{background:#e6bd70;border:2px solid #64401e;border-radius:6px;font-size:11px}.wanted-strip{display:flex;gap:9px;padding:10px 18px 13px;background:linear-gradient(#dfbe7e,#f2ddb0);overflow-x:auto;align-items:center;min-height:134px}.crew-title{font-weight:900;font-size:17px;min-width:30px;text-shadow:1px 1px #fff4c7}.wanted-card{background:#fff0c6;border:2px solid #ac8145;box-shadow:0 2px #8f612b;min-width:90px;width:90px;padding:3px 5px;display:grid;justify-items:center;border-radius:2px;position:relative}.wanted-card strong{font-family:Georgia,serif;font-size:13px;color:#76501f;letter-spacing:1px}.wanted-card .portrait{width:65px}.wanted-card b{font-size:10px;white-space:nowrap}.wanted-card small{position:absolute;right:1px;top:73px;background:#e7b341;border:1px solid #9b662f;border-radius:7px;font-size:10px;padding:0 3px}.recruit-card>span{font-size:46px;line-height:67px;color:#ba995f}.classic-footer{max-width:1120px;margin:15px auto;text-align:center;font-size:11px;color:#577b81}.classic-footer button{background:none;font-size:11px;text-decoration:underline}.sprite-portrait{background-image:url(/art/heroes.jpg);background-size:400% 200%;aspect-ratio:1;width:100%;display:block;flex-shrink:0;border-radius:5px}.classic-storage-warning{display:block;background:#fff4be;border:1px solid #aa7b3e;margin:10px auto;padding:10px;max-width:90%}.classic-toast{background:#fff2c7!important;border:3px solid #87592e!important;box-shadow:0 4px #53371f!important;color:#5c3a19!important;font-weight:700}.modal{background:#f7e6be;border:5px solid #936439;border-radius:12px;box-shadow:inset 0 0 0 3px #fff5d7,0 5px #56351c,0 20px 65px #122b3655;color:#69441f;max-height:88vh;width:min(700px,94vw)}.modal.wide{width:min(960px,94vw);max-width:960px}.modal::backdrop{background:#23372b59}.modal-heading{padding:12px 22px;background:linear-gradient(#b38347,#976332);border-bottom:3px solid #785127;color:#fff4d1}.modal-heading .eyebrow{display:none}.modal-heading h2{font-size:23px;text-shadow:1px 2px #613d1e;font-weight:900}.modal-heading .icon-button{background:#c74728;border:3px solid #fff2c4;color:#fff;border-radius:5px;transform:rotate(8deg);box-shadow:0 2px #5c311e}.modal-body{padding:20px;background:radial-gradient(ellipse at top,#fff3d5,#eed5a7)}.classic-tabs{display:flex;gap:4px;border-bottom:3px solid #a17438;margin:-6px 0 18px;padding-left:12px}.classic-tabs button{background:#e7b965;padding:9px 26px;border:2px solid #b78946;border-bottom:0;border-radius:8px 8px 0 0;font-weight:900;font-size:17px;color:#795128}.classic-tabs button.active{background:#fff7dd;color:#573a1b}.button{border-radius:7px!important;font-weight:900;box-shadow:0 2px #94672f;font-size:13px}.button.gold{background:linear-gradient(#ffe993,#efb842);border:2px solid #ad732a;color:#714619;text-shadow:0 1px #fff2b6}.button.secondary{background:linear-gradient(#fff9df,#e8cea0);border:2px solid #b58b50;color:#765127}.button.small{padding:6px 10px;font-size:11px}.classic-hero-panel{display:grid;grid-template-columns:160px 1fr 1fr;gap:13px;min-height:360px}.classic-hero-panel h3{background:linear-gradient(#bd9157,#93612e);border:2px solid #765125;border-radius:6px;color:#fff3d0;text-align:center;padding:6px;margin:-1px -1px 12px;font-size:15px;text-shadow:1px 1px #694220}.hero-list,.chosen-hero,.hero-actions{border:2px solid #c39f63;border-radius:7px;background:#fff4d7;padding:0 0 10px;overflow:hidden}.hero-list>button{display:flex;justify-content:space-between;width:calc(100% - 14px);margin:6px 7px;background:#e6d4ac;border:2px solid #c9b78e;border-radius:4px;padding:7px;font-size:12px;font-weight:900}.hero-list>button.active{background:#35b5bb;border-color:#108889;color:#fff}.hero-list p{font-size:11px;text-align:center;margin:20px 0 0}.hero-stat-card{margin:0 12px;background:#ecedb7;border:2px solid #c1bf7c;border-radius:8px;padding:12px;text-align:center;min-height:300px}.hero-stat-card>.portrait{width:125px;margin:auto;border:2px solid #c3a367}.hero-stat-card h2{font-size:20px;margin:8px 0 0}.hero-stars{color:#edba27;text-shadow:0 1px #a57220;font-size:16px;letter-spacing:2px}.hero-stat-card p{font-size:12px;margin-bottom:10px}.classic-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 4px;text-align:left;font-size:11px}.classic-stats b{color:#5a831f;float:right}.hero-stat-card h4{margin:15px 0 4px}.hero-stat-card>small{font-size:11px}.training-box{margin:0 12px;border:3px dashed #c6a468;background:#f1deb1;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;min-height:300px}.training-emblem{font-size:55px;color:#a16b28}.training-box p{font-size:12px;margin:0}.training-box>strong{color:#a96620;font-size:24px}.training-box>.button{width:100%;font-size:18px}.classic-equip{margin:12px;background:#eddfba;border:2px solid #baa078;padding:10px;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px}.classic-equip>span{font-size:25px}.classic-equip>b{font-size:12px}.classic-equip .button{grid-column:span 2}.hero-actions>p{text-align:center;font-size:12px}.hero-actions>select{margin:10px;width:calc(100% - 20px);padding:7px;border:2px solid #bea274;border-radius:4px;color:#6c4823;background:#fff9e4;font-size:11px}.tavern-banner{display:flex;align-items:center;gap:16px;padding:0 8px 14px;border-bottom:2px dashed #c5a065;margin-bottom:18px}.tavern-banner>span{font-size:48px}.tavern-banner h2{font-size:22px;margin-bottom:4px}.tavern-banner p{font-size:12px;margin:0}.tavern-banner .button{margin-left:auto}.classic-recruits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.recruit{border:3px solid #bfa36c;border-radius:8px;background:#f8edce;padding:9px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.recruit>.portrait{max-width:135px}.recruit h3{font-size:16px;margin:2px 0}.recruit p{font-size:10px;margin:0}.recruit>.button{margin-top:auto}.recruit>small{font-size:10px}.recruit.quality-blue{border-color:#57a5b7}.recruit.quality-purple{border-color:#a181b8}.building-panel,.market-panel{text-align:center;padding:10px 20px 25px}.building-symbol,.market-sign{font-size:70px}.building-panel h2,.market-panel h2{font-size:25px}.building-panel .resources,.market-panel .resources{justify-content:center;margin:20px}.building-panel>.button{margin:6px}.version-details{border-top:2px dashed #ba9459;margin-top:20px;padding-top:12px;font-size:12px}.version-details p{margin-top:12px}.modal .eyebrow{display:none}.modal .page-title{margin-bottom:12px}.modal .page-title h1{font-size:25px;color:#785123}.modal .page-title h1>span{display:none}.modal .page-title p{font-size:12px;color:#876944}.modal .adventure-map{background:radial-gradient(ellipse at top,#87dce6,#33b9d6);border:4px solid #93642d;border-radius:8px;min-height:370px}.modal .sea-title{display:none}.modal .stage-pin b{background:#fff0c4;border:2px solid #ab7b3f;padding:3px 7px;border-radius:8px;color:#5b3a1b;font-size:11px}.modal .stage-pin small{color:#335665}.modal .stage-marker{background:#ffdd69;border:3px solid #9b662c;box-shadow:0 3px #71502b}.modal .stage-pin.locked .stage-marker{background:#bdd0c8}.modal .formation-board,.modal .formation-options{background:#fff0cc;border:2px solid #be975a;border-radius:7px}.modal .formation-slot{background:#ead4a4;border:2px dashed #b08c4e;border-radius:6px}.modal .formation-slot.filled{border-style:solid;background:#f9ecca}.modal .formation-slot .portrait{width:75px;max-width:90%}.modal .formation-option{border:2px solid #b89a62;background:#f4e6c2}.modal .formation-option.active{background:#ecce83;border-color:#946b31}.modal .formation-layout{grid-template-columns:1.3fr 1fr;gap:18px}.modal .resources>span{color:#835621;background:#fff0cc;border:1px solid #caa66b;border-radius:7px}.modal .treasure-card{background:#f7e5bc;border:2px solid #c5a269}.modal .notice{background:#ead9b0;color:#866234;border-radius:4px}.modal .quest-card,.modal .settings-section{border-color:#c9ab72}.modal .stat-pill{color:#846127;background:#efd6a5}.modal .button.translucent{background:#fff0bc;color:#67451f;border:2px solid #8a632e}.modal .battle-arena{background:linear-gradient(#50cced,#32b3d9);border:4px solid #997039;border-radius:6px}.modal .battle-arena:before{opacity:.3}.modal .battle-unit{background:none;border:0;box-shadow:none;color:#fff5d2}.modal .battle-portrait{position:relative;width:120px;height:120px;margin:auto}.ship-art{position:absolute;top:0;right:0;bottom:0;left:0}.battle-portrait .portrait{position:absolute!important;width:48px!important;height:48px!important;left:36px;top:12px;border-radius:50%;border:2px solid #624620;z-index:1}.modal .battle-team{gap:4px}.modal .battle-unit h4{font-size:11px;margin:0;color:#fff6d5;text-shadow:1px 1px #4c662e}.modal .battle-unit .health-bar{background:#713d2a;height:8px;border:1px solid #ffedb8;border-radius:10px;overflow:hidden;margin:4px auto 1px;max-width:100px}.modal .health-bar i{background:#e79735}.modal .rage-bar{max-width:100px;margin:auto;height:5px;border:1px solid #a3e2ed}.modal .battle-vs{color:#ffe775;-webkit-text-stroke:1px #9d591c;text-shadow:2px 4px #794d1d;font-size:45px}.modal .battle-log{background:#fff0c3;color:#714a21;border:2px solid #a27b42}.modal .team-title{color:#fff4c7;background:#996831;border:2px solid #f1c878;border-radius:7px;text-shadow:1px 1px #624225;padding:5px 12px}.modal .battle-result{background:#fff0c5;border:2px solid #b58a45}.modal .battle-result h2{color:#957023}.modal .combat-details{color:#76542b}.modal .battle-sides{gap:8px}.modal .battle-toolbar{color:#fff1c5}.modal .battle-team{flex-wrap:wrap;justify-content:center}.modal .battle-unit{width:115px}.modal .quality-label{display:none}@keyframes bob{50%{transform:translateY(-4px)}}@media(min-width:1400px){.game-frame,.portal-bar{max-width:1120px}}.island-scene{background:#10c1fd}.island-viewport{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden}.island-map{position:relative;flex-shrink:0;margin:auto;height:100%;aspect-ratio:3/2}.island-map>img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button,a,select,input{touch-action:manipulation}.game-hud .resources b{color:#fff3ce;text-shadow:0 1px #5b351d}.wood-toolbar-end button{color:#5b3a1b;font-weight:900}@media(min-width:761px)and (min-height:501px){.game-frame,.portal-bar,.classic-footer{max-width:min(1120px,max(640px,calc((100dvh - 288px)*1.5)))}}@media(hover:none){.wood-toolbar>button:hover,.building-hotspot:hover .building-tag,.hero-card:hover,.stage-pin:hover .stage-marker{transform:none}}@media(max-width:760px),(max-height:500px){html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{min-width:0}.classic-app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.portal-bar,.classic-footer{display:none}.game-frame{flex:1;min-height:0;width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.island-scene{flex:1;min-height:0;aspect-ratio:auto;order:1}.wanted-strip{order:2}.wood-toolbar{order:3}.island-viewport{overflow:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.island-viewport::-webkit-scrollbar{display:none}.island-caption{display:none}.game-hud{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));top:calc(6px + env(safe-area-inset-top));flex-wrap:wrap;gap:6px 8px;z-index:4}.captain-badge{width:50px;height:50px;border-width:3px}.captain-badge>b{font-size:13px;bottom:-5px;border-width:2px;padding:0 5px}.captain-info>b{font-size:14px}.captain-xp{width:120px;height:16px}.captain-xp span{font-size:10px}.game-hud .resources{margin-left:0;width:100%;gap:6px;flex-wrap:nowrap}.game-hud .resources>span{flex:1;min-width:0;justify-content:center;padding:4px 6px;font-size:13px;border-width:2px}.game-hud .resources svg{width:14px;height:14px}.left-tools,.right-tools{top:calc(104px + env(safe-area-inset-top));gap:10px}.left-tools{left:calc(8px + env(safe-area-inset-left))}.right-tools{right:calc(8px + env(safe-area-inset-right))}.left-tools button,.right-tools button{width:48px;height:54px;border-width:2px;border-radius:10px}.left-tools button>span,.right-tools button>span{font-size:22px;line-height:24px}.left-tools b,.right-tools b{font-size:11px}.building-tag{font-size:13px;padding:3px 10px}.building-tag small{font-size:11px}.quest-mark{font-size:24px;width:30px;height:34px;line-height:28px;border-width:2px}.collect-bubble{position:absolute;left:calc(8px + env(safe-area-inset-left));bottom:10px;min-height:48px;padding:6px 12px;border-width:2px;grid-template-columns:28px auto;z-index:4}.collect-bubble>span{font-size:24px}.collect-bubble>b{font-size:14px}.collect-bubble>small{font-size:11px}.wood-toolbar{display:grid;grid-template-columns:repeat(6,1fr) auto;gap:2px;min-height:0;padding:4px calc(6px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) calc(6px + env(safe-area-inset-left));border-top-width:3px;border-bottom:0}.wood-toolbar>button{min-width:0;min-height:52px;justify-content:center}.wood-toolbar>button>span{font-size:24px;line-height:28px}.wood-toolbar b{font-size:12px}.wood-toolbar-end{margin-left:0;align-self:center}.wood-toolbar-end>span{display:none}.wood-toolbar-end button{min-width:44px;min-height:44px;font-size:13px;font-weight:900;padding:0 6px;color:#5b3a1b}.wanted-strip{min-height:0;padding:6px calc(8px + env(safe-area-inset-right)) 8px calc(8px + env(safe-area-inset-left));gap:8px;scrollbar-width:none}.wanted-strip::-webkit-scrollbar{display:none}.crew-title{font-size:13px}.wanted-card{min-width:72px;width:72px}.wanted-card strong{font-size:11px}.wanted-card .portrait{width:50px}.wanted-card b{font-size:11px}.wanted-card small{top:18px;font-size:10px}.toast{top:calc(64px + env(safe-area-inset-top));bottom:auto;max-width:90vw;font-size:13px}.classic-storage-warning{position:fixed;z-index:20;top:calc(100px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:max-content;max-width:90vw;margin:0;border-radius:8px;min-height:44px;font-size:13px}.modal,.modal.wide{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.modal:not([open]){display:none}.modal-heading{flex-shrink:0;padding:calc(8px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 8px calc(14px + env(safe-area-inset-left))}.modal-heading h2{font-size:20px;margin:0}.modal-heading .icon-button{width:44px;height:44px}.modal-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px calc(14px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.button{min-height:44px;font-size:14px}.button.small{min-height:44px;font-size:13px;padding:6px 12px}.classic-tabs{margin:-4px 0 14px;padding-left:0}.classic-tabs button{flex:1;min-height:44px;padding:8px 6px;font-size:16px}.text-button{min-height:44px;font-size:13px}.available-crew>button{min-height:44px;font-size:12px}.hero-actions>select,.equip-select select{min-height:44px;font-size:14px}.classic-hero-panel{grid-template-columns:1fr;min-height:0;gap:12px}.hero-list{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:8px;align-items:center}.hero-list h3,.hero-list p{display:none}.hero-list>button{width:auto;margin:0;flex-shrink:0;min-height:44px;gap:8px;font-size:13px}.hero-stat-card,.training-box{min-height:0}.classic-stats{font-size:13px}.hero-stat-card>small,.training-box p{font-size:13px}.classic-equip>b{font-size:13px}.tavern-banner{flex-wrap:wrap}.tavern-banner .button{margin-left:0;width:100%}.classic-recruits{grid-template-columns:repeat(2,1fr);gap:10px}.recruit p,.recruit>small{font-size:12px}.modal .formation-layout{grid-template-columns:1fr}.formation-slot b{font-size:12px}.formation-slot small{font-size:11px}.formation-hint,.formation-option p{font-size:12px}.formation-option h3{font-size:14px}.modal .adventure-map{min-height:0;height:440px}.stage-marker{width:44px;height:44px}.modal .stage-pin b{font-size:12px}.stage-pin small,.map-legend{font-size:11px}.treasure-row{grid-template-columns:1fr}.treasure-card p{font-size:12px}.modal .battle-unit{width:104px}.modal .battle-unit h4,.battle-toolbar,.battle-result p,.team-title{font-size:12px}.page-title .eyebrow{font-size:10px}.page-title p,.stat-pill,.page-title>.button{font-size:12px}.quest-item p{font-size:12px}.quest-item h4{font-size:14px}.modal-body p{font-size:13px}}@media(max-width:760px)and (min-height:501px){.island-map{height:min(100%,150vw)}}@media(max-height:500px){.wanted-strip{display:none}.game-hud .resources{width:auto;margin-left:auto}.game-hud .resources>span{flex:0 1 auto;min-width:78px}.left-tools,.right-tools{top:calc(66px + env(safe-area-inset-top))}.wood-toolbar>button{min-height:44px}.wood-toolbar>button>span{font-size:20px;line-height:22px}.modal .adventure-map{height:300px}}