.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}}.entrance:before{content:"";z-index:2;pointer-events:none;opacity:0;background:radial-gradient(40% 45% at 50% 45%,#ffc47829,#0000 70%),#000;transition:opacity .9s .2s;position:absolute;inset:0}html.entrance-entering .entrance:before{opacity:1}html.entrance-entering .chars-screen{opacity:0;pointer-events:none;transition:opacity .45s}@keyframes entrance-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes entrance-appear{0%{opacity:0}to{opacity:1}}@keyframes entrance-breathe{0%,to{opacity:.45}50%{opacity:1}}.auth-screen .brand{animation:1.4s both entrance-appear;position:relative}.auth-screen .brand:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#ffbe6e33,#ffaa5a12 45%,#0000 70%);width:min(620px,96vw);height:160px;animation:7s ease-in-out infinite entrance-breathe;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.auth-screen .game-logo{filter:drop-shadow(0 2px #0a0807)drop-shadow(0 6px 18px #000000bf)}html[data-entrance] .auth-screen .tagline{font:600 clamp(14px, 1.6vw, 18px) / 1.3 var(--font-display);letter-spacing:.12em;color:#e2cf9f;justify-content:center;align-items:center;gap:14px;margin-top:6px;font-style:normal;display:flex}html[data-entrance] .auth-screen .tagline:before,html[data-entrance] .auth-screen .tagline:after{content:"";background:linear-gradient(90deg,#d6ba8000,#d6ba80d9);flex:none;width:clamp(28px,6vw,84px);height:1px}html[data-entrance] .auth-screen .tagline:after{background:linear-gradient(270deg,#d6ba8000,#d6ba80d9)}.auth-screen>.panel{animation:.8s .2s both entrance-rise}html[data-entrance="3d"] .auth-screen>.panel{box-shadow:0 0 0 1px #0000008c,inset 0 0 18px #00000073,0 18px 50px #000000bf,0 0 60px #ffb46412}.chars-screen .stage-info,.chars-screen .stage-actions{animation:.7s .2s both entrance-rise}html[data-entrance="3d"] .stage-name{text-shadow:0 2px #0a0807,0 0 18px #ffc47859,0 0 34px #000000e6}.auth-panel .btn.primary,.stage-actions .btn.primary.big{overflow:hidden}.auth-panel .btn.primary:after,.stage-actions .btn.primary.big:after{content:"";pointer-events:none;background:linear-gradient(100deg,#ffe6b400,#ffe6b452,#ffe6b400);width:45%;transition:left .7s;position:absolute;top:0;bottom:0;left:-70%;transform:skew(-20deg)}.auth-panel .btn.primary:hover:not(:disabled):after,.stage-actions .btn.primary.big:hover:not(:disabled):after{left:125%}.stage-actions .btn.primary.big{font:700 18px/1.2 var(--font-display);letter-spacing:.16em;padding:11px 30px}.stage-actions .btn.primary.big:before{content:"";pointer-events:none;background:radial-gradient(at 50% 120%,#ffaa5a59,#0000 70%);animation:3.2s ease-in-out infinite entrance-breathe;position:absolute;inset:0}.char-card[data-k="1"]{border-left-color:var(--k1)}.char-card[data-k="2"]{border-left-color:var(--k2)}.music-toggle{min-width:34px;color:var(--muted);justify-content:center;align-items:center;padding:5px 8px;display:inline-flex}.music-toggle.on{color:var(--gold-2)}@media (prefers-reduced-motion:reduce){.auth-screen .brand,.auth-screen .brand:before,.auth-screen>.panel,.chars-screen .stage-info,.chars-screen .stage-actions,.stage-actions .btn.primary.big:before{animation:none}}.entrance.still[data-mode=login]{background:linear-gradient(180deg, #08070699, #08070614 30%, #0807061f 52%, #080706e0), var(--entrance-still) center 38% / cover no-repeat, #0b0a09}@media (max-aspect-ratio:4/5){.entrance.still[data-mode=login]{background:linear-gradient(180deg, #0807068c, #0807060d 22%, #08070614 56%, #080706e6 74%), var(--entrance-still-v) center 20% / cover no-repeat, #0b0a09}}@media (max-height:520px) and (orientation:landscape){.entrance.still[data-mode=login]{background:linear-gradient(180deg, #08070673, #0807060a 22%, #0807060f 70%, #080706b3), var(--entrance-still-l,var(--entrance-still)) left center / auto 100% no-repeat, #0b0a09}}@media (max-height:520px) and (orientation:landscape) and (max-width:760px){.entrance.still[data-mode=login]{background:linear-gradient(180deg, #0b0a09 0, #0b0a09 8%, #0b0a0900 22%, #0b0a0900 76%, #0b0a09 92%), var(--entrance-still-l,var(--entrance-still)) left center / auto 84% no-repeat, #0b0a09}}html[data-entrance="3d"] .auth-screen .brand .game-logo{width:min(470px,80vw)}.chars-body .char-card{align-content:center;min-height:62px;padding-left:58px}.cc-emblem{width:36px;height:36px;color:var(--gold-2);background:radial-gradient(circle at 50% 35%,#2a241c,#110e0b 70%);border-radius:50%;place-items:center;margin-top:-18px;transition:color .15s,box-shadow .15s;display:grid;position:absolute;top:50%;left:12px;box-shadow:inset 0 0 0 1px #6b5836,inset 0 0 0 3px #1a1510,inset 0 0 0 4px #a4874f59,0 1px 3px #0009}.char-card:hover .cc-emblem{box-shadow:inset 0 0 0 1px #8d7445,inset 0 0 0 3px #1a1510,inset 0 0 0 4px #cdb47c73,0 1px 3px #0009}.char-card.active .cc-emblem{color:#ffe2a2;box-shadow:inset 0 0 0 1px #c9a45c,inset 0 0 0 3px #1a1510,inset 0 0 0 4px #e8c47899,0 0 10px #e8b45a59}.char-card[data-k="1"] .cc-emblem{background:radial-gradient(circle at 50% 35%,#1f2738,#0e1119 70%)}.char-card[data-k="2"] .cc-emblem{background:radial-gradient(circle at 50% 35%,#34201a,#150c0a 70%)}.choice-row.classes .choice{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.choice-row.classes .choice .class-emblem{color:var(--muted);transition:color .15s,filter .15s}.choice-row.classes .choice:hover .class-emblem{color:var(--gold-2)}.choice-row.classes .choice.active .class-emblem{color:#ffe2a2;filter:drop-shadow(0 0 4px #f0be648c)}.stage-meta .stage-class{color:var(--gold-2);vertical-align:-3px;margin-right:5px}