:root{--color-paper: oklch(96% .025 82);--color-paper-raised: oklch(98% .014 78);--color-paper-muted: oklch(91% .038 82);--color-ink: oklch(25% .035 250);--color-ink-muted: oklch(47% .035 247);--color-coral: oklch(66% .17 35);--color-coral-strong: oklch(58% .19 32);--color-pear: oklch(84% .16 92);--color-celadon: oklch(72% .1 188);--color-wood: oklch(42% .075 55);--color-wood-dark: oklch(28% .055 52);--color-success: oklch(64% .12 148);--color-error: oklch(58% .18 25);--color-focus: oklch(58% .16 245);--color-lantern-glow: oklch(82% .16 72);--color-teal-paint: oklch(51% .08 186);--color-night-shadow: oklch(19% .035 252);--font-display: "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-body: "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-numeric: "Nunito Sans", "Noto Sans TC", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-display: clamp(2rem, 7vw, 3.75rem);--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .75rem;--rule-hairline: 1px;--rule-strong: 2px;--dur-fast: 90ms;--dur-ui: .16s;--dur-scene: .28s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-body)}body{min-height:100dvh}.trial-intro{position:fixed;z-index:20;inset:0;display:grid;place-items:center;min-height:100dvh;padding:24px;box-sizing:border-box;overflow:hidden;background:linear-gradient(180deg,#0912202e,#091220e0),url(/lantern-night-market/assets/concept/night-market-key-art-v1.png) center / cover no-repeat;transition:opacity .18s ease,transform .22s ease}.trial-intro[hidden]{display:none}.trial-intro--leaving{opacity:0;transform:scale(1.015);pointer-events:none}.trial-intro__glow{position:absolute;inset:auto 50% 7%;width:min(720px,92vw);height:42%;transform:translate(-50%);border-radius:50%;background:#e1654338;filter:blur(70px)}.trial-intro__panel{position:relative;width:min(520px,100%);padding:42px 42px 34px;box-sizing:border-box;border:1px solid rgb(241 205 126 / 64%);border-top-width:4px;border-radius:4px 4px 22px 22px;background:#141e30eb;box-shadow:0 28px 80px #03081294;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.trial-intro__eyebrow{margin:0 0 18px;color:var(--color-coin);font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.2em}.trial-intro h1{margin:0;color:var(--color-paper);font-family:var(--font-display);font-size:clamp(38px,9vw,58px);font-weight:800;line-height:1.12;letter-spacing:.025em;text-shadow:0 3px 0 rgb(73 42 30 / 80%)}.trial-intro__copy{max-width:410px;margin:22px auto 26px;color:var(--color-paper-muted);font-size:17px;line-height:1.75}.trial-intro__chapters{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;margin:0 0 28px;color:var(--color-paper);font-size:15px}.trial-intro__chapters span{display:grid;gap:5px}.trial-intro__chapters b{color:var(--color-coin);font-family:var(--font-display);font-size:19px}.trial-intro__chapters i{height:1px;background:var(--color-brass-muted)}#trial-start{width:min(320px,100%);min-height:60px;border:2px solid var(--color-coin);border-radius:3px;background:var(--color-coral);box-shadow:0 6px 0 var(--color-coral-ink);color:var(--color-paper);cursor:pointer;font:700 21px/1 var(--font-display);letter-spacing:.08em;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}#trial-start:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 0 var(--color-coral-ink)}#trial-start:active{transform:translateY(3px);box-shadow:0 3px 0 var(--color-coral-ink)}#trial-start:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}.trial-intro__note{margin:20px 0 0;color:var(--color-paper-muted);font-size:13px}#game-shell,#game{width:100%;height:100%}#game{display:block}canvas{display:block;max-width:100%;max-height:100dvh;outline:none;touch-action:none}canvas:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:calc(var(--space-1) * -1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:50ms!important;animation-iteration-count:1!important;transition-duration:50ms!important}}@media(max-width:560px){.trial-intro{align-items:end;padding:18px 14px max(18px,env(safe-area-inset-bottom))}.trial-intro__panel{padding:30px 22px 24px}.trial-intro__copy{margin-block:18px 22px;font-size:16px}}