*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--moon)}body{font-family:var(--font-body);font-size:var(--t-md);line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;overflow:hidden}#app{position:fixed;inset:0}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--faction-glow);text-underline-offset:3px}p{margin:0 0 var(--s3);text-wrap:pretty}h1,h2,h3,h4{margin:0;font-weight:500}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ico .dark{fill:#ece4cf14}.ico .lit{fill:var(--moon-2)}.phase.now .lit{fill:var(--faction-glow)}.phase.done .lit{fill:var(--moon)}.crest{color:var(--fc, var(--faction));display:block}.screen{position:absolute;inset:0;overflow:hidden}.scene-bg{position:absolute;inset:-2%;background:var(--night) center / cover no-repeat;transition:background-image .6s var(--ease-out);animation:drift 40s var(--ease-moon) infinite alternate}@keyframes drift{0%{transform:scale(1.02) translate(-.6%)}to{transform:scale(1.05) translate(.6%)}}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#110c14db,#110c1459 30%,#110c141a,#110c1459 70%,#110c14e0),linear-gradient(180deg,rgba(17,12,20,.55) 0%,transparent 18%,transparent 62%,rgba(17,12,20,.9) 100%)}.stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.stage-canvas:active{cursor:grabbing}.topbar{position:absolute;top:0;left:0;right:0;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--s5);z-index:3;background:linear-gradient(180deg,#110c14bf,#110c1400)}.brand{display:inline-flex;align-items:center;gap:var(--s2);color:var(--moon);text-decoration:none;justify-self:start}.brand .display{font-size:var(--t-xl);font-weight:700;letter-spacing:.02em}.topnav{grid-column:3;justify-self:end;display:flex;align-items:center;gap:var(--s4);font-size:var(--t-sm)}.topnav a{color:var(--moon-2);text-decoration:none}.topnav a:hover{color:var(--moon)}.who{color:var(--moon-3)}.link-btn{background:none;border:0;padding:var(--s1) 0;color:var(--moon-2);font-size:var(--t-sm)}.link-btn:hover{color:var(--moon);text-decoration:underline;text-underline-offset:3px}.link-btn.danger:hover{color:var(--error)}.btn-primary,.btn-ghost,.btn-danger{--cut: 12px;position:relative;border:0;padding:0 calc(var(--s5) + 6px);height:46px;font-family:var(--font-display);font-size:var(--t-lg);font-weight:700;letter-spacing:.02em;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% 50%,calc(100% - var(--cut)) 100%,var(--cut) 100%,0 50%);transition:background-color .18s var(--ease-out),color .18s var(--ease-out),transform .18s var(--ease-out)}.btn-primary{background:var(--moon);color:var(--night)}.btn-primary:hover,.btn-primary:focus-visible{background:var(--faction-glow)}.btn-primary:active{transform:translateY(1px)}.btn-primary:focus-visible,.btn-ghost:focus-visible,.btn-danger:focus-visible{outline:none;box-shadow:none;text-decoration:underline;text-underline-offset:4px}.btn-ghost{background:#16101bcc;color:var(--moon);box-shadow:inset 0 0 0 1px var(--line-strong)}.btn-ghost:hover,.btn-ghost:focus-visible{background:#ece4cf33}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:#8a2a22;color:var(--moon)}.btn-danger:disabled{opacity:.35;cursor:not-allowed}.btn-primary.busy,.btn-primary:disabled{opacity:.7;cursor:progress}.btn-primary.busy span{animation:breathe 1.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.4}}.chip{height:32px;padding:0 var(--s3);background:#16101bb8;border:1px solid var(--line-strong);color:var(--moon-2);border-radius:var(--r-control);font-size:var(--t-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chip:hover{color:var(--moon);border-color:var(--moon-3)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:2px;background:#0000004d;border:1px solid var(--line);border-radius:var(--r-control)}.seg button{height:34px;border:0;background:transparent;color:var(--moon-2);border-radius:2px;font-size:var(--t-sm);white-space:nowrap;padding:0 6px}.seg button[aria-selected=true],.seg button[aria-checked=true]{background:var(--stone-3);color:var(--moon);box-shadow:inset 0 -2px 0 var(--faction)}.seg-sm button{height:30px}.field{display:grid;gap:var(--s1);margin-bottom:var(--s3)}.field>span,.field-label{font-size:var(--t-sm);color:var(--moon-2);letter-spacing:.02em}.field input,.text-input{height:44px;width:100%;padding:0 var(--s3);background:#00000059;border:1px solid var(--line-strong);border-radius:var(--r-control);color:var(--moon);font-size:var(--t-md)}.field input:focus,.text-input:focus{outline:none;border-color:var(--faction-glow);box-shadow:0 0 0 1px var(--faction-glow)}.form-error{min-height:1.4em;color:var(--error);font-size:var(--t-sm);margin:0 0 var(--s2)}.hint,.fine{color:var(--moon-3);font-size:var(--t-sm)}.modal-veil{position:absolute;inset:0;background:#08050ab3;display:grid;place-items:center;z-index:10}.modal{width:min(420px,calc(100vw - 32px));padding:var(--s5)}.modal h2{font-size:var(--t-2xl);font-weight:700;margin-bottom:var(--s2)}.modal .text-input{margin:var(--s2) 0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--s3)}.modal-actions button{height:40px;font-size:var(--t-md)}.phases{list-style:none;display:flex;gap:var(--s1);margin:0;padding:0}.phases button{display:flex;align-items:center;gap:var(--s2);background:none;border:0;padding:var(--s2) var(--s3);color:var(--moon-3);font-size:var(--t-sm);border-radius:var(--r-control)}.phases button[aria-current=step]{color:var(--moon)}.phases button:not(:disabled):hover{color:var(--moon);background:#ece4cf0f}.phases button:disabled{color:#ece4cf80;cursor:default}.phases button:has(.done){color:#ece4cfc7}.phases li+li button:before{content:"";width:18px;height:1px;background:var(--line-strong);margin-right:var(--s1)}.choose,.lore{position:absolute;top:80px;bottom:100px;z-index:2;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--moon-3) transparent;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent);padding-bottom:48px!important}.choose{left:var(--s5);width:344px;padding:var(--s4) var(--s4) var(--s5)}.lore{right:var(--s5);width:330px;padding:var(--s5);bottom:auto;max-height:calc(100% - 180px)}.eyebrow{display:block;font-size:var(--t-sm);color:var(--moon-2);letter-spacing:.06em;margin-bottom:var(--s1)}.panel-hint{color:var(--moon-2);font-size:var(--t-sm);margin-bottom:var(--s4)}.faction-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.faction-card{display:grid;justify-items:center;gap:2px;padding:var(--s4) var(--s2) var(--s3);background:#00000040;border:1px solid var(--line);border-radius:var(--r-panel);color:var(--moon-2);transition:border-color .2s,background-color .2s}.faction-card .crest{color:var(--fc);opacity:.75;transition:opacity .2s,filter .2s}.faction-card:hover{border-color:var(--line-strong);color:var(--moon)}.faction-card:hover .crest{opacity:1}.faction-card[aria-checked=true]{border-color:var(--fc);background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 20%,transparent),#00000040);color:var(--moon)}.faction-card[aria-checked=true] .crest{opacity:1;filter:drop-shadow(0 0 10px var(--fc))}.fc-name{font-size:var(--t-lg);font-weight:700}.fc-corner{font-size:var(--t-sm);color:var(--moon-2);text-transform:capitalize}.map-note{margin-top:var(--s4);font-size:var(--t-sm);color:var(--moon-3)}.origin-list{display:grid;gap:var(--s2)}.origin-nation{padding:var(--s2);border:1px solid var(--line);border-radius:var(--r-panel);background:#00000038;transition:border-color .2s,background-color .2s}.origin-nation.is-on{border-color:color-mix(in srgb,var(--fc) 70%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 14%,transparent),#00000040)}.origin-head{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s2);font-size:var(--t-md);font-weight:700;color:var(--moon)}.origin-crest{display:inline-grid;color:var(--fc)}.origin-corner{margin-left:auto;font-size:var(--t-xs);font-weight:400;color:var(--moon-3);text-transform:capitalize}.origin-peoples{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.people-tile{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:var(--s2);padding:var(--s1);text-align:left;background:#00000040;border:1px solid var(--line);border-radius:var(--r-control);color:var(--moon-2);transition:border-color .2s,background-color .2s}.people-tile:hover{border-color:var(--line-strong);color:var(--moon)}.people-tile:focus-visible{outline:2px solid var(--faction-glow);outline-offset:1px}.people-tile[aria-checked=true]{border-color:var(--fc);background:linear-gradient(90deg,color-mix(in srgb,var(--fc) 26%,transparent),#00000040);color:var(--moon)}.people-portrait{width:44px;height:54px;border-radius:2px;background-size:cover,cover;background-position:center 22%,center;box-shadow:inset 0 0 0 1px #ffffff1f}.people-tile[aria-checked=true] .people-portrait{box-shadow:inset 0 0 0 1px var(--fc),0 0 10px color-mix(in srgb,var(--fc) 50%,transparent)}.people-text{display:grid;line-height:1.2;min-width:0}.people-name{font-size:var(--t-md);font-weight:700;color:var(--moon)}.people-trait{font-size:var(--t-xs);color:var(--moon-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lore-nation{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}@media(max-height:800px){.people-portrait{height:44px}.origin-nation{padding:6px var(--s2)}.origin-head{margin-bottom:6px}}.option-list,.class-list{display:grid;gap:var(--s1);margin-bottom:var(--s4)}.option-row{display:flex;align-items:center;gap:var(--s3);width:100%;text-align:left;padding:var(--s3);background:#00000038;border:1px solid var(--line);border-left:3px solid transparent;border-radius:var(--r-control);color:var(--moon-2)}.option-row:hover{border-color:var(--line-strong);color:var(--moon)}.option-row[aria-checked=true]{border-left-color:var(--faction);background:linear-gradient(90deg,color-mix(in srgb,var(--faction) 18%,transparent),#00000038);color:var(--moon)}.opt-swatch{width:34px;height:34px;flex:none;transform:rotate(45deg) scale(.78);border:1px solid var(--line-strong)}.opt-text{display:grid;line-height:1.25}.opt-name{font-size:var(--t-lg);font-weight:700;color:var(--moon)}.opt-sub{font-size:var(--t-sm)}.class-row{padding:var(--s2) var(--s3)}.class-row .opt-name{font-size:var(--t-md)}.class-row .opt-sub{font-size:var(--t-xs)}.group-label{display:flex;align-items:center;gap:var(--s2);margin:var(--s3) 0 var(--s1);font-size:var(--t-xs);color:var(--moon-3);letter-spacing:.06em;padding:0}.group-label:first-child{margin-top:0}.look-actions{display:flex;gap:var(--s2);margin-bottom:var(--s4)}.look-actions .chip{display:inline-flex;align-items:center;gap:var(--s2);height:38px}.look-actions [data-randomize]{flex:1;justify-content:center}.chip:disabled{opacity:.4;pointer-events:none}.chip-gold{color:var(--faction-glow);border-color:var(--faction)}.chip-gold:hover{color:var(--moon);border-color:var(--faction-glow)}.chip[hidden]{display:none}.look-sect{margin:0 0 var(--s5);padding-top:var(--s3);border-top:1px solid var(--line)}.sect-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s1)}.sect-head .group-label{margin:0;font-size:var(--t-md);color:var(--moon);letter-spacing:.08em;text-transform:uppercase}.sect-hint{color:var(--moon-3);font-size:var(--t-xs);margin:0 0 var(--s3)}.dice{width:32px;height:32px;display:grid;place-items:center;background:#0000004d;border:1px solid var(--line);border-radius:var(--r-control);color:var(--moon-2)}.dice:hover{color:var(--moon);border-color:var(--faction)}.look-note{margin-bottom:var(--s4);padding:var(--s3);background:#00000038;border:1px solid var(--line);border-radius:var(--r-control);display:grid;gap:var(--s2);justify-items:start}.look-note p{color:var(--moon-3);font-size:var(--t-sm);margin:0}.likeness .field-row{margin-bottom:var(--s2)}.field-row{grid-template-columns:104px 1fr}.field-row{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:var(--s3);min-height:38px;margin-bottom:var(--s1)}.stepper{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;height:34px;background:#0000004d;border:1px solid var(--line);border-radius:var(--r-control)}.stepper button{height:100%;background:none;border:0;color:var(--moon-2);display:grid;place-items:center}.stepper button:hover{color:var(--moon);background:#ece4cf0f}.stepper output{text-align:center;font-size:var(--t-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swatches{display:flex;flex-wrap:wrap;gap:6px;padding:4px 2px}.swatches button{width:22px;height:22px;padding:0;border:1px solid rgba(0,0,0,.5);background:var(--sw);transform:rotate(45deg) scale(.82);transition:transform .15s var(--ease-out)}.swatches button:hover{transform:rotate(45deg) scale(.95)}.swatches button[aria-checked=true]{transform:rotate(45deg) scale(.95);outline:2px solid var(--moon);outline-offset:2px}.slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s2);font-size:var(--t-xs);color:var(--moon-3)}.slider input{appearance:none;-webkit-appearance:none;height:24px;background:transparent;width:100%}.slider input::-webkit-slider-runnable-track{height:2px;background:var(--line-strong)}.slider input::-moz-range-track{height:2px;background:var(--line-strong)}.slider input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;background:var(--moon);transform:rotate(45deg);border:0}.slider input::-moz-range-thumb{width:12px;height:12px;background:var(--moon);transform:rotate(45deg);border:0;border-radius:0}.slider input:focus-visible{outline:1px solid var(--faction-glow)}.name-input{display:grid;grid-template-columns:1fr auto;gap:var(--s2)}.name-input .chip{height:44px}.summary{display:grid;gap:var(--s2);margin:var(--s4) 0 0;padding-top:var(--s3);border-top:1px solid var(--line)}.summary div{display:grid;grid-template-columns:96px 1fr;gap:var(--s3)}.summary dt{font-size:var(--t-xs);color:var(--moon-3);padding-top:3px}.summary dd{margin:0}.lore p{color:var(--moon-2)}.lore-head{display:grid;grid-template-columns:64px 1fr;gap:var(--s3);align-items:center;margin-bottom:var(--s3)}.lore-crest .crest{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--fc) 60%,transparent))}.lore-title{font-size:var(--t-2xl);font-weight:700;line-height:1.1;color:var(--moon);margin-bottom:var(--s1)}.lore-meta{font-size:var(--t-sm);color:var(--moon-3)!important;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lore-sub{font-family:var(--font-display);font-size:var(--t-lg);font-weight:700;color:var(--moon);margin:var(--s4) 0 var(--s1)}.motto{font-style:italic;color:var(--faction-glow)!important;font-size:var(--t-lg)}.god{margin:var(--s4) 0;padding:var(--s4);border-left:2px solid var(--faction);background:linear-gradient(90deg,color-mix(in srgb,var(--faction) 12%,transparent),transparent)}.god-name{font-size:var(--t-lg);font-weight:700;color:var(--moon);margin-bottom:var(--s1)}.god-creed{font-style:italic}.god-sundering{margin:0}.god-verse{margin:var(--s3) 0 0}.foreign{font-style:italic;text-transform:lowercase;letter-spacing:.04em;color:var(--moon-2)}.trait{padding:var(--s3) var(--s4);border-left:2px solid var(--faction);background:#00000040;margin:var(--s4) 0}.trait-name{font-size:var(--t-lg);font-weight:700;color:var(--moon);margin-bottom:2px}.trait p:last-child{margin:0}.ability-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.ability-list li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:var(--s2);padding:6px var(--s2);background:#00000038;border-radius:var(--r-control)}.ab-ico{display:grid;place-items:center;width:28px;height:28px;background:#0006;border:1px solid var(--line)}.ab-name{font-size:var(--t-sm);color:var(--moon)}.ab-lvl{font-size:var(--t-xs);color:var(--moon-3)}.first-words{margin:var(--s4) 0 0;padding:var(--s4);border-left:2px solid var(--faction);background:#0000004d}.first-words p{font-style:italic;margin:0;color:var(--moon)}.creator:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(0deg,rgba(17,12,20,.7),transparent);pointer-events:none;z-index:1}.stage-tools{position:absolute;top:76px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--s2);z-index:2}.stage-tools-row{display:flex;gap:var(--s3);align-items:center}.stage-tools .seg{background:#0e0a129e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stage-tools .seg button{height:32px;padding:0 var(--s3);min-width:64px}.stage-tools .seg button[data-zoom]{min-width:92px}.form-frame,.form-inset{position:absolute;right:calc(var(--s5) + 330px + var(--s5));bottom:270px;width:clamp(132px,11vw,190px);height:clamp(180px,15vw,256px);border-radius:var(--r-control)}.form-frame{background:radial-gradient(ellipse at 50% 40%,#1e18288c,#0a080ec7);border:1px solid var(--line);box-shadow:0 6px 24px #00000073}.form-frame[hidden],.form-inset[hidden]{display:none}.form-inset{z-index:2;background:transparent;border:1px solid transparent;cursor:pointer;padding:0}.form-inset:hover,.form-inset:focus-visible{border-color:var(--faction-glow)}.form-tag{position:absolute;left:0;right:0;bottom:0;padding:5px 0;text-align:center;font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--moon-2);background:#0a080eb3;border-radius:0 0 var(--r-control) var(--r-control)}.form-inset:hover .form-tag{color:var(--moon)}.step-nav{position:absolute;left:50%;bottom:var(--s5);transform:translate(-50%);display:flex;gap:var(--s3);z-index:2}.step-nav .btn-primary{min-width:220px}.btn-wake{min-width:240px;font-size:var(--t-xl)!important}.loading-veil{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--night);transition:opacity .5s var(--ease-out)}.loading-veil.out{opacity:0;pointer-events:none}.loading-inner{text-align:center}.loading-inner .display{font-size:var(--t-2xl);margin-bottom:var(--s4)}.loading-crescent{width:44px;height:44px;margin:0 auto;border-radius:50%;box-shadow:inset -8px 0 0 0 var(--moon);animation:wax 1.6s linear infinite}@keyframes wax{to{transform:rotate(360deg)}}#app>.game-root{position:absolute;inset:0}.fatal{max-width:460px;margin:20vh auto;padding:var(--s5)}@media(max-width:1100px){.lore,.choose{width:300px}.phases span{display:none}}@media(max-width:820px){body{overflow:auto}.topbar{grid-template-columns:auto 1fr;padding:0 var(--s4)}.phases{display:none}.choose,.lore{position:absolute;left:var(--s4);right:var(--s4);width:auto}.creator .stage-canvas{height:46%}.choose{top:46%;bottom:84px}.lore{display:none}.stage-tools{top:64px}.form-frame,.form-inset{right:var(--s4);top:120px;bottom:auto;width:110px;height:150px}.step-nav{left:var(--s4);right:var(--s4);transform:none}.step-nav .btn-primary{flex:1;min-width:0}}.pg-enter{display:grid;gap:2px;width:100%;margin-top:var(--s3);padding:var(--s3) var(--s4);text-align:left;background:linear-gradient(90deg,color-mix(in srgb,var(--faction) 24%,transparent),#0003 80%);border:1px solid var(--faction);border-radius:var(--r-control);color:var(--moon);transition:background-color .2s,transform .2s var(--ease-out)}.pg-enter:hover,.pg-enter:focus-visible{background:linear-gradient(90deg,color-mix(in srgb,var(--faction) 40%,transparent),#00000040 80%);transform:translate(2px)}.pg-enter-name{font-family:var(--font-display);font-size:var(--t-xl);font-weight:700;line-height:1.1}.pg-enter-sub{font-size:var(--t-xs);color:var(--moon-2)}.pg-tag{display:inline-block;padding:1px 7px;border-radius:2px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--night);background:var(--warn);vertical-align:2px}.pg-badge{display:inline-block;margin-left:var(--s2);padding:0 6px;border-radius:2px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--night);background:var(--warn);vertical-align:2px}.proving .scene-bg{transition:background-image .6s var(--ease-out),filter .6s}.pg-shade{background:linear-gradient(90deg,#110c14e0,#110c148c 34%,#110c1426 52%,#110c1480 74%,#110c14e6),linear-gradient(180deg,rgba(17,12,20,.6) 0%,transparent 20%,transparent 60%,rgba(17,12,20,.94) 100%)}.pg-canvas{transition:transform .75s var(--ease-moon);transform:translate(1vw)}.proving[data-step="2"] .pg-canvas,.proving[data-step="3"] .pg-canvas{transform:translate(-31vw) scale(.94)}.pg-top{grid-template-columns:1fr auto 1fr}.pg-steps{list-style:none;display:flex;gap:var(--s1);margin:0;padding:0}.pg-steps button{display:flex;align-items:center;gap:var(--s2);background:none;border:0;padding:var(--s2) var(--s3);color:var(--moon-3);font-size:var(--t-sm);border-radius:var(--r-control)}.pg-steps button[aria-current=step]{color:var(--moon)}.pg-steps button:not(:disabled):hover{color:var(--moon);background:#ece4cf0f}.pg-steps button:disabled{cursor:default;color:#ece4cf73}.pg-steps li+li button:before{content:"";width:22px;height:1px;background:var(--line-strong);margin-right:var(--s1)}.pg-beta{padding:3px 10px;border:1px solid var(--warn);border-radius:2px;color:var(--warn);font-size:var(--t-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pg-deck{position:absolute;inset:76px 0 112px;z-index:2}.pg-panel{position:absolute;inset:0;padding:0 var(--s6);transition:transform .65s var(--ease-moon),opacity .5s var(--ease-out)}.pg-panel.is-before{transform:translate(-14vw);opacity:0;pointer-events:none}.pg-panel.is-after{transform:translate(14vw);opacity:0;pointer-events:none}.pg-panel.is-now{transform:none;opacity:1}.pg-left{position:absolute;left:var(--s6);top:0;width:min(580px,46vw);display:grid;gap:var(--s4);align-content:start}.pg-right{position:absolute;right:var(--s6);top:0;width:min(350px,27vw);padding:var(--s5);max-height:100%;overflow:auto}.pg-wide{position:absolute;left:36vw;right:var(--s6);top:0;display:grid;gap:var(--s4);align-content:start}.pg-eyebrow{margin:0;text-shadow:0 1px 6px rgba(0,0,0,.8);font-size:var(--t-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--faction-glow)}.pg-title{font-size:clamp(40px,4.6vw,66px);font-weight:700;line-height:.98;margin:0 0 var(--s1);text-shadow:0 4px 28px rgba(0,0,0,.7)}.pg-hint{margin:0;max-width:54ch;color:var(--moon);font-size:var(--t-md);text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 18px rgba(0,0,0,.8)}.pg-row{position:relative;display:grid;gap:var(--s2);padding-left:var(--s4);transition:opacity .2s}.pg-row:before{content:"";position:absolute;left:0;top:24px;bottom:0;width:3px;background:var(--line);transition:background-color .2s,box-shadow .2s}.pg-row.is-live:before{background:var(--faction);box-shadow:0 0 14px var(--faction-glow)}.pg-row:not(.is-live){opacity:.86}.pg-row-label{font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--moon-3)}.is-live>.pg-row-label{color:var(--moon)}.pg-tiles{display:grid;gap:var(--s2)}.pg-tiles-4{grid-template-columns:repeat(4,1fr)}.pg-tiles-2{grid-template-columns:repeat(2,1fr)}.pg-tiles-3{grid-template-columns:repeat(3,1fr)}.pg-tile{position:relative;display:grid;align-content:center;gap:2px;min-height:64px;padding:var(--s3) var(--s3);text-align:left;background:var(--stone-alpha);border:1px solid var(--line);border-radius:var(--r-control);color:var(--moon-2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:border-color .18s,background-color .18s,transform .18s var(--ease-out),color .18s}.pg-tile:hover{border-color:var(--line-strong);color:var(--moon)}.pg-tile[aria-checked=true]{color:var(--moon);border-color:var(--fc, var(--faction));background:linear-gradient(160deg,color-mix(in srgb,var(--fc, var(--faction)) 26%,var(--stone)),var(--stone))}.is-live .pg-tile[aria-checked=true]{transform:translateY(-3px);box-shadow:0 10px 26px -10px var(--fc, var(--faction))}.pg-tile-name{font-size:var(--t-xl);font-weight:700;line-height:1.05;color:var(--moon)}.pg-tile-sub{font-size:var(--t-xs);color:var(--moon-3)}.pg-faction{justify-items:center;text-align:center;min-height:112px;gap:4px;padding-top:var(--s3)}.pg-faction .pg-tile-crest{color:var(--fc);opacity:.8;transition:opacity .2s,filter .2s}.pg-faction[aria-checked=true] .pg-tile-crest{opacity:1;filter:drop-shadow(0 0 10px var(--fc))}.pg-race{min-height:72px}.pg-class{grid-template-columns:22px 1fr;column-gap:var(--s2);min-height:62px;padding:var(--s2) var(--s3)}.pg-class .pg-tile-role{grid-row:1 / 3;align-self:center;color:var(--faction-glow)}.pg-class .pg-tile-name{font-size:var(--t-lg)}.pg-class.is-cursor{outline:2px solid var(--faction-glow);outline-offset:2px}.pg-class.is-locked{cursor:not-allowed;opacity:.5}.pg-class.is-locked .pg-tile-role{color:var(--moon-3)}.pg-class.is-locked.is-cursor{opacity:1;outline:none;box-shadow:0 0 0 2px var(--warn)}.pg-info-head{display:grid;grid-template-columns:48px 1fr;gap:var(--s3);align-items:center;margin-bottom:var(--s3)}.pg-info-head .crest{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--fc) 60%,transparent))}.pg-info-head h2{font-size:var(--t-3xl);font-weight:700;line-height:1}.pg-info-head p{margin:2px 0 0;color:var(--moon-3);font-size:var(--t-sm)}.pg-info-trait{color:var(--moon-2);font-size:var(--t-sm);padding-bottom:var(--s3);border-bottom:1px solid var(--line)}.pg-info-trait b{color:var(--moon)}.pg-info-class h3{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-2xl);font-weight:700;margin:var(--s2) 0 2px}.pg-info-meta{color:var(--moon-3);font-size:var(--t-sm);margin-bottom:var(--s2)}.pg-info-class p{color:var(--moon-2);font-size:var(--t-sm)}.pg-info-fantasy{color:var(--moon-3)!important}.pg-info-class.is-locked h3{color:var(--moon-2)}.pg-lock{color:var(--warn)!important;padding:var(--s3);border-left:3px solid var(--warn);background:#f0c05014}.pg-lock b{color:var(--moon)}.pg-info-title{font-size:var(--t-3xl);font-weight:700;line-height:1.05;overflow-wrap:anywhere}.pg-info-sub{font-family:var(--font-display);font-size:var(--t-lg);font-weight:700;margin:var(--s4) 0 var(--s2);color:var(--moon)}.pg-bullets{margin:0 0 var(--s4);padding-left:var(--s4);color:var(--moon-2);font-size:var(--t-sm);display:grid;gap:var(--s1)}.pg-fine{color:var(--moon-3);font-size:var(--t-xs);margin:0}.pg-carousel{display:grid;grid-template-columns:56px 1fr 56px;align-items:stretch;gap:var(--s2)}.pg-arrow{background:var(--stone-alpha);border:1px solid var(--line);border-radius:var(--r-control);color:var(--moon-2);font-size:var(--t-lg);min-height:76px}.pg-arrow:hover{color:var(--moon);border-color:var(--faction)}.pg-carousel-name{display:grid;place-content:center;justify-items:center;gap:var(--s2);background:var(--stone-alpha);border:1px solid var(--line-strong);border-radius:var(--r-control);padding:var(--s3)}.pg-carousel-name .display{font-size:var(--t-2xl);font-weight:700}.pg-dots{display:flex;gap:6px}.pg-dots i{width:8px;height:8px;transform:rotate(45deg);background:var(--line-strong)}.pg-dots i.on{background:var(--faction-glow);box-shadow:0 0 8px var(--faction-glow)}.pg-dice{display:grid;grid-template-columns:34px 1fr;column-gap:var(--s3);align-items:center;text-align:left;padding:var(--s3) var(--s4);background:var(--stone-alpha);border:1px solid var(--faction);border-radius:var(--r-control);color:var(--faction-glow)}.pg-dice svg{grid-row:1 / 3}.pg-dice .display{font-size:var(--t-xl);font-weight:700;color:var(--moon)}.pg-dice-sub{font-size:var(--t-xs);color:var(--moon-3)}.pg-dice:hover{background:color-mix(in srgb,var(--faction) 20%,var(--stone))}.pg-name{display:grid;grid-template-columns:1fr auto;gap:var(--s2)}.pg-name .text-input{height:56px;font-size:var(--t-xl);font-family:var(--font-display);font-weight:700;letter-spacing:.02em}.pg-name .chip{height:56px;padding:0 var(--s4)}.pg-name-err{margin:0;min-height:1.4em}.pg-cardnote{margin:0;padding:var(--s2) 0;font-size:var(--t-md);color:var(--moon-2);border-top:1px solid var(--line)}.pg-cardnote.is-lock{color:var(--warn)}.pg-seat{display:grid;gap:var(--s2);max-width:420px}.pg-summary{display:grid;gap:var(--s2);margin:0;padding:var(--s4) 0 0;border-top:1px solid var(--line)}.pg-summary div{display:grid;grid-template-columns:100px 1fr;gap:var(--s3)}.pg-summary dt{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--moon-3);padding-top:3px}.pg-summary dd{margin:0;color:var(--moon)}.shake{animation:pg-shake .35s}@keyframes pg-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.pg-foot{position:absolute;left:0;right:0;bottom:0;height:104px;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s6);gap:var(--s5);background:linear-gradient(0deg,#110c14eb,#110c1400)}.pg-keys{margin:0;color:var(--moon-3);font-size:var(--t-sm)}.pg-keys kbd{display:inline-block;min-width:24px;padding:1px 6px;margin-right:3px;text-align:center;font:inherit;font-size:var(--t-xs);font-weight:700;color:var(--moon);background:var(--stone-2);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:3px}.pg-foot-actions{display:flex;gap:var(--s3)}.pg-foot-actions .btn-primary{height:56px;min-width:260px;font-size:var(--t-xl);--cut: 16px}.pg-foot-actions .btn-ghost{height:56px;--cut: 16px;font-size:var(--t-lg)}@media(max-width:1100px){.pg-right{display:none}.pg-left{width:min(520px,52vw)}.pg-wide{left:40vw}.pg-steps span{display:none}}.pg-left,.pg-wide{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:8px 12px 12px 0;margin-top:-8px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;overscroll-behavior:contain}.pg-wide{padding-left:4px}@media(max-height:880px){.pg-left{gap:var(--s3)}.pg-title{font-size:clamp(34px,4vw,44px)}.pg-hint{font-size:var(--t-sm)}.pg-faction{min-height:78px;padding-top:var(--s2);gap:2px}.pg-faction .pg-tile-crest svg{width:30px;height:30px}.pg-race{min-height:54px;padding-top:var(--s2);padding-bottom:var(--s2)}.pg-class{min-height:46px;padding:6px var(--s3)}}:root{--gold: #d9b66b;--gold-hi: #f6e1a8;--gold-lo: #8d7240;--gold-line: linear-gradient(90deg, transparent, rgba(217, 182, 107, .75) 22%, rgba(246, 225, 168, .95) 50%, rgba(217, 182, 107, .75) 78%, transparent)}.tl-rule,.fd-rule{display:flex;align-items:center;gap:10px;color:var(--gold)}.tl-rule i,.fd-rule i{flex:1;height:1px;background:var(--gold-line)}.tl-rule b,.fd-rule b{width:7px;height:7px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 10px #d9b66bb3}.fd-rule i:last-child{display:none}.fd-rule{justify-content:flex-start}.fd-rule i{max-width:100%}.fd-rule b{order:-1}.tl-enter,.fd-btn{--cut: 14px;position:relative;border:0;cursor:pointer;height:50px;padding:0 34px;min-width:200px;font-family:var(--font-display);font-weight:700;font-size:var(--t-xl);letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% 50%,calc(100% - var(--cut)) 100%,var(--cut) 100%,0 50%);transition:filter .2s var(--ease-out),transform .2s var(--ease-out),background-position .5s var(--ease-out)}.tl-enter{color:#1a1209;background:linear-gradient(100deg,#b98f48,#f1d58f 38%,#fff0c4 50%,#e2bd70 64%,#b48a44) 0 0 / 220% 100%;box-shadow:0 0 30px #d9b66b59}.tl-enter:hover,.tl-enter:focus-visible{background-position:100% 0;filter:brightness(1.08) drop-shadow(0 0 14px rgba(246,225,168,.55));outline:none}.tl-enter:active{transform:translateY(1px)}.tl-enter:disabled,.tl-enter.busy{opacity:.7;cursor:progress}.tl-enter.busy span{animation:breathe 1.2s ease-in-out infinite}.fd-btn{height:42px;font-size:var(--t-md);letter-spacing:.08em;color:var(--gold-hi);background:#140e18c7;min-width:0;padding:0 26px;box-shadow:inset 0 0 0 1px #d9b66b73}.fd-btn:hover,.fd-btn:focus-visible{background:#d9b66b33;outline:none}.fd-btn:disabled{opacity:.4;cursor:not-allowed}.fd-title{font-size:var(--t-2xl);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);margin:0 0 var(--s2);text-shadow:0 2px 14px rgba(0,0,0,.8)}.login{background:#0d0912}.tl-sky{position:absolute;left:50%;top:50%;width:max(108vw,189vh);height:max(108vh,61.7vw);transform:translate(-50%,-50%) translate3d(var(--px, 0px),var(--py, 0px),0);will-change:transform}.tl-art{position:absolute;inset:0;background:#0d0912 url(/art/key-art.webp) center / 100% 100% no-repeat;transform-origin:72% 38%;animation:tl-drift 80s ease-in-out infinite alternate}@keyframes tl-drift{0%{transform:scale(1) translate(0)}to{transform:scale(1.07) translate(-1%,.6%)}}.tl-moon{position:absolute;left:72.6%;top:23.8%;width:21%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.tl-moon i{position:absolute;border-radius:50%}.tl-moon-halo{inset:-42%;mix-blend-mode:screen;background:radial-gradient(circle,rgba(255,244,214,.38) 0%,rgba(214,205,255,.2) 34%,rgba(150,130,220,.08) 52%,transparent 70%);animation:tl-breathe 9s ease-in-out infinite}.tl-moon-core{inset:0;mix-blend-mode:soft-light;background:radial-gradient(circle at 42% 38%,rgba(255,250,230,.55),transparent 62%);animation:tl-breathe 9s ease-in-out infinite reverse}@keyframes tl-breathe{0%,to{opacity:.7;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}.tl-mist{position:absolute;left:-10%;width:120%;pointer-events:none;transform:translate3d(var(--px, 0px),var(--py, 0px),0)}.tl-mist:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;animation:tl-slide linear infinite;background-repeat:repeat-x}.tl-mist-a{bottom:6%;height:34%;opacity:.5}.tl-mist-a:before{animation-duration:140s;background-size:50% 100%;background-image:radial-gradient(ellipse 36% 38% at 22% 58%,rgba(186,170,220,.34),transparent 70%),radial-gradient(ellipse 30% 30% at 70% 66%,rgba(214,190,160,.26),transparent 70%)}.tl-mist-b{bottom:-4%;height:30%;opacity:.55}.tl-mist-b:before{animation-duration:95s;animation-direction:reverse;background-size:50% 100%;background-image:radial-gradient(ellipse 40% 40% at 40% 60%,rgba(120,104,168,.4),transparent 70%),radial-gradient(ellipse 26% 32% at 84% 50%,rgba(170,150,120,.3),transparent 70%)}@keyframes tl-slide{to{transform:translate(-50%)}}.tl-motes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:translate3d(var(--px, 0px),var(--py, 0px),0)}.tl-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0a060eeb,#0a060eb3 26%,#0a060e1f 56%,#0a060e00 70%),radial-gradient(ellipse 120% 100% at 60% 45%,transparent 55%,rgba(6,3,10,.75) 100%),linear-gradient(180deg,rgba(6,3,10,.55) 0%,transparent 18%,transparent 70%,rgba(6,3,10,.85) 100%)}.tl-main{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(20px,4.6vh,52px);padding:0 0 0 max(32px,6.2vw)}.tl-mark{width:max-content;max-width:90vw}.tl-crest{display:block;color:var(--gold-hi);margin-bottom:10px;filter:drop-shadow(0 0 18px rgba(246,225,168,.5))}.tl-wordmark{display:inline-block;padding-right:.14em;white-space:nowrap;font-size:clamp(48px,7.4vw,136px);line-height:.95;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(180deg,#fff3cd,#ecd08a 38%,#b88f48 78%,#8d6a30);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 26px rgba(0,0,0,.75)) drop-shadow(0 0 40px rgba(217,182,107,.22));margin:0 0 0 -.04em}.tl-mark .tl-rule{width:min(560px,78%);margin:14px 0 12px .1em}.tl-tagline{margin:0 0 0 .12em;font-size:var(--t-xl);color:#ece4cfdb;font-style:italic;max-width:46ch;text-shadow:0 2px 14px rgba(0,0,0,.85)}.tl-form{width:min(350px,calc(100vw - 64px))}.tl-tabs{display:flex;gap:22px;margin-bottom:14px;border-bottom:1px solid rgba(217,182,107,.22)}.tl-tabs button{position:relative;background:none;border:0;padding:0 0 10px;font-family:var(--font-display);font-weight:700;font-size:var(--t-lg);letter-spacing:.1em;text-transform:uppercase;color:#ece4cf8c}.tl-tabs button:hover,.tl-tabs button[aria-selected=true]{color:var(--gold-hi)}.tl-tabs button[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold-line);box-shadow:0 0 12px #d9b66bb3}.tl-field{display:grid;gap:2px;margin-bottom:14px}.tl-field span{font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-lo)}.tl-field input{height:40px;width:100%;padding:0 2px;background:transparent;border:0;border-bottom:1px solid rgba(217,182,107,.42);border-radius:0;color:var(--moon);font-size:var(--t-lg);text-shadow:0 1px 8px rgba(0,0,0,.9);transition:border-color .2s,box-shadow .2s}.tl-field input:focus{outline:none;border-bottom-color:var(--gold-hi);box-shadow:0 8px 14px -10px #f6e1a8cc}.tl-field input:-webkit-autofill{-webkit-text-fill-color:var(--moon);transition:background-color 9999s}.tl-hint{margin:0 0 8px;font-size:var(--t-xs);color:var(--moon-2)}.tl-form .form-error{margin:0 0 8px}.tl-form .tl-enter{width:100%;margin-top:4px}.tl-foot{margin:16px 0 0;font-size:var(--t-sm);color:var(--moon-2)}.tl-foot a{color:var(--gold)}.tl-realm{position:absolute;right:var(--s5);bottom:var(--s4);font-size:var(--t-xs);color:#ece4cf99;display:flex;align-items:center;gap:var(--s2);letter-spacing:.08em}.realm-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}.select{background:#0d0912}.fd-paint{position:absolute;inset:-3%;background:#0d0912 url(/art/world-map.webp) var(--paint-at, 50% 50%) / 200% auto no-repeat;filter:brightness(.5) saturate(.85);animation:tl-drift 90s ease-in-out infinite alternate}.fd-paint.is-faction{background-size:cover;background-position:center;filter:brightness(.75)}.fd-scene{position:absolute;inset:0}.fd-scene[hidden]{display:none}.fd-grade{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(8,5,12,.82) 0%,rgba(8,5,12,.46) 18%,transparent 36%,transparent 70%,rgba(8,5,12,.5) 100%),radial-gradient(ellipse 110% 95% at 50% 46%,transparent 52%,rgba(5,3,8,.7) 100%),linear-gradient(180deg,rgba(5,3,8,.7) 0%,transparent 16%,transparent 56%,rgba(5,3,8,.9) 100%)}.fd-top{z-index:3}.fd-top .brand .display{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi)}.fd-top .brand .ico{color:var(--gold-hi)}.fd-top .topnav a,.fd-top .link-btn{color:#ece4cfb8;letter-spacing:.04em}.fd-top .topnav a:hover,.fd-top .link-btn:hover{color:var(--gold-hi)}.fd-roster{position:absolute;left:max(24px,3.2vw);top:92px;width:330px;max-height:calc(100% - 232px);z-index:2;display:flex;flex-direction:column}.fd-roster .fd-rule{margin-bottom:6px;max-width:280px}.roster-list{list-style:none;margin:0;padding:0;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--gold-lo) transparent}.roster-list li{position:relative;display:grid;grid-template-columns:40px 1fr;gap:var(--s3);align-items:center;padding:11px 14px 11px 12px;cursor:pointer;border-bottom:1px solid rgba(217,182,107,.12);transition:background-color .2s var(--ease-out),transform .2s var(--ease-out)}.roster-list li:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--gold);transform:scaleY(0);transition:transform .25s var(--ease-out);box-shadow:0 0 10px var(--gold)}.roster-list li:hover{background:linear-gradient(90deg,rgba(217,182,107,.1),transparent)}.roster-list li[aria-selected=true]{background:linear-gradient(90deg,color-mix(in srgb,var(--faction) 26%,rgba(217,182,107,.1)),transparent 95%);transform:translate(6px)}.roster-list li[aria-selected=true]:before{transform:scaleY(1);background:var(--faction-glow);box-shadow:0 0 12px var(--faction)}.roster-crest{color:var(--faction);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--faction) 55%,transparent))}.roster-text{display:grid;line-height:1.25;text-shadow:0 1px 8px rgba(0,0,0,.9)}.roster-name{font-size:var(--t-lg);font-weight:700;letter-spacing:.04em}.roster-sub{font-size:var(--t-sm);color:#ece4cfc7}.roster-zone{font-size:var(--t-xs);color:var(--gold);letter-spacing:.1em;text-transform:uppercase}.roster-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding-top:var(--s4)}.fd-roster .link-btn{color:#ece4cf99}.fd-roster .link-btn.danger:hover{color:var(--error)}.fd-roster .pg-enter{position:relative;display:grid;gap:3px;width:100%;margin-top:var(--s4);padding:13px 18px 13px 20px;text-align:left;color:var(--moon);background:linear-gradient(90deg,#d9b66b33,#140e188c 70%,#140e1833);border:0;border-radius:0;box-shadow:inset 0 0 0 1px #d9b66b80,0 10px 30px -10px #000c;transition:background-color .2s,box-shadow .2s,transform .2s var(--ease-out)}.fd-roster .pg-enter:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);box-shadow:0 0 12px var(--gold)}.fd-roster .pg-enter:hover,.fd-roster .pg-enter:focus-visible{background:linear-gradient(90deg,#f6e1a857,#140e1899 75%,#140e1840);transform:translate(3px);box-shadow:inset 0 0 0 1px var(--gold-hi),0 0 24px #d9b66b40;outline:none}.fd-roster .pg-enter-name{color:var(--gold-hi);letter-spacing:.08em;text-transform:uppercase;font-size:var(--t-lg)}.fd-roster .pg-enter-sub{color:#ece4cfb8}.select .pg-tag{background:var(--gold);color:#1a1209;margin-left:6px}.select .pg-badge{background:var(--gold);color:#1a1209}.select-plate{position:absolute;left:50%;bottom:112px;transform:translate(-50%);text-align:center;pointer-events:none;z-index:2;text-shadow:0 2px 18px rgba(0,0,0,.9);width:min(560px,92vw)}.plate-faction{display:inline-flex;gap:var(--s2);align-items:center;color:var(--gold);font-size:var(--t-sm);letter-spacing:.22em;text-transform:uppercase;margin:0 0 2px}.plate-faction .crest{color:var(--gold-hi)}.plate-name{font-size:clamp(34px,4.4vw,62px);font-weight:700;line-height:1.05;letter-spacing:.1em;text-transform:uppercase;color:#fff4d6;margin:0}.plate-sub{margin:4px 0 0;color:#ece4cfdb;font-size:var(--t-md);letter-spacing:.06em}.plate-trial{margin:2px 0 0;font-size:var(--t-sm);color:#ece4cfcc}.plate-trial .pg-tag{margin:0 6px 0 0}.plate-place{margin:2px 0 0;color:var(--gold);font-style:italic;font-size:var(--t-sm)}.enter-wrap{position:absolute;left:50%;bottom:var(--s5);transform:translate(-50%);z-index:2}.btn-enter{min-width:260px;height:54px}.whats-new{position:absolute;right:max(24px,3.2vw);top:92px;width:290px;max-height:min(430px,calc(100% - 232px));overflow-y:auto;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent);z-index:2;padding:0 0 0 var(--s4);border-left:1px solid rgba(217,182,107,.2);scrollbar-width:thin;scrollbar-color:var(--gold-lo) transparent}.whats-new-toggle{display:none}.whats-new-body h2{font-size:var(--t-xl);margin-bottom:var(--s2)}.whats-new-body .fd-rule{margin-bottom:var(--s3)}.whats-new-body ul{margin:0;padding-left:var(--s4);display:grid;gap:var(--s2);color:#ece4cfc7;font-size:var(--t-sm);line-height:1.4;text-shadow:0 1px 8px rgba(0,0,0,.9)}.whats-new-body li::marker{color:var(--gold-lo)}.whats-new.collapsed{width:auto;padding:0 0 0 var(--s3);overflow:visible}.whats-new.collapsed .whats-new-body{display:none}.whats-new.collapsed .whats-new-toggle{display:block;padding:0;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:var(--t-xs)}.whats-new:not(.collapsed) .whats-new-toggle{display:block;position:absolute;right:0;top:0;font-size:0;padding:0;width:24px;height:24px}.whats-new:not(.collapsed) .whats-new-toggle:after{content:"×";font-size:22px;line-height:24px;color:var(--gold)}.whats-new:not(.collapsed) .whats-new-toggle:hover:after{color:var(--gold-hi)}@media(max-width:1180px){.whats-new{display:none}}@media(max-width:820px){.tl-main{padding:0 24px 28px;justify-content:flex-end;gap:18px}.tl-mark{max-width:none}.tl-wordmark{letter-spacing:.08em}.tl-tagline,.tl-realm{display:none}.fd-roster{inset:auto 16px 150px;width:auto;max-height:34%}.select-plate{bottom:auto;top:76px}.enter-wrap{bottom:16px}}@media(prefers-reduced-motion:reduce){.tl-art,.fd-paint,.tl-moon i,.tl-mist:before{animation:none!important}}@keyframes tl-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tl-mark{animation:tl-rise 1.1s var(--ease-out) .1s both}.tl-form{animation:tl-rise 1.1s var(--ease-out) .35s both}.tl-realm{animation:tl-rise 1.4s var(--ease-out) .8s both}.whats-new.collapsed{padding:6px 12px;background:#0c08109e;border:1px solid rgba(217,182,107,.4);border-left-width:1px}.whats-new.collapsed .whats-new-toggle{color:var(--gold-hi)}.whats-new.collapsed:hover{background:#d9b66b33}.rc-veil{z-index:40;background:#08050ad1}.rc-modal{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}.rc-lede{margin:0 0 14px;color:var(--moon-2);line-height:1.5}.rc-code{margin:0 0 12px;padding:16px 12px;text-align:center;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-weight:700;font-size:clamp(19px,5.2vw,27px);letter-spacing:.08em;white-space:nowrap;color:var(--gold-hi, #f6e1a8);background:#0000006b;border:1px solid rgba(217,182,107,.5);box-shadow:inset 0 0 22px #d9b66b14,0 0 22px -8px #d9b66b80;text-shadow:0 0 14px rgba(246,225,168,.35)}.rc-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.rc-tools button{height:40px;font-size:var(--t-md)}.rc-fine{margin:0 0 12px;color:var(--moon-3);font-size:var(--t-xs);line-height:1.5}.rc-saved{margin:0 0 14px;font-size:var(--t-md);color:var(--moon);align-items:center}.rc-saved input{width:18px;height:18px;margin-top:0}.tl-forgot{margin:12px 0 0;font-size:var(--t-sm);color:var(--moon-2)}.tl-forgot button,.tl-back{background:none;border:0;padding:0;color:var(--gold);font-size:inherit;font-family:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tl-forgot button:hover,.tl-back:hover{color:var(--gold-hi)}.tl-forgot[hidden]{display:none}.tl-reset-title{margin:0 0 6px;font-family:var(--font-display);font-weight:700;font-size:var(--t-lg);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi)}.tl-reset-note{margin:0 0 12px;font-size:var(--t-sm);line-height:1.5;color:#ece4cfd9}.tl-reset-note a{color:var(--gold)}.tl-field input.tl-code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.08em;font-size:var(--t-md);text-transform:uppercase}.acct-modal{max-height:calc(100vh - 32px);overflow-y:auto}.acct-block .tl-field{margin-bottom:10px}.acct-block .tl-field span{color:var(--gold-lo, #b88f48)}.acct-ok{min-height:0;margin:8px 0 0;color:var(--ok);font-size:var(--t-sm)}.acct-ok:empty{display:none}.acct-block .form-error:empty{display:none}.acct-block .form-error{min-height:0;margin:8px 0 0}.acct-state{margin:0 0 10px;color:var(--moon)}.acct-state.none{color:var(--gold-hi, #f6e1a8)}.acct-block .btn-ghost,.acct-block .btn-primary{height:40px;font-size:var(--t-md)}.acct-fine{margin:0 0 10px;color:var(--moon-3);font-size:var(--t-xs);line-height:1.5}.acct-block .tl-field input{height:38px;padding:0 10px;background:#00000052;border:1px solid var(--line-strong);border-radius:var(--r-control);font-size:var(--t-md)}.acct-block .tl-field input:focus{border-color:var(--gold-hi, #f6e1a8);box-shadow:0 0 0 1px var(--gold-hi, #f6e1a8)}.site-notice{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:9000;max-width:min(720px,calc(100vw - 24px));margin-top:8px;padding:8px 16px;background:#281a0aeb;border:1px solid var(--gold-line, #d9b66b);border-radius:6px;color:var(--gold-hi, #f6e1a8);font-size:var(--t-sm, 14px);line-height:1.4;text-align:center;box-shadow:0 6px 24px #0009;pointer-events:none}.tl-about{position:absolute;right:max(24px,3.4vw);top:0;bottom:0;margin-block:auto;height:fit-content;z-index:2;width:min(380px,calc(100vw - 48px));max-height:calc(100vh - 120px);overflow:auto;padding:14px 18px;background:#0c0810b8;border:1px solid rgba(217,182,107,.3);border-radius:8px;color:#ece4cfe6;font-size:var(--t-sm, 14px);line-height:1.5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:tl-rise 1.2s var(--ease-out, ease-out) .55s both}.tl-about:not([open]){transform:none;top:auto;bottom:56px;margin-block:0;width:auto}.tl-about summary{cursor:pointer;font-family:var(--font-display, serif);font-weight:700;letter-spacing:.06em;color:var(--gold-hi, #f6e1a8);list-style-position:inside}.tl-about h3{margin:12px 0 4px;font-size:var(--t-xs, 12px);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-lo, #b88f48)}.tl-about p{margin:8px 0}.tl-about ul{margin:0;padding-left:18px}.tl-about li{margin:2px 0}.tl-about a{color:var(--gold, #d9b66b)}.tl-beta{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:3px;vertical-align:1px;background:#d9b66b33;border:1px solid rgba(217,182,107,.6);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.tl-device{color:var(--moon-2, #cfc6b0);font-style:italic}.tl-age{font-size:var(--t-xs, 12px);color:var(--moon-2, #cfc6b0)}.tl-links{font-size:var(--t-xs, 12px)}.tl-support{margin:12px 0 8px;padding:10px 0 0;border-top:1px solid rgba(217,182,107,.22)}.tl-about a.tl-support-link{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:4px;border:1px solid rgba(217,182,107,.55);background:linear-gradient(180deg,#d9b66b24,#d9b66b0a);color:var(--gold-hi, #f6e1a8);font-family:var(--font-display, serif);font-weight:700;letter-spacing:.06em;text-decoration:none;transition:border-color .2s,background .2s}.tl-about a.tl-support-link:hover,.tl-about a.tl-support-link:focus-visible{border-color:var(--gold, #d9b66b);background:#d9b66b33}.tl-support-moon{width:10px;height:10px;border-radius:50%;box-shadow:inset -3px -1px 0 0 var(--gold, #d9b66b);flex:none}.tl-about .tl-support-note{margin:6px 0 0;font-size:var(--t-xs, 12px);color:var(--moon-2, #cfc6b0);line-height:1.45}.support-thanks{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9001;width:min(420px,calc(100vw - 32px));padding:12px 16px;border-radius:8px;background:#0c0810eb;border:1px solid rgba(217,182,107,.6);box-shadow:0 8px 28px #0009;color:#ece4cff0;font-size:var(--t-sm, 14px);line-height:1.45}.support-thanks p{margin:4px 0}.support-thanks-title{margin:0 0 4px;font-size:var(--t-lg, 18px);color:var(--gold-hi, #f6e1a8);letter-spacing:.06em}.support-thanks-close{margin-top:6px;padding:3px 12px;border-radius:4px;cursor:pointer;background:transparent;border:1px solid rgba(217,182,107,.5);color:var(--gold, #d9b66b);font:inherit;font-size:var(--t-xs, 12px)}.support-thanks-close:hover,.support-thanks-close:focus-visible{border-color:var(--gold, #d9b66b);color:var(--gold-hi, #f6e1a8)}.tl-terms{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;font-size:var(--t-xs, 12px);color:var(--moon-2, #cfc6b0);line-height:1.45;cursor:pointer}.tl-terms[hidden]{display:none}.tl-terms input{margin-top:2px;accent-color:var(--gold, #d9b66b)}.tl-terms a{color:var(--gold, #d9b66b)}@media(max-width:900px),(max-height:640px){.tl-about,.tl-about:not([open]){position:fixed;inset:12px 16px auto;margin-block:0;transform:none;width:auto;max-height:60vh}}.tl-phone{width:min(350px,calc(100vw - 48px));padding:12px 14px;background:#0c0810cc;border:1px solid rgba(217,182,107,.45);border-radius:8px;color:#ece4cfeb;font-size:var(--t-sm, 14px);line-height:1.45;animation:tl-rise 1.1s var(--ease-out, ease-out) .2s both}.tl-phone[hidden]{display:none}.tl-phone-title{margin:0 0 6px;font-size:var(--t-lg, 18px);color:var(--gold-hi, #f6e1a8);letter-spacing:.06em}.tl-phone p{margin:6px 0 0}.tl-phone a{color:var(--gold, #d9b66b)}.acct-modal{max-width:min(520px,calc(100vw - 32px))}.acct-modal .acct-who{margin-top:0;color:var(--moon-2, #cfc6b0)}.acct-block{margin:14px 0;padding-top:10px;border-top:1px solid rgba(217,182,107,.22)}.acct-block h3{margin:0 0 6px;font-size:var(--t-sm, 14px);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-lo, #b88f48)}.acct-block p{margin:0 0 10px}.acct-dl{display:inline-block;text-decoration:none}.acct-links{font-size:var(--t-xs, 12px);color:var(--moon-2, #cfc6b0)}.acct-links a{color:var(--gold, #d9b66b)}