@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url('fonts/nunito-variable.ttf') format('truetype')}
body.home-soft-open{background:#f0e9da}
#splav-home.home-soft{position:fixed;inset:0;margin:auto;width:min(100%,480px);z-index:10;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;background:var(--home-bg);color:var(--home-ink);font-family:'Nunito',sans-serif;font-weight:600;box-shadow:0 0 70px #463d2110;isolation:isolate}
#splav-home.home-soft::-webkit-scrollbar{display:none}
#splav-home.home-soft *{box-sizing:border-box}
#splav-home.home-soft button{font:inherit;color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--home-fast) var(--home-ease),box-shadow var(--home-fast)}
#splav-home.home-soft button:focus-visible{outline:3px solid #178579;outline-offset:4px}
#splav-home.home-soft button:active{transform:translateY(3px) scale(.98)}
#splav-home.home-soft .home-shell{display:flex;flex-direction:column;min-height:100%;padding:max(16px,env(safe-area-inset-top)) 18px max(16px,env(safe-area-inset-bottom));gap:14px}
#splav-home.home-soft .home-header{display:flex;align-items:center;gap:8px;min-height:60px;flex:none;z-index:2}
#splav-home.home-soft .home-player{display:flex;align-items:center;gap:9px;min-width:0;margin-right:auto;padding:0;background:transparent;text-align:left;min-height:60px}
#splav-home.home-soft .home-avatar-block{position:relative;display:block;flex:none;width:58px;height:60px}
#splav-home.home-soft .home-avatar-face{position:absolute;inset:0 0 3px;border-radius:50%;background:#a8e0cc;border:3px solid #f7c761;box-shadow:0 2px 0 #c39a43,0 3px 10px #9e742327;overflow:hidden;display:grid;place-items:center}
#splav-home.home-soft .home-avatar-face .home-art{width:100%;height:100%;object-fit:contain;filter:none}
#splav-home.home-soft .home-avatar-face .identity-portrait{width:100%;height:100%;transform:translateY(6%)}
#splav-home.home-soft .home-avatar-block>.identity-frame{position:absolute;inset:-3px;width:64px;height:64px;pointer-events:none}
#splav-home.home-soft .home-avatar-block[data-frame="bronze"] .home-avatar-face{inset:7px 6px 9px;border:0;box-shadow:none;background:#c8eedb}
#splav-home.home-soft .home-avatar-block[data-frame="bronze"] .home-avatar-face .home-art{width:115%;height:115%;max-width:none}
#splav-home.home-soft .home-avatar-block>.home-avatar-frame{position:absolute;left:-6px;top:-6px;width:calc(100% + 12px);height:auto;pointer-events:none;filter:drop-shadow(0 2px 2px #94794022)}
#splav-home.home-soft .home-level{position:absolute;bottom:0;right:0;min-width:23px;height:23px;border-radius:8px;background:var(--home-yellow);border:2px solid var(--home-bg);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--home-ink)}
#splav-home.home-soft .home-player-info{display:grid;gap:7px;min-width:0}
#splav-home.home-soft .home-player-info>b{display:block;font-size:14px;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
#splav-home.home-soft .home-xp{display:block;max-width:100px;width:100%;min-width:45px;height:5px;background:#e4e6da;border-radius:9px;overflow:hidden;margin:0}
#splav-home.home-soft .home-xp i{display:block;height:100%;border-radius:inherit;background:#3ebba4;min-width:0}
#splav-home.home-soft .home-wallet{height:44px;min-width:100px;flex:none;display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--home-surface);border:1px solid #fff;border-radius:16px;box-shadow:0 4px 12px #94794016;font-size:16px!important}
#splav-home.home-soft .home-wallet>.home-art{width:36px;height:36px;filter:none}
#splav-home.home-soft .home-wallet b{max-width:78px;overflow:hidden;text-overflow:ellipsis;line-height:1}
#splav-home.home-soft .home-plus{display:grid!important;place-items:center;flex:none;width:22px;height:22px;margin-left:2px;background:#ffdc79;color:#705019;border:1px solid #f4c553;border-radius:50%;box-shadow:inset 0 1px 0 #ffebaf,0 1px 0 #dfa630}
#splav-home.home-soft .home-plus .home-ui-icon{width:13px;height:13px;stroke-width:3}
#splav-home.home-soft .home-plus:before,#splav-home.home-soft .home-plus:after{content:none}
#splav-home.home-soft .home-settings{padding:10px;width:44px;height:44px;flex:none;background:var(--home-surface);border-radius:14px;box-shadow:0 4px 12px #94794016;display:grid;place-items:center}
#splav-home.home-soft .home-ui-icon{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#splav-home.home-soft .home-art{display:block;object-fit:contain;flex:none;filter:drop-shadow(0 3px 2px #6b5b3312)}
#splav-home.home-soft .home-hero{position:relative;inset:auto;opacity:1;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 0 220px;min-height:220px;margin:0;padding:14px 0 18px;overflow:visible;isolation:isolate}
#splav-home.home-soft .home-hero:after{content:none}
#splav-home.home-soft .home-hero-art{width:clamp(150px,45vw,218px);height:clamp(150px,45vw,218px);filter:drop-shadow(0 12px 10px #8c785124);animation:home-float 6s ease-in-out infinite}
#splav-home.home-soft .home-brand{display:block;padding:12px 0 0;text-align:center}
#splav-home.home-soft .home-brand h1{margin:0;font-size:46px;line-height:1.1;letter-spacing:.035em;font-weight:1000;color:var(--home-ink);text-shadow:none}
#splav-home.home-soft .home-brand p{max-width:300px;margin:8px auto 0;color:var(--home-muted);font-size:12px;line-height:1.5;letter-spacing:0;font-weight:500}
#splav-home.home-soft .home-launch{position:relative;flex:none;z-index:1;padding:10px 12px 12px;background:var(--home-surface);border:1px solid #fff;border-radius:var(--home-radius);box-shadow:var(--home-shadow)}
#splav-home.home-soft .home-mode{width:100%;min-height:54px;display:flex;align-items:center;gap:10px;text-align:left;background:none;padding:0 2px 8px}
#splav-home.home-soft .home-mode-art{width:40px;height:44px;filter:none}
#splav-home.home-soft .home-mode-copy{display:grid;gap:2px;min-width:0}
#splav-home.home-soft .home-mode small{color:var(--home-muted);font-size:11px;letter-spacing:.1em;font-weight:700}
#splav-home.home-soft .home-mode b{font-size:21px;line-height:1.2;font-weight:900}
#splav-home.home-soft .home-change{display:flex;align-items:center;gap:3px;margin-left:auto;font-size:12px;color:var(--home-muted);white-space:nowrap}
#splav-home.home-soft .home-change svg{width:17px;height:17px}
#splav-home.home-soft .home-play-row{display:flex;gap:8px}
#splav-home.home-soft .home-play{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;flex:1;min-width:0;width:auto;min-height:60px;padding:8px 14px 12px;clip-path:none;border-radius:18px;background:linear-gradient(#ffdb67,#ffcd43);border:1px solid #f2bf38;box-shadow:inset 0 2px 0 #ffeaa6,inset 0 -5px 0 #dfa32a,0 3px 5px #92722a16;font-size:23px!important;font-weight:900!important;line-height:1.1;color:#354831!important;letter-spacing:.005em;animation:home-play-nudge 8s 3s ease-in-out infinite;text-shadow:0 1px 0 #ffe999}
#splav-home.home-soft .home-play:before,#splav-home.home-soft .home-play:after{content:none}
#splav-home.home-soft .home-play svg{width:21px;height:21px;filter:drop-shadow(0 1px 0 #ffe999)}
#splav-home.home-soft .home-play:active{animation:none;transform:translateY(3px);box-shadow:inset 0 1px 0 #ffeaa6,inset 0 -2px 0 #dfa32a}
#splav-home.home-soft .home-new{width:48px;min-width:48px;min-height:60px;padding:12px;border-radius:16px;background:#f1f4ec;display:grid;place-items:center;color:var(--home-muted)}
#splav-home.home-soft .home-activities{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:none}
#splav-home.home-soft .home-activities button{position:relative;display:flex;align-items:center;gap:9px;min-height:88px;padding:12px;background:var(--home-surface);border-radius:20px;box-shadow:var(--home-shadow);text-align:left;min-width:0}
#splav-home.home-soft .home-activities .home-art{width:42px;height:52px;object-fit:contain}
#splav-home.home-soft .home-activities button>span{display:grid;gap:4px;min-width:0}
#splav-home.home-soft .home-activities b{font-size:16px;line-height:1.3;font-weight:800}
#splav-home.home-soft .home-activities small{font-size:12px;line-height:1.4;color:var(--home-muted)}
#splav-home.home-soft .home-arena>.home-ui-icon{position:absolute;right:9px;top:8px;width:13px;height:13px;color:#8f9994}
#splav-home.home-soft .home-badge{position:absolute;right:8px;top:-6px;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;border-radius:8px;background:var(--home-coral);color:white;font-size:12px;font-weight:800;font-style:normal;box-shadow:0 2px 0 #d85e55;border:2px solid var(--home-bg);z-index:2}
#splav-home.home-soft .home-workshop{display:flex;align-items:center;gap:10px;min-height:52px;padding:4px 10px;background:#eeeedd;border-radius:16px;text-align:left}
#splav-home.home-soft .home-workshop>.home-art{width:35px;height:38px;filter:none}
#splav-home.home-soft .home-workshop>span{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1;flex-wrap:wrap}
#splav-home.home-soft .home-workshop b{font-size:13px}
#splav-home.home-soft .home-workshop small{font-size:12px;color:var(--home-muted)}
#splav-home.home-soft .home-workshop>.home-ui-icon{width:17px;height:17px;color:var(--home-muted)}
#splav-home.home-soft .home-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:none;border:0;padding:4px 0 0;margin:0}
#splav-home.home-soft .home-dock button{font-weight:700!important;position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0;min-height:78px;padding:0;background:transparent;font-size:12px!important;letter-spacing:-.25px;color:var(--home-muted)}
#splav-home.home-soft .home-dock-tile{display:grid;place-items:center;position:relative;width:60px;height:52px;background:var(--home-surface);border-radius:18px;box-shadow:0 4px 0 #e9e1d3,0 6px 12px #7e69420c}
#splav-home.home-soft .home-dock .home-art{width:38px;height:40px}
#splav-home.home-soft .home-dock .home-badge{right:-4px;top:-5px}
#splav-home.home-soft .is-locked{opacity:.72}
#splav-home.home-soft .home-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:min(90vw,400px);padding:14px 20px;border-radius:18px;background:var(--home-ink);color:white;font-size:14px;box-shadow:0 8px 25px #102c4933;z-index:50;text-align:center}
#splav-home.home-soft .home-earned{animation:home-earned .45s ease-out}
@keyframes home-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(1deg)}}
@keyframes home-play-nudge{0%,88%,100%{transform:translateY(0)}92%{transform:translateY(-2px)}96%{transform:translateY(0)}}
@keyframes home-earned{40%{transform:scale(1.08)}100%{transform:scale(1)}}
@media(max-height:740px) and (max-width:599px){#splav-home.home-soft .home-shell{padding:10px 16px max(10px,env(safe-area-inset-bottom));gap:10px}#splav-home.home-soft .home-hero{flex-basis:150px;min-height:150px;padding:2px 0}#splav-home.home-soft .home-hero-art{width:112px;height:112px}#splav-home.home-soft .home-brand{padding-top:4px}#splav-home.home-soft .home-brand h1{font-size:36px}#splav-home.home-soft .home-brand p{margin-top:4px}#splav-home.home-soft .home-activities button{min-height:76px;padding:10px}#splav-home.home-soft .home-dock button{min-height:70px;gap:6px}#splav-home.home-soft .home-workshop{min-height:44px}#splav-home.home-soft .home-workshop small{display:none}}
@media(min-width:600px) and (min-height:600px){#splav-home.home-soft{width:min(100%,600px)}#splav-home.home-soft .home-shell{padding:24px 30px;gap:20px}#splav-home.home-soft .home-hero{flex-basis:300px}#splav-home.home-soft .home-hero-art{width:270px;height:270px}#splav-home.home-soft .home-brand h1{font-size:60px}#splav-home.home-soft .home-brand p{font-size:14px;max-width:400px}#splav-home.home-soft .home-activities button{min-height:100px}#splav-home.home-soft .home-activities b{font-size:18px}#splav-home.home-soft .home-dock button{font-size:12px!important}}
@media(min-width:600px) and (min-aspect-ratio:1.15){#splav-home.home-soft{width:min(100%,1100px)}#splav-home.home-soft .home-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:60px 1fr auto auto auto;padding:20px 28px;gap:18px 32px;min-height:100%}#splav-home.home-soft .home-header{grid-column:1/-1;grid-row:1}#splav-home.home-soft .home-hero{grid-column:1;grid-row:2/6;min-height:260px;margin:0;padding:20px 0;flex-basis:auto}#splav-home.home-soft .home-hero-art{width:min(30vw,280px);height:min(30vw,280px)}#splav-home.home-soft .home-brand h1{font-size:54px}#splav-home.home-soft .home-launch{grid-column:2;grid-row:2;align-self:end}#splav-home.home-soft .home-activities{grid-column:2;grid-row:3}#splav-home.home-soft .home-workshop{grid-column:2;grid-row:4}#splav-home.home-soft .home-dock{grid-column:2;grid-row:5}}
@media(min-width:600px) and (max-height:599px){#splav-home.home-soft .home-shell{padding:10px 22px;gap:10px 22px;grid-template-rows:50px auto auto auto}#splav-home.home-soft .home-header{min-height:50px}#splav-home.home-soft .home-player{min-height:50px}#splav-home.home-soft .home-avatar-block{width:48px;height:50px}#splav-home.home-soft .home-hero{grid-row:2/5;min-height:180px;padding:0}#splav-home.home-soft .home-hero-art{width:118px;height:118px}#splav-home.home-soft .home-brand h1{font-size:34px}#splav-home.home-soft .home-brand p{max-width:240px}#splav-home.home-soft .home-launch{grid-row:2;padding:6px 10px 10px}#splav-home.home-soft .home-mode{min-height:44px;padding-bottom:4px}#splav-home.home-soft .home-play,#splav-home.home-soft .home-new{min-height:48px;font-size:20px!important}#splav-home.home-soft .home-activities{grid-row:3}#splav-home.home-soft .home-activities button{min-height:66px;padding:8px}#splav-home.home-soft .home-activities .home-art{width:34px;height:42px}#splav-home.home-soft .home-workshop{grid-column:1;grid-row:5;min-height:44px}#splav-home.home-soft .home-workshop small{display:none}#splav-home.home-soft .home-dock{grid-row:4/6}#splav-home.home-soft .home-dock-tile{height:44px;width:50px}#splav-home.home-soft .home-dock button{min-height:64px}}
@media(prefers-reduced-motion:reduce){#splav-home.home-soft *,#splav-home.home-soft *:before{animation:none!important;transition:none!important}}
/* Compact windows and touch devices use the whole screen, including landscape tablets. */
@media(max-width:1199px), (hover:none) and (pointer:coarse){
 #splav-home.home-soft{width:100%;max-width:none;box-shadow:none}
 #splav-home.home-soft .home-shell{
  padding-left:max(18px,env(safe-area-inset-left));
  padding-right:max(18px,env(safe-area-inset-right));
 }
}
/* The second currency has its own compact row, preserving the profile width. */
#splav-home.home-soft .home-balances{display:flex;flex-direction:column;align-items:stretch;gap:5px;flex:none;margin-left:auto}
#splav-home.home-soft .home-balances .home-wallet{min-height:34px;padding:3px 8px;gap:4px;margin:0;border-radius:13px;font-size:16px}
#splav-home.home-soft .home-balances .home-wallet>.home-art{width:28px;height:28px}
#splav-home.home-soft .home-diamonds{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:3px 9px;background:#e4f3ee;border:1px solid #c6e5d9;border-radius:11px;font-size:14px;box-shadow:0 2px 0 #d4e7dc;color:#386c61}
#splav-home.home-soft .home-diamonds img{width:24px;height:24px;object-fit:contain}
#splav-home.home-soft .home-diamonds>span{display:grid;place-items:center;background:#c2e5d8;border-radius:50%;width:18px;height:18px;line-height:1;font-weight:900}
#splav-home.home-soft .home-balances .home-plus{width:22px;height:22px;min-width:22px}
@keyframes home-mode-reveal{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
#splav-home.home-soft .home-hero{animation:home-mode-reveal .28s ease-out both}
@media(prefers-reduced-motion:reduce){#splav-home.home-soft .home-hero{animation:none}}