:root{--ink:#f2ead8;--dim:#b6a98d;--gold:#e8c179;--blood:#b0402f;--green:#7fc07a;--panel:#161310db;--edge:#e8c17959;--serif:"Iowan Old Style", "Apple SD Gothic Neo", "Nanum Myeongjo", Georgia, serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--serif);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;background:#0b0d12;margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}.hud{pointer-events:none;opacity:0;font-variant-numeric:tabular-nums;transition:opacity .45s;position:fixed;inset:0}.hud.on{opacity:1}.hud-compass{top:max(18px, env(safe-area-inset-top));width:min(620px,74vw);height:46px;position:absolute;left:50%;transform:translate(-50%)}.hud-strip{background:linear-gradient(#00000047,#0000);border-top:1px solid #f2ead847;border-bottom:1px solid #f2ead81f;position:absolute;inset:0}.hud-mark{text-shadow:0 1px 3px #000000e6;flex-direction:column;align-items:center;transition:left 90ms linear,opacity .2s;display:flex;position:absolute;top:3px;transform:translate(-50%)}.hud-mark span{font-size:15px;line-height:1}.hud-mark b{letter-spacing:.08em;opacity:.85;font-size:10px;font-weight:500}.hud-dest{color:var(--gold)}.hud-dest.off{opacity:.4}.hud-therm{color:#ffd08a;opacity:.62}.hud-therm.near{opacity:1;animation:1.1s infinite pulse}@keyframes pulse{50%{opacity:.45}}.hud-center{background:#f2ead8cc;width:1px;height:14px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.hud-left{left:max(18px, env(safe-area-inset-left));position:absolute;top:50%;transform:translateY(-50%)}.hud-vario{text-align:center}.hud-vario-track{background:#00000059;border:1px solid #f2ead82e;border-radius:6px;width:12px;height:190px;margin:0 auto 8px;position:relative}.hud-vario-track i{background:#f2ead880;height:1px;position:absolute;top:50%;left:-4px;right:-4px}.hud-vario-fill{background:var(--dim);border-radius:4px;height:0;transition:height 80ms linear;position:absolute;left:1px;right:1px}.hud-vario-fill.up{background:var(--green);box-shadow:0 0 12px #7fc07a8c}.hud-vario-fill.down{background:var(--blood)}.hud-vario-num{font-size:19px}.hud-vario-num.up{color:var(--green)}.hud-vario-num.down{color:#e08b74}.hud-vario-lab{opacity:.55;letter-spacing:.1em;font-size:10px}.hud-right{right:max(18px, env(safe-area-inset-right));text-align:right;position:absolute;top:50%;transform:translateY(-50%)}.hud-stat{margin-bottom:14px}.hud-stat b{text-shadow:0 2px 8px #000000b3;font-size:30px;line-height:1.05;display:block}.hud-stat span{letter-spacing:.12em;opacity:.6;font-size:10px}.hud-stat b.caution{color:var(--gold)}.hud-stat b.danger{color:#ef7b62;animation:.6s infinite pulse}.hud-dist-wrap.close b{color:var(--gold)}.hud-time{opacity:.5;font-size:14px}.hud-gauges{gap:18px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hud-wet,.hud-dmg{text-align:center;width:150px;position:relative}.hud-wet i,.hud-dmg i{border-radius:3px;width:0%;height:5px;transition:width .2s;display:block}.hud-wet i{background:linear-gradient(90deg,#6fa8c8,#3f7fa8)}.hud-dmg i{background:linear-gradient(90deg,#c3b393,#8a7a5c)}.hud-wet span,.hud-dmg span{letter-spacing:.14em;opacity:.55;font-size:10px}.hud-wet.hot i,.hud-dmg.hot i{background:linear-gradient(90deg, #d99a5c, var(--blood))}.hud-wet.hot span,.hud-dmg.hot span{color:var(--gold);opacity:.9}.hud-wet:before,.hud-dmg:before{content:"";border:1px solid #f2ead833;border-radius:5px;height:11px;position:absolute;inset:-3px -3px auto}.hud-warn{letter-spacing:.04em;color:var(--gold);text-shadow:0 2px 14px #000000e6;opacity:0;white-space:nowrap;font-size:clamp(18px,3.4vw,30px);transition:opacity .18s;position:absolute;top:24%;left:50%;transform:translate(-50%)}.hud-warn.on{opacity:1}.hud-vignette{opacity:0;background:radial-gradient(#0000 42%,#78140ad1 100%);transition:opacity .25s;position:absolute;inset:0}.hud-vignette.stall{background:radial-gradient(#0000 40%,#966e14cc 100%)}.aim{left:50%;bottom:max(28px, env(safe-area-inset-bottom));text-align:center;opacity:0;pointer-events:none;background:#0c0a089e;border:1px solid #f2ead833;border-radius:6px;width:min(460px,92vw);padding:16px 18px 13px;transition:opacity .3s;position:fixed;transform:translate(-50%)}.aim.on{opacity:1}.aim-title{color:var(--ink);letter-spacing:.03em;margin-bottom:12px;font-size:14px}.aim-rows{gap:9px;display:grid}.aim-row{grid-template-columns:34px 1fr 44px;align-items:center;gap:10px;display:grid}.aim-lab{color:var(--dim);text-align:left;font-size:11px}.aim-track{background:#00000073;border:1px solid #f2ead829;border-radius:4px;height:8px;position:relative;overflow:visible}.aim-track i{background:linear-gradient(90deg, #e8c17980, var(--gold));border-radius:4px;width:0%;height:100%;transition:width 50ms linear;display:block}.aim-track u{background:#f2ead88c;width:1px;height:16px;text-decoration:none;position:absolute;top:-4px}.aim-val-a,.aim-val-p{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.aim.hot .aim-track i{box-shadow:0 0 10px #e8c17980}.aim-help{color:var(--dim);opacity:.8;margin-top:11px;font-size:11px;line-height:1.6}.skip-tip{left:50%;bottom:max(30px, env(safe-area-inset-bottom));color:var(--dim);letter-spacing:.04em;opacity:0;pointer-events:none;background:#0c0a0880;border:1px solid #f2ead82e;border-radius:20px;padding:7px 16px;font-size:12px;transition:opacity .5s .8s;position:fixed;transform:translate(-50%)}.skip-tip.on{opacity:1}.menu{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 30%,#0c0e148c,#06070aeb);justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.menu.on{display:flex}.panel{background:var(--panel);border:1px solid var(--edge);text-align:center;border-radius:4px;width:min(560px,92vw);max-height:88vh;padding:34px 30px;overflow-y:auto;box-shadow:0 24px 80px #0009}.crest{color:var(--gold);margin-bottom:6px;font-size:34px}.panel h1{letter-spacing:.04em;margin:0 0 6px;font-size:clamp(30px,6vw,46px);font-weight:500}.panel h2{letter-spacing:.03em;margin:0 0 14px;font-size:26px;font-weight:500}.tag{color:var(--dim);letter-spacing:.1em;margin:0 0 26px;font-size:14px}.btn{width:100%;font-family:var(--serif);color:var(--ink);border:1px solid var(--edge);cursor:pointer;background:#e8c17914;border-radius:3px;margin:10px 0 0;padding:13px 18px;font-size:16px;transition:background .16s,transform .1s;display:block}.btn:hover{background:#e8c1792e}.btn:active{transform:translateY(1px)}.btn.primary{background:#e8c17938;border-color:#e8c17999}.btn.primary:hover{background:#e8c17957}.btn.ghost{color:var(--dim);background:0 0;border-color:#f2ead829}.btn.small{padding:9px 12px;font-size:13px}.btn.on{color:var(--gold);border-color:var(--gold)}.hint{color:var(--dim);border-top:1px solid #f2ead81f;margin-top:24px;padding-top:18px;font-size:13px;line-height:1.9}.hint b{color:var(--ink);font-weight:600}.hint .quiet{opacity:.62;margin-top:10px;font-size:12px;display:inline-block}.concept{text-align:left;background:#f2ead80a;border:1px solid #f2ead81f;border-radius:3px;margin:0 0 22px;padding:16px 14px}.concept p{color:var(--dim);margin:0 0 8px;font-size:14px;line-height:1.75}.concept p:last-child{margin-bottom:0}.concept b{color:var(--ink)}.progress{color:var(--gold);opacity:.85;letter-spacing:.06em;margin:12px 0 0;font-size:13px}.wide-opts{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:20px}.wide-opts label{justify-content:space-between}.panel.wide{width:min(680px,94vw)}.sub-line{color:var(--dim);margin:-6px 0 16px;font-size:12px;line-height:1.6}.stages{max-height:52vh;margin-bottom:18px;padding-right:4px;overflow-y:auto}.band-head{text-align:left;letter-spacing:.12em;color:var(--gold);border-bottom:1px solid #e8c17933;margin:14px 0 8px;padding-bottom:5px;font-size:12px}.band-head:first-child{margin-top:0}.band-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;display:grid}.stage{aspect-ratio:1;color:var(--ink);font-family:var(--serif);cursor:pointer;background:#f2ead80d;border:1px solid #f2ead824;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:background .14s,border-color .14s;display:flex}.stage b{font-size:15px;font-weight:500}.stage i{color:var(--gold);opacity:.85;font-size:9px;font-style:normal}.stage:hover{border-color:var(--edge);background:#e8c17929}.stage.done{background:#e8c1791a;border-color:#e8c1794d}.stage.gate{border-color:#e8c17980}.stage.gate b{color:var(--gold)}.brief .ch-no{margin-bottom:4px;display:block}.brief-text{color:var(--dim);text-align:left;margin:0 0 22px;font-size:15px;line-height:1.95}.brief-stats{gap:12px;margin-bottom:20px;display:flex}.brief-stats div{background:#f2ead80d;border:1px solid #f2ead81f;border-radius:3px;flex:1;padding:12px 6px}.brief-stats b{font-size:21px;display:block}.brief-stats span{letter-spacing:.1em;color:var(--dim);font-size:10px}.opts{color:var(--dim);border:1px solid #f2ead81a;border-radius:3px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:18px;padding:14px;font-size:13px;display:flex}.opts label{cursor:pointer;align-items:center;gap:7px;display:flex}.opts select{font-family:var(--serif);color:var(--ink);background:#0006;border:1px solid #f2ead833;border-radius:3px;padding:5px 8px;font-size:13px}.opts .btn{width:auto;margin:0}.result .crest{font-size:42px}.result.bad .crest{color:var(--blood)}.result .sub{color:var(--dim);margin:0 0 18px;font-size:15px;line-height:1.8}.best{color:var(--gold);letter-spacing:.06em;margin:0 0 18px;font-size:14px}.best.new{font-size:18px}@media (orientation:portrait),(height<=480px) and (pointer:coarse){.hud-compass{width:92vw;height:40px}.hud-mark b{font-size:9px}.hud-left{top:calc(max(18px, env(safe-area-inset-top)) + 52px);left:max(12px, env(safe-area-inset-left));transform:none}.hud-vario-track{width:10px;height:92px;margin-bottom:4px}.hud-vario-num{font-size:16px}.hud-vario-lab{display:none}.hud-right{top:calc(max(18px, env(safe-area-inset-top)) + 52px);text-align:center;align-items:flex-start;gap:18px;margin-left:-6vw;display:flex;left:50%;right:auto;transform:none}.hud-stat{margin-bottom:0}.hud-stat b{font-size:21px}.hud-stat span{letter-spacing:.06em;font-size:9px}.hud-time{top:calc(max(18px, env(safe-area-inset-top)) + 52px);right:max(12px, env(safe-area-inset-right));font-size:12px;position:absolute}.hud-gauges{bottom:auto;top:calc(max(18px, env(safe-area-inset-top)) + 116px);gap:10px}.hud-wet,.hud-dmg{width:40vw}.hud-warn{font-size:clamp(16px,5vw,24px);top:38%}}@media (width<=560px){.panel{padding:26px 20px}.panel h1{font-size:clamp(26px,8vw,38px)}.brief-text{font-size:14px;line-height:1.8}.btn{padding:15px 18px}.opts{flex-direction:column;align-items:stretch;gap:10px}.opts .btn{width:100%}}