:root{--c-border: #2b2620;--border-w: 1.5px;--c-ink: #1b2233;--c-ink-soft: #2a3450;--c-night-1: #11182a;--c-night-2: #1a2238;--c-night-3: #232c47;--c-paper: #f6f1e5;--c-paper-2: #ede5d2;--c-paper-line: #d8cdb4;--c-text: #28231b;--c-text-soft: #6e6557;--c-text-invert: #efeadd;--c-penta: #2aa6b0;--c-penta-deep: #186e77;--c-accent: #d9952f;--c-accent-deep: #a96f12;--c-red: #bf4f3c;--c-yellow: #d9b13f;--c-green: #3e8e63;--c-blue: #3d6f9e;--c-tag-x: #b8554a;--c-tag-tri: #bd8a2e;--c-tag-maru: #3e8e63;--c-tag-double: #3a6ea8;--cat-oshi: #c96a8e;--cat-okashi: #cf9440;--cat-other: #6f8aa8;--cat-bunbo: #569071;--rar-common: #8d8678;--rar-rare: #b98a32;--rar-epic: #7d5fa0;--c-mean: #bf4f3c;--c-median: #3d6f9e;--c-good: #357a52;--c-bad: #a8452f;--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--shadow-card: 0 1px 0 rgba(43, 38, 32, .06), 0 8px 22px rgba(10, 14, 26, .28);--shadow-pop: 0 2px 0 rgba(43, 38, 32, .08), 0 16px 42px rgba(10, 14, 26, .42);--shadow-soft: 0 6px 18px rgba(10, 14, 26, .22);--font-scale: 1;--fs-base: calc(15.5px * var(--font-scale));--fs-sm: calc(13px * var(--font-scale));--fs-lg: calc(18px * var(--font-scale));--fs-xl: calc(24px * var(--font-scale));--fs-xxl: calc(34px * var(--font-scale));--font-ja: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", system-ui, sans-serif;--font-serif: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;--motion: 1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ja);font-size:var(--fs-base);line-height:1.8;color:var(--c-text);font-weight:500;background:radial-gradient(1.5px 1.5px at 18% 12%,rgba(240,236,224,.6) 50%,transparent 51%),radial-gradient(1px 1px at 64% 8%,rgba(240,236,224,.5) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 82% 22%,rgba(240,236,224,.4) 50%,transparent 51%),radial-gradient(1px 1px at 38% 18%,rgba(240,236,224,.45) 50%,transparent 51%),radial-gradient(1px 1px at 90% 9%,rgba(240,236,224,.35) 50%,transparent 51%),radial-gradient(520px 320px at 78% 4%,rgba(217,177,102,.13),transparent 70%),linear-gradient(0deg,rgba(8,11,20,.85) 0 64px,transparent 64px),linear-gradient(0deg,rgba(10,14,25,.7) 0 96px,transparent 96px),linear-gradient(180deg,var(--c-night-1) 0%,var(--c-night-2) 55%,var(--c-night-3) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{display:flex;flex-direction:column}h1,h2{font-family:var(--font-serif);font-weight:700;letter-spacing:.04em}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.4}h3,h4{font-weight:700}p{margin:0 0 .7em}button{font-family:inherit;font-size:inherit;font-weight:600;cursor:pointer;border:none;background:none;color:inherit}button:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2.5px solid var(--c-accent);outline-offset:2px;border-radius:4px}ul{margin:0;padding:0;list-style:none}.hc{--c-paper: #ffffff;--c-paper-2: #f4f0e6;--c-text: #000000;--c-text-soft: #2c2c2c;--c-paper-line: #777777;--c-border: #000000}.reduce-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
