:root{--ocean: #1e9bff;--deep-sea: #075985;--aqua: #22d3ee;--sand: #f8e7c5;--sun-gold: #fdba3b;--palm: #22c55e;--coral: #ff6b6b;--surface: #ffffff;--ink: #1f2937;--muted: #64748b;--soft: #f3f4f6;--danger: #ef4444;--ok: #16a34a;--glass: rgba(255, 255, 255, .82);--glass-border: rgba(255, 255, 255, .9);--shadow: 0 8px 28px rgba(7, 89, 133, .16);--radius: 14px;font-size:15px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}canvas{touch-action:none}body{background:linear-gradient(180deg,#7cc8f2,#bfe5f9);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;user-select:none}canvas{display:block}button{font-family:inherit;background:var(--surface);border:1.5px solid rgba(30,155,255,.35);color:var(--deep-sea);border-radius:var(--radius);padding:10px 18px;cursor:pointer;font-size:.95rem;font-weight:600;box-shadow:0 2px 8px #0759851a;transition:transform .12s,box-shadow .12s,background .15s}button:hover:not(:disabled){background:#eaf6ff;transform:translateY(-1px);box-shadow:0 4px 14px #0759852e}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed}button.gold{background:linear-gradient(135deg,var(--sun-gold),#f59e0b);border-color:#d98e1b;color:#5b3a05}button.gold:hover:not(:disabled){background:linear-gradient(135deg,#ffd073,#fbbf24)}button.blue{background:linear-gradient(135deg,var(--ocean),#0e7fd9);border-color:#0c6cb9;color:#fff}button.blue:hover:not(:disabled){background:linear-gradient(135deg,#45aeff,#1e8ae8)}button.small{padding:6px 12px;font-size:.8rem;border-radius:10px}#landing{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0759851f,#ffffff0f 45%,#fde8c240),url(/assets/landing/owntown-coastal-bg.svg) center / cover no-repeat,linear-gradient(180deg,#7cc8f2,#bfe5f9 55%,#fde8c2)}.landing-card{width:min(470px,93vw);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--glass-border);border-radius:26px;padding:0 0 30px;text-align:center;box-shadow:var(--shadow);overflow:hidden}.landing-art{width:100%;display:block}.landing-inner{padding:20px 28px 0}.landing-logo-img{width:min(320px,80%);margin:14px auto 4px;display:block}.landing-tag{color:var(--muted);margin:4px 0 20px;font-size:.95rem}.landing-card button{width:100%;margin-top:11px;padding:14px;font-size:1rem}.landing-note{margin-top:16px;font-size:.8rem;color:var(--muted);line-height:1.55}.landing-status{margin-top:13px;min-height:22px;font-size:.88rem;color:var(--deep-sea);font-weight:600}.landing-status.err{color:var(--danger)}.landing-status.ok{color:var(--ok)}.gate-pill{display:inline-block;margin:14px 4px 0;padding:6px 16px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(30,155,255,.3);font-size:.78rem;color:var(--deep-sea);font-weight:600}.mock-badge{border-color:#d98e1b80;color:#9a6b10}.hud{position:fixed;z-index:20;pointer-events:none}.hud *{pointer-events:auto}#hud-status{top:12px;left:12px;width:244px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--glass-border);border-radius:18px;padding:12px 14px;box-shadow:var(--shadow)}.hud-logo{width:142px;display:block;margin-bottom:8px}.bar-wrap{margin-bottom:7px}.bar-label{font-size:.66rem;color:var(--muted);letter-spacing:.09em;font-weight:700;display:flex;justify-content:space-between}.bar{height:10px;border-radius:6px;background:#0759851f;overflow:hidden;margin-top:3px}.bar>div{height:100%;border-radius:6px;transition:width .25s}.bar-hp>div{background:linear-gradient(90deg,var(--coral),#ff9f43)}.bar-sta>div{background:linear-gradient(90deg,var(--palm),var(--aqua))}.bar-xp>div{background:linear-gradient(90deg,var(--ocean),var(--sun-gold))}.level-chip{display:inline-block;background:linear-gradient(135deg,var(--ocean),var(--aqua));color:#fff;border-radius:9px;padding:3px 11px;font-size:.78rem;font-weight:700;margin-bottom:8px}#hud-topright{top:12px;right:12px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.balance-chip{display:flex;align-items:center;gap:8px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(253,186,59,.65);color:#9a6b10;padding:7px 15px;border-radius:999px;font-weight:800;cursor:pointer;box-shadow:var(--shadow)}.balance-chip img{width:22px;height:22px}.zone-chip{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--glass-border);padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--deep-sea);box-shadow:var(--shadow)}.zone-chip.danger{border-color:var(--danger);color:var(--danger);background:#fff1f1e6}.chat-staff{color:#b8860b!important;font-weight:800}.ca-pill{width:100%;margin-top:11px;padding:9px 12px;background:#14181feb;color:#d8f3ff;border:1.5px solid rgba(34,211,238,.5);border-radius:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.66rem;word-break:break-all;line-height:1.5;cursor:pointer;text-align:center}.ca-pill:hover{border-color:var(--aqua)}.ca-pill .ca-label{color:var(--sun-gold);font-weight:700}.ca-pill .ca-copy{color:var(--aqua);font-weight:700}.live-stats{display:flex;gap:8px;margin-top:12px;justify-content:center;flex-wrap:wrap}.live-stat{display:inline-flex;align-items:center;gap:6px;background:#14181f8c;border:1px solid rgba(34,197,94,.35);border-radius:999px;padding:5px 11px;font-size:.74rem;font-weight:600;color:#d8f3ff}.live-stat b{color:#4ade80;font-weight:800}.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;animation:liveBlink 1.4s ease-in-out infinite}@keyframes liveBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.7)}}#x-link{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(282px,env(safe-area-inset-bottom));z-index:30;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#14181f;color:#fff;box-shadow:var(--shadow);border:2px solid rgba(255,255,255,.85);transition:transform .15s}body:has(#landing) #x-link{z-index:120;bottom:max(70px,env(safe-area-inset-bottom))}#x-link:hover{transform:scale(1.1)}.touch #x-link{width:40px;height:40px;bottom:max(286px,calc(env(safe-area-inset-bottom) + 278px));right:max(14px,env(safe-area-inset-right))}.touch #x-link svg{width:18px;height:18px}.panel-title-icon{display:flex;align-items:center;gap:9px}.panel-title-icon img{width:30px;height:30px}.perf-chips{display:flex;gap:6px}.perf-chips .zone-chip{cursor:pointer;font-size:.72rem;font-family:inherit;display:inline-flex;align-items:center}.perf-chips img{width:18px;height:18px;display:block}.event-chip{background:#fff1f1eb;border:1.5px solid var(--danger);padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:700;color:#b91c1c;box-shadow:var(--shadow)}#hud-actions{bottom:18px;right:14px;display:flex;gap:9px}#hud-actions button{display:inline-flex;align-items:center;gap:7px}#hud-actions button img{width:21px;height:21px;display:block}#mobile-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}#mobile-buttons button img{width:28px;height:28px;display:block}#chat-toggle img{width:26px;height:26px;display:block;margin:0 auto}#prompt{bottom:112px;left:50%;transform:translate(-50%);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--ocean);border-radius:999px;padding:11px 26px;font-size:.95rem;font-weight:600;color:var(--ink);display:none;cursor:pointer;box-shadow:var(--shadow)}#prompt b{color:var(--ocean)}.panel{position:fixed;z-index:40;top:50%;left:50%;transform:translate(-50%,-50%);width:min(580px,94vw);max-height:84vh;overflow-y:auto;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--glass-border);border-radius:22px;padding:22px;box-shadow:0 18px 50px #07598547}.panel h2{font-size:1.02rem;letter-spacing:.08em;color:var(--deep-sea);margin-bottom:4px;font-weight:800;overflow-wrap:break-word}.touch .panel>h2:first-of-type{margin-right:48px;font-size:.95rem}.panel .sub{color:var(--muted);font-size:.8rem;margin-bottom:14px;line-height:1.45}.panel .close{position:absolute;top:12px;right:14px;width:34px;height:34px;padding:0;border-radius:50%;font-size:1.15rem;line-height:1;color:var(--muted)}.row{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:14px;margin-bottom:7px;background:#ffffffc7;border:1.5px solid rgba(7,89,133,.08);box-shadow:0 1px 5px #07598512}.row .icon{width:44px;height:44px;border-radius:11px;flex-shrink:0;border:2px solid transparent}.row .meta{flex:1;min-width:0}.row .name{font-size:.93rem;font-weight:700}.row .detail{font-size:.74rem;color:var(--muted);margin-top:2px}.row .actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.dur{display:inline-block;width:60px;height:6px;background:#0759851f;border-radius:3px;vertical-align:middle;overflow:hidden}.dur>i{display:block;height:100%;background:var(--palm)}.price-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#fdba3b2e;border:1px solid rgba(217,142,27,.4);color:#9a6b10;font-weight:800;font-size:.8rem}.price-badge img{width:15px;height:15px}.equipped-badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.68rem;font-weight:800;background:#22c55e29;color:var(--ok);border:1px solid rgba(34,197,94,.4)}.tx-confirm-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:#07598547;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.tx-confirm{width:min(380px,94vw);background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--glass-border);border-radius:22px;padding:22px;box-shadow:0 18px 50px #07598547}.tx-confirm h2{font-size:1.02rem;letter-spacing:.08em;color:var(--deep-sea);margin-bottom:4px;font-weight:800}.tx-confirm .sub{color:var(--muted);font-size:.8rem;margin-bottom:14px;line-height:1.45}.tx-rows{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.tx-row{display:flex;align-items:center;justify-content:space-between;gap:11px;padding:9px 11px;border-radius:14px;background:#ffffffc7;border:1.5px solid rgba(7,89,133,.08)}.tx-row>span{color:var(--muted);font-size:.8rem}.tx-row>b{font-size:.92rem;font-weight:800;color:var(--ink);text-align:right;word-break:break-word}.tx-actions{display:flex;gap:10px}.tx-actions button{flex:1;padding:12px}.tabbar{display:flex;gap:7px;margin-bottom:13px;flex-wrap:wrap}.tabbar button{padding:6px 14px;font-size:.8rem;border-radius:999px}.tabbar button.active{background:linear-gradient(135deg,var(--ocean),var(--aqua));color:#fff;border-color:transparent}.market-controls{display:flex;gap:8px;margin:4px 0 10px}.market-controls #market-search{flex:1;min-width:0;padding:8px 12px;border-radius:999px;border:1px solid rgba(7,89,133,.18);font-size:.82rem}.market-controls #market-sort{padding:8px 10px;border-radius:999px;border:1px solid rgba(7,89,133,.18);font-size:.78rem;background:#fff}#hud-bell{position:relative}.bell-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#ef4444;color:#fff;font-size:.62rem;line-height:16px;text-align:center;font-weight:700;box-shadow:0 0 0 2px #fff}.phase2{font-size:.72rem;font-weight:700;color:#9a6b10;background:#fdba3b26;border:1px dashed rgba(217,142,27,.55);border-radius:999px;padding:5px 11px}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;margin-bottom:16px}.slot-card{background:#ffffffd9;border:1.5px solid rgba(7,89,133,.1);border-radius:16px;padding:11px;text-align:center}.slot-card .slot-label{font-size:.66rem;letter-spacing:.1em;color:var(--muted);font-weight:800}.slot-card img{width:46px;height:46px;margin:7px auto 4px;display:block}.slot-card .slot-name{font-size:.8rem;font-weight:700;min-height:2.1em}.r1 .icon{border-color:#9ca3af}.r1 .name{color:#4b5563}.r2 .icon{border-color:#22c55e}.r2 .name{color:#15803d}.r3 .icon{border-color:#3b82f6}.r3 .name{color:#1d4ed8}.r4 .icon{border-color:#a855f7}.r4 .name{color:#7e22ce}.r5 .icon{border-color:#f59e0b}.r5 .name{color:#b45309}#toasts{position:fixed;top:74px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(30,155,255,.4);border-radius:999px;padding:10px 21px;font-size:.88rem;font-weight:600;color:var(--ink);animation:toastIn .25s ease;max-width:min(500px,90vw);text-align:center;box-shadow:var(--shadow)}.toast.success{border-color:var(--palm);color:var(--ok)}.toast.error{border-color:var(--danger);color:#b91c1c}.toast.drop{border-color:var(--sun-gold);color:#9a6b10}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}#spec-banner{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:30;width:min(860px,96vw);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow);padding:10px 16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}#spec-banner .spec-logo{height:34px}#spec-banner .spec-counts{color:var(--muted);font-size:.8rem;font-weight:600}#spec-hotspots{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:30;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}@media (max-width: 700px){body.spectating #chat{display:none}body.spectating #minimap-wrap{bottom:auto;top:232px;right:10px}body.spectating #minimap-small{width:96px;height:96px}body.spectating #spec-hotspots{left:10px;right:64px;transform:none;bottom:max(12px,env(safe-area-inset-bottom));justify-content:flex-start}body.spectating #spec-hotspots button{padding:6px 9px;font-size:.68rem}body.spectating #x-link{bottom:max(12px,env(safe-area-inset-bottom))}}#joystick{position:fixed;bottom:28px;left:24px;z-index:25;width:138px;height:138px;border-radius:50%;background:#fff6;border:2px solid rgba(255,255,255,.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;touch-action:none;box-shadow:var(--shadow)}#joystick .knob{position:absolute;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--ocean),var(--aqua));border:2px solid #fff;left:38px;top:38px;box-shadow:0 3px 10px #0759854d}#mobile-buttons{position:fixed;bottom:34px;right:16px;z-index:25;display:none;flex-direction:column;gap:12px}#mobile-buttons button{width:72px;height:72px;border-radius:50%;font-size:.78rem;font-weight:800;background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.touch #joystick{display:block;bottom:max(64px,calc(env(safe-area-inset-bottom) + 56px));left:max(16px,env(safe-area-inset-left))}.touch #mobile-buttons{display:flex;bottom:max(60px,calc(env(safe-area-inset-bottom) + 52px));right:max(12px,env(safe-area-inset-right))}.touch #hud-status{width:158px;padding:9px 11px;border-radius:14px}.touch .hud-logo{display:none}.touch .level-chip{font-size:.68rem;padding:2px 9px;margin-bottom:5px}.touch .bar{height:7px}.touch .bar-wrap{margin-bottom:5px}.touch #hud-topright{gap:5px}.touch .balance-chip{padding:5px 11px;font-size:.82rem}.touch .balance-chip img{width:17px;height:17px}.touch .zone-chip{padding:4px 10px;font-size:.7rem}.touch .event-chip{padding:4px 10px;font-size:.68rem}.touch .perf-chips{position:fixed;top:146px;left:max(12px,env(safe-area-inset-left))}.touch .event-chip{position:fixed;top:182px;left:max(12px,env(safe-area-inset-left));right:auto;max-width:52vw}.touch #minimap-wrap{top:94px;bottom:auto;right:max(12px,env(safe-area-inset-right))}.touch #minimap-small{width:108px;height:108px}.touch #minimap-expand{width:24px;height:24px;font-size:.7rem}.touch #hud-actions{top:auto;bottom:max(8px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translate(-50%);flex-direction:row;flex-wrap:nowrap;gap:6px;max-width:100vw;width:max-content;overflow-x:auto;scrollbar-width:none;padding:0 6px;pointer-events:auto}.touch #hud-actions::-webkit-scrollbar{display:none}.touch #hud-actions button{padding:8px 11px;font-size:.7rem;white-space:nowrap}@media (max-width: 480px){.touch #hud-actions{gap:4px}.touch #hud-actions button{padding:8px;font-size:.66rem}.touch #hud-actions button img{display:none}}.touch #mobile-buttons button{width:62px;height:62px;font-size:.7rem}.touch #joystick{width:124px;height:124px}.touch #joystick .knob{width:52px;height:52px}.touch #prompt{bottom:286px;max-width:66vw;padding:10px 18px;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch #chat{display:none}.touch #chat.open{display:flex;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto;top:auto;bottom:calc(env(safe-area-inset-bottom) + 10px);max-height:62vh;max-height:min(62dvh,480px);z-index:60}.touch #chat.open #chat-list{flex:1 1 auto;min-height:0;max-height:none}.touch #chat.open #chat-emotes{padding-bottom:max(6px,env(safe-area-inset-bottom))}.touch #chat.open~#chat-toggle{display:none}#chat-toggle{display:none;position:fixed;z-index:26;bottom:calc(max(64px,env(safe-area-inset-bottom) + 56px) + 132px);left:max(16px,env(safe-area-inset-left));width:46px;height:46px;border-radius:50%;font-size:1.15rem;background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow)}.touch #chat-toggle{display:block}.touch #chat-emotes button{padding:9px 6px;font-size:.86rem}@media (orientation: landscape) and (max-height: 500px){.touch .perf-chips{top:12px;left:176px}.touch .event-chip{top:52px;left:176px;max-width:40vw}.touch #chat-toggle{top:144px;bottom:auto;left:max(16px,env(safe-area-inset-left));width:44px;height:44px}.touch #chat.open{left:176px;bottom:56px;max-height:72vh;z-index:27}.touch #chat-list{max-height:96px}.touch #minimap-wrap{top:90px}.touch #minimap-small{width:64px;height:64px}.touch #mobile-buttons{bottom:max(12px,env(safe-area-inset-bottom));gap:8px}.touch #mobile-buttons button{width:50px;height:50px;font-size:.56rem}.touch #mobile-buttons button img{width:19px;height:19px}.touch #joystick{width:100px;height:100px;bottom:max(48px,calc(env(safe-area-inset-bottom) + 44px))}.touch #joystick .knob{width:44px;height:44px;left:28px;top:28px}.touch #x-link{left:max(12px,env(safe-area-inset-left));right:auto;bottom:max(6px,env(safe-area-inset-bottom))}.touch #prompt{bottom:96px;max-width:50vw}.touch #toasts{top:max(8px,env(safe-area-inset-top))}}.touch .panel{width:100vw;max-width:100vw;inset:auto 0 0;transform:none;border-radius:22px 22px 0 0;max-height:82dvh;padding:16px 14px calc(16px + env(safe-area-inset-bottom))}.touch .panel .close{width:42px;height:42px;top:10px;right:12px}.touch #toasts{top:max(96px,env(safe-area-inset-top));max-width:92vw}#minimap-wrap{position:fixed;right:12px;bottom:84px;z-index:22;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:2px solid var(--glass-border);cursor:pointer;line-height:0}#minimap-small{display:block}#minimap-expand{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;border-radius:8px;font-size:.85rem}#minimap-big-wrap{position:fixed;inset:0;z-index:55;display:flex;align-items:center;justify-content:center;background:#07598559;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#minimap-big-card{background:var(--glass);border:1.5px solid var(--glass-border);border-radius:22px;padding:14px;box-shadow:0 18px 50px #07598559}#minimap-big-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-weight:800;color:var(--deep-sea);letter-spacing:.06em;font-size:.85rem}#minimap-big-head .map-hint{font-weight:500;color:var(--muted);font-size:.74rem;flex:1}#minimap-big{display:block;width:min(78vw,78vh,640px);height:min(78vw,78vh,640px);border-radius:14px;cursor:crosshair}#chat{position:fixed;left:12px;bottom:14px;z-index:24;width:min(330px,64vw);display:flex;flex-direction:column;gap:0;pointer-events:auto;background:linear-gradient(170deg,#0a1a2ae6,#06121eeb);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(34,211,238,.45);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #08142099,0 8px 30px #00000073,0 0 22px #22d3ee2e}#chat-head{display:flex;align-items:center;justify-content:space-between;padding:7px 12px 5px;border-bottom:1px solid rgba(34,211,238,.16)}#chat-title{color:#cdefff;font-weight:800;font-size:.82rem;letter-spacing:.04em;text-shadow:0 0 8px rgba(34,211,238,.4)}#chat-online{color:#7cffb2;font-size:.66rem;font-weight:700}#chat-tabs{display:flex;gap:5px;padding:7px 10px 4px}#chat-tabs button{position:relative;flex:1;padding:5px 4px;font-size:.7rem;font-weight:700;border-radius:8px;background:#ffffff0f;border:1px solid rgba(34,211,238,.18);color:#9fc6d8}#chat-tabs button.active{background:linear-gradient(135deg,var(--ocean),var(--aqua));color:#fff;border-color:transparent;box-shadow:0 0 10px #22d3ee66}.ctab-badge{display:none;position:absolute;top:-5px;right:-4px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:#ef4444;color:#fff;font-size:.58rem;line-height:15px;font-weight:800;box-shadow:0 0 0 2px #0a1a2a}#chat-list{max-height:168px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:8px 10px;font-size:.8rem}.chat-msg{line-height:1.34;word-break:break-word;padding:2px 6px;border-radius:7px}.chat-msg-own{background:#22d3ee1a}.chat-msg-system{background:#ffce4a14}.chat-msg-mention{background:#ffce4a29;box-shadow:inset 2px 0 #ffce4a}.chat-time{color:#6b8aa0;font-size:.64rem;margin-right:5px}.chat-who{color:#5fd0ff;font-weight:800;margin-right:5px}.chat-clickable{cursor:pointer;text-decoration:underline dotted rgba(95,208,255,.5)}.chat-clickable:hover{color:#aef0ff}.chat-staff{color:#ffce4a!important;text-shadow:0 0 8px rgba(255,206,74,.5)}.chat-text{color:#dbeafe}.chat-mention{color:#5fd0ff;font-weight:700}.chat-mention-me{color:#0a1a2a;background:#ffce4a;border-radius:4px;padding:0 3px;font-weight:800}.chat-empty{color:#8fb0c4;font-size:.76rem;font-style:italic;padding:10px 4px;text-align:center}.chat-section{color:#7fa8be;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:8px 2px 3px}.chat-wback{color:#5fd0ff;font-weight:700;font-size:.76rem;cursor:pointer;padding:3px 4px 6px;border-bottom:1px solid rgba(34,211,238,.14);margin-bottom:4px}.chat-thread{display:flex;align-items:center;gap:6px;padding:6px 7px;border-radius:8px;cursor:pointer}.chat-thread:hover{background:#ffffff0f}.chat-thread.unread{background:#22d3ee14}.chat-thread .ct-name{color:#5fd0ff;font-weight:800;font-size:.78rem}.chat-thread .ct-last{color:#9fc6d8;font-size:.72rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread .ct-unread{background:#ef4444;color:#fff;border-radius:999px;min-width:16px;text-align:center;font-size:.62rem;font-weight:800;padding:1px 4px}.chat-friend{display:flex;align-items:center;gap:7px;padding:5px 6px;border-radius:8px}.chat-friend:hover{background:#ffffff0d}.chat-friend .fr-name{color:#dbeafe;font-weight:700;font-size:.8rem;flex:1}.chat-friend .fr-actions{display:flex;gap:4px}.chat-friend .fr-pending{color:#8fb0c4;font-size:.7rem;font-style:italic}.fr-dot{width:9px;height:9px;border-radius:999px;flex:none}.fr-dot.on{background:#7cffb2;box-shadow:0 0 7px #7cffb2}.fr-dot.off{background:#4b5b68}.chat-addfriend{display:flex;gap:5px;margin-bottom:6px}.chat-addfriend input{flex:1;min-width:0;padding:7px 10px;border-radius:8px;border:1px solid rgba(34,211,238,.3);background:#ffffff14;color:#eaf6ff;font-family:inherit;font-size:.78rem}#chat-reply{display:none;align-items:center;justify-content:space-between;gap:8px;padding:5px 11px;font-size:.72rem;color:#cdefff;background:#22d3ee1f;border-top:1px solid rgba(34,211,238,.18)}#chat-reply b{color:#5fd0ff}#chat-reply button{background:transparent;border:none;color:#9fc6d8;cursor:pointer;font-size:.85rem}#chat-input-row{display:flex;gap:6px;padding:7px 10px}#chat-input{flex:1;min-width:0;padding:9px 13px;border-radius:999px;border:1.5px solid rgba(34,211,238,.4);background:#ffffff1a;font-family:inherit;font-size:.85rem;color:#eaf6ff}#chat-input::placeholder{color:#7fa0b4}#chat-input:focus{outline:2px solid var(--aqua)}#chat-emotes{display:flex;gap:6px;padding:0 10px 9px}#chat-emotes button{flex:1;font-size:.86rem;padding:5px 4px;background:#ffffff14;border:1px solid rgba(34,211,238,.2);color:#dbeafe}#chat-quickmenu{position:absolute;z-index:40;left:12px;bottom:70px;min-width:130px;background:#0a1a2af7;border:1.5px solid rgba(34,211,238,.5);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000080,0 0 16px #22d3ee40}#chat-quickmenu .qm-title{padding:7px 12px;color:#5fd0ff;font-weight:800;font-size:.76rem;border-bottom:1px solid rgba(34,211,238,.18)}#chat-quickmenu button{display:block;width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;color:#dbeafe;font-size:.8rem;cursor:pointer}#chat-quickmenu button:hover{background:#22d3ee24}#chat-head #chat-online{margin-left:auto}#chat-close{display:none;margin-left:8px;flex:none;width:26px;height:26px;border-radius:8px;border:1px solid rgba(34,211,238,.3);background:#ffffff0f;color:#9fc6d8;font-size:.82rem;line-height:1;cursor:pointer;align-items:center;justify-content:center}#chat-close:active,#chat-close:hover{background:#ef44444d;color:#fff;border-color:#ef444499}.touch #chat-close{display:inline-flex}.chat-alert-dot{position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 2.5px #0a1a2a,0 0 12px #ef4444d9;animation:chatPulse 1.3s ease-in-out infinite;pointer-events:none}@keyframes chatPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}#buffs{position:fixed;left:max(14px,env(safe-area-inset-left));top:150px;z-index:24;display:none;flex-direction:column;gap:6px;pointer-events:none}.buff{display:flex;align-items:center;gap:8px;padding:5px 11px 5px 8px;border-radius:12px;background:linear-gradient(135deg,#7c4dffeb,#22d3eed1);border:1.5px solid rgba(255,255,255,.55);box-shadow:0 2px 10px #0000004d,0 0 12px #7c4dff66}.buff.ending{animation:buffPulse 1s ease-in-out infinite}@keyframes buffPulse{0%,to{opacity:1}50%{opacity:.55}}.buff-icon{font-size:1.15rem;line-height:1}.buff-meta{display:flex;flex-direction:column;line-height:1.05}.buff-name{font-size:.64rem;font-weight:800;color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.45)}.buff-time{font-size:.78rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.45)}.touch #buffs{top:140px}#consumables{position:fixed;z-index:31;display:flex;gap:10px;pointer-events:auto;right:24px;bottom:344px}.cons-btn{position:relative;width:48px;height:48px;border-radius:14px;padding:0;background:#0a1a2ad1;border:1.5px solid rgba(34,211,238,.45);box-shadow:0 4px 14px #00000059,0 0 12px #22d3ee1f;cursor:pointer;overflow:hidden}.cons-btn img{width:34px;height:34px;display:block;margin:6px auto 0;pointer-events:none}.cons-btn .cons-count{position:absolute;bottom:1px;right:3px;font-size:.66rem;font-weight:800;color:#eaf6ff;text-shadow:0 1px 2px #000,0 0 4px #000}.cons-btn .cons-cd{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#06101ab8;color:#fff;font-weight:800;font-size:.92rem;border-radius:12px}.cons-btn.cooldown{cursor:default}.cons-btn.cooldown .cons-cd{display:flex}.cons-btn.empty{opacity:.4;pointer-events:none;filter:grayscale(.6)}#mount-toggle{display:none;position:fixed;z-index:24;left:50%;transform:translate(-50%);bottom:158px;padding:9px 18px;border-radius:999px;font-weight:800;font-size:.85rem;cursor:pointer;background:#0a1a2ad9;border:1.5px solid rgba(34,211,238,.5);color:#dbeafe;box-shadow:0 4px 14px #0006,0 0 12px #22d3ee2e}#mount-toggle.show{display:inline-flex;align-items:center}#mount-toggle.gold{background:linear-gradient(135deg,var(--ocean),var(--aqua));color:#fff;border-color:transparent}.touch #mount-toggle{display:none!important}.touch #consumables{left:auto;transform:none;top:auto;flex-direction:column;gap:10px;right:max(12px,env(safe-area-inset-right));bottom:calc(max(286px,env(safe-area-inset-bottom) + 278px) + 52px)}.touch .cons-btn{width:46px;height:46px}#onboarding{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;overflow-y:auto;background:radial-gradient(ellipse at 70% 12%,rgba(253,232,170,.55),transparent 50%),linear-gradient(180deg,#7cc8f2,#bfe5f9 55%,#fde8c2)}.ob-card{width:min(480px,94vw);max-height:92vh;overflow-y:auto;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--glass-border);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.ob-card h2{color:var(--deep-sea);letter-spacing:.08em;margin-bottom:4px}.ob-card .sub{color:var(--muted);font-size:.82rem;margin-bottom:14px}.ob-label{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--muted);margin:13px 0 6px}#ob-name{width:100%;padding:11px 14px;border-radius:12px;border:1.5px solid rgba(30,155,255,.4);font-size:1rem;font-family:inherit;background:#ffffffe6}.ob-options{display:flex;gap:8px;flex-wrap:wrap}.ob-opt{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:12px;font-size:.82rem}.ob-opt img{width:30px;height:30px}.ob-opt.active{border-color:var(--ocean);background:#1e9bff2e;box-shadow:0 0 0 2px #1e9bff59}.ob-skin{width:44px;height:44px;border-radius:50%;padding:0}.ob-none{width:30px;text-align:center;color:var(--muted)}.char-top{display:flex;gap:14px;margin-bottom:14px;flex-wrap:wrap}.char-preview{width:190px;height:250px;border-radius:16px;overflow:hidden;flex-shrink:0;background:linear-gradient(180deg,#bfe5f9,#fde8c2);border:1.5px solid var(--glass-border)}.char-preview canvas{display:block}.char-identity{flex:1;min-width:220px}.ci-name{font-size:1.15rem;font-weight:800;color:var(--deep-sea)}.ci-line{font-size:.78rem;color:var(--muted);margin:2px 0 6px}.stats-table{width:100%;border-collapse:collapse;font-size:.78rem;margin-top:6px}.stats-table th{text-align:left;color:var(--muted);font-size:.64rem;letter-spacing:.08em;padding:3px 6px}.stats-table td{padding:3px 6px;border-top:1px solid rgba(7,89,133,.08);font-weight:600}.stat-eq{color:var(--ok)}.stat-total{color:var(--deep-sea);font-weight:800}.slot-bonus{font-size:.62rem;color:var(--ok);font-weight:700;margin-top:2px}.slot-card.reserved{border-style:dashed;opacity:.72}.inv-tabs{margin-bottom:11px}.inv-tabs button{padding:5px 11px;font-size:.74rem}.cons-btn.pinned{box-shadow:0 0 0 2px var(--gold, #f59e0b) inset,var(--shadow)}.gear-tier-sec{margin-bottom:16px}.gear-tier-h{display:flex;align-items:center;gap:9px;margin:14px 0 9px;padding:5px 12px;border-radius:10px;color:#fff!important;background:linear-gradient(135deg,var(--tc, #475569),color-mix(in srgb,var(--tc, #475569) 55%,#0b1220));border-left:4px solid color-mix(in srgb,var(--tc, #475569) 70%,#fff);font-size:.92rem;letter-spacing:.06em}.gear-card{cursor:pointer;transition:transform .08s ease,box-shadow .12s ease}.gear-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0759852e}.gear-card.sel{outline:2px solid var(--ocean, #1e9bff);outline-offset:-2px}.gear-card .slot-chip{display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.05em;background:#0759851f;color:var(--deep-sea, #075985);padding:1px 7px;border-radius:999px;margin-right:5px}.gear-buy{display:inline-flex;align-items:center;gap:6px}.gear-badge{display:inline-block;font-size:.58rem;font-weight:800;padding:1px 7px;border-radius:999px;margin-left:5px;letter-spacing:.03em}.gear-badge.eq{background:#16a34a;color:#fff}.gear-badge.owned{background:#07598524;color:var(--deep-sea, #075985)}.gear-badge.src{background:#64748b29;color:#475569}.gear-badge.rar{background:#0000000f;color:var(--ink);margin-left:0}.gear-detail{position:relative;margin:4px 0 16px;padding:14px;border-radius:16px;background:#ffffffe6;border:1.5px solid rgba(7,89,133,.18);box-shadow:0 8px 26px #0759852e}.gear-detail.r4{border-color:#a855f7}.gear-detail.r5{border-color:#f59e0b}.gear-detail-close{position:absolute;top:8px;right:10px;border:none;background:transparent;font-size:1.4rem;line-height:1;color:var(--muted);cursor:pointer}.gd-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.gd-head .icon{width:56px;height:56px;border-radius:12px}.gd-name{font-size:1.05rem;font-weight:800;color:var(--deep-sea)}.gd-table{width:100%;border-collapse:collapse;font-size:.8rem}.gd-table td{padding:3px 0;vertical-align:top}.gd-table td:first-child{color:var(--muted);font-weight:700;width:92px;white-space:nowrap}.gd-desc{margin:9px 0;font-size:.8rem;color:var(--ink);font-style:italic;opacity:.85}.gd-action{display:flex}@media (max-width: 760px){.gear-tier-h{font-size:.82rem}.gd-head .icon{width:48px;height:48px}}.tier-badge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:.6rem;font-weight:800;letter-spacing:.04em;color:#fff;background:var(--tc, #9CA3AF)}.glow-t4{box-shadow:0 0 12px #a855f78c;animation:glowPulse4 2.2s ease-in-out infinite}.glow-t5{box-shadow:0 0 16px #f59e0ba6;animation:glowPulse5 1.6s ease-in-out infinite}.glow-t6{box-shadow:0 0 22px #ef4444bf;animation:glowPulse6 1s ease-in-out infinite}@keyframes glowPulse4{50%{box-shadow:0 0 22px #a855f7d9}}@keyframes glowPulse5{50%{box-shadow:0 0 30px #f59e0bf2}}@keyframes glowPulse6{50%{box-shadow:0 0 38px #ef4444}}#debug{position:fixed;bottom:8px;left:8px;z-index:70;display:none;background:#ffffffeb;border:1.5px solid rgba(30,155,255,.4);border-radius:12px;font-family:monospace;font-size:.72rem;padding:9px 13px;white-space:pre;color:var(--deep-sea);box-shadow:var(--shadow)}@media (max-width: 640px){:root{font-size:14px}#hud-status{width:196px;padding:10px}.hud-logo{width:116px}.panel{padding:15px;border-radius:18px}#hud-actions{bottom:130px;right:12px;flex-direction:column}.slot-grid{grid-template-columns:repeat(2,1fr)}}