@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;700;800&display=swap";:root{--surface: #fafaf5;--surface-container-low: #f3f4ee;--surface-container: #eef0e8;--surface-container-lowest: #ffffff;--surface-container-high: #e7e9e2;--surface-variant: #eaede4;--outline-ghost: rgba(175, 179, 172, .15);--text: #2f342e;--text-soft: #5c605a;--primary: #5b6150;--primary-dim: #4f5544;--primary-fixed-dim: #7b826f;--primary-container: #dbe1d2;--shadow-ambient: 0 24px 48px -12px rgba(47, 52, 46, .08);--radius-lg: 1rem;--radius-xl: 3rem;--motion: cubic-bezier(.2, .8, .2, 1);font-family:Manrope,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text);background:radial-gradient(circle at top left,rgba(219,225,210,.85),transparent 34%),radial-gradient(circle at 80% 18%,rgba(231,233,226,.95),transparent 26%),var(--surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{color:var(--text)}button,input,textarea,select{font:inherit}button{border:0}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:2.4rem 1.4rem 8.5rem;background:transparent}.app-shell--playing{padding-bottom:9.5rem}.app-shell__glow{position:absolute;border-radius:999px;filter:blur(24px);pointer-events:none;opacity:.8}.app-shell__glow--one{top:8rem;left:-3rem;width:18rem;height:18rem;background:#dbe1d2e6}.app-shell__glow--two{top:22rem;right:-2rem;width:14rem;height:14rem;background:#e7e9e2f2}.masthead,.content{position:relative;z-index:1;max-width:1240px;margin:0 auto}.masthead{padding:.75rem 0 3rem}.masthead__row{display:block}.masthead__copy{padding-left:0}.eyebrow{display:inline-flex;margin-bottom:1rem;color:var(--primary-fixed-dim);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.masthead h1,.intro-panel h2,.game-card h3{font-family:Plus Jakarta Sans,system-ui,sans-serif}.masthead h1{margin:0;max-width:none;font-size:clamp(3.5rem,8vw,6.9rem);line-height:.9;letter-spacing:-.06em}.masthead__title-line{display:block;color:var(--text)}.masthead__title-line--accent{margin-top:.45rem;color:var(--primary);font-style:italic;font-weight:800}.content{display:flex;flex-direction:column;gap:3.5rem}.content--playing{min-height:calc(100vh - 16rem)}.intro-panel{display:flex;justify-content:flex-end}.intro-panel__body{width:min(100%,42rem);padding:2rem 2rem 2.25rem;border-radius:var(--radius-xl);background:var(--surface-container-low)}.intro-panel h2{margin:0;max-width:16ch;font-size:clamp(2rem,3.5vw,3rem);line-height:1;letter-spacing:-.02em}.intro-panel p{margin:1rem 0 0;max-width:34rem;color:var(--text-soft)}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;align-items:start}.game-card{position:relative;display:flex;min-height:320px;padding:1.75rem;border-radius:var(--radius-xl);background:var(--surface-container-lowest);color:inherit;cursor:pointer;text-align:left;box-shadow:0 1px #ffffffb3,var(--shadow-ambient);transition:transform .24s var(--motion),background-color .24s var(--motion),box-shadow .24s var(--motion)}.game-card:nth-child(2n){transform:translateY(1.2rem)}.game-card:hover,.game-card:focus-visible{transform:translateY(-.35rem);background:#fcfcf9;box-shadow:0 1px #fffc,0 28px 56px -18px #2f342e1f;outline:none}.game-card:focus-visible{box-shadow:0 0 0 2px #5b615033,0 28px 56px -18px #2f342e1f}.game-card__index,.game-card__cta{position:absolute;color:var(--primary-fixed-dim);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.game-card__index{top:1.5rem;right:1.6rem}.game-card__cta{right:1.75rem;bottom:1.5rem;padding-bottom:.2rem;background-image:linear-gradient(var(--primary-container),var(--primary-container));background-repeat:no-repeat;background-position:0 100%;background-size:100% 2px}.game-card__content{display:flex;flex-direction:column;justify-content:center;gap:.85rem;max-width:18rem}.game-card h3{margin:0;font-size:2rem;line-height:1;letter-spacing:-.02em}.game-card p{margin:0;color:var(--text-soft);font-size:.98rem}.play-view{flex:1}.play-view__frame{position:relative;min-height:calc(100vh - 18rem);padding:1rem;border-radius:calc(var(--radius-xl) + .5rem);background:var(--surface-container-low)}.play-view__mount{width:100%;height:calc(100vh - 20rem);min-height:540px;overflow:hidden;border-radius:var(--radius-xl);background:var(--surface-container-lowest);box-shadow:inset 0 0 0 1px var(--outline-ghost)}.play-view__loading{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;display:flex;align-items:center;justify-content:center;margin:0;border-radius:var(--radius-xl);background:#fafaf5c7;color:var(--text-soft);font-weight:600;letter-spacing:.03em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zen-tray{position:fixed;right:clamp(1.4rem,4vw,3rem);bottom:2.75rem;left:clamp(1.4rem,8vw,6rem);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1rem 1rem 1.4rem;border-radius:999px;background:#fafaf5cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px var(--outline-ghost),var(--shadow-ambient)}.zen-tray__meta{display:flex;flex-direction:column;min-width:0}.zen-tray__meta .eyebrow{margin-bottom:.25rem}.zen-tray__meta strong,.zen-tray__summary{color:var(--text);font-size:.98rem;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.8rem 1.35rem;border-radius:999px;cursor:pointer;transition:transform .2s var(--motion),box-shadow .2s var(--motion),opacity .2s var(--motion)}.button--primary{color:#f8f8f2;background:linear-gradient(135deg,var(--primary),var(--primary-dim))}.button--primary:hover,.button--primary:focus-visible{transform:translateY(-1px);box-shadow:0 16px 28px -16px #2f342e52;outline:none}@media (max-width: 900px){.masthead__row{grid-template-columns:1fr}.masthead__note{margin-top:0;max-width:28rem}.game-card:nth-child(2n){transform:none}.play-view__mount{min-height:420px;height:calc(100vh - 18rem)}}@media (max-width: 640px){.app-shell{padding:1rem 1rem 8rem}.masthead{padding-bottom:2.75rem}.masthead__copy{padding-left:0}.intro-panel__body,.game-card,.play-view__frame,.play-view__mount{border-radius:2rem}.game-grid{gap:1.25rem}.zen-tray{right:1rem;bottom:1rem;left:1rem;flex-direction:column;align-items:stretch;border-radius:2rem}.button--primary{width:100%}}