*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;font-family:var(--font-montserrat), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:#87ceeb;overflow:hidden}canvas{touch-action:none;display:block}body.minimap-capture>:not(#app),body.minimap-capture #app>:not(canvas){display:none!important}#wasd-zone{z-index:10;touch-action:none;position:fixed;bottom:20px;left:20px}.joystick-base{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:#ffffff40;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.joystick-knob{pointer-events:none;background:#fff;border-radius:50%;width:52px;height:52px}#game-logo{z-index:15;pointer-events:none;filter:drop-shadow(0 1px 3px #00000073);width:auto;height:54px;position:fixed;top:16px;left:16px}#step-counter{z-index:20;pointer-events:none;font-variant-numeric:tabular-nums;background:#fff;border:2px solid #8b4513;border-radius:4px;flex-direction:column;align-items:center;padding:8px 20px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000004d}#step-counter .step-count-value{color:#000;font-size:22px;font-weight:700;line-height:1.2;font-family:var(--font-antonio), sans-serif}#map-button{z-index:20;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:62px;height:62px;padding:0;display:flex;position:fixed;bottom:20px;right:20px}#map-button img{object-fit:contain;pointer-events:none;width:100%;height:100%}#bag-button{z-index:20;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #ad0d0d;border-radius:0;justify-content:center;align-items:center;width:44px;height:44px;padding:8px;transition:transform 60ms,box-shadow 60ms;display:flex;position:fixed;bottom:29px;right:94px;transform:translate(0);box-shadow:3px 3px #ee2f33}#bag-button:active{transform:translate(3px,3px);box-shadow:0 0 #ee2f33}#bag-button img{object-fit:contain;pointer-events:none;width:100%;height:100%}.bag-badge{color:#fff;min-width:20px;height:20px;font-size:11px;font-weight:700;font-family:var(--font-antonio), sans-serif;background:#ee2f33;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;padding:0 5px;display:flex;position:absolute;top:-4px;right:-4px}#minimap{z-index:16;pointer-events:none;background:#dce2e5e6;border:2px solid #ad0d0d;border-radius:4px;width:176px;height:176px;position:fixed;top:82px;right:16px;overflow:hidden;box-shadow:0 4px 14px #0c12163d}#minimap canvas{width:100%;height:100%}.minimap-north{z-index:1;color:#fff;text-shadow:0 1px 3px #000;font-size:10px;font-weight:900;line-height:1;position:absolute;top:5px;left:50%;transform:translate(-50%)}@media (max-width:640px){#map-button{bottom:20px;right:16px}#bag-button{bottom:29px;right:90px}}.get-app-btn{z-index:1000;font-size:15px;font-weight:700;font-family:var(--font-antonio), sans-serif;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffffd9;border:2px solid #ad0d0d;border-radius:4px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 1px 3px #0000004d}#social-bar{z-index:15;flex-direction:column;gap:0;display:flex;position:fixed;top:50%;left:16px;transform:translateY(-50%)}#social-bar a,#social-bar button{cursor:pointer;filter:drop-shadow(0 1px 3px #00000059);background:0 0;border:none;width:72px;height:72px;margin-bottom:-10px;padding:0;display:block}#social-bar img{object-fit:contain;width:100%;height:100%}#map-overlay,#legal-overlay,#bag-overlay{z-index:30;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.map-panel{background:#fff;border-radius:4px;grid-template-columns:repeat(2,1fr);gap:8px;width:min(92vw,940px);max-height:80vh;padding:16px;display:grid;overflow-y:auto}@media (max-width:640px){.map-panel{box-shadow:3px 3px #ee2f33,4px 4px 8px #00000040}}.map-panel-title{color:#000;text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:14px;font-weight:700;font-family:var(--font-antonio), sans-serif;grid-column:1/-1;margin-bottom:4px}.bag-panel{background:#fff;border-radius:4px;flex-direction:column;gap:10px;width:min(92vw,420px);max-height:80vh;padding:16px;display:flex;overflow-y:auto}@media (max-width:640px){.bag-panel{box-shadow:3px 3px #ee2f33,4px 4px 8px #00000040}}.bag-list{flex-direction:column;gap:8px;display:flex}.bag-empty{color:#888;text-align:center;padding:8px 0;font-size:13px;font-style:italic}.bag-item{border:1px solid #ad0d0d;border-radius:4px;align-items:center;gap:10px;padding:8px 10px;display:flex}.bag-item-icon{color:#fff;width:28px;height:28px;font-size:13px;font-weight:700;font-family:var(--font-antonio), sans-serif;background:#ee2f33;border-radius:4px;flex:none;justify-content:center;align-items:center;display:flex}.bag-item-name{color:#000;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.bag-item-qty{color:#ad0d0d;font-size:14px;font-weight:700;font-family:var(--font-antonio), sans-serif;flex:none}.minimap-row{grid-column:1/-1;align-items:stretch;gap:8px;margin-bottom:4px;display:flex}@media (max-width:520px){.minimap-row{flex-direction:column}}.minimap-frame{aspect-ratio:1600/803;border:1px solid #232b303d;border-radius:4px;flex:65%;min-width:0;position:relative;overflow:hidden}.minimap-image{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.minimap-pin{opacity:0;cursor:pointer;background:0 0;border:none;border-radius:50%;width:40px;height:40px;padding:0;position:absolute;transform:translate(-50%,-50%)}.minimap-timeline-panel{background:#fff;border:1px solid #ad0d0d;border-radius:4px;flex-direction:column;flex:35%;min-width:120px;display:flex;overflow:hidden}.minimap-timeline-title{color:#000;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700;font-family:var(--font-antonio), sans-serif;border-bottom:1px solid #ad0d0d;flex:none;padding:8px 10px 6px}.minimap-timeline-list{flex:auto;max-height:200px;padding:8px 10px;overflow-y:auto}.minimap-timeline-empty{color:#888;font-size:12px;font-style:italic}.minimap-timeline-item{align-items:center;gap:8px;padding-bottom:10px;display:flex}.minimap-timeline-item:last-child{padding-bottom:0}.minimap-timeline-icon{color:#fff;width:26px;height:26px;font-size:12px;font-weight:700;font-family:var(--font-antonio), sans-serif;background:#ee2f33;border-radius:4px;flex:none;justify-content:center;align-items:center;display:flex}.minimap-timeline-body{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.minimap-timeline-label{color:#000;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.minimap-timeline-bar-track{background:#f1c9c9;border-radius:2px;width:100%;height:3px;overflow:hidden}.minimap-timeline-bar-fill{background:#ee2f33;width:100%;height:100%}.map-location-btn{color:#000;text-align:left;cursor:pointer;background:#fff;border:1px solid #ad0d0d;border-radius:4px;align-items:center;padding:10px 14px;font-size:15px;text-decoration:none;transition:transform 60ms,box-shadow 60ms;display:flex;transform:translate(0);box-shadow:3px 3px #ee2f33}.map-location-btn:active{background:#eee;transform:translate(3px,3px);box-shadow:0 0 #ee2f33}.map-close-btn{color:#000;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-antonio), sans-serif;background:#fff;border:1px solid #ad0d0d;border-radius:4px;grid-column:1/-1;margin-top:4px;padding:10px 14px;transition:transform 60ms,box-shadow 60ms;transform:translate(0);box-shadow:3px 3px #ee2f33}.map-close-btn:active{transform:translate(3px,3px);box-shadow:0 0 #ee2f33}.dialogue-panel{z-index:20;cursor:pointer;opacity:0;pointer-events:none;width:min(84vw,480px);min-height:64px;box-shadow:none;transform-origin:20% 100%;background:#fff;border:2px solid #ad0d0d;border-radius:0;flex-direction:column;justify-content:center;gap:6px;padding:18px 44px 18px 20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:flex;position:fixed;bottom:148px;left:50%;transform:translate(-50%)scale(.4)}.dialogue-panel.visible{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.dialogue-name-tag{color:#fff;text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:700;font-family:var(--font-antonio), sans-serif;background:#ee2f33;border:2px solid #ad0d0d;border-radius:4px;padding:4px 12px;position:absolute;top:-18px;left:14px;box-shadow:3px 3px #00000059}.dialogue-text{color:#000;text-align:left;font-size:17px;line-height:1.4}.dialogue-hint{color:#ad0d0d;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700;font-family:var(--font-antonio), sans-serif;background:#fff;border:2px solid #ad0d0d;border-radius:0;justify-content:center;align-items:center;padding:5px 12px;display:none;position:absolute;bottom:-42px;right:0;box-shadow:2px 2px #ee2f33}.dialogue-hint.visible{display:flex}.dialogue-choices{gap:8px;margin-top:4px;display:none}.dialogue-choices.visible{display:flex}.dialogue-choice-btn{color:#ad0d0d;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-antonio), sans-serif;background:#fff;border:2px solid #ad0d0d;border-radius:4px;flex:1;padding:8px 14px;transition:transform 60ms,box-shadow 60ms;transform:translate(0);box-shadow:2px 2px #ee2f33}.choice-key{color:#fff;min-width:15px;height:15px;font-size:10px;line-height:1;font-family:var(--font-antonio), sans-serif;background:#ad0d0d;border-radius:3px;justify-content:center;align-items:center;margin-right:6px;padding:0 3px;display:inline-flex}.dialogue-choice-btn:active{transform:translate(2px,2px);box-shadow:0 0 #ee2f33}.shop-panel{z-index:20;opacity:0;pointer-events:none;transform-origin:20% 100%;background:#fff;border:2px solid #ad0d0d;flex-direction:column;gap:8px;width:min(84vw,480px);padding:18px 20px 14px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:flex;position:fixed;bottom:148px;left:50%;transform:translate(-50%)scale(.4)}.shop-close-btn{color:#ad0d0d;cursor:pointer;background:#fff;border:2px solid #ad0d0d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;font-weight:700;line-height:1;transition:transform 60ms,box-shadow 60ms;display:flex;position:absolute;top:-14px;right:-14px;transform:translate(0);box-shadow:2px 2px #00000059}.shop-close-btn:active{transform:translate(2px,2px);box-shadow:0 0 #00000059}.shop-panel.visible{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.shop-title{color:#000;text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:700;font-family:var(--font-antonio), sans-serif}.shop-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.shop-item-name{color:#000;font-size:16px}.shop-buy-btn{color:#ad0d0d;letter-spacing:.03em;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-antonio), sans-serif;background:#fff;border:2px solid #ad0d0d;border-radius:4px;padding:6px 12px;transition:transform 60ms,box-shadow 60ms;transform:translate(0);box-shadow:2px 2px #ee2f33}.shop-buy-btn:active{transform:translate(2px,2px);box-shadow:0 0 #ee2f33}.shop-buy-btn:disabled{color:#999;cursor:default;border-color:#bbb;box-shadow:2px 2px #ccc}.shop-status{color:#ad0d0d;min-height:18px;font-size:13px;font-weight:600}.npc-indicator{z-index:18;pointer-events:none;position:fixed}.npc-indicator-triangle,.npc-indicator-bubble{display:none}.npc-indicator[data-state=notice] .npc-indicator-triangle{filter:drop-shadow(0 2px 2px #0006);width:22px;height:auto;display:block;transform:translate(-50%,-100%)}.npc-indicator[data-state=thinking] .npc-indicator-bubble{background:#fff;border:2px solid #ad0d0d;border-radius:12px;align-items:center;gap:4px;padding:7px 10px;animation:.2s cubic-bezier(.34,1.56,.64,1) backwards npc-indicator-bubble-pop;display:flex;position:relative;transform:translate(-50%,-100%)}.npc-indicator-bubble span{background:#ee2f33;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite npc-indicator-dot-bounce}.npc-indicator-bubble span:nth-child(2){animation-delay:.15s}.npc-indicator-bubble span:nth-child(3){animation-delay:.3s}@keyframes npc-indicator-bubble-pop{0%{transform:translate(-50%,-100%)scale(0)}to{transform:translate(-50%,-100%)scale(1)}}@keyframes npc-indicator-dot-bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.loading-screen{z-index:30;background:#14141e99;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.loading-title{color:#fff;letter-spacing:.05em;font-size:20px;font-weight:700;font-family:var(--font-antonio), sans-serif}.loading-bar-track{background:#ffffff26;border:2px solid #fff;border-radius:4px;width:min(80vw,320px);height:18px;overflow:hidden}.loading-bar-fill{background:#ee2f33;width:0%;height:100%;transition:width .15s ease-out}.loading-percent{color:#fff;font-variant-numeric:tabular-nums;font-size:14px}body.game-loading #game-logo,body.game-loading #step-counter,body.game-loading #wasd-zone,body.game-loading #map-button,body.game-loading #bag-button,body.game-loading #minimap,body.game-loading #social-bar{display:none}@media (max-width:768px),(pointer:coarse){#minimap{top:calc(max(10px, env(safe-area-inset-top)) + 58px);right:max(10px, env(safe-area-inset-right));width:112px;height:112px;box-shadow:0 3px 10px #0c121638}}@media (max-height:600px) and (pointer:coarse){#minimap{width:88px;height:88px}}body.game-loading #store-badges{display:none!important}