.home-pixel .hp-dim{color:var(--faint)}.home-pixel .hp-red{color:var(--bad)}.home-pixel .hp-yel{color:var(--brass)}.home-pixel a{text-decoration:none}.home-pixel .hp-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-gap:var(--sp-7);gap:var(--sp-7);align-items:start;margin-top:var(--sp-7)}.home-pixel .hp-col.grow{min-width:0}.home-pixel .hp-box{margin-bottom:var(--sp-7)}.home-pixel .hp-avatar{display:flex;justify-content:center;margin:var(--sp-1) auto var(--sp-2)}.home-pixel .hp-lvl{margin:0 0 var(--sp-3);text-align:center;font:400 var(--fs-display-12)/1 var(--font-display);font-size-adjust:none;color:var(--brass)}.home-pixel .hp-barrow{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-gap:var(--sp-2);gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-2)}.home-pixel .hp-barlabel{font:400 var(--fs-ui-10)/1 var(--font-ui);font-size-adjust:var(--font-ui-adjust)}.home-pixel .hp-barval{font-size:var(--fs-body-12);color:var(--muted);min-width:11ch;text-align:right;white-space:nowrap}.home-pixel .hp-stats{list-style:none;margin:var(--sp-3) 0 0;padding:var(--sp-3) 0 0;border-top:var(--bd-control) dashed var(--line);font-size:var(--fs-body-14)}.home-pixel .hp-stats li{display:flex;justify-content:space-between;padding:var(--sp-1) 0}.home-pixel .hp-stats b{color:var(--brass)}.home-pixel .hp-stats a:hover{text-decoration:underline}.home-pixel .hp-actions{display:flex;flex-direction:column;gap:var(--sp-3)}.home-pixel .hp-actions .btn{justify-content:center}.home-pixel .hp-quests{list-style:none;margin:0;padding:0;font-size:var(--fs-body-14)}.home-pixel .hp-quests a{display:grid;grid-template-columns:14px 26px auto minmax(0,1fr) 40px auto 84px;grid-gap:var(--sp-3);gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-1)}.home-pixel .hp-cursor{color:var(--brass);opacity:0;font-size:var(--fs-body-12)}.home-pixel .hp-quests a:hover{background:var(--surface-2)}.home-pixel .hp-quests a:hover .hp-cursor{opacity:1;animation:pixel-blink .8s steps(2) infinite}.home-pixel .hp-qn{font:400 var(--fs-display-10)/1 var(--font-display);font-size-adjust:none;color:var(--line)}.home-pixel .hp-quests .cardrow{flex-wrap:nowrap}.home-pixel .hp-pos{font-family:var(--font-ui);font-size-adjust:var(--font-ui-adjust);font-size:var(--fs-ui-10);color:var(--accent-2)}.home-pixel .hp-loss{text-align:right}.home-pixel .hp-more{display:inline-block;margin-top:var(--sp-3);font:400 var(--fs-ui-10)/1 var(--font-ui);font-size-adjust:var(--font-ui-adjust);color:var(--accent-2)}.home-pixel .hp-more:hover{color:var(--brass)}.home-pixel .hp-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-gap:var(--sp-2);gap:var(--sp-2)}.home-pixel .hp-tile{display:grid;grid-gap:var(--sp-1);gap:var(--sp-1);padding:var(--sp-2);--hi:var(--p8-lavender);--lo:var(--p8-navy);--tile-bevel:inset calc(-1 * var(--bd-frame)) calc(-1 * var(--bd-frame)) 0 var(--lo),inset var(--bd-frame) var(--bd-frame) 0 var(--hi);background:var(--line);box-shadow:var(--tile-bevel)}.home-pixel .hp-tile.pos{--hi:var(--p8-green);background:var(--felt)}.home-pixel .hp-tile.neg{--hi:var(--p8-orange);--lo:var(--p8-plum);background:var(--p8-brown)}.home-pixel .hp-tile:hover{transform:translate(-2px,-2px);box-shadow:var(--tile-bevel),var(--shadow-2)}.home-pixel .hp-tday{font-size:var(--fs-body-16);line-height:1}.home-pixel .hp-tnet{font-size:var(--fs-body-20);color:var(--brass);white-space:nowrap}.home-pixel .hp-tsub{font-size:var(--fs-body-12)}.home-pixel .hp-last{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-3);margin-bottom:var(--sp-4);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);box-shadow:0 0 0 var(--bd-control) var(--line);font-size:var(--fs-text)}.home-pixel .hp-last:hover{box-shadow:0 0 0 var(--bd-control) var(--ink)}.home-pixel .hp-last-label{font:400 var(--fs-ui-8)/1.4 var(--font-ui);font-size-adjust:var(--font-ui-adjust);text-transform:uppercase;color:var(--brass)}.home-pixel .hp-last .hp-tnet{margin-left:auto}.home-pixel .hp-last .hp-tnet.pos{color:var(--good)}.home-pixel .hp-last .hp-tnet.neg{color:var(--bad)}.home-pixel .hp-dialog{display:grid;grid-template-columns:56px 1fr auto;grid-gap:var(--sp-4);gap:var(--sp-4);align-items:center}.home-pixel .hp-dialog p{margin:0;font-size:var(--fs-text)}.home-pixel .hp-dialog b{color:var(--brass)}.home-pixel .hp-npc{line-height:0}@media (max-width:980px){.home-pixel .hp-layout{grid-template-columns:1fr}.home-pixel .hp-quests a{grid-template-columns:26px auto minmax(0,1fr) 70px}.home-pixel .hp-board,.home-pixel .hp-cursor,.home-pixel .hp-pos{display:none}.home-pixel .hp-dialog{grid-template-columns:1fr}}.next-step{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-6)}.next-step-main{min-width:0;align-self:flex-start}.next-step-title{margin:var(--sp-1) 0 var(--sp-1);font-size:var(--fs-text);color:var(--ink)}.next-step-facts{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);margin:0;padding:0;list-style:none;color:var(--muted);font-size:var(--fs-body-12)}.next-step-facts strong{color:var(--ink)}.next-step-note{flex-basis:100%;margin:0;color:var(--faint);font-size:var(--fs-body-12)}.public-home .ph-h2{margin:0}.ph-hero{display:grid;justify-items:center;grid-gap:var(--sp-4);gap:var(--sp-4);padding:var(--sp-12) var(--sp-4) var(--sp-16);text-align:center}.public-home .ph-kicker{margin:0;padding:0 var(--sp-2);font:400 var(--fs-ui-8)/1.7 var(--font-ui);font-size-adjust:var(--font-ui-adjust);color:var(--faint);text-transform:uppercase}.public-home .ph-logo{display:flex;align-items:center;gap:clamp(var(--sp-3),3vw,var(--sp-7));margin:0}.ph-logo-suits{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(var(--sp-1),.6vw,var(--sp-2));gap:clamp(var(--sp-1),.6vw,var(--sp-2))}.ph-logo-suits b{display:grid;place-items:center;width:clamp(40px,8vw,76px);aspect-ratio:1;background:var(--ink);box-shadow:var(--bevel-4),0 0 0 var(--bd-frame) var(--p8-black),var(--shadow-off-3) var(--shadow-off-3) 0 var(--bd-frame) var(--p8-black)}.ph-logo-suits svg{width:36px;height:36px}.ph-logo-name{font:400 clamp(var(--fs-display-32),7.4vw,var(--fs-display-64))/1.15 var(--font-display);font-size-adjust:none;color:var(--brass);text-align:left;text-shadow:var(--shadow-off-2) var(--shadow-off-2) 0 var(--bad),var(--shadow-3)}.public-home .ph-slogan{max-width:34ch;margin:0;font-size:var(--fs-text);color:var(--ink)}.ph-start{margin-top:var(--sp-1);animation:ph-start-blink 1.1s step-end infinite}@keyframes ph-start-blink{50%,to{background:var(--surface);color:var(--brass)}}.ph-start:focus-visible,.ph-start:hover{animation:none}.ph-body{padding-top:var(--sp-6)}.public-home .ph-demo-title{margin-bottom:var(--sp-5);scroll-margin-top:90px}.ph-media{position:absolute;top:8px;right:8px;z-index:4;display:flex;gap:var(--sp-2);cursor:default}:is(.ph-stage,.ph-map):not(:hover) .ph-media:not(:focus-within) .btn{color:var(--faint);border-color:var(--faint);box-shadow:none}.ph-demo{margin:0 var(--sp-1)}.ph-screen{cursor:pointer}.ph-stage{position:relative;container-type:inline-size}:is(.ph-stamp,.ph-unlocks,.ph-endcard,.ph-paused){z-index:4}.public-home{--fade-25:conic-gradient(#000 0 25%,transparent 0) 0 0 /4px 4px;--fade-50:repeating-conic-gradient(#000 0 25%,transparent 0 50%) 0 0 /4px 4px;--fade-75:conic-gradient(#000 0 75%,transparent 0) 0 0 /4px 4px}.ph-reveal{animation:ph-reveal .4s step-end var(--at,0s) both}.ph-hide .ph-reveal{animation:ph-reveal .4s step-end reverse both}@keyframes ph-reveal{0%{visibility:hidden}25%{visibility:visible;-webkit-mask:var(--fade-25);mask:var(--fade-25)}50%{-webkit-mask:var(--fade-50);mask:var(--fade-50)}75%{-webkit-mask:var(--fade-75);mask:var(--fade-75)}to{-webkit-mask:none;mask:none}}.ph-bare :is(.rt-row,.rt-pots,.rt-head,.rt-dealer,.rt-plate,.rt-under>*){visibility:hidden;animation:ph-reveal .4s step-end reverse both}.ph-dress :is(.rt-row,.rt-pots,.rt-head,.rt-dealer,.rt-plate,.rt-under>*){animation:ph-reveal .4s step-end both}.ph-stamp{position:absolute;right:6%;top:38%;display:grid;grid-gap:var(--sp-1);gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);background:var(--bad);color:var(--ink);font:400 var(--fs-ui-16)/1.2 var(--font-ui);font-size-adjust:var(--font-ui-adjust);text-transform:uppercase;box-shadow:0 0 0 var(--bd-frame) var(--ink),var(--shadow-off-3) var(--shadow-off-3) 0 var(--bd-frame) var(--p8-black);animation:ph-stamp .3s step-end}.ph-stamp small{font:400 var(--fs-text)/1 var(--font-body);font-size-adjust:var(--font-body-adjust);text-transform:none}@keyframes ph-stamp{0%{transform:scale(2)}50%,to{transform:none}}.ph-unlocks{position:absolute;inset:0;display:grid;align-content:center;justify-content:center;grid-gap:var(--sp-5);gap:var(--sp-5);margin:0;padding:var(--sp-5);list-style:none;font-size:var(--fs-h3);font-family:var(--font-display);font-size-adjust:none;color:var(--brass);text-shadow:var(--shadow-off-1) var(--shadow-off-1) 0 var(--bad)}.ph-unlocks li{display:flex;align-items:center;gap:var(--sp-3);max-width:60cqi;text-wrap:balance}.ph-unlocks svg{flex:none}.ph-unlocks li:first-child{--at:0.5s}.ph-unlocks li:nth-child(2){--at:1s}.ph-unlocks li:nth-child(3){--at:1.5s}.ph-endcard{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;grid-gap:var(--sp-6);gap:var(--sp-6);padding:var(--sp-5)}.ph-endcard .ph-logo{--at:0.5s}.public-home .ph-endcard p{--at:1.2s;max-width:60cqi;margin:0;text-align:center;text-wrap:balance;font:400 var(--fs-h2)/1.5 var(--font-display);font-size-adjust:none;color:var(--brass);text-shadow:var(--shadow-off-2) var(--shadow-off-2) 0 var(--bad)}.ph-endcard .ph-logo-suits b{width:28px}.ph-endcard .ph-logo-suits svg{width:18px;height:18px}.ph-endcard .ph-logo-name{font-size:var(--fs-display-16)}@container (min-width: 600px){.ph-endcard .ph-logo-suits b{width:48px}.ph-endcard .ph-logo-suits svg{width:36px;height:36px}.ph-endcard .ph-logo-name{font-size:var(--fs-display-32)}.ph-unlocks{font-size:var(--fs-h2);text-shadow:var(--shadow-off-2) var(--shadow-off-2) 0 var(--bad)}}.ph-paused{position:absolute;inset:0;display:grid;place-items:center;background:var(--veil)}.ph-paused span{display:grid;place-items:center;width:84px;height:84px;background:var(--brass);color:var(--p8-black);box-shadow:0 0 0 var(--bd-frame) var(--p8-black),var(--shadow-off-3) var(--shadow-off-3) 0 var(--bd-frame) var(--p8-black)}.ph-paused svg{translate:2px 0}.ph-caption{display:grid;grid-template-columns:36px 1fr;grid-gap:var(--sp-3);gap:var(--sp-3);align-items:center;min-height:92px;padding:var(--sp-3) var(--sp-4);border-top:var(--bd-frame) solid var(--ink)}.public-home .ph-caption p{margin:0;font-size:var(--fs-text);line-height:1.35;animation:ph-type .8s steps(16)}@keyframes ph-type{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}}.ph-caption b{color:var(--brass)}.ph-caption .ph-red{color:var(--bad)}.ph-world{margin-top:var(--sp-20)}.public-home .ph-world-lede{max-width:60ch;margin:var(--sp-3) 0 var(--sp-5);font-size:var(--fs-text);line-height:1.35;color:var(--muted)}.ph-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-gap:var(--sp-7);gap:var(--sp-7)}.ph-map{display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(8,auto)}.ph-tile{aspect-ratio:1}.ph-tile.grass{background:var(--felt);background-image:conic-gradient(from 270deg at 2px 2px,var(--good) 25%,transparent 0);background-size:12px 12px}.ph-tile.tree{background:linear-gradient(var(--p8-navy) 0 0) 50% 30% /50% 60% no-repeat,linear-gradient(var(--p8-navy) 0 0) 50% 50% /75% 40% no-repeat,var(--felt)}.ph-tile.water{background:var(--p8-navy);background-image:repeating-linear-gradient(0deg,transparent 0 6px,var(--accent-2) 6px 8px);animation:ph-wave 1.2s steps(2) infinite}@keyframes ph-wave{50%{background-position:0 4px}}.ph-tile.bridge{background:var(--p8-brown);background-image:repeating-linear-gradient(90deg,transparent 0 6px,var(--line) 6px 8px)}.ph-tile.path{background:var(--p8-peach);background-image:conic-gradient(from 270deg at 2px 2px,var(--p8-brown) 25%,transparent 0);background-size:10px 10px}.ph-tile.land{background:var(--line);background-image:conic-gradient(from 270deg at 2px 2px,var(--p8-lavender) 25%,transparent 0);background-size:12px 12px}.ph-fog{grid-row:1/-1;z-index:1;pointer-events:none;background:repeating-conic-gradient(var(--veil) 0 25%,transparent 0 50%) 0 0 /6px 6px;transition:opacity .6s steps(4)}.ph-fog.lifted{opacity:0}.ph-item,.ph-place{z-index:2;position:relative;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.ph-place{margin:10%}.ph-place svg:first-child{width:70%;height:auto;filter:drop-shadow(var(--shadow-2))}.ph-place.on,.ph-place:hover{box-shadow:0 0 0 var(--bd-frame) var(--brass);background:var(--veil)}.ph-place.on:after{content:"";width:9px;height:5px;background:currentColor;-webkit-mask:var(--px-cursor-down) center /100% 100% no-repeat;mask:var(--px-cursor-down) center /100% 100% no-repeat;position:absolute;top:-20px;color:var(--brass);animation:pixel-blink .8s steps(2) infinite}.ph-place .ph-place-lock{position:absolute;right:4px;bottom:4px;width:30%;height:auto}.ph-item svg{width:70%;height:auto;filter:drop-shadow(var(--shadow-1))}.ph-key{animation:ph-bob 1s steps(2) infinite}@keyframes ph-bob{50%{translate:0 -10px}}.ph-hero-sprite{position:absolute;z-index:3;display:grid;place-items:center;pointer-events:none;transition:left .22s steps(2),top .22s steps(2)}.ph-hero-sprite>svg:first-child{width:72%;height:auto;filter:drop-shadow(var(--shadow-1))}.ph-hero-sprite.left>svg:first-child{transform:scaleX(-1)}.ph-hero-sprite.walking>svg:first-child{animation:ph-walk .22s steps(2) infinite}@keyframes ph-walk{50%{translate:0 -3px}}.ph-held{position:absolute;top:-4px;right:0;width:45%;height:auto}.ph-dialog{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;padding:var(--sp-4)}.ph-dialog>*{flex-shrink:0}.ph-dialog-head{display:grid;grid-template-columns:44px 1fr;grid-gap:var(--sp-3);gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-2)}.public-home .ph-who{margin:0;font:400 var(--fs-display-10)/1.4 var(--font-display);font-size-adjust:none;color:var(--brass)}.public-home .ph-zone{margin:var(--sp-1) 0 0;font-size:var(--fs-text);color:var(--muted)}.ph-open{color:var(--good)}.ph-closed{color:var(--bad)}.ph-dialog-visual{display:grid;place-items:center;margin-bottom:var(--sp-2);padding:var(--sp-2);background:var(--surface-2)}.ph-dialog-visual .ph-glossary{padding:var(--sp-2) var(--sp-2);font-size:var(--fs-text);line-height:1.35}.public-home .ph-say{margin:0 0 var(--sp-2);font-size:var(--fs-text);line-height:1.7}.public-home .ph-note{margin:0 0 var(--sp-2);font-size:var(--fs-text-small);color:var(--faint)}.ph-cta{width:100%;justify-content:center;margin-top:auto}.public-home .ph-member{margin:auto 0 0;padding-top:var(--sp-1);font-size:var(--fs-text);color:var(--muted)}.ph-member a{color:var(--accent-2)}@media (max-width:900px){.ph-layout{grid-template-columns:1fr}.ph-dialog{position:static}}@media (max-width:640px){.ph-hero{padding:var(--sp-8) var(--sp-4) var(--sp-10)}.ph-logo-suits svg{width:18px;height:18px}.ph-stamp{top:4%;right:3%;font-size:var(--fs-ui-12)}.ph-unlocks{font-size:var(--fs-h4)}}:is(.ph-quiz,.ph-equity) .card{margin-right:var(--sp-1);vertical-align:middle}.ph-verdicts{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);width:100%;max-width:300px}.ph-verdicts li{display:grid;grid-template-columns:56px auto 1fr;align-items:center;grid-gap:var(--sp-2);gap:var(--sp-2);font-size:var(--fs-text)}.ph-loss{text-align:right;color:var(--bad)}.ph-curve{width:100%;max-width:280px;height:auto;color:var(--good)}.ph-curve .ph-key{fill:var(--brass)}.ph-curve .ph-key.bad{fill:var(--bad)}.ph-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--sp-2);gap:var(--sp-2);width:100%;margin:0}.ph-stats div{padding:var(--sp-2);background:var(--surface);box-shadow:0 0 0 var(--bd-control) var(--line)}.ph-stats dt{font:400 var(--fs-ui-8)/1.4 var(--font-ui);font-size-adjust:var(--font-ui-adjust);text-transform:uppercase;color:var(--muted)}.ph-stats dd{margin:var(--sp-1) 0 0;font-size:var(--fs-body-20);color:var(--brass)}.ph-stats dd.good{color:var(--good)}.ph-glossary{max-width:300px;margin:0;padding:var(--sp-3);background:var(--surface);box-shadow:0 0 0 var(--bd-control) var(--accent-2);font-size:var(--fs-text)}.ph-glossary b{color:var(--brass)}.ph-quiz{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2)}.ph-quiz p{flex-basis:100%;margin:0 0 var(--sp-1);text-align:center;font-size:var(--fs-text)}.ph-choice{min-width:44px;padding:var(--sp-1);text-align:center;background:var(--surface);box-shadow:0 0 0 var(--bd-control) var(--line)}.ph-choice.on{background:var(--good);color:var(--p8-black)}.ph-equity{width:100%;max-width:300px}.ph-equity p{display:flex;justify-content:space-between;margin:0 0 var(--sp-2);font-size:var(--fs-text)}.login-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-gap:var(--sp-7);gap:var(--sp-7);align-items:start}.login-box{margin-bottom:var(--sp-7)}.login-box>p{margin:0 0 var(--sp-4);font-size:var(--fs-text);line-height:1.35}.login-box .notice{margin-bottom:var(--sp-4);font-size:var(--fs-text)}.login-box .login-meta{margin:var(--sp-3) 0 0;font-size:var(--fs-text-small);color:var(--muted)}.login-google{width:100%;justify-content:center}.login-features{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.login-features li{display:grid;grid-gap:var(--sp-1);gap:var(--sp-1);padding-left:var(--sp-4);position:relative}.login-features li:before{position:absolute;left:0;top:2px;color:var(--brass)}.login-features strong{font:400 var(--fs-ui-10)/1.4 var(--font-ui);font-size-adjust:var(--font-ui-adjust);text-transform:uppercase;color:var(--brass)}.login-features span{line-height:1.35}.login-features span,.login-invite{color:var(--muted);font-size:var(--fs-text)}.login-invite{padding:var(--sp-4) var(--sp-5);border-top:var(--bd-frame) solid var(--line)}.login-invite p{margin:0 0 var(--sp-3)}.login-invite strong{color:var(--ink)}@media (max-width:860px){.login-layout{grid-template-columns:1fr;gap:0}}