.home-mobile-experience{display:none}.home-desktop-experience{display:block}.mobile-home-stage{width:100%;height:100dvh;overflow:hidden}.mobile-arcade-loading{background:var(--color-canvas);min-height:100dvh;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;display:flex}@media (max-width:767px),(max-height:500px) and (orientation:landscape) and (pointer:coarse){.home-desktop-experience{display:none}.home-mobile-experience{display:block}}.portrait-arcade-intro{isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100%;padding:max(1rem,env(safe-area-inset-top))max(1.25rem,env(safe-area-inset-right))max(.65rem,env(safe-area-inset-bottom))max(1.25rem,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 28%,#5b5eea38,transparent 58%),var(--color-canvas);color:#fff;flex:0 0 100%;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.portrait-intro-grid{z-index:-1;pointer-events:none;opacity:.28;background-image:linear-gradient(#8588ff33 1px,#0000 1px),linear-gradient(90deg,#8588ff33 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 28%,#0000 85%);mask-image:linear-gradient(#0000,#000 28%,#0000 85%)}.portrait-intro-orbit{z-index:-1;pointer-events:none;border:1px solid #8588ff21;border-radius:50%;width:27rem;height:27rem;position:absolute;top:10%;left:50%;transform:translate(-50%);box-shadow:0 0 0 28px #8588ff06,0 0 0 64px #8588ff06}.portrait-intro-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.portrait-intro-brand{align-items:center;gap:.55rem;min-height:44px;display:flex}.portrait-intro-brand>span{letter-spacing:.08em;font-size:.83rem;font-weight:800}.portrait-intro-brand>span>span{color:var(--color-primary-text)}.portrait-intro-brand small{color:var(--color-text-secondary);letter-spacing:.18em;margin-top:.25rem;font-size:.43rem;display:block}.portrait-intro-explore{border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:44px;color:var(--color-text);align-items:center;gap:.3rem;padding:0 .65rem;font-size:.7rem;display:inline-flex}.portrait-intro-content{flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,3dvh,1.8rem);min-height:0;padding:.6rem 0;display:flex}.portrait-game-art{flex-shrink:0;width:min(100%,320px);height:clamp(120px,23dvh,205px);animation:.65s ease-out both portrait-intro-arrive;position:relative}.portrait-art-glow{background:radial-gradient(#5b5eea73,#0000 70%);position:absolute;inset:8% 12%;transform:scale(1.5)}.portrait-game-photo{border:2px solid var(--color-primary-text);background:var(--color-surface-2);width:46%;padding:5px;position:absolute;box-shadow:5px 6px #0000008c}.portrait-photo-screen{aspect-ratio:1.4;background:var(--color-canvas);position:relative;overflow:hidden}.portrait-game-photo>span{text-overflow:ellipsis;white-space:nowrap;padding:.45rem .15rem .15rem;font-size:.6rem;font-weight:700;display:block;overflow:hidden}.portrait-game-photo-0{border-color:var(--color-arcade-cyan);top:14%;left:0;transform:rotate(-13deg)}.portrait-game-photo-1{z-index:2;border-color:var(--color-arcade-yellow);width:54%;top:0;left:23%;transform:rotate(3deg)}.portrait-game-photo-2{border-color:var(--color-arcade-red);top:17%;right:0;transform:rotate(13deg)}.portrait-game-art[data-count="1"] .portrait-game-photo-0{width:54%;top:0;left:23%;transform:rotate(-5deg)}.portrait-game-art[data-count="2"] .portrait-game-photo-0{left:6%}.portrait-game-art[data-count="2"] .portrait-game-photo-1{top:5%;left:42%;transform:rotate(9deg)}.portrait-art-badge{z-index:3;border:2px solid var(--color-canvas);background:var(--color-arcade-yellow);box-shadow:4px 4px 0 var(--color-arcade-red);color:var(--color-canvas);font-family:var(--font-pixel),monospace;white-space:nowrap;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.48rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(-4deg)}.portrait-art-spark{z-index:3;width:30px;height:30px;color:var(--color-arcade-cyan);position:absolute;top:-5%;right:1%}.portrait-empty-art{place-items:center;height:100%;padding-bottom:2rem;display:grid}.portrait-intro-message{text-align:center;position:relative}.portrait-intro-eyebrow{color:var(--color-arcade-cyan);font-family:var(--font-pixel),monospace;justify-content:center;align-items:center;gap:.5rem;font-size:clamp(.4rem,1.8vw,.48rem);line-height:1.8;display:flex}.portrait-intro-eyebrow>span{background:currentColor;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 9px #20d8ff99}.portrait-intro-message h1{font-family:var(--font-pixel),monospace;margin-top:.8rem}.portrait-intro-message h1>span{margin-bottom:.65rem;font-size:clamp(.9rem,4vw,1.15rem);line-height:1.4;display:block}.portrait-intro-message h1>strong{color:var(--color-arcade-yellow);text-shadow:3px 3px 0 var(--color-arcade-red);font-size:clamp(1rem,4.6vw,1.45rem);font-weight:400;line-height:1.65;display:block}.portrait-intro-description{color:var(--color-text-secondary);margin-top:1rem;font-size:clamp(.74rem,3.2vw,.88rem);line-height:1.75}.portrait-intro-count{color:var(--color-text-secondary);margin-top:.8rem;font-size:.65rem}.portrait-intro-count>span{color:#fff;font-weight:700}.portrait-intro-footer{justify-self:center;width:100%;max-width:25rem}.portrait-start-button{border:2px solid var(--color-arcade-yellow);background:var(--color-arcade-yellow);width:calc(100% - 4px);min-height:56px;box-shadow:4px 4px 0 var(--color-arcade-red);color:var(--color-canvas);font-family:var(--font-pixel),monospace;cursor:pointer;justify-content:center;align-items:center;gap:.8rem;padding:.85rem 1rem;font-size:.6rem;line-height:1.7;transition:background .15s,transform .15s,box-shadow .15s;display:flex}.portrait-start-button>svg:last-child{margin-left:auto}.portrait-start-button>svg:first-child{margin-right:auto}.portrait-start-button:hover{background:#fde047}.portrait-start-button:active{box-shadow:1px 1px 0 var(--color-primary-text);transform:translate(3px,3px)}.portrait-swipe-hint{width:100%;min-height:44px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.64rem;display:flex}.portrait-swipe-hint svg{color:var(--color-arcade-cyan);flex-shrink:0;animation:1.5s ease-in-out 3 portrait-swipe-nudge}.portrait-intro-links{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:1rem;display:flex}.portrait-intro-links>a{min-height:44px;color:var(--color-text-secondary);align-items:center;gap:.4rem;font-size:.68rem;display:inline-flex}.portrait-intro-links>a svg{color:var(--color-arcade-cyan)}.portrait-intro-links>span{background:var(--color-border-strong);width:1px;height:12px}.portrait-arcade-intro a:hover{color:var(--color-arcade-cyan)}.portrait-arcade-intro :is(a,button):focus-visible{outline:2px solid var(--color-arcade-cyan);outline-offset:4px}@keyframes portrait-intro-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-swipe-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (max-height:740px){.portrait-intro-content{gap:1rem}.portrait-game-art{width:270px;max-width:100%;height:clamp(115px,21dvh,155px)}.portrait-intro-message h1>strong{font-size:clamp(1rem,4.6vw,1.45rem)}.portrait-intro-count{display:none}.portrait-intro-description{margin-top:.65rem}}@media (max-height:620px){.portrait-arcade-intro{padding-top:max(.5rem,env(safe-area-inset-top))}.portrait-game-art{width:215px;height:110px}.portrait-art-badge{padding:.35rem .5rem;font-size:.4rem}.portrait-game-photo>span{padding-top:.2rem;font-size:.5rem}.portrait-intro-content{gap:.65rem}.portrait-intro-message h1{margin-top:.45rem}.portrait-intro-message h1>span{margin-bottom:.35rem;font-size:.8rem}.portrait-intro-message h1>strong{font-size:clamp(.95rem,4.4vw,1.3rem);line-height:1.5}.portrait-intro-description{margin-top:.5rem;font-size:.72rem}.portrait-start-button{min-height:46px;padding:.65rem 1rem}}@media (max-height:500px){.portrait-game-art{display:none}.portrait-intro-content{padding:.35rem 0}.portrait-intro-eyebrow{font-size:.4rem}.portrait-intro-message h1>strong{font-size:clamp(.75rem,2.4vw,1.15rem);display:inline}.portrait-intro-message h1>strong+strong{margin-left:.6em}.portrait-intro-description{font-size:.7rem;line-height:1.5}}@media (prefers-reduced-motion:reduce){.portrait-game-art,.portrait-swipe-hint svg{animation:none}.portrait-start-button{transition:none}}