@font-face{font-family:RobotoCondensed;src:url('assets/RobotoCondensed-Light.ttf');font-weight:300;font-display:swap}@font-face{font-family:RobotoCondensed;src:url('assets/RobotoCondensed-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:RobotoCondensed;src:url('assets/RobotoCondensed-Bold.ttf');font-weight:700;font-display:swap}
:root{--ink:#f4f0e8;--violet:#40275b;--powder:#bfd2ee;--dark:#21172e;--line:#ffffff35}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:#17111e;color:var(--ink);font-family:RobotoCondensed,'Arial Narrow',Arial,sans-serif;overflow:hidden;touch-action:none}body{min-height:100dvh}button,a{font:inherit;color:inherit}
#app{position:relative;width:100%;height:100dvh;min-height:560px;isolation:isolate;overflow:hidden;background:var(--violet) url('assets/rs-embodied-sounds-fast.webp') center top/cover}
.impact #field{animation:microImpact .18s ease-out}.impact .game-caption{animation:captionImpact .18s ease-out}@keyframes microImpact{0%{transform:scale(1)}35%{transform:scale(1.008);filter:brightness(1.18)}100%{transform:scale(1);filter:none}}@keyframes captionImpact{35%{background:rgba(191,210,238,.82);color:var(--dark)}}
#app:after{content:"";position:absolute;z-index:-2;inset:-8% -26% auto;height:76%;background:url('assets/mycelium-canopy-fast.webp') center top/contain no-repeat;opacity:.31;filter:saturate(.72) brightness(1.08);pointer-events:none}#field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;touch-action:none}
.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:72px;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);background:rgba(31,16,43,.45);backdrop-filter:blur(8px);padding:0 14px}.brand{display:block;text-decoration:none}.brand img{display:block;width:min(36vw,140px);height:auto}.edition{font-size:.72rem;font-weight:700;white-space:nowrap}.icon-button{width:36px;height:36px;padding:0;border:1px solid #ffffff47;border-radius:50%;background:#18132152;color:white;font-size:9px;cursor:pointer}.icon-button:active,.icon-button[aria-pressed="true"]{color:var(--dark);background:var(--powder)}.sound-on{display:none}.icon-button[aria-pressed="true"] .sound-on{display:inline}.icon-button[aria-pressed="true"] .sound-off{display:none}
.screen{position:absolute;inset:72px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:26px 22px calc(22px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .45s,transform .45s;background:rgba(31,16,43,.14)}.screen.active{opacity:1;pointer-events:auto;transform:none}.game-screen.active{touch-action:none;-webkit-user-select:none;user-select:none}.tag{width:max-content;margin:0 0 15px;color:var(--powder);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
h1,h2{margin:0;font-weight:300;text-transform:uppercase;line-height:.88;letter-spacing:-.045em}h1{font-size:clamp(3.25rem,16vw,4.8rem)}h2{font-size:clamp(2.75rem,13vw,4rem)}h1 em,h2 em{font-style:normal;color:var(--powder)}.lead{max-width:330px;margin:18px 0 22px;color:#ffffffb8;font-size:.9rem;line-height:1.42}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--powder);background:var(--powder);color:var(--dark);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 28px #12091b4d;transition:.2s}.primary:active{transform:scale(.985);filter:brightness(.9)}.primary span{font-size:20px}.meta{margin-top:15px;color:#ffffff7f;font-size:.64rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}
#welcome{display:grid;grid-template:1fr 40px/1fr;padding:0;background:linear-gradient(180deg,#1f102b0d,#1f102bc7)}.hero-copy{z-index:2;grid-area:1/1;align-self:end;padding:0 22px 24px}.hero-visual{position:absolute;inset:0;overflow:hidden}.orb{position:absolute;left:50%;top:8%;width:88%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,#bfd2ee38 0,#8c8fd324 32%,transparent 69%);filter:blur(5px);animation:pulse 4s ease-in-out infinite}.mycelium{position:absolute;inset:3% -18% 21%;background:url('assets/mycelium-core.png') center 22%/contain no-repeat;opacity:.68;filter:saturate(.82) brightness(1.08);animation:float 9s ease-in-out infinite alternate}.hero-foot{z-index:2;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;border-top:1px solid var(--line);background:#21172eaa;font-size:.55rem;letter-spacing:.1em}.hero-foot span{padding:13px 5px;text-align:center;border-right:1px solid var(--line)}.hero-foot img{width:75px;margin:0 8px}.hero-copy .primary{width:min(100%,340px)}
@keyframes pulse{50%{transform:translateX(-50%) scale(1.08);opacity:.65}}@keyframes float{to{transform:translateY(-3%) scale(1.035)}}
#instructions{background:rgba(33,23,46,.83);backdrop-filter:blur(4px)}#instructions p{max-width:340px;margin:12px 0;color:#ffffffb8;font-size:1rem;line-height:1.35}#instructions .hint{margin:0 0 18px;color:var(--powder);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.demo{position:relative;width:118px;height:118px;margin:24px 0 4px}.demo i,.demo b,.demo span{position:absolute;inset:50%;border-radius:50%;transform:translate(-50%,-50%)}.demo i{width:108px;height:108px;border:1px solid var(--powder);animation:contract 1.8s ease-in-out infinite}.demo b{width:54px;height:54px;border:1px solid #fff}.demo span{width:14px;height:14px;background:var(--powder);box-shadow:0 0 25px var(--powder)}@keyframes contract{0%{width:116px;height:116px;opacity:0}20%{opacity:1}80%{width:54px;height:54px;opacity:1}100%{width:45px;height:45px;opacity:0}}
.game-screen{padding:0;background:transparent;cursor:crosshair}.hud{position:absolute;top:14px;left:12px;right:12px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#21172ecc;backdrop-filter:blur(8px)}.hud>div{display:flex;flex-direction:column;gap:2px;padding:8px;border-right:1px solid var(--line)}.hud>div:last-child{border:0}.hud-center{text-align:center}.hud-right{text-align:right}.hud small{color:#ffffff78;font-size:8px;letter-spacing:.12em}.hud strong{font-size:17px;font-variant-numeric:tabular-nums}.game-caption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:10px;text-align:center;border-top:1px solid var(--line);background:#21172ed9;color:#ffffff82;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.feedback{position:absolute;padding:5px 8px;border:1px solid var(--powder);background:var(--powder);color:var(--dark);font-size:15px;font-weight:700;text-transform:uppercase;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.feedback.pop{animation:pop .65s ease-out}@keyframes pop{0%{opacity:0;transform:translate(-50%,-35%) scale(.8)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-90%) scale(1)}}
#result,#end{background:rgba(33,23,46,.9);backdrop-filter:blur(7px)}.score-block{display:flex;align-items:flex-end;margin:20px 0 18px;color:var(--powder)}.score-block span{font-size:clamp(5.5rem,27vw,8rem);font-weight:300;line-height:.72;letter-spacing:-.07em}.score-block small{margin-left:8px;color:#ffffff78;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin:8px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{display:flex;flex-direction:column;gap:4px;padding:10px 5px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats span{color:#ffffff72;font-size:8px;letter-spacing:.1em}.stats b{font-size:15px}.text-button{margin-top:10px;padding:7px 0;color:#ffffff87;background:none;border:0;border-bottom:1px solid currentColor;font-size:12px;cursor:pointer}#end h2 em{font-size:1.25em}#end .lead{font-size:1rem}
@media(min-width:760px){html,body{background:#17111e}body{display:grid;place-items:center;padding:16px}#app{width:390px;height:min(844px,calc(100dvh - 32px));min-height:620px;border:1px solid #ffffff24;box-shadow:0 24px 80px #0008}h1{font-size:4rem}h2{font-size:3.3rem}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
html,body{touch-action:manipulation}#entry,#submitted{background:rgba(33,23,46,.92);backdrop-filter:blur(7px)}
.form-screen{justify-content:flex-start;overflow-y:auto;padding-top:34px}.form-screen h2{font-size:clamp(2.45rem,12vw,3.5rem)}.form-screen .lead{margin:14px 0}.score-ticket{display:flex;align-items:baseline;width:100%;margin:4px 0 16px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--powder)}.score-ticket span{margin-right:auto;color:#ffffff8c;font-size:9px;letter-spacing:.12em}.score-ticket b{font-size:32px;font-weight:300}.score-ticket small{margin-left:5px;color:#ffffff73}#entryForm{width:100%}#entryForm>label:not(.consent){display:block;margin-bottom:12px;color:var(--powder);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}#entryForm input[type="text"],#entryForm input[type="email"],#entryForm input:not([type]){width:100%;margin-top:5px;padding:12px;border:1px solid #ffffff4a;border-radius:0;outline:none;background:#160d20a8;color:white;font:400 17px RobotoCondensed,Arial,sans-serif;letter-spacing:0;text-transform:none;-webkit-appearance:none}#entryForm input:focus{border-color:var(--powder);box-shadow:0 0 0 2px #bfd2ee30}.consent{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start;margin:3px 0 15px;color:#ffffffa6;font-size:11px;line-height:1.35}.consent input{width:19px;height:19px;margin:0;accent-color:var(--powder)}.form-status{min-height:16px;margin:8px 0 0;color:var(--powder);font-size:11px;line-height:1.35}.form-status.error{color:#ffb0a5}.primary:disabled{cursor:wait;opacity:.55}.privacy-note{max-width:330px;margin:0 0 22px;color:#ffffff91;font-size:12px;line-height:1.45}
.demo i,.demo b,.demo span{border-radius:43% 57% 46% 54%/59% 42% 58% 41%;transform:translate(-50%,-50%) rotate(-7deg)}.demo i{animation:contractOrganic 1.8s ease-in-out infinite}.demo b{border-radius:57% 43% 62% 38%/42% 61% 39% 58%;box-shadow:12px -5px 0 -11px var(--powder),-15px 9px 0 -14px var(--powder)}.demo span{border-radius:45% 55% 38% 62%}@keyframes contractOrganic{0%{width:116px;height:116px;opacity:0;transform:translate(-50%,-50%) rotate(-16deg)}20%{opacity:1}80%{width:54px;height:54px;opacity:1;transform:translate(-50%,-50%) rotate(8deg)}100%{width:45px;height:45px;opacity:0}}
.newsletter-consent{margin-top:8px!important}.privacy-details{width:100%;margin:-3px 0 14px;color:#ffffff8f;font-size:11px;line-height:1.4}.privacy-details summary{width:max-content;cursor:pointer;border-bottom:1px solid currentColor;color:var(--powder)}.privacy-details p{margin:8px 0;padding:9px;border-left:1px solid var(--powder);background:#160d2057}
.mycelium{background-image:url('assets/mycelium-core-fast.webp')}