:root{color:#111;background:#fff;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{min-width:320px}button,input,select{color:#111;background:#fff;font:inherit}button{border:1px solid #111111;border-radius:0;cursor:pointer}button:hover:not(:disabled){background:#f6f6f6}button:disabled{color:#9a9a9a;border-color:#cfcfcf;cursor:not-allowed}input,select{width:100%;border:0;border-bottom:1px solid #777777;border-radius:0;outline:none;padding:7px 0 5px}input::placeholder{color:#888}.app-shell{position:fixed;inset:0;display:grid;grid-template-columns:380px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 26px;width:100vw;height:100vh;overflow:hidden;background:#fff}.app-shell.is-player-mode{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.sidebar{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:16px;width:380px;min-height:0;padding:18px 22px;border-right:1px solid #bdbdbd;background:#fff;overflow-y:auto;overscroll-behavior:contain}.sidebar-footer{display:grid;gap:8px;margin-top:auto;padding-top:12px;background:#fff}.sidebar-back-button{width:100%}.sidebar-history-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.brand{display:grid;gap:8px;padding-bottom:6px}.eyebrow{color:#5f5f5f;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.brand h1{margin:0;font-size:44px;font-weight:400;line-height:.9}.brand p{max-width:300px;margin:0;color:#555;font-size:14px;line-height:1.4}.panel{display:grid;gap:9px}.panel h2{display:flex;align-items:center;gap:9px;margin:0;color:#444;font-size:11px;font-weight:400;letter-spacing:0;text-transform:uppercase}.panel h2:after{content:"";height:1px;flex:1;background:#d6d6d6}.tab-button{min-height:30px;padding:5px 8px;text-align:center;font-size:13px}.tab-button.is-active,.tile-button.is-active,.feature-button.is-active{outline:1px solid #111111;outline-offset:-5px}.tab-button.is-active{font-style:italic}.tool-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.river-panel p,.road-panel p,.fog-panel p,.faction-panel p,.token-panel p{margin:0;color:#5b5b5b;font-size:13px;line-height:1.25}.faction-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.faction-list{display:grid;gap:9px;list-style:none;margin:0;padding:0}.faction-item{border:1px solid #d6d6d6;padding:6px}.faction-item.is-active{outline:1px solid #111111;outline-offset:-1px}.faction-row{display:flex;align-items:center;gap:8px}.faction-select-box{width:18px;min-width:18px;height:18px;border:1px solid #8c8c8c;background:#d6d6d6;padding:0}.faction-item.is-active .faction-select-box{border-color:#111;background:#b8b8b8}.faction-name-button{flex:1;min-height:28px;padding:4px 6px;text-align:left;font-size:13px;border:0;background:transparent}.faction-name-input{flex:1;min-width:0;padding:5px 0 3px;font-size:13px}.faction-color-input{width:34px;min-width:34px;height:28px;border:1px solid #777777;border-radius:0;padding:0;background:transparent}.token-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.token-item{border:1px solid #d6d6d6}.token-item.is-active{outline:1px solid #111111;outline-offset:-1px}.token-select-button{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:32px;padding:6px;text-align:left;border:0;background:transparent}.token-color-swatch{display:block;width:16px;height:16px;border:1px solid #111111;border-radius:50%}.token-profile-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.data-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.file-input-hidden{display:none}.active-tile{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#666;font-size:12px}.active-tile strong{color:#111;font-size:16px;font-weight:400}.token-panel .active-tile strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tile-button,.feature-button{display:grid;justify-items:center;align-content:center;gap:5px;min-height:86px;padding:7px 6px 6px}.tile-button span:last-child,.feature-button span:last-child{font-size:12px}.tile-button.is-active span:last-child,.feature-button.is-active span:last-child{text-decoration:underline;text-underline-offset:4px}.tile-preview-canvas,.feature-preview-canvas{display:block;width:78px;height:63px;max-width:100%;background:transparent}.feature-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.label-field{display:grid;gap:3px;color:#666;font-size:12px}.check-field{display:flex;align-items:center;gap:8px;color:#666;font-size:12px}.check-field input{width:auto}.map-pane{grid-column:2;grid-row:1;position:relative;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;background:#fff}.app-shell.is-player-mode .map-pane{grid-column:1;grid-row:1}.player-controls{grid-column:1;grid-row:1;z-index:5;align-self:start;justify-self:end;display:flex;align-items:center;gap:10px;margin:16px;padding:8px;border:1px solid #bdbdbd;background:#fff;box-shadow:0 8px 24px #0000001a}.player-token-color{display:flex;align-items:center;gap:6px;color:#666;font-size:12px}.player-token-color input{width:34px;min-height:28px;padding:0;border:1px solid #888888}.player-token-hint{color:#666;font-size:12px;white-space:nowrap}.feature-label-popup{grid-column:2;grid-row:1;z-index:4;display:grid;align-self:start;justify-self:end;gap:12px;width:min(300px,calc(100% - 32px));margin:16px;padding:14px;border:1px solid #bdbdbd;background:#fff;box-shadow:0 8px 24px #0000001a;animation:feature-popup-enter .14s ease both}@keyframes feature-popup-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feature-label-popup-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.feature-label-popup-heading h2{margin:2px 0 0;font-size:22px;font-weight:400;line-height:1}.feature-label-popup-heading p{margin:0;color:#666;font-size:12px}.compact-button,.danger-button{min-height:28px;padding:4px 8px;font-size:12px}.danger-button{border-color:#8f1f1f;color:#8f1f1f}.status-bar{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:0 18px;border-top:1px solid #e2e2e2;color:#6f6f6f;background:#fff;font-size:12px;line-height:1}.hex-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.pixi-hex-stage{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.pixi-hex-canvas{pointer-events:none}.pixi-hex-input{background:transparent}.hex-canvas-base{pointer-events:none}.hex-canvas-overlay{z-index:1}.app-shell:focus,.hex-canvas:focus{outline:none}.map-menu{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#fff;overflow:auto}.map-menu-panel{width:min(760px,100%);display:grid;gap:16px;border:1px solid #d6d6d6;padding:20px}.map-menu-header{display:grid;gap:8px}.map-menu-header h1{margin:0;font-size:40px;font-weight:400;line-height:1}.map-menu-header p{margin:0;color:#555;font-size:14px}.map-menu-profile{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#555;font-size:13px}.map-create-form{display:grid;gap:8px}.map-create-form label{color:#555;font-size:12px}.map-create-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.map-menu-actions{display:flex;flex-wrap:wrap;gap:8px}.map-menu-error{margin:0;color:#8f1f1f}.map-list-panel p{margin:0;color:#555}.map-list{display:grid;gap:4px;list-style:none;margin:0;padding:0}.map-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #d6d6d6;padding:6px 8px;cursor:pointer}.map-list-item.is-selected{border-color:#9f9f9f;background:#f5f5f5}.map-list-main{display:flex;align-items:center;gap:6px;min-width:0}.map-list-select{width:14px;min-width:14px;height:14px;margin:0;border:1px solid #111111;padding:0;accent-color:#111111;flex:0 0 auto}.map-name-button{min-height:0;margin:0;border:0;padding:0;background:transparent;text-align:left;font-size:14px;line-height:1.3;flex:1;min-width:0}.map-name-button:hover:not(:disabled){background:transparent;text-decoration:underline;text-underline-offset:3px}.map-name-input{border:0;border-bottom:1px solid #777777;padding:2px 0;width:auto;min-width:0;font-size:14px;line-height:1.3;flex:1}.map-name-button,.map-name-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-list-date{color:#666;font-size:12px;white-space:nowrap}.map-list-item .compact-button{justify-self:end}.login-panel{width:min(560px,100%)}.profile-list{display:grid;gap:6px;list-style:none;margin:0;padding:0}.profile-select-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:8px 10px;text-align:left}.profile-select-button span{display:grid;gap:2px}.profile-select-button strong{font-weight:400}.profile-select-button em{color:#666;font-size:12px;font-style:normal}.profile-select-button small{color:#666;font-size:12px;white-space:nowrap}@media(max-width:900px){.app-shell{grid-template-columns:320px minmax(0,1fr)}.sidebar{width:320px;padding:16px 18px}.tile-preview-canvas,.feature-preview-canvas{width:70px;height:57px}}@media(max-width:680px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{width:260px;padding:14px;gap:14px}.tile-palette,.feature-palette{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.feature-label-popup{animation:none}}