*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f0f;color:#fff;min-height:100vh}header{padding:1.5rem 2rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #333}header h1{font-size:1.75rem;margin-bottom:.25rem}header p{color:#888;font-size:.9rem}.container{display:flex;height:calc(100vh - 100px)}.controls{width:320px;padding:1.5rem;background:#1a1a1a;border-right:1px solid #333;overflow-y:auto}.controls section{margin-bottom:1.5rem}.controls h3{font-size:.85rem;text-transform:uppercase;color:#888;margin-bottom:.75rem;letter-spacing:.5px}.controls input,.controls select{width:100%;padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:.95rem}.controls input:focus,.controls select:focus{outline:none;border-color:#fc4c02}.hint{font-size:.8rem;color:#666;margin-top:.5rem}#selected-location{margin-top:.5rem;font-size:.85rem;color:#fc4c02}.button-group{display:flex;gap:.5rem}.activity-btn{flex:1;padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.activity-btn:hover{background:#333}.activity-btn.active{background:#fc4c02;border-color:#fc4c02}.mode-tabs{display:flex;gap:.25rem;margin-bottom:.75rem}.mode-tab{flex:1;padding:.5rem .25rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#888;font-size:.75rem;cursor:pointer;transition:all .2s}.mode-tab:hover:not(:disabled){background:#333;color:#fff}.mode-tab.active{background:#fc4c02;border-color:#fc4c02;color:#fff}.mode-tab:disabled{opacity:.4;cursor:not-allowed}.mode-content{display:none}.mode-content.active{display:block}#word-input{font-size:1.1rem;text-transform:uppercase;letter-spacing:2px;text-align:center}.word-preview{margin-top:.5rem;padding:.5rem;background:#222;border-radius:6px;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;letter-spacing:4px;color:#fc4c02}.shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.shape-btn{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;background:#2a2a2a;border:2px solid #444;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;padding:.25rem}.shape-btn:hover{background:#333;transform:scale(1.05)}.shape-btn.active{border-color:#fc4c02;background:#fc4c0233}.shape-emoji{font-size:1.4rem;line-height:1}.shape-difficulty{position:absolute;bottom:2px;right:2px;font-size:.6rem;font-weight:700;color:#fff;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.shape-warning{margin-top:.75rem;padding:.75rem;background:#f4433626;border:1px solid rgba(244,67,54,.4);border-radius:8px;font-size:.8rem;color:#ff8a80;line-height:1.4}.primary-btn{width:100%;padding:1rem;background:#fc4c02;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.primary-btn:hover:not(:disabled){background:#e04400;transform:translateY(-1px)}.primary-btn:disabled{background:#444;cursor:not-allowed}.secondary-btn{width:100%;padding:1rem;background:transparent;border:2px solid #fc4c02;border-radius:8px;color:#fc4c02;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.secondary-btn:hover{background:#fc4c021a}.map-container{flex:1;position:relative}#map{width:100%;height:100%}.loading .primary-btn{pointer-events:none}.loading .primary-btn:after{content:"...";animation:dots 1s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.clear-btn{border-color:#666;color:#888}.clear-btn:hover{background:#ffffff0d;border-color:#888;color:#fff}.orientation-marker{background:none;border:none}.marker-top,.marker-bottom{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-align:center;white-space:nowrap;box-shadow:0 2px 4px #0000004d}.marker-top{background:#22c55e;color:#fff}.marker-bottom{background:#3b82f6;color:#fff}.waypoint-marker{background:none;border:none}.waypoint-dot{width:24px;height:24px;background:#fff;border:3px solid #fc4c02;border-radius:50%;font-size:11px;font-weight:700;color:#fc4c02;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 2px 6px #0000004d;transition:transform .15s,box-shadow .15s}.waypoint-dot:hover{transform:scale(1.2);box-shadow:0 3px 10px #0006}.leaflet-dragging .waypoint-dot{cursor:grabbing;transform:scale(1.3)}.algorithm-section{padding-top:.5rem;border-top:1px solid #333}.toggle-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.debug-row{margin-top:.75rem}.debug-label{font-size:.85rem;color:#888}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch.small{width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#444;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch.small .toggle-slider:before{height:14px;width:14px}.toggle-switch input:checked+.toggle-slider{background-color:#fc4c02}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(16px)}#algorithm-label{font-size:.95rem;font-weight:500}.discover-btn{width:100%;padding:.75rem;margin-top:.5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.discover-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#9333ea);transform:translateY(-1px)}.discover-btn:disabled{background:#444;cursor:not-allowed}.discover-loading{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-top:.5rem;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:8px;color:#c4b5fd;font-size:.9rem}.spinner{width:20px;height:20px;border:3px solid rgba(124,58,237,.3);border-top-color:#a855f7;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.discover-preview{margin-top:.5rem;text-align:center}.discover-preview img{width:100%;max-width:200px;border-radius:8px;border:1px solid #444;margin-bottom:.5rem}.discover-error{margin-top:.5rem;padding:.75rem;background:#f4433626;border:1px solid rgba(244,67,54,.4);border-radius:8px;font-size:.8rem;color:#ff8a80}.map-generating-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:none;justify-content:center;align-items:center;z-index:1000;pointer-events:all;border-radius:8px}.generating-message{display:flex;flex-direction:column;align-items:center;gap:15px;color:#fff;font-size:1.1rem}.spinner-large{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fc4c02;border-radius:50%;animation:spin .8s linear infinite}.stencil-toolbar{display:none;justify-content:center;padding:.5rem 1rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #333;border-radius:8px 8px 0 0;z-index:500}.stencil-controls{margin:0}.stencil-control-group{display:flex;gap:.35rem;flex-wrap:wrap}.stencil-ctrl-btn{flex:1;min-width:40px;padding:.6rem .25rem;background:#2a2a2a;border:1px solid #555;border-radius:6px;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .15s}.stencil-ctrl-btn:hover{background:#3a3a3a;border-color:#888}.stencil-lock-active{background:#ef4444!important;border-color:#ef4444!important}.stencil-lock-active:hover{background:#dc2626!important}.stencil-confirm-btn{background:#22c55e!important;border-color:#22c55e!important;font-weight:700}.stencil-confirm-btn:hover{background:#16a34a!important}.pin-edit-marker{background:none;border:none}.pin-edit-dot{width:30px;height:30px;background:#fff;border:3px solid #fc4c02;border-radius:50%;font-size:12px;font-weight:700;color:#fc4c02;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 2px 8px #0006;transition:transform .15s,box-shadow .15s;position:relative}.pin-edit-dot:hover{transform:scale(1.15);box-shadow:0 3px 12px #00000080}.pin-edit-dot .pin-remove{display:none;position:absolute;top:-8px;right:-8px;width:18px;height:18px;background:#ef4444;color:#fff;border:2px solid #fff;border-radius:50%;font-size:10px;line-height:14px;text-align:center;cursor:pointer;z-index:10}.pin-edit-dot:hover .pin-remove{display:block}.leaflet-dragging .pin-edit-dot{cursor:grabbing;transform:scale(1.3)}.primary-btn.confirm-route{background:linear-gradient(135deg,#22c55e,#16a34a);animation:pulse-green 2s infinite}.primary-btn.confirm-route:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d)}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.back-btn{width:100%;padding:.75rem;background:transparent;border:1px solid #666;border-radius:8px;color:#888;font-size:.9rem;cursor:pointer;transition:all .2s;margin-top:.5rem}.back-btn:hover{background:#ffffff0d;border-color:#888;color:#fff}.pin-edit-info{margin-top:.75rem;padding:.75rem;background:#fc4c021a;border:1px solid rgba(252,76,2,.3);border-radius:8px;font-size:.8rem;color:#fca;line-height:1.4}.pin-edit-info strong{color:#fc4c02}@media (max-width: 768px){.container{flex-direction:column;height:auto}.controls{width:100%;border-right:none;border-bottom:1px solid #333}.map-container{height:60vh}}