*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f1a;--bg-card: #1a1a2e;--bg-card-hover: #16213e;--accent: #4ecdc4;--accent2: #ff6b6b;--text: #e8e8f0;--text-muted: #8888aa;--radius: 16px;--shadow: 0 8px 32px rgba(0,0,0,.45)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}#app{min-height:100vh}.select-screen{max-width:900px;margin:0 auto;padding:40px 20px 60px}.select-screen h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;background:linear-gradient(135deg,var(--accent),#a8edea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:8px}.loading-hint{text-align:center;color:var(--text-muted);padding:40px 0}.admin-loading{text-align:center;color:var(--text-muted);padding:80px 0}.subtitle{text-align:center;color:var(--text-muted);font-size:1.1rem;margin-bottom:40px}.route-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.route-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.route-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #4ecdc426}.route-thumb{position:relative;height:180px;background:#2a2a40 center/cover no-repeat;background-image:linear-gradient(135deg,#1a1a2e,#2a2a40)}.duration-badge{position:absolute;bottom:10px;right:10px;background:#000000b3;color:var(--accent);font-size:.8rem;padding:3px 10px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.route-info{padding:20px}.route-info h2{font-size:1.2rem;margin-bottom:6px;color:var(--text)}.route-info p{font-size:.92rem;color:var(--text-muted);margin-bottom:16px;line-height:1.5}.start-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--accent),#38b2ac);color:#0f0f1a;font-weight:700;font-size:1rem;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s,transform .15s}.start-btn:hover{opacity:.9;transform:scale(1.02)}.start-btn:active{transform:scale(.98)}.vr-screen{width:100%;height:100vh;position:relative}.vr-screen a-scene{width:100%;height:100%}.vr-html-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:100;padding:16px}.vr-overlay-top{display:flex;align-items:center;gap:12px;pointer-events:all}.vr-overlay-bottom{display:flex;justify-content:center;padding-bottom:32px;pointer-events:all}.vr-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .2s}.vr-btn:hover{opacity:.85}.vr-btn-exit{background:#1e1e3cd9;color:#ff6b6b;border:1px solid rgba(255,107,107,.4)}.vr-btn-next{background:#4ecdc4e6;color:#0f0f1a;font-size:1.1rem;padding:14px 32px}.vr-progress-label{color:#ffffffb3;font-size:.9rem;background:#0006;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.end-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.end-content{background:var(--bg-card);border-radius:var(--radius);padding:48px 40px;text-align:center;max-width:480px;box-shadow:var(--shadow)}.end-icon{font-size:3rem;margin-bottom:16px}.end-content h1{font-size:2rem;font-weight:800;color:var(--accent);margin-bottom:8px}.end-route-name{font-size:1.1rem;color:var(--text-muted);margin-bottom:16px}.end-message{font-size:1rem;color:var(--text);line-height:1.8;margin-bottom:32px}.end-actions{display:flex;flex-direction:column;gap:12px}.btn-primary{padding:14px;background:linear-gradient(135deg,var(--accent),#38b2ac);color:#0f0f1a;font-weight:700;font-size:1rem;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-secondary{padding:14px;background:transparent;color:var(--text-muted);font-size:1rem;border:1px solid #333355;border-radius:10px;cursor:pointer;transition:background .2s,color .2s}.btn-secondary:hover{background:#1e1e35;color:var(--text)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-icon{font-size:3.5rem;margin-bottom:16px}.empty-state h2{font-size:1.4rem;color:var(--text);margin-bottom:8px}.empty-state p{font-size:.95rem}.admin-link{display:block;margin:40px auto 0;background:none;border:none;color:#44446a;font-size:.78rem;cursor:pointer;text-decoration:underline;transition:color .2s}.admin-link:hover{color:var(--text-muted)}.admin-screen{min-height:100vh;background:var(--bg);padding:0}.admin-panel{width:100%;min-height:100vh}.admin-wrapper{max-width:860px;margin:0 auto;padding:32px 20px 60px}.admin-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}.admin-header h2{flex:1;font-size:1.5rem;font-weight:700;color:var(--accent)}.admin-header-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-card{max-width:420px;margin:80px auto 0;background:var(--bg-card);border-radius:var(--radius);padding:36px 32px;box-shadow:var(--shadow)}.admin-card h2{font-size:1.4rem;font-weight:700;color:var(--accent);margin-bottom:8px}.admin-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:20px;line-height:1.6}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;background:#12122a;border:1px solid #2a2a45;border-radius:8px;color:var(--text);font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-group textarea{resize:vertical;min-height:60px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.required{color:#ff6b6b}small{color:var(--text-muted);font-size:.8em}.section-title{font-size:1rem;font-weight:600;color:var(--text);margin:24px 0 4px}.section-hint{font-size:.82rem;color:var(--text-muted);margin-bottom:12px}.segment-row{background:#14142a;border:1px solid #2a2a45;border-radius:10px;padding:14px 16px;margin-bottom:10px}.segment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.segment-num{font-weight:600;font-size:.9rem;color:var(--accent)}.btn-remove-seg{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:.82rem;padding:2px 6px}.btn-add-segment{width:100%;padding:10px;background:transparent;border:1px dashed #2a2a55;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.9rem;margin-top:4px;transition:border-color .2s,color .2s}.btn-add-segment:hover{border-color:var(--accent);color:var(--accent)}.route-row{background:var(--bg-card);border-radius:10px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;gap:12px}.route-row-info{flex:1}.route-row-info strong{display:block;font-size:1rem;margin-bottom:2px}.route-row-meta{font-size:.82rem;color:var(--text-muted)}.route-row-actions{display:flex;gap:8px}.empty-hint{color:var(--text-muted);padding:24px 0;text-align:center}.empty-hint-block{text-align:center;padding:32px 0;color:var(--text-muted)}.empty-hint-block p{margin-bottom:16px}.btn-seed{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#2a2a50,#3a3a70);border:1px solid var(--accent);border-radius:10px;color:var(--accent);font-size:.95rem;cursor:pointer;transition:background .2s}.btn-seed:hover{background:linear-gradient(135deg,#3a3a65,#4a4a85)}.btn-admin-primary{padding:10px 20px;background:linear-gradient(135deg,var(--accent),#38b2ac);color:#0f0f1a;font-weight:700;font-size:.92rem;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:opacity .2s}.btn-admin-primary:hover{opacity:.88}.admin-card .btn-admin-primary{width:100%;padding:12px;margin-top:8px}.btn-admin-ghost{padding:10px 16px;background:transparent;border:1px solid #2a2a45;border-radius:8px;color:var(--text-muted);font-size:.9rem;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.btn-admin-ghost:hover{background:#1e1e35;color:var(--text)}.admin-card .btn-admin-ghost{width:100%;padding:10px;margin-top:6px}.btn-edit{padding:6px 14px;background:#1e1e3a;border:1px solid #3a3a5a;border-radius:6px;color:var(--text);font-size:.85rem;cursor:pointer}.btn-edit:hover{background:#2a2a4a}.btn-delete{padding:6px 14px;background:transparent;border:1px solid #4a1a1a;border-radius:6px;color:#ff6b6b;font-size:.85rem;cursor:pointer}.btn-delete:hover{background:#2a1010}.upload-row{display:flex;gap:8px;align-items:stretch}.upload-row .seg-video,.upload-row #f-thumb{flex:1;min-width:0}.btn-upload-file{display:inline-flex;align-items:center;padding:8px 14px;background:#1e1e3a;border:1px solid #3a3a5a;border-radius:8px;color:var(--text);font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background .2s;-webkit-user-select:none;user-select:none}.btn-upload-file:hover{background:#2a2a4a}.upload-status{font-size:.8rem;margin-top:5px;min-height:18px;color:var(--text-muted)}.upload-status.uploading{color:#f6c90e}.upload-status.upload-ok{color:#4ecdc4}.upload-status.upload-err{color:#ff6b6b}.route-form{margin-top:4px}.form-actions{display:flex;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #1e1e35}.admin-error{color:#ff6b6b;font-size:.85rem;min-height:20px;margin:6px 0}@media (max-width: 600px){.select-screen{padding:24px 16px 40px}.end-content{padding:32px 20px}.admin-wrapper{padding:20px 16px 40px}.admin-card{margin-top:40px;padding:24px 20px}.form-row{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start}}