:root{--water-color:#3ea2ff;--map-toolbar-height:0px;color:#e8ecf2;background:#0f1521;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;overflow:hidden}.app{width:100vw;height:100vh;overflow:hidden}.content{width:100%;height:100%}.map-card{position:relative;width:100%;height:100%;overflow:hidden;background:#0c1423;display:grid;grid-template-columns:minmax(20rem,1fr) 2fr;grid-template-rows:auto minmax(0,1fr);transition:grid-template-columns .28s ease}.map-card.is-panel-collapsed{grid-template-columns:0 1fr}.map-toolbar{grid-column:1;grid-row:1;z-index:5;display:flex;align-content:flex-start;align-items:stretch;gap:.75rem;flex-wrap:wrap;min-width:0;max-width:none;padding:1rem;overflow:auto;background:#0f1726;border-right:1px solid rgba(55,83,134,.82);transition:transform .28s ease,opacity .2s ease,visibility .28s ease}.map-card.is-panel-collapsed .map-toolbar{transform:translate(-100%);opacity:0;visibility:hidden;pointer-events:none}.controls{position:relative;z-index:10;display:flex;align-items:center;gap:.5rem;min-width:0}.control-block{width:100%;padding:.75rem;border:1px solid rgba(55,83,134,.62);background:#0c142361;border-radius:10px}.map-toolbar__prompt{width:100%;margin:0}.controls:has(.export-menu[open]){z-index:1000}button{border:1px solid #375386;background:#365792;color:#eef4ff;padding:.55rem .85rem;border-radius:8px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#0c142399}.export-menu{position:relative;z-index:1}.export-menu[open]{z-index:1000}.export-menu.is-disabled{opacity:.6}.export-menu.is-disabled summary{cursor:not-allowed;pointer-events:none}.export-menu summary{list-style:none;display:inline-flex;align-items:center;gap:.35rem;border:1px solid #375386;color:#eef4ff;padding:.55rem .85rem;border-radius:8px;cursor:pointer}.export-menu summary::-webkit-details-marker{display:none}.export-menu summary:after{content:"▾";font-size:.75rem}.export-menu[open] summary:after{content:"▴"}.export-menu__items{position:absolute;top:calc(100% + .35rem);left:0;z-index:1001;min-width:100%;display:flex;flex-direction:column;gap:.35rem;padding:.4rem;border:1px solid rgba(42,59,92,.9);background:#0f1726;border-radius:10px;box-shadow:0 10px 30px #00000059}.export-menu__items button{width:100%;text-align:left}.side-panel-toggle{position:absolute;top:1rem;left:calc(100% / 3);z-index:20;display:flex;align-items:center;justify-content:center;width:3rem;height:4.75rem;padding:0;border:1px solid rgba(55,83,134,.82);border-left:0;border-radius:0 12px 12px 0;background:#141f32c7;box-shadow:0 10px 30px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:none;transition:left .28s ease,top .28s ease,border-radius .28s ease,background .2s ease}.map-card.is-panel-collapsed .side-panel-toggle{left:0}@media (min-width:901px) and (max-width:960px){.side-panel-toggle{left:20rem}}.side-panel-toggle__desktop{display:inline;font-size:1.6rem;line-height:1}.side-panel-toggle__mobile{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.map-viewport{grid-column:2;grid-row:1 / span 2;min-width:0;min-height:0;width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;padding:1rem;overscroll-behavior:contain;touch-action:pan-x pan-y;display:grid;place-items:center;cursor:grab}.map-card.is-panel-collapsed .map-viewport{grid-column:1 / -1}.map-viewport::-webkit-scrollbar{width:0;height:0}.map-viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}svg{display:block;border:0;background:#0c1423;border-radius:0;transform-origin:0 0}.roll-card{grid-column:1;grid-row:2;z-index:4;min-width:0;min-height:0;width:100%;max-height:none;overflow:auto;border:0;border-right:1px solid rgba(55,83,134,.82);background:#141f32f0;border-radius:0;padding:1rem;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-card.is-panel-collapsed .roll-card{transform:translate(-100%);opacity:0;visibility:hidden;pointer-events:none}.roll-card.is-collapsed{width:100%;max-width:none;overflow:visible}.info-body{margin-top:0;display:flex;flex-direction:column;gap:.75rem}.info-body p{margin:.5rem 0}.info-body ul{margin:.5rem 0 .5rem 1.25rem;padding:0}.info-block{padding:.75rem;border:1px solid rgba(55,83,134,.62);background:#0c142361;border-radius:10px}.info-block--prompt{border-color:#f7dc6f;background:#564416a3;color:#fff7bf;font-weight:700}.info-block--hex{background:#0c142380}.hex-biome-editor{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.hex-biome-editor__button{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:.2rem;background:#0c142399;font-size:1rem}.hex-biome-editor select{min-width:12rem;max-width:100%;background:#0c1423;color:#eef4ff;border:1px solid #375386;border-radius:8px;padding:.4rem .5rem;font-size:.85rem;cursor:pointer}.hex-poi-editor{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.hex-poi-editor select{min-width:12rem;max-width:100%;background:#0c1423;color:#eef4ff;border:1px solid #375386;border-radius:8px;padding:.4rem .5rem;font-size:.85rem;cursor:pointer}.hex-poi-editor__actions{display:flex;align-items:center;gap:.35rem;margin-left:auto}.info-block--debug{padding:0;overflow:hidden}.info-block--debug summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;cursor:pointer;font-weight:800;color:#eef4ff}.info-block--debug summary::-webkit-details-marker{display:none}.info-block--debug summary:after{content:"▾";font-size:.85rem;color:#aebbd4}.info-block--debug[open] summary:after{content:"▴"}.debug-panel-body{padding:0 .75rem .75rem;border-top:1px solid rgba(55,83,134,.35)}.nearby-river-marker{display:inline-flex;align-items:center;justify-content:center;width:1.35em;height:1.05em;border-radius:.25em;background:#1f8fff;color:#fff;font-weight:800;line-height:1;vertical-align:-.08em}.nearby-waterfall-marker{width:1.35em;height:1.35em;margin-left:.15em;vertical-align:-.32em}.hex{stroke:#617187;stroke-width:1}.hex.center{stroke:#707f96}.hex.candidate{fill:#4f5f72;stroke:#7f8ea3;cursor:pointer;stroke-dasharray:2 2}.hex.sea{stroke:#163a55;stroke-width:1}.hex.click-prompt{stroke:#f7dc6f;stroke-width:2}.click-prompt-label{fill:#fff7bf;stroke:#0c1423;stroke-width:3px;paint-order:stroke;font-size:12px;font-weight:800;pointer-events:none}.hex-label{fill:#f4f8ff;font-size:11px;pointer-events:none}.hex-coordinate-label{fill:#253247;font-family:Arial,Helvetica,sans-serif;font-size:7px;font-weight:600;letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none}.rivers-layer{pointer-events:none}.river-polyline{fill:none;stroke:var(--water-color);stroke-linecap:round;stroke-linejoin:round}.river-direction-arrow,.river-rapid-mark{stroke:#fff;stroke-width:1.2;stroke-linecap:round}.river-waterfall{pointer-events:none}.river-arrow-head{fill:#fff}.roads-layer{pointer-events:none}.road-line{stroke:#8b6a3f;stroke-width:3;stroke-linecap:round}.road-line--ford{opacity:.42}.trail-line{stroke:#8b6a3f;stroke-width:1.5;stroke-linecap:butt;stroke-dasharray:3 7}.trail-line--ford{stroke:#3ea2ff;opacity:.42}.bridge-rail{fill:none;stroke:#4f3922;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.river-debug-layer{pointer-events:none}.dbg-node-all{fill:#a0a7b2;opacity:.85}.dbg-node-boundary{fill:#ffd84a}.dbg-node-candidate{fill:#57df63}.dbg-first-segment{stroke:#c17cff;stroke-width:4;stroke-linecap:round}.dbg-last-segment{stroke:#ff9f40;stroke-width:4;stroke-linecap:round}.dbg-start{fill:#3f83ff}.dbg-end{fill:#ff4b4b}.dbg-river-id{fill:#fff;font-size:10px}.dbg-lake-vertex{fill:#ff4d00;stroke:#2b1200;stroke-width:.6}.dbg-node-exterior{fill:#ff2a2a;opacity:.95}.dbg-node-central{fill:#9b59ff;opacity:.95}.dbg-node-neighbor-region{fill:#ff9a2a;opacity:.95}@media (max-width:900px){body{overflow:auto}.app{min-height:100dvh;height:auto;overflow:visible}.content{min-height:100dvh;height:auto}.map-card{display:flex;flex-direction:column;min-height:100dvh;height:auto;overflow:hidden}.map-toolbar{order:2;flex:0 0 auto;padding:.75rem;align-items:stretch;max-width:none;border-top:1px solid rgba(55,83,134,.82);border-right:0;transform:translateY(0)}.map-viewport{order:1;flex:0 0 66.666dvh;min-height:22rem;height:66.666dvh;padding:.75rem;transition:flex-basis .28s ease,height .28s ease}.roll-card{order:3;flex:0 0 auto;width:100%;max-height:none;overflow:visible;border-right:0;border-bottom:0;border-left:0;border-radius:0;transform:translateY(0);transition:transform .28s ease,opacity .2s ease,visibility .28s ease,padding .28s ease,max-height .28s ease}.side-panel-toggle{position:absolute;top:calc(66.666dvh - 2.5rem);bottom:auto;left:0;width:5rem;height:2.5rem;border:1px solid rgba(55,83,134,.82);border-bottom:0;border-radius:12px 12px 0 0;transform:none}.map-card.is-panel-collapsed .side-panel-toggle{top:calc(100dvh - 2.5rem);left:0}.side-panel-toggle__desktop{display:none}.side-panel-toggle__mobile{display:inline;font-size:1.6rem;line-height:1}.map-card.is-panel-collapsed .map-viewport{flex-basis:100dvh;height:100dvh;min-height:100dvh}.map-card.is-panel-collapsed .map-toolbar,.map-card.is-panel-collapsed .roll-card{flex-basis:0;max-height:0;min-height:0;padding-top:0;padding-bottom:0;border:0;overflow:hidden;transform:translateY(100%);opacity:0;visibility:hidden;pointer-events:none}}.rotate-map-button,.biome-display-toggle,.hex-coordinate-toggle{display:flex;align-items:center;justify-content:center;height:2.5rem;border:1px solid rgba(42,59,92,.9);background:#141f32eb;border-radius:10px;box-shadow:0 10px 30px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rotate-map-button{width:3.5rem;padding:.2rem}.biome-display-toggle,.hex-coordinate-toggle{gap:.4rem;padding:.2rem .75rem;font-weight:800}.hex-coordinate-toggle.is-active{border-color:#617187;color:#eef4ff;box-shadow:0 0 0 1px #61718773,0 10px 30px #00000040}.rotate-map-button__icon{width:100%;height:100%;min-width:0;min-height:0;border:0;background:transparent;border-radius:0}.rotate-map-button__hex{fill:#365792;stroke:#8fb4ef;stroke-width:2}.rotate-map-button__sign{fill:#eef4ff;font-size:22px;font-weight:700;text-anchor:middle;dominant-baseline:central}.gen-params{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.6rem}.gen-params label{display:flex;flex-direction:column;min-width:0;gap:.2rem;font-size:clamp(.62rem,2.4vw,.72rem);line-height:1.05;color:#aebbd4;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}.gen-params select{width:100%;min-width:0;background:#0c1423;color:#eef4ff;border:1px solid #375386;border-radius:8px;padding:.4rem .5rem;font-size:.85rem;cursor:pointer}.controls--region-management button{flex:1 1 0;min-width:0;min-height:2.5rem;overflow-wrap:anywhere}.controls--display{flex-wrap:nowrap}.controls--display .biome-display-toggle,.controls--display .hex-coordinate-toggle{min-width:0;flex:1 1 auto}.controls--transfer{justify-content:flex-start}.coast-notice{display:flex;align-items:center;gap:.75rem;justify-content:space-between;padding:.5rem .75rem;margin:.25rem 0;border:1px solid #b5862f;background:#503c14eb;color:#ffe9b8;border-radius:10px;font-size:.85rem}.coast-notice button{background:none;border:none;color:#ffe9b8;font-size:1.1rem;cursor:pointer;line-height:1}@media (max-width:420px){.gen-params{gap:.45rem}.gen-params select{padding:.4rem .35rem;font-size:.82rem}}.header-links{position:absolute;top:1rem;right:1rem;z-index:30;display:flex;align-items:center;gap:.5rem;transition:transform .28s ease}.header-links.is-collapsed{transform:translate(calc(100% - 2.5rem))}.header-links-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;flex:0 0 auto;border:1px solid rgba(55,83,134,.82);background:#141f32e0;box-shadow:0 10px 30px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-links-toggle__desktop{display:inline;font-size:1.35rem;line-height:1}.header-links-toggle__mobile{display:none}.header-links__actions{display:flex;align-items:center;gap:.5rem;transition:opacity .2s ease,visibility .28s ease}.header-links.is-collapsed .header-links__actions{opacity:0;visibility:hidden;pointer-events:none}.language-toggle{min-width:3.5rem;height:2.5rem;padding:.45rem .75rem;border:1px solid rgba(55,83,134,.82);background:#141f32e0;box-shadow:0 10px 30px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:800;letter-spacing:.04em}.social-link{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid rgba(55,83,134,.82);border-radius:8px;background:#141f32e0;color:#eef4ff;box-shadow:0 10px 30px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .16s ease,border-color .16s ease,background .16s ease}.social-link:hover,.social-link:focus-visible{transform:translateY(-1px);border-color:#8fb4ef;background:#223658f0}.social-link:focus-visible{outline:2px solid #8fb4ef;outline-offset:2px}.social-link__icon{width:1.35rem;height:1.35rem;fill:currentColor}.social-link__cutout{fill:#0f1726}.social-link--youtube:hover,.social-link--youtube:focus-visible{color:#ff4b4b}.social-link--telegram:hover,.social-link--telegram:focus-visible{color:#3ea2ff}@media (max-width:900px){.header-links{top:.75rem;right:.75rem;flex-direction:column;align-items:flex-end;gap:.4rem}.header-links.is-collapsed{transform:translateY(calc(-100% + 2.5rem))}.header-links-toggle{order:2}.header-links-toggle__desktop{display:none}.header-links-toggle__mobile{display:inline;font-size:1.35rem;line-height:1}.header-links__actions{order:1;gap:.4rem}}.hex-poi-editor__add{min-width:0;flex:0 0 auto}