:root{--hue:268;--radius-scale:1;--bg-0:oklch(98.5% .004 var(--hue));--bg-1:oklch(96.5% .008 var(--hue));--bg-2:oklch(93.5% .014 var(--hue));--bg-3:oklch(89.0% .02 var(--hue));--line:oklch(85.0% .02 var(--hue));--line-2:oklch(78.0% .024 var(--hue));--ink-0:oklch(20.0% .02 var(--hue));--ink-1:oklch(34.0% .018 var(--hue));--ink-2:oklch(48.0% .02 var(--hue));--ink-3:oklch(62.0% .024 var(--hue));--accent:oklch(65.0% .13 var(--hue));--accent-soft:oklch(88.0% .07 var(--hue));--accent-strong:oklch(50.0% .16 var(--hue));--accent-ink:oklch(28.0% .1 var(--hue));--glow:oklch(75.0% .16 var(--hue) / .32);--gold:#dcb149;--gold-2:#a07100;--rose:#ed737b;--moss:#6fb07d;--sky:#5bb0d7;--amber:#eca851;--font-display:"Cinzel", "Trajan Pro", serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:19px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:38px;--fs-5xl:52px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:56px;--sp-10:72px;--r-xs:calc(4px * var(--radius-scale));--r-sm:calc(6px * var(--radius-scale));--r-md:calc(10px * var(--radius-scale));--r-lg:calc(14px * var(--radius-scale));--r-xl:calc(20px * var(--radius-scale));--r-2xl:calc(28px * var(--radius-scale));--r-pill:999px;--shadow-1:0 1px 2px oklch(20% .03 var(--hue) / .06), 0 1px 1px oklch(20% .03 var(--hue) / .04);--shadow-2:0 4px 12px oklch(20% .03 var(--hue) / .08), 0 1px 2px oklch(20% .03 var(--hue) / .05);--shadow-3:0 12px 32px oklch(20% .03 var(--hue) / .12), 0 2px 6px oklch(20% .03 var(--hue) / .06);--shadow-glow:0 0 0 1px var(--accent-soft), 0 0 24px var(--glow);--shadow-inset:inset 0 1px 0 #ffffff80;--ease-out:cubic-bezier(.22,.61,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--d-fast:.12s;--d-base:.2s;--d-slow:.36s;--shell-rail:64px;--shell-side:280px;--shell-top:56px;--bp-mobile:320px;--bp-tablet:768px;--bp-desktop:1200px;--bp-wide:1600px;--container-max:min(1400px, 90vw);--container-wide:1200px;--container-md:900px;--container-narrow:600px}@supports (color:color(display-p3 0 0 0)){:root{--gold:color(display-p3 .836785 .700048 .35683);--gold-2:color(display-p3 .605886 .445779 .085184);--rose:color(display-p3 .867591 .478278 .491151);--moss:color(display-p3 .494004 .684022 .507837);--sky:color(display-p3 .440719 .683254 .82852);--amber:color(display-p3 .885958 .668597 .378482);--shadow-inset:inset 0 1px 0 color(display-p3 1 1 1/.5)}}@supports (color:lab(0% 0 0)){:root{--gold:lab(74.7148% 8.36715 57.3982);--gold-2:lab(51.2434% 14.6257 66.0066);--rose:lab(63.6031% 48.2763 19.3768);--moss:lab(66.4914% -29.8877 19.3783);--sky:lab(67.778% -18.3336 -28.1172);--amber:lab(74.2674% 20.0168 53.8013);--shadow-inset:inset 0 1px 0 lab(100% 0 0/.5)}}[data-theme=dark]{--bg-0:oklch(16.0% .018 var(--hue));--bg-1:oklch(19.5% .02 var(--hue));--bg-2:oklch(23.0% .024 var(--hue));--bg-3:oklch(28.0% .028 var(--hue));--line:oklch(32.0% .03 var(--hue));--line-2:oklch(40.0% .034 var(--hue));--ink-0:oklch(96.0% .012 var(--hue));--ink-1:oklch(85.0% .018 var(--hue));--ink-2:oklch(68.0% .024 var(--hue));--ink-3:oklch(54% .026 var(--hue));--accent:oklch(72.0% .15 var(--hue));--accent-soft:oklch(35.0% .1 var(--hue));--accent-strong:oklch(82.0% .14 var(--hue));--accent-ink:oklch(90.0% .06 var(--hue));--glow:oklch(72.0% .16 var(--hue) / .45);--shadow-1:0 1px 2px #0000004d;--shadow-2:0 4px 12px #00000059, 0 1px 2px #0000004d;--shadow-3:0 12px 32px #00000073, 0 2px 6px #0000004d;--shadow-inset:inset 0 1px 0 #ffffff0d}@supports (color:color(display-p3 0 0 0)){[data-theme=dark]{--shadow-1:0 1px 2px color(display-p3 0 0 0/.3);--shadow-2:0 4px 12px color(display-p3 0 0 0/.35), 0 1px 2px color(display-p3 0 0 0/.3);--shadow-3:0 12px 32px color(display-p3 0 0 0/.45), 0 2px 6px color(display-p3 0 0 0/.3);--shadow-inset:inset 0 1px 0 color(display-p3 1 1 1/.05)}}@supports (color:lab(0% 0 0)){[data-theme=dark]{--shadow-1:0 1px 2px lab(0% 0 0/.3);--shadow-2:0 4px 12px lab(0% 0 0/.35), 0 1px 2px lab(0% 0 0/.3);--shadow-3:0 12px 32px lab(0% 0 0/.45), 0 2px 6px lab(0% 0 0/.3);--shadow-inset:inset 0 1px 0 lab(100% 0 0/.05)}}html,body{margin:0}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card-2{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-2)}.panel{background:radial-gradient(circle at 20% 0%, oklch(75% .1 var(--hue) / .1), transparent 50%), radial-gradient(circle at 100% 100%, oklch(75% .1 calc(var(--hue) + 40) / .08), transparent 50%), var(--bg-1);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-2), var(--shadow-inset)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);height:36px;font-size:var(--fs-sm);letter-spacing:.01em;border-radius:var(--r-md);color:var(--ink-0);cursor:pointer;transition:background var(--d-fast), border-color var(--d-fast), box-shadow var(--d-fast), transform var(--d-fast);white-space:nowrap;background:0 0;border:1px solid #0000;font-family:inherit;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-2)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent-strong);color:#fcfcfc;color:color(display-p3 .986829 .986829 .986829);color:lab(98.84% .0000298023 -.0000119209);border-color:var(--accent-strong);box-shadow:var(--shadow-1), 0 0 0 1px var(--accent-strong)}.btn--primary:hover{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-2), 0 0 16px var(--glow)}[data-theme=dark] .btn--primary{color:oklch(15% .02 var(--hue))}.btn--ghost{color:var(--ink-0)}.btn--ghost:hover{background:var(--bg-2);color:var(--ink-0)}.btn--outline{border-color:var(--line-2);color:var(--ink-0)}.btn--outline:hover{background:var(--bg-2);border-color:var(--ink-3)}.btn--sm{height:28px;padding:0 var(--sp-3);font-size:var(--fs-xs)}.btn--lg{height:44px;padding:0 var(--sp-5);font-size:var(--fs-md)}.btn--icon{width:36px;padding:0}.input{width:100%;height:36px;padding:0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--bg-0);color:var(--ink-0);font:inherit;font-size:var(--fs-sm);transition:border-color var(--d-fast), box-shadow var(--d-fast)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px oklch(70% .13 var(--hue) / .18);outline:none}.input::placeholder{color:var(--ink-3)}.badge{align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);height:20px;font-size:var(--fs-2xs);letter-spacing:.02em;border-radius:var(--r-pill);background:var(--bg-2);color:var(--ink-1);border:1px solid var(--line);white-space:nowrap;font-weight:500;display:inline-flex}.badge--accent{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}.badge--gold{color:#4f3500;color:color(display-p3 .313918 .202707 -.0618783);color:lab(24.4935% 12.516 47.241);background:#fde9be;background:color(display-p3 .979597 .91709 .764126);background:lab(93.2414% 2.27395 23.66);border-color:#0000}.badge--moss{color:#144623;color:color(display-p3 .1357 .269464 .15041);color:lab(25.606% -24.1677 15.9492);background:#d5f5da;background:color(display-p3 .858048 .957872 .862527);background:lab(93.7045% -14.8141 9.47404);border-color:#0000}.badge--rose{color:#7b242e;color:color(display-p3 .445458 .16759 .18894);color:lab(29.1064% 38.6496 16.1192);background:#ffe2e2;background:color(display-p3 1.02016 .879205 .876193);background:lab(92.5204% 16.0545 6.11975);border-color:#0000}.badge--sky{color:#00415a;color:color(display-p3 -.0418982 .252798 .380192);color:lab(24.6913% -14.2558 -27.4223);background:#d3f1ff;background:color(display-p3 .823324 .945421 1.02124);background:lab(93.2141% -10.1735 -14.3943);border-color:#0000}[data-theme=dark] .badge--gold{color:#ebca80;color:color(display-p3 .899787 .795084 .539315);color:lab(82.8525% 5.21839 41.3299);background:#402900;background:color(display-p3 .244854 .159896 -.0256824);background:lab(18.7337% 9.71089 33.6035)}[data-theme=dark] .badge--moss{color:#9ee1ab;color:color(display-p3 .676137 .87387 .688814);color:lab(83.9017% -29.8075 19.2441);background:#14361d;background:color(display-p3 .114179 .208953 .123271);background:lab(19.5611% -18.0561 11.8382)}[data-theme=dark] .badge--rose{color:#ffb6b8;color:color(display-p3 1.02262 .697147 .698775);color:lab(81.3362% 38.5871 15.088);background:#4e191e;background:color(display-p3 .283087 .112948 .122813);background:lab(17.9418% 25.7598 10.5722)}[data-theme=dark] .badge--sky{color:#8bdaff;color:color(display-p3 .599858 .847802 .998265);color:lab(82.8809% -18.858 -28.2604);background:#002e41;background:color(display-p3 .0117459 .176955 .260238);background:lab(16.5734% -10.7228 -19.2865)}.tabs{border-bottom:1px solid var(--line);gap:2px;display:flex}.tab{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer;transition:color var(--d-fast), border-color var(--d-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-family:inherit;font-weight:500}.tab:hover{color:var(--ink-0)}.tab[aria-selected=true]{color:var(--accent-strong);border-bottom-color:var(--accent)}[data-theme=dark] .tab[aria-selected=true]{color:var(--accent-strong)}.hr{background:var(--line);border:none;height:1px;margin:0}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel{background:linear-gradient(90deg, var(--bg-2) 0%, var(--bg-3) 50%, var(--bg-2) 100%);border-radius:var(--r-sm);background-size:800px 100%;animation:1.4s linear infinite shimmer}.glow{box-shadow:var(--shadow-glow)}.rune-line{align-items:center;gap:var(--sp-3);color:var(--ink-3);font-size:var(--fs-2xs);letter-spacing:.2em;text-transform:uppercase;display:flex}.rune-line:before,.rune-line:after{content:"";background:linear-gradient(90deg, transparent, var(--line-2), transparent);flex:1;height:1px}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{font-size:var(--fs-2xs);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.stat-value{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--ink-0)}.glass{background:oklch(99% .005 var(--hue) / .65);-webkit-backdrop-filter:blur(18px)saturate(160%);border-radius:var(--r-lg);box-shadow:var(--shadow-2);border:1px solid #ffffff80;border:1px solid color(display-p3 1 1 1/.5);border:1px solid lab(100% 0 0/.5)}[data-theme=dark] .glass{background:oklch(20% .02 var(--hue) / .7);border-color:#ffffff14;border-color:color(display-p3 1 1 1/.08);border-color:lab(100% 0 0/.08)}.dots{gap:4px;display:flex}.dots i{background:var(--line-2);border-radius:50%;width:4px;height:4px;display:inline-block}.dots i:nth-child(2){background:var(--accent)}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;bottom:0;left:0;right:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.whitespace-nowrap{white-space:nowrap}.text-ellipsis{text-overflow:ellipsis;overflow:hidden}.uppercase{text-transform:uppercase}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.border{border:1px solid var(--line)}.border-0{border:none}.border-2{border:2px solid var(--line)}.border-line-2{border-color:var(--line-2)}.border-accent-strong{border-color:var(--accent-strong)}.rounded-0{border-radius:0}.rounded-sm{border-radius:var(--r-sm)}.rounded-md{border-radius:var(--r-md)}.rounded-lg{border-radius:var(--r-lg)}.rounded-xl{border-radius:var(--r-xl)}.rounded-2xl{border-radius:var(--r-2xl)}.rounded-pill{border-radius:var(--r-pill)}.rounded-full{border-radius:50%}.bg-transparent{background:0 0}.bg-bg-0{background:var(--bg-0)}.bg-bg-1{background:var(--bg-1)}.bg-bg-2{background:var(--bg-2)}.bg-bg-3{background:var(--bg-3)}.bg-accent-soft{background:var(--accent-soft)}.bg-accent-strong{background:var(--accent-strong)}.bg-rose{background:var(--rose)}.bg-moss{background:var(--moss)}.bg-gold{background:var(--gold)}.bg-sky{background:var(--sky)}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.z-1{z-index:1}.z-10{z-index:10}.z-100{z-index:100}.z-1000{z-index:1000}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.text-2xs{font-size:var(--fs-2xs)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-3xl{font-size:var(--fs-3xl)}.text-4xl{font-size:var(--fs-4xl)}.text-5xl{font-size:var(--fs-5xl)}.text-ink-0{color:var(--ink-0)}.text-ink-1{color:var(--ink-1)}.text-ink-2{color:var(--ink-2)}.text-ink-3{color:var(--ink-3)}.text-accent{color:var(--accent)}.text-accent-strong{color:var(--accent-strong)}.text-rose{color:var(--rose)}.text-moss{color:var(--moss)}.text-gold{color:var(--gold)}.text-gold-2{color:var(--gold-2)}.text-sky{color:var(--sky)}.text-amber{color:var(--amber)}.gap-0{gap:0}.gap-2{gap:2px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-18{gap:18px}.gap-20{gap:20px}.gap-22{gap:22px}.gap-24{gap:24px}.gap-32{gap:32px}.gap-40{gap:40px}.m-0{margin:0}.mt-2{margin-top:2px}.mt-4{margin-top:4px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-18{margin-top:18px}.mt-20{margin-top:20px}.mt-22{margin-top:22px}.mt-24{margin-top:24px}.mt-40{margin-top:40px}.mb-2{margin-bottom:2px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-14{margin-bottom:14px}.mb-16{margin-bottom:16px}.mb-18{margin-bottom:18px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.ml-4{margin-left:4px}.ml-6{margin-left:6px}.ml-8{margin-left:8px}.ml-24{margin-left:24px}.mr-4{margin-right:4px}.my-4{margin-top:4px;margin-bottom:4px}.my-16{margin-top:16px;margin-bottom:16px}.my-22{margin-top:22px;margin-bottom:22px}.my-24{margin-top:24px;margin-bottom:24px}.p-0{padding:0}.p-4{padding:4px}.p-8{padding:8px}.p-10{padding:10px}.p-12{padding:12px}.p-14{padding:14px}.p-16{padding:16px}.p-18{padding:18px}.p-20{padding:20px}.p-22{padding:22px}.p-24{padding:24px}.p-32{padding:32px}.p-40{padding:40px}.pt-4{padding-top:4px}.pt-6{padding-top:6px}.pt-8{padding-top:8px}.pt-12{padding-top:12px}.pt-14{padding-top:14px}.pt-16{padding-top:16px}.pt-20{padding-top:20px}.pt-24{padding-top:24px}.pb-4{padding-bottom:4px}.pb-12{padding-bottom:12px}.pb-40{padding-bottom:40px}.pl-0{padding-left:0}.pl-4{padding-left:4px}.pl-8{padding-left:8px}.pl-14{padding-left:14px}.pl-24{padding-left:24px}.pr-4{padding-right:4px}.pr-8{padding-right:8px}.pr-16{padding-right:16px}.px-0{padding-left:0;padding-right:0}.px-4{padding-left:4px;padding-right:4px}.px-6{padding-left:6px;padding-right:6px}.px-8{padding-left:8px;padding-right:8px}.px-10{padding-left:10px;padding-right:10px}.px-12{padding-left:12px;padding-right:12px}.px-14{padding-left:14px;padding-right:14px}.px-16{padding-left:16px;padding-right:16px}.px-18{padding-left:18px;padding-right:18px}.px-20{padding-left:20px;padding-right:20px}.px-22{padding-left:22px;padding-right:22px}.px-24{padding-left:24px;padding-right:24px}.px-32{padding-left:32px;padding-right:32px}.px-40{padding-left:40px;padding-right:40px}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:2px;padding-bottom:2px}.py-4{padding-top:4px;padding-bottom:4px}.py-6{padding-top:6px;padding-bottom:6px}.py-8{padding-top:8px;padding-bottom:8px}.py-10{padding-top:10px;padding-bottom:10px}.py-12{padding-top:12px;padding-bottom:12px}.py-14{padding-top:14px;padding-bottom:14px}.py-16{padding-top:16px;padding-bottom:16px}.py-18{padding-top:18px;padding-bottom:18px}.py-20{padding-top:20px;padding-bottom:20px}.py-24{padding-top:24px;padding-bottom:24px}.py-32{padding-top:32px;padding-bottom:32px}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}#root{width:100vw;height:100vh;overflow:hidden}#game-container{display:none}body{font-family:var(--font-body);font-size:var(--fs-md);color:var(--ink-0);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.font-display{font-family:var(--font-display);letter-spacing:.02em}.font-mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.scroll,.scroll *{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px}.dropdown-item:hover,.dropdown-item[data-highlighted]{background:var(--bg-2);outline:none}.dropdown-item[data-disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}[data-radix-dialog-overlay]{animation:overlayIn var(--d-base) var(--ease-out)}[data-radix-dialog-content]{animation:contentIn var(--d-base) var(--ease-out)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes contentIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:767px){body{font-size:clamp(13px,3.5vw,14px)}:root{--sp-4:clamp(12px, 2vw, 16px);--sp-5:clamp(14px, 2.5vw, 20px);--sp-6:clamp(16px, 3vw, 24px);--sp-7:clamp(20px, 4vw, 32px)}.btn{height:40px;padding:0 var(--sp-3)}.btn--lg{height:40px;padding:0 var(--sp-4)}.input{height:40px;padding:0 var(--sp-2)}.btn,.input,button{min-height:44px}}@media (min-width:768px) and (max-width:1199px){body{font-size:clamp(13px,2vw,15px)}:root{--sp-4:clamp(14px, 1.5vw, 18px);--sp-5:clamp(16px, 2vw, 22px);--sp-6:clamp(18px, 2.5vw, 26px);--sp-7:clamp(24px, 3vw, 32px)}}@media (min-width:1200px){:root{--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px}}@media (min-width:1600px){body{font-size:15px}:root{--sp-7:40px;--sp-8:48px}}.container-max{max-width:var(--container-max);padding-left:var(--sp-4);padding-right:var(--sp-4);margin-left:auto;margin-right:auto}.container-wide{max-width:var(--container-wide);margin-left:auto;margin-right:auto}.container-md{max-width:var(--container-md);margin-left:auto;margin-right:auto}.prose{max-width:65ch;margin-left:auto;margin-right:auto}