*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0b0d1a;font-family:Lucida Console,Courier New,monospace;-webkit-user-select:none;user-select:none;touch-action:none}#game,#pixi{position:fixed;inset:0;width:100vw;height:100vh;image-rendering:pixelated;image-rendering:crisp-edges;display:block}#renderer-error{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;text-align:center;background:#0b0d1a;color:#e8ecff;font:14px/1.8 monospace;padding:24px}#hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px;pointer-events:none;z-index:10}#hotbar{display:flex;gap:5px;pointer-events:auto}.slot{width:54px;height:54px;position:relative;border:none;background:#2c3888 var(--ui-slot) no-repeat center / 100% 100%;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5)) drop-shadow(0 3px 6px rgba(0,0,0,.35));cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:transform .08s;color:#fff;padding:0;font-family:inherit;text-shadow:0 2px 2px rgba(0,0,0,.4)}.slot:hover{transform:translateY(-2px)}.slot.active{background-image:var(--ui-slot-active);animation:slotPulse 1.6s ease-in-out infinite}@keyframes slotPulse{0%,to{filter:drop-shadow(0 3px 0 rgba(0,0,0,.5)) drop-shadow(0 0 7px rgba(255,212,71,.75))}50%{filter:drop-shadow(0 3px 0 rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(255,212,71,.95))}}.slot .num{position:absolute;top:2px;left:5px;font-size:10px;color:#dde4ff;text-shadow:1px 1px 0 #000}.slot .lbl{position:absolute;top:58px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.5px;color:#ffe9a8;text-shadow:1px 1px 0 #000;background:linear-gradient(180deg,#263274f2,#141b48f2);border:1px solid #8393e0;outline:1px solid #0c1136;padding:3px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}.slot:hover .lbl,.slot.active .lbl{opacity:1}#status{text-align:right}#nameplate{color:#ffe9a8;font-size:12px;font-weight:700;text-shadow:1px 1px 0 #000,0 0 8px rgba(0,0,0,.6);margin-bottom:5px;letter-spacing:1px}#coins{margin-top:6px;color:#fff;font-size:12px;text-shadow:1px 1px 0 #000;display:flex;align-items:center;justify-content:flex-end;gap:4px}.coin{display:inline-block;width:12px;height:12px;background:no-repeat center / contain;image-rendering:pixelated;filter:drop-shadow(0 1px 0 rgba(0,0,0,.4))}.coin.gold{background-image:var(--ui-coin-gold)}.coin.silver{background-image:var(--ui-coin-silver);margin-left:8px}#buffs{margin-top:5px;display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap;max-width:240px;margin-left:auto}#buffs .buff{margin:0}#panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(660px,calc(100vw - 28px));max-height:76vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#222c68f7,#121842f7) padding-box;border:12px solid transparent;border-image:var(--ui-panel-frame) 12;image-rendering:pixelated;box-shadow:inset 0 0 46px #090d308c,0 18px 60px #000000bf;z-index:30;animation:pop .16s ease-out}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.92);opacity:0}}#panel.hidden{display:none}#panel-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,#4a5cbe,#2c3888);border-bottom:2px solid #0c1136;box-shadow:inset 0 1px #ffffff38}#panel-title{color:#ffd447;font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 0 #7a4a00,1px 2px 0 rgba(0,0,0,.6)}#panel-close{background:var(--ui-close) no-repeat center / 100% 100%;image-rendering:pixelated;color:#fff;border:none;width:26px;height:26px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;line-height:1;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45));text-shadow:0 1px 0 rgba(0,0,0,.5)}#panel-close:hover{filter:drop-shadow(0 2px 0 rgba(0,0,0,.45)) brightness(1.2)}#panel-body{padding:16px 18px;overflow-y:auto;color:#e8ecff;font-size:13px;line-height:1.65}#panel-body::-webkit-scrollbar{width:11px}#panel-body::-webkit-scrollbar-track{background:#141b4e;border-radius:5px}#panel-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6a7cd8,#48579f);border-radius:5px;border:2px solid #141b4e}#panel-body h3{color:#ffd447;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin:18px 0 8px;border-bottom:1px solid #4a5ab0;padding-bottom:4px;text-shadow:0 1px 0 rgba(0,0,0,.5)}#panel-body h3:first-child{margin-top:0}#panel-body a{color:#7fd4ff;text-decoration:none}#panel-body a:hover{text-decoration:underline}#panel-body b{color:#ffe9a8}#panel-body .dim{color:#9aa5d8;font-size:11px}#panel-body .station{margin:0 0 12px;padding:5px 10px;display:inline-block;background:linear-gradient(180deg,#121844b3,#0d1236b3);border:1px solid #4a5ab0;border-radius:5px;color:#9fd8ff;font-size:10px;letter-spacing:1px}#panel-body .footnote{margin-top:16px;padding-top:10px;border-top:1px dashed #4a5ab0;color:#8a94c8;font-size:10px;font-style:italic}.profile-card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.profile-card canvas{image-rendering:pixelated;background:linear-gradient(180deg,#6db3f2,#b8e0f5 62% 76%,#8ee06a 76%,#5cb84a,#3f9433 82%,#6b4526 82%,#54351a);border:2px solid #93a2ec;outline:2px solid #0c1136;border-radius:6px;flex:none;box-shadow:inset 0 0 14px #090d3040}.stat-grid{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin-top:6px;font-size:12px}.stat-grid dt{color:#9aa5d8}.stat-grid dd{margin:0;color:#fff}.buff{display:inline-block;margin:2px 4px 2px 0;padding:3px 9px;background:linear-gradient(180deg,#28387e,#1c2a66);border:1px solid #5a6cc9;border-radius:4px;font-size:10px;color:#b8e6a3;box-shadow:inset 0 1px #ffffff1f,0 1px #00000059}.proj{display:flex;gap:12px;margin-bottom:14px;background:linear-gradient(180deg,#12184499,#0d123699);border:1px solid #4a5ab0;border-radius:7px;padding:11px 13px;box-shadow:inset 0 1px #ffffff0f}.proj .emblem{flex:none;width:44px;height:44px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5);border:2px solid rgba(0,0,0,.4);box-shadow:inset 0 0 0 2px #ffffff38,inset 0 -6px 8px #00000040,0 2px #00000059}.proj h4{margin:0 0 3px;color:#fff;font-size:13px}.proj p{margin:0 0 6px;color:#c4ccf5;font-size:12px}.chip{display:inline-block;margin:1px 4px 1px 0;padding:1px 8px;background:linear-gradient(180deg,#1e2662,#151b4e);border:1px solid #3d4da8;border-radius:10px;font-size:10px;color:#9fd8ff}.proj .pstats{margin-top:4px;font-size:10px;color:#ffd447}.skill{margin-bottom:10px}.skill .sk-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:3px;color:#dfe5ff}.skill .bar{height:15px;border-radius:4px;background:linear-gradient(180deg,#0e1340,#161d52);border:1px solid #0a0e32;box-shadow:inset 0 2px 4px #0009,0 1px #ffffff12;overflow:hidden}.skill .fill{height:100%;background:linear-gradient(180deg,#b8f07e,#5cc44a 45%,#2e8c26);box-shadow:inset 0 2px #ffffff73,inset 0 -3px #00000047;border-radius:3px 0 0 3px}.int-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.int{background:linear-gradient(180deg,#12184499,#0d123699);border:1px solid #4a5ab0;border-radius:7px;padding:9px 11px;font-size:12px;box-shadow:inset 0 1px #ffffff0f}.int .ic{font-size:16px;margin-right:6px}.contact-list{list-style:none;padding:0;margin:0 0 10px}.contact-list li{margin-bottom:7px}.contact-list .tag{display:inline-block;width:84px;color:#9aa5d8;font-size:11px}.tbtn{display:inline-block;margin:6px 8px 0 0;padding:3px 11px;border:8px solid transparent;border-image:var(--ui-btn-frame) 8 fill;image-rendering:pixelated;color:#ffe9a8;font-weight:700;font-size:12px;text-shadow:1px 1px 0 #000;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45));cursor:pointer}.tbtn:hover{filter:drop-shadow(0 3px 0 rgba(0,0,0,.45)) brightness(1.15);text-decoration:none!important}.now-list{list-style:none;padding:0;margin:0 0 8px}.now{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#121844a6,#0d1236a6);border:1px solid #4a5ab0;border-radius:7px;padding:8px 12px;margin-bottom:7px;box-shadow:inset 0 1px #ffffff0f}.now .now-ic{font-size:18px;flex:none}.now>div{flex:1;min-width:0}.now b{font-size:11px;letter-spacing:.5px}.now .now-val{color:#c4ccf5;font-size:12px;margin-top:1px}.live-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#5cff6a;box-shadow:0 0 6px #5cff6ae6;animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{50%{opacity:.35;box-shadow:0 0 2px #5cff6a66}}.b-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:8px;margin-top:10px}.b-card{display:flex;gap:10px;align-items:flex-start;background:linear-gradient(180deg,#12184499,#0d123699);border:1px solid #4a5ab0;border-radius:7px;padding:9px 11px;box-shadow:inset 0 1px #ffffff0f}.b-thumb{flex:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:26px;border-radius:7px;background:linear-gradient(180deg,#0e1340,#161d52);border:1px solid #3d4da8;box-shadow:inset 0 2px 5px #0000008c;text-shadow:0 2px 3px rgba(0,0,0,.5)}.b-info{min-width:0}.b-info b{font-size:12px}.b-info p{margin:3px 0 0;color:#c4ccf5;font-size:11px;line-height:1.5}.b-kind{display:inline-block;margin-left:4px;padding:0 6px;background:linear-gradient(180deg,#1e2662,#151b4e);border:1px solid #3d4da8;border-radius:8px;font-size:9px;color:#9fd8ff;vertical-align:1px}.b-stars{display:block;color:#ffd447;font-size:9px;letter-spacing:2px;margin-top:1px}.b-note{margin-top:4px;color:#ffd447;font-size:10px}.b-blurb{margin:2px 0 0;color:#8a94c8;font-size:10px;font-style:italic}.b-found{margin-top:3px;color:#9fd8ff;font-size:10px}.b-tags{margin-top:5px;display:flex;flex-wrap:wrap;gap:4px}.b-info a{color:inherit}.b-locked{opacity:.8}.b-locked .b-thumb{filter:brightness(0) contrast(1);opacity:.9}.b-locked b{color:#8a94c8}.b-locked p{font-style:italic;color:#8a94c8}#zonebanner{position:fixed;left:50%;top:17vh;transform:translate(-50%);text-align:center;z-index:25;pointer-events:none;opacity:0;transition:opacity .65s ease}#zonebanner.hidden{display:none}#zonebanner.show{opacity:1;animation:zbIn .55s ease-out}#zonebanner.out{opacity:0}@keyframes zbIn{0%{transform:translate(-50%) translateY(-14px) scale(.94);opacity:0}}.zb-icon{font-size:26px;text-shadow:0 3px 6px rgba(0,0,0,.55)}.zb-title{font-size:clamp(26px,5vw,44px);font-weight:700;color:#ffd447;letter-spacing:5px;text-transform:uppercase;text-shadow:0 1px 0 #c9941a,0 2px 0 #a06e08,0 3px 0 #7a4e00,2px 4px 0 rgba(0,0,0,.55),0 0 26px rgba(255,212,71,.3)}.zb-sub{margin-top:4px;color:#cfe2ff;font-size:12px;letter-spacing:4px;text-transform:uppercase;text-shadow:1px 1px 0 #000,0 0 10px rgba(0,0,0,.6)}#map{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(860px,94vw);background:linear-gradient(180deg,#222c68f7,#121842f7) padding-box;border:12px solid transparent;border-image:var(--ui-panel-frame) 12;image-rendering:pixelated;box-shadow:inset 0 0 46px #090d308c,0 18px 60px #000000bf;z-index:34;animation:pop .16s ease-out}#map.hidden{display:none}#map-head{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:linear-gradient(180deg,#4a5cbe,#2c3888);border-bottom:2px solid #0c1136;box-shadow:inset 0 1px #ffffff38;color:#ffd447;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 0 #7a4a00,1px 2px 0 rgba(0,0,0,.6)}#map-close{background:var(--ui-close) no-repeat center / 100% 100%;image-rendering:pixelated;color:#fff;border:none;width:26px;height:26px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;line-height:1;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45));text-shadow:0 1px 0 rgba(0,0,0,.5)}#map-close:hover{filter:drop-shadow(0 2px 0 rgba(0,0,0,.45)) brightness(1.2)}#map-canvas{display:block;width:100%;image-rendering:pixelated;cursor:pointer;border-bottom:2px solid #0c1136}#map-legend{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;color:#9aa5d8;font-size:10px;letter-spacing:1px}#map-legend #map-time{color:#ffe9a8}.slot.first-util{margin-left:12px}.tour-nav{margin-top:16px;padding-top:12px;border-top:1px dashed #4a5ab0;text-align:right}.j-row{display:flex;align-items:center;gap:9px;background:linear-gradient(180deg,#12184499,#0d123699);border:1px solid #4a5ab0;border-radius:7px;padding:6px 11px;margin-bottom:6px;box-shadow:inset 0 1px #ffffff0f;font-size:12px}.j-row[data-travel],.j-row[data-open]{cursor:pointer}.j-row[data-travel]:hover,.j-row[data-open]:hover{filter:brightness(1.22)}.j-row .j-chk{flex:none;width:14px;text-align:center;color:#5a6cc9}.j-row.j-done .j-chk{color:#7fe08a;text-shadow:0 0 6px rgba(127,224,138,.6)}.j-row .j-ic{flex:none;font-size:15px}.j-row .j-name{flex:1;min-width:0}.j-row .j-go{flex:none;color:#ffd447;font-size:10px;letter-spacing:1px;opacity:0;transition:opacity .12s}.j-row:hover .j-go{opacity:1}.j-row.j-locked b{color:#8a94c8}.j-row.j-locked{opacity:.85}.skill .fill.gold{background:linear-gradient(180deg,#ffe98a,#ffd447 45%,#c9941a);box-shadow:inset 0 2px #ffffff80,inset 0 -3px #00000047}#toast{position:fixed;top:84px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#2c387cf7,#182052f7) padding-box;border:10px solid transparent;border-image:var(--ui-toast-frame) 10;image-rendering:pixelated;padding:2px 16px 4px;text-align:center;z-index:40;pointer-events:none;box-shadow:0 0 24px #ffd44766,0 8px 24px #0009;animation:toastIn .3s ease-out}@keyframes toastIn{0%{transform:translate(-50%,-16px);opacity:0}}#toast.hidden{display:none}.toast-label{color:#ffd447;font-size:10px;letter-spacing:2px;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.6)}.toast-text{color:#fff;font-size:13px;margin-top:3px;text-shadow:1px 1px 0 #000}#intro{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at 50% 40%,#141a4ae0,#050714f5);display:flex;align-items:center;justify-content:center;transition:opacity .5s}#intro.fade{opacity:0;pointer-events:none}#intro-box{text-align:center;color:#e8ecff;padding:30px;max-width:560px}#intro-box h1{font-size:clamp(34px,7vw,58px);margin:0;color:#ffd447;letter-spacing:6px;text-shadow:0 1px 0 #c9941a,0 2px 0 #a06e08,0 3px 0 #7a4e00,0 4px 0 #5c3a00,3px 5px 0 rgba(0,0,0,.55),0 0 28px rgba(255,212,71,.35)}#intro-box .sub{color:#9fd8ff;font-size:13px;letter-spacing:3px;margin:12px 0 26px;text-shadow:0 1px 0 rgba(0,0,0,.6)}#intro-box .controls{display:inline-block;text-align:left;background:linear-gradient(180deg,#182054e6,#0e133ae6) padding-box;border:12px solid transparent;border-image:var(--ui-panel-frame) 12;image-rendering:pixelated;padding:4px 12px;font-size:12px;line-height:2;box-shadow:0 8px 24px #0006}#intro-box .controls b{color:#ffe9a8}#intro-box .press{margin-top:26px;color:#ffd447;font-size:12px;letter-spacing:2px}.blink{animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:.15}}#touch{display:none}@media(pointer:coarse){#touch{display:flex;justify-content:space-between;align-items:flex-end;position:fixed;left:0;right:0;bottom:0;padding:0 18px 22px;z-index:20;pointer-events:none}.tc-group{display:flex;gap:12px;pointer-events:auto}.tc{width:58px;height:58px;background:var(--ui-tc) no-repeat center / 100% 100%;image-rendering:pixelated;border:none;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45));color:#ffe9a8;font-size:22px;font-family:inherit;text-shadow:1px 1px 0 #000;-webkit-tap-highlight-color:transparent}.tc:active{filter:drop-shadow(0 3px 0 rgba(0,0,0,.45)) brightness(1.3)}.slot .lbl{display:none}}