@font-face{font-family:OptimusPrinceps;src:url(/assets/fonts/OptimusPrinceps.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:OptimusPrinceps;src:url(/assets/fonts/OptimusPrincepsSemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:EB Garamond;src:url(/assets/fonts/EBGaramond-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:EB Garamond;src:url(/assets/fonts/EBGaramond-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:EB Garamond;src:url(/assets/fonts/EBGaramond-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:EB Garamond;src:url(/assets/fonts/EBGaramond-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}:root{--ink:#e8e1d3;--ink-dim:#b3a996;--ink-faint:#7d7466;--ink-ghost:#4d473d;--gold:#c8a75a;--gold-dim:#8a7648;--gold-ghost:#4a4133;--ember:#ff9a3c;--ember-deep:#c2501e;--blood:#8f2323;--abyss:#050505;--panel:#0d0d0feb;--panel-edge:#1c1915;--serif:"OptimusPrinceps", "Trajan Pro", "Times New Roman", serif;--garamond:"EB Garamond", "Adobe Garamond Pro", Garamond, "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--abyss);height:100%}body{font-family:var(--serif);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;cursor:default;user-select:none;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:var(--ink);text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0b}::-webkit-scrollbar-thumb{background:#2b2620;border:2px solid #0a0a0b;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gold-ghost)}::selection{background:#c8a75a40}.vignette{pointer-events:none;z-index:60;background:radial-gradient(#0000 52%,#0000008c 100%);position:fixed;inset:0}.grain{pointer-events:none;z-index:61;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(4,end) infinite grain-shift;position:fixed;inset:-100px}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-30px,22px)}50%{transform:translate(24px,-28px)}75%{transform:translate(-18px,-14px)}to{transform:translate(0)}}.gold-rule{opacity:.85;background-image:url(/assets/ui/MENU_MapName_Underline.png);background-position:50%;background-repeat:repeat-x;background-size:auto 100%;border:none;height:6px}.ember-text{color:var(--ember);text-shadow:0 0 18px #ff9a3c8c}.ds3-frame{border:1px solid var(--panel-edge);background:radial-gradient(at 30% 20%,#26231e80,#0000 60%),linear-gradient(#131210f7,#0a0a0bf7);position:relative;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #4a41338c,inset 0 0 60px #000c,0 24px 70px #000000bf}.ds3-frame:before{content:"";pointer-events:none;border:1px solid #4a413366;position:absolute;inset:6px}.noise-overlay{opacity:.05;mix-blend-mode:overlay;pointer-events:none;background-image:url(/assets/ui/MENU_CharaMake_Noise.png);background-size:480px;position:absolute;inset:0}.menu-row{width:100%;color:var(--ink-dim);letter-spacing:.04em;text-align:left;white-space:nowrap;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 22px 7px 34px;font-size:clamp(15px,1.55vh,21px);transition:color 90ms;display:flex;position:relative}.menu-row .row-value{color:var(--ink);font-weight:600}.menu-row:after{content:"";background:linear-gradient(90deg,#0000,#8a764859 20% 80%,#0000);height:1px;position:absolute;bottom:0;left:18px;right:18px}.menu-row.active{color:var(--ink)}.menu-row.active:before{content:"";pointer-events:none;background:radial-gradient(90% 130% at 12%,#ff9a3c47,#ff9a3c14 45%,#0000 72%);position:absolute;inset:0}.menu-row.disabled{color:var(--ink-ghost)}.ds3-button{letter-spacing:.14em;color:var(--ink);border:1px solid var(--gold-ghost);background:linear-gradient(#1a1815,#0d0c0b);padding:10px 34px;font-size:clamp(15px,1.7vh,21px);transition:all .12s;display:inline-block;box-shadow:inset 0 0 0 1px #000,0 4px 18px #0009}.ds3-button:hover,.ds3-button.active{border-color:var(--gold);color:#fff;text-shadow:0 0 14px #ffc87880;background:linear-gradient(#241f18,#12100d)}.ds3-input{width:100%;font-family:var(--serif);color:var(--ink);border:1px solid var(--gold-ghost);background:#080809d9;outline:none;padding:9px 14px;font-size:16px;box-shadow:inset 0 2px 10px #000000b3}.ds3-input:focus{border-color:var(--gold-dim);box-shadow:inset 0 2px 10px #000000b3,0 0 12px #c8a75a26}textarea.ds3-input{resize:vertical;min-height:90px;line-height:1.5}.field-label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin:18px 0 6px;font-size:13px;display:block}.banner{z-index:80;pointer-events:none;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.banner-title{letter-spacing:.32em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 34px #000000e6;font-size:clamp(34px,6vw,84px);font-weight:600}.banner-rule{background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);width:min(46vw,640px);height:1px}.loading-screen{z-index:100;background:var(--abyss);flex-direction:column;justify-content:flex-end;padding:7vh 7vw;display:flex;position:fixed;inset:0}.loading-now{letter-spacing:.42em;color:var(--ink);margin-bottom:4vh;font-size:clamp(18px,2.2vh,26px)}.loading-item-name{color:var(--ink);margin-bottom:2px;font-size:clamp(22px,3.4vh,40px);font-weight:600}.loading-item-text{max-width:640px;color:var(--ink-dim);font-size:clamp(13px,1.6vh,17px);line-height:1.75}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.55}50%{opacity:1}}.fade-in{animation:.6s both fade-in}.rise-in{animation:.7s cubic-bezier(.22,1,.36,1) both rise-in}.title-shroud{pointer-events:none;background:linear-gradient(#0000,#000 18% 82%,#0000);height:30vh;position:absolute;top:50%;left:0;right:0;transform:translateY(-56%)}.title-sigil{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-56%)}.title-sigil-inner{padding:0 .35em;display:inline-block;position:relative}.title-sigil-inner:before{content:"";background:linear-gradient(90deg,#0000,#f2efe9e6 12% 88%,#0000);height:2px;position:absolute;top:54%;left:-4%;right:-4%}.title-sigil-text{font-family:var(--garamond);letter-spacing:.1em;color:#f2efe9;text-shadow:0 2px 22px #000000e6;white-space:nowrap;font-size:clamp(58px,9.6vw,150px);font-weight:500;position:relative}.title-sigil-sub{letter-spacing:.52em;text-transform:uppercase;color:#e8e1d39e;margin-top:1.6vh;font-size:clamp(11px,1.5vh,16px)}@media (prefers-reduced-motion:reduce){.grain{animation:none}.fade-in,.rise-in{animation-duration:1ms}}