:root{--parchment:#f1e8d4;--parchment-dim:#b7b6a9;--brass:#c9ad72}.booting #hud,.booting #missions,.booting #survey,.booting #corner-actions,.booting #skill-actions,.booting #view-controls,.booting #presence{visibility:hidden}#app{background:radial-gradient(at 49% 40%,#304c57 0%,#192e3d 44%,#0a1420 100%)}#app:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 120px #02091466}#app canvas.view-mode{cursor:grab!important}#app canvas.view-mode:active{cursor:grabbing!important}.pickup-trail{pointer-events:none;z-index:15;background:currentColor;border:1px solid #fffa;border-radius:2px;width:7px;height:7px;position:fixed;box-shadow:0 0 10px}button{transition:background .16s,border-color .16s,box-shadow .16s,transform .12s}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #99dfd1}.hud-strip,.panel.pick,#missions,.roster,#finds{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(120deg,#252b29ee,#202723e8);border-color:#a68e5159;border-radius:9px;box-shadow:inset 0 1px #e6d2a512,0 6px 24px #030c1740}.hud-primary strong{color:#f5dca2}.hud-metric span{color:#b6b9ab}.hud-metric b{color:#e3e8dc}.panel.pick{border-top-color:#cab77966}.pick-head{color:#ebdec2}.pick-balance b{color:#efce87}.tool{border-radius:6px;min-height:38px}.tool.active{background:linear-gradient(135deg,#655936,#443d29);border-color:#d2b76b}.tool.brush.active{color:#b9f3de;background:linear-gradient(135deg,#28504a,#223b36);border-color:#8bd2bb}.bar i,.mission-bar i{background:linear-gradient(90deg,#aa8d51,#e5cb8c)}#corner-actions button,.skill-action{background:#202923ed;border-color:#a48b5355;border-radius:7px}#corner-actions button:hover,.skill-action:not(:disabled):hover{background:#394335;border-color:#c6b27d}#skill-toggle{box-shadow:inset 0 0 14px #bca16b12;color:#f9e6b3!important;border-color:#c4a96e!important}.skill-action.locked{opacity:.48}.roster-head{color:#c7d2bb}.roster-note,.activity-row{color:#afbdad}.mission-hint{color:#bec7b8;line-height:1.6}.mission-skip{color:#b9bba7;background:0 0;border-color:#9f9c6e44}.mission-head small{color:#99c9b1}#missions{top:calc(var(--hud-bottom,152px) + 10px)}.mission-action{color:#f3edcf;cursor:pointer;background:#3d5741;border:1px solid #9bbe9570;border-radius:6px;width:100%;min-height:34px;margin-top:9px;padding:7px 9px;font:600 11px/1.4 Yu Gothic,sans-serif}.mission-action:hover{background:#4c694c}.mission-action.ready{color:#232b22;background:#d1b979;border-color:#f2dda8}.mission-status{color:#a9c9af;margin:7px 0 0;font-size:10px;line-height:1.6}.skill-card.recommended{outline-offset:2px;outline:2px solid #efd28b;box-shadow:0 0 24px #ddb86244}body:not(.learned) #skill-actions,#hint{display:none}#survey{left:14px;top:max(calc(var(--hud-bottom,152px) + 12px), calc(var(--mission-bottom,280px) + 12px));pointer-events:none;color:#bfccca;background:linear-gradient(90deg,#0b1b27c9,#0b1b2700);border-left:2px solid #a7c6b84d;border-radius:0 8px 8px 0;width:270px;padding:12px 14px;position:fixed}.learned #survey{top:calc(var(--hud-bottom,152px) + 12px)}.survey-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.survey-heading small{letter-spacing:.2em;color:#a1b9b9;font:10px Georgia,serif}.survey-heading b{font-size:13px}#survey p{margin:7px 0 0;font-size:10px;line-height:1.5}.strata-track{gap:3px;margin-top:8px;display:flex}.strata-track i{background:var(--stratum);opacity:.25;border-radius:2px;flex:1;height:3px;transition:opacity .2s}.strata-track i.current{opacity:1;box-shadow:0 0 7px var(--stratum)}#aim-reticle{pointer-events:none;z-index:10;width:32px;height:32px;color:var(--aim-tone,#e5cc91);position:fixed;transform:translate(-50%,-50%)}#aim-reticle[hidden]{display:none}#aim-reticle svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}#aim-reticle circle{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-dasharray:94.25;stroke-dashoffset:calc(94.25 * (1 - var(--ready,1)));opacity:.65}#aim-reticle i{background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #061019}#aim-reticle.sweep{opacity:.65;width:52px;height:52px}#view-controls{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111f27dc;border:1px solid #9cab8e44;border-radius:10px;gap:3px;padding:4px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#view-controls button{color:#d7dfcc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;min-width:37px;min-height:38px;padding:5px 9px;font-size:12px}#view-controls button[data-zoom],#view-controls button[data-help]{font-size:18px}#view-controls button:hover,#view-controls button[aria-pressed=true]{background:#405345;border-color:#a3b88666}#field-guide{color:#eee5d2;background:linear-gradient(135deg,#273c39,#14232c);border:1px solid #bbac785f;border-radius:16px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);padding:30px;overflow-y:auto;box-shadow:0 24px 100px #0009}#field-guide::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030c19aa}.guide-close{color:#cfdbc9;cursor:pointer;background:#ffffff08;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;position:absolute;top:12px;right:12px}#field-guide>small{letter-spacing:.2em;color:#a8c8b1;font:10px Georgia,serif}#field-guide h2{color:#f7e3b5;margin:16px 0;font:600 26px/1.6 Yu Mincho,serif}#field-guide p{color:#b7c8c3;font-size:12px;line-height:1.8}#field-guide ol{margin:20px 0;padding:0;list-style:none}#field-guide li{border-top:1px solid #b8c1a622;padding:12px 0}#field-guide li b{color:#e5cb94;margin-bottom:6px;font-size:13px;display:block}#field-guide li span{color:#d0d8cb;font-size:12px;line-height:1.7;display:block}.guide-keys{color:#bfcec3;flex-wrap:wrap;gap:10px 16px;font-size:11px;display:flex}.guide-keys kbd{border:1px solid #8caa9255;border-radius:3px;padding:2px 5px}.toast{background:#172b2cf2;border-color:#bfad7055;border-radius:9px;width:max-content;max-width:min(420px,100vw - 24px);padding:12px 18px;animation:.2s ease-out notice-arrive;top:auto;bottom:115px;left:50%;transform:translate(-50%)}.toast b{font:600 12px/1.7 Yu Gothic,sans-serif}@keyframes notice-arrive{0%{opacity:0;margin-bottom:-7px}to{opacity:1;margin-bottom:0}}#name-gate{background:radial-gradient(at 50% 35%,#35594f,#142936 60%,#081521)}#name-gate form{background:#11212ac9;border:1px solid #c1ae7359;border-radius:18px;width:min(430px,100vw - 40px);padding:36px;position:relative;box-shadow:0 20px 100px #0005}#name-gate .gate-emblem{background:#65705c22;border:1px solid #c3b78066;border-radius:16px;width:65px;height:65px;margin:0 auto 18px;padding:9px;display:block}#name-gate .gate-kicker{letter-spacing:.27em;color:#a8c5b2;margin-bottom:15px;font:10px Georgia,serif;display:block}#name-gate h1{color:#f4dfae;font-size:25px;line-height:1.7}#name-gate p{color:#bfcbc0;line-height:1.9}#name-gate input{color:#f0e5ce;background:#071823;border-color:#82948377;border-radius:7px;width:100%;padding:13px}#name-gate button{color:#1c2a26;background:linear-gradient(110deg,#b8a166,#d3bd85);border:0;border-radius:7px;width:100%;margin:12px 0 0;padding:14px;font-weight:700}#loading{color:#dbd9bc;background:#13232fe8;border-radius:12px;padding:22px 28px;font-size:13px}#loading:before{content:"";border:2px solid #c6b98044;border-top-color:#ddc993;border-radius:50%;width:24px;height:24px;margin:0 auto 14px;animation:1s linear infinite loading-turn;display:block}#loading.failed{text-align:center;max-width:min(380px,100vw - 32px);line-height:1.8}#loading.failed:before{display:none}#loading button{color:#f3e0b0;cursor:pointer;background:#34473d;border:1px solid #b8a369;border-radius:6px;margin:16px auto 0;padding:10px 15px;display:block}@keyframes loading-turn{to{transform:rotate(360deg)}}@media (min-width:901px){#hint{opacity:.7;bottom:78px}}@media (max-width:900px){#view-controls{bottom:110px;left:12px;transform:none}#survey{width:255px;top:auto;bottom:166px;left:12px}.learned #survey{top:auto}}@media (max-width:600px){#hud{width:calc(100vw - 16px);top:8px;left:8px}#missions{top:calc(var(--hud-bottom,145px) + 38px);width:min(300px,100vw - 16px);left:8px}.roster{top:calc(var(--hud-bottom,145px) + 8px);min-width:0;padding:5px 9px;right:8px}.roster-row,.roster-note,.activity-feed{display:none}.roster-head{margin:0}#survey{width:240px;padding:9px 10px;bottom:161px;left:8px}#view-controls{bottom:106px;left:8px}#view-controls button{min-width:36px;min-height:36px}#finds{max-width:132px;bottom:160px}}@media (max-height:560px){.panel.pick{gap:3px 8px}.tool{min-height:34px;padding:6px 9px}#missions{top:calc(var(--hud-bottom,112px) + 38px);width:min(315px,100vw - 16px);padding:8px 10px}.mission-head{margin-bottom:3px}.mission-hint{line-height:1.4}.roster{top:calc(var(--hud-bottom,112px) + 8px)}#view-controls{padding:2px;bottom:100px;left:8px;transform:none}#view-controls button{min-width:33px;min-height:34px;padding:4px 7px}#survey,.learned #survey{width:240px;padding:7px 10px;top:auto;bottom:145px;left:8px}#survey p{font-size:9.5px}#finds{bottom:148px}#field-guide{padding:23px}#field-guide h2{font-size:22px}}@media (max-height:460px){#missions{top:calc(var(--hud-bottom,112px) + 8px);width:min(305px,100vw - 16px)}.roster,#survey{display:none}#finds{max-width:115px}}@media (max-width:900px){body:not(.learned) #corner-actions{bottom:10px}body:not(.learned) #view-controls{bottom:54px}body:not(.learned) #survey{bottom:109px}}@media (max-height:560px){body:not(.learned) .hud-strip{grid-template-columns:1fr 1fr 1fr;height:35px;min-height:35px;padding:3px 8px 6px}body:not(.learned) .hud-metric span{white-space:nowrap;text-overflow:ellipsis;line-height:11px;overflow:hidden}body:not(.learned) .hud-metric b,body:not(.learned) .hud-metric strong{font-size:12px;line-height:14px}body:not(.learned) .panel.pick{grid-template-columns:minmax(0,1fr) auto auto}body:not(.learned) .tool-switch{grid-column:auto}body:not(.learned) .pick-foot{display:none}body:not(.learned) .pick-head{font-size:10px}body:not(.learned) .tool{min-height:32px;padding:5px 7px;font-size:10px}body:not(.learned) #missions{top:calc(var(--hud-bottom,90px) + 8px);padding:7px 9px}body:not(.learned) .mission-head,body:not(.learned) .mission-status,body:not(.learned) .mission-steps{display:none}body:not(.learned) .mission-title{font-size:12px}body:not(.learned) .mission-count{font-size:10px}body:not(.learned) .mission-hint{font-size:10px;line-height:1.45}body:not(.learned) .mission-action{min-height:32px;margin-top:5px;padding:5px 7px;font-size:10px}body:not(.learned) #survey,body:not(.learned) .roster{display:none}body:not(.learned) #corner-actions{bottom:10px}body:not(.learned) #view-controls{bottom:54px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}