/* assets/css/tokens.css */@layer tokens,base,components,sections,layouts,skins,custom;@layer tokens{:root{--accent: #ff8844;--color-beam-core: #fffbee;--color-beam-mid: #f3e6bc;--color-beam-edge: #e2d098;--rgb-thread: 200 57 47;--color-thread-bright: #e2554a;--color-thread-deep: #b8322b;--color-thread-gold: #d9a441;--color-thread-vivid: #ee3b2e;--color-thread-crimson: #a3121a;--color-thread-amber: #cf7a1e;--rgb-white: 255 255 255;--color-black: #000;--color-white: #fff;--color-stage-dark: #0a0a0a;--rgb-stage-dark: 10 10 10;--color-stage-deep: #070707;--rgb-stage-deep: 7 7 7;--color-on-dark: #f8f8f4;--color-on-dark-soft: #b8b8b2;--color-muted-dark: #85857f;--color-bone: #e8e2d2;--color-mat: #f4f4f1;--color-mat-line: #b4b4ac;--color-mat-muted: #8d8d85;--light-surface: #f0f0ec;--light-surface-raised: #ffffff;--light-surface-deep: #f0f0ec;--light-surface-sunk: #e4e4de;--light-field: #ffffff;--light-ink: #111111;--light-ink-soft: #494947;--light-placeholder: #777770;--light-line: #c8c8c2;--light-focus: #0b63ce;--light-label-shade: rgba(0,0,0,.16);--light-surface-lift: #ffffff;--light-error: #b3261e;--light-brush: #111111;--light-brush-ink: #ffffff;--light-brush-hover-ink: #111111;--light-brush-2: #dcdcd6;--light-brush-2-ink: #111111;--light-brush-2-hover: #c9c9c2;--dark-surface: #222220;--dark-surface-raised: #2c2c29;--dark-surface-hover: #3a3a36;--dark-surface-deep: #0f0f0e;--dark-surface-sunk: #0f0f0e;--dark-field: #121211;--dark-ink: #f5f5f0;--dark-ink-soft: #b7b7b0;--dark-placeholder: #92928a;--dark-line: #3d3d38;--dark-focus: #8ebdff;--dark-label-shade: rgba(0,0,0,.5);--dark-surface-lift: #ecebe6;--dark-error: #ff8a80;--dark-error-soft: #e0897a;--dark-brush-ink: #111111;--dark-brush-hover: #f5f5f0;--dark-brush-hover-ink: #111111;--dark-brush-2: #0d0d0c;--dark-brush-2-hover: #000000;--dark-dialog: #121110;--font-display: "Inter Tight","Helvetica Neue",Arial,sans-serif;--font-hero: "BBH Bartle","Inter Tight",sans-serif;--font-body: "Barlow","Helvetica Neue",sans-serif;--font-mono: "IBM Plex Mono",monospace;--font-cn: "Noto Serif SC",serif;--weight-display: 800;--tracking-display-font: -.035em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700}:root,[data-skin]:not([data-skin="nishan-ink"]){--color-brush-gold: var(--accent);--color-gold-hot: oklch(from var(--accent) calc(l + (1 - l) * .3) c h);--color-gold-surface: oklch(from var(--accent) .9 calc(c * .3) h);--light-gold-ink: oklch(from var(--accent) .52 c h);--light-gold-muted: oklch(from var(--accent) .6 c h);--dark-gold-ink: oklch(from var(--accent) .84 c h);--dark-gold-muted: oklch(from var(--accent) .68 calc(c * .55) h);--color-gold-muted: var(--dark-gold-muted);--color-gold-pale: var(--dark-gold-ink)}[data-skin="nishan-ink"]{--accent: #f5b700;--color-brush-gold: #d4a743;--color-gold-hot: #deb24e;--color-gold-surface: #d3c4a2;--light-gold-ink: #8a6410;--light-gold-muted: #a8801f;--dark-gold-ink: #c7b183;--dark-gold-muted: #b39c6e;--color-gold-muted: #b39c6e;--color-gold-pale: #c7b183;--font-display: "Gloock","Noto Serif SC",Georgia,serif;--font-hero: var(--font-display);--weight-display: 400;--tracking-display-font: normal;--tracking-display: -.02em;--tracking-heading: -.01em;--tracking-title: 0em}[data-skin="manga"]{--accent: #1aaef0}[data-skin="longboard-living"]{--accent: #01ff00}:root,[data-skin]{--light-brush-hover: var(--color-brush-gold);--dark-brush: var(--color-brush-gold);--dark-brush-2-ink: var(--dark-gold-ink)}}
/* assets/css/fate-stage.css */@layer tokens,base,components,sections,layouts,skins,custom;@layer custom{:root{--gold: var(--color-brush-gold);--gold-muted: var(--color-gold-muted);--gold-ink: var(--dark-gold-ink);--gold-soft: rgb(from var(--color-gold-muted) r g b / .55);--gold-faint: rgb(from var(--color-gold-muted) r g b / .18);--ink: var(--dark-ink);--ink-soft: var(--color-on-dark-soft);--bg: var(--color-stage-deep);--frame-inset: clamp(12px,2vw,24px);--title-size: clamp(2.6rem,8vw,7.4rem);--title-spear-width: clamp(26px,3.2vw,50px);--summon-width: clamp(13rem,20vw,17rem);--summon-font-size: clamp(1rem,1.4vw,1.3rem);--corner-size: 20px;--board-wave-fill: linear-gradient(to bottom,var(--dark-surface-lift) 0%,transparent 100%);--board-wave-opacity: .5}*{box-sizing: border-box}html,body{margin: 0}body{background: var(--bg);color: var(--ink);font-family: var(--font-body);-webkit-font-smoothing: antialiased}.defs{position: absolute;width: 0;height: 0;overflow: hidden}button{font: inherit;color: inherit;-webkit-tap-highlight-color: transparent}button:focus{outline: none}:focus-visible{outline: 2px solid var(--gold);outline-offset: 4px}.bg-video{position: fixed;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: .42;pointer-events: none}.bg-shade{position: fixed;inset: 0;pointer-events: none;background: radial-gradient(ellipse 60% 55% at 50% 52%,rgb(from var(--color-brush-gold) r g b / .1),transparent 70%),radial-gradient(ellipse 120% 90% at 50% 50%,rgb(var(--rgb-stage-deep) / .35),rgb(var(--rgb-stage-deep) / .92) 80%)}.frame{position: fixed;inset: var(--frame-inset);border: 1px solid var(--gold-soft);pointer-events: none;z-index: 1}.frame::before{content: "";position: absolute;inset: 6px;border: 1px solid var(--gold-faint)}.frame-spear{position: absolute;width: 30px;height: 20px;fill: var(--gold-muted)}.frame-spear--tl{left: -15px;top: -10px;transform: rotate(45deg)}.frame-spear--tr{right: -15px;top: -10px;transform: rotate(135deg)}.frame-spear--bl{left: -15px;bottom: -10px;transform: rotate(-45deg)}.frame-spear--br{right: -15px;bottom: -10px;transform: rotate(-135deg)}.title-block{text-align: center}.title-cn{margin: 0 0 .4rem;font: 500 clamp(.95rem,1.4vw,1.2rem)/1 var(--font-cn);letter-spacing: .5em;padding-left: .5em;color: var(--gold-ink)}.title-row{display: flex;align-items: center;justify-content: center;gap: clamp(.8rem,2vw,1.8rem)}.title{margin: 0;font: 400 var(--title-size)/.95 var(--font-display);text-transform: uppercase;color: var(--gold-ink);text-shadow: 0 0 40px rgb(from var(--color-brush-gold) r g b / .25)}.title-spear{width: var(--title-spear-width);height: auto;aspect-ratio: 32 / 20;fill: var(--gold-muted);flex: none;transform: scaleX(-1)}.title-spear--left{transform: none}.tagline{margin: .9rem 0 0;font: 500 clamp(.7rem,1vw,.88rem)/1.4 var(--font-mono);text-transform: uppercase;letter-spacing: .28em;color: var(--gold-ink)}.title-rule{display: block;width: min(260px,40vw);height: 1px;margin: 1.1rem auto 0;background: linear-gradient(90deg,transparent,var(--gold-muted),transparent)}.summon{position: relative;isolation: isolate;width: var(--summon-width);aspect-ratio: 10 / 3;padding: 0 0 6px;cursor: pointer;display: grid;place-items: center;border: 0;background: none;color: var(--dark-brush-ink);font: 700 var(--summon-font-size)/1 var(--font-body);text-transform: uppercase;letter-spacing: .16em}.summon::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--gold);-webkit-mask: url("/assets/brushstroke1.svg?v=87cdf99b6b") center / 100% 100% no-repeat;mask: url("/assets/brushstroke1.svg?v=87cdf99b6b") center / 100% 100% no-repeat;transition: background-color .2s,transform .2s}.summon:hover::before{background: var(--ink);transform: scale(1.04)}.summon:disabled{cursor: default}.board{position: relative;height: var(--board-h);aspect-ratio: 480 / 1800}.board.is-entering{animation: board-in .7s cubic-bezier(.2,.8,.2,1) both}@keyframes board-in{from{opacity: 0;scale: .9;translate: 0 24px}to{opacity: 1;scale: 1;translate: 0 0}}.board-art{position: absolute;inset: 0}.board.is-summoned .board-art{animation: board-float 4.2s ease-in-out infinite}@keyframes board-float{0%,100%{translate: 0 -1.5%;scale: 1.03}50%{translate: 0 -4%;scale: 1.04}}.board-silhouette,.board-real{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain}.board-art:has(.board-real.is-inking) .board-silhouette,.board-art:has(.board-real.is-shown) .board-silhouette{opacity: 0;transition: opacity 1.2s ease}.board-real{opacity: 0}.board-real.is-inking{filter: url(#ink-reveal);opacity: 1}.board-real.is-shown{opacity: 1}.board-glow{position: absolute;z-index: -1;top: -6%;bottom: -6%;left: 50%;aspect-ratio: 1 / 2;translate: -50% 0;background: radial-gradient(ellipse 34% 46% at center,rgb(from var(--color-gold-hot) r g b / .95) 0%,rgb(from var(--color-brush-gold) r g b / .6) 45%,rgb(from var(--color-brush-gold) r g b / 0) 100%),radial-gradient(ellipse 50% 50% at center,rgb(from var(--color-brush-gold) r g b / .55) 0%,rgb(from var(--color-gold-muted) r g b / .3) 55%,rgb(from var(--color-gold-muted) r g b / 0) 100%);opacity: 0}.board.is-summoned .board-glow{animation: glow-in .9s ease-out forwards,glow-pulse 2.6s ease-in-out .9s infinite}@keyframes glow-in{from{opacity: 0;scale: .85}to{opacity: .85;scale: 1}}@keyframes glow-pulse{0%,100%{opacity: .85;scale: 1}50%{opacity: .5;scale: .95}}.board-wave{position: absolute;z-index: -2;left: 50%;width: 100vw;top: 48%;height: 62%;translate: -50% 0;background: var(--board-wave-fill);-webkit-mask: url("/assets/ink-wave.svg?v=4f1f622375") center top / cover no-repeat;mask: url("/assets/ink-wave.svg?v=4f1f622375") center top / cover no-repeat;clip-path: inset(0 100% 0 0);opacity: var(--board-wave-opacity)}.board.is-summoned .board-wave{animation: wave-roll 1.8s cubic-bezier(.25,.7,.2,1) .15s forwards}@keyframes wave-roll{to{clip-path: inset(0 0 0 0)}}.board-frame{position: absolute;z-index: 2;pointer-events: none;filter: drop-shadow(0 0 6px rgb(from var(--color-brush-gold) r g b / .65));left: var(--fx0,10%);right: var(--fx0,10%);top: var(--fy0,3%);bottom: var(--fy0,3%)}.board-frame i{position: absolute;width: var(--corner-size);height: var(--corner-size);background: var(--gold);opacity: 0}.board-frame .tl{left: 0;top: 0;clip-path: polygon(0 0,100% 0,0 100%);--dx: -16px;--dy: -16px}.board-frame .tr{right: 0;top: 0;clip-path: polygon(0 0,100% 0,100% 100%);--dx: 16px;--dy: -16px}.board-frame .bl{left: 0;bottom: 0;clip-path: polygon(0 0,100% 100%,0 100%);--dx: -16px;--dy: 16px}.board-frame .br{right: 0;bottom: 0;clip-path: polygon(100% 0,100% 100%,0 100%);--dx: 16px;--dy: 16px}.board.is-summoned .board-frame i{animation: corner-in .55s cubic-bezier(.2,.8,.2,1) .35s forwards,corner-pulse 2.6s ease-in-out .9s infinite}@keyframes corner-in{from{opacity: 0;translate: var(--dx) var(--dy)}70%{opacity: 1;translate: calc(var(--dx) * -.15) calc(var(--dy) * -.15)}to{opacity: 1;translate: 0 0}}@keyframes corner-pulse{0%,100%{translate: 0 0}50%{translate: calc(var(--dx) * .2) calc(var(--dy) * .2)}}@media (prefers-reduced-motion: reduce){.board.is-summoned .board-art,.board.is-summoned .board-glow,.board.is-summoned .board-frame i{animation: none}.board.is-summoned .board-glow{opacity: .8}.board.is-summoned .board-frame i{opacity: 1}.board.is-summoned .board-wave{animation: none;clip-path: none}}}
/* nishan/quiz/quiz.css */@layer tokens,base,components,sections,layouts,skins,custom;@property --unroll{syntax: '<number>';inherits: true;initial-value: 1}@layer custom{:root{--error: var(--dark-error-soft);--pad: calc(var(--frame-inset) + clamp(16px,3vw,40px));--corner-size: 20px;--color-paper: #f3f1ea;--rgb-paper: 243 241 234;--board-wave-fill: linear-gradient(to bottom,var(--color-paper) 0%,rgb(var(--rgb-paper) / .82) 30%,rgb(var(--rgb-paper) / .38) 66%,rgb(var(--rgb-paper) / .06) 100%);--board-wave-opacity: .9;--scroll-cap: #f1d79a;--scroll-cap-rim: #b98a33;--scroll-rod-top: #5a3c22;--scroll-rod-mid: #2b1a0e;--scroll-rod-bottom: #170e07;--scroll-rod-shine: rgba(255,220,160,.25);--scroll-paper-top: #241a11;--scroll-paper-mid: #1b140d;--scroll-paper-bottom: #20170f;--scroll-paper-stain: rgba(120,70,30,.18);--scroll-paper-grain: rgba(255,230,180,.018);--scroll-text: #e8dfcd;--scroll-shadow: rgba(0,0,0,.6);--scroll-shade: rgba(0,0,0,.55);--answer-bg: rgb(var(--rgb-stage-dark) / .55);--card-shade: rgba(0,0,0,.2);--card-shade-strong: rgba(0,0,0,.25);--dialog-backdrop: rgba(0,0,0,.7)}body{min-height: 100svh}.visually-hidden{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}[hidden]{display: none !important}.home-link{position: absolute;z-index: 5;top: calc(var(--frame-inset) + 14px);left: calc(var(--frame-inset) + 18px);color: var(--gold-ink);text-decoration: none;font: 500 .7rem/1 var(--font-mono);text-transform: uppercase;letter-spacing: .18em}.home-link:hover{color: var(--ink)}.stage{position: relative;z-index: 2;min-height: 100svh;display: flex;flex-direction: column;align-items: center;padding: calc(var(--pad) + 18px) var(--pad) var(--pad)}.screen{width: 100%;flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center}.title-block{transition: margin .5s}.is-inking-a{filter: url(#ink-a)}.is-inking-b{filter: url(#ink-b)}body:not([data-screen="intro"]) .title{font-size: clamp(1.4rem,2.6vw,2.2rem)}body:not([data-screen="intro"]) .title-cn{font-size: .78rem;margin-bottom: .25rem}body:not([data-screen="intro"]) .tagline{font-size: .62rem;margin-top: .5rem;letter-spacing: .22em}body:not([data-screen="intro"]) .title-rule{display: none}body:not([data-screen="intro"]) .title-spear{width: 20px}.screen--intro{gap: clamp(1rem,3svh,2rem)}.artifact{position: relative;width: min(380px,70vw,34svh);animation: float 6s ease-in-out infinite}.knot{display: block;width: 100%;height: auto;overflow: visible}.artifact::before{content: "";position: absolute;inset: 0 8%;z-index: -1;pointer-events: none;background: radial-gradient(closest-side,rgb(from var(--color-brush-gold) r g b / .16),rgb(var(--rgb-thread) / .08) 55%,transparent 100%);filter: blur(8px);animation: halo 3.4s ease-in-out 3.5s infinite}@keyframes halo{0%,100%{opacity: .8}50%{opacity: 1}}.knot-thread{fill: none;stroke: url(#thread-grad);stroke-width: 4.5;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1;stroke-dashoffset: 1;filter: drop-shadow(0 0 6px rgb(var(--rgb-thread) / .55)) drop-shadow(0 0 18px rgb(from var(--color-brush-gold) r g b / .25));animation: thread-draw 3.2s cubic-bezier(.45,.05,.25,1) .3s forwards,thread-glow 3.4s ease-in-out 3.5s infinite}.knot-bead{fill: var(--gold);opacity: 0;filter: drop-shadow(0 0 8px rgb(from var(--color-brush-gold) r g b / .8));animation: bead-in .8s ease-out 3.1s forwards}.artifact.is-unravelling .knot-thread{animation: thread-undraw 1.1s cubic-bezier(.6,0,.4,1) forwards}.artifact.is-unravelling .knot-bead{animation: bead-out .5s ease-in forwards}@keyframes float{0%,100%{translate: 0 0}50%{translate: 0 -10px}}@keyframes thread-draw{to{stroke-dashoffset: 0}}@keyframes thread-undraw{from{stroke-dashoffset: 0}to{stroke-dashoffset: -1;opacity: .2}}@keyframes thread-glow{0%,100%{filter: drop-shadow(0 0 6px rgb(var(--rgb-thread) / .55)) drop-shadow(0 0 18px rgb(from var(--color-brush-gold) r g b / .25))}50%{filter: drop-shadow(0 0 10px rgb(var(--rgb-thread) / .8)) drop-shadow(0 0 28px rgb(from var(--color-brush-gold) r g b / .45))}}@keyframes bead-in{from{opacity: 0;transform: scale(.2);transform-origin: 200px 150px}to{opacity: 1;transform: scale(1);transform-origin: 200px 150px}}@keyframes bead-out{to{opacity: 0}}.thread-stop-a{stop-color: var(--color-thread-bright)}.thread-stop-b{stop-color: var(--color-thread-deep)}.thread-stop-c{stop-color: var(--color-thread-gold)}.intro-copy{max-width: 36rem;text-align: center;display: grid;justify-items: center;gap: .9rem}.intro-lore{margin: 0;color: var(--ink);font-size: clamp(1rem,1.25vw,1.12rem);line-height: 1.65}.intro-note{margin: .4rem 0 .2rem;color: var(--gold-ink);font: 500 .72rem/1.4 var(--font-mono);text-transform: uppercase;letter-spacing: .2em}.summon:disabled{opacity: .6}.summon--small{width: 11rem;font-size: .95rem}.screen--quiz{justify-content: flex-start;padding-top: clamp(1.2rem,4svh,3rem);max-width: 860px;margin: 0 auto}.progress{width: 100%;display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 1rem}.progress-thread{width: 100%;height: 24px;overflow: visible}.progress-track{stroke: rgb(from var(--color-gold-muted) r g b / .28);stroke-width: 1;stroke-dasharray: 2 6}.progress-fill{stroke: url(#thread-grad);stroke-width: 3;stroke-linecap: round;stroke-dasharray: 1;stroke-dashoffset: 1;transition: stroke-dashoffset .7s cubic-bezier(.3,.7,.2,1);filter: drop-shadow(0 0 4px rgb(var(--rgb-thread) / .6))}.progress-count{margin: 0;font: 500 .9rem/1 var(--font-mono);letter-spacing: .12em;color: var(--gold-ink);white-space: nowrap}.question{width: 100%;margin-top: clamp(1.5rem,5svh,3.5rem)}.question-text{margin: 0 0 clamp(1.2rem,3svh,2rem);text-align: center;font: 400 clamp(1.6rem,3.6vw,2.8rem)/1.15 var(--font-display);color: var(--ink)}.answers{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(.6rem,1.4vw,1rem)}.answer{position: relative;display: grid;grid-template-columns: auto 1fr;align-items: center;gap: .9rem;min-height: 4.4rem;padding: 1rem 1.2rem;text-align: left;cursor: pointer;border: 1px solid var(--gold-soft);border-radius: 4px;background: var(--answer-bg);color: var(--ink);font: 500 clamp(.98rem,1.2vw,1.08rem)/1.35 var(--font-body);transition: border-color .2s,background-color .2s,transform .2s}@media (hover: hover){.answer:hover{border-color: var(--gold);background: rgb(from var(--color-brush-gold) r g b / .08)}}.answer:focus-visible{border-color: var(--gold)}.answer-key{width: 1.8rem;height: 1.8rem;display: grid;place-items: center;border: 1px solid var(--gold-soft);border-radius: 50%;color: var(--gold-ink);font: 500 .75rem/1 var(--font-mono)}.answer.is-chosen{border-color: var(--gold);background: rgb(from var(--color-brush-gold) r g b / .2)}.answer.is-chosen .answer-key{background: var(--gold);color: var(--dark-brush-ink);border-color: var(--gold)}.answer.is-picked{border-color: var(--gold-muted)}.answer.is-picked .answer-key{border-color: var(--gold);color: var(--gold)}.prev{margin-top: 1.5rem;padding: .4rem .2rem;border: 0;border-bottom: 1px solid var(--gold-soft);background: none;cursor: pointer;color: var(--gold-ink);font: 500 .75rem/1 var(--font-mono);text-transform: uppercase;letter-spacing: .2em}.prev:hover{color: var(--ink);border-color: var(--gold)}.screen--result{display: grid;grid-template-columns: minmax(260px,40%) minmax(0,1fr);align-items: start;justify-content: center;gap: clamp(1.5rem,4vw,4rem);max-width: 1240px;margin: clamp(.8rem,2svh,1.6rem) auto 0}.result-board{position: sticky;top: calc(var(--pad) + 10px);display: grid;justify-items: center;gap: 1.2rem}.board{--board-h: min(56svh,620px)}.board-zoom{position: absolute;inset: 0;overflow: hidden;touch-action: pan-y}.board-zoom.is-ready{cursor: zoom-in}.board-zoom.is-zoomed{cursor: zoom-out}.board-zoom-inner{position: absolute;inset: 0;transform: scale(var(--zoom,1));transform-origin: var(--zoom-x,50%) var(--zoom-y,50%);transition: transform .3s cubic-bezier(.2,.8,.2,1)}.board-zoom.is-pinching .board-zoom-inner{transition: none}.board-wave{width: min(100vw,900px);top: 46%;height: 64%}.board-info{text-align: center;transition: opacity .6s}.board-info.is-hidden{opacity: 0;transition: none}.board-series{margin: 0 0 .35rem;color: var(--gold-ink);font: 500 .72rem/1.3 var(--font-mono);text-transform: uppercase;letter-spacing: .18em}.board-name{margin: 0;font: 400 clamp(1.6rem,2.6vw,2.2rem)/1.1 var(--font-display);color: var(--ink)}.board-name:focus{outline: none}.board-cn{color: var(--gold-ink);font: 500 .95rem/1 var(--font-cn);letter-spacing: .2em;white-space: nowrap}.board-specs{list-style: none;margin: .8rem 0 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;gap: .4rem}.board-specs li{padding: .3rem .7rem;border: 1px solid var(--gold-soft);border-radius: 999px;color: var(--ink-soft);font: 500 .7rem/1 var(--font-mono);letter-spacing: .06em}.scroll{--rod: 20px;position: relative;padding: calc(var(--rod) / 2) 0;max-height: calc(100svh - 2 * var(--pad) - 130px);display: flex;flex-direction: column}.scroll::before,.scroll::after{content: "";position: absolute;left: -18px;right: -18px;height: var(--rod);z-index: 2;border-radius: 10px;background: radial-gradient(circle at 9px 50%,var(--scroll-cap) 0 5px,var(--scroll-cap-rim) 6px 8px,transparent 9px),radial-gradient(circle at calc(100% - 9px) 50%,var(--scroll-cap) 0 5px,var(--scroll-cap-rim) 6px 8px,transparent 9px),linear-gradient(to bottom,var(--scroll-rod-top),var(--scroll-rod-mid) 55%,var(--scroll-rod-bottom));box-shadow: 0 4px 10px var(--scroll-shadow),inset 0 1px 0 var(--scroll-rod-shine)}.scroll::before{top: 0}.scroll::after{top: calc(var(--unroll) * (100% - var(--rod)))}.scroll.is-unrolling{animation: unroll 1.2s cubic-bezier(.3,.7,.2,1) both}@keyframes unroll{from{--unroll: 0}to{--unroll: 1}}.scroll-paper{position: relative;flex: 1;min-height: 0;display: flex;clip-path: inset(0 0 calc((1 - var(--unroll)) * 100%) 0);border-left: 1px solid rgb(from var(--color-brush-gold) r g b / .35);border-right: 1px solid rgb(from var(--color-brush-gold) r g b / .35);background: radial-gradient(ellipse 80% 60% at 30% 20%,rgb(from var(--color-brush-gold) r g b / .07),transparent 70%),radial-gradient(ellipse 70% 50% at 80% 85%,var(--scroll-paper-stain),transparent 70%),repeating-linear-gradient(0deg,var(--scroll-paper-grain) 0 2px,transparent 2px 5px),linear-gradient(to bottom,var(--scroll-paper-top),var(--scroll-paper-mid) 50%,var(--scroll-paper-bottom));box-shadow: inset 0 0 60px var(--scroll-shade),0 0 40px rgb(from var(--color-brush-gold) r g b / .08)}.scroll-body{flex: 1;overflow-y: auto;overscroll-behavior: contain;padding: clamp(1.6rem,3vw,2.6rem) clamp(1.4rem,3.2vw,2.8rem) 2.4rem;scrollbar-width: thin;scrollbar-color: rgb(from var(--color-brush-gold) r g b / .4) transparent;overflow-wrap: break-word}.scroll-body:focus-visible{outline-offset: -4px}.scroll-body>*{animation: rise .7s ease-out both;animation-delay: .9s}@keyframes rise{from{opacity: 0;translate: 0 10px}to{opacity: 1;translate: 0 0}}.shared-note{margin: 0 0 1rem;color: var(--gold-ink);font: 500 .72rem/1.4 var(--font-mono);text-transform: uppercase;letter-spacing: .16em}.glance{list-style: none;margin: 0 0 1.2rem;padding: 0;display: flex;flex-wrap: wrap;gap: .4rem}.glance li{padding: .32rem .7rem;border: 1px solid rgb(from var(--color-brush-gold) r g b / .45);border-radius: 999px;color: var(--gold-ink);font: 500 .7rem/1 var(--font-mono);text-transform: uppercase;letter-spacing: .08em;background: rgb(from var(--color-brush-gold) r g b / .06)}.chosen{margin: 0;font: 400 clamp(1.7rem,2.8vw,2.4rem)/1.1 var(--font-display);color: var(--ink)}.epithet{margin: .4rem 0 1.4rem;color: var(--gold-ink);font: italic 500 1rem/1.3 var(--font-body)}.section-title{margin: 1.6rem 0 .6rem;color: var(--gold);font: 500 .74rem/1.2 var(--font-mono);text-transform: uppercase;letter-spacing: .22em;display: flex;align-items: center;gap: .7rem}.section-title::after{content: "";flex: 1;height: 1px;background: linear-gradient(90deg,rgb(from var(--color-brush-gold) r g b / .5),transparent)}.portrait p,.why p{margin: 0 0 .9rem;color: var(--scroll-text);font-size: 1.02rem;line-height: 1.72}.portrait em{color: var(--ink)}.meet{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: .2rem 1rem;align-items: center;margin: 1.2rem 0 1rem;padding: 1.1rem 1.3rem;border: 1px solid var(--gold);border-radius: 4px;background: linear-gradient(120deg,rgb(from var(--color-brush-gold) r g b / .16),rgb(from var(--color-brush-gold) r g b / .04));color: var(--ink);text-decoration: none;transition: background-color .2s,transform .2s}.meet:hover{background: rgb(from var(--color-brush-gold) r g b / .22)}.meet-kicker{grid-column: 1;color: var(--gold-ink);font: 500 .66rem/1 var(--font-mono);text-transform: uppercase;letter-spacing: .2em}.meet-name{grid-column: 1;font: 400 1.35rem/1.15 var(--font-display)}.meet-meta{grid-column: 1;color: var(--ink-soft);font-size: .9rem;display: flex;gap: .6rem;align-items: center;flex-wrap: wrap}.meet-pill{padding: .18rem .45rem;border: 1px solid var(--gold-muted);border-radius: 999px;font: 500 .6rem/1 var(--font-mono);text-transform: uppercase;letter-spacing: .14em;color: var(--gold-ink)}.meet-pill:empty{display: none}.meet-cta{grid-column: 2;grid-row: 1 / span 3;color: var(--gold);font: 700 .8rem/1 var(--font-body);text-transform: uppercase;letter-spacing: .14em;white-space: nowrap}.disclaimer{margin: 0 0 1.2rem;padding: .8rem 1rem;border-left: 2px solid rgb(from var(--color-brush-gold) r g b / .5);color: var(--ink-soft);font-size: .88rem;line-height: 1.55;background: var(--card-shade)}.text-link{padding: 0;border: 0;background: none;cursor: pointer;color: var(--gold-ink);font: inherit;text-decoration: underline;text-underline-offset: .2em;text-decoration-color: rgb(from var(--color-gold-pale) r g b / .5)}.text-link:hover{color: var(--ink);text-decoration-color: currentColor}.result-actions{display: grid;justify-items: center;gap: .5rem;margin: 2rem 0 0}.share{padding: .6rem 1.1rem;border: 1px solid var(--gold-soft);border-radius: 999px;background: none;cursor: pointer;color: var(--gold-ink);font: 500 .74rem/1 var(--font-mono);text-transform: uppercase;letter-spacing: .16em}.share:hover{border-color: var(--gold);color: var(--ink)}.share-status{margin: 0;color: var(--ink-soft);font-size: .85rem;text-align: center}.share-status:empty{display: none}.kinship{width: 100%;display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: 1rem;margin: 0 0 1.2rem;padding: .9rem 1.1rem;border: 1px solid var(--gold-soft);border-radius: 4px;background: var(--card-shade-strong);cursor: pointer;text-align: left;color: var(--ink);text-decoration: none;transition: border-color .2s,background-color .2s}.kinship:hover{border-color: var(--gold);background: rgb(from var(--color-brush-gold) r g b / .07)}.kinship--back{grid-template-columns: auto minmax(0,1fr)}.kinship--take{grid-template-columns: minmax(0,1fr) auto}.kinship-img{width: 34px;height: 110px;object-fit: contain}.kinship-text{display: grid;gap: .25rem}.kinship-kicker{color: var(--gold-ink);font: 500 .66rem/1.3 var(--font-mono);text-transform: uppercase;letter-spacing: .16em}.kinship-name{font: 400 1.2rem/1.15 var(--font-display)}.kinship-tags{color: var(--ink-soft);font-size: .82rem}.kinship-arrow{color: var(--gold);font-size: 1.2rem}.retake{margin: 0;text-align: center;font-size: .85rem;color: var(--ink-soft)}.screen--all{justify-content: flex-start;gap: 1rem;max-width: 1180px;margin: 0 auto;padding-top: clamp(1.2rem,4svh,3rem)}.all-title{margin: 0;text-align: center;font: 400 clamp(1.6rem,3.6vw,2.8rem)/1.15 var(--font-display);color: var(--ink)}.all-title:focus{outline: none}.all-lede{margin: 0 0 .6rem;text-align: center;color: var(--ink-soft)}.all-grid{width: 100%;display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,340px),1fr));gap: .9rem}.kinship--card{margin: 0;height: 100%}.all-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: .6rem;margin: 1rem 0 0;color: var(--ink-soft);font-size: .85rem}.match{width: min(520px,calc(100vw - 32px));max-height: calc(100svh - 32px);padding: clamp(1.4rem,4vw,2.2rem);border: 1px solid var(--gold-soft);border-radius: 6px;background: var(--dark-dialog);color: var(--ink);overflow-y: auto}.match::backdrop{background: var(--dialog-backdrop);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px)}.match-close-form{position: absolute;top: .8rem;right: .8rem;margin: 0}.match-close{width: 40px;height: 40px;display: grid;place-items: center;border: 1px solid var(--gold-soft);border-radius: 50%;background: none;cursor: pointer;color: var(--ink)}.match-close svg{width: 14px;height: 14px;fill: none;stroke: currentColor;stroke-width: 1.8}.match-kicker{margin: 0 0 .4rem;color: var(--gold-ink);font: 500 .7rem/1 var(--font-mono);text-transform: uppercase;letter-spacing: .2em}.match-title{margin: 0 0 .6rem;font: 400 1.8rem/1.1 var(--font-display)}.match-intro{margin: 0 0 1.2rem;color: var(--ink-soft);line-height: 1.5}.match-form{display: grid;gap: .9rem}.match-form label{display: grid;gap: .35rem;color: var(--ink-soft);font-size: .85rem}.match-form .optional{color: var(--color-muted-dark)}.match-form input:not([type="checkbox"]),.match-form textarea{width: 100%;padding: .65rem .8rem;border: 1px solid rgb(from var(--color-gold-muted) r g b / .4);border-radius: 4px;background: var(--color-stage-dark);color: var(--ink);font: inherit;font-size: .95rem}.match-form textarea{min-height: 7.5rem;resize: vertical;line-height: 1.45}.match-form input:focus,.match-form textarea:focus{outline: none;border-color: var(--gold)}.match-form .match-check{display: flex;align-items: center;gap: .6rem;color: var(--ink)}.match-check input{width: 20px;height: 20px;accent-color: var(--gold)}.match-check-status{color: var(--gold-ink);font-size: .8rem}.match-error{margin: 0;color: var(--error);font-size: .88rem}.match-error:empty{display: none}.match-form .summon{justify-self: start}.match-sent-title{margin: 0 0 .5rem;font: 400 1.5rem/1.2 var(--font-display)}.match-sent p:last-child{color: var(--ink-soft)}.match--small{width: min(440px,calc(100vw - 32px))}.unavailable-actions{display: flex;align-items: center;gap: 1.2rem;flex-wrap: wrap}.unavailable-actions .summon{text-decoration: none}.noscript{position: relative;z-index: 3;text-align: center;color: var(--ink)}.noscript a{color: var(--gold-ink)}@media (min-width: 861px){body[data-screen="result"] .stage{height: 100svh;min-height: 0;padding-bottom: calc(var(--frame-inset) + 20px)}body[data-screen="result"] .screen--result{flex: 1;min-height: 0;align-items: stretch;grid-template-rows: minmax(0,1fr)}body[data-screen="result"] .result-board{align-self: start}body[data-screen="result"] .scroll{max-height: none;height: 100%;min-height: 0}}@media (max-width: 860px){.screen--result{grid-template-columns: minmax(0,1fr)}.result-board{position: static}.board{--board-h: min(48svh,460px)}.scroll{max-height: none}.scroll-paper{display: block}.scroll-body{overflow: visible}}@media (max-width: 600px){.meet{grid-template-columns: minmax(0,1fr)}.meet-cta{grid-column: 1;grid-row: auto;margin-top: .6rem}.kinship{grid-template-columns: auto minmax(0,1fr);gap: .8rem;padding: .8rem .9rem}.kinship-arrow{display: none}.kinship--take,.kinship--back{grid-template-columns: minmax(0,1fr)}.kinship-name{font-size: 1.05rem}.answers{grid-template-columns: 1fr}.answer{min-height: 3.6rem;padding: .8rem 1rem}.home-link{font-size: .62rem}.scroll::before,.scroll::after{left: -8px;right: -8px}}@media (prefers-reduced-motion: reduce){.artifact{animation: none}.knot-thread{animation: none;stroke-dashoffset: 0}.knot-bead{animation: none;opacity: 1}.scroll.is-unrolling,.scroll-body>*{animation: none}}}