.launch-character-companion {
position:absolute;
z-index:1;
bottom:max(calc(env(safe-area-inset-bottom) + 30px), min(104px, 12dvh));
width:auto;
height:min(28dvh, 255px);
object-fit:contain;
pointer-events:none;
}
.launch-character-left {
left:calc(50% - min(31vw, 205px));
transform:rotate(-3deg);
}
.launch-character-right {
right:calc(50% - min(31vw, 205px));
transform:rotate(3deg);
}
.launch-character-art {
z-index:3!important;
}
.launch-loader-title,
#splash .splash-content h1.launch-surface-title {
top:max(calc(env(safe-area-inset-top) + 24px), min(142px, calc(22.4dvh - 50px)))!important;
}
.launch-title-text {
font-size:clamp(42px, min(12.5vw, 9.4dvh), 70px)!important;
}
body[data-active-panel="home"] .home-command-head,
body #starter-mission-card,
body[data-active-panel="home"][data-starter-phase] #starter-mission-card {
display:none!important;
}
#avatar-scene .ant-scene-dialogue {
top:8px;
left:34px;
display:grid;
width:min(280px, calc(50% - 44px));
height:auto!important;
min-height:0;
padding:9px 14px 10px;
gap:1px;
border:2px solid rgba(49, 130, 246, 0.34);
border-radius:12px;
background:rgba(255, 255, 255, 0.98);
box-shadow:0 5px 14px rgba(25, 31, 40, 0.12);
text-align:left;
transform:none;
}
#avatar-scene .ant-dialogue-kicker {
color:#3182f6;
font-size:11px;
font-weight:800;
line-height:15px;
}
#avatar-scene .ant-scene-dialogue strong {
font-size:17px;
font-weight:850;
line-height:22px;
letter-spacing:0;
}
#avatar-scene .ant-scene-dialogue small {
overflow:hidden;
color:#4e5968;
font-size:13px;
font-weight:650;
line-height:18px;
text-overflow:clip;
white-space:nowrap;
}
#avatar-scene .ant-dialogue-action:not(.hidden) {
position:absolute;
right:8px;
bottom:8px;
min-width:74px;
min-height:34px;
padding:0 10px;
border:0;
border-radius:8px;
background:#3182f6;
color:#fff;
font-size:12px;
font-weight:800;
white-space:nowrap;
}
#avatar-scene .ant-scene-dialogue:has(.ant-dialogue-action:not(.hidden)) {
padding-right:94px;
}
.home-feature-nav {
display:grid;
width:100%;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:6px;
}
.home-feature-btn {
position:relative;
display:grid;
min-width:0;
min-height:58px;
padding:7px 3px 6px;
grid-template-rows:28px 18px;
place-items:center;
border:0;
border-radius:8px;
background:#f2f4f6;
color:#333d4b;
}
.home-feature-btn .nav-icon {
display:block;
width:32px;
height:32px;
background:#4e5968;
-webkit-mask:var(--nav-icon) center / contain no-repeat;
mask:var(--nav-icon) center / contain no-repeat;
}
.home-feature-btn .nav-label {
color:inherit;
font-size:14px;
font-weight:750;
line-height:18px;
white-space:nowrap;
}
.home-feature-btn.active {
background:#e8f3ff;
color:#191f28;
}
.home-feature-btn.active .nav-icon {
background:#3182f6;
}
.home-feature-btn.tutorial-locked:not(.quest-focus) {
opacity:0.72;
}
#asset-summary-details{max-height:min(58vh,520px)!important}
body[data-quest-priority="action"] .nav-btn.tutorial-locked:not(.quest-focus) {
opacity:0.72!important;
}
#panel-home #daytrade-btn.is-ready {
border-color:#ffc9cf!important;
background:#fff4f5!important;
color:#191f28!important;
filter:none!important;
}
#panel-home #daytrade-btn:disabled {
border-color:#e5e8eb!important;
background:#f7f8fa!important;
color:#4e5968!important;
filter:none!important;
opacity:1!important;
}
#daytrade-modal #daytrade-start-btn {
min-height:50px!important;
border:0!important;
border-radius:12px!important;
background:#3182f6!important;
color:#fff!important;
font-size:16px!important;
font-weight:800!important;
box-shadow:none!important;
}
.home-feature-btn .nav-badge {
position:absolute;
top:3px;
right:3px;
width:7px;
height:7px;
overflow:hidden;
border-radius:50%;
background:#3182f6;
color:transparent;
font-size:0;
}
.starter-mini-coach:not(.hidden) {
position:relative!important;
top:auto!important;
left:auto!important;
right:auto!important;
z-index:5!important;
box-sizing:border-box!important;
display:grid!important;
width:calc(100% - 24px)!important;
max-width:none!important;
min-height:58px!important;
margin:6px 12px!important;
padding:8px 12px!important;
transform:none!important;
grid-template-columns:minmax(0, 1fr)!important;
grid-template-areas:"title" "action"!important;
align-items:center!important;
column-gap:8px!important;
border:2px solid #f5b544!important;
border-radius:12px!important;
background:#fffdf5!important;
box-shadow:0 7px 18px rgba(25, 31, 40, 0.16)!important;
color:#191f28!important;
text-align:left!important;
}
.starter-mini-coach:not(.hidden) > span {
display:block!important;
min-width:0!important;
border-radius:0!important;
background:transparent!important;
color:inherit!important;
}
.feature-panel-shell:has(.starter-mini-coach:not(.hidden)) {
grid-template-rows:56px 70px minmax(0, 1fr);
}
.feature-panel-shell:has(.starter-mini-coach:not(.hidden)) > .sticky-sellall-bar {
top:126px!important;
}
.starter-mini-coach .starter-coach-step {
position:absolute;
top:6px;
right:8px;
color:#b77900;
font-size:11px;
font-weight:850;
}
.starter-mini-coach:not(.hidden) strong {
grid-area:title;
overflow:hidden;
font-size:15px!important;
font-weight:850!important;
line-height:20px!important;
text-overflow:clip;
white-space:nowrap;
}
.starter-mini-coach:not(.hidden) em {
grid-area:action;
overflow:hidden;
color:#4e5968!important;
font-size:13px!important;
font-style:normal;
font-weight:700!important;
line-height:18px!important;
text-overflow:clip;
white-space:nowrap;
}
body[data-quest-priority="action"][data-quest-mission] .quest-focus {
position:relative;
z-index:12;
outline:4px solid #ffc42d!important;
outline-offset:3px!important;
animation:questTargetPulseV170 850ms ease-in-out infinite!important;
}
@keyframes questTargetPulseV170 {
0%, 100% {
filter:brightness(1);
box-shadow:0 0 0 3px rgba(255, 196, 45, 0.30), 0 0 13px rgba(255, 196, 45, 0.42);
}
50% {
filter:brightness(1.08);
box-shadow:0 0 0 8px rgba(255, 196, 45, 0.40), 0 0 28px rgba(255, 196, 45, 0.68);
}
}
#ant-avatar[data-motion-frame="talk"] #ant-character-b,
#ant-avatar[data-motion-frame="step-left"] #ant-character-b,
#ant-avatar[data-motion-frame="step-right"] #ant-character-b {
animation:antGuideActionV170 920ms cubic-bezier(.2, .8, .2, 1) both!important;
}
#ant-avatar[data-motion-frame="celebrate"] #ant-character-b {
animation:antGuideCelebrateV170 900ms cubic-bezier(.2, .9, .2, 1) both!important;
}
#avatar-scene[data-ant-action="work"] #ant-character-b {
animation:antWorkTravelV170 1.2s cubic-bezier(.2, .8, .2, 1) both!important;
}
#avatar-scene[data-ant-action="daytrade"] #ant-character-b {
animation:antTradeTravelV170 1s ease-in-out both!important;
}
@keyframes antGuideActionV170 {
0%, 100% { transform:translate(0, 0) rotate(0) scale(1); }
34% { transform:translate(-11px, -13px) rotate(-2.5deg) scale(1.08); }
68% { transform:translate(11px, -6px) rotate(2.5deg) scale(1.045); }
}
@keyframes antGuideCelebrateV170 {
0%, 100% { transform:translateY(0) scale(1); }
34% { transform:translateY(-21px) scale(1.10); }
64% { transform:translateY(-8px) scale(1.05); }
}
@keyframes antWorkTravelV170 {
0%, 100% { transform:translate(0, 0) rotate(0); }
22% { transform:translate(-18px, -12px) rotate(-3deg); }
48% { transform:translate(27px, -6px) rotate(3deg); }
72% { transform:translate(36px, -13px) rotate(2deg); }
88% { transform:translate(8px, -3px) rotate(-1deg); }
}
@keyframes antTradeTravelV170 {
0%, 100% { transform:translate(0, 0) scale(1); }
24% { transform:translate(-20px, -8px) scale(1.06); }
50% { transform:translate(20px, -14px) scale(1.10); }
76% { transform:translate(-12px, -6px) scale(1.05); }
}
#avatar-scene.has-watch #acc-watch {
transform:translate(34px, 149px) rotate(51deg) scale(.92)!important;
transform-box:view-box;
transform-origin:0 0;
filter:drop-shadow(0 1px 2px rgba(92, 54, 10, 0.38));
}
.scene-item-layer {
position:absolute;
inset:0;
z-index:6;
overflow:hidden;
pointer-events:none;
}
.scene-item-layer.hidden {
display:none;
}
.scene-direct-item {
position:absolute;
display:block;
height:auto;
object-fit:contain;
filter:drop-shadow(0 5px 7px rgba(25, 31, 40, 0.18));
}
.scene-direct-item-art {
top:17%;
right:6%;
width:17%;
aspect-ratio:1;
padding:3px;
border:4px solid #8c653b;
background:#fff;
object-fit:cover;
box-shadow:0 4px 9px rgba(25, 31, 40, 0.18);
filter:none;
}
.scene-direct-item-sportscar {
right:2%;
bottom:-2%;
width:34%;
}
.scene-direct-item-yacht {
top:37%;
left:6%;
width:22%;
}
.scene-direct-item-gold {
bottom:2%;
left:3%;
width:20%;
}
.scene-direct-item-supercar-garage {
bottom:-2%;
left:1%;
width:31%;
}
.scene-direct-item-bluechip-vault {
right:2%;
bottom:1%;
width:23%;
}
[data-story-item-slot="wall"] .story-item-prop {
top:10%!important;
right:6%!important;
bottom:auto!important;
width:25%!important;
padding:3px;
border:5px solid #8c653b;
background:#fff;
box-shadow:0 5px 12px rgba(25, 31, 40, 0.2);
}
[data-story-item-slot="water"] .story-item-prop {
top:40%!important;
right:5%!important;
bottom:auto!important;
width:30%!important;
}
[data-story-item-slot="runway"] .story-item-prop,
[data-story-item-slot="driveway"] .story-item-prop,
[data-story-item-slot="garage"] .story-item-prop {
right:3%!important;
bottom:1%!important;
width:36%!important;
}
[data-story-item-slot="vault-floor"] .story-item-prop,
[data-story-item-slot="vault"] .story-item-prop,
[data-story-item-slot="collection"] .story-item-prop {
right:5%!important;
bottom:3%!important;
width:30%!important;
}
#offline-modal #offline-text {
margin:0!important;
color:#4e5968;
font-size:14px;
font-weight:650;
}
#offline-modal #offline-breakdown:empty {
display:none!important;
}
#offline-modal #offline-breakdown:not(:empty) {
max-height:none!important;
padding:8px 10px!important;
}
@media (max-width:699px) {
html,
body {
height:100%;
overflow:hidden;
}
#app {
height:100dvh;
min-height:0;
overflow:hidden;
}
#bottom-nav {
display:none!important;
}
body[data-active-panel="home"] #main-screen {
min-height:0!important;
padding:0!important;
overflow:hidden!important;
}
body[data-active-panel="home"] #panel-home {
display:grid!important;
padding:0!important;
gap:0;
}
body[data-active-panel="home"] #avatar-scene {
display:flex!important;
width:100%;
height:clamp(190px, 31dvh, 264px)!important;
min-height:190px!important;
margin-top:0!important;
}
body[data-active-panel="home"] #avatar-scene[data-residence] #ant-avatar-wrap,
body[data-active-panel="home"] #avatar-scene[data-residence] #ant-avatar {
width:clamp(88px, 25vw, 108px)!important;
height:clamp(115px, 32vw, 141px)!important;
}
#avatar-scene .ant-scene-dialogue { left:8px; width:min(220px, calc(100% - 116px)); transform:none; }
#panel-home #action-buttons {
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:6px;
padding-bottom:0!important;
}
#panel-home #action-buttons button,
#panel-home #action-buttons button.action-primary {
min-height:60px!important;
padding:5px 2px!important;
grid-template-rows:32px 17px 12px!important;
border-radius:8px!important;
}
#panel-home #action-buttons button::before,
#panel-home #action-buttons button.action-primary::before {
width:32px!important;
min-width:32px!important;
height:32px!important;
}
#panel-home #action-buttons .action-label {
font-size:13.5px!important;
line-height:17px!important;
}
#panel-home #action-buttons .action-status {
font-size:10.5px!important;
line-height:13px!important;
}
body[data-starter-phase="work"] #panel-home #action-buttons,
body[data-starter-phase="daytrade"] #panel-home #action-buttons {
grid-template-columns:minmax(0, 1fr)!important;
}
body[data-starter-phase="work"] #panel-home #work-btn,
body[data-starter-phase="daytrade"] #panel-home #daytrade-btn {
min-height:clamp(56px, 9dvh, 68px)!important;
}
#buy-sheet-backdrop,
#sell-sheet-backdrop {
padding-bottom:max(12px, env(safe-area-inset-bottom))!important;
}
.feature-panel-backdrop {
padding-bottom:0;
}
.feature-panel-shell {
height:min(91dvh, 860px);
}
}
@media (max-width:380px), (max-height:760px) and (max-width:699px) {
body[data-active-panel="home"] #avatar-scene,
body[data-active-panel="home"][data-quest-mission="work"] #avatar-scene {
display:flex!important;
height:min(194px, 29dvh)!important;
min-height:min(194px, 29dvh)!important;
}
#avatar-scene .ant-scene-dialogue { width:min(204px, calc(100% - 104px)); padding:7px 11px 8px; }
#avatar-scene .ant-scene-dialogue strong {
font-size:15px;
line-height:19px;
}
#avatar-scene .ant-scene-dialogue small {
font-size:11px;
line-height:15px;
}
.home-feature-btn {
min-height:42px;
grid-template-rows:24px 17px;
}
.home-feature-btn .nav-icon {
width:32px;
height:32px;
}
}
@media (min-width:700px) {
.daytrade-content:has(#daytrade-result:not(.hidden)) #daytrade-field{display:none!important}
body[data-active-panel="home"] {
overflow:hidden;
}
body[data-active-panel="home"] #app {
height:100dvh;
overflow:hidden;
}
body[data-active-panel="home"] #avatar-scene {
display:flex!important;
height:clamp(110px, calc(48dvh - 96px), 340px)!important;
min-height:clamp(100px, calc(38dvh - 64px), 280px)!important;
}
body[data-active-panel="home"] #main-screen {
padding-bottom:0!important;
}
body[data-active-panel="home"] #panel-home {
padding-top:0!important;
}
body[data-active-panel="home"] #panel-home #action-buttons button,
body[data-active-panel="home"] #panel-home #action-buttons button.action-primary {
min-height:clamp(48px, 9dvh, 72px)!important;
}
.home-feature-nav {
display:none;
max-width:620px;
margin:0 auto;
}
.home-feature-btn {
min-height:clamp(36px, 8dvh, 66px);
}
}
@media (prefers-reduced-motion:reduce) {
body[data-quest-priority="action"][data-quest-mission] .quest-focus {
animation:none!important;
box-shadow:0 0 0 4px rgba(255, 196, 45, 0.42)!important;
}
#ant-avatar[data-motion-frame] #ant-character-b,
#avatar-scene[data-ant-action] #ant-character-b {
animation:none!important;
}
}