:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f2f4f8;background:#1e2127}*{box-sizing:border-box}body{margin:0;background:#1e2127;color:#f2f4f8}.app-shell{padding:1rem;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.actions{display:flex;gap:.5rem}.grid-controls{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.grid-controls label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.grid-controls input{border:1px solid #596273;border-radius:6px;padding:.35rem .5rem;width:8rem;background:#252a33;color:#f2f4f8}.grid-controls input:disabled{background:#2f3540;color:#9ea7b6}.gm-menu{margin-top:1rem;border:1px solid #444b58;border-radius:10px;background:#262b34;padding:.75rem}.gm-menu h2{margin:0;font-size:1rem}.gm-subsection{margin-top:1rem;border-top:1px solid #3a414f;padding-top:.8rem}.gm-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:.8rem}.gm-panel{margin-top:0;border-top:1px solid #3a414f;background:#20252e;border-radius:8px;padding:.7rem}.map-name-input{border:1px solid #596273;border-radius:6px;padding:.35rem .5rem;width:100%;background:#252a33;color:#f2f4f8}.map-actions-row,.layer-actions-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}.layer-switch-row{display:grid;gap:.45rem;margin-top:.5rem}.layer-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:.35rem}.layer-activate-btn{text-align:left}.layer-activate-btn.is-active{border-color:#7dadf7;box-shadow:0 0 0 1px #7dadf766 inset}.gm-subsection h3{margin:0 0 .5rem;font-size:.95rem}.gm-login{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gm-login input{border:1px solid #596273;border-radius:6px;padding:.35rem .5rem;background:#252a33;color:#f2f4f8}.gm-state{font-weight:600;color:#81d4a3}button{border:1px solid #596273;background:#2b303a;color:#f2f4f8;border-radius:6px;padding:.4rem .8rem;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.board{border:2px solid #596273;background:linear-gradient(90deg,#3e485a2e,#3e485a2e),#232833;max-width:100%;height:auto;touch-action:none}.board-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 0;overflow:auto}.board-shell{position:relative}.grid-line{stroke:#4f586b;stroke-width:1;pointer-events:none}.token-group{-webkit-user-select:none;user-select:none}.token-group.is-editable{cursor:grab}.token-group.is-editable:active{cursor:grabbing}.token-group.is-locked{cursor:not-allowed}.token-label{fill:#f3f6fb;font-size:11px;font-weight:600;pointer-events:none;paint-order:stroke;stroke:#14181ee6;stroke-width:2px}.error{color:#ff7b72}.status{color:#81d4a3}.role-badge{margin:.5rem 0;font-weight:600}.session-box{margin-top:.8rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.session-box input{min-width:18rem;max-width:100%;border:1px solid #596273;border-radius:6px;padding:.35rem .5rem;background:#252a33;color:#f2f4f8}.gm-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.gm-tool-card{border:1px solid #3f4655;border-radius:8px;padding:.6rem;background:#20252e}.gm-tool-card h4{margin:0 0 .5rem;font-size:.92rem}.collapsible-card>summary{cursor:pointer;font-weight:600;font-size:.92rem;list-style:none;margin-bottom:.5rem}.collapsible-card>summary::-webkit-details-marker{display:none}.collapsible-card>summary:before{content:"▸";margin-right:.35rem;color:#9eb4d8}.collapsible-card[open]>summary:before{content:"▾"}.summary-with-action{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.summary-icon-btn{min-width:32px;width:32px;height:32px;padding:0;font-size:.95rem;line-height:1}.summary-icon-btn.is-active{border-color:#7dadf7;box-shadow:0 0 0 1px #7dadf766 inset}.gm-tool-actions{display:flex;flex-wrap:wrap;gap:.4rem}.gm-tool-actions .is-active{border-color:#7dadf7;box-shadow:0 0 0 1px #7dadf766 inset}.token-tool-btn{display:inline-flex;align-items:center;gap:.4rem}.token-tool-btn img{width:24px;height:24px;object-fit:contain;pointer-events:none}.token-upload-card{margin-top:.45rem;padding:.5rem;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#080c1473;display:grid;gap:.4rem}.token-upload-card label{display:grid;gap:.25rem;font-size:.82rem;color:#d7e2f2}.token-upload-toggle{display:flex!important;align-items:center;gap:.45rem}.token-category-hint{margin:.2rem 0 .4rem;font-size:.8rem;color:#9eb4d8}.terrain-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:.45rem;margin-bottom:.55rem}.farm-items-header{margin:.35rem 0 .4rem;font-size:.82rem;color:#b7c1d3;font-weight:600}.farm-items-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;max-height:260px;overflow:auto;margin-bottom:.55rem;padding-right:.2rem}.asset-subsection{margin-bottom:.45rem}.asset-subsection>summary{cursor:pointer;font-size:.82rem;font-weight:600;color:#b7c1d3;margin:.2rem 0 .35rem}.category-trash-wrap{margin-top:.2rem;display:flex;justify-content:flex-end}.category-trash-btn{min-width:36px;width:36px;height:36px;padding:0;font-size:1rem;line-height:1}.farm-item-btn{padding:.2rem;aspect-ratio:1 / 1;display:inline-flex;align-items:center;justify-content:center}.farm-item-btn img{width:100%;height:100%;object-fit:contain;pointer-events:none}.farm-item-btn.is-active{border-color:#7dadf7;box-shadow:0 0 0 1px #7dadf766 inset}.terrain-tool-btn{display:flex;align-items:center;gap:.45rem;justify-content:flex-start}.terrain-palette-grid{display:grid;grid-template-columns:repeat(9,minmax(20px,1fr));gap:.35rem;margin-bottom:.55rem}.palette-swatch{width:100%;aspect-ratio:1 / 1;min-width:20px;border-radius:4px;border:1px solid rgba(255,255,255,.3);padding:0}.palette-swatch.is-selected{box-shadow:0 0 0 2px #9cc0ff inset,0 0 0 1px #9cc0ff}.palette-swatch-grass{background:radial-gradient(circle at 14% 18%,#3f8f36 0 8%,transparent 9%),radial-gradient(circle at 42% 22%,#2b6f2b 0 8%,transparent 9%),radial-gradient(circle at 74% 18%,#4a993e 0 8%,transparent 9%),radial-gradient(circle at 86% 42%,#2e752b 0 8%,transparent 9%),radial-gradient(circle at 58% 54%,#3e8a35 0 8%,transparent 9%),radial-gradient(circle at 28% 58%,#276628 0 8%,transparent 9%),radial-gradient(circle at 16% 84%,#4a943d 0 8%,transparent 9%),radial-gradient(circle at 48% 84%,#326f2d 0 8%,transparent 9%),radial-gradient(circle at 78% 76%,#3d8434 0 8%,transparent 9%),#2f7d2f}.brush-controls{display:grid;gap:.45rem;margin-top:.45rem}.brush-controls label{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem}.brush-controls input[type=range]{width:100%}.fog-light-control{display:grid;gap:.2rem;width:100%;font-size:.82rem;margin-top:.15rem}.fog-light-control input[type=range]{width:100%}.terrain-preview{width:24px;height:24px;border-radius:5px;border:1px solid rgba(255,255,255,.2);flex:0 0 auto}.terrain-preview-grass-1{background:#3f7a39}.terrain-preview-road-gravel{background:radial-gradient(circle at 18% 22%,#8f887c 0 7%,transparent 8%),radial-gradient(circle at 52% 31%,#5a554d 0 6%,transparent 7%),radial-gradient(circle at 80% 30%,#9c9589 0 7%,transparent 8%),radial-gradient(circle at 28% 70%,#615b52 0 6%,transparent 7%),radial-gradient(circle at 72% 72%,#938c80 0 7%,transparent 8%),#6e695f}.terrain-preview-sand{background:radial-gradient(circle at 26% 22%,#dcc58a 0 7%,transparent 8%),radial-gradient(circle at 64% 34%,#b79f62 0 7%,transparent 8%),radial-gradient(circle at 48% 75%,#d8c17f 0 8%,transparent 9%),#c9b173}.terrain-preview-dirt{background:radial-gradient(circle at 24% 24%,#7d593d 0 10%,transparent 11%),radial-gradient(circle at 68% 28%,#553c2a 0 8%,transparent 10%),radial-gradient(circle at 52% 72%,#805a3e 0 11%,transparent 12%),#6b4a33}.terrain-preview-stone-path{background:radial-gradient(circle at 30% 28%,#6b707a 0 18%,transparent 19%),radial-gradient(circle at 72% 34%,#777c86 0 17%,transparent 18%),radial-gradient(circle at 48% 72%,#5e636d 0 19%,transparent 20%),#4c5058}.terrain-preview-water{background:#2f7bad}.terrain-preview-erase{background:linear-gradient(135deg,#a53c3c 0 45%,transparent 45% 55%,#a53c3c 55% 100%),linear-gradient(45deg,#a53c3c 0 45%,transparent 45% 55%,#a53c3c 55% 100%),#2b303a}.item-preview-crate{background:linear-gradient(90deg,transparent 48%,#5f3b1d 48% 52%,transparent 52%),linear-gradient(0deg,transparent 48%,#5f3b1d 48% 52%,transparent 52%),linear-gradient(180deg,#b87a40 0,#b87a40);border-color:#5f3b1d}.item-preview-barrel{background:radial-gradient(circle at 50% 50%,#cf9451 0 20%,transparent 21%),radial-gradient(circle at 50% 50%,transparent 0 36%,#6a4221 36% 41%,transparent 41%),radial-gradient(circle at 50% 50%,transparent 0 43%,#d5dae2 43% 49%,transparent 49%),radial-gradient(circle at 50% 50%,#b67a3f 0,#b67a3f);border-radius:50%;border-color:#6a4221}.item-preview-bed{background:linear-gradient(90deg,#fff 0,#fff 24%,#8b1e3f 24%,#8b1e3f 92%,#6f4728 92%,#6f4728)}.item-preview-erase{background:linear-gradient(135deg,#a53c3c 0 45%,transparent 45% 55%,#a53c3c 55% 100%),linear-gradient(45deg,#a53c3c 0 45%,transparent 45% 55%,#a53c3c 55% 100%),#2b303a}.item-tool-menu{position:fixed;z-index:30;background:#1d222b;border:1px solid #5b6678;border-radius:8px;padding:.45rem;min-width:220px}.item-tool-menu p{margin:0 0 .35rem;font-size:.85rem}.item-tool-menu-colors{display:grid;grid-template-columns:repeat(6,minmax(20px,1fr));gap:.3rem}.item-tool-swatch{width:100%;aspect-ratio:1 / 1;border-radius:4px;border:1px solid rgba(255,255,255,.35);padding:0}.item-tool-swatch.is-selected{box-shadow:0 0 0 2px #9cc0ff inset,0 0 0 1px #9cc0ff}.board-hit-area{fill:transparent}.board-hit-area.terrain-active{cursor:crosshair}.terrain-tile{pointer-events:none}.wall-tile{fill:#1c212aeb;stroke:#7a869ce6;stroke-width:1.2;pointer-events:none}.item-tile{pointer-events:auto;cursor:grab}.item-tile.is-editable:active{cursor:grabbing}.item-sprite{filter:none}.light-overlay{pointer-events:none}.light-overlay.night{fill:#080c1a73}.light-overlay.indoor{fill:#120e082b}.light-source-marker{fill:#ffe58a;stroke:#fff3c2;stroke-width:1;pointer-events:auto;cursor:pointer}.token-context-menu{position:fixed;z-index:20;background:#1d222b;border:1px solid #5b6678;border-radius:8px;padding:.35rem}.token-context-menu button{white-space:nowrap}.layer-arrow-row{display:flex;gap:.35rem;margin:.35rem 0}.item-scale-control{display:grid;gap:.25rem;margin:.35rem 0;font-size:.82rem}.item-scale-control input[type=range]{width:100%}.token-name-editor{display:grid;gap:.35rem;margin:.35rem 0}.token-name-editor input{border:1px solid #596273;border-radius:6px;padding:.35rem .45rem;background:#252a33;color:#f2f4f8;min-width:12rem}.board-layout{display:flex;gap:.9rem;align-items:stretch;flex:1;min-height:0}.map-topbar{display:flex;gap:.5rem;align-items:center;margin:.65rem 0 .5rem;flex-wrap:wrap}.map-topbar .is-active{border-color:#7dadf7;box-shadow:0 0 0 1px #7dadf766 inset}.tool-sidebar{width:290px;min-width:290px;border:1px solid #444b58;border-radius:10px;background:#262b34;padding:.8rem;overflow:auto}.map-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c10a6;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem}.map-modal{width:min(980px,100%);max-height:85vh;overflow:auto;background:#1f2430;border:1px solid #4a5364;border-radius:10px;padding:.8rem}.map-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.map-modal-header h3{margin:0}.map-modal-actions{display:flex;gap:.4rem;flex-wrap:wrap}.player-entry-modal{width:min(560px,100%)}.player-entry-copy{margin:0 0 .75rem;color:#c7d1e2}.player-entry-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem}.player-entry-actions .is-active{border-color:#7dadf7;box-shadow:0 0 0 1px #7dadf766 inset}.player-entry-form{display:grid;gap:.55rem}.player-entry-form label{display:grid;gap:.2rem;font-size:.88rem}.player-entry-form input,.player-entry-form select{border:1px solid #596273;border-radius:6px;padding:.35rem .5rem;background:#252a33;color:#f2f4f8}.join-token-modes{display:flex;gap:.35rem;flex-wrap:wrap}.join-token-modes .is-active{border-color:#7dadf7;box-shadow:0 0 0 1px #7dadf766 inset}.join-token-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.join-token-preset-btn{display:grid;gap:.2rem;justify-items:center;padding:.3rem}.join-token-preset-btn img{width:56px;height:56px;object-fit:contain}.join-token-preset-btn span{font-size:.78rem}.join-token-preset-btn.is-active{border-color:#7dadf7;box-shadow:0 0 0 1px #7dadf766 inset}.join-token-upload{display:grid;gap:.35rem}.join-token-upload-preview{width:68px;height:68px;object-fit:contain;border:1px solid #596273;border-radius:8px;background:#1e232b}.active-players-list{display:grid;gap:.35rem}.active-player-row{display:flex;justify-content:space-between;gap:.5rem;padding:.25rem .35rem;border:1px solid #3f4655;border-radius:6px;background:#1d222b}.active-player-row span{color:#b9c3d2;font-size:.84rem}.active-player-empty{margin:0;color:#9ea7b6;font-size:.88rem}.map-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.map-card-wrap{display:grid;gap:.35rem}.map-card{border:1px solid #4a5364;background:#262d3a;border-radius:8px;overflow:hidden;padding:0;text-align:left}.map-card.is-active{border-color:#7dadf7;box-shadow:0 0 0 1px #7dadf766 inset}.map-card img,.map-card-placeholder{width:100%;height:130px;display:block;object-fit:cover}.map-card-placeholder{display:flex;align-items:center;justify-content:center;color:#9ea7b6;background:#1a1f28;font-size:.85rem}.map-card-meta{padding:.45rem .55rem .55rem;display:grid;gap:.15rem}.map-card-meta strong{font-size:.92rem}.map-card-meta span{font-size:.76rem;color:#9ea7b6}.map-delete-btn{width:100%;border-color:#8a4a4a;color:#ffd0d0}.tool-sidebar h3{margin:0 0 .6rem;font-size:1rem}.tool-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.tool-quick-actions{display:flex;align-items:center;gap:.35rem}.tool-sidebar-header h3{margin:0}.undo-icon-btn{min-width:36px;width:36px;height:36px;padding:0;font-size:1.1rem;line-height:1}@media (max-width: 1024px){.gm-layout-grid{grid-template-columns:1fr}.board-layout{flex-direction:column}.tool-sidebar{width:100%;min-width:0}}