#pc-phone-stage {
  display: contents;
}

body[data-interaction-performance-release="360"][data-active-panel="home"]:is([data-quest-mission="work"],[data-quest-mission="daytrade"]) #panel-home #action-buttons{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-inline:0!important;grid-template-columns:minmax(0,1fr)!important}
body[data-interaction-performance-release="360"][data-active-panel="home"]:is([data-quest-mission="work"],[data-quest-mission="daytrade"]) #panel-home #action-buttons>button:not(.hidden){box-sizing:border-box!important;width:100%!important;max-width:none!important}

html:not(.launch-visual-ready) #launch-loader::after {
  position: absolute;
  z-index: 1000;
  inset: 0;
  content: "";
  background: #f2f4f6;
  pointer-events: none;
}

html:not(.launch-visual-ready) #launch-loader.is-error::after {
  display: none;
}

body[data-pc-phone-frame-release="356"][data-active-panel="home"] #avatar-scene {
  --dialogue-top: 10px;
  --dialogue-left: 50%;
  --dialogue-width: min(calc(100% - 28px), 310px);
  --dialogue-transform: translateX(-50%);
}

html body[data-pc-phone-frame-release="356"][data-active-panel="home"] #avatar-scene
  :is(.ant-scene-dialogue, .ant-action-cue) {
  inset: var(--dialogue-top, 10px) auto auto var(--dialogue-left, 50%) !important;
  width: var(--dialogue-width, min(calc(100% - 28px), 310px)) !important;
  max-width: 310px !important;
  min-height: 58px;
  padding: 9px 14px !important;
  transform: var(--dialogue-transform, translateX(-50%)) !important;
  text-align: center !important;
}

html body[data-pc-phone-frame-release="356"][data-active-panel="home"]
  #ant-scene-dialogue > :is(strong, small) {
  display: block;
  width: 100%;
  margin-inline: auto;
  text-align: center;
  text-wrap: balance;
  word-break: keep-all;
}

@media (min-width: 500px) and (hover: hover) and (pointer: fine) {
  html {
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    background: #e5e8eb;
  }

  body[data-pc-phone-frame-release="356"] {
    --pc-phone-width: 390px;
    --pc-phone-height: 844px;
    --pc-phone-border: 10px;
    --pc-phone-scale: min(1.2, calc((100dvh - 32px) / 864px), calc((100vw - 24px) / 410px));
    position: static !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent;
    box-shadow: none !important;
    transform: none !important;
  }

  body[data-pc-phone-frame-release="356"] #pc-phone-stage {
    display: block !important;
    position: fixed !important;
    inset: 50% auto auto 50% !important;
    box-sizing: content-box !important;
    width: var(--pc-phone-width) !important;
    min-width: var(--pc-phone-width) !important;
    max-width: var(--pc-phone-width) !important;
    height: var(--pc-phone-height) !important;
    min-height: var(--pc-phone-height) !important;
    max-height: var(--pc-phone-height) !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: var(--pc-phone-border) solid #20242b;
    border-radius: 44px;
    background: #fff;
    box-shadow: 0 22px 64px rgb(25 31 40 / 28%);
    transform: translate(-50%, -50%) scale(var(--pc-phone-scale)) !important;
    transform-origin: center center !important;
  }

  body[data-pc-phone-frame-release="356"] :is(#app, #topbar, #main-screen) {
    box-sizing: border-box;
    width: var(--pc-phone-width) !important;
    min-width: var(--pc-phone-width) !important;
    max-width: var(--pc-phone-width) !important;
  }

  body[data-pc-phone-frame-release="356"] #app {
    height: var(--pc-phone-height) !important;
    min-height: var(--pc-phone-height) !important;
    max-height: var(--pc-phone-height) !important;
    overflow: hidden !important;
  }

  html body[data-pc-phone-frame-release="356"] #pc-phone-stage
    #splash .splash-content {
    width: var(--pc-phone-width) !important;
    height: var(--pc-phone-height) !important;
    min-height: var(--pc-phone-height) !important;
    max-height: var(--pc-phone-height) !important;
    overflow: hidden !important;
  }

  body[data-pc-phone-frame-release="356"] :is(.topbar-row1, .topbar-row2) {
    width: 100% !important;
    padding-inline: 20px !important;
  }

  body[data-pc-phone-frame-release="356"] #asset-summary-toggle {
    width: 100% !important;
    padding-inline: 10px !important;
  }

  body[data-pc-phone-frame-release="356"] .asset-glance {
    margin-left: 10px !important;
  }

  body[data-pc-phone-frame-release="356"] #scene-collection {
    top: 12px !important;
    left: 12px !important;
    width: auto !important;
    max-width: min(228px, calc(100% - 24px)) !important;
  }

  body[data-pc-phone-frame-release="356"]
    #scene-collection:not(:has(.collection-space-menu:not(.hidden))) {
    z-index: 26;
  }

  body[data-pc-phone-frame-release="356"] .collection-space-toggle {
    width: auto !important;
    min-width: 126px !important;
  }

  body[data-pc-phone-frame-release="356"] .collection-space-menu {
    width: min(218px, calc(100vw - 36px)) !important;
  }

  body[data-pc-phone-frame-release="356"] #main-screen {
    min-height: 0 !important;
    padding: 0 0 8px !important;
    overflow: hidden !important;
  }

  body[data-pc-phone-frame-release="356"] #panel-home {
    gap: 6px !important;
  }

  body[data-pc-phone-frame-release="356"] #avatar-scene {
    box-sizing: border-box;
    width: var(--pc-phone-width) !important;
    height: 427px !important;
    min-height: 427px !important;
    max-height: 427px !important;
    margin: 0 !important;
    padding: 18px 12px 8px !important;
  }

  html body[data-pc-phone-frame-release="356"][data-responsive-home-release="351"]
    #pc-phone-stage #avatar-scene[data-residence]
    :is(#ant-avatar-wrap, #ant-avatar) {
    width: 140px !important;
    height: 180px !important;
  }

  body[data-pc-phone-frame-release="356"] #action-buttons {
    box-sizing: border-box;
    width: calc(100% - 16px) !important;
    margin-inline: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px 0 0 !important;
  }

  body[data-pc-phone-frame-release="356"] #panel-home #action-buttons button,
  body[data-pc-phone-frame-release="356"] #panel-home #action-buttons button.action-primary {
    min-height: 75px !important;
    height: 75px !important;
    padding: 5px 2px !important;
  }

  body[data-pc-phone-frame-release="356"][data-pc-tutorial-focus="true"] #action-buttons {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-pc-phone-frame-release="356"][data-pc-tutorial-focus="true"]
    #panel-home #action-buttons button:not(.hidden) {
    width: 100% !important;
    max-width: none !important;
  }

  body[data-pc-phone-frame-release="356"] #home-feature-nav {
    box-sizing: border-box;
    display: grid !important;
    width: calc(100% - 16px) !important;
    height: 52px !important;
    margin: 0 8px !important;
    padding: 0 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  body[data-pc-phone-frame-release="356"] #home-feature-nav .home-feature-btn {
    min-width: 0 !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 5px 2px !important;
  }

  body[data-pc-phone-frame-release="356"] #home-feature-nav .home-feature-btn .nav-icon {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
  }

  body[data-pc-phone-frame-release="356"] #home-feature-nav .home-feature-btn .nav-label {
    font-size: 14px !important;
    line-height: 17px !important;
  }

  body[data-pc-phone-frame-release="356"] #pc-phone-stage > #toast-container {
    top: 76px !important;
    right: 12px !important;
    bottom: auto !important;
    left: auto !important;
    width: min(calc(100% - 24px), 320px) !important;
    max-width: calc(100% - 24px) !important;
    align-items: flex-end !important;
    transform: none !important;
  }

  body[data-pc-phone-frame-release="356"][data-active-panel="home"]
    #pc-phone-stage > #toast-container {
    top: 244px !important;
  }

  html body[data-pc-phone-frame-release="356"] #pc-phone-stage
    :is(.modal, .feature-panel-backdrop) {
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    box-sizing: border-box;
    width: var(--pc-phone-width) !important;
    min-width: var(--pc-phone-width) !important;
    max-width: var(--pc-phone-width) !important;
    height: var(--pc-phone-height) !important;
    min-height: var(--pc-phone-height) !important;
    max-height: var(--pc-phone-height) !important;
    border-radius: 34px !important;
    transform: none !important;
  }

  body[data-pc-phone-frame-release="356"] .modal:not(#splash) > .modal-content,
  body[data-pc-phone-frame-release="356"] .modal:not(#splash) > .dialog-card,
  body[data-pc-phone-frame-release="356"] #daytrade-modal > .daytrade-content {
    box-sizing: border-box;
    width: calc(var(--pc-phone-width) - 20px) !important;
    max-width: calc(var(--pc-phone-width) - 20px) !important;
    max-height: calc(var(--pc-phone-height) - 20px) !important;
    overflow-y: auto !important;
  }

  body[data-pc-phone-frame-release="356"]
    .modal:not(#splash) > .modal-content::before {
    content: none !important;
    display: none !important;
  }

  body[data-pc-phone-frame-release="356"] .feature-panel-backdrop {
    padding-top: 76px !important;
  }

  body[data-pc-phone-frame-release="356"] .feature-panel-shell {
    width: var(--pc-phone-width) !important;
    min-width: var(--pc-phone-width) !important;
    max-width: var(--pc-phone-width) !important;
    height: 768px !important;
    min-height: 768px !important;
    max-height: 768px !important;
    grid-template-rows: 56px 52px minmax(0, 1fr) !important;
  }

  body[data-pc-phone-frame-release="356"]
    .feature-panel-shell:has(.starter-mini-coach:not(.hidden)) {
    grid-template-rows: 56px 52px 84px minmax(0, 1fr) !important;
  }

  body[data-pc-phone-frame-release="356"] .feature-panel-nav {
    height: 52px !important;
    min-height: 52px !important;
    padding: 4px 8px !important;
  }

  body[data-pc-phone-frame-release="356"] .feature-panel-nav .feature-switch-btn {
    min-height: 44px !important;
    height: 44px !important;
    padding-inline: 7px !important;
    gap: 1px !important;
    font-size: 13px !important;
    line-height: 17px !important;
  }

  body[data-pc-phone-frame-release="356"] .feature-panel-nav .feature-switch-btn .nav-icon {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
  }

  body[data-pc-phone-frame-release="356"] #feature-panel-scroll {
    padding: 12px 20px 28px !important;
  }

  body[data-pc-phone-frame-release="356"] #stock-list {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 12px !important;
  }

  body[data-pc-phone-frame-release="356"] #stock-list .stock-card {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
  }
}