:root{--pt-color-bg: #070c12;--pt-color-surface: #0f1621;--pt-color-surface-alt: #14202d;--pt-color-surface-hover: #1a2a3a;--pt-color-text: #f8fbff;--pt-color-text-muted: #9fb0c6;--pt-color-border: #253448;--pt-color-accent: #2ff59a;--pt-color-accent-strong: #12d986;--pt-color-accent-soft: #0d2e22;--pt-color-accent-contrast: #04160f;--pt-color-danger: #ff5563;--pt-color-success: #3dff95;--pt-color-warning: #ffc04a;--pt-color-hud-surface: rgba(8, 12, 18, .92);--pt-color-hud-surface-strong: rgba(13, 19, 28, .96);--pt-color-hud-stroke: rgba(79, 252, 180, .35);--pt-color-hud-stroke-strong: rgba(79, 252, 180, .6);--pt-color-hud-glow: rgba(46, 255, 176, .28);--pt-color-feed-surface: rgba(10, 16, 24, .92);--pt-color-feed-row: rgba(255, 255, 255, .06);--pt-color-feed-border: rgba(255, 255, 255, .12);--pt-color-feed-muted: rgba(248, 251, 255, .66);--pt-font-heading: "Rajdhani", "Trebuchet MS", "Segoe UI", sans-serif;--pt-font-body: "Rubik", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--pt-font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--pt-font-size-xs: 12px;--pt-font-size-sm: 14px;--pt-font-size-md: 16px;--pt-font-size-lg: 18px;--pt-font-size-xl: 22px;--pt-font-size-2xl: 26px;--pt-line-height-tight: 1.2;--pt-line-height-base: 1.5;--pt-letter-spacing-tight: -.01em;--pt-space-1: 4px;--pt-space-2: 8px;--pt-space-3: 12px;--pt-space-4: 16px;--pt-space-5: 20px;--pt-space-6: 24px;--pt-space-7: 32px;--pt-space-8: 40px;--pt-radius-xs: 8px;--pt-radius-sm: 12px;--pt-radius-md: 16px;--pt-radius-lg: 20px;--pt-radius-xl: 28px;--pt-radius-pill: 999px;--pt-elevation-1: 0 10px 18px rgba(2, 6, 13, .55), 0 0 12px rgba(46, 255, 176, .12);--pt-elevation-2: 0 16px 30px rgba(2, 6, 13, .62), 0 0 20px rgba(46, 255, 176, .18);--pt-elevation-3: 0 28px 60px rgba(2, 6, 13, .7), 0 0 32px rgba(46, 255, 176, .22);--pt-shadow-hud: 0 16px 28px rgba(2, 6, 13, .7), 0 0 26px rgba(46, 255, 176, .24);--pt-control-height-sm: 32px;--pt-control-height: 40px;--pt-control-height-lg: 44px;--pt-gradient-surface: linear-gradient( 180deg, rgba(47, 245, 154, .16), rgba(7, 12, 18, 0) );--pt-gradient-map: radial-gradient( circle at 12% 0%, rgba(47, 245, 154, .24), rgba(7, 12, 18, 0) 55% ), radial-gradient(circle at 85% 15%, rgba(72, 176, 255, .18), rgba(7, 12, 18, 0) 52%), linear-gradient(180deg, rgba(7, 12, 18, .9), rgba(7, 12, 18, .4));--pt-gradient-hud: linear-gradient( 140deg, rgba(22, 32, 47, .98), rgba(8, 12, 18, .92) )}@media(prefers-color-scheme:dark){:root{--pt-color-bg: #05080d;--pt-color-surface: #0b121b;--pt-color-surface-alt: #101a27;--pt-color-surface-hover: #162536;--pt-color-text: #f3f7ff;--pt-color-text-muted: #98adc4;--pt-color-border: #1f3148;--pt-color-accent: #39ffb0;--pt-color-accent-strong: #17e08f;--pt-color-accent-soft: #0b2d22;--pt-color-accent-contrast: #02120c;--pt-color-danger: #ff6b74;--pt-color-success: #48ffa3;--pt-color-warning: #ffc95b;--pt-color-hud-surface: rgba(6, 10, 16, .94);--pt-color-hud-surface-strong: rgba(9, 14, 22, .98);--pt-color-hud-stroke: rgba(86, 255, 194, .4);--pt-color-hud-stroke-strong: rgba(86, 255, 194, .7);--pt-color-hud-glow: rgba(54, 255, 188, .32);--pt-color-feed-surface: rgba(8, 13, 20, .94);--pt-color-feed-row: rgba(255, 255, 255, .065);--pt-color-feed-border: rgba(255, 255, 255, .14);--pt-color-feed-muted: rgba(243, 247, 255, .68);--pt-elevation-1: 0 12px 20px rgba(0, 0, 0, .6), 0 0 14px rgba(54, 255, 188, .14);--pt-elevation-2: 0 18px 36px rgba(0, 0, 0, .68), 0 0 24px rgba(54, 255, 188, .2);--pt-elevation-3: 0 30px 64px rgba(0, 0, 0, .78), 0 0 36px rgba(54, 255, 188, .26);--pt-shadow-hud: 0 18px 34px rgba(0, 0, 0, .75), 0 0 30px rgba(54, 255, 188, .26);--pt-gradient-surface: linear-gradient( 180deg, rgba(57, 255, 176, .18), rgba(5, 8, 13, 0) );--pt-gradient-map: radial-gradient( circle at 12% 0%, rgba(57, 255, 176, .3), rgba(5, 8, 13, 0) 62% ), radial-gradient(circle at 85% 15%, rgba(72, 176, 255, .22), rgba(5, 8, 13, 0) 56%), linear-gradient(180deg, rgba(5, 8, 13, .95), rgba(5, 8, 13, .45));--pt-gradient-hud: linear-gradient( 140deg, rgba(18, 28, 42, .98), rgba(6, 10, 16, .94) )}}:root{font-family:var( --pt-font-body, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif );line-height:var(--pt-line-height-base, 1.5);font-weight:400;color:var(--pt-color-text, #111827);background-color:var(--pt-color-bg, #f6f7f9);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--pt-color-bg, #f6f7f9);color:var(--pt-color-text, #111827)}#root{min-height:100vh}a{color:var(--pt-color-accent, #4f46e5)}h1,h2,h3,h4,h5,h6{font-family:var( --pt-font-heading, var( --pt-font-body, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif ) );letter-spacing:var(--pt-letter-spacing-tight, -.01em)}button,input,select,textarea{font-family:inherit}.app{--pt-bottom-nav-height: 84px;--pt-safe-area-top: env(safe-area-inset-top, 0px);--pt-safe-area-bottom: env(safe-area-inset-bottom, 0px);min-height:100vh;display:flex;flex-direction:column;background:var(--pt-color-bg, #f6f7f9)}.appShell{flex:1;display:flex;flex-direction:column;min-height:100vh}.statusBar{position:sticky;top:0;z-index:20;background:var(--pt-color-surface, #ffffff);background-image:var(--pt-gradient-surface, none);border-bottom:1px solid var(--pt-color-border, #e5e7eb);padding:calc(var(--pt-space-3, 12px) + var(--pt-safe-area-top)) var(--pt-space-4, 16px) var(--pt-space-3, 12px);box-shadow:var(--pt-elevation-1, 0 6px 14px rgba(15, 23, 42, .08))}.statusItems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pt-space-3, 12px)}.statusItem{min-width:0;display:flex;flex-direction:column;gap:4px}.statusLabel{color:var(--pt-color-text-muted, #4b5563);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.statusValue{font-size:var(--pt-font-size-md, 16px);font-weight:700;color:var(--pt-color-text, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusError{margin-top:var(--pt-space-2, 8px);color:var(--pt-color-danger, #b00020);font-size:var(--pt-font-size-xs, 12px)}.statusActions{margin-top:var(--pt-space-2, 8px);display:flex;justify-content:flex-end}.appMain{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:var(--pt-space-5, 20px) var(--pt-space-4, 16px) calc(var(--pt-space-7, 32px) + var(--pt-bottom-nav-height) + var(--pt-safe-area-bottom))}.appMainMap{max-width:none;margin:0;padding:0}.appMap{background:var(--pt-color-bg, #070c12);overflow:hidden}.authPage{min-height:100vh;display:grid;place-items:center;padding:var(--pt-space-6, 24px);background:var(--pt-color-bg, #070c12);color:var(--pt-color-text, #f8fbff)}.authShell{width:min(100%,980px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:var(--pt-space-7, 32px)}.authLead{display:flex;flex-direction:column;gap:var(--pt-space-3, 12px)}.authEyebrow{color:var(--pt-color-accent, #1fbf75);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.authTitle{margin:0;font-family:var(--pt-font-heading, "Trebuchet MS", "Segoe UI", sans-serif);font-size:56px;line-height:.95;letter-spacing:0}.authCopy{margin:0;max-width:560px;color:var(--pt-color-text-muted, #9fb0c6);font-size:var(--pt-font-size-lg, 18px);line-height:1.5}.authPanel{width:100%}.authForm,.authField{display:flex;flex-direction:column;gap:var(--pt-space-3, 12px)}.authModeButton{width:100%;margin-top:var(--pt-space-4, 16px)}@media(max-width:760px){.authPage{place-items:start center;padding:var(--pt-space-5, 20px) var(--pt-space-4, 16px)}.authShell{grid-template-columns:minmax(0,1fr);gap:var(--pt-space-5, 20px)}.authTitle{font-size:38px}}.mapScreen{position:relative;width:100%;height:100%;min-height:100vh;overflow:hidden}.pageTitle{font-family:var(--pt-font-heading, "Trebuchet MS", "Segoe UI", sans-serif);font-size:var(--pt-font-size-2xl, 26px);margin:0 0 var(--pt-space-3, 12px);letter-spacing:var(--pt-letter-spacing-tight, -.01em)}.pageHeader{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--pt-space-4, 16px);padding:var(--pt-space-4, 16px);border-radius:var(--pt-radius-lg, 20px);background:var(--pt-gradient-hud, linear-gradient(140deg, #141c2a, #0b1119));border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));box-shadow:var(--pt-shadow-hud, 0 18px 34px rgba(0, 0, 0, .75))}.pageHeaderLead{display:flex;align-items:center;gap:var(--pt-space-3, 12px)}.pageHeaderIcon{width:52px;height:52px;border-radius:var(--pt-radius-md, 16px);background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));display:grid;place-items:center;box-shadow:var(--pt-elevation-1, 0 10px 18px rgba(2, 6, 13, .55))}.pageHeaderIconGlyph{color:var(--pt-color-accent, #1fbf75)}.pageHeaderText{display:flex;flex-direction:column;gap:4px}.pageHeaderEyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:var(--pt-color-text-muted, #6b7280)}.pageHeaderTitleRow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pt-space-2, 8px)}.pageHeaderTitle{margin:0;font-family:var(--pt-font-heading, "Trebuchet MS", "Segoe UI", sans-serif);font-size:var(--pt-font-size-2xl, 26px);letter-spacing:var(--pt-letter-spacing-tight, -.01em)}.pageHeaderSub{margin:0;color:var(--pt-color-text-muted, #6b7280);max-width:560px}.pageHeaderAction{display:flex;align-items:center;gap:var(--pt-space-2, 8px)}.pageStatusChip{padding:4px 10px;border-radius:var(--pt-radius-pill, 999px);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));color:var(--pt-color-text, #f8fbff)}.pageStatusChip-neutral{color:var(--pt-color-text-muted, #9fb0c6)}.pageStatusChip-accent{background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 18%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border-color:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 45%,transparent);color:var(--pt-color-accent, #1fbf75)}.pageStatusChip-success{background:color-mix(in srgb,var(--pt-color-success, #3dff95) 18%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border-color:color-mix(in srgb,var(--pt-color-success, #3dff95) 45%,transparent);color:var(--pt-color-success, #3dff95)}.pageStatusChip-warning{background:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 18%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border-color:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 45%,transparent);color:var(--pt-color-warning, #ffc04a)}.pageStatusChip-danger{background:color-mix(in srgb,var(--pt-color-danger, #ff5563) 18%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border-color:color-mix(in srgb,var(--pt-color-danger, #ff5563) 45%,transparent);color:var(--pt-color-danger, #ff5563)}.mapContainer{position:relative;height:420px;width:100%;border-radius:var(--pt-radius-lg, 20px);border:1px solid var(--pt-color-border, #e5e7eb);background:var(--pt-gradient-map, linear-gradient(180deg, #f1f6f1, #ffffff));overflow:hidden}.mapContainerFull{height:100%;min-height:100vh;border-radius:0;border:none;background:var(--pt-color-bg, #070c12)}.mapCanvas{height:100%;width:100%}.mapContainerFull .mapCanvas{position:absolute;inset:0}.playerAvatarMarker{width:44px;height:56px;position:relative;pointer-events:none;z-index:10}.playerAvatarHeading{position:absolute;left:50%;bottom:44px;width:18px;height:18px;transform:translate(-50%) rotate(var(--pt-heading-rotation, 0deg));transform-origin:50% 85%;opacity:0;transition:opacity .15s ease}.playerAvatarHeading[data-visible=true]{opacity:1}.playerAvatarHeading:before{content:"";position:absolute;left:50%;top:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid rgba(59,130,246,.92);transform:translate(-50%)}.playerAvatarHeading:after{content:"";position:absolute;left:50%;bottom:0;width:6px;height:6px;border-radius:999px;background:#ffffffeb;border:2px solid rgba(59,130,246,.92);transform:translate(-50%)}.playerAvatarPulse{position:absolute;left:50%;bottom:6px;width:24px;height:24px;transform:translate(-50%)}.playerAvatarPulse:before{content:"";position:absolute;inset:0;border-radius:999px;background:#3b82f647;animation:playerAvatarPulse 1.8s ease-out infinite}.playerAvatarBob{position:absolute;left:50%;bottom:10px;transform:translate(-50%)}.playerAvatar{width:34px;height:34px;border-radius:999px;background:radial-gradient(circle at 30% 25%,#fffffff5,#3b82f6e6 70%,#2563eb);border:2px solid rgba(255,255,255,.92);box-shadow:0 10px 18px #00000059;animation:playerAvatarBob 2.4s ease-in-out infinite}@keyframes playerAvatarBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes playerAvatarPulse{0%{transform:scale(.75);opacity:.45}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.playerAvatarPulse:before,.playerAvatar{animation:none!important}}.mapFallback{height:100%;width:100%;display:grid;place-items:center;text-align:center;gap:var(--pt-space-2, 8px);padding:var(--pt-space-4, 16px);color:var(--pt-color-text, #f8fbff)}.mapFallbackPanel{max-width:min(520px,90%);padding:var(--pt-space-4, 16px);border-radius:var(--pt-radius-lg, 20px);background:var(--pt-gradient-hud, linear-gradient(140deg, #141c2a, #0b1119));border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));box-shadow:var(--pt-shadow-hud, 0 18px 34px rgba(0, 0, 0, .75));display:grid;gap:var(--pt-space-2, 8px)}.mapFallbackHeader{display:inline-flex;align-items:center;justify-content:center;gap:var(--pt-space-2, 8px)}.mapFallbackIcon{color:var(--pt-color-warning, #ffc04a)}.mapFallbackTitle{font-weight:700;color:var(--pt-color-text, #f8fbff)}.mapFallbackText{font-size:var(--pt-font-size-sm, 14px);color:var(--pt-color-text-muted, #9fb0c6)}.mapOverlay{position:absolute;left:var(--pt-space-3, 12px);right:var(--pt-space-3, 12px);bottom:var(--pt-space-3, 12px);background:var(--pt-color-hud-surface-strong, rgba(13, 19, 28, .96));border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));border-radius:var(--pt-radius-md, 16px);padding:var(--pt-space-2, 8px) var(--pt-space-3, 12px);font-size:var(--pt-font-size-xs, 12px);color:#ffffffe6;box-shadow:var(--pt-shadow-hud, 0 12px 26px rgba(2, 6, 13, .55));display:flex;align-items:center;justify-content:center}.mapOverlayError{border-color:color-mix(in srgb,var(--pt-color-danger, #ff5563) 55%,transparent);color:#ffd6d1}.mapOverlayContent{display:inline-flex;align-items:center;gap:var(--pt-space-2, 8px)}.mapOverlayIcon{color:var(--pt-color-warning, #ffc04a)}.mapOverlayError .mapOverlayIcon{color:var(--pt-color-danger, #ff5563)}.mapDevDebug{position:absolute;top:var(--pt-space-3, 12px);right:var(--pt-space-3, 12px);z-index:30;width:190px;padding:10px 12px;border-radius:var(--pt-radius-md, 16px);background:#0d131ceb;border:1px solid rgba(255,255,255,.12);color:#ffffffe6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;line-height:1.3;pointer-events:none}.mapDevDebugTitle{font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;color:#ffffffb3}.mapDevDebugRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0}.mapDevDebugLabel{color:#9fb0c6e6;white-space:nowrap}.mapDevDebugValue{color:#ffffffeb;white-space:nowrap;font-weight:700}.mapDataSkeleton{position:absolute;top:var(--pt-space-3, 12px);left:var(--pt-space-3, 12px);padding:var(--pt-space-3, 12px);border-radius:var(--pt-radius-md, 16px);background:#0c1016e0;border:1px solid rgba(255,255,255,.08);box-shadow:var(--pt-elevation-2, 0 12px 26px rgba(15, 23, 42, .12));display:flex;flex-direction:column;gap:var(--pt-space-2, 8px);pointer-events:none}.mapDataSkeletonGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mapDataSkeletonCell{width:28px;height:28px;border-radius:8px;display:block}.mapDataSkeletonLine{width:160px}.mapPermissionGate{position:absolute;inset:0;z-index:25;display:grid;place-items:center;padding:var(--pt-space-4, 16px);background:#04080cb8;color:var(--pt-color-text, #f8fbff)}.mapPermissionGatePanel{width:min(540px,100%);padding:var(--pt-space-4, 16px);border-radius:var(--pt-radius-lg, 20px);background:var(--pt-gradient-hud, linear-gradient(140deg, #141c2a, #0b1119));border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));box-shadow:var(--pt-shadow-hud, 0 18px 34px rgba(0, 0, 0, .75));display:grid;gap:var(--pt-space-3, 12px)}.mapPermissionGateHeader{display:flex;align-items:center;gap:var(--pt-space-2, 8px)}.mapPermissionGateTitleRow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pt-space-2, 8px)}.mapPermissionGateIcon{color:var(--pt-color-warning, #ffc04a)}.mapPermissionGateTitle{font-weight:800;letter-spacing:var(--pt-letter-spacing-tight, -.01em)}.mapPermissionGateBody{display:grid;gap:var(--pt-space-2, 8px)}.mapPermissionGateText{font-size:var(--pt-font-size-sm, 14px);color:#ffffffeb}.mapPermissionGateHint{font-size:var(--pt-font-size-xs, 12px);color:var(--pt-color-text-muted, #9fb0c6);line-height:1.4}.mapPermissionGateActions{display:flex;justify-content:flex-end}.mapPermissionGateLoading{width:200px}.locationStatusPill{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#facc152e;color:#fde68a}.locationStatusPill[data-state=Following]{background:#1fbf752e;border-color:#1fbf7557;color:#b6f3d3}.locationStatusPill[data-state=Lost]{background:#f871712e;border-color:#f8717157;color:#fecaca}.hudLayer{position:absolute;inset:0;z-index:15;pointer-events:none}.hudPanel{pointer-events:auto;animation:hudPanelEnter .35s ease both}@keyframes hudPanelEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hudTop{position:absolute;top:calc(var(--pt-safe-area-top) + var(--pt-space-3, 12px));left:var(--pt-space-3, 12px);right:var(--pt-space-3, 12px);display:flex;flex-direction:column;gap:var(--pt-space-2, 8px)}.hudStatsPanel{padding:var(--pt-space-3, 12px)}.hudStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--pt-space-2, 8px)}.hudAlert{padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.3;background:var(--pt-color-hud-surface-strong, rgba(13, 19, 28, .96));border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));color:#ffffffe0;box-shadow:var(--pt-elevation-1, 0 10px 18px rgba(2, 6, 13, .55));pointer-events:auto}.hudAlertError{border-color:color-mix(in srgb,var(--pt-color-danger, #ff5563) 55%,transparent);color:#ffd6d1}.hudFeed{position:absolute;left:var(--pt-space-3, 12px);width:min(292px,78vw);pointer-events:auto}.gamePanel.feedPanel{gap:8px;padding:8px;border-radius:8px;background:var(--pt-color-feed-surface, rgba(10, 16, 24, .92));border-color:var(--pt-color-feed-border, rgba(255, 255, 255, .12));box-shadow:var(--pt-elevation-1, 0 10px 18px rgba(2, 6, 13, .55));color:var(--pt-color-text, #f8fafc);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.feedPanel .gamePanelHeader{align-items:flex-start;gap:8px}.feedPanel .gamePanelTitleStack{gap:0}.feedPanel .gamePanelEyebrow{letter-spacing:0;font-size:12px;font-weight:700;line-height:1.2;color:var(--pt-color-feed-muted, rgba(248, 251, 255, .66))}.feedPanel .gamePanelTitle{color:var(--pt-color-text, #f8fafc);font-size:16px;line-height:1.2}.feedPanel .gamePanelBody{gap:6px}.feedHeaderActions{display:inline-flex;align-items:center;gap:6px}.feedToggleButton{min-height:28px;padding:0 8px;border-radius:8px;text-transform:none;letter-spacing:0;font-size:12px}.feedStatus{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;border:1px solid color-mix(in srgb,var(--pt-color-success, #3dff95) 38%,transparent);background:color-mix(in srgb,var(--pt-color-success, #3dff95) 14%,transparent);color:var(--pt-color-success, #3dff95);font-size:12px;font-weight:700;letter-spacing:0;line-height:1.2;text-transform:none;white-space:nowrap}.feedStatusDot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.feedStatus[data-state=connecting],.feedStatusRow[data-state=connecting]{border-color:#facc1552;background:#facc151f;color:#fde68a}.feedStatus[data-state=disconnected],.feedStatusRow[data-state=disconnected]{border-color:#f8717157;background:#f871711f;color:#fecaca}.feedList{max-height:150px;overflow:auto;padding:0;display:flex;flex-direction:column;gap:6px;scrollbar-color:rgba(79,252,180,.34) rgba(255,255,255,.06);scrollbar-width:thin}.feedList::-webkit-scrollbar{width:6px}.feedList::-webkit-scrollbar-track{background:var(--pt-color-feed-row, rgba(255, 255, 255, .06));border-radius:8px}.feedList::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 40%,transparent);border-radius:8px}.feedStatusRow,.feedEmpty,.feedItemRow{border:1px solid var(--pt-color-feed-border, rgba(255, 255, 255, .12));border-radius:8px;background:var(--pt-color-feed-row, rgba(255, 255, 255, .06));padding:8px}.feedStatusRow{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;line-height:1.2}.feedItem{font-size:14px;color:var(--pt-color-text, #f8fafc)}.feedItemRow{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;animation:feedItemReveal .3s ease both}.feedItemMain{display:flex;flex-direction:column;gap:2px;min-width:0}.feedItemLine{overflow-wrap:anywhere;color:var(--pt-color-text, #f8fafc);line-height:1.5}.feedItemLocation{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--pt-color-feed-muted, rgba(248, 251, 255, .66))}.feedItemFlag{font-size:12px}.feedItemTime{flex:0 0 auto;font-size:12px;color:var(--pt-color-feed-muted, rgba(248, 251, 255, .66));white-space:nowrap}.feedItemMuted{color:var(--pt-color-feed-muted, rgba(248, 251, 255, .66))}.feedEmpty{display:flex;flex-direction:column;gap:3px}.feedEmptyTitle{color:var(--pt-color-text, #f8fafc);font-size:14px;font-weight:700}.feedEmptyText{color:var(--pt-color-feed-muted, rgba(248, 251, 255, .66));font-size:12px;line-height:1.3}@keyframes feedItemReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feedCollapsed{font-size:12px;line-height:1.2;color:var(--pt-color-feed-muted, rgba(248, 251, 255, .66))}.hudControls{position:absolute;right:var(--pt-space-3, 12px);width:min(230px,70vw);display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:auto}.hudControlsPanel{width:100%}.compassControl{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));box-shadow:var(--pt-elevation-1, 0 10px 18px rgba(2, 6, 13, .55));cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.compassControl:hover{border-color:var(--pt-color-hud-stroke-strong, rgba(79, 252, 180, .6));box-shadow:0 12px 22px #02060d99}.compassControl:active{transform:translateY(1px)}.compassControl:disabled{opacity:.6;cursor:not-allowed;transform:none}.compassControlNeedle{width:18px;height:18px;position:relative;display:block;transform:rotate(var(--pt-compass-rotation, 0deg))}.compassControlNeedle:before{content:"";position:absolute;left:50%;top:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid rgba(255,255,255,.92);transform:translate(-50%)}.compassControlNeedle[data-north=false]:before{border-bottom-color:var(--pt-color-accent, #1fbf75)}.compassControlNeedle:after{content:"";position:absolute;left:50%;bottom:0;width:6px;height:6px;border-radius:999px;background:#ffffffeb;border:2px solid rgba(255,255,255,.82);transform:translate(-50%)}.hudControlGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pt-space-2, 8px)}.hudControlStatusRow{display:flex;align-items:center;justify-content:space-between;gap:var(--pt-space-2, 8px);padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.hudControlStatusLabel{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffa8}.hudControlMeta{font-size:11px;color:#ffffffa6;text-align:right}.hudControlHint{font-size:11px;color:#ffffff8c;text-align:right}.hudBottom{position:absolute;left:var(--pt-space-3, 12px);right:var(--pt-space-3, 12px);bottom:calc(var(--pt-bottom-nav-height, 72px) + var(--pt-safe-area-bottom) + var(--pt-space-4, 16px));display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--pt-space-3, 12px);align-items:stretch;pointer-events:auto}.selectionPanel{padding:var(--pt-space-3, 12px)}.selectionStatusPill{padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--pt-color-text, #f8fafc);background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.selectionStatusPill[data-state=Owned]{background:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 22%,transparent);border-color:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 45%,transparent);color:#ffe8b5}.selectionStatusPill[data-state=Unowned]{background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 22%,transparent);border-color:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 45%,transparent);color:#b5ffd7}.selectionStatusPill[data-state=Error]{background:color-mix(in srgb,var(--pt-color-danger, #ff5563) 22%,transparent);border-color:color-mix(in srgb,var(--pt-color-danger, #ff5563) 45%,transparent);color:#ffd2d7}.selectionStatusPill[data-state=Loading]{background:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 18%,transparent);border-color:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 40%,transparent);color:#ffe8b5}.selectionStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--pt-space-2, 8px)}.selectionHint{font-size:12px;color:#ffffffb3}.selectionNotice{padding:8px 10px;border-radius:12px;font-size:12px;line-height:1.3;border:1px solid transparent;background:#ffffff0f}.selectionNoticeError{border-color:color-mix(in srgb,var(--pt-color-danger, #ff5563) 55%,transparent);color:#ffd2d7;background:color-mix(in srgb,var(--pt-color-danger, #ff5563) 12%,transparent)}.selectionNoticeSuccess{border-color:color-mix(in srgb,var(--pt-color-success, #3dff95) 45%,transparent);color:#baffd7;background:color-mix(in srgb,var(--pt-color-success, #3dff95) 12%,transparent)}.selectionNoticeWarning{border-color:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 50%,transparent);color:#ffe8b5;background:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 12%,transparent)}.ctaPanel{padding:var(--pt-space-3, 12px);display:flex;flex-direction:column;justify-content:center;gap:var(--pt-space-2, 8px)}.ctaPanelReady{box-shadow:var(--pt-elevation-3, 0 28px 60px rgba(2, 6, 13, .7))}.hudCtaButton{width:100%;min-height:64px;justify-content:center;text-align:center;font-size:18px}.hudCtaButtonReady{box-shadow:0 26px 54px #2effb059,0 0 24px #2effb059;animation:ctaPulse 2.6s ease-in-out infinite}@keyframes ctaPulse{0%,to{box-shadow:0 24px 50px #2effb04d,0 0 18px #2effb047}50%{box-shadow:0 30px 68px #2effb073,0 0 30px #2effb073}}@media(max-width:900px){.hudBottom{grid-template-columns:1fr}.hudControls{width:min(180px,70vw)}}@media(max-width:640px){.hudTop{top:calc(var(--pt-safe-area-top) + var(--pt-space-2, 8px));left:var(--pt-space-2, 8px);right:var(--pt-space-2, 8px);gap:var(--pt-space-2, 8px)}.hudStatsPanel,.hudControlsPanel,.selectionPanel,.ctaPanel{padding:var(--pt-space-2, 8px)}.hudStatsPanel .gamePanelHeader,.hudControlsPanel .gamePanelHeader,.selectionPanel .gamePanelHeader,.ctaPanel .gamePanelHeader{display:none}.hudStatsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pt-space-1, 4px)}.hudStatsGrid .statChip{width:100%;min-height:44px;padding:6px var(--pt-space-2, 8px);gap:6px}.hudStatsGrid .statChipIcon{display:none}.hudStatsGrid .statChipValue{font-size:var(--pt-font-size-sm, 14px)}.hudFeed{left:var(--pt-space-2, 8px);width:min(184px,calc(50vw - 12px))}.hudFeed[data-collapsed=true]{width:min(176px,calc(50vw - 12px))}.feedPanel .gamePanelHeader{align-items:stretch;gap:var(--pt-space-2, 8px)}.feedHeaderActions{justify-content:space-between}.feedToggleButton{padding:0 var(--pt-space-2, 8px)}.feedToggleButton .iconButtonLabel{display:none}.feedList{max-height:96px}.hudControls{right:var(--pt-space-2, 8px);width:min(176px,calc(50vw - 4px));gap:6px}.compassControl{width:34px;height:34px}.hudControlsPanel .gamePanelBody{gap:6px}.hudControls .iconButton{min-height:32px;padding:0 var(--pt-space-2, 8px)}.hudControls .iconButtonLabel{font-size:12px;letter-spacing:0;text-transform:none}.hudControlGrid{gap:6px}.hudControlStatusRow{padding-bottom:0;margin-bottom:0;border-bottom:0}.hudControlStatusLabel,.hudControlMeta{display:none}.hudBottom{left:var(--pt-space-2, 8px);right:var(--pt-space-2, 8px);bottom:calc(var(--pt-bottom-nav-height, 72px) + var(--pt-safe-area-bottom) + var(--pt-space-2, 8px));gap:var(--pt-space-2, 8px)}.selectionStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pt-space-1, 4px)}.hudCtaButton{min-height:52px;font-size:var(--pt-font-size-md, 16px)}}.card{border:1px solid var(--pt-color-border, #e5e7eb);border-radius:var(--pt-radius-lg, 20px);background:var(--pt-color-surface, #ffffff);padding:var(--pt-space-4, 16px);display:flex;flex-direction:column;gap:var(--pt-space-3, 12px);box-shadow:var(--pt-elevation-1, 0 6px 14px rgba(15, 23, 42, .08))}.skeleton{position:relative;overflow:hidden;display:inline-block;background:color-mix(in srgb,var(--pt-color-border, #e5e7eb) 70%,transparent);border-radius:var(--pt-radius-md, 16px)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:skeletonShimmer 1.2s ease-in-out infinite}.skeletonLine{height:12px;border-radius:999px}.skeletonLineSm{width:72px}.skeletonLineMd{width:120px}.skeletonLineLg{width:168px}.skeletonTitle{height:18px;width:150px;border-radius:999px}.skeletonPill{height:24px;width:132px;border-radius:999px}.skeletonButton{height:var(--pt-control-height-lg, 44px);width:140px;border-radius:var(--pt-radius-pill, 999px)}.toastRegion{position:fixed;left:0;right:0;bottom:calc(var(--pt-bottom-nav-height) + var(--pt-space-4, 16px) + var(--pt-safe-area-bottom));z-index:40;display:flex;justify-content:center;padding:0 var(--pt-space-4, 16px);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--pt-space-2, 8px);background:var(--pt-color-surface, #ffffff);border:1px solid var(--pt-color-border, #e5e7eb);border-radius:var(--pt-radius-lg, 20px);padding:var(--pt-space-2, 8px) var(--pt-space-3, 12px);box-shadow:var(--pt-elevation-3, 0 18px 60px rgba(0, 0, 0, .25));font-size:var(--pt-font-size-sm, 14px);max-width:min(560px,100%);animation:toastSlideIn .22s ease}.toastMessage{flex:1}.toastClose{border:0;background:transparent;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:inherit}.toastError{border-color:color-mix(in srgb,var(--pt-color-danger, #b00020) 40%,var(--pt-color-border, #e5e7eb));background:color-mix(in srgb,var(--pt-color-danger, #b00020) 8%,var(--pt-color-surface, #ffffff));color:var(--pt-color-danger, #b00020)}.toastInfo{border-color:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 30%,var(--pt-color-border, #e5e7eb));background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 8%,var(--pt-color-surface, #ffffff));color:var(--pt-color-text, #111827)}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.muted{color:var(--pt-color-text-muted, #4b5563)}.mono{font-family:var( --pt-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );font-size:var(--pt-font-size-xs, 12px);word-break:break-word}.cardTitleRow{display:flex;align-items:center;justify-content:space-between;gap:var(--pt-space-3, 12px)}.cardTitle{font-family:var(--pt-font-heading, "Trebuchet MS", "Segoe UI", sans-serif);font-size:var(--pt-font-size-lg, 18px);font-weight:700;letter-spacing:var(--pt-letter-spacing-tight, -.01em)}.rows{display:flex;flex-direction:column;gap:var(--pt-space-2, 8px)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--pt-space-3, 12px)}.label{color:var(--pt-color-text-muted, #4b5563);font-size:var(--pt-font-size-xs, 12px);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.value{font-size:var(--pt-font-size-md, 16px);font-weight:700}.buttonRow{display:flex;flex-wrap:wrap;gap:var(--pt-space-2, 8px)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--pt-control-height, 40px);padding:0 var(--pt-space-4, 16px);border-radius:var(--pt-radius-md, 16px);border:1px solid var(--pt-color-border, #e5e7eb);background:var(--pt-color-surface, #ffffff);color:var(--pt-color-text, #111827);font-size:var(--pt-font-size-sm, 14px);font-weight:700;letter-spacing:.01em;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease,transform .2s ease}.button:hover{background:var(--pt-color-surface-hover, #f3f4f6)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.buttonPrimary{border-color:var(--pt-color-accent, #1fbf75);background:var(--pt-color-accent, #1fbf75);color:var(--pt-color-accent-contrast, #ffffff);min-height:var(--pt-control-height-lg, 44px);box-shadow:0 12px 24px color-mix(in srgb,var(--pt-color-accent, #1fbf75) 30%,transparent)}.buttonPrimary:hover{background:var(--pt-color-accent-strong, #159963)}.buttonSecondary{background:var(--pt-color-surface, #ffffff)}.gameIcon{color:var(--pt-color-accent, #1fbf75);flex-shrink:0}.gameIconFallback{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--pt-radius-xs, 8px);border:1px dashed var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));color:var(--pt-color-text-muted, #6b7280);font-size:12px;font-weight:700;font-family:var(--pt-font-mono, "JetBrains Mono", monospace);background:#0c121a99}.gamePanel{display:flex;flex-direction:column;gap:var(--pt-space-3, 12px);padding:var(--pt-space-4, 16px);border-radius:var(--pt-radius-lg, 20px);background:var(--pt-gradient-hud, linear-gradient(140deg, #141c2a, #0b1119));border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));box-shadow:var(--pt-shadow-hud, 0 18px 34px rgba(0, 0, 0, .75));color:var(--pt-color-text, #111827)}.gamePanelStrong{border-color:var(--pt-color-hud-stroke-strong, rgba(79, 252, 180, .6));box-shadow:var(--pt-elevation-3, 0 30px 64px rgba(0, 0, 0, .78))}.gamePanelHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--pt-space-3, 12px)}.gamePanelTitleStack{display:flex;flex-direction:column;gap:2px}.gamePanelEyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--pt-color-text-muted, #6b7280)}.gamePanelTitle{margin:0;font-family:var(--pt-font-heading, "Trebuchet MS", "Segoe UI", sans-serif);font-size:var(--pt-font-size-lg, 18px);font-weight:700}.gamePanelBody{display:flex;flex-direction:column;gap:var(--pt-space-2, 8px)}.statChip{display:inline-flex;align-items:center;gap:var(--pt-space-2, 8px);padding:6px var(--pt-space-3, 12px);border-radius:var(--pt-radius-xs, 8px);border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));box-shadow:var(--pt-elevation-1, 0 12px 20px rgba(0, 0, 0, .6));color:var(--pt-color-text, #111827);min-width:0}.statChip-sm{padding:4px 10px}.statChipIcon{color:var(--pt-color-accent, #1fbf75)}.statChipText{display:flex;min-width:0;flex-direction:column;gap:2px}.statChipValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pt-font-size-md, 16px);font-weight:700;line-height:1.2}.statChipLabel{font-size:12px;letter-spacing:0;text-transform:uppercase;color:var(--pt-color-text-muted, #6b7280)}.iconButton{display:inline-flex;align-items:center;gap:var(--pt-space-2, 8px);border-radius:var(--pt-radius-md, 16px);border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));color:var(--pt-color-text, #111827);padding:0 var(--pt-space-3, 12px);min-height:var(--pt-control-height, 40px);font-size:var(--pt-font-size-sm, 14px);font-weight:700;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.iconButton:hover{border-color:var(--pt-color-hud-stroke-strong, rgba(79, 252, 180, .6));box-shadow:0 10px 20px #02060d80}.iconButton:active{transform:translateY(1px)}.iconButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.iconButton-sm{min-height:var(--pt-control-height-sm, 32px);font-size:12px}.iconButton-lg{min-height:var(--pt-control-height-lg, 44px);font-size:var(--pt-font-size-md, 16px)}.iconButton-accent{border-color:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 60%,transparent);box-shadow:0 12px 24px #2ff59a33}.iconButton-danger{border-color:color-mix(in srgb,var(--pt-color-danger, #ff5563) 55%,transparent);color:var(--pt-color-danger, #ff5563)}.iconButtonIcon{color:var(--pt-color-accent, #1fbf75)}.iconButtonLabel{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:currentColor}.iconButton-danger .iconButtonIcon{color:var(--pt-color-danger, #ff5563)}.iconButtonEndIcon{display:inline-flex;margin-left:2px}.gameCTAButton{display:inline-flex;align-items:center;justify-content:center;gap:var(--pt-space-2, 8px);min-height:48px;padding:0 var(--pt-space-5, 20px);border-radius:var(--pt-radius-lg, 20px);border:1px solid var(--pt-color-hud-stroke-strong, rgba(79, 252, 180, .6));background:linear-gradient(130deg,var(--pt-color-accent, #1fbf75),var(--pt-color-accent-strong, #159963));color:var(--pt-color-accent-contrast, #04160f);font-family:var(--pt-font-heading, "Trebuchet MS", "Segoe UI", sans-serif);font-size:var(--pt-font-size-md, 16px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--pt-elevation-2, 0 18px 36px rgba(0, 0, 0, .68));cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.gameCTAButton:hover{box-shadow:var(--pt-elevation-3, 0 30px 64px rgba(0, 0, 0, .78))}.gameCTAButton:active{transform:translateY(1px) scale(.98);filter:brightness(1.05);box-shadow:0 16px 32px #0009,0 0 18px #2effb059}.gameCTAButton:disabled{opacity:.7;cursor:not-allowed;transform:none}.gameCTAButtonIcon{color:inherit}.gameCTAButtonText{display:inline-flex;align-items:center}.gameCTAButtonHint{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--pt-color-accent-contrast, #04160f) 60%,transparent)}.gameTabBar{display:flex;gap:var(--pt-space-2, 8px);padding:var(--pt-space-2, 8px);border-radius:var(--pt-radius-xl, 28px);background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));box-shadow:var(--pt-shadow-hud, 0 18px 34px rgba(0, 0, 0, .75));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.gameTabItem{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;border-radius:var(--pt-radius-md, 16px);border:1px solid transparent;background:linear-gradient(180deg,#ffffff0d,#080c1200);text-decoration:none;color:var(--pt-color-text-muted, #9fb0c6);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.gameTabItem:hover{color:var(--pt-color-text, #f8fbff);transform:translateY(-1px);border-color:color-mix(in srgb,var(--pt-color-hud-stroke, rgba(79, 252, 180, .35)) 70%,transparent);box-shadow:0 10px 18px #00000080;background:#1fbf7514}.gameTabItemActive,.gameTabItem[data-active=true]{color:var(--pt-color-text, #f8fbff);background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 18%,rgba(8,12,18,.9));border-color:var(--pt-color-hud-stroke-strong, rgba(79, 252, 180, .6));transform:translateY(-2px);box-shadow:0 14px 22px #0000008c,0 0 16px color-mix(in srgb,var(--pt-color-accent, #1fbf75) 55%,transparent)}.gameTabItemActive:after,.gameTabItem[data-active=true]:after{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;border-radius:0 0 2px 2px;background:var(--pt-color-accent, #2ff59a);box-shadow:0 0 8px var(--pt-color-hud-glow, rgba(46, 255, 176, .28));transition:opacity .2s ease}.gameTabIcon{color:currentColor;transition:color .2s ease,filter .2s ease,transform .2s ease}.gameTabItemActive .gameTabIcon,.gameTabItem[data-active=true] .gameTabIcon{color:var(--pt-color-accent, #1fbf75);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--pt-color-accent, #1fbf75) 65%,transparent))}.gameTabLabel{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;text-align:center}.gameTabBadge{position:absolute;top:6px;right:10px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--pt-radius-pill, 999px);background:var(--pt-color-danger, #ff5563);border:1px solid color-mix(in srgb,var(--pt-color-danger, #ff5563) 70%,#000000);color:var(--pt-color-text, #f8fbff);font-size:10px;font-weight:700;display:grid;place-items:center;box-shadow:0 6px 14px #ff556359}.gameTabBadgeDot{min-width:8px;width:8px;height:8px;padding:0;top:10px;right:12px;border-radius:999px;background:var(--pt-color-danger, #ff5563);border:1px solid color-mix(in srgb,#ff5563 70%,#000000);box-shadow:0 0 10px #ff556399}@media(max-width:560px){.gameTabBar{gap:6px;padding:6px}.gameTabItem{padding:6px;font-size:10px;letter-spacing:.06em}}.hudKitPreview{display:grid;gap:var(--pt-space-5, 20px);padding:var(--pt-space-5, 20px) 0}.hudKitRow{display:flex;flex-wrap:wrap;gap:var(--pt-space-3, 12px);align-items:center}.iconButton:focus-visible,.gameCTAButton:focus-visible,.gameTabItem:focus-visible{outline:2px solid color-mix(in srgb,var(--pt-color-accent, #1fbf75) 50%,transparent);outline-offset:2px}.fieldLabel{color:var(--pt-color-text-muted, #4b5563);font-size:var(--pt-font-size-xs, 12px);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.input{min-height:var(--pt-control-height, 40px);border-radius:var(--pt-radius-md, 16px);border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:#060a10bf;padding:0 var(--pt-space-3, 12px);font-size:var(--pt-font-size-sm, 14px);color:var(--pt-color-text, #f8fbff)}.input:focus{outline:2px solid color-mix(in srgb,var(--pt-color-accent, #1fbf75) 45%,transparent);outline-offset:2px}.input:disabled{opacity:.7}.errorText{color:var(--pt-color-danger, #b00020);font-size:var(--pt-font-size-sm, 14px)}.successText{color:var(--pt-color-success, #2e7d32);font-size:var(--pt-font-size-sm, 14px);font-weight:600}.pendingText{color:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 80%,var(--pt-color-text, #111827));font-weight:700}.verifiedText{color:var(--pt-color-success, #2e7d32);font-weight:700}.statusBox{border-radius:var(--pt-radius-md, 16px);border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:#060a10bf;padding:var(--pt-space-3, 12px);display:flex;flex-direction:column;gap:var(--pt-space-2, 8px)}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;background:linear-gradient(180deg,#fff0,color-mix(in srgb,var(--pt-color-surface, #ffffff) 92%,transparent));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:var(--pt-space-2, 8px) var(--pt-space-4, 16px) calc(var(--pt-space-3, 12px) + var(--pt-safe-area-bottom))}.bottomNavTabs{width:min(720px,100%)}.appMap .bottomNav{background:linear-gradient(180deg,#080c1200,#080c12c7,#080c12eb)}.mapCard{gap:var(--pt-space-4, 16px);background:var(--pt-color-surface-alt, #f1f6f1)}.mapToolbar{display:flex;align-items:center;gap:var(--pt-space-2, 8px)}.gridScroll{overflow:auto;padding:var(--pt-space-2, 8px) 2px 2px}.parcelGrid{--grid-columns: 15;display:grid;grid-template-columns:repeat(var(--grid-columns),26px);gap:4px}.parcelCell{width:26px;height:26px;border-radius:var(--pt-radius-sm, 12px);border:1px solid color-mix(in srgb,var(--pt-color-border, #e5e7eb) 90%,transparent);padding:0;display:inline-grid;place-items:center;cursor:pointer}.parcelCell:focus-visible{outline:3px solid color-mix(in srgb,var(--pt-color-accent, #1fbf75) 40%,transparent);outline-offset:2px}.parcelCellGlyph{font-size:10px;color:#ffffffeb;font-weight:800}.modalRoot{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:0 var(--pt-space-4, 16px) calc(var(--pt-space-4, 16px) + var(--pt-safe-area-bottom));opacity:0;pointer-events:none;transition:opacity .28s ease}.modalRoot[data-state=open]{opacity:1;pointer-events:auto}.modalBackdrop{position:absolute;inset:0;border:0;background:#04080cb3;opacity:0;transition:opacity .28s ease}.modalRoot[data-state=open] .modalBackdrop{opacity:1}.modalCard{position:relative;width:min(680px,100%);border-radius:var(--pt-radius-xl, 28px);border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:var(--pt-gradient-hud, linear-gradient(140deg, #141c2a, #0b1119));padding:var(--pt-space-4, 16px);display:flex;flex-direction:column;gap:var(--pt-space-3, 12px);box-shadow:var(--pt-elevation-3, 0 18px 60px rgba(0, 0, 0, .5));transform:translateY(24px) scale(.98);opacity:0;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .28s ease;max-height:calc(100vh - 120px);overflow:auto;color:var(--pt-color-text, #f8fbff)}.modalRoot[data-state=open] .modalCard{transform:translateY(0) scale(1);opacity:1}.modalHandle{align-self:center;width:60px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--pt-color-hud-stroke, rgba(79, 252, 180, .35)) 70%,transparent);box-shadow:0 0 18px #2effb066}.modalHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:var(--pt-space-3, 12px)}.modalTitleStack{display:flex;flex-direction:column;gap:4px}.modalEyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--pt-color-text-muted, #9fb0c6)}.modalTitle{font-family:var(--pt-font-heading, "Trebuchet MS", "Segoe UI", sans-serif);font-size:var(--pt-font-size-xl, 22px);font-weight:800;margin:0}.modalHeaderActions{display:inline-flex;align-items:center;gap:var(--pt-space-2, 8px)}.modalStatusPill{padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:var(--pt-color-text, #f8fbff)}.modalStatusPill[data-state=Owned]{background:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 22%,transparent);border-color:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 45%,transparent);color:#ffe8b5}.modalStatusPill[data-state=Unowned]{background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 22%,transparent);border-color:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 45%,transparent);color:#b5ffd7}.modalStatusPill[data-state=Loading]{background:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 20%,transparent);border-color:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 40%,transparent);color:#ffe8b5}.modalMeta{display:flex;flex-direction:column;gap:var(--pt-space-2, 8px);padding:var(--pt-space-3, 12px);border-radius:var(--pt-radius-lg, 20px);background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35))}.modalRows{display:flex;flex-direction:column;gap:var(--pt-space-2, 8px)}.modalRow{display:flex;align-items:center;justify-content:space-between;gap:var(--pt-space-3, 12px)}.modalLabel{display:inline-flex;align-items:center;gap:6px;color:var(--pt-color-text-muted, #9fb0c6);font-size:var(--pt-font-size-xs, 12px);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.modalLabelIcon{color:var(--pt-color-accent, #1fbf75)}.modalValue{font-weight:600}.modalLoading{border-radius:var(--pt-radius-md, 16px);padding:var(--pt-space-2, 8px) var(--pt-space-3, 12px);background:color-mix(in srgb,var(--pt-color-hud-stroke, rgba(79, 252, 180, .35)) 20%,transparent);color:var(--pt-color-text-muted, #9fb0c6);font-size:var(--pt-font-size-sm, 14px)}.modalNotice{border-radius:var(--pt-radius-md, 16px);padding:var(--pt-space-2, 8px) var(--pt-space-3, 12px);border:1px solid transparent;font-size:var(--pt-font-size-sm, 14px)}.modalNoticeError{border-color:color-mix(in srgb,var(--pt-color-danger, #ff5563) 55%,transparent);color:#ffd2d7;background:color-mix(in srgb,var(--pt-color-danger, #ff5563) 12%,transparent)}.modalNoticeSuccess{border-color:color-mix(in srgb,var(--pt-color-success, #3dff95) 45%,transparent);color:#baffd7;background:color-mix(in srgb,var(--pt-color-success, #3dff95) 12%,transparent)}.modalNoticeWarning{border-color:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 50%,transparent);color:#ffe8b5;background:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 12%,transparent)}.modalConfirm{border-radius:var(--pt-radius-lg, 20px);border:1px solid color-mix(in srgb,var(--pt-color-accent, #1fbf75) 30%,transparent);background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 12%,transparent);padding:var(--pt-space-3, 12px);display:flex;flex-direction:column;gap:var(--pt-space-2, 8px)}.modalConfirmTitle{font-weight:700}.modalActionRow{display:flex;align-items:center;gap:var(--pt-space-2, 8px);justify-content:flex-end;flex-wrap:wrap}.modalCtaButton{width:100%;justify-content:center}.modalActionRow .modalCtaButton{flex:1;min-width:180px}@media(prefers-reduced-motion:reduce){.modalRoot,.modalBackdrop,.modalCard,.gameTabItem,.gameTabIcon,.gameTabBadge,.toast,.iconButton,.hudPanel,.feedItemRow,.hudCtaButtonReady,.gameCTAButton{transition:none;animation:none}.skeleton:after{animation:none}}.historyList{display:flex;flex-direction:column;gap:var(--pt-space-3, 12px)}.historyRow{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pt-space-3, 12px);border-top:1px solid color-mix(in srgb,var(--pt-color-hud-stroke, rgba(79, 252, 180, .35)) 70%,transparent);padding-top:var(--pt-space-3, 12px)}.historyRow:first-child{border-top:0;padding-top:0}.historyTitle{font-weight:700}.optionRow{display:flex;flex-wrap:wrap;gap:var(--pt-space-2, 8px)}.optionButton{border-color:color-mix(in srgb,var(--pt-color-border, #e5e7eb) 70%,transparent)}.optionButtonSelected{border-color:var(--pt-color-accent, #1fbf75);box-shadow:0 0 0 3px color-mix(in srgb,var(--pt-color-accent, #1fbf75) 18%,transparent)}.boostRewardsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--pt-space-3, 12px)}.boostRewardCard{text-align:left;border-radius:var(--pt-radius-md, 16px);border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));padding:var(--pt-space-3, 12px);display:flex;flex-direction:column;gap:8px;cursor:pointer;color:var(--pt-color-text, #f8fbff);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.boostRewardCard:hover{border-color:var(--pt-color-hud-stroke-strong, rgba(79, 252, 180, .6));box-shadow:0 12px 22px #0000008c}.boostRewardCard:disabled{cursor:not-allowed;opacity:.7;transform:none}.boostRewardCardSelected{border-color:var(--pt-color-hud-stroke-strong, rgba(79, 252, 180, .6));background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 14%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));box-shadow:0 12px 24px #0009,0 0 16px color-mix(in srgb,var(--pt-color-accent, #1fbf75) 45%,transparent)}.boostRewardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pt-space-2, 8px)}.boostRewardTitle{font-weight:700}.boostRewardValue{font-size:var(--pt-font-size-lg, 18px);font-weight:800}.boostRewardMeta{color:var(--pt-color-text-muted, #9fb0c6);font-size:var(--pt-font-size-sm, 14px);line-height:1.4}.boostRewardTag{padding:4px 8px;border-radius:var(--pt-radius-pill, 999px);background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 18%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border:1px solid color-mix(in srgb,var(--pt-color-accent, #1fbf75) 35%,transparent);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--pt-color-accent, #1fbf75)}.boostRewardIcon{width:34px;height:34px;border-radius:var(--pt-radius-sm, 12px);border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:#040a12cc;display:grid;place-items:center}.boostStatusPill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:var(--pt-radius-pill, 999px);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));color:var(--pt-color-text-muted, #9fb0c6)}.boostStatusPillReady{color:var(--pt-color-text, #f8fbff)}.boostStatusPillPending{background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 22%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border-color:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 45%,transparent);color:var(--pt-color-accent, #1fbf75)}.boostStatusPillVerified{background:color-mix(in srgb,var(--pt-color-success, #2e7d32) 22%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border-color:color-mix(in srgb,var(--pt-color-success, #2e7d32) 45%,transparent);color:var(--pt-color-success, #3dff95)}.boostStatusPillError{background:color-mix(in srgb,var(--pt-color-danger, #ff5563) 22%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border-color:color-mix(in srgb,var(--pt-color-danger, #ff5563) 45%,transparent);color:var(--pt-color-danger, #ff5563)}.boostStatusPillCooldown{background:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 22%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border-color:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 45%,transparent);color:var(--pt-color-warning, #ffc04a)}.boostStatusValue{font-weight:700}.boostStatusValueReady{color:var(--pt-color-text, #f8fbff)}.boostStatusValuePending{color:var(--pt-color-accent, #1fbf75)}.boostStatusValueVerified{color:var(--pt-color-success, #3dff95)}.boostStatusValueError{color:var(--pt-color-danger, #ff5563)}.boostStatusValueCooldown{color:var(--pt-color-warning, #ffc04a)}.parcelHeader{display:flex;align-items:center;gap:var(--pt-space-3, 12px)}.parcelSwatch{width:42px;height:42px;border-radius:var(--pt-radius-lg, 20px);border:1px solid color-mix(in srgb,var(--pt-color-border, #e5e7eb) 70%,transparent)}.economyPage{display:flex;flex-direction:column;gap:var(--pt-space-5, 20px)}.economyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--pt-space-4, 16px)}.economyOverviewPanel,.economyMapPanel{grid-column:1 / -1}.economyStatGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--pt-space-3, 12px)}.economyStatSkeleton{display:flex;flex-direction:column;gap:6px}.economySkeleton{display:flex;flex-direction:column;gap:var(--pt-space-3, 12px)}.economyPillRow{display:flex;flex-wrap:wrap;gap:var(--pt-space-2, 8px)}.economyPill{padding:6px 12px;border-radius:var(--pt-radius-pill, 999px);background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pt-color-text, #f8fbff)}.economyPillBoost{background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 18%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border-color:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 45%,transparent);color:var(--pt-color-accent, #1fbf75)}.claimTimer{display:flex;flex-direction:column;gap:6px}.claimTimerHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--pt-space-2, 8px)}.claimTimerTrack{height:8px;border-radius:999px;background:#ffffff14;border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));overflow:hidden}.claimTimerFill{height:100%;background:linear-gradient(90deg,var(--pt-color-accent, #1fbf75),var(--pt-color-accent-strong, #159963));box-shadow:0 0 12px var(--pt-color-hud-glow, rgba(46, 255, 176, .28))}.economyCtaRow{display:flex;flex-wrap:wrap;gap:var(--pt-space-2, 8px);align-items:center}.economyMapActions{display:flex;flex-wrap:wrap;gap:var(--pt-space-2, 8px)}.boostPanels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--pt-space-4, 16px)}.boostSessionPanel{grid-column:1 / -1}.boostStatGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--pt-space-3, 12px)}.boostCooldownRow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pt-space-2, 8px)}.boostActionRow,.walletStats{display:flex;flex-wrap:wrap;gap:var(--pt-space-2, 8px)}.walletForm{display:flex;flex-direction:column;gap:var(--pt-space-2, 8px)}.walletActions{display:flex;flex-wrap:wrap;gap:var(--pt-space-2, 8px)}.walletStatusBox,.walletChallengeBox{border-radius:var(--pt-radius-xs, 8px);overflow-wrap:anywhere}.walletChallengeBox{border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:#060a10bf;padding:var(--pt-space-3, 12px);display:flex;flex-direction:column;gap:var(--pt-space-2, 8px)}.walletChallengeText{display:block;overflow-wrap:anywhere}.walletSignatureInput{min-height:112px;padding:var(--pt-space-3, 12px);line-height:1.4;resize:vertical;overflow-wrap:anywhere}.profileStatRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--pt-space-3, 12px)}.profileQuickLinks{display:flex;flex-wrap:wrap;gap:var(--pt-space-2, 8px)}.inventoryStats,.shopTileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--pt-space-3, 12px)}.shopActions,.settingsActions,.claimActions,.notFoundActions{display:flex;flex-wrap:wrap;gap:var(--pt-space-2, 8px)}.claimStatRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--pt-space-3, 12px)}.shellPage{display:flex;flex-direction:column;gap:var(--pt-space-5, 20px)}.shellHeader{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--pt-space-4, 16px)}.shellEyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:var(--pt-color-text-muted, #4b5563)}.shellSub{margin:4px 0 0;color:var(--pt-color-text-muted, #4b5563);max-width:520px}.shellBadge{padding:6px 12px;border-radius:var(--pt-radius-pill, 999px);background:color-mix(in srgb,var(--pt-color-accent, #1fbf75) 18%,var(--pt-color-surface, #ffffff));border:1px solid color-mix(in srgb,var(--pt-color-accent, #1fbf75) 30%,transparent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pt-color-text, #111827)}.shellHero{position:relative;overflow:hidden;background:var(--pt-color-surface, #ffffff);background-image:radial-gradient(circle at top left,color-mix(in srgb,var(--pt-color-accent, #1fbf75) 20%,transparent),transparent 58%),var(--pt-gradient-surface, none)}.shellHeroTitle{font-family:var(--pt-font-heading, "Trebuchet MS", "Segoe UI", sans-serif);font-size:var(--pt-font-size-lg, 18px);font-weight:700}.shellHeroGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--pt-space-3, 12px)}.shellTile{border-radius:var(--pt-radius-md, 16px);border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));padding:var(--pt-space-3, 12px);display:flex;flex-direction:column;gap:6px}.shellTileTitle{font-weight:700}.shellTileValue{font-size:var(--pt-font-size-lg, 18px);font-weight:800}.shellStatGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--pt-space-3, 12px)}.shellStat{border-radius:var(--pt-radius-md, 16px);border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:var(--pt-color-hud-surface, rgba(8, 12, 18, .92));padding:var(--pt-space-3, 12px);display:flex;flex-direction:column;gap:6px}.shellStatLabel{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--pt-color-text-muted, #9fb0c6)}.shellStatValue{font-size:clamp(18px,2.6vw,24px);font-weight:800}.profileHero{gap:var(--pt-space-4, 16px)}.profileHeader{display:flex;align-items:center;flex-wrap:wrap;gap:var(--pt-space-4, 16px)}.profileAvatar{width:72px;height:72px;border-radius:var(--pt-radius-pill, 999px);display:grid;place-items:center;font-size:24px;font-weight:800;letter-spacing:.08em;color:var(--pt-color-text, #f8fbff);background:radial-gradient(circle at top,color-mix(in srgb,var(--pt-color-accent, #1fbf75) 35%,transparent),transparent 60%),var(--pt-color-hud-surface, rgba(8, 12, 18, .92));border:2px solid color-mix(in srgb,var(--pt-color-accent, #1fbf75) 45%,transparent);box-shadow:var(--pt-elevation-1, 0 10px 18px rgba(2, 6, 13, .55))}.profileMeta{display:flex;flex-direction:column;gap:6px}.profileName{font-size:var(--pt-font-size-xl, 22px);font-weight:800;letter-spacing:var(--pt-letter-spacing-tight, -.01em)}.shellList{display:flex;flex-direction:column;gap:var(--pt-space-3, 12px)}.shellListRow{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pt-space-3, 12px);border-top:1px solid color-mix(in srgb,var(--pt-color-hud-stroke, rgba(79, 252, 180, .35)) 70%,transparent);padding-top:var(--pt-space-3, 12px)}.shellListRow:first-child{border-top:0;padding-top:0}.shellListTitle{font-weight:700}.shellListValue{font-weight:700;color:var(--pt-color-text, #111827)}.supportPage .shellListValue{flex:0 0 auto;max-width:min(240px,38%);text-align:right}@media(max-width:640px){.supportPage .shellListRow{flex-direction:column;align-items:stretch}.supportPage .shellListValue{max-width:100%;text-align:left}}.adminPayoutPage{max-width:1120px}.adminPayoutSummaryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--pt-space-3, 12px)}.adminPayoutMessage{border-color:color-mix(in srgb,var(--pt-color-warning, #ffc04a) 40%,transparent)}.adminPayoutList{display:flex;flex-direction:column;gap:var(--pt-space-3, 12px)}.adminPayoutRow{display:grid;gap:var(--pt-space-3, 12px);padding:var(--pt-space-3, 12px);border-radius:var(--pt-radius-md, 16px);border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:#060a109e}.adminPayoutRowMain{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pt-space-3, 12px)}.adminPayoutTitle{font-weight:800;overflow-wrap:anywhere}.adminPayoutFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pt-space-3, 12px)}.adminPayoutFacts>div,.adminPayoutDestination,.adminPayoutNoteField{min-width:0;display:flex;flex-direction:column;gap:4px}.adminPayoutFacts strong{overflow-wrap:anywhere}.adminPayoutNote{min-height:82px;padding-top:var(--pt-space-2, 8px);resize:vertical}.adminPayoutActions{display:flex;flex-wrap:wrap;gap:var(--pt-space-2, 8px);justify-content:flex-end}.adminPayoutSkeleton{display:grid;gap:var(--pt-space-3, 12px)}.adminPayoutSkeleton>div{height:96px;border-radius:var(--pt-radius-md, 16px);background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f);background-size:220% 100%;animation:skeletonPulse 1.2s ease-in-out infinite}@keyframes skeletonPulse{0%{background-position:120% 0}to{background-position:-120% 0}}@media(max-width:760px){.adminPayoutRowMain,.adminPayoutActions{align-items:stretch;flex-direction:column}.adminPayoutFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.adminPayoutActions .iconButton{justify-content:center;width:100%}}@media(max-width:460px){.adminPayoutFacts{grid-template-columns:minmax(0,1fr)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pageTransition{animation:pageEnter .18s ease-out both}@media(prefers-reduced-motion:reduce){.pageTransition{animation:none}}.errorBoundary{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--pt-color-bg, #070c12);padding:var(--pt-space-4, 16px)}.errorBoundaryCard{max-width:380px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--pt-space-4, 16px);padding:var(--pt-space-7, 32px) var(--pt-space-5, 20px);border-radius:var(--pt-radius-lg, 20px);background:var(--pt-gradient-hud, linear-gradient(140deg, #141c2a, #0b1119));border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));box-shadow:var(--pt-shadow-hud, 0 18px 34px rgba(0, 0, 0, .75))}.errorBoundaryIcon{width:56px;height:56px;border-radius:var(--pt-radius-md, 16px);background:color-mix(in srgb,var(--pt-color-danger, #ff5563) 18%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border:1px solid color-mix(in srgb,var(--pt-color-danger, #ff5563) 45%,transparent);display:grid;place-items:center;font-family:var(--pt-font-heading, "Trebuchet MS", sans-serif);font-size:var(--pt-font-size-xl, 22px);font-weight:700;color:var(--pt-color-danger, #ff5563)}.errorBoundaryTitle{margin:0;font-family:var(--pt-font-heading, "Trebuchet MS", sans-serif);font-size:var(--pt-font-size-xl, 22px);letter-spacing:var(--pt-letter-spacing-tight, -.01em);color:var(--pt-color-text, #f8fbff)}.errorBoundaryMessage{margin:0;color:var(--pt-color-text-muted, #9fb0c6);font-size:var(--pt-font-size-sm, 14px);line-height:var(--pt-line-height-base, 1.5)}.errorBoundaryButton{appearance:none;border:1px solid var(--pt-color-hud-stroke, rgba(79, 252, 180, .35));background:var(--pt-color-accent-soft, #0d2e22);color:var(--pt-color-accent, #2ff59a);font-family:var(--pt-font-heading, "Trebuchet MS", sans-serif);font-size:var(--pt-font-size-md, 16px);font-weight:700;padding:var(--pt-space-2, 8px) var(--pt-space-6, 24px);border-radius:var(--pt-radius-pill, 999px);cursor:pointer;transition:background .15s ease,border-color .15s ease}.errorBoundaryButton:hover{background:color-mix(in srgb,var(--pt-color-accent, #2ff59a) 22%,var(--pt-color-hud-surface, rgba(8, 12, 18, .92)));border-color:var(--pt-color-hud-stroke-strong, rgba(79, 252, 180, .6))}