.journey-home{--journey-ink:#f6e9cd;--journey-panel:#211a2d;background:#141220;color:var(--journey-ink)}.journey-home>header{position:relative;z-index:20;background:#181421;border-bottom:1px solid #c1a15a44}.journey-home .nav{max-width:1440px}.journey-home button,.journey-home a.button{min-height:44px}.journey-home .navlinks{gap:14px}.square-welcome{height:min(720px,78svh);min-height:540px;position:relative;isolation:isolate;overflow:hidden}.square-panorama,.square-shade,.town-backdrop,.town-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.square-panorama{object-position:center 45%}.square-shade{background:linear-gradient(90deg,#151021d9,transparent 85%),linear-gradient(0deg,#141220,transparent 30%)}.welcome-copy{position:relative;z-index:3;padding:90px max(6vw,24px);max-width:770px}.welcome-copy h1{font:500 clamp(48px,6vw,88px)/1.04 Georgia;margin:16px 0 24px;color:#fff1d0;letter-spacing:-.04em}.welcome-copy p{max-width:390px;font-size:18px;line-height:1.6}.welcome-signature{color:#d5b4f0;font-style:italic}.castle-visit{display:block;margin-top:18px;color:#e8d7f6}.welcome-friends{position:absolute;right:9%;bottom:20px;width:36%;height:90%;pointer-events:none}.welcome-alyssa{position:absolute;height:100%;width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 9px 14px #170d2588);animation:welcome-breathe 6s ease-in-out infinite}.welcome-cosmo{position:absolute;bottom:0;right:-12%;width:50%;height:34%;object-fit:contain;filter:drop-shadow(0 8px 12px #10091d88)}.welcome-lanterns i{position:absolute;width:8px;height:12px;border-radius:40%;background:#ffeab0;box-shadow:0 0 24px 12px #f8b74933;top:22%;left:65%;animation:lantern-drift 8s ease-in-out infinite}.welcome-lanterns i:nth-child(2){left:88%;top:40%;animation-delay:-3s}.welcome-lanterns i:nth-child(3){left:45%;top:12%;animation-delay:-6s}.square-dashboard{max-width:1200px;padding-top:28px;padding-bottom:42px}.square-dashboard>section{margin:28px 0 46px}.journey-home h2{font:500 clamp(27px,3.5vw,44px)/1.15 Georgia;letter-spacing:-.025em}.square-dashboard h2{font-size:30px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.quick-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.journey-game{display:flex;position:relative;align-items:center;gap:16px;min-height:126px;padding:14px;background:#211a2df0;border:1px solid #dbbd7766;border-radius:15px;text-decoration:none;color:#f9ebd1;box-shadow:0 8px 30px #08040f33;transition:transform .2s,border-color .2s}.journey-game:hover{transform:translateY(-4px);border-color:#f4ce85}.journey-game img{width:96px;height:100px;object-fit:contain;border-radius:9px;flex:none}.journey-game strong{display:block;font:600 19px/1.25 Georgia}.journey-game small{display:block;line-height:1.45;margin-top:7px;color:#d3c6dc;font-size:13px}.journey-game i{align-self:flex-start;color:#e9c888;font-style:normal}.quick-games .journey-game{display:block;padding:13px}.quick-games .journey-game img{width:100%;height:120px;object-fit:cover}.quick-games .journey-game strong{margin-top:10px}.quick-games .journey-game small{display:none}.quick-games .journey-game i{position:absolute;right:13px;bottom:13px}.daily-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.daily-grid a{display:flex;justify-content:space-between;flex-direction:column;gap:8px;padding:16px;border:1px solid #b79a6255;border-radius:10px;background:#282032;color:inherit;text-decoration:none;min-height:82px}.daily-grid small{color:#c6b3d5;font-size:12px}.daily-grid a.complete{border-color:#83cbaa}.daily-grid a.complete small{color:#a4e3bd}.quiet,#daily-note{font-size:13px;color:#bdb0c9}.friends-placeholder{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px dashed #b19f6d;padding:25px;border-radius:16px}.friends-placeholder h2{margin:8px 0}.friends-placeholder p{margin:0;color:#c8bbd1}.journey-heading{text-align:center;padding:65px 20px 50px}.journey-heading p{color:#cfc2da}.town-panorama{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;padding:75px 0 65px;background:#171b25}.town-backdrop{z-index:-3;object-position:center;opacity:.9}.town-shade{z-index:-2;background:linear-gradient(#100d1b55,#100d1b11 25%,#100d1be6 85%,#141220)}.town-intro{max-width:1250px}.town-intro h2{font-size:clamp(42px,5.5vw,74px);margin:12px 0;text-shadow:0 2px 20px #000}.town-intro p{max-width:600px;text-shadow:0 2px 8px #000;color:#f5e7cf}.town-play{max-width:1250px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:35px;align-items:end;position:relative;margin-top:70px}.town-host{width:100%;max-height:420px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 15px 20px #0b081ba6);animation:welcome-breathe 7s ease-in-out infinite}.town-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.journey-gate{max-width:700px;background:#20172feb;border:1px solid #b89a5a;border-radius:18px;padding:28px;margin-top:80px}.journey-gate label{display:block;margin:20px 0}.journey-gate input{width:20px;height:20px;vertical-align:middle}.journey-gate button{margin-top:10px}#boardwalk[aria-busy=true]{opacity:.8}#travel-dialog{width:min(600px,92vw);max-height:88svh;padding:28px;border:1px solid #bba275;border-radius:20px;background:#211b30;color:#f6e9cd}#travel-dialog::backdrop{background:#0b071bd9;backdrop-filter:blur(6px)}.travel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.travel-heading h2{margin:0}.travel-heading button{border:0;background:none;color:inherit;font-size:24px}#travel-dialog nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}#travel-dialog nav a{padding:16px;border:1px solid #ae925455;border-radius:10px;background:#32263c;color:#ffe9ba;text-decoration:none}#balloon-ride{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 110%,#575178,#182540 45%,#0b1222);overflow:hidden}#balloon-ride[hidden]{display:none}#balloon-ride img{height:min(48vh,430px);width:auto;max-width:70vw;object-fit:contain;animation:balloon-cross 2s cubic-bezier(.3,.05,.2,1) both;filter:drop-shadow(0 0 30px #e9bc5430)}#balloon-ride p{position:absolute;bottom:18%;color:#ffe9b9;font:24px Georgia}#travel-skip{position:absolute;bottom:8%;border:1px solid #ad9469;background:#29273b;color:#f4e6c8;border-radius:9px;padding:10px 20px}.travel-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#f9e4b0 1px,transparent 2px);background-size:115px 89px;opacity:.35}.scene-paused *{animation-play-state:paused!important}.town-panorama:not(.in-view) .town-host{animation-play-state:paused}.journey-home [hidden]{display:none!important}html[data-theme=light] .journey-home{--journey-ink:#342841;--journey-panel:#fff5e7;background:#f5eedf;color:var(--journey-ink)}html[data-theme=light] .square-dashboard .journey-game,html[data-theme=light] .daily-grid a{background:#fff9ef;color:#392a42}html[data-theme=light] .quiet,html[data-theme=light] #daily-note,html[data-theme=light] .friends-placeholder p,html[data-theme=light] .journey-heading p{color:#685872}html[data-theme=light] .town-panorama{color:#fff1d0}
@keyframes welcome-breathe{50%{transform:translateY(-5px) rotate(.4deg)}}@keyframes lantern-drift{50%{transform:translateY(-15px)}}@keyframes balloon-cross{0%{transform:translate(-65vw,30vh) scale(.65)}60%{transform:translate(0,-4vh) scale(1)}100%{transform:translate(60vw,-20vh) scale(.7)}}
@media(max-width:700px){.journey-home .nav{padding:14px 16px;gap:14px}.journey-home .brand{font-size:17px}.journey-home .brand small{font-size:8px}.journey-home .navlinks{gap:7px;font-size:12px}.journey-home .navlinks button{padding:8px}.square-welcome{height:740px;min-height:0}.welcome-copy{padding:36px 22px}.welcome-copy h1{font-size:47px;max-width:310px}.welcome-copy p{font-size:15px;max-width:290px}.welcome-copy .button{font-size:13px}.welcome-friends{height:340px;width:75%;right:9%;bottom:0}.square-shade{background:linear-gradient(#171020aa,transparent 90%),linear-gradient(0deg,#141220,transparent 25%)}.welcome-alyssa{object-position:center bottom}.welcome-cosmo{height:36%;width:52%;right:-8%}.square-dashboard{width:auto;padding:8px 18px 25px}.sectionhead{align-items:flex-start}.sectionhead a{font-size:12px;white-space:nowrap}.square-dashboard h2{font-size:26px}.quick-games{grid-template-columns:1fr 1fr;gap:10px}.quick-games .journey-game strong{font-size:16px}.quick-games .journey-game img{height:95px}.daily-grid{grid-template-columns:1fr 1fr}.daily-grid a{padding:12px;font-size:14px}.friends-placeholder{display:block;padding:20px}.friends-placeholder a{margin-top:18px}.town-panorama{min-height:100svh;padding:45px 0}.town-intro{padding:0 22px}.town-intro h2{font-size:42px}.town-intro p{font-size:14px;max-width:290px}.town-play{display:block;margin-top:20px;padding:0 18px}.town-host{height:190px;width:145px;display:block;margin-left:auto;margin-right:12px}.town-games{grid-template-columns:1fr;gap:12px}.journey-game{min-height:105px;padding:12px}.journey-game img{width:88px;height:88px}.journey-game strong{font-size:19px}.journey-game small{font-size:12px}.town-backdrop{object-position:50% 0;object-fit:cover}.journey-gate{margin:35px 18px;padding:23px}.journey-heading{padding:30px 22px}#travel-dialog{padding:22px}#travel-dialog nav{grid-template-columns:1fr}#travel-dialog nav a{padding:12px}}
@media(prefers-reduced-motion:reduce){.journey-home *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.journey-flat *{animation:none!important;transition:none!important}
@media(max-width:700px){.journey-home .navlinks>a{display:inline-flex!important;align-items:center;min-height:44px}.journey-home .nav{padding:12px 10px;gap:8px}.journey-home .navlinks{gap:6px}.journey-home .navlinks button[data-theme-toggle]{font-size:0;width:40px;padding:0}.journey-home .navlinks button[data-theme-toggle]::after{content:'◐';font-size:20px}.journey-home .brand{font-size:16px}.journey-home .brand small{font-size:7px}}
@media(max-width:700px){.town-backdrop,.town-shade{height:100svh}.town-panorama{background:#141220}.town-shade{background:linear-gradient(#100d1b33,#100d1b11 25%,#141220 98%)}}
/* PixiJS scenes (landing-scene.js): one canvas sits in the scene on screen, beneath its shade and text */
.landing-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;pointer-events:none}
.town-panorama .landing-canvas{z-index:-3}
.square-welcome.pixi-live :is(.square-panorama,.welcome-alyssa,.welcome-cosmo,.welcome-lanterns),.town-panorama.pixi-live .town-backdrop{opacity:0}
.square-welcome :is(.square-panorama,.welcome-alyssa,.welcome-cosmo),.town-panorama .town-backdrop{transition:opacity .4s}
#balloon-ride .balloon-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:0}
#balloon-ride img.replaced,#balloon-ride:has(.balloon-canvas) .travel-stars{visibility:hidden}
#balloon-ride>:not(canvas){position:relative;z-index:1}
/* the welcome is a banner, not a full screen; the game hall sits right beneath it */
.square-welcome{height:min(460px,56svh)!important;min-height:360px!important}
.game-hall{margin:22px auto 10px;padding:18px clamp(14px,2vw,26px) 14px;border-radius:22px;background:linear-gradient(160deg,#2b1a45f2,#1a1030f2);border:1px solid #e2b56555;box-shadow:0 18px 40px #0008;position:relative;z-index:2}
.hall-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-bottom:14px}
.hall-head h2{margin:0;font-size:clamp(1.5rem,2.4vw,2rem)}
.hall-tabs{display:flex;flex-wrap:wrap;gap:6px}
.hall-tabs button{min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid #e2b56577;background:#ffffff0d;color:inherit;font-weight:700;cursor:pointer}
.hall-tabs button[aria-pressed=true]{background:linear-gradient(#ffe39a,#d9a145);color:#2a1206;border-color:#fff1c4}
.hall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.hub-game{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#ffffff0a;border:1px solid #ffffff1c;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
.hub-game[hidden]{display:none}
.hub-game img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;display:block}
.hub-game span{padding:7px 8px 8px;font-weight:700;font-size:.92rem;text-align:center;line-height:1.2}
.hub-game:hover,.hub-game:focus-visible{transform:translateY(-3px);border-color:#ffd77a;box-shadow:0 10px 22px #0007,0 0 18px #f0be5944}
.hall-more{margin:14px 0 0;font-size:.92rem;text-align:center;opacity:.9}
.hall-more a{white-space:nowrap}
@media (max-width:600px){.square-welcome{height:auto!important;min-height:320px!important}.hall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hub-game span{font-size:.8rem;padding:5px 4px 6px}.hall-tabs button{min-height:36px;padding:4px 11px;font-size:.85rem}}
[data-theme=light] .game-hall{background:linear-gradient(160deg,#fff8ec,#f5e9d6);border-color:#c8954a66;color:#2b1a2f}
.hub-game img{object-position:50% 12%}
.square-welcome{height:min(520px,62svh)!important}
.square-welcome .welcome-copy h1{font-size:clamp(2.4rem,5.2vw,4.6rem)}