:root{--ink: #17212e;--ink-deep: #0e1520;--parchment: #f3ead7;--parchment-dim: #e6d9bd;--parchment-shadow: #c9b892;--gold: #c9a227;--gold-bright: #ecd06f;--ember: #d4552e;--ember-deep: #a03024;--sea: #2e5f6b;--sea-deep: #1d4049;--fairway: #4a7354;--fairway-deep: #35573e;--font-display: "Cinzel Decorative", "Cinzel", serif;--font-heading: "Cinzel", serif;--font-body: "Alegreya Sans", system-ui, sans-serif;--font-script: "Caveat", cursive;--par-x: 0;--par-y: 0}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overscroll-behavior:none}body{background:var(--ink-deep);color:var(--parchment);font-family:var(--font-body);font-size:17px;line-height:1.5;touch-action:manipulation;-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none;-webkit-user-select:none}#root{height:100%;height:100dvh}.stage-wrap{position:relative;width:100%;height:100%;height:100dvh;display:flex;justify-content:center;background:radial-gradient(120% 90% at 50% -10%,#24384d 0%,transparent 55%),radial-gradient(100% 70% at 50% 115%,#0c2b33 0%,transparent 60%),var(--ink-deep);overflow:hidden}.stage{position:relative;width:100%;max-width:520px;height:100%;overflow:hidden;background:var(--ink);transition:transform .12s ease-out}@media (min-width: 560px){.stage{box-shadow:0 0 0 1px #c9a22738,0 0 60px #000000b3,0 0 160px #2e5f6b40;border-radius:18px;margin:18px 0;height:calc(100% - 36px);height:calc(100dvh - 36px)}}.stage.nudge{animation:stage-nudge .12s ease-out}@keyframes stage-nudge{0%{transform:translate(0)}30%{transform:translate(2px,3px)}60%{transform:translate(-2px,1px)}to{transform:translate(0)}}.display{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;color:var(--gold-bright);text-shadow:0 2px 18px rgba(201,162,39,.35)}.heading{font-family:var(--font-heading);font-weight:600;letter-spacing:.09em;text-transform:uppercase}.script{font-family:var(--font-script);font-weight:600}.trial-kicker{font-family:var(--font-heading);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);opacity:.85}.trial-title{font-family:var(--font-display);font-size:clamp(21px,6vw,27px);color:var(--gold-bright);text-shadow:0 2px 20px rgba(201,162,39,.3);line-height:1.2}.trial-intro{font-size:15px;line-height:1.55;color:#f3ead7d1;font-style:italic}.btn{font-family:var(--font-heading);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:linear-gradient(170deg,var(--gold-bright),var(--gold) 55%,#a5831c);border:none;border-radius:999px;padding:13px 30px;cursor:pointer;box-shadow:0 2px #fff5c880 inset,0 -4px 10px #50370059 inset,0 6px 22px #c9a2274d;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:active{transform:translateY(1px) scale(.98)}.btn:hover{filter:brightness(1.06)}.btn.ghost{background:transparent;color:var(--gold);box-shadow:0 0 0 1.5px #c9a22780 inset}.btn.ghost:hover{box-shadow:0 0 0 1.5px #c9a227e6 inset,0 0 18px #c9a22733}.btn:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:4px}.parchment{position:relative;background:radial-gradient(140% 90% at 30% 12%,rgba(255,252,240,.75) 0%,transparent 55%),radial-gradient(120% 120% at 80% 95%,rgba(160,130,75,.28) 0%,transparent 55%),linear-gradient(160deg,#f6efdd 0%,var(--parchment) 45%,#e8dcc0 100%);color:#3a3020;border-radius:6px;box-shadow:0 1px #fff9 inset,0 -8px 24px #8c6e3c2e inset,0 14px 40px #0000008c}.parchment:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.45 0 0 0 0 0.28 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}.scene{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.scene-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scene-pad{padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))}.corner-ui{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;display:flex;align-items:center;gap:10px;z-index:60}.corner-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,162,39,.4);background:#0e15208c;backdrop-filter:blur(4px);color:var(--gold);cursor:pointer;display:grid;place-items:center;transition:border-color .2s ease,box-shadow .2s ease}.corner-btn:hover{border-color:#c9a227e6;box-shadow:0 0 14px #c9a22740}.bogey-bubble{font-family:var(--font-script);font-size:19px;line-height:1.25;color:#3a3020;background:linear-gradient(165deg,#f8f1e0,#eee1c4);border-radius:16px 16px 16px 4px;padding:10px 14px;box-shadow:0 6px 18px #00000073,0 1px #fff9 inset;max-width:300px}.tile{width:100%;aspect-ratio:1;display:grid;place-items:center;font-family:var(--font-heading);font-weight:700;font-size:clamp(20px,6.4vw,30px);border-radius:8px;color:var(--parchment);background:linear-gradient(165deg,#2a3b4e,#1c2938);border:1px solid rgba(201,162,39,.25);box-shadow:0 4px 10px #0006;transform-style:preserve-3d}.tile.filled{border-color:#c9a22799;box-shadow:0 4px 14px #00000073,0 0 12px #c9a2271f}.tile.gold{background:linear-gradient(165deg,var(--gold-bright),var(--gold) 60%,#9c7d1a);color:#2a2005;border-color:#f4e3a1;text-shadow:0 1px 0 rgba(255,250,220,.6);box-shadow:0 4px 18px #c9a22780}.tile.silver{background:linear-gradient(165deg,#dfe5ea,#9fadb9 65%,#77848f);color:#232c33;border-color:#eef2f5;box-shadow:0 4px 16px #b4c8d759}.tile.stone{background:linear-gradient(165deg,#3d4750,#262e35);color:#f3ead766;border-color:#ffffff0f}.key{font-family:var(--font-body);font-weight:700;font-size:14px;color:var(--parchment);background:linear-gradient(165deg,#33475c,#22303f);border:1px solid rgba(201,162,39,.18);border-radius:6px;height:46px;min-width:0;flex:1;cursor:pointer;transition:filter .1s ease,transform .05s ease}.key:active{transform:scale(.94)}.key.wide{flex:1.6;font-size:11px;letter-spacing:.05em}.key.gold{background:linear-gradient(165deg,var(--gold-bright),#a5831c);color:#2a2005}.key.silver{background:linear-gradient(165deg,#cfd8df,#8a97a2);color:#232c33}.key.stone{background:#232a31;color:#f3ead759}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.9}}@keyframes window-flicker{0%,to{opacity:.9}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:.1s!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}