:root{--font-body: "JetBrains Mono", "Courier Prime", "American Typewriter", "Courier New", "Nimbus Mono PS", "Liberation Mono", monospace;--font-display: "JetBrains Mono", "Courier Prime", "American Typewriter", "Courier New", "Nimbus Mono PS", "Liberation Mono", monospace;--color-text-strong: #2f2014;--color-text-soft: rgba(72, 53, 37, .82);--color-muted: rgba(96, 72, 49, .62);--color-bg-top: #7c6045;--color-bg-bottom: #caa57a;font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--color-text-strong);background-color:var(--color-bg-top);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(245,228,196,.36),transparent 30%),radial-gradient(circle at 82% 18%,rgba(172,128,86,.22),transparent 24%),radial-gradient(circle at 50% 120%,rgba(154,110,68,.24),transparent 34%),linear-gradient(160deg,var(--color-bg-top),var(--color-bg-bottom))}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh;min-height:100dvh}.shell{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(1rem,3vw,2.5rem);overflow-x:clip;overflow-y:auto}.film-grain{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(110,78,47,.06) .06rem,transparent .08rem),radial-gradient(circle at 80% 35%,rgba(110,78,47,.045) .04rem,transparent .08rem),repeating-linear-gradient(0deg,rgba(88,64,39,.035) 0,rgba(88,64,39,.035) 1px,transparent 1px,transparent 3px);background-size:11rem 11rem,9rem 9rem,100% 4px;opacity:.42;mix-blend-mode:multiply;pointer-events:none}.ambient{position:absolute;inset:auto;width:clamp(18rem,34vw,28rem);aspect-ratio:1;border-radius:999px;filter:blur(10px);opacity:.85;animation:drift 14s ease-in-out infinite}.ambient-left{top:6%;left:-8%;background:radial-gradient(circle at 35% 35%,rgba(223,187,140,.38),transparent 45%),radial-gradient(circle at 70% 60%,rgba(153,112,73,.24),transparent 55%)}.ambient-right{right:-10%;bottom:10%;background:radial-gradient(circle at 30% 35%,rgba(236,209,171,.28),transparent 42%),radial-gradient(circle at 70% 68%,rgba(160,126,88,.24),transparent 58%);animation-delay:-7s}.hero{position:relative;z-index:1;width:min(100%,70rem);margin:0 auto;padding:clamp(1.75rem,4vw,3.5rem);border:1px solid rgba(113,84,56,.18);border-radius:.45rem;background:linear-gradient(135deg,#e9d8bcf0,#d2b690eb),linear-gradient(180deg,rgba(255,246,229,.22),transparent 35%);box-shadow:0 2rem 5rem #22160b38,inset 0 1px #fff7e973,inset 0 0 0 1px #7c5a3914;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:settle .7s ease-out both}.hero:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(118,88,59,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(118,88,59,.035) 1px,transparent 1px),radial-gradient(circle at top right,rgba(255,245,226,.12),transparent 32%);background-size:3.5rem 3.5rem,3.5rem 3.5rem,100% 100%;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 88%);pointer-events:none}.masthead,.portal-grid{position:relative;z-index:1}.masthead{display:inline-grid;gap:.25rem;justify-items:start}h1{margin:0;max-width:100%;font-family:var(--font-display);font-size:clamp(3.3rem,8vw,6.8rem);line-height:.9;letter-spacing:-.03em;color:var(--color-text-strong);text-shadow:.03em .03em 0 rgba(255,246,229,.32)}.subtitle{margin:0;padding-left:clamp(1rem,6vw,4.5rem);font-size:clamp(.9rem,1.5vw,1rem);letter-spacing:.18em;text-transform:uppercase;color:#5a422bc7}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:clamp(2rem,4vw,3.25rem)}.portal{position:relative;display:grid;gap:.55rem;min-height:15rem;padding:1.5rem;border:1px solid rgba(108,79,51,.14);border-radius:.25rem;background:linear-gradient(180deg,#fff7e838,#fff7e80a),#e1caa5b3;color:inherit;text-decoration:none;overflow:hidden;transform:translateY(0);transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease;animation:settle .7s ease-out both}.portal:before{content:"";position:absolute;inset:auto auto 0 0;width:100%;height:.32rem;opacity:.95}.portal:nth-child(2){animation-delay:.12s}.portal:hover,.portal:focus-visible{transform:translateY(-.35rem);border-color:#7051333d;box-shadow:0 1.25rem 2.25rem #39271629}.portal:focus-visible{outline:2px solid rgba(112,81,51,.22);outline-offset:.25rem}.portal-1:before{background:linear-gradient(90deg,#9e6c3b,#c69156)}.portal-2:before{background:linear-gradient(90deg,#8a6a45,#b99669)}.portal-label{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.9rem);line-height:1;color:var(--color-text-strong)}.portal-copy{max-width:20ch;font-size:.98rem;line-height:1.6;color:#4e3925cc}.portal-arrow{margin-top:auto;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#3a2817e0}.first-time{position:relative;z-index:1;display:grid;gap:.55rem;justify-items:center;margin-top:1.5rem;padding:1.35rem 1rem 0;border-top:1px solid rgba(111,82,54,.1);text-align:center}.first-time-title{margin:0;font-family:var(--font-display);font-size:clamp(1.05rem,2vw,1.2rem);letter-spacing:.14em;text-transform:uppercase;color:#342415db}.first-time-copy{margin:0;max-width:34rem;font-size:.95rem;line-height:1.7;color:#553f2ac2}.first-time-link{color:#3f2b18eb;text-decoration:underline;text-decoration-color:#3f2b184d;text-underline-offset:.18em}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(.8rem,-1rem,0) scale(1.04)}}@keyframes settle{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.shell{place-items:start center;padding:.9rem}.hero{width:min(100%,34rem);padding:1.1rem;border-radius:.35rem}.masthead{width:100%}h1{font-size:clamp(2.35rem,14vw,3.6rem);line-height:.95}.subtitle{padding-left:clamp(.4rem,4vw,1.25rem);font-size:.78rem;letter-spacing:.14em}.portal-grid{gap:.8rem;margin-top:1.35rem;grid-template-columns:1fr}.portal{min-height:10.25rem;padding:1.15rem}.portal-label{font-size:clamp(1.7rem,10vw,2.25rem)}.portal-copy,.first-time-copy{font-size:.88rem;line-height:1.55}.first-time{margin-top:1.1rem;padding-top:1rem}}@media(prefers-reduced-motion:reduce){.ambient,.hero,.portal{animation:none}.portal{transition:none}}