*{box-sizing:border-box}body{background:#f5f0e6;min-height:100vh;margin:0}#root{min-height:100vh}html,body,#root{background:#f5f0e6;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.auth-overlay{background:#f5f0e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.auth-card{text-align:center;background:#fff;border-radius:16px;width:340px;padding:32px;box-shadow:0 4px 24px #0000001a}.auth-title{color:#2d5016;letter-spacing:2px;margin:0;font-family:monospace;font-size:2rem}.auth-subtitle{color:#888;margin:4px 0 20px;font-size:.9rem}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form input{border:1.5px solid #ddd;border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem}.auth-form input:focus{border-color:#4a7c59}.auth-form button{color:#fff;cursor:pointer;background:#4a7c59;border:none;border-radius:8px;padding:12px;font-size:1rem;font-weight:700}.auth-form button:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:#d44;margin:0;font-size:.85rem}.auth-toggle{color:#4a7c59;cursor:pointer;background:0 0;border:none;margin-top:12px;font-size:.85rem}.onboarding{text-align:left;width:380px}.onboarding h2{text-align:center;margin:0 0 4px}.onboarding-field{margin-bottom:16px}.onboarding-field label{color:#555;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.onboarding-field input{box-sizing:border-box;border:1.5px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.95rem}.level-picker{flex-direction:column;gap:6px;display:flex}.level-btn{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:border-color .15s;display:flex}.level-btn.active{background:#f0f7f0;border-color:#4a7c59}.level-label{color:#333;font-weight:600}.level-desc{color:#888;font-size:.8rem}.onboarding-start{color:#fff;cursor:pointer;background:#4a7c59;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:1rem;font-weight:700}.onboarding-start:disabled{opacity:.5}.stat-user{color:#666;font-size:.85rem}.logout-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:2px 10px;font-size:.75rem}.logout-btn:hover{background:#0000000d}.app{width:100%;height:100%;position:relative}.map-fullscreen{z-index:0;position:absolute;inset:0}.map-fullscreen canvas{image-rendering:pixelated;cursor:grab;display:block}.map-fullscreen canvas:active{cursor:grabbing}.overlay-header{z-index:10;position:absolute;top:16px;left:20px}.logout-btn{pointer-events:auto}.overlay-header h1{color:#2d5016;letter-spacing:2px;text-shadow:0 1px 4px #fffc;margin:0;font-family:monospace;font-size:1.6rem}.overlay-stats{align-items:center;gap:10px;margin-top:4px;display:flex}.settings-btn{cursor:pointer;background:#ffffffb3;border:1px solid #d0d0d0;border-radius:6px;padding:4px 12px;font-size:.75rem}.settings-btn:hover{background:#ffffffe6}.stat-pages{color:#4a7c59;text-shadow:0 1px 3px #fffc;font-family:monospace;font-size:1.1rem;font-weight:700}.area-badge{color:#fff;background:#4a7c59;border-radius:20px;padding:2px 10px;font-size:.75rem}.overlay-progress{z-index:10;pointer-events:none;position:absolute;top:0;left:0;right:0}.progress-bar{background:#00000014;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4a7c59,#90ee90);height:100%;transition:width .5s}.action-modal{z-index:20;width:280px;position:absolute;bottom:20px;left:20px}.action-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:12px;padding:16px;box-shadow:0 4px 20px #00000026}.action-content h3{color:#2d5016;margin:0 0 4px;font-size:1.1rem}.action-count{color:#666;margin:0 0 12px;font-size:.85rem}.action-choices{flex-direction:column;gap:8px;display:flex}.action-group{border:1px solid #e0e0e0;border-radius:8px;padding:8px}.action-group-label{color:#333;margin:0 0 6px;font-size:.85rem;font-weight:600}.building-picker{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.building-btn{cursor:pointer;color:#2d5016;background:#f0f7f0;border:1.5px solid #4a7c59;border-radius:6px;padding:6px 4px;font-size:.8rem;font-weight:600;transition:background .15s}.building-btn:hover{background:#d4ecd4}.action-btn{cursor:pointer;border:none;border-radius:8px;padding:10px;font-size:.9rem;font-weight:700;transition:background .15s}.expand-btn{color:#1a56db;background:#e8f0fe}.expand-btn:hover{background:#d0e0fc}.upgrade-btn{color:#b45309;background:#fef3e0}.upgrade-btn:hover{background:#fde5b8}.action-guide{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 4px 20px #00000026}.action-guide p{color:#333;flex:1;margin:0;font-size:.9rem}.action-cancel{cursor:pointer;background:#f0f0f0;border:1px solid #ccc;border-radius:6px;padding:6px 14px;font-size:.8rem}.action-cancel:hover{background:#e0e0e0}.overlay-panel{z-index:10;width:320px;max-height:calc(100vh - 100px);position:absolute;bottom:20px;right:20px;overflow-y:auto}@media (width<=600px){.overlay-header{top:8px;left:12px}.overlay-header h1{font-size:1.1rem}.overlay-stats{gap:6px}.stat-pages{font-size:.9rem}.stat-user{font-size:.75rem}.overlay-panel{width:auto;max-height:45vh;bottom:8px;left:8px;right:8px}.overlay-panel.collapsed{max-height:none}.book-list{padding:12px}.book-list h2{margin:0 0 8px;font-size:.9rem}.add-book input{padding:10px 12px;font-size:1rem}.add-book button,.log-input button{min-height:44px;padding:10px 16px;font-size:.9rem}.log-input input{min-height:44px;padding:10px;font-size:1rem}.book-item{padding:10px}.action-modal{width:auto;inset:60px 8px auto}.action-content{padding:14px}.building-btn{min-height:44px;padding:10px 6px;font-size:.85rem}.action-btn{min-height:48px;padding:14px;font-size:1rem}.action-guide{padding:12px 14px}.action-cancel{min-height:44px;padding:10px 16px;font-size:.9rem}.settings-panel{width:auto;max-height:90vh;margin:12px;overflow-y:auto}.level-btn{min-height:48px;padding:12px 14px}.settings-actions button{min-height:44px;padding:10px 20px}.auth-card{width:auto;margin:16px;padding:24px}.auth-form input{min-height:44px;padding:12px 14px;font-size:1rem}.auth-form button{min-height:48px;padding:14px}.auth-toggle{min-height:44px;padding:10px;font-size:.9rem}.onboarding{width:auto}.onboarding-field input{min-height:44px;font-size:1rem}.onboarding-start{min-height:48px;font-size:1rem}.settings-btn{min-height:36px;padding:6px 14px;font-size:.8rem}.logout-btn{min-height:36px;padding:4px 12px;font-size:.8rem}}.book-list{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:12px;padding:16px;box-shadow:0 4px 20px #0000001f}.book-list-header{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;display:flex}.book-list h2{color:#333;margin:0 0 12px;font-size:1rem}.book-list--collapsed h2{margin:0}.collapse-toggle{color:#999;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.75rem}.add-book{gap:6px;margin-bottom:14px;display:flex}.add-book input{background:#ffffffe6;border:1.5px solid #ddd;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:.9rem;transition:border-color .2s}.add-book input:focus{border-color:#4a7c59}.add-book button,.log-input button{color:#fff;cursor:pointer;background:#4a7c59;border:none;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:background .2s}.add-book button:hover,.log-input button:hover{background:#3d6b4d}.add-book button:disabled,.log-input button:disabled{opacity:.5;cursor:not-allowed}.books{margin:0;padding:0;list-style:none}.book-item{background:#ffffffb3;border-radius:8px;margin-bottom:6px;padding:10px}.book-info{justify-content:space-between;margin-bottom:6px;display:flex}.book-title{color:#333;font-size:.9rem;font-weight:600}.book-pages{color:#4a7c59;font-family:monospace;font-size:.9rem;font-weight:700}.log-input{gap:6px;display:flex}.log-input input{background:#ffffffe6;border:1px solid #ddd;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:.85rem}.log-input input:focus{border-color:#4a7c59}.log-input button{padding:6px 12px;font-size:.8rem}.settings-overlay{z-index:30;background:#00000040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.settings-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:16px;width:360px;max-width:90vw;padding:20px;box-shadow:0 4px 28px #0003}.settings-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.settings-label{color:#777;margin:0;font-size:.75rem}.settings-header h3{color:#2d5016;margin:2px 0 0;font-size:1.2rem}.close-btn{cursor:pointer;color:#555;background:0 0;border:none;font-size:1.2rem}.settings-section{margin-bottom:18px}.settings-section label{color:#555;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.settings-actions{justify-content:flex-end;gap:10px;display:flex}.ghost-btn,.primary-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:700}.ghost-btn{color:#444;background:#f2f2f2}.ghost-btn:disabled{cursor:not-allowed;opacity:.6}.primary-btn{color:#fff;background:#4a7c59}.primary-btn:disabled{opacity:.5;cursor:not-allowed}