.brand-intro{--intro-x:65%;--intro-y:45%;isolation:isolate;color:#fff5f2;background:#171b1e;position:relative}.intro-atmosphere{z-index:-1;background:radial-gradient(ellipse at var(--intro-x) var(--intro-y),#5f41494d,transparent 65%),linear-gradient(130deg,#242025,#151c20);position:absolute;inset:0;overflow:hidden}.intro-halo{filter:blur(55px);opacity:.65;will-change:transform;border-radius:50%;animation:7s ease-in-out infinite alternate intro-drift;position:absolute}.intro-halo-rose{background:radial-gradient(#cc6d8a 0%,#9e496d88 30%,#0000 68%);width:75vw;height:75vh;top:-23%;left:-20%}.intro-halo-pearl{background:radial-gradient(#e4c4c3a8 0%,#a596a24d 30%,#0000 65%);width:72vw;height:85vh;animation-delay:-3s;top:-10%;right:-20%}.intro-halo-copper{background:radial-gradient(#c47b54b0 0%,#d55d7c66 35%,#0000 68%);width:80vw;height:60vh;animation-delay:-5s;bottom:-27%;left:5%}.intro-grain{opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.intro-beam{background:var(--beam-color);height:3px;box-shadow:0 0 8px var(--beam-color),0 0 32px 3px var(--beam-color),0 0 100px 25px var(--beam-glow);opacity:.9;will-change:transform;border-radius:50px;animation:6s ease-in-out infinite alternate intro-beam;position:absolute}.beam-one{--beam-color:#f5afb7;--beam-glow:#e76f9777;width:56%;top:18%;left:-8%}.beam-two{--beam-color:#dfd1cb;--beam-glow:#e3bfb366;width:49%;animation-delay:-2s;top:27%;right:-8%}.beam-three{--beam-color:#cf839a;--beam-glow:#ca608466;width:30%;animation-delay:-3.5s;top:58%;left:-10%}.beam-four{--beam-color:#e7a582;--beam-glow:#cc755e77;width:62%;animation-delay:-1s;bottom:20%;left:-12%}.beam-five{--beam-color:#eea9b4;--beam-glow:#d85e8377;width:30%;animation-delay:-4s;bottom:13%;right:-3%}.intro-top,.intro-bottom{justify-content:space-between;align-items:center;gap:28px;display:flex}.intro-top{border-bottom:1px solid #ffffff20;padding-bottom:24px}.intro-signature{letter-spacing:-.12em;font-family:Georgia,Times New Roman,serif;font-size:44px;line-height:1}.intro-signature>span{vertical-align:top;letter-spacing:0;margin-left:8px;font-family:Arial,sans-serif;font-size:9px;display:inline-block}.intro-edition{color:#ead8da;letter-spacing:.13em;margin-right:auto;font-size:9px;line-height:1.8}.intro-coordinate{color:#ddcfd2;text-align:right;font-family:monospace;font-size:10px;line-height:1.8}.intro-center{text-align:center;width:100%;padding:28px 0;position:relative}.intro-kicker{color:#e3c8cb;letter-spacing:.28em;margin-bottom:30px;font-size:9px;display:block}.intro-brand{flex-direction:column;align-items:center;display:flex}.intro-structures{color:#f7d5d9;letter-spacing:.6em;padding-left:.6em;font-size:clamp(12px,1.4vw,21px);font-weight:400}.intro-name{letter-spacing:-.075em;color:#0000;filter:drop-shadow(0 12px 16px #090d1170);background:linear-gradient(155deg,#fff5ed 8%,#e3b8c1 36%,#a67585 55%,#f7e1dd 71%,#cfb5b9);-webkit-background-clip:text;background-clip:text;padding-right:.07em;font-family:Didot,Bodoni MT,Georgia,Times New Roman,serif;font-size:clamp(74px,19.6vw,320px);font-weight:400;line-height:1.16;display:block;position:relative}.intro-name-dot{color:#e8c7ce;-webkit-text-fill-color:#e8c7ce;letter-spacing:0;font-family:Arial,sans-serif;font-size:11px;position:absolute;top:.4em;right:-.18em}.intro-baseline{color:#ead8da;letter-spacing:.16em;justify-content:center;align-items:center;gap:18px;margin-top:20px;font-family:monospace;font-size:9px;display:flex}.intro-baseline-line{background:#f5afb74d;width:54px;height:1px}.intro-bottom{align-items:end}.intro-loading{width:230px}.intro-loading-label{letter-spacing:.03em;color:#eddcde;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;font-size:10px;display:flex}#intro-percent{font-family:monospace;font-size:12px}.intro-progress{background:#ffffff26;height:1px}.intro-progress>span{transform-origin:0;background:var(--pink);width:100%;height:100%;transition:transform .5s;display:block;transform:scaleX(0);box-shadow:0 0 12px #f5afb7aa}.intro-motto{color:#eddbde;font-size:11px;line-height:1.8}.intro-motto em{color:#c6b1b6;font-style:normal}.intro-skip{color:#fff5f2;background:0 0;border:0;border-bottom:1px solid #f5afb780;justify-content:space-between;align-items:center;gap:32px;min-height:46px;padding:10px 0;font-size:12px;display:inline-flex}.intro-skip>.icon{width:19px;height:19px;color:var(--pink)}.brand-intro :focus-visible{outline-color:var(--pink)}.intro-replay{color:#e0d4d6;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:28px;min-height:44px;padding:0;font-size:11px;display:inline-flex}.intro-replay .icon{width:16px;color:var(--pink)}.intro-replay:hover{color:var(--pink)}@keyframes intro-drift{0%{transform:translate(-3%)scale(1)}to{transform:translate(7%,8%)scale(1.15)}}@keyframes intro-beam{0%{opacity:.6;transform:translate(-5vw)}to{opacity:1;transform:translate(8vw)}}@media (width<=760px){.intro-top{gap:20px;padding-bottom:20px}.intro-signature{font-size:36px}.intro-edition{letter-spacing:.08em;font-size:8px}.intro-coordinate{display:none}.intro-kicker{letter-spacing:.15em;margin-bottom:32px;font-size:8px}.intro-structures{letter-spacing:.45em;font-size:11px}.intro-name{margin-top:14px;font-size:20vw}.intro-name-dot{font-size:7px;right:-.6em}.intro-baseline{gap:10px;margin-top:26px;font-size:8px}.intro-baseline-line{width:30px}.intro-bottom{flex-wrap:wrap;gap:22px}.intro-loading{width:100%}.intro-motto{font-size:10px}.intro-skip{gap:20px;min-height:44px;font-size:11px}.intro-halo{filter:blur(35px)}.intro-halo-rose{width:110vw;height:65vh;top:-10%;left:-60%}.intro-halo-pearl{width:100vw;height:65vh;top:20%;right:-50%}.intro-halo-copper{width:120vw;height:60vh;left:-20%}.intro-beam{height:2px}.beam-one{width:75%;top:21%}.beam-two{width:53%;top:32%}.beam-three{width:40%;top:63%}.beam-four{width:70%;bottom:26%}.beam-five{width:40%;bottom:19%}.hero-bottom{justify-content:space-between}.intro-replay{gap:10px;font-size:10px}}@media (height<=540px){.intro-top{padding-bottom:12px}.intro-center{padding:12px 0}.intro-kicker,.intro-baseline{display:none}.intro-name{margin-top:0;font-size:min(20vw,26vh,140px)}.intro-structures{font-size:10px}.intro-signature{font-size:28px}.intro-bottom{flex-wrap:nowrap;align-items:end}.intro-loading{width:min(48%,230px)}.intro-motto{display:none}}@media (prefers-reduced-motion:reduce){.brand-intro,.intro-halo,.intro-beam,.intro-progress>span{transition:none;animation:none}.intro-replay{display:none}}.intro-kicker{letter-spacing:.42em;color:#fff1f0;font-size:12px;animation:1s both intro-welcome-in}.intro-structures{animation:1.2s .12s both intro-welcome-in}.intro-name{animation:1.5s cubic-bezier(.2,.7,.2,1) both intro-name-in}@keyframes intro-welcome-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-name-in{0%{opacity:0;filter:blur(10px);transform:translateY(30px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (width<=760px){.intro-kicker{font-size:10px}}@media (height<=540px){.intro-kicker{margin-bottom:12px;font-size:9px;display:block}}@media (prefers-reduced-motion:reduce){.intro-kicker,.intro-structures,.intro-name{animation:none}}.brand-intro{z-index:0;opacity:1;filter:none;height:100svh;min-height:520px;padding:0;transition:none;display:block;position:relative;inset:auto;overflow:clip}.brand-intro.is-scroll-scene{height:150svh}.intro-stage{isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;height:100svh;min-height:320px;padding:clamp(16px,3svh,34px) 48px clamp(20px,4svh,40px);display:grid;position:sticky;top:0;overflow:hidden}.intro-progress>span{transition:transform .12s linear}.intro-skip>.icon{width:18px;height:18px}.back-to-top{z-index:60;background:var(--charcoal-dark);min-width:84px;min-height:54px;color:var(--pink);border:1px solid #ffffff40;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px;transition:background .2s,transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 24px #0003}.pig-silhouette{width:38px;height:30px}.back-to-top>.icon{width:18px;height:18px}.back-to-top:hover{background:var(--charcoal);transform:translateY(-3px)}@media (width<=760px){.intro-stage{padding:24px 24px calc(24px + env(safe-area-inset-bottom))}.back-to-top{right:16px;bottom:calc(90px + env(safe-area-inset-bottom));min-width:76px;min-height:50px}}@media (height<=540px){.brand-intro,.intro-stage{min-height:320px}.intro-stage{padding:20px 32px}}@media (prefers-reduced-motion:reduce){.brand-intro.is-scroll-scene{height:100svh}.intro-replay{display:inline-flex}.back-to-top,.intro-progress>span{transition:none}}.intro-center{align-self:center;min-height:0;padding:12px 0}.intro-name{font-size:min(19.6vw,32svh,320px)}.intro-kicker{margin-bottom:18px}.intro-baseline{margin-top:12px}.intro-top,.intro-bottom{min-width:0}#intro-percent{white-space:nowrap;flex-shrink:0}@media (width<=760px){.intro-name{font-size:min(20vw,26svh)}.intro-kicker{margin-bottom:22px}.intro-stage{padding:20px 24px calc(24px + env(safe-area-inset-bottom))}}@media (height<=540px){.intro-name{font-size:min(20vw,23svh,140px)}.intro-kicker{margin-bottom:8px}.intro-center{padding:4px 0}}.game-section.section{border-block:1px solid var(--line);background:#f0ece6;padding:28px 0;scroll-margin-top:106px}.game-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.game-section-heading .section-label{font-size:9px}.game-section-heading h2{letter-spacing:-.04em;margin-top:8px;font-size:clamp(24px,2.3vw,32px);line-height:1.15}.game-section-heading h2 span{color:var(--pink-deep)}.game-section-heading>p{max-width:235px;color:var(--muted);font-size:12px;line-height:1.6}.refuge-game{border:1px solid #d7d0ca;border-radius:8px;grid-template-columns:1.35fr 1fr;max-width:1120px;margin-inline:auto;display:grid;overflow:hidden;box-shadow:0 8px 30px #383d4005}.game-workshop{color:#e8e6de;background:#292e30;flex-direction:column;min-width:0;display:flex}.game-topline,.game-floor{letter-spacing:.06em;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font:9px/1.5 monospace;display:flex}.game-topline{border-bottom:1px solid #ffffff15}.game-topline>span:first-child{align-items:center;gap:8px;display:flex}.game-live-dot{background:var(--pink);border-radius:50%;width:5px;height:5px}.game-floor{color:#aeb7b5;border-top:1px solid #ffffff15;margin-top:auto}.game-floor strong{color:#f4d8dd;font-weight:400}.game-arena{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:8px 0 18px;display:flex;position:relative;outline-offset:-5px!important}.game-scene{object-fit:contain;flex:1;width:100%;height:clamp(140px,30svh,285px);min-height:0}.game-target-label{text-align:center;color:#cbbabc;letter-spacing:.12em;margin-top:2px;font:8px/1.5 monospace}.game-alignment{background:#ffffff12;border-radius:8px;flex-shrink:0;width:70%;height:6px;margin:12px auto 0;position:relative}.game-target-zone{background:#f5afb74d;border:1px solid #f5afb78c;border-radius:8px;width:26%;height:100%;position:absolute;left:37%}.game-cursor{background:#fff1f3;width:3px;height:14px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #f5afb780}.game-build{opacity:0;transition:opacity .35s}.game-build.is-built{opacity:1}.game-piglets{transition:transform .6s}.game-cloud{transition:opacity .5s}.refuge-game.is-won .game-cloud,.refuge-game.is-won .game-cargo{opacity:0}.refuge-game.is-won .game-piglets{animation:.6s 2 pig-celebrate}.game-controls{background:#faf8f4;min-width:0;padding:22px}.game-controls>.section-label{display:none}.game-controls h3{letter-spacing:-.04em;margin:0 0 10px;font-size:26px;line-height:1.1}.game-controls>p:not(.game-status){color:var(--muted);font-size:12px;line-height:1.6}.game-steps{counter-reset:game-step;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.game-steps li{counter-increment:game-step;color:var(--muted);border-top:2px solid #ded7d1;padding-top:6px;font-size:11px}.game-steps li:before{content:"0" counter(game-step);margin-right:5px;font:9px/1.5 monospace;display:inline}.game-steps li.is-done{border-color:var(--pink-deep);color:var(--pink-deep)}.game-steps li.is-current{border-color:var(--charcoal);color:var(--charcoal);font-weight:700}.game-calm{cursor:pointer;align-items:center;gap:8px;min-height:28px;font-size:12px;display:flex}.game-calm input{width:16px;height:16px;accent-color:var(--pink-deep);margin:0}.game-calm span{color:var(--muted);font-size:10px}.game-manual{gap:2px;margin-top:6px;font-size:11px;display:grid}.game-manual input{width:100%;min-height:28px;accent-color:var(--pink-deep)}.game-actions{align-items:center;gap:12px;margin-top:12px;display:flex}.game-play{flex:1;min-width:0;min-height:44px;padding:10px 14px;font-size:12px}.game-play:disabled{cursor:default;opacity:.6}.game-restart{text-underline-offset:4px;min-height:44px;color:var(--muted);background:0 0;border:0;padding:0 2px;font-size:11px;text-decoration:underline}.game-status{min-height:36px;color:var(--pink-deep);margin-top:10px;font-size:11px;line-height:1.6}@keyframes pig-celebrate{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (width>=761px) and (height<=700px){.game-section.section{padding:18px 0}.game-section-heading{margin-bottom:12px}.game-section-heading h2{font-size:26px}.game-controls{padding:16px 20px}.game-controls h3{margin-bottom:8px;font-size:24px}.game-steps{margin:10px 0}.game-status{min-height:32px;margin-top:8px}.game-scene{height:clamp(120px,25svh,180px)}}@media (width<=1000px) and (width>=761px){.game-section-heading>p{display:none}.refuge-game{grid-template-columns:1fr 1fr}.game-calm span,.game-steps li:before{display:none}}@media (width<=760px){.game-section.section{padding:18px 0 24px;scroll-margin-top:94px}.game-section-heading{margin-bottom:12px}.game-section-heading>p{display:none}.game-section-heading .section-label{font-size:8px}.game-section-heading h2{margin-top:5px;font-size:22px}.refuge-game{grid-template-columns:1fr}.game-topline{padding:8px 14px;font-size:8px}.game-floor{display:none}.game-arena{padding:0 0 12px}.game-scene{flex:none;height:clamp(100px,18svh,155px)}.game-target-label{display:none}.game-alignment{margin-top:0}.game-controls{padding:14px 16px}.game-controls h3{margin-bottom:6px;font-size:22px}.game-controls h3 br{display:none}.game-controls>p:not(.game-status){font-size:11px;line-height:1.5}.game-steps{margin:9px 0}.game-steps li{padding-top:4px;font-size:10px}.game-steps li:before{display:none}.game-calm{min-height:24px;font-size:11px}.game-calm span{font-size:9px}.game-actions{margin-top:8px}.game-status{min-height:32px;margin-top:6px;font-size:10px}.game-manual{font-size:10px}}@media (width<=360px){.game-calm span{display:none}.game-section-heading h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.game-build,.game-piglets,.game-cloud{transition:none;animation:none!important}}@media (width>=761px){.refuge-game{height:clamp(300px,100svh - 225px,410px)}.game-workshop{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.game-arena{grid-template-rows:minmax(0,1fr) auto auto;min-height:0;display:grid}.game-scene{width:100%;height:100%;min-height:0}}.game-controls{flex-direction:column;justify-content:center;display:flex}.game-scoreline{border-block:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:11px;display:flex}.game-scoreline strong{color:var(--pink-deep);margin-left:8px;font:600 16px/1 monospace}#game-combo{color:var(--pink-deep);font-size:11px}.game-keyhint{margin-top:6px;font-size:10px!important}.game-party{opacity:0;transition:opacity .3s}.is-won .game-party{opacity:1}.is-cheering .happy-pig{animation:.6s happy-hop}.is-won .happy-pig{animation:.65s 3 happy-hop}.happy-pig:nth-child(2){animation-delay:.1s}.happy-pig:nth-child(3){animation-delay:.2s}@keyframes happy-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-14px)}}@media (width<=760px){.game-controls{padding:12px 16px}.game-controls h3{font-size:21px}.game-scene{height:clamp(100px,17svh,145px)}.game-scoreline{padding:5px 0}}@media (prefers-reduced-motion:reduce){.happy-pig,.game-party{transition:none;animation:none!important}}.game-controls{padding:16px}.game-controls h3{margin-bottom:8px;font-size:24px}.game-scoreline{padding-block:6px}.game-keyhint{font-size:9px!important;line-height:1.4!important}.game-actions{margin-top:8px}.game-status{min-height:30px;margin-top:6px;font-size:10px;line-height:1.5}@media (width<=760px){.game-controls{padding:12px 16px}.game-controls h3{font-size:21px}}@media (width<=360px){.game-section-heading .section-label{display:none}.game-section-heading h2{margin-top:0}.game-section-heading{margin-bottom:10px}}
