: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-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:"▾"}.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}.terrain-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:.45rem;margin-bottom:.55rem}.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%}.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}.decoration-preview-bush{background:radial-gradient(circle at 35% 40%,#69a95b 0 22%,transparent 24%),radial-gradient(circle at 62% 48%,#5b924e 0 24%,transparent 26%),radial-gradient(circle at 48% 68%,#4f823f 0 22%,transparent 24%),#314527}.decoration-preview-flowers{background:radial-gradient(circle at 24% 32%,#e8d56f 0 8%,transparent 9%),radial-gradient(circle at 54% 30%,#dca8ff 0 8%,transparent 9%),radial-gradient(circle at 70% 58%,#ff9ea8 0 8%,transparent 9%),radial-gradient(circle at 40% 68%,#9ec9ff 0 8%,transparent 9%),#3b5d2d}.decoration-preview-pebbles{background:radial-gradient(circle at 24% 28%,#9ca0aa 0 11%,transparent 12%),radial-gradient(circle at 58% 32%,#737a86 0 10%,transparent 11%),radial-gradient(circle at 72% 62%,#aeb3bc 0 11%,transparent 12%),radial-gradient(circle at 34% 70%,#7b828d 0 10%,transparent 11%),#3e424a}.decoration-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}.board-hit-area{fill:transparent}.board-hit-area.terrain-active{cursor:crosshair}.terrain-tile{pointer-events:none}.item-tile{pointer-events:auto}.item-sprite{filter:none}.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}.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}.tool-sidebar{width:290px;min-width:290px;border:1px solid #444b58;border-radius:10px;background:#262b34;padding:.8rem;overflow:auto}.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-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){.board-layout{flex-direction:column}.tool-sidebar{width:100%;min-width:0}}