:root{--bg:#06060a;--bg2:#0c0c14;--bg3:#12121f;--bg4:#1a1a2e;--glass:#121220eb;--glass-solid:#121220f7;--glass-border:#ffffff1f;--glass-blur:0px;--gold:#c8a84b;--gold2:#f0d890;--gd:#c8a84b14;--gb:#c8a84b26;--em:#2cbfa0;--emd:#2cbfa014;--emb:#2cbfa02e;--pu:#9b6fd4;--pud:#9b6fd414;--pub:#9b6fd42e;--rd:#e05050;--rdd:#e0505014;--pk:#d4829b;--tx:#fff;--tx2:#ffffffeb;--tx3:#fffc;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--r-sm:8px;--r-md:16px;--r-lg:24px;--r-full:9999px;--shadow-float:0 8px 32px #00000059;--shadow-glow:0 0 24px #c8a84b0f;--nav-h:56px;--f-sans:var(--font-inter), var(--font-noto), "Inter", "Noto Sans JP", -apple-system, sans-serif;--f-mono:var(--font-mono), "JetBrains Mono", "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;overflow:hidden}body{color:var(--tx);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}#stars{pointer-events:none;z-index:0;opacity:.35;position:fixed;inset:0}.app{z-index:1;height:100vh;padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;position:relative}.screen{padding:var(--sp-lg) var(--sp-md) calc(var(--nav-h) + var(--sp-xl));scroll-behavior:auto;-webkit-overflow-scrolling:touch;flex:1;display:none;overflow:hidden auto}.screen.active{display:block}.screen#screen-map.active{display:flex}.screen.quest-hub-scroll.active{flex:auto!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important;overflow-y:auto!important}.screen::-webkit-scrollbar{width:3px}.screen::-webkit-scrollbar-track{background:0 0}.screen::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}body.chat-open nav,body.chat-open .top-bar{display:none!important}body.fullscreen-overlay .app,body.fullscreen-overlay .screen,body.fullscreen-overlay .screen.active{z-index:auto!important;height:auto!important;position:static!important;overflow:visible!important;transform:none!important}nav{height:var(--nav-h);-webkit-backdrop-filter:blur(var(--glass-blur));z-index:100;padding-bottom:env(safe-area-inset-bottom,0);background:#06060ad1;border-top:1px solid #ffffff0a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{cursor:pointer;color:var(--tx3);font-family:var(--f-sans);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:6px 18px;transition:color .2s;display:flex;position:relative}.nav-btn.active{color:var(--gold)}.nav-btn.active:after{content:"";background:var(--gold);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.nav-icon{font-size:20px;line-height:1}.nav-label{font-family:var(--f-sans);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:500}.s-title{font-family:var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);margin-bottom:12px;font-size:10px;font-weight:600}.card{background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-md);padding:var(--sp-lg);margin-bottom:var(--sp-md);box-shadow:var(--shadow-float);animation:.4s both slideUp;position:relative;overflow:hidden}.card:before{display:none}.top-bar{padding:14px var(--sp-md) 10px;z-index:100;border-bottom:1px solid #ffffff08;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.brand{font-family:var(--f-sans);letter-spacing:.06em;color:var(--tx);opacity:.9;font-size:14px;font-weight:700}.date-badge{font-family:var(--f-mono);color:var(--tx3);letter-spacing:.02em;font-size:11px}.hero-star{text-align:center;padding:20px 0 16px}.hero-label{letter-spacing:.08em;color:var(--tx3);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:500}.hero-name{font-family:var(--f-sans);letter-spacing:.03em;background:linear-gradient(130deg, var(--gold) 0%, var(--gold2) 50%, var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:clamp(28px,6vw,40px);font-weight:200}.hero-desc{color:var(--tx2);letter-spacing:.02em;font-size:13px}.level-row{align-items:center;gap:12px;margin-bottom:6px;display:flex}.level-num{font-family:var(--f-mono);letter-spacing:.1em;color:var(--gold);white-space:nowrap;font-size:11px}.level-bar{background:var(--bg4);border-radius:var(--r-full);flex:1;height:4px;overflow:hidden}.level-fill{border-radius:var(--r-full);background:linear-gradient(to right, var(--gold), var(--gold2));height:100%;transition:width 1s}.exp-row{font-family:var(--f-mono);color:var(--tx3);justify-content:space-between;font-size:10px;display:flex}.os-grid{gap:var(--sp-sm);grid-template-columns:repeat(2,1fr);display:grid}.os-item{border-radius:var(--r-sm);background:#ffffff08;padding:12px}.os-name{letter-spacing:.06em;color:var(--tx2);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:500}.os-bar{background:var(--bg4);border-radius:var(--r-full);height:3px;margin-bottom:4px;overflow:hidden}.os-fill{border-radius:var(--r-full);height:100%;transition:width 1s}.os-val{font-family:var(--f-mono);color:var(--tx3);font-size:11px}.fill-em{background:var(--em)}.fill-go{background:var(--gold)}.fill-pu{background:var(--pu)}.pivot-ring{flex-direction:column;align-items:center;padding:16px 0 8px;display:flex}.ring-svg{width:100px;height:100px}.ring-label{letter-spacing:.12em;color:var(--tx3);text-transform:uppercase;margin-top:8px;font-size:9px;font-weight:500}.ring-val{font-family:var(--f-mono);color:var(--gold);text-align:center;font-size:28px;font-weight:300}.quest-card{background:linear-gradient(135deg, var(--emd), #06060a26);border:1px solid var(--emb);border-radius:var(--r-md);padding:var(--sp-md) 20px;margin-bottom:var(--sp-md)}.quest-type{letter-spacing:.08em;color:var(--em);text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:600}.quest-title{color:var(--tx);margin-bottom:4px;font-size:15px;font-weight:500}.quest-desc{color:var(--tx2);font-size:12px;line-height:1.7}.quest-meta{font-family:var(--f-mono);color:var(--tx3);margin-top:8px;font-size:10px}.way-card{background:var(--gd);border:1px solid var(--gb);border-radius:var(--r-md);margin-bottom:var(--sp-md);padding:14px 20px}.way-label{letter-spacing:.08em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:600}.way-text{color:var(--tx);font-size:14px;font-style:italic;font-weight:300;line-height:1.7}.step-circle{border:1px solid var(--glass-border);width:20px;height:20px;font-family:var(--f-mono);color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;font-size:9px;display:inline-flex}.field{margin-bottom:var(--sp-md)}.field:last-child{margin-bottom:0}label{letter-spacing:.06em;color:var(--tx2);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:500;display:block}textarea,input[type=text],select{border-radius:var(--r-sm);width:100%;color:var(--tx);font-family:var(--f-sans);padding:12px var(--sp-md);-webkit-appearance:none;background:#ffffff0a;border:1px solid #ffffff14;outline:none;font-size:15px;line-height:1.6;transition:border-color .2s,background .2s}textarea{resize:vertical}textarea:focus,input:focus,select:focus{background:#ffffff0f;border-color:#c8a84b59}select option{background:#15152a}::placeholder{color:var(--tx3)}.badge-strip{flex-wrap:wrap;gap:6px;min-height:20px;margin-top:8px;display:flex}.badge{border-radius:var(--r-full);letter-spacing:.04em;opacity:0;padding:3px 10px;font-size:10px;font-weight:500;transition:opacity .28s,transform .28s;transform:translateY(4px)}.badge.show{opacity:1;transform:translateY(0)}.b-type{background:var(--emd);border:1px solid var(--emb);color:var(--em)}.b-gap{background:var(--gd);border:1px solid var(--gb);color:var(--gold)}.btn-submit{border-radius:var(--r-md);width:100%;color:var(--gold);font-family:var(--f-sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#c8a84b14;border:1px solid #c8a84b40;margin-top:20px;padding:16px;font-size:13px;font-weight:600;transition:background .2s,transform .1s;position:relative;overflow:hidden}.btn-submit span{z-index:1;position:relative}.btn-submit:before{content:"";transform-origin:0;background:#c8a84b1f;transition:transform .28s;position:absolute;inset:0;transform:scaleX(0)}.btn-submit:hover:before{transform:scaleX(1)}.btn-submit:active{transform:scale(.98)}.btn-submit:disabled{opacity:.5;pointer-events:none}.loader{text-align:center;padding:50px 0;display:none}.loader.on{display:block}.ring-spin{border:2px solid #ffffff0f;border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ls{color:var(--tx3);letter-spacing:.06em;padding:3px 0;font-size:11px;transition:color .25s}.ls.on{color:var(--em)}.ls.done{color:#c8a84bb3}.result-area{animation:.5s both slideUp;display:none}.result-area.on{display:block}.a-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.a-title{letter-spacing:.08em;color:var(--tx3);text-transform:uppercase;font-size:10px;font-weight:600}.pills{gap:6px;display:flex}.pill{border-radius:var(--r-full);letter-spacing:.04em;padding:3px 10px;font-size:10px;font-weight:500}.p-em{background:var(--emd);border:1px solid var(--emb);color:var(--em)}.p-go{background:var(--gd);border:1px solid var(--gb);color:var(--gold)}.a-grid{grid-template-columns:repeat(2,1fr);gap:10px 14px;display:grid}.ag-l{letter-spacing:.06em;color:var(--tx3);text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:500}.ag-v{color:var(--tx);font-size:13px}.ag-v.gold{color:var(--gold)}.ag-v.em{color:var(--em)}.ag-span{grid-column:1/-1}.ag-sub{color:var(--tx3);margin-top:1px;font-size:10px}.cdirs{border-top:1px solid #ffffff0a;margin-top:12px;padding-top:12px}.cdir-tags{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.cdir-tag{background:var(--emd);border:1px solid var(--emb);color:var(--em);border-radius:var(--r-full);padding:3px 10px;font-size:10px;font-weight:500}.fs-card{background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-lg);padding:var(--sp-lg) 22px var(--sp-xl);position:relative;overflow:hidden}.fs-card:before{content:"";background:linear-gradient(90deg,#0000,#c8a84b33,#0000);height:1px;position:absolute;top:0;left:0;right:0}.fs-lbl{letter-spacing:.12em;color:var(--gold);text-transform:uppercase;opacity:.75;margin-bottom:20px;font-size:10px;font-weight:600}.fs-text{font-family:var(--f-sans);color:var(--tx);white-space:pre-wrap;font-size:15px;font-weight:300;line-height:2}.cursor{background:var(--gold);vertical-align:text-bottom;width:2px;height:1em;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.err{background:var(--rdd);border-radius:var(--r-sm);padding:12px var(--sp-md);color:var(--rd);border:1px solid #e050502e;margin-top:10px;font-size:13px;display:none}.err.on{display:block}.btn-reset{border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--tx2);font-family:var(--f-sans);letter-spacing:.06em;text-transform:uppercase;padding:8px var(--sp-md);cursor:pointer;background:0 0;margin-top:18px;font-size:10px;font-weight:500}.star-map-wrap{background:0 0;border:none;border-radius:0;margin-bottom:0;position:relative;overflow:hidden}#starMapSvg{cursor:grab;width:100%;display:block}#starMapSvg:active{cursor:grabbing}.map-legend{padding:10px var(--sp-md);background:0 0;flex-wrap:wrap;gap:6px;display:flex}.leg{color:var(--tx2);align-items:center;gap:4px;font-size:10px;display:flex}.leg-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.node-info{background:var(--glass-solid);-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:var(--sp-md) var(--sp-lg);pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.node-info.show{transform:translateY(0)}.ni-name{color:var(--gold);font-size:20px;font-weight:300}.ni-score{font-family:var(--f-mono);color:var(--tx2);margin-top:2px;font-size:11px}.top-nodes{gap:var(--sp-sm);grid-template-columns:repeat(3,1fr);margin-bottom:14px;display:grid}.top-node{border:1px solid var(--glass-border);border-radius:var(--r-sm);text-align:center;background:#ffffff08;padding:12px}.tn-rank{font-family:var(--f-mono);letter-spacing:.1em;color:var(--tx3);text-transform:uppercase;margin-bottom:4px;font-size:9px}.tn-name{color:var(--gold);font-size:14px;font-weight:400}.tn-score{font-family:var(--f-mono);color:var(--tx3);margin-top:2px;font-size:10px}.wl-hero{text-align:center;padding:20px 0 16px}.wl-level{letter-spacing:.1em;color:var(--tx3);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:600}.wl-title{color:var(--gold);margin-bottom:12px;font-size:clamp(20px,5vw,28px);font-weight:200}.wl-exp-wrap{padding:0 8px}.wl-exp-bar{background:var(--bg4);border-radius:var(--r-full);height:4px;margin-bottom:4px;overflow:hidden}.wl-exp-fill{background:linear-gradient(to right, var(--gold), var(--gold2));border-radius:var(--r-full);height:100%;transition:width 1.2s}.wl-exp-txt{font-family:var(--f-mono);color:var(--tx3);justify-content:space-between;font-size:10px;display:flex}.os-full-grid{gap:var(--sp-sm);grid-template-columns:1fr 1fr;display:grid}.os-full-item{border-radius:var(--r-sm);background:#ffffff08;padding:12px}.osf-label{letter-spacing:.06em;color:var(--tx2);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:500}.osf-subs{flex-direction:column;gap:4px;display:flex}.osf-sub{align-items:center;gap:6px;display:flex}.osf-sub-name{color:var(--tx3);flex-shrink:0;min-width:56px;font-size:10px}.osf-sub-bar{background:var(--bg4);border-radius:var(--r-full);flex:1;height:3px;overflow:hidden}.osf-sub-fill{border-radius:var(--r-full);height:100%}.osf-val{font-family:var(--f-mono);color:var(--tx);margin-bottom:2px;font-size:11px}.pivot-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-md);padding:var(--sp-md) 20px;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-md);display:flex}.pivot-ring-wrap{flex-shrink:0}.pivot-label{letter-spacing:.08em;color:var(--tx3);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:600}.pivot-val{font-family:var(--f-mono);color:var(--gold);font-size:32px;font-weight:300}.pivot-desc{color:var(--tx2);margin-top:2px;font-size:11px}.seren-item{border-radius:var(--r-sm);border-left:2px solid var(--em);background:#ffffff08;margin-bottom:8px;padding:12px 14px}.seren-type{letter-spacing:.06em;color:var(--em);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:600}.seren-title{color:var(--tx);font-size:13px}.seren-desc{color:var(--tx2);margin-top:2px;font-size:11px}.div{align-items:center;gap:12px;margin:20px 0;display:flex}.div:before,.div:after{content:"";background:#ffffff0a;flex:1;height:1px}.div span{color:var(--tx3);font-size:11px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes upfade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.85}}.bottom-sheet-overlay{z-index:200;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.bottom-sheet-overlay.open{opacity:1;pointer-events:auto}.bottom-sheet{background:var(--glass-solid);border:1px solid var(--glass-border);border-radius:var(--r-lg) var(--r-lg) 0 0;z-index:201;-webkit-overflow-scrolling:touch;border-bottom:none;max-height:85vh;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{border-radius:var(--r-full);background:#ffffff26;width:36px;height:4px;margin:10px auto}.bottom-sheet-content{padding:0 var(--sp-lg) var(--sp-xl)}@keyframes commitRipple{0%{opacity:.6;width:10px;height:10px}to{opacity:0;width:600px;height:600px}}@keyframes earlyBirdGlow{0%{opacity:.3}to{opacity:.8}}@keyframes musubi-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}