:root{--bg: #15151a;--bg-glow: #20202a;--bg-soft: #1e1e25;--ink: #ece9e2;--ink-dim: #9a978f;--card-back: #2a2a33;--card-back-edge: #3a3a45;--accent: #d9d4c8;--colour-yellow: #d9a441;--colour-blue: #4a6c8c;--colour-red: #a4514f;--colour-grey: #7a7a82;--font-serif: "Georgia", "Iowan Old Style", "Times New Roman", serif;--gap: clamp(.4rem, 1.6vw, .85rem);--radius: clamp(.5rem, 1.6vw, .9rem);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:radial-gradient(circle at 50% 18%,var(--bg-glow) 0%,var(--bg) 70%);color:var(--ink);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.app{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:max(.6rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.hud{text-align:center;padding:clamp(.5rem,2vh,1.25rem) 0 clamp(.4rem,1.5vh,.9rem)}.hud__title{font-size:clamp(1.5rem,5vw,2.4rem);font-weight:500;letter-spacing:.04em}.hud__subtitle,.hud__stats{margin-top:.35rem;color:var(--ink-dim);font-size:clamp(.8rem,2.4vw,1rem);font-style:italic}.hud__stats{font-style:normal;letter-spacing:.03em}.hud__dot{margin:0 .5rem;opacity:.6}.stage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.75rem,2.5vh,1.5rem)}.board{--cols: 4;--rows: 3;--reserve: 13.5rem;--avail-w: min(94vw, 760px);--avail-h: calc(100svh - var(--reserve));--card-by-w: calc((var(--avail-w) - (var(--cols) - 1) * var(--gap)) / var(--cols));--card-by-h: calc( ((var(--avail-h) - (var(--rows) - 1) * var(--gap)) / var(--rows)) * 3 / 4 );--card: max(56px, min(var(--card-by-w), var(--card-by-h)));display:grid;grid-template-columns:repeat(var(--cols),var(--card));justify-content:center;gap:var(--gap)}.card{position:relative;aspect-ratio:3 / 4;padding:0;border:none;background:transparent;cursor:pointer;perspective:800px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.card:disabled{cursor:default}.card__inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .45s ease}.card.is-faceup .card__inner{transform:rotateY(180deg)}.card__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden}.card__back{background:linear-gradient(160deg,var(--card-back) 0%,#232730 100%);border:1px solid var(--card-back-edge)}.card__back:after{content:"";width:38%;height:38%;border-radius:50%;border:1px solid rgba(236,233,226,.14)}.card__front{transform:rotateY(180deg);background:var(--card-colour, #555);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 4px #00000014}.card__icon{width:64%;height:64%;color:#141210d1;display:flex}.card__icon svg{width:100%;height:100%}.card.is-matched{pointer-events:none}.card.is-matched .card__inner{opacity:0;transform:rotateY(180deg) scale(.9);transition:opacity .6s ease,transform .6s ease}.card:not(:disabled):hover .card__inner{transform:translateY(-3px)}.card.is-faceup:not(:disabled):hover .card__inner{transform:rotateY(180deg) translateY(-3px)}.preview-cta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(.6rem,2vh,1rem)}.preview-cta__text{color:var(--ink-dim);font-style:italic;font-size:clamp(.9rem,2.6vw,1.1rem)}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(236,233,226,.45);background:transparent;color:var(--ink);font-size:clamp(.95rem,2.6vw,1.1rem);letter-spacing:.06em;padding:.7rem 1.6rem;border-radius:999px;cursor:pointer;min-height:44px;transition:background .25s ease,border-color .25s ease}.button:hover,.button:focus-visible{background:#ece9e21a;border-color:var(--ink);outline:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem;padding:max(2rem,env(safe-area-inset-top)) 1.5rem max(2rem,env(safe-area-inset-bottom));background:#0c0c10eb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .6s ease both;z-index:10}.story{cursor:pointer}.story__text p{font-size:clamp(1.3rem,5.5vw,2.1rem);font-style:italic;line-height:1.5;max-width:22ch;margin:0 auto;color:var(--ink)}.story__text p+p{margin-top:.4rem;color:var(--ink-dim)}.overlay__hint{position:absolute;bottom:max(1.5rem,env(safe-area-inset-bottom));color:var(--ink-dim);font-size:.8rem;letter-spacing:.08em;text-transform:lowercase;animation:pulse 2.4s ease-in-out infinite}.end__line{font-size:clamp(1.6rem,6vw,2.6rem);font-weight:500}.end__count{color:var(--ink-dim);font-style:italic;font-size:clamp(.95rem,3vw,1.15rem);max-width:26ch}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.35}50%{opacity:.85}}@media (orientation: portrait),(max-width: 540px){.board{--cols: 3;--rows: 4;--reserve: 12.5rem;--avail-w: min(92vw, 460px)}}@media (prefers-reduced-motion: reduce){.card__inner,.card.is-matched .card__inner{transition-duration:.001ms}.overlay{animation-duration:.001ms}.overlay__hint{animation:none}}