/* v0.4: dedicated pages, calm research workspace */
[hidden]{display:none!important}html:not([data-page="home"]) #rotations,html:not([data-page="tools"]) #toolbox,html:not([data-page="library"]) #library,html:not([data-page="map"]) #map-lab,html:not([data-page="guides"]) #knowledge,html:not([data-page="records"]) #records,html:not([data-page="resources"]) #resources,html:not([data-page="sync"]) #sync{display:none!important}
html{scroll-behavior:auto}.page main{max-width:1600px;margin:auto;padding-top:28px}.section{margin-top:0!important;min-height:65vh}.section-head{margin-bottom:26px}.section-no{font-size:10px;letter-spacing:.12em}.sidebar .side-label{margin-top:24px;margin-bottom:7px}.sidebar nav .nav-link{font-size:13px}.sidebar nav .side-label{padding-left:15px;font-size:10px}.side-note{margin-top:24px!important}.sidebar-bottom small{font-size:10px}.section-subtitle{font-size:12px;color:#7a827a}.topbar{position:relative}.library-layout{display:block}.library-tabs a{padding:10px 12px;color:inherit;text-decoration:none;font-size:13px}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.library-main{min-width:0}.tool-tabs{flex-wrap:wrap}.tool-panel{padding:30px!important}.tool-intro h3{font-size:28px}.picker-dialog{width:min(820px,94vw);max-height:85vh;padding:25px;border:1px solid #d8ded3;border-radius:22px;background:#fafbf6;color:#344335;box-shadow:0 20px 90px #24372940}.picker-dialog::backdrop{background:#24372970;backdrop-filter:blur(5px)}.picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.picker-head h2{font-size:21px;margin:0}.picker-close{font-size:26px;background:none;border:0}.picker-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:58vh;overflow-y:auto;margin-top:18px}.picker-item{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;background:#f0f3e9;border:1px solid transparent;border-radius:12px;color:inherit;min-height:85px}.picker-item.selected,.picker-item:hover{background:#e1ebd4;border-color:#849d66}.picker-item img{width:55px;height:55px;object-fit:contain}.picker-item b{display:block;font-size:12px}.picker-item small{display:block;font-size:10px;color:#778270;margin-top:4px}.image-select{display:flex;align-items:center;gap:16px;text-align:left;background:#f3f6ed;color:#344335;border:1px solid #d2ddc7;border-radius:13px;padding:12px 18px;width:100%;min-width:210px}.image-select img{width:64px;height:60px;object-fit:contain}.image-select b,.image-select small{display:block}.image-select small{font-size:11px;color:#7c8876;margin-top:6px}.image-select>span:last-child{margin-left:auto}.gear-workspace{display:grid;grid-template-columns:minmax(300px,.9fr) 1.5fr;gap:30px;align-items:start}.gear-builder{background:#f2f5ec;padding:22px;border-radius:18px;position:sticky;top:20px}.gear-slots{display:block!important;margin:22px 0}.gear-slots fieldset{display:flex!important;align-items:center;gap:11px;background:none!important;border:0!important;padding:5px 0!important;margin:0 0 14px}.gear-slots legend{font-size:11px;color:#74816b;padding:0;margin-bottom:6px}.gear-slots label{display:block!important;margin:0!important}.ability-slot{display:grid;place-items:center;padding:8px;border-radius:50%;background:#293a30;border:3px solid transparent;box-shadow:0 2px 3px #11221a12;width:50px;height:50px}.ability-slot.main-slot{width:64px;height:64px;margin-right:6px}.ability-slot.selected{border-color:#98b864;box-shadow:0 0 0 3px #dbe8cd}.ability-slot img{width:100%;height:100%;object-fit:contain}.ability-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:13px 7px;margin:30px 0 20px}.ability-palette button{border:0;background:none;padding:0;color:#58684e;min-width:0}.ability-palette img{width:45px;height:45px;background:#293a30;border-radius:50%;padding:6px;box-sizing:border-box;border:2px solid transparent}.ability-palette button.selected img{border-color:#e7b16d;background:#405237}.ability-palette small{display:block;font-size:9px;line-height:1.45;margin-top:5px}.analysis-heading{display:flex;justify-content:space-between;gap:12px;margin:8px 0 20px;font-weight:700}.analysis-heading small{font-size:10px;font-weight:400;color:#828b7c}.performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.performance-stat{background:#f3f5ed;border-radius:12px;padding:16px 18px;min-height:105px}.performance-stat span{display:block;font-size:11px;color:#687564}.performance-stat strong{display:block;font-family:Arial,sans-serif;font-size:23px;margin:11px 0 5px;font-weight:600}.performance-stat small{font-size:10px;color:#8c9586}.performance-stat.improved{background:#e4ecd8}.performance-stat.improved strong{color:#4f712f}.ability-summary{display:flex;flex-wrap:wrap;gap:5px}.ability-summary span{font-size:10px!important}.tool-actions{flex-wrap:wrap}.tool-actions button{font-size:11px}.hazard-table{border:1px solid #dce3d2;border-radius:16px;overflow:hidden;margin-top:25px;background:#f9fbf4}.hazard-table summary{padding:20px 24px!important;display:flex;justify-content:space-between;cursor:pointer;gap:12px}.hazard-table summary span{font-size:14px;font-weight:600}.hazard-table summary small{color:#7a8671;font-size:10px}.hazard-table table{width:100%;border-collapse:collapse}.hazard-table th{background:#e9eedf;font-size:11px;padding:15px}.hazard-table td{padding:13px 20px!important;font-size:12px;text-align:center}.hazard-table td:first-child{text-align:left;width:130px}.hazard-table tr:nth-child(even){background:#f0f4e7}.hazard-meter{display:block;background:linear-gradient(90deg,#a6b887 var(--level),#e0e7d6 var(--level));height:4px;border-radius:4px;width:95px;margin-top:7px}.quota-pill{display:inline-grid;place-items:center;min-width:29px;min-height:29px;border-radius:50%;background:#e5ebd9;color:#415234;font-weight:600}.random-options{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.random-options label,.chip-options label{font-size:12px;display:flex;gap:7px;align-items:center}.random-options button,.random-card button{padding:9px 14px;border:1px solid #d9e2cc;background:#f2f6e9;border-radius:8px;color:#50633f}.random-filters,.rule-note{padding:18px 0;color:#637354;font-size:12px}.chip-options{display:flex;gap:14px;flex-wrap:wrap;padding:20px 0}.random-team h4{font-size:14px}.random-team h4 span{display:inline-grid;place-items:center;background:#7d9765;color:#fff;width:30px;height:30px;border-radius:50%;margin-right:8px}.random-team:nth-child(2) h4 span{background:#b98b6b}.random-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.random-card{padding:16px;background:#f3f5eb;border:1px solid #e0e6d7;border-radius:16px;text-align:center}.random-card.locked{border-color:#b59658}.random-card input{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #dce3d2;background:transparent;padding:8px;text-align:center;font:inherit;font-size:12px}.random-art{height:115px;display:grid;place-items:center}.random-art img{width:100px;height:100px;object-fit:contain}.random-art>span{font-size:45px;color:#a3b78c}.random-card h5{font-size:13px;margin:7px 0}.random-card p{font-size:10px;min-height:33px;color:#7b8770}.random-card button{font-size:10px;padding:6px 8px;margin:2px}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:42px}.guide-tree{border-right:1px solid #dce2d6;padding-right:25px}.guide-tree h3{font-size:13px;margin:23px 0 12px}.guide-tree a{display:block;text-decoration:none;color:#72806a;font-size:11px;line-height:1.5;margin:12px 0;padding-left:10px;border-left:2px solid transparent}.guide-tree a.active{color:#3c592b;border-left-color:#799b50;font-weight:600}.guide-reading{max-width:850px}.guide-reading h1{font-size:30px;line-height:1.5;margin:12px 0 18px}.guide-reading h2{font-size:21px;margin-top:40px}.guide-reading h3{font-size:17px;margin-top:30px}.guide-reading p{font-size:14px;line-height:2.1;color:#63725e;margin:20px 0}.guide-lead{font-size:17px!important;color:#3e5137!important;padding-bottom:24px;border-bottom:1px solid #dce2d6}.article-breadcrumb{font-size:11px;color:#899280}.guide-toc-group{border-top:1px solid #dce2d6;padding:24px 0}.guide-toc-group h2{margin:0 0 18px}.article-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e5e9df;text-decoration:none;color:#4f6343}.article-row span{font-size:13px}.article-row small{display:block;font-size:11px;color:#8b9580;margin-top:5px}.article-source{background:#eef2e6;padding:20px;border-radius:12px;font-size:11px;line-height:1.8;margin-top:35px}.article-source a{color:#576f40}.article-next{display:flex;justify-content:space-between;gap:16px;margin-top:30px;font-size:12px}.record-intro{display:grid;grid-template-columns:1fr auto;align-items:center;background:#e8edde;border-radius:18px;padding:25px;margin-bottom:25px;gap:20px}.record-intro h3{margin:0 0 12px;font-size:22px}.record-intro p{font-size:12px;color:#6e7a62;line-height:1.8;margin:0}.record-stat{font:600 44px Arial;color:#536d3f;text-align:right}.record-stat small{display:block;font-size:10px;font-weight:400;letter-spacing:.12em;margin-top:8px}.record-filters{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:20px}.record-filters label{font-size:10px;color:#78836b}.record-filters select,.record-filters input{display:block;padding:10px 12px;margin-top:5px;border:1px solid #d6dfca;border-radius:8px;background:#f6f8f0;color:#4f6142;font:inherit;font-size:12px;max-width:220px}.leaderboard{border:1px solid #dce3d1;border-radius:14px;overflow:auto}.leaderboard table{width:100%;border-collapse:collapse;min-width:770px;font-size:12px}.leaderboard th{background:#e7eddb;text-align:left;padding:15px 18px;white-space:nowrap}.leaderboard td{padding:17px 18px;border-bottom:1px solid #e0e6d7;vertical-align:top}.leaderboard tr:nth-child(even){background:#f4f7ee}.leaderboard .egg-total{font:600 27px Arial;color:#536d3f}.leaderboard small{display:block;font-size:10px;color:#8a9480;margin-top:5px}.leaderboard .players{font-size:11px;line-height:1.9;max-width:410px}.record-count{font-size:11px;color:#7a846d;margin-bottom:16px}.record-load{display:block;margin:24px auto;padding:12px 30px;background:#e5ecd8;border:0;border-radius:8px;color:#506a39}.sync-article{max-width:850px}.sync-article h3{font-size:22px;margin:30px 0 16px}.sync-article p,.sync-article li{font-size:14px;line-height:2;color:#63725a}.sync-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:30px 0}.sync-flow div{padding:20px 16px;border-radius:12px;background:#e9efdf}.sync-flow b{font-size:13px}.sync-flow small{display:block;font-size:11px;color:#7b876e;line-height:1.7;margin-top:9px}.sync-form{display:flex;gap:10px;margin:22px 0}.sync-form input{padding:12px;border-radius:10px;border:1px solid #d0dcc1;background:#f7f9f1;flex:1;min-width:0}.sync-form button{border:0;background:#5f7946;color:white;border-radius:10px;padding:12px 20px}.sync-state{font-size:12px;line-height:1.8;color:#6c7d5e}
@media(min-width:1550px){.page{margin-left:242px}.sidebar{width:242px}.page main{padding-left:50px;padding-right:50px}}
@media(max-width:1150px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gear-workspace{grid-template-columns:1fr}.gear-builder{position:static}.gear-slots{display:flex!important;gap:25px;flex-wrap:wrap}.ability-palette{grid-template-columns:repeat(8,1fr)}.random-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:180px minmax(0,1fr);gap:24px}}
@media(max-width:760px){.page main{padding-top:20px}.section-head{align-items:flex-start;gap:15px}.section-subtitle{display:none}.section-head h2{font-size:22px}.sidebar nav{gap:5px}.sidebar nav .side-label{display:none}.sidebar nav .nav-link{white-space:nowrap;font-size:11px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-panel{padding:18px!important}.tool-intro h3{font-size:23px}.picker-results{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-dialog{padding:18px}.picker-item{gap:5px;padding:8px}.picker-item img{width:43px;height:43px}.picker-item b{font-size:11px}.gear-builder{padding:17px}.gear-slots{display:block!important}.ability-palette{grid-template-columns:repeat(5,1fr)}.performance-grid{gap:8px}.performance-stat{padding:14px 12px}.performance-stat strong{font-size:20px}.analysis-heading{display:block}.analysis-heading small{display:block;margin-top:9px}.guide-layout{display:block}.guide-tree{border:1px solid #d6dfca;border-radius:10px;padding:12px 18px;margin-bottom:25px}.guide-tree details:not([open])>div{display:none}.guide-tree h3{margin-top:18px}.guide-reading h1{font-size:25px}.guide-reading p{font-size:13px}.record-intro{padding:20px;grid-template-columns:1fr}.record-stat{text-align:left;font-size:32px}.record-filters{display:grid;grid-template-columns:1fr 1fr}.record-filters select{width:100%}.record-filters input{max-width:100%;width:100%;box-sizing:border-box}.sync-flow{grid-template-columns:1fr 1fr}.hazard-table summary{flex-direction:column}.hazard-table th,.hazard-table td{padding:12px!important}.random-card{padding:12px}.random-card h5{font-size:12px}.top-search span:not([data-icon]){display:none}.topbar{gap:10px}}
.map-panel{padding:0!important;overflow:visible!important;background:transparent!important;border:0!important}.map-toolbar-v4{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.map-toolbar-v4>label{font-size:11px;color:#76816b}.map-toolbar-v4 select{margin-left:12px;padding:11px 14px;border:1px solid #d4dfc9;background:#f7f9f1;border-radius:9px;font:inherit;color:#526346;font-size:13px}.map-tides,.map-view-switch{display:flex;border:1px solid #d7dfce;border-radius:10px;padding:4px;background:#f2f5ec}.map-toolbar-v4 button{padding:9px 13px;border:0;border-radius:7px;background:transparent;color:#728167;font-size:11px}.map-toolbar-v4 button.selected{background:#657f4d;color:#fff}.map-view-switch{margin-left:auto}.map-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:start}.map-options{background:#f2f5eb;border:1px solid #dce3d2;border-radius:14px;padding:17px}.map-options summary{font-size:13px;font-weight:600;cursor:pointer}.map-layers{margin-top:20px}.map-layers label{display:flex;align-items:center;gap:7px;font-size:10px;color:#647759;margin:14px 0;cursor:pointer}.map-layers label input{accent-color:#73895a}.map-layers i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.map-layers small{margin-left:auto;color:#9da891;font-size:9px}.map-range-help{border-block:1px solid #dbe3d0;margin:20px 0;padding:17px 0;font-size:10px;line-height:1.8;color:#7c896e}.map-range-help b{font-size:11px;color:#626f53}.map-range-help button,.marker-actions button{background:#e4ecd8;border:0;color:#5b7046;font-size:10px;border-radius:6px;padding:7px 10px}.map-main-v4{min-width:0}.map-viewport-v4{height:min(72vh,850px);min-height:530px;background:#dde8dd;border:1px solid #d0dfcf;border-radius:17px;position:relative;overflow:hidden;touch-action:none;user-select:none}.map-viewport-v4 svg#map-svg{width:100%;height:100%;display:block;cursor:grab}.map-viewport-v4 svg#map-svg:active{cursor:grabbing}.map-viewport-v4 [data-drizzler],.map-viewport-v4 [data-user-marker]{cursor:pointer}.map-compass{position:absolute;top:18px;right:18px;border-radius:50%;background:#fbfcedb8;backdrop-filter:blur(6px);width:65px;height:65px;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.map-compass b{font:600 15px Arial;color:#66795a}.map-compass small{font-size:8px;color:#829177;margin-top:4px}.map-zoom{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:8px;background:#fbfcedd9;border-radius:10px;padding:5px;min-width:115px}.map-zoom button{background:none;border:0;font-size:19px;color:#687d58;width:30px;height:30px}.map-zoom span{font-size:10px;color:#77856b}.map-statusbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:14px 0;color:#7f8b72;font-size:10px}.map-statusbar button{background:none;border:0;color:#61764b;font-size:11px}.map-source-note,#map-feedback{font-size:11px;line-height:1.8;color:#7d8b70}#map-feedback{color:#59743d;min-height:20px}.marker-tabs{display:flex;gap:5px;margin:18px 0 12px}.marker-tabs button{font-size:10px;border:0;background:#e5ecdb;border-radius:5px;padding:6px 10px;color:#6b7a5e}.marker-tabs button.selected{background:#72895a;color:white}#marker-search{width:100%;box-sizing:border-box;background:#f9fbf2;border:1px solid #d7e0ca;border-radius:7px;padding:8px;font-size:11px}.marker-palette-v4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:295px;overflow:auto;gap:6px;margin:12px 0}.marker-palette-v4 button{padding:4px;border:1px solid transparent;background:#e8eedf;border-radius:8px;color:#748564;min-width:0}.marker-palette-v4 button.selected{border-color:#9aad78;background:#d3e1be}.marker-palette-v4 svg{width:35px;height:35px}.marker-palette-v4 small{display:block;font-size:8px;line-height:1.4}.marker-actions{display:flex;flex-wrap:wrap;gap:5px}.marker-actions button.selected{background:#70895a;color:white}#map-marker-count{font-size:9px;color:#87957b}#map-three{position:absolute;inset:0;width:100%;height:100%}#map-three canvas{width:100%;height:100%;display:block}.map-3d-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center;box-sizing:border-box;color:#617755}.map-3d-empty p{font-size:12px;line-height:1.8;max-width:380px}
@media(max-width:1000px){.map-workspace{grid-template-columns:170px minmax(0,1fr);gap:14px}.map-options{padding:12px}.map-layers label{font-size:9px}.map-layers i{display:none}.map-viewport-v4{min-height:500px}.map-view-switch{margin-left:0}}
@media(max-width:760px){.map-workspace{display:flex;flex-direction:column}.map-options{width:100%;box-sizing:border-box;order:2}.map-main-v4{width:100%;order:1}.map-viewport-v4{height:62vh;min-height:390px}.map-layers{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.map-layers label{font-size:11px}.map-toolbar-v4{gap:9px}.map-toolbar-v4 select{font-size:12px}.map-toolbar-v4 button{padding:8px 10px;font-size:10px}.marker-palette-v4{grid-template-columns:repeat(6,minmax(0,1fr));max-height:230px}.map-statusbar{font-size:9px}.map-statusbar button{font-size:9px}.map-zoom{bottom:12px;right:12px}.map-compass{width:53px;height:53px}.map-range-help{margin:12px 0;padding:10px 0}.map-source-note{font-size:10px}.map-options details summary{font-size:12px}}

.canvas-3d-badge{position:absolute;right:16px;top:16px;font-size:10px;color:#6d805e;background:#f7faedd9;border-radius:8px;padding:9px 12px;pointer-events:none}

#mobile-menu{display:none}#site-menu{width:min(450px,94vw);padding:24px;border:1px solid #d5dfca;border-radius:18px;background:#f7f9f1;color:#546644}#site-menu::backdrop{background:#23362277;backdrop-filter:blur(5px)}#site-menu-close{font-size:26px}.mobile-menu-links a{display:flex;justify-content:space-between;padding:16px 5px;font-size:14px;border-top:1px solid #e0e6d6}.mobile-menu-links span{color:#8fa478}
@media(max-width:600px){.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0}.sidebar nav .nav-link{display:none!important}.sidebar nav .nav-link[data-page=home],.sidebar nav .nav-link[data-page=tools],.sidebar nav .nav-link[data-page=library],.sidebar nav .nav-link[data-page=map]{display:flex!important}.sidebar nav #mobile-menu{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;font-size:9px;color:#73816a;padding:10px 1px}.sidebar nav .nav-link[data-page=home]{order:0}.sidebar nav .nav-link[data-page=tools]{order:1}.sidebar nav .nav-link[data-page=library]{order:2}.sidebar nav .nav-link[data-page=map]{order:3}.sidebar nav #mobile-menu{order:4}.private-badge{white-space:nowrap;font-size:8px}.breadcrumb{letter-spacing:0}.breadcrumb b{letter-spacing:0}.topbar{padding:0 14px}.library-tabs{flex-wrap:wrap;justify-content:flex-start;gap:5px}.library-tabs a{font-size:11px}.picker-results{max-height:65vh}.image-select{min-width:0}.tool-controls>.image-select{width:100%}}

/* About dialog — v0.4.1 */
#dialog-body .about-page{font-size:16px;line-height:1.85}.about-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}#dialog-body .about-heading h2{margin:0}.about-version{font-size:14px;color:#49663d;background:#edf3e0;border:1px solid #d2dec0;border-radius:20px;padding:3px 12px}#dialog-body .about-page p{font-size:16px;line-height:1.85;color:#4c5c4e}#dialog-body .about-page h3{font-size:20px;margin:0 0 12px}.about-page section{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.about-contacts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-contacts>div{min-width:0;border:1px solid #dce5d1;background:#f5f8ef;border-radius:12px;padding:18px}.about-contacts span,.about-contacts strong,.about-contacts small{display:block}.about-contacts span{font-size:14px;color:#66735e}.about-contacts strong{font-size:20px;color:#2b3b2e;overflow-wrap:anywhere}.about-contacts small{font-size:14px;margin:5px 0 14px}.about-contacts button{border:1px solid #cbd8b8;border-radius:7px;background:#fff;padding:7px 12px;font-size:14px;min-height:40px}.about-contact-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.about-contact-actions a{font-size:14px}#dialog-body .about-copy-status{font-size:14px;min-height:1.5em;margin-bottom:0}.about-sources{margin:0}.about-sources>div{display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.about-sources dt{font-size:14px;font-weight:650;color:#536947}.about-sources dd{margin:0;font-size:15px}#dialog-body .about-sources p{font-size:14px;margin:5px 0 0;color:#657062}#dialog-body .about-updated{font-size:14px;color:#69775e;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}@media(max-width:600px){.about-contacts{grid-template-columns:1fr}.about-sources>div{grid-template-columns:1fr;gap:5px}.about-contacts strong{font-size:19px}#dialog-body .about-page h3{font-size:19px}}