.page{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;padding:calc(var(--safe-t) + 0px) 0 calc(var(--safe-b) + 0px)}.page__inner{width:100%;max-width:var(--max-w);display:flex;flex-direction:column;min-height:100dvh}.brandbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:10px var(--page-x);background:var(--ink-panel);color:var(--ink-panel-ink);border-bottom:2px solid var(--seal)}.brandbar__mark{display:flex;align-items:center;gap:10px;min-width:0}.brandbar__seal{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;background:var(--seal);color:var(--seal-ink);font-size:13px;font-weight:700;border-radius:2px;letter-spacing:0}.brandbar__name{font-family:var(--font-serif);font-size:15px;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandbar__code{font-size:10px;color:#ede4d26b;letter-spacing:.18em}.page__body{flex:1;padding:var(--sp-5) var(--page-x) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.footnote{padding:var(--sp-4) var(--page-x) calc(var(--sp-5));font-size:11px;line-height:1.7;color:var(--ink-3);border-top:1px dashed var(--line);margin:0 var(--page-x)}.kicker{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--seal);text-transform:uppercase}.kicker__rule{display:inline-block;width:18px;height:2px;background:var(--seal)}.title-xl{font-family:var(--font-serif);font-size:34px;line-height:1.28;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.title-xl em{font-style:normal;position:relative;color:var(--seal)}.title-lg{font-family:var(--font-serif);font-size:22px;font-weight:800;color:var(--ink)}.body{font-size:14px;line-height:1.85;color:var(--ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--hit);padding:0 var(--sp-5);border-radius:var(--r-sm);font-size:15px;font-weight:700;letter-spacing:.02em;transition:transform .12s var(--ease),box-shadow .12s var(--ease),background-color .12s var(--ease);flex:1 1 auto}.btn--primary{background:var(--seal);color:var(--seal-ink);box-shadow:0 2px #8a2b22,0 6px 14px #8c2c2247}.btn--primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #8a2b22,0 2px 6px #8c2c2240}.btn--primary:disabled{background:var(--paper-3);color:var(--ink-3);box-shadow:none;cursor:not-allowed;border:1px dashed var(--line-strong)}.btn--ghost{background:transparent;color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px #1c1a172e}.btn--ghost:active:not(:disabled){transform:translateY(2px);box-shadow:none}.btn--block{width:100%;flex:none}.btn__arrow{font-size:16px;line-height:1}.linkbtn{color:var(--ink-panel-ink);font-size:13px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ede4d280;padding:0 10px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;opacity:.85}.linkbtn:active{opacity:1}.cta{margin-top:auto;padding-top:var(--sp-4)}.cta--split{display:flex;gap:10px}.share-hint{font-size:11px;line-height:1.7;color:var(--ink-3);text-align:center}.cabinet{background:var(--ink-panel);color:var(--ink-panel-ink);border-radius:var(--r-md);padding:12px 14px 16px;box-shadow:0 10px 24px #1e1a1438}.cabinet__head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#ede4d280;border-bottom:1px solid rgba(237,228,210,.16);padding-bottom:8px;margin-bottom:10px}.cabinet__drawers{display:flex;flex-direction:column;gap:7px}.drawer{display:flex;align-items:center;gap:10px;height:42px;padding:0 10px;background:linear-gradient(180deg,#34302a,#26231d);border:1px solid rgba(237,228,210,.14);border-radius:3px;position:relative;overflow:hidden}.drawer--1{margin:0 -4px}.drawer--2{margin:0 -8px;opacity:.82}.drawer__label{font-size:10px;color:#ede4d28c;flex:none}.drawer__handle{width:52px;height:6px;border-radius:3px;background:#ede4d24d;flex:none}.drawer__tabs{display:flex;gap:4px;margin-left:auto}.drawer__tab{width:9px;height:16px;background:#ede4d229;border-radius:1px}.drawer--0 .drawer__tab:nth-child(1){background:var(--seal)}.hero{display:flex;flex-direction:column;gap:var(--sp-3)}.hero__note{font-size:12px;color:var(--ink-3);letter-spacing:.02em}.hero__note .mono{color:var(--ink-2)}.ledger{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ledger__item{position:relative;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--seal);border-radius:var(--r-sm);padding:10px 12px 12px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;box-shadow:0 1px #7864461f}.ledger__item--wide{grid-column:1 / -1}.ledger__label{font-size:11px;color:var(--ink-3);letter-spacing:.1em;width:100%;margin-bottom:2px}.ledger__value{font-size:32px;font-weight:700;line-height:1;color:var(--ink)}.ledger__unit{font-size:12px;color:var(--ink-3)}.ledger__dims{display:flex;flex-wrap:wrap;gap:5px;width:100%;margin-top:8px}.ledger__dim{font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 8px;background:var(--paper-2)}.pager{font-size:13px;color:#ede4d2d1;letter-spacing:.1em}.quiz{display:flex;flex-direction:column;gap:var(--sp-4);flex:1}.progress{display:flex;flex-direction:column;gap:7px}.progress__slots{display:flex;gap:3px}.progress__slot{flex:1;height:6px;background:var(--paper-3);border-radius:1px;transition:background-color .18s var(--ease),transform .18s var(--ease)}.progress__slot.is-done{background:var(--seal);opacity:.55}.progress__slot.is-now{background:var(--seal);transform:scaleY(1.6)}.progress__meta{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3);letter-spacing:.08em}.progress__hint{color:var(--ink-3)}.question{display:flex;flex-direction:column;gap:var(--sp-3);animation:qfade .22s var(--ease);flex:1;padding-top:var(--sp-2)}@keyframes qfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.question__title{font-family:var(--font-serif);font-size:22px;line-height:1.5;font-weight:800;color:var(--ink)}.options{display:flex;flex-direction:column;gap:10px;margin-top:var(--sp-2);flex:1;justify-content:flex-start;min-height:0;gap:clamp(10px,3.2vh,20px)}.option{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:14px 15px;flex:1 1 auto;max-height:92px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);font-size:15px;line-height:1.5;transition:border-color .14s var(--ease),background-color .14s var(--ease),transform .1s var(--ease);box-shadow:0 1px #78644624}.option:active{transform:scale(.995)}.option__key{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--ink-2);border:1.5px solid var(--line-strong);border-radius:2px;background:var(--paper-2);transition:all .14s var(--ease)}.option__label{flex:1;min-width:0}.option__mark{width:20px;flex:none;text-align:center;color:var(--seal);font-weight:700}.option.is-picked{border-color:var(--seal);background:var(--seal-soft);box-shadow:inset 4px 0 0 var(--seal),0 1px #78644624}.option.is-picked .option__key{background:var(--seal);border-color:var(--seal);color:var(--seal-ink)}.quiz__foot{display:flex;gap:10px;margin-top:auto;padding-top:var(--sp-5)}.quiz__foot-spacer{flex:0 0 0}.quiz__caption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:var(--sp-4);padding-top:10px;border-top:1px dashed var(--line);font-size:10px;letter-spacing:.1em;color:var(--ink-3)}.record{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px 18px;box-shadow:0 2px #78644629,0 12px 28px #3c301e24;overflow:hidden}.record:before{content:"";position:absolute;left:6px;top:22px;bottom:22px;width:6px;background-image:radial-gradient(circle,var(--paper-2) 2.4px,transparent 2.6px);background-size:6px 18px;background-repeat:repeat-y;opacity:.9}.record__top{display:flex;align-items:center;justify-content:space-between;padding-left:14px;padding-bottom:10px;border-bottom:1px dashed var(--line-strong);margin-bottom:14px}.record__no{font-size:11px;color:var(--ink-3);letter-spacing:.12em}.record__cat{font-size:11px;font-weight:700;color:var(--seal);letter-spacing:.14em;border:1px solid var(--seal-line);border-radius:2px;padding:1px 8px}.record__main{display:flex;gap:14px;padding-left:14px;align-items:flex-start}.record__id{flex:1;min-width:0}.record__name{font-family:var(--font-serif);font-size:24px;line-height:1.32;font-weight:800;color:var(--ink);overflow-wrap:break-word}.record__sub{margin-top:4px;font-size:12px;line-height:1.6;color:var(--ink-3);overflow-wrap:break-word}.record__score{display:flex;align-items:baseline;gap:2px;margin-top:10px;flex-wrap:wrap}.record__score-num{font-size:34px;font-weight:700;line-height:1;color:var(--seal);letter-spacing:-.02em}.record__score-unit{font-size:16px;font-weight:700;color:var(--seal)}.record__score-cap{display:flex;flex-direction:column;margin-left:8px;font-size:11px;color:var(--ink-2);line-height:1.4}.record__score-cap em{font-style:normal;font-size:10px;color:var(--ink-3)}.record__tags{display:flex;flex-wrap:wrap;gap:6px;padding-left:14px;margin-top:14px}.tag{font-size:11px;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 9px}.record__desc{padding-left:14px;padding-right:72px;padding-bottom:6px;margin-top:12px;font-size:13px;line-height:1.85;color:var(--ink-2);overflow-wrap:break-word}.stamp{position:absolute;right:14px;bottom:64px;width:54px;height:54px;border:2.5px solid var(--seal);border-radius:50%;color:var(--seal);display:flex;align-items:center;justify-content:center;transform:rotate(-11deg);opacity:.34;pointer-events:none}.stamp__inner{font-family:var(--font-serif);font-size:11px;font-weight:800;line-height:1.25;text-align:center;letter-spacing:.06em}.portrait{flex:none}.portrait--lg{width:112px}.portrait--sm{width:52px}.portrait__frame{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--paper-2);border:1px solid var(--line-strong);border-radius:2px;padding:4px;box-shadow:inset 0 0 0 3px var(--paper)}.portrait__img,.portrait__glyph{width:100%;height:100%;object-fit:cover;display:block;border-radius:1px}.portrait__frame{display:grid}.portrait__glyph{grid-area:1 / 1;transition:opacity .18s var(--ease)}.portrait__glyph.is-hidden{opacity:0}.portrait__img{grid-area:1 / 1;opacity:1;transition:opacity .2s var(--ease)}.portrait__glyph{display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:800;font-size:40px;color:var(--seal);background:var(--paper-2)}.portrait--sm .portrait__glyph{font-size:20px}.portrait__corner{position:absolute;width:9px;height:9px;border:1.5px solid var(--line-strong)}.portrait--sm .portrait__corner{width:6px;height:6px;border-width:1px}.portrait__corner--tl{top:2px;left:2px;border-right:0;border-bottom:0}.portrait__corner--tr{top:2px;right:2px;border-left:0;border-bottom:0}.portrait__corner--bl{bottom:2px;left:2px;border-right:0;border-top:0}.portrait__corner--br{bottom:2px;right:2px;border-left:0;border-top:0}.section{display:flex;flex-direction:column;gap:10px}.section__head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:6px}.section__title{font-family:var(--font-serif);font-size:16px;font-weight:800;letter-spacing:.04em;color:var(--ink)}.section__hint--tight{letter-spacing:.08em;white-space:nowrap}.section__hint{font-size:10px;color:var(--ink-3);letter-spacing:.14em}.dims{display:flex;flex-direction:column;gap:9px}.dim{display:grid;grid-template-columns:62px 1fr 34px;align-items:center;gap:10px}.dim__name{font-size:12px;color:var(--ink-2);letter-spacing:.02em}.dim__track{position:relative;height:14px;background:var(--paper-3);border:1px solid var(--line);border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #78644638}.dim__fill{display:block;height:100%;background:var(--seal);border-radius:1px;transition:width .5s var(--ease)}.dim__tick--50{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#1c1a1747}.dim__value{font-size:13px;font-weight:700;color:var(--ink);text-align:right}.dims--nine .dim--nine .dim__row{grid-template-columns:18px 76px 1fr 30px;gap:7px}.dims--nine .dim--nine{row-gap:2px;padding-bottom:2px}.dim__no{font-size:10px;color:var(--ink-3);letter-spacing:.04em}.dims--nine .dim__name{font-size:10.5px;line-height:1.25;letter-spacing:0;white-space:nowrap;overflow:visible}.dim__level{display:inline-block;margin-right:6px;padding:0 4px;font-size:9.5px;color:var(--paper);background:var(--ink-3);border-radius:1px;letter-spacing:.04em}.dim--nine.is-high .dim__level{background:var(--seal)}.dim__state{font-size:10.5px;color:var(--seal);letter-spacing:.04em}.dim--nine.is-low .dim__state{color:var(--ink-2)}.dim--nine.is-insufficient .dim__fill{background:var(--line-strong)}.dim--nine.is-insufficient .dim__value,.dim--nine.is-insufficient .dim__state{color:var(--ink-3)}.dims--nine .dim__meaning{margin:1px 0 3px;padding-left:25px}.dim__tick--25,.dim__tick--75{position:absolute;top:0;bottom:0;width:1px;background:#1c1a171f}.dim__tick--25{left:25%}.dim__tick--75{left:75%}.nine-radar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.nine-radar__svg{width:128px;height:128px;flex:none;overflow:visible}.nine-radar__ring{fill:none;stroke:var(--line);stroke-width:.8}.nine-radar__axis{stroke:var(--line);stroke-width:.6}.nine-radar__area{fill:#b23a2e2e;stroke:var(--seal);stroke-width:1.6;stroke-linejoin:round}.nine-radar__dot{fill:var(--seal)}.nine-radar__no{font-family:var(--mono);font-size:9px;fill:var(--ink-3)}.nine-radar__legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;flex:1;min-width:0}.nine-radar__legend li{display:flex;align-items:baseline;gap:3px;font-size:9.5px;color:var(--ink-2);min-width:0}.nine-radar__legend-no{font-size:8px;color:var(--ink-3);flex:none}.nine-radar__legend-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nine-radar__legend-score{font-size:9.5px;font-weight:700;color:var(--seal);flex:none}.nine-radar__legend li.is-insufficient .nine-radar__legend-score{color:var(--ink-3)}@media(max-width:379px){.nine-radar{flex-direction:column;gap:6px}.dims--nine .dim--nine .dim__row{grid-template-columns:16px 68px 1fr 26px;gap:5px}.dims--nine .dim__name{font-size:10px}}.hidden-card{position:relative;background:var(--paper);border:1px solid var(--seal);border-left:4px solid var(--seal);border-radius:var(--r-sm);padding:14px 14px 13px;box-shadow:0 2px #7864462e}.hidden-card__head{display:flex;align-items:center;gap:9px;margin-bottom:6px}.hidden-card__stamp{flex:none;font-size:10px;letter-spacing:.16em;color:var(--paper);background:var(--seal);padding:2px 7px;transform:rotate(-4deg);border-radius:1px}.hidden-card__name{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--ink);letter-spacing:.04em}.hidden-card__cond{margin:0 0 8px;font-size:10px;color:var(--seal);letter-spacing:.06em}.hidden-card__desc{margin:0;font-size:12.5px;line-height:1.72;color:var(--ink-2)}.slips{display:flex;flex-direction:column;gap:8px}.slip{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:var(--r-sm);padding:9px 11px;box-shadow:0 1px #7864461f}.slip__body{flex:1;min-width:0}.slip__name{font-size:14px;font-weight:700;color:var(--ink);line-height:1.4;overflow-wrap:break-word}.slip__sub{font-size:11px;color:var(--ink-3);line-height:1.5;margin-top:1px;overflow-wrap:break-word}.slip__cat{display:inline-block;margin-top:4px;font-size:10px;color:var(--seal);border:1px solid var(--seal-line);border-radius:2px;padding:0 6px;letter-spacing:.08em}.slip__pct{font-size:15px;font-weight:700;color:var(--seal);flex:none}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;padding:var(--sp-7) var(--sp-4);border:1px dashed var(--line-strong);border-radius:var(--r-md);background:var(--paper)}.empty__mark{font-family:var(--font-serif);font-size:44px;color:var(--line-strong);line-height:1}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#1a16108c;padding:12px 12px calc(12px + var(--safe-b));animation:sheetfade .18s var(--ease)}@keyframes sheetfade{0%{opacity:0}to{opacity:1}}.sheet__panel{width:100%;max-width:420px;max-height:92vh;overflow:auto;background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 -8px 32px #14100a59}.sheet__head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:8px}.sheet__title{font-family:var(--font-serif);font-size:15px;font-weight:800;letter-spacing:.06em}.sheet__body{display:flex;justify-content:center;padding:6px 0}.sheet__img{width:100%;max-width:340px;border:1px solid var(--line-strong);border-radius:2px;box-shadow:0 8px 20px #3c301e33}.sheet__tip{font-size:11px;color:var(--ink-3);text-align:center}.sheet__actions{display:flex;gap:10px}.sheet__fallback,.poster__fallback{display:flex;flex-direction:column;gap:10px;padding:16px 14px;border:1px dashed var(--line-strong);border-radius:var(--r-sm);color:var(--ink-2);font-size:13px;line-height:1.8;background:var(--paper-2)}.notice{font-size:13px;line-height:1.7;color:var(--ink-2)}.notice--warn{color:var(--seal);font-weight:600}.poster__url{font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--ink-3);word-break:break-all;background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:8px 10px;-webkit-user-select:all;user-select:all}@media(max-width:380px){:root{--page-x: 14px}.portrait--lg{width:84px}.record__name{font-size:20px;line-height:1.28}.record__desc{padding-right:58px;font-size:12.5px;line-height:1.8}.stamp{width:48px;height:48px;right:10px;bottom:10px}.title-xl{font-size:29px}.record__main{gap:10px}.portrait--lg{width:92px}.record__name{font-size:21px}.record__score-num{font-size:30px}.dim{grid-template-columns:54px 1fr 30px;gap:8px}.stamp{width:52px;height:52px}.stamp__inner{font-size:11px}}:root{--t-fast: .14s;--t-base: .22s;--t-slow: .42s;--t-ritual: 2.4s;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-stamp: cubic-bezier(.16, 1.3, .3, 1);--gold: #9a7b3f;--gold-soft: rgba(154, 123, 63, .16);--gold-line: rgba(154, 123, 63, .4)}.page{position:relative}.paper-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.34;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.paper-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(90,72,44,.1) 100%)}.paper-stack{position:relative}.paper-stack:before,.paper-stack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--paper);border:1px solid var(--line);z-index:-1;pointer-events:none}.paper-stack:before{transform:translate(2px,3px) rotate(.25deg);opacity:.85;box-shadow:0 1px #78644624}.paper-stack:after{transform:translate(4px,6px) rotate(-.35deg);opacity:.55}.binding{position:absolute;left:8px;top:20px;bottom:20px;width:7px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.binding i{display:block;width:7px;height:7px;border-radius:50%;background:var(--paper-3);box-shadow:inset 0 1px 1.5px #5a482c80,0 1px #fff9}.crease{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit}.crease:before{content:"";position:absolute;left:-20%;top:38%;width:140%;height:30%;transform:rotate(-8deg);background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.34) 46%,rgba(120,100,70,.07) 52%,transparent 100%);opacity:.9}.stamp{--stamp-rot: -9deg;position:absolute;right:12px;bottom:12px;width:62px;height:62px;display:flex;align-items:center;justify-content:center;transform:rotate(var(--stamp-rot));pointer-events:none;border-radius:46% 54% 48% 52%/52% 46% 54% 48%;border:2.5px solid var(--seal);opacity:.5;filter:url(#ink-rough);mix-blend-mode:multiply}.stamp__inner{font-family:var(--font-serif);font-size:11px;font-weight:800;line-height:1.25;text-align:center;letter-spacing:.06em;color:var(--seal)}.stamp:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background-image:radial-gradient(circle at 30% 24%,rgba(242,234,216,.85) 0 18%,transparent 19%),radial-gradient(circle at 74% 68%,rgba(242,234,216,.7) 0 14%,transparent 15%),radial-gradient(circle at 58% 12%,rgba(242,234,216,.6) 0 9%,transparent 10%);pointer-events:none}@keyframes stamp-in{0%{opacity:0;transform:rotate(var(--stamp-rot)) scale(2.1) translateY(-14px)}45%{opacity:.86;transform:rotate(var(--stamp-rot)) scale(.92) translateY(0)}62%{transform:rotate(var(--stamp-rot)) scale(1.04)}to{opacity:.5;transform:rotate(var(--stamp-rot)) scale(1)}}.stamp.is-stamping{animation:stamp-in .62s var(--ease-stamp) forwards}.stamp--gold{border-color:var(--gold);opacity:.62}.stamp--gold .stamp__inner{color:var(--gold)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.stagger{opacity:0;animation:rise-in .52s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 90ms)}.cabinet{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .22s var(--ease-out);will-change:transform}@keyframes drawer-float{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.drawer:nth-child(1){animation:drawer-float 5.4s ease-in-out infinite}.drawer:nth-child(2){animation:drawer-float 6.1s ease-in-out infinite .6s}.drawer:nth-child(3){animation:drawer-float 5.8s ease-in-out infinite 1.2s}@keyframes breathe{0%,to{box-shadow:0 2px #8a2b22,0 6px 14px #8c2c2247}50%{box-shadow:0 2px #8a2b22,0 10px 26px #8c2c226b}}.btn--primary:not(:disabled).is-breathing{animation:breathe 3.2s ease-in-out infinite}.btn{position:relative;overflow:hidden;isolation:isolate}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--rx, 50%) var(--ry, 50%),rgba(255,255,255,.45),transparent 60%);opacity:0;transform:scale(.4);transition:opacity .42s var(--ease-out),transform .42s var(--ease-out);pointer-events:none;z-index:-1}.btn.is-rippling:after{opacity:1;transform:scale(1.6)}@keyframes option-press{0%{transform:scale(1)}40%{transform:scale(.978)}to{transform:scale(1)}}.option.is-pressing{animation:option-press .2s var(--ease-out)}@keyframes option-seal{0%{transform:scale(1);box-shadow:inset 4px 0 0 var(--seal)}38%{transform:scale(1.008);box-shadow:inset 10px 0 0 var(--seal)}to{transform:scale(1);box-shadow:inset 4px 0 0 var(--seal)}}.option.is-sealing{animation:option-seal .3s var(--ease-back)}@keyframes card-out{to{opacity:0;transform:translateY(-16px) rotate(-.6deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(22px) rotate(.5deg)}to{opacity:1;transform:none}}.question.is-leaving{animation:card-out .18s var(--ease-out) forwards}.question.is-entering{animation:card-in .3s var(--ease-out)}.progress__slot{transform-origin:center}@keyframes slot-stamp{0%{transform:scaleY(1) scaleX(1);opacity:.55}30%{transform:scaleY(2.4) scaleX(1.16);opacity:1}to{transform:scaleY(1.6) scaleX(1);opacity:1}}.progress__slot.is-now{animation:slot-stamp .38s var(--ease-back)}.progress__slot.is-done{opacity:.62}@keyframes last-hint{0%,to{box-shadow:inset 0 0 0 1px #b23a2e2e}50%{box-shadow:inset 0 0 0 2px #b23a2e73}}.quiz.is-last .progress{animation:last-hint 2.2s ease-in-out infinite;border-radius:var(--r-sm)}.ritual{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper);padding:24px;animation:fade-in .22s var(--ease-out)}.ritual__cabinet{display:flex;flex-direction:column;gap:6px;width:min(220px,70vw)}@keyframes drawer-pull{0%{transform:translate(0)}45%{transform:translate(16px)}to{transform:translate(4px)}}.ritual__drawer{height:26px;border-radius:2px;background:linear-gradient(180deg,#34302a,#26231d);border:1px solid rgba(237,228,210,.16);animation:drawer-pull .52s var(--ease-out) both;animation-delay:calc(var(--i) * .15s)}.ritual__drawer:after{content:"";display:block;width:40px;height:4px;margin:11px auto 0;border-radius:2px;background:#ede4d259}.ritual__label{font-size:11px;letter-spacing:.3em;color:var(--seal);font-weight:700}.ritual__flip{height:34px;max-width:min(330px,88vw);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:19px;font-weight:800;color:var(--ink);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ritual__final{white-space:normal;line-height:1.25;max-height:2.6em;overflow:hidden}.ritual__dims{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:min(320px,86vw)}.ritual__dim{text-align:center}.ritual__dim-value{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--seal);font-variant-numeric:tabular-nums}.ritual__dim-bar{height:3px;background:var(--paper-3);border-radius:2px;overflow:hidden;margin-top:5px}.ritual__dim-fill{display:block;height:100%;background:var(--seal);transform-origin:left;transform:scaleX(0);animation:grow-x .9s var(--ease-out) forwards}@keyframes grow-x{to{transform:scaleX(1)}}.ritual__dim-name{display:block;font-size:9px;color:var(--ink-3);margin-top:3px;letter-spacing:.04em}.ritual__final{font-family:var(--font-serif);font-size:26px;font-weight:800;color:var(--ink);text-align:center;animation:rise-in .42s var(--ease-back)}@keyframes number-land{0%{transform:scale(1.18);opacity:.6}to{transform:scale(1);opacity:1}}.record__score-num.is-landing{animation:number-land .32s var(--ease-back)}.dim__fill{transform-origin:left center;transform:scaleX(var(--fill, 0));transition:transform .7s var(--ease-out);will-change:transform}@keyframes slip-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.slip{opacity:0;animation:slip-in .42s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * .11s + .12s)}@keyframes tag-pop{0%{opacity:0;transform:scale(.72)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.record__tags .tag{opacity:0;animation:tag-pop .32s var(--ease-back) forwards;animation-delay:calc(var(--i, 0) * 70ms + .2s)}.portrait{transform:perspective(700px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .2s var(--ease-out);will-change:transform}@keyframes sheet-up{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}.sheet__panel{animation:sheet-up .32s var(--ease-back)}@keyframes develop{0%{opacity:0;transform:scale(1.03);filter:brightness(.6) saturate(.2)}55%{opacity:.8;filter:brightness(.95) saturate(.8)}to{opacity:1;transform:scale(1);filter:none}}.sheet__img.is-developing{animation:develop .78s var(--ease-out)}@keyframes save-ok{0%{transform:scale(.9);opacity:0}40%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.save-ok{animation:save-ok .42s var(--ease-back)}.page-enter{animation:fade-in .26s var(--ease-out)}@keyframes stamp-spin{0%{transform:rotate(var(--stamp-rot)) scale(1)}50%{transform:rotate(calc(var(--stamp-rot) + 360deg)) scale(1.12)}to{transform:rotate(calc(var(--stamp-rot) + 720deg)) scale(1)}}.stamp.is-easter-egg{animation:stamp-spin .9s var(--ease-out);pointer-events:auto}@media(prefers-reduced-motion:reduce){.stagger,.slip,.record__tags .tag,.ritual__drawer,.ritual__final{opacity:1!important;animation:none!important;transform:none!important}.drawer:nth-child(1),.drawer:nth-child(2),.drawer:nth-child(3),.btn--primary:not(:disabled).is-breathing,.quiz.is-last .progress,.progress__slot.is-now{animation:none!important}.cabinet,.portrait,.dim__fill{transform:none!important;transition:none!important}.dim__fill{transform:scaleX(var(--fill, 0))!important}}.anim-off .stagger,.anim-off .slip,.anim-off .record__tags .tag,.anim-off .ritual__drawer,.anim-off .ritual__final{opacity:1!important;animation:none!important;transform:none!important}.anim-off .drawer:nth-child(1),.anim-off .drawer:nth-child(2),.anim-off .drawer:nth-child(3),.anim-off .btn--primary,.anim-off .quiz.is-last .progress,.anim-off .progress__slot.is-now,.anim-off .question,.anim-off .option{animation:none!important}.anim-off .cabinet,.anim-off .portrait{transform:none!important;transition:none!important}.anim-off .dim__fill{transition:none!important}.record__score-num.is-gold,.record__score-num.is-gold+.record__score-unit{color:var(--gold)}.record__score-num.is-gold{text-shadow:0 0 .6px rgba(154,123,63,.5)}.record__top{border-bottom-color:var(--gold-line)}.record__no{color:var(--gold)}.page__body:before{content:"";display:block;height:1px;margin-bottom:var(--sp-4);background:repeating-linear-gradient(90deg,var(--line-strong) 0 6px,transparent 6px 12px);opacity:.5}.poster__img{display:block;width:100%;max-width:340px;margin:0 auto;border:1px solid var(--line-strong);border-radius:2px;box-shadow:0 10px 24px #3c301e38}.poster__hint{font-size:11px;color:var(--ink-3);text-align:center;letter-spacing:.04em}.poster__skeleton{width:100%;border-radius:2px;background:linear-gradient(100deg,var(--paper-2) 30%,var(--paper-3) 50%,var(--paper-2) 70%);background-size:220% 100%;animation:skeleton-sweep 1.3s linear infinite}@keyframes skeleton-sweep{0%{background-position:130% 0}to{background-position:-30% 0}}.record:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 18px 36px -18px #46372073;pointer-events:none}.cabinet{box-shadow:0 2px #15130f,0 12px 28px #1e1a144d}.stack{position:relative;height:240px;margin-bottom:4px;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .22s var(--ease-out)}.stack__card{position:absolute;left:0;right:0;background:var(--paper);border:1px solid var(--line-strong);border-radius:4px;padding:10px 12px 12px;box-shadow:0 1px #7864462e,0 14px 28px -10px #4637206b}.stack__card--0{top:0;left:14px;right:14px;transform:rotate(-1.8deg);opacity:.62}.stack__card--1{top:44px;left:7px;right:7px;transform:rotate(1.1deg);opacity:.82}.stack__card--2{top:88px;transform:rotate(-.3deg);box-shadow:0 2px #78644633,0 22px 44px -12px #4637208c}.stack__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:1px dashed var(--line-strong);margin-bottom:9px}.stack__no{font-size:9.5px;letter-spacing:.14em;color:var(--gold)}.stack__cat{font-size:9.5px;letter-spacing:.12em;color:var(--seal);border:1px solid var(--seal-line);border-radius:2px;padding:0 6px}.stack__body{display:flex;align-items:center;gap:11px}.stack__photo{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:20px;font-weight:800;color:var(--seal);background:var(--paper-2);border:1px solid var(--line-strong);border-radius:2px;box-shadow:inset 0 0 0 3px var(--paper)}.stack__id{min-width:0}.stack__name{font-family:var(--font-serif);font-size:17px;font-weight:800;color:var(--ink);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack__seal{display:inline-block;margin-top:5px;font-size:9.5px;letter-spacing:.16em;color:var(--seal);border:1.5px solid var(--seal-line);border-radius:2px;padding:1px 7px;transform:rotate(-2deg)}.stack__seal.is-pending{color:var(--gold);border-color:var(--gold-line)}.ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--paper);border:1px solid var(--line-strong);border-radius:3px;overflow:hidden;box-shadow:0 1px #78644624}.ledger__item{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 4px 10px;border-left:1px solid var(--line);position:relative}.ledger__item:first-child{border-left:0;border-top:2px solid var(--seal)}.ledger__value{font-size:24px;font-weight:700;line-height:1;color:var(--ink)}.ledger__label{font-size:10.5px;letter-spacing:.1em;color:var(--ink-2)}.record{background:#f8f1e2;border:1px solid #c2b191;box-shadow:0 2px #78644633,0 26px 48px -18px #3c2e1a80}.record__main{display:flex;flex-direction:column;align-items:center;gap:0;padding-left:14px;padding-top:6px}.record .portrait--lg{width:152px}.record .portrait__frame{padding:6px;box-shadow:inset 0 0 0 5px var(--paper),0 10px 26px -10px #3c2e1a8c}.record .portrait__glyph{font-size:62px}.record__score-block{display:flex;flex-direction:column;align-items:center;margin-top:8px}.record__score{display:flex;align-items:baseline;gap:1px;margin-top:0}.record__score-num{font-size:74px;font-weight:700;line-height:.92;letter-spacing:-.04em;color:var(--seal)}.record__score-unit{font-size:24px;font-weight:700;color:var(--seal);margin-left:1px}.record__score-cap{display:flex;flex-direction:column;align-items:center;margin-left:0;margin-top:2px;font-size:11px;letter-spacing:.14em;color:var(--ink-2);line-height:1.5}.record__name{font-size:32px;line-height:1.22;text-align:center;margin-top:14px;padding:0 6px;letter-spacing:-.01em}.record__sub{text-align:center;margin-top:6px;padding:0 10px}.record__tags{justify-content:center;padding-left:14px;padding-right:8px;margin-top:12px}.record__desc-wrap{position:relative;padding-left:14px;padding-right:14px;margin-top:12px}.record__desc{padding-left:0;padding-right:0;margin-top:0;font-size:13px;line-height:1.85;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.record__desc-wrap.is-open .record__desc{display:block;overflow:visible}.record__more{display:inline-flex;align-items:center;gap:4px;margin-top:2px;padding:0 2px;min-height:44px;min-width:44px;font-size:11.5px;letter-spacing:.08em;color:var(--seal);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--seal-line)}.record .stamp{right:10px;top:54px;bottom:auto;width:62px;height:62px}.section--dims{background:var(--paper-2);border:1px solid var(--line);border-radius:3px;padding:12px 14px 14px;box-shadow:inset 0 1px 3px #78644629}.section--dims .section__head{border-bottom:1px solid var(--line-strong);padding-bottom:5px}.section--dims .section__title{font-size:14px;color:var(--ink-2)}.dims{gap:11px}.dim{display:block}.dim__row{display:grid;grid-template-columns:60px 1fr 32px;align-items:center;gap:9px}.dim__name{font-size:11.5px;color:var(--ink-2)}.dim__value{font-size:12.5px;color:var(--ink-2)}.dim.is-high .dim__fill{background:var(--seal)}.dim.is-low .dim__fill{background:var(--gold)}.dim.is-low .dim__value{color:var(--gold)}.dim.is-high .dim__value{color:var(--seal)}.dim__meaning{margin:3px 0 0 69px;font-size:10.5px;line-height:1.5;color:var(--ink-3);letter-spacing:.01em}.dim__track{height:9px}@media(max-width:380px){.stack{height:190px}.stack__photo{width:46px;height:46px;font-size:20px}.stack__name{font-size:17px}.record .portrait--lg{width:124px}.record .portrait__glyph{font-size:50px}.record__score-num{font-size:60px}.record__score-unit{font-size:20px}.record__name{font-size:26px}.dim__row{grid-template-columns:54px 1fr 30px;gap:8px}.dim__meaning{margin-left:62px}.record .stamp{width:52px;height:52px}}.home-tight .page__body{gap:14px;padding-top:14px}.home-tight .page__body:before{margin-bottom:6px}.home-tight .stack{height:214px}.home-tight .hero{gap:8px}.home-tight .title-xl{font-size:30px;line-height:1.22}.home-tight .ledger__item{padding:7px 4px 8px}.home-tight .ledger__value{font-size:21px}.home-tight .cta{margin-top:4px;padding-top:0;gap:6px}.home-tight .hero__note{font-size:11px;text-align:center}@media(max-width:380px){.home-tight .stack{height:198px}.home-tight .title-xl{font-size:26px}.home-tight .ledger__value{font-size:19px}}@font-face{font-family:ArchiveSerif;src:url(/assets/fonts/serif-subset.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+3000-303F,U+4E00-9FFF,U+FF00-FFEF}@font-face{font-family:ArchiveSans;src:url(/assets/fonts/sans-subset.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+3000-303F,U+4E00-9FFF,U+FF00-FFEF}:root{--paper: #f2ead8;--paper-2: #e9dfc8;--paper-3: #dfd3b8;--paper-edge: #cbbd9e;--ink: #1c1a17;--ink-2: #4a453d;--ink-3: #7a7266;--ink-panel: #232019;--ink-panel-ink: #ede4d2;--seal: #b23a2e;--seal-ink: #fff6ee;--seal-soft: rgba(178, 58, 46, .1);--seal-line: rgba(178, 58, 46, .32);--line: #cbbd9e;--line-strong: #a9997a;--ok: #3f7a52;--warn: #9a6b1f;--danger: #b23a2e;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--r-sm: 3px;--r-md: 5px;--r-lg: 8px;--r-pill: 999px;--hit: 48px;--page-x: 18px;--max-w: 460px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--font: "ArchiveSans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-serif: "ArchiveSerif", "Songti SC", "SimSun", "Source Han Serif SC", Georgia, serif;--ease: cubic-bezier(.22, .61, .36, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper-2);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background-image:repeating-linear-gradient(0deg,rgba(120,100,70,.045) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(120,100,70,.035) 0 1px,transparent 1px 4px);mix-blend-mode:multiply}.paper-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--paper-2);background-image:url(/assets/bg/archive-bg.svg);background-repeat:no-repeat;background-position:center top;background-size:min(100%,520px) auto;opacity:.96;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 16%,rgba(0,0,0,.18) 34%,rgba(0,0,0,.18) 66%,#000 84%,#000 100%);mask-image:linear-gradient(to right,#000,#000 16%,#0000002e 34%,#0000002e 66%,#000 84%,#000)}.page--quiz .paper-bg{opacity:.5;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 16%,rgba(0,0,0,.18) 34%,rgba(0,0,0,.18) 88%,rgba(0,0,0,.3) 100%);mask-image:linear-gradient(to bottom,#000,#0000008c 16%,#0000002e 34%,#0000002e 88%,#0000004d)}@media(min-width:720px){.paper-bg{opacity:.55;-webkit-mask-image:none;mask-image:none}}@media(max-width:719px){.paper-bg{opacity:.9;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 20%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.3) 68%,rgba(0,0,0,.45) 82%,rgba(0,0,0,.12) 100%);mask-image:linear-gradient(to bottom,#000,#000,#0000004d 40%,#0000004d 68%,#00000073 82%,#0000001f)}}#root{position:relative;z-index:1;min-height:100vh;min-height:100dvh}img{max-width:100%;display:block}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;min-height:var(--hit);min-width:var(--hit);-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--seal);outline-offset:2px;border-radius:var(--r-sm)}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--seal)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
