.entrance{z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 120%, #0009, #0000 60%), url(/gfx/ui/mountains.svg) center bottom / max(100%, 1100px) auto no-repeat, radial-gradient(circle at 80% 21%, #ecdeba21 0, #e2d2aa17 34px, #e2d2aa14 38px, #e2d2aa09 40px, #e2d2aa00 130px), radial-gradient(ellipse at 50% 30%, #78644624, #0000 60%), linear-gradient(180deg, #0a090866, #0a0908e6), var(--tex-stone) 0 0 / 384px, #100f0d;position:fixed;inset:0;overflow:hidden}.entrance-canvas{opacity:0;width:100%;height:100%;transition:opacity 1s;display:block;position:absolute;inset:0}.entrance.ready .entrance-canvas{opacity:1}.entrance.ready:after{content:"";background:radial-gradient(80% 75% at 50% 42%,#0000 55%,#00000080 100%),linear-gradient(#00000040,#0000 18% 72%,#0403028c);position:absolute;inset:0}html[data-entrance] .screen{z-index:1;background:0 0;position:relative}html[data-entrance="3d"] .auth-screen{justify-content:flex-start}html[data-entrance="3d"] .auth-screen .brand{padding-top:clamp(8px,5vh,56px)}html[data-entrance="3d"] .auth-screen>.panel{margin-top:auto}html[data-entrance="3d"] .auth-screen .tagline{color:#c9bea8;text-shadow:0 1px 2px #000,0 0 12px #000000e6}html[data-entrance="3d"] .auth-footer{text-shadow:0 1px 2px #000}html[data-entrance] .char-preview{background:0 0}html[data-entrance="3d"] .chars-body .char-preview,html[data-entrance="3d"] .create-screen .char-preview{flex:auto;width:100%;height:auto;min-height:42vh}html[data-entrance="3d"] .chars-body>.char-stage{justify-content:flex-end;align-self:stretch}html[data-entrance="3d"] .create-screen>.char-stage{align-self:stretch}html[data-entrance="3d"] .create-screen>.create-panel{align-self:flex-start;max-height:100%}html[data-entrance="3d"] .chars-screen .char-list{background:linear-gradient(#14120fe6,#0c0b09d6);align-self:flex-start;max-height:100%}html[data-entrance="3d"] .top-bar{background:linear-gradient(#0a0908db,#0a090899)}.char-preview[data-support="2d"]{background:radial-gradient(34% 26% at 50% 94%,#e0b26c33,#0000 72%);height:min(26vh,220px)}.stage-plate{justify-content:center;align-items:center;gap:14px;display:flex}.stage-nav{border:1px solid var(--ink);cursor:pointer;width:34px;height:34px;color:var(--gold-2);font:700 22px/1 var(--font-display);background:radial-gradient(circle at 50% 35%, #ffecc81a, #0000 70%), var(--tex-iron) 0 0 / 256px, #1d1a17;border-radius:50%;flex:none;padding:0;box-shadow:inset 0 0 0 1px #a4874f8c,0 2px 6px #0009}.stage-nav:hover{color:#fff3dc;box-shadow:inset 0 0 0 1px #d8bd85,0 0 10px #e0c8904d}.stage-meta{color:#d6cbb6;text-shadow:0 1px 2px #000,0 0 10px #000000e6;margin:2px 0 6px;font-size:13.5px}.stage-zone:before{content:" · "}html[data-entrance="3d"] .stage-info{background:radial-gradient(at 50% 55%,#0000008c,#0000 72%);padding:6px 22px 8px}html[data-entrance="3d"] .stage-actions .btn.primary.big{min-width:220px}@media (max-width:600px){html[data-entrance="3d"] .chars-body .char-preview{min-height:34vh}html[data-entrance="3d"] .chars-body .char-list{background:0 0}.stage-nav{width:40px;height:40px}.stage-meta{margin-bottom:2px;font-size:13px}}@media (max-height:520px) and (orientation:landscape){html[data-entrance="3d"] .chars-body .char-preview,html[data-entrance="3d"] .create-screen .char-preview{min-height:0}html[data-entrance="3d"] .chars-body>.char-stage{grid-template-rows:minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 10px;display:grid}html[data-entrance="3d"] .chars-body .char-preview{grid-area:1/1/2/3;height:100%}html[data-entrance="3d"] .chars-body .stage-info{text-align:left;background:0 0;grid-area:2/1;min-width:0;padding:0}html[data-entrance="3d"] .chars-body .stage-plate{justify-content:flex-start;gap:8px}html[data-entrance="3d"] .chars-body .stage-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:21px;overflow:hidden}html[data-entrance="3d"] .chars-body .stage-meta{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}html[data-entrance="3d"] .chars-body .stage-info .kingdom-badge{display:none}html[data-entrance="3d"] .chars-body .stage-actions{grid-area:2/2}html[data-entrance="3d"] .chars-body .stage-error,html[data-entrance="3d"] .chars-body .char-stage>.hint{grid-column:1/-1}html[data-entrance="3d"] .auth-screen .brand{padding-top:0}}