@font-face{font-family:sourceCodePro;src:url(../media/SourceCodePro-s.p.1dpav9_22e7wa.ttf)format("truetype");font-display:swap}@font-face{font-family:sourceCodePro Fallback;src:local(Arial);ascent-override:74.83%;descent-override:20.76%;line-gap-override:0.0%;size-adjust:131.49%}.RP7VWG_className{font-family:sourceCodePro,sourceCodePro Fallback}
:root{--brand:#2bb673;--brand-dark:#1d7f50;--lime:#8cc63f;--lime-soft:#eaf5d8;--magenta:#d3498c;--ink:#333;--muted:#606a62;--surface:#fff;--canvas:#f5f7f2;--line:#dfe4dc;--line-strong:#b9c4b7}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Source Code Pro,SFMono-Regular,Consolas,monospace;line-height:1.5}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,p{margin-top:0}::selection{color:#fff;background:var(--brand-dark)}*{scrollbar-color:var(--brand) var(--lime-soft);scrollbar-width:thin}button:focus-visible{outline-offset:3px;outline:3px solid #2bb6734d}.game-space-shell{width:min(100%,1180px);margin:0 auto;padding:32px 28px 72px}.organization-heading{justify-content:space-between;align-items:end;gap:48px;padding:68px 0 52px;display:flex}.organization-heading h1{letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;max-width:16ch;margin-bottom:14px;font-size:clamp(2.65rem,7vw,5.2rem);font-weight:850;line-height:1.02}.organization-heading p{color:var(--muted);margin-bottom:0;font-size:clamp(1rem,1.6vw,1.15rem)}.mosaic-mark{object-fit:contain;flex:none;width:138px;height:138px;animation:.55s cubic-bezier(.16,1,.3,1) both mark-arrival;display:block}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.scenario-card{border:2px solid var(--line-strong);background:var(--surface);border-radius:4px;overflow:hidden}.scenario-cover{aspect-ratio:16/9;background:var(--lime-soft);border-bottom:2px solid var(--line-strong);position:relative;overflow:hidden}.scenario-cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-placeholder{position:absolute;inset:0}.cover-placeholder span{aspect-ratio:1;background:var(--brand);width:24%;position:absolute;transform:rotate(45deg)}.cover-placeholder span:first-child{background:var(--lime);top:-12%;left:8%}.cover-placeholder span:nth-child(2){background:var(--brand);width:32%;top:24%;left:33%}.cover-placeholder span:nth-child(3){background:var(--brand-dark);width:38%;bottom:-18%;right:7%}.cover-placeholder span:nth-child(4){background:var(--lime);width:20%;bottom:8%;left:-9%}.cover-placeholder span:nth-child(5){background:var(--surface);width:12%;top:10%;right:12%}.scenario-content{min-height:190px;padding:24px}.mode-badge{border:1px solid var(--lime);color:#284519;background:var(--lime-soft);letter-spacing:.05em;text-transform:uppercase;border-radius:2px;padding:4px 8px;font-size:.68rem;font-weight:850;display:inline-flex}.scenario-content h2{letter-spacing:-.03em;overflow-wrap:anywhere;text-wrap:balance;margin:18px 0 10px;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:850;line-height:1.1}.scenario-content p{max-width:70ch;color:var(--muted);overflow-wrap:anywhere;margin-bottom:0}.empty-state{border:2px dashed var(--line-strong);background:var(--surface);text-align:center;align-content:center;place-items:center;min-height:360px;padding:48px 24px;display:grid}.empty-state h2{letter-spacing:-.03em;margin:30px 0 8px;font-size:clamp(1.5rem,3vw,2.2rem)}.empty-state p{max-width:54ch;color:var(--muted);margin-bottom:0}.empty-die{border:3px solid var(--brand);width:78px;height:78px;position:relative;transform:rotate(45deg)}.empty-die span{background:var(--brand-dark);border-radius:50%;width:11px;height:11px;position:absolute}.empty-die span:first-child{top:12px;left:12px}.empty-die span:nth-child(2){top:31px;left:31px}.empty-die span:nth-child(3){bottom:12px;right:12px}.site-footer{border-top:2px solid var(--line);color:var(--muted);justify-content:flex-end;align-items:baseline;gap:10px;margin-top:56px;padding-top:22px;font-size:.76rem;display:flex}.site-footer strong{color:var(--brand-dark)}.state-shell{text-align:center;align-content:center;place-items:center;min-height:100svh;padding:32px;display:grid}.state-shell h1{letter-spacing:-.04em;text-wrap:balance;max-width:18ch;margin:28px auto 12px;font-size:clamp(2rem,7vw,4rem);line-height:1.04}.state-shell p{max-width:56ch;color:var(--muted);margin-bottom:24px}.state-shell button{border:2px solid var(--brand);color:#fff;background:var(--brand);cursor:pointer;border-radius:3px;min-height:42px;padding:8px 16px;font-weight:850}.state-shell button:hover{border-color:var(--brand-dark);background:var(--brand-dark)}.state-mark{background:var(--brand);width:54px;height:54px;animation:1s ease-in-out infinite alternate loading-pulse;transform:rotate(45deg)}.error-mark{background:var(--magenta);animation:none}.state-logo{width:96px;height:auto}@keyframes mark-arrival{0%{opacity:.35;transform:rotate(-10deg)scale(.78)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes loading-pulse{0%{opacity:.4;transform:rotate(45deg)scale(.72)}to{opacity:1;transform:rotate(45deg)scale(1)}}@media (max-width:760px){.game-space-shell{padding:24px 18px 48px}.organization-heading{align-items:flex-start;padding:48px 0 36px}.organization-heading h1{max-width:13ch;font-size:clamp(2.45rem,13vw,4.2rem)}.mosaic-mark{width:74px;height:74px;margin:12px 12px 0 0}.scenario-grid{grid-template-columns:1fr;gap:18px}.scenario-content{min-height:0;padding:20px}.site-footer{margin-top:42px}}@media (max-width:420px){.organization-heading{display:block}.mosaic-mark{margin:34px 0 10px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
