:root{--ink: #070a16;--navy-1: #1a2444;--navy-2: #0d1430;--navy-3: #070b1c;--gold-hi: #fff1c4;--gold-1: #f5d489;--gold-2: #d6a347;--gold-3: #9a6420;--gold-4: #5a3510;--parch: #f4e6c4;--text: #efe3c6;--muted: #a99d84;--ember: #ff8a3d;--ember-deep: #c2410c;--frost: #5ee1ff;--frost-deep: #1877c9;--blood: #ff4d4d;--display: "Grenze", Georgia, serif;--body: "Barlow Semi Condensed", "Segoe UI", system-ui, sans-serif;--gold-border: linear-gradient(180deg, #fff0bf 0%, #d6a347 28%, #8a5a1c 55%, #f0c875 78%, #7a4a14 100%);--panel-fill: linear-gradient(180deg, #1c2748f2 0%, #0c1330f7 55%, #080d22fa 100%);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:dark;font-family:var(--body);color:var(--text);-webkit-tap-highlight-color:transparent;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#05070f url(/art/bg-menu.webp) center / cover no-repeat;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}body:before{content:"";position:fixed;inset:0;background:#05070fcc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;touch-action:manipulation}button:disabled{cursor:not-allowed}img{display:block}.hidden{display:none!important}#app{position:relative;height:100%}.app{position:relative;height:100%;max-width:520px;margin:0 auto;overflow:hidden;background:var(--ink);box-shadow:0 0 0 1px #d6a34726,0 0 120px #000}.screen{position:absolute;inset:0;display:flex;flex-direction:column;isolation:isolate}.panel{position:relative;border:2px solid transparent;border-radius:14px;background:var(--panel-fill) padding-box,var(--gold-border) border-box;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #00000080,0 18px 50px #000c}.btn{--h: 52px;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:var(--h);padding:0 20px;border-radius:12px;overflow:hidden;font:800 15px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;transition:transform .12s ease,filter .2s ease,box-shadow .2s ease}.btn:active:not(:disabled){transform:translateY(2px) scale(.985)}.btn:disabled{filter:grayscale(.9) brightness(.55)}.btn span{position:relative;z-index:1}.btn-gold{color:#3b1c04;text-shadow:0 1px 0 #fff5d0a0;border:2px solid #4a2a08;background:linear-gradient(180deg,#fff3c2,#f7cf70 22%,#e09e33 58%,#b56b1c);box-shadow:inset 0 2px #fffbe6,inset 0 -4px #7a3f0a66,inset 0 0 0 1px #ffe29a,0 6px #3b1f06,0 10px 24px #000a,0 0 28px #f5b54a33}.btn-gold:after{content:"";position:absolute;inset:-40% auto -40% -60%;width:40%;background:linear-gradient(100deg,transparent,#ffffffa0,transparent);transform:skew(-20deg);animation:shine 4.5s ease-in-out infinite}@keyframes shine{0%,62%{left:-60%}to{left:140%}}.btn-hex{color:var(--gold-1);text-shadow:0 2px 4px #000;border:2px solid transparent;background:linear-gradient(180deg,#1d4a5c,#0f2a3c 55%,#0a1a2a) padding-box,var(--gold-border) border-box;box-shadow:inset 0 1px #7fe3ff55,inset 0 0 18px #0ac8e02a,0 6px #04080f,0 10px 22px #0009}.btn-hex:hover{filter:brightness(1.12)}.btn-ico{width:40px;height:40px;margin:-6px 0;filter:drop-shadow(0 3px 4px #0009);flex:none;position:relative;z-index:1}.wide{width:100%}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.round-btn{position:relative;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;flex:none;border:2px solid transparent;background:radial-gradient(circle at 50% 35%,#26335e,#0b1128 70%) padding-box,var(--gold-border) border-box;box-shadow:0 4px 12px #000b,inset 0 0 10px #000;transition:transform .12s}.round-btn:active{transform:scale(.92)}.round-btn .ico{width:34px;height:34px;filter:drop-shadow(0 2px 3px #000)}.round-btn.small{width:42px;height:42px}.round-btn.small .ico{width:28px;height:28px}.round-btn svg{width:20px;height:20px;fill:none;stroke:var(--gold-1);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--blood);border:2px solid #2a0505;color:#fff;font:800 11px/16px var(--body)}.field{width:100%;min-width:0;height:52px;padding:0 16px;border-radius:10px;outline:none;background:#050817;border:2px solid #3d3322;color:var(--parch);font-size:17px;font-weight:500;box-shadow:inset 0 3px 10px #000c;transition:border-color .2s,box-shadow .2s;user-select:text;-webkit-user-select:text}.field:focus{border-color:var(--gold-2);box-shadow:inset 0 3px 10px #000c,0 0 0 3px #d6a34733}.field::placeholder{color:#6d6450}.muted{color:var(--muted);font-size:14px;text-align:center;margin:12px 0}.menu-art{position:absolute;inset:0;z-index:-1;background:url(/art/bg-menu.webp) center 20% / cover no-repeat;animation:drift 30s ease-in-out infinite alternate}.menu-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05071080 0%,transparent 18%,transparent 38%,#05071099 58%,#050710f2 78%,#050710 100%)}@keyframes drift{0%{transform:scale(1.04)}to{transform:scale(1.12) translateY(-1.5%)}}.menu-top{display:flex;justify-content:space-between;align-items:center;padding:calc(14px + var(--safe-t)) 16px 0}.menu-icons{display:flex;gap:10px}.language-btn{color:var(--gold-1);font:700 13px Barlow Semi Condensed,sans-serif}.profile-chip{display:flex;align-items:center;gap:8px;padding:4px 16px 4px 4px;border-radius:30px;text-align:left;border:2px solid transparent;background:linear-gradient(90deg,#0b1128ee,#0b1128aa) padding-box,var(--gold-border) border-box;box-shadow:0 4px 14px #000b}.profile-chip img{width:38px;height:38px}.profile-chip strong{display:block;font:700 14px var(--display);color:var(--gold-hi);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chip small{display:block;font-size:12px;color:var(--muted)}.logo-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(4px,3vh,36px);min-height:0}.logo{width:min(88%,420px,44vh);height:auto;filter:drop-shadow(0 10px 24px #000c);animation:logo-in 1.1s cubic-bezier(.2,1.4,.4,1) both}@keyframes logo-in{0%{opacity:0;transform:scale(.7) translateY(-20px)}}.tagline{margin:-6px 0 0;font:700 12px var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-1);text-shadow:0 2px 8px #000,0 0 18px #000}.menu-bottom{display:flex;flex-direction:column;gap:14px;padding:0 18px calc(22px + var(--safe-b));animation:rise .7s .15s ease-out both}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}.btn-hero{--h: 74px;justify-content:flex-start;padding:0 18px;gap:14px;text-align:left;border-radius:16px}.btn-hero .btn-ico{width:58px;height:58px;margin:-10px 0}.btn-hero strong{display:block;font-size:20px;letter-spacing:.04em}.btn-hero small{display:block;font:700 12px var(--body);letter-spacing:.08em;margin-top:5px;color:#6b3a0c;text-shadow:none}.btn-row .btn{--h: 56px;padding:0 12px;font-size:13px;gap:6px}.keep-grid{display:grid;grid-template-columns:repeat(3,18px);grid-template-rows:repeat(3,18px);gap:3px;padding:5px;border-radius:8px;background:#2a2418;border:1px solid #6b5530}.keep-grid i{border-radius:3px;background:#4a4131}.keep-grid i:nth-of-type(3){background:#1b5563;box-shadow:0 0 8px #5ee1ff80 inset}.keep{border-radius:4px;background:#5c5240;transition:.2s}.keep:nth-child(1){grid-area:1 / 1}.keep:nth-child(2){grid-area:1 / 3}.keep:nth-child(3){grid-area:3 / 1}.keep:nth-child(4){grid-area:3 / 3}.keep.active{background:radial-gradient(circle,#ffd27a,#ff6a1a);box-shadow:0 0 12px #ff8a3d,inset 0 0 0 2px #fff3c2;transform:scale(1.15)}.resume-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;text-align:left;border:2px solid transparent;background:linear-gradient(90deg,#3a1406f0,#150a10f0) padding-box,linear-gradient(90deg,#ff8a3d,#d6a347) border-box}.resume-card strong{display:block;font:700 14px var(--display);color:var(--gold-hi)}.resume-card small{color:var(--muted);font-size:12px}.resume-card b{margin-left:auto;font:800 12px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ember)}.resume-pulse{width:10px;height:10px;border-radius:50%;background:var(--ember);box-shadow:0 0 #ff8a3d;animation:pulse 1.6s infinite;flex:none}@keyframes pulse{70%{box-shadow:0 0 0 10px #ff8a3d00}to{box-shadow:0 0 #ff8a3d00}}.battle-art{position:absolute;inset:0;z-index:-1;background:var(--realm-bg, url(/art/bg-battle.webp)) center / cover no-repeat;transition:background-image .6s}.battle-art:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 45% at 50% 50%,transparent 0%,#05071066 60%,#050710d9 100%)}.hud{position:relative;z-index:3;display:flex;gap:10px;padding:0 12px}.hud-top{align-items:center;padding-top:calc(10px + var(--safe-t));padding-bottom:6px;background:linear-gradient(180deg,#050710f2 30%,transparent)}.hud-bottom{flex-direction:column;gap:10px;padding-top:8px;padding-bottom:calc(12px + var(--safe-b));background:linear-gradient(0deg,#050710 45%,#050710cc 75%,transparent)}.stage{position:relative;flex:1;min-height:0}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.plate{--faction: var(--ember);--faction-deep: var(--ember-deep);flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:40px 14px 14px 40px;border:2px solid transparent;background:var(--panel-fill) padding-box,linear-gradient(90deg,var(--faction),#d6a347 40%,#5a3510) border-box;box-shadow:0 6px 16px #000b;transition:box-shadow .35s,transform .35s}.plate.frost{--faction: var(--frost);--faction-deep: var(--frost-deep)}.plate.active{box-shadow:0 0 0 1px var(--faction),0 0 22px color-mix(in srgb,var(--faction) 55%,transparent),0 6px 16px #000b}.portrait{position:relative;width:54px;height:54px;flex:none}.portrait img{width:100%;height:100%;border-radius:50%;object-fit:cover}.portrait-ring{position:absolute;inset:-3px;border-radius:50%;border:3px solid var(--gold-2);box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000,inset 0 0 12px #000a}.plate.active .portrait-ring{border-color:var(--faction);animation:ring 1.8s ease-in-out infinite}@keyframes ring{50%{box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000,0 0 18px var(--faction)}}.plate-body{min-width:0;flex:1}.plate-name{display:flex;align-items:center;gap:6px;font:700 15px var(--display);color:var(--gold-hi);text-shadow:0 2px 3px #000}.plate-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plate-crest{width:22px;height:22px;flex:none}.plate-rating{margin-left:auto;font:700 12px var(--body);color:var(--gold-1);padding:2px 8px;border-radius:10px;background:#0008;border:1px solid #d6a34755;white-space:nowrap}.plate-army{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.turn-ribbon{position:relative;z-index:3;align-self:center;display:flex;align-items:center;gap:12px;padding:7px 18px;border-radius:30px;font:800 12px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);background:linear-gradient(180deg,#1c2748,#0a1024);border:1px solid #d6a34780;box-shadow:0 4px 14px #000a;transition:.3s}.turn-ribbon.mine{color:#3b1c04;background:linear-gradient(180deg,#fff0bf,#e8ad4c 60%,#b56b1c);border-color:#4a2a08;box-shadow:0 0 22px #f5b54a66,0 4px 14px #000a}.turn-ribbon.win{color:#3b1c04;background:linear-gradient(180deg,#fff9e0,#f5d489)}.gems{display:flex;gap:5px}.gems i{width:11px;height:11px;transform:rotate(45deg);border-radius:2px;background:#0a0f24;border:1px solid #6b5a3a;transition:.3s}.gems i.on{background:radial-gradient(circle at 35% 35%,#e0ffff,#2fd6ff 45%,#0d62b8);border-color:#bff3ff;box-shadow:0 0 8px #5ee1ff}.turn-ribbon.mine .gems i{border-color:#6b3a0c;background:#6b3a0c55}.turn-clock{min-width:3ch;font:800 13px var(--body);letter-spacing:.02em;font-variant-numeric:tabular-nums;text-align:right;opacity:.85}.turn-clock.urgent{opacity:1;color:#ff6a55;animation:tick 1s steps(1) infinite}.turn-ribbon.mine .turn-clock.urgent{color:#a3170a}@keyframes tick{50%{opacity:.4}}.turn-ribbon.mine .gems i.on{background:radial-gradient(circle at 35% 35%,#e0ffff,#2fd6ff 45%,#0d62b8);border-color:#0a2f6b}.hint{position:absolute;z-index:3;left:50%;bottom:6px;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 16px;border-radius:20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 14px var(--body);color:var(--parch);background:#050817d9;border:1px solid #d6a34755;box-shadow:0 4px 14px #000a;transition:opacity .25s,transform .25s;pointer-events:none}.hint:empty{opacity:0;transform:translate(-50%,8px)}.actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.62fr);gap:10px}.action{position:relative;height:70px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;padding:4px 6px 6px;font:800 12px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-hi);text-shadow:0 2px 3px #000;border:2px solid transparent;background:linear-gradient(180deg,#243259,#111a3a 60%,#0a1026) padding-box,var(--gold-border) border-box;box-shadow:inset 0 1px #ffffff26,0 5px #03050d,0 8px 18px #000b;transition:transform .12s,filter .2s,box-shadow .2s,opacity .2s}.action .ico{width:40px;height:40px;margin:-4px 0 -2px;filter:drop-shadow(0 3px 3px #000a);transition:transform .2s}.action:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffffff26,0 2px #03050d,0 4px 10px #000b}.action:disabled{filter:grayscale(.85) brightness(.7);opacity:.7}.action.ready{animation:ready 2s ease-in-out infinite}.action.ready .ico{transform:scale(1.08)}@keyframes ready{50%{box-shadow:inset 0 1px #ffffff26,0 5px #03050d,0 0 20px #f5b54a88}}.action.active{color:#3b1c04;text-shadow:0 1px 0 #fff5d0a0;background:linear-gradient(180deg,#fff3c2,#f7cf70 22%,#e09e33 58%,#b56b1c) padding-box,linear-gradient(#4a2a08,#4a2a08) border-box}.action-cancel svg{width:26px;height:26px;margin:6px 0 4px;fill:none;stroke:#ff9a8a;stroke-width:3;stroke-linecap:round}.action-cancel span{font-size:11px;color:#d9c9b0}.count{position:absolute;top:-8px;right:-6px;min-width:24px;height:24px;padding:0 6px;border-radius:12px;font:800 13px/20px var(--body);color:#3b1c04;background:linear-gradient(#fff0bf,#e0a93b);border:2px solid #4a2a08;text-shadow:none}.announce{position:absolute;inset:0;z-index:6;display:grid;place-items:center;pointer-events:none}.announce-inner{opacity:0;text-align:center;padding:18px 40px;width:100%;background:linear-gradient(90deg,transparent,#050710e6 20%,#050710e6 80%,transparent);border-block:1px solid transparent;border-image:linear-gradient(90deg,transparent,#d6a347,transparent) 1}.announce.show .announce-inner{animation:announce 1.7s cubic-bezier(.2,.9,.3,1) both}.announce strong{display:block;font:900 clamp(34px,11vw,52px)/1 var(--display);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#fff9e0,#f5d489 45%,#c47f22);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #3b1f06) drop-shadow(0 0 20px #f5b54a88)}.announce.frost strong{background-image:linear-gradient(180deg,#fff,#9eeeff 45%,#1f8fd6);filter:drop-shadow(0 3px 0 #06223b) drop-shadow(0 0 20px #5ee1ff88)}.announce small{display:block;margin-bottom:8px;font:700 13px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.announce.toned strong{background-image:linear-gradient(180deg,#ffffff,var(--tone) 50%,color-mix(in srgb,var(--tone) 55%,#000));filter:drop-shadow(0 3px 0 #0b0f20) drop-shadow(0 0 20px color-mix(in srgb,var(--tone) 60%,transparent))}@keyframes announce{0%{opacity:0;transform:scale(1.6);letter-spacing:.3em}18%{opacity:1;transform:scale(1)}78%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(.96)}}.waiting{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:24px;background:#050710b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.waiting-card{width:100%;max-width:360px;padding:28px 22px 24px;text-align:center}.waiting-card h3{margin:16px 0 4px;font:800 22px var(--display);color:var(--gold-hi)}.waiting-card p{margin:0 0 16px;color:var(--muted)}.room-code{margin:0 0 20px;padding:12px;border-radius:10px;background:#050817;border:1px dashed #d6a34799;font:800 32px var(--display);letter-spacing:.28em;color:var(--gold-1);text-shadow:0 0 18px #f5b54a66;user-select:text;-webkit-user-select:text}.waiting-card .btn{width:100%}.spinner{width:54px;height:54px;margin:0 auto;border-radius:50%;border:3px solid #d6a34733;border-top-color:var(--gold-1);border-right-color:var(--frost);animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 22px calc(24px + var(--safe-b));text-align:center;background:radial-gradient(ellipse at 50% 40%,#1a2444ee,#050710f7 70%);overflow:hidden;animation:fade .5s both}@keyframes fade{0%{opacity:0}}.result-rays{position:absolute;left:50%;top:38%;width:900px;height:900px;margin:-450px 0 0 -450px;background:repeating-conic-gradient(from 0deg,#f5d48922 0deg 8deg,transparent 8deg 22deg);-webkit-mask-image:radial-gradient(circle,#000 10%,transparent 60%);mask-image:radial-gradient(circle,#000 10%,transparent 60%);animation:spin 40s linear infinite}.result.lost .result-rays{background:repeating-conic-gradient(from 0deg,#5a6a8a18 0deg 8deg,transparent 8deg 22deg)}.result-crest{position:relative;width:min(92%,420px);height:auto;filter:drop-shadow(0 20px 40px #000);animation:crest 1s cubic-bezier(.2,1.5,.4,1) both}@keyframes crest{0%{opacity:0;transform:scale(.4) rotate(-8deg)}}.result h2{position:relative;margin:4px 0 6px;font:900 clamp(44px,14vw,64px)/1 var(--display);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#fff9e0,#f5d489 45%,#c47f22);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #3b1f06) drop-shadow(0 0 30px #f5b54a66);animation:rise .6s .3s both}.result.lost h2{background-image:linear-gradient(180deg,#e7ecf5,#8d9ab5 50%,#4a5670);filter:drop-shadow(0 4px 0 #0b1020)}.result p{position:relative;margin:0 0 28px;color:var(--muted);font-size:16px;animation:rise .6s .4s both}.result-actions{position:relative;display:grid;gap:12px;width:100%;max-width:340px;animation:rise .6s .5s both}.sheet-scrim{position:absolute;inset:0;z-index:10;background:#000a;animation:fade .2s both}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:11;max-height:86%;overflow-y:auto;overscroll-behavior:contain;padding:10px 18px calc(22px + var(--safe-b));border-radius:22px 22px 0 0;border:2px solid transparent;border-bottom:0;background:var(--panel-fill) padding-box,var(--gold-border) border-box;box-shadow:0 -20px 60px #000c;animation:sheet-in .32s cubic-bezier(.2,.9,.3,1) both}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet-grip{width:44px;height:5px;margin:0 auto 12px;border-radius:3px;background:#d6a34766}.sheet-title{margin:0 0 14px;text-align:center;font:800 22px var(--display);letter-spacing:.06em;color:var(--gold-hi)}.sheet-title:after{content:"";display:block;width:140px;height:2px;margin:10px auto 0;background:linear-gradient(90deg,transparent,var(--gold-2),transparent)}.sheet-copy{margin:0 0 16px;text-align:center;color:var(--muted);font-size:15px}.code-field{height:64px;margin-bottom:14px;text-align:center;font:800 28px var(--display);letter-spacing:.3em;text-transform:uppercase}.rules{display:grid;gap:10px}.rule{display:flex;gap:14px;align-items:center;padding:10px;border-radius:12px;background:#0008;border:1px solid #d6a34733}.rule img{width:56px;height:56px;flex:none;object-fit:contain;border-radius:8px}.rule strong{font:700 15px var(--display);color:var(--gold-1)}.rule p{margin:3px 0 0;font-size:14px;line-height:1.35;color:#cfc3a8}.leaderboard{display:grid;gap:6px}.leader{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#0007;border:1px solid #ffffff10}.leader span{font:800 16px var(--display);color:var(--muted);text-align:center}.leader strong{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader b{font:800 16px var(--display);color:var(--gold-1)}.leader:nth-child(1){border-color:#f5d48999;background:linear-gradient(90deg,#5a3d0c99,#0007)}.leader:nth-child(1) span{color:#ffd766}.leader:nth-child(2) span{color:#dfe6f0}.leader:nth-child(3) span{color:#e3a26b}.leader.me{box-shadow:inset 0 0 0 1px var(--frost)}.chat-log{height:38vh;max-height:300px;overflow-y:auto;padding:10px;margin-bottom:10px;border-radius:10px;background:#0009;border:1px solid #ffffff12;display:flex;flex-direction:column;gap:6px;user-select:text;-webkit-user-select:text}.chat-log .msg{max-width:85%;padding:7px 11px;border-radius:12px 12px 12px 4px;background:#1c2748;font-size:15px;line-height:1.3}.chat-log .msg b{display:block;font-size:11px;letter-spacing:.06em;color:var(--frost);margin-bottom:2px}.chat-log .msg.me{align-self:flex-end;border-radius:12px 12px 4px;background:#4a2c10}.chat-log .msg.me b{color:var(--ember)}.chat-row{display:flex;gap:8px}.chat-row .btn{--h: 52px;padding:0 16px;font-size:13px}.connection{margin-top:8px;font-size:12px;color:var(--muted);text-align:center}.modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#050710d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .25s both}.name-dialog{width:100%;max-width:380px;padding:70px 22px 22px;text-align:center;margin-top:40px}.name-crest{position:absolute;left:50%;top:-58px;width:116px;margin-left:-58px;filter:drop-shadow(0 8px 16px #000)}.name-dialog h2{margin:0 0 6px;font:800 24px var(--display);color:var(--gold-hi)}.name-dialog p{margin:0 0 18px;color:var(--muted);font-size:15px}.name-dialog .field{margin-bottom:14px;text-align:center}.name-dialog small{display:block;margin-top:12px;color:#6d6450;font-size:12px}.toast{position:absolute;z-index:30;left:50%;top:calc(76px + var(--safe-t));transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:11px 18px;border-radius:12px;font-weight:700;font-size:14px;text-align:center;color:var(--parch);border:2px solid transparent;background:linear-gradient(#1a2444,#0a1024) padding-box,var(--gold-border) border-box;box-shadow:0 12px 30px #000c;animation:toast-in .3s cubic-bezier(.2,1.3,.4,1) both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px) scale(.95)}}@media(min-height:760px){.portrait{width:60px;height:60px}.action{height:76px}.action .ico{width:46px;height:46px}}@media(max-height:640px){.btn-hero{--h: 62px}.btn-hero .btn-ico{width:48px;height:48px}.war-table{padding-block:6px;gap:6px}.portrait{width:44px;height:44px}.action{height:54px}.action .ico{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.war-table{display:grid;gap:10px;padding:12px 14px;border-radius:14px;background:#070b1cd9;border:1px solid #d6a34740}.war-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.war-label{font:800 16px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-1)}.war-label small{display:block;margin-top:2px;font:500 13px var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}.army-picker{display:flex;gap:6px}.army{border-radius:9px;padding:2px;border:2px solid transparent;transition:.18s}.army.active{border-color:var(--army);box-shadow:0 0 14px var(--army);transform:translateY(-2px)}.army:not(.active){opacity:.6}.battle-bar{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:2px 12px 0}.battle-bar #rotate-btn{justify-self:end}.realm-chip{justify-self:start;display:flex;align-items:center;gap:6px;max-width:100%;min-width:0;padding:3px 10px 3px 3px;border-radius:22px;text-align:left;background:#070b1ccc;border:1px solid #d6a34766;box-shadow:0 4px 12px #0009}.realm-chip img{width:30px;height:30px;border-radius:50%;flex:none}.realm-chip span{min-width:0}.realm-chip b{display:block;font:800 12px/1.05 var(--display);color:var(--gold-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.realm-chip small{display:block;font:600 11px/1.1 var(--body);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-btn svg{fill:none}.realm-hero{min-height:260px;margin:-4px -6px 0;padding:120px 18px 18px;border-radius:14px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end}.realm-hero small{font:700 12px var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.realm-hero h3{margin:4px 0;font:900 34px/1 var(--display);color:var(--gold-hi);text-shadow:0 3px 10px #000}.realm-hero b{font:800 16px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-1)}.realm-hero p{margin:6px 0 0;font-size:16px;line-height:1.35;color:var(--parch)}.type-badge{display:inline-block;width:16px;height:16px;background:linear-gradient(135deg,#fff5da,var(--faction, #d6a347) 55%,var(--faction-deep, #8a5a1c));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.type-badge.shield{clip-path:polygon(6% 0,94% 0,94% 45%,50% 100%,6% 45%)}.type-badge.skirmish{clip-path:polygon(0 10%,100% 10%,50% 100%)}.type-badge.relic{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.type-badge.banner{clip-path:polygon(10% 0,90% 0,90% 100%,50% 72%,10% 100%)}.plate-army{gap:5px;align-items:center}.plate-army .type-badge{width:15px;height:15px}.plate-army .type-badge.deployed{opacity:.4}.plate-army .type-badge.lost{background:#2a1616;opacity:.9}.rule-block{padding:12px;border-radius:12px;background:#0008;border:1px solid #d6a34733}.rule-block>strong{font:800 17px var(--display);color:var(--gold-1)}.rule-block>p{margin:3px 0 8px;font-size:15px;color:#cfc3a8}.glyph-row{display:flex;justify-content:space-between;gap:4px}.types{display:grid;gap:8px;margin-top:8px}.type{display:flex;gap:12px;align-items:flex-start}.type .type-badge{width:26px;height:26px;flex:none;margin-top:2px;--faction: #ffd166;--faction-deep: #b56b1c}.type b{font:800 16px var(--display);color:var(--gold-hi)}.type span{margin-left:8px;font-weight:700;color:var(--gold-1);letter-spacing:.04em}.type p{margin:1px 0 0;font-size:14px;color:#cfc3a8}.realms{display:grid;gap:8px}.realm-row{padding:10px 12px;border-radius:10px;background-size:cover;background-position:center;border:1px solid #ffffff14}.realm-row b{font:800 16px var(--display);color:var(--gold-hi)}.realm-row span{margin-left:8px;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-1)}.realm-row p{margin:2px 0 0;font-size:14px;color:var(--parch)}.action-cancel.pass{color:#3b1c04;text-shadow:none;background:linear-gradient(180deg,#fff3c2,#f7cf70 22%,#e09e33 58%,#b56b1c) padding-box,linear-gradient(#4a2a08,#4a2a08) border-box;animation:ready 1.6s infinite}.action-cancel.pass svg{stroke:#6b3a0c}.action-cancel.pass span{color:#3b1c04}.war-row.stack{flex-direction:column;align-items:stretch;gap:8px}.war-row.stack .war-label{display:flex;align-items:baseline;justify-content:space-between}.war-row.stack .army-picker{justify-content:space-between}.army:not(.active){opacity:.5;filter:saturate(.6)}.realm-chip b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.realm-chip small{display:none}.plate-score{flex:none;display:grid;justify-items:end;align-content:center;min-width:44px;line-height:1}.plate-score b{font:900 26px/1 var(--display);color:var(--gold-hi);text-shadow:0 2px 0 #000,0 0 12px color-mix(in srgb,var(--faction) 60%,transparent)}.plate-score small{font:700 11px var(--body);color:var(--muted);margin-top:1px}.score-bar{display:block;width:44px;height:5px;margin-top:4px;border-radius:3px;background:#0008;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.score-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--faction-deep),var(--faction));transition:width .6s cubic-bezier(.2,.9,.3,1)}.plate-score.bump b{animation:bump .7s cubic-bezier(.2,1.6,.4,1)}@keyframes bump{30%{transform:scale(1.55);color:#fff}}.plate-rating:empty{display:none}.omen-chip{justify-self:start;display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;padding:3px 10px 3px 3px;border-radius:12px;text-align:left;background:#070b1ccc;border:1px solid #d6a34766;box-shadow:0 4px 12px #0009}.omen-thumb{width:30px;height:40px;flex:none;border-radius:6px;background-size:cover;background-position:center;box-shadow:0 0 0 1.5px #d6a347}.omen-chip span:last-child{min-width:0}.omen-chip b{display:block;font:800 13px/1.05 var(--display);color:var(--gold-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omen-chip small{display:block;font:600 11px/1.2 var(--body);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omen-card{position:relative;width:100%;aspect-ratio:5 / 7;border-radius:12px;overflow:hidden;border:3px solid transparent;background:linear-gradient(#0b1128,#0b1128) padding-box,var(--gold-border) border-box;box-shadow:0 10px 26px #000b;display:flex;flex-direction:column}.omen-art{flex:1;background-size:cover;background-position:center}.omen-text{padding:8px 10px 10px;background:linear-gradient(180deg,#131b3a,#080c20);border-top:2px solid #d6a34799;text-align:center}.omen-text b{display:block;font:800 17px/1.1 var(--display);color:var(--gold-hi)}.omen-text p{margin:3px 0 0;font-size:13px;line-height:1.25;color:#d9cdb2}.omen-card.mini{border-width:2px;border-radius:9px}.omen-card.mini .omen-text{padding:5px 6px 6px}.omen-card.mini .omen-text b{font-size:12px}.omen-card.mini .omen-text p{font-size:10.5px}.omen-card.upcoming{opacity:.8;filter:saturate(.8)}.omen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.omen-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.omen-pair small{display:block;margin-bottom:6px;font:700 11px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:center}.omen-reveal{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at center,#070b1cd0,#050710f2 70%);animation:fade .3s both}.omen-reveal.leaving{animation:fade .35s reverse both}.omen-reveal>small{font:800 14px var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-1);text-shadow:0 2px 8px #000}.flip{position:relative;width:min(62vw,260px);aspect-ratio:5 / 7;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.3,.4,1);transform:rotateY(180deg) scale(.85)}.flip.flipped{transform:rotateY(0) scale(1)}.flip-back,.flip-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:14px}.flip-back{transform:rotateY(180deg);background-size:cover;box-shadow:0 20px 50px #000}.flip-front .omen-card{height:100%;box-shadow:0 0 60px #f5b54a55,0 20px 50px #000}.omen-card.big .omen-text b{font-size:22px}.omen-card.big .omen-text p{font-size:15px}.pface{position:relative;display:inline-block;width:44px;height:44px;border-radius:16%;background-size:cover;background-position:center;box-shadow:0 4px 10px #000a,inset 0 0 0 1px #0006}.pface i{position:absolute;width:17%;height:17%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--core) 40%,var(--glow));box-shadow:0 0 6px var(--glow),0 1px 1px #000a}.pface.chip{width:34px;height:34px}.pface.mini{width:40px;height:40px}.core-rules{margin:0;padding-left:22px;display:grid;gap:8px;font-size:15px;line-height:1.35;color:#e3d8bf}.core-rules b{color:var(--gold-hi)}.core-rules em{font-style:normal;font-weight:700;color:var(--gold-1)}.rule-block.core .glyph-row{margin-top:12px}.tip{margin:10px 0 0;font-size:14px;color:var(--muted);font-style:italic}.action svg{width:34px;height:34px;fill:none;stroke:var(--gold-1);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #f5b54a88)}.action svg circle{fill:var(--gold-1);stroke:none}.action-cancel svg{width:26px;height:26px;stroke:#ff9a8a;stroke-width:3;filter:none}.action.active svg{stroke:#6b3a0c}.hidden-gem,.gems i[hidden]{display:none}.actions:has(#reroll-btn.hidden){grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.plate-meta{display:flex;align-items:center;gap:6px;margin-top:6px;min-width:0}.plate-meta .plate-army{margin:0;flex-wrap:nowrap;gap:3px;min-width:0;overflow:hidden}.plate-meta .plate-army .type-badge{width:12px;height:12px;flex:none}.plate-meta .plate-rating{margin-left:auto;padding:1px 7px;font-size:11px}.battle-bar{grid-template-columns:minmax(0,1fr) auto auto}.versus{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:4px;padding:calc(10px + var(--safe-t)) 8px 6px;background:linear-gradient(180deg,#050710f7 45%,#05071000)}.general{--faction: var(--ember);--faction-deep: var(--ember-deep);min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"portrait info" "meta meta";column-gap:8px;row-gap:6px;align-items:center;padding:7px 9px 8px 7px;border-radius:18px;border:2px solid transparent;background:var(--panel-fill) padding-box,linear-gradient(135deg,var(--faction),#d6a347 45%,#5a3510) border-box;box-shadow:0 8px 20px #000b;transition:box-shadow .35s,transform .35s}.general-rival{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info portrait" "meta meta";padding:7px 7px 8px 9px;background:var(--panel-fill) padding-box,linear-gradient(225deg,var(--faction),#d6a347 45%,#5a3510) border-box}.general.active{transform:translateY(1px);box-shadow:0 0 0 1px var(--faction),0 0 26px color-mix(in srgb,var(--faction) 55%,transparent),0 8px 20px #000b}.gen-portrait{grid-area:portrait;position:relative;width:66px;height:66px}.gen-portrait>img:first-child{width:100%;height:100%;border-radius:50%;object-fit:cover}.gen-ring{position:absolute;inset:-3px;border-radius:50%;border:3px solid var(--gold-2);box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000,inset 0 0 14px #000b}.general.active .gen-ring{border-color:var(--faction);animation:ring 1.8s ease-in-out infinite}.gen-crest{position:absolute;width:26px;height:26px;right:-6px;bottom:-5px;filter:drop-shadow(0 2px 3px #000)}.general-rival .gen-crest{right:auto;left:-6px}.gen-info{grid-area:info;min-width:0;display:flex;flex-direction:column}.general-rival .gen-info{align-items:flex-end;text-align:right}.gen-name{font:700 14px/1.1 var(--display);color:var(--gold-hi);text-shadow:0 2px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.gen-score{display:flex;align-items:baseline;gap:2px;margin-top:1px}.gen-score b{font:900 40px/.95 var(--display);color:#fff;text-shadow:0 3px 0 #000,0 0 16px color-mix(in srgb,var(--faction) 70%,transparent)}.gen-score small{font:700 13px var(--body);color:var(--muted)}.gen-score.bump b{animation:bump .7s cubic-bezier(.2,1.6,.4,1)}.general .score-bar{width:100%;height:6px;margin-top:3px}.general .plate-meta{grid-area:meta;margin:0;justify-content:space-between}.general-rival .plate-meta{flex-direction:row-reverse}.general .plate-army .type-badge{width:11px;height:11px}.general .plate-rating{margin:0;font-size:10px;padding:1px 6px}.vs{display:grid;place-items:center}.vs span{font:900 17px var(--display);color:var(--gold-1);text-shadow:0 2px 0 #000,0 0 12px #f5b54a88;transform:rotate(-8deg)}.battle-bar{grid-template-columns:auto minmax(0,1fr) auto auto;gap:7px;padding:0 10px}.battle-bar #battle-menu-btn svg{stroke:var(--gold-1);stroke-width:2.6;stroke-linecap:round}.hud-bottom{padding-top:6px}.menu-list{display:grid;gap:10px}.menu-list .btn{justify-content:flex-start}.omen-single{margin-top:14px;text-align:center}.omen-single>small{display:block;margin-bottom:8px;font:700 12px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.omen-single .omen-card{max-width:230px;margin:0 auto}.omen-single p{margin:12px 0 0;color:var(--muted);font-size:14px}.omen-reveal{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;perspective:1200px;background:radial-gradient(ellipse at 50% 46%,#1d1238ee,#020308f2 70%);animation:fade .35s both;transition:background .45s}.reveal-rays{position:absolute;left:50%;top:47%;width:1300px;height:1300px;margin:-650px 0 0 -650px;background:repeating-conic-gradient(#ffd27a2a 0 5deg,transparent 5deg 15deg);-webkit-mask-image:radial-gradient(circle,#000 4%,transparent 52%);mask-image:radial-gradient(circle,#000 4%,transparent 52%);opacity:0;scale:.35;transition:opacity .6s,scale 1.2s cubic-bezier(.2,.9,.3,1);animation:spin 26s linear infinite;pointer-events:none}.reveal-glow{position:absolute;left:50%;top:47%;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,#ffcf7a55,#ff8a3d22 40%,transparent 70%);opacity:.25;transition:opacity .5s;pointer-events:none}.reveal-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 47%,#ffffff,#fff4d0aa 28%,transparent 68%);opacity:0;pointer-events:none;z-index:2}.reveal-kicker{position:relative;font:800 15px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-1);text-shadow:0 2px 8px #000;opacity:0;transform:translateY(-8px);transition:opacity .5s,transform .5s}.omen-reveal.charging .reveal-kicker,.omen-reveal.revealed .reveal-kicker{opacity:1;transform:none}.reveal-stage{position:relative;transform-style:preserve-3d}.omen-reveal .flip{width:min(66vw,290px)}.omen-reveal.charging .reveal-glow{opacity:.9;animation:glow-pulse .35s ease-in-out infinite alternate}.omen-reveal.charging .flip{animation:charge .7s ease-in both}.omen-reveal.charging .flip-back{box-shadow:0 0 30px #ffd27a,0 0 80px #ff9a3d99,0 20px 50px #000}@keyframes charge{0%{transform:rotateY(180deg) scale(.96)}20%,60%{transform:rotateY(180deg) scale(.98) translate(2px)}40%,80%{transform:rotateY(180deg) scale(1) translate(-2px)}to{transform:rotateY(180deg) scale(1.04)}}@keyframes glow-pulse{to{transform:scale(1.12)}}.omen-reveal.revealed .reveal-rays{opacity:1;scale:1}.omen-reveal.revealed .reveal-glow{opacity:.8}.reveal-ring{position:absolute;left:50%;top:50%;width:330px;height:330px;border-radius:50%;border:5px solid #fff1c4;box-shadow:0 0 40px #ffd27a,inset 0 0 40px #ffd27a;opacity:0;transform:translate(-50%,-50%);pointer-events:none}.reveal-sparks{position:absolute;left:50%;top:50%;pointer-events:none}.reveal-sparks i{position:absolute;left:0;top:0;width:var(--s);height:var(--s);border-radius:50%;background:#fff4c8;box-shadow:0 0 10px #ffd27a,0 0 22px #ff9a3d}.omen-reveal.revealed .omen-art{animation:kenburns 3.4s ease-out both}@keyframes kenburns{0%{transform:scale(1.3);filter:brightness(1.8) saturate(1.3)}25%{filter:none}to{transform:scale(1.02)}}.omen-reveal .omen-card:after{content:"";position:absolute;inset:-20% auto -20% -60%;width:35%;background:linear-gradient(100deg,transparent,#ffffffb0,transparent);transform:skew(-18deg);opacity:0}.omen-reveal.revealed .omen-card:after{animation:sweep 1.1s .35s ease-out both}@keyframes sweep{0%{left:-60%;opacity:1}to{left:140%;opacity:1}}.omen-reveal.revealed .omen-text b{animation:stamp .55s .2s cubic-bezier(.2,1.4,.4,1) both}@keyframes stamp{0%{transform:scale(1.8);opacity:0;filter:blur(6px)}}.omen-reveal.revealed .omen-text p{animation:rise .5s .45s ease-out both}.reveal-hint{position:relative;margin:0;font:600 13px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;opacity:0;transition:opacity .4s 1s}.omen-reveal.revealed .reveal-hint{opacity:1}.omen-reveal.leaving{background:transparent}.omen-reveal.leaving :is(.reveal-rays,.reveal-glow,.reveal-kicker,.reveal-hint){opacity:0;transition:opacity .3s}.codex{position:absolute;inset:0;z-index:25;display:flex;flex-direction:column;background:linear-gradient(180deg,#070b1cf2,#050710fa),url(/art/bg-menu.webp) center / cover;animation:fade .3s both}.codex-top{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + var(--safe-t)) 16px 4px}.codex-brand{font:800 15px var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-1)}.codex-top svg{width:18px;height:18px;fill:none;stroke:var(--gold-1);stroke-width:3;stroke-linecap:round}.codex-pages{flex:1;min-height:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.codex-pages::-webkit-scrollbar{display:none}.codex-page{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 26px 12px;text-align:center}.codex-art{width:100%;min-height:0;flex:1;max-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.codex-page small{margin-top:14px;font:700 12px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.codex-page h2{margin:4px 0 8px;font:900 38px/1 var(--display);background:linear-gradient(180deg,#fff9e0,#f5d489 45%,#c47f22);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #3b1f06)}.codex-page p{margin:0;max-width:340px;font-size:17px;line-height:1.4;color:#e5dac0}.codex-page p b{color:var(--gold-hi)}.codex-page .codex-art>*{opacity:0;transform:translateY(14px) scale(.96);transition:opacity .5s,transform .5s cubic-bezier(.2,.9,.3,1)}.codex-page.current .codex-art>*{opacity:1;transform:none}.codex-page.current .codex-art>*:nth-child(2){transition-delay:.15s}.codex-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:8px 16px calc(16px + var(--safe-b))}.codex-nav .btn{--h: 50px;font-size:14px}.codex-dots{display:flex;gap:7px}.codex-dots i{width:8px;height:8px;border-radius:50%;background:#d6a34755;cursor:pointer;transition:.25s}.codex-dots i.on{width:22px;border-radius:4px;background:var(--gold-1);box-shadow:0 0 10px #f5b54a}.mini-die{width:44px;height:44px}.banner-die{box-shadow:0 0 0 3px #ffd27a,0 0 18px #ffb000,0 4px 10px #000a}.mini-board{display:grid;grid-template-columns:repeat(var(--cols),48px);gap:4px;padding:8px;border-radius:12px;background:#1a1510;border:2px solid #8a5a1c;box-shadow:0 10px 30px #000a}.mini-board .cell{width:48px;height:48px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(135deg,#4a4033,#2c261e);box-shadow:inset 0 0 0 1px #0006}.mini-board .c-r{background:radial-gradient(circle,#ffe7a8 0 18%,#b8862e 45%,#3a2c14 75%);box-shadow:0 0 14px #ffb000aa,inset 0 0 0 2px #ffd27a}.mini-board .c-k{background:radial-gradient(circle,#ff8a3d55,#3a1a0a);box-shadow:inset 0 0 0 2px #ff8a3d}.mini-board .c-g{box-shadow:inset 0 0 0 3px #ffd27a,0 0 14px #ffd27a88;animation:ready 1.4s ease-in-out infinite}.goal-art{display:flex;align-items:center;gap:16px}.goal{display:grid;justify-items:center;gap:8px;font:700 14px var(--body);color:var(--gold-1)}.goal-num{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;font:900 60px var(--display);color:#fff;background:radial-gradient(circle at 40% 35%,#ffe7a8,#d6a347 45%,#5a3510);box-shadow:0 0 0 4px #3b1f06,0 0 40px #f5b54a88;text-shadow:0 3px 0 #3b1f06}.goal img{width:130px;height:110px;object-fit:contain}.goal-art em{font:800 18px var(--display);color:var(--muted);font-style:normal}.army-art{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.seven{display:flex;align-items:center;gap:10px;font:900 26px var(--display);color:var(--gold-hi)}.seven b{font-size:40px;color:#fff;text-shadow:0 0 18px #f5b54a}.deploy-art{position:relative}.rolled{position:absolute;left:-18px;top:-36px;display:grid;justify-items:center;gap:4px;animation:hover-die 2.4s ease-in-out infinite}.rolled small{margin:0!important;font:700 12px var(--body)!important;letter-spacing:0!important;color:var(--gold-1)!important}@keyframes hover-die{50%{transform:translateY(-8px) rotate(6deg)}}.charge-art{display:grid;gap:16px}.duel{display:flex;align-items:center;gap:10px;justify-content:center}.duel .mini-die{width:58px;height:58px}.vs-sm{font:800 16px var(--display);color:var(--muted)}.duel b{font:800 17px var(--display);min-width:120px;text-align:left}.duel .win{color:#ffcf6a}.duel .tie{color:#ffb4a8}.rune-art{position:relative}.plus-pops b{position:absolute;font:900 26px var(--display);color:#ffcf6a;text-shadow:0 2px 0 #000,0 0 12px #ff8a3d;animation:pop-up 2s ease-out infinite}.plus-pops b:first-child{left:72px;top:30px}.plus-pops b.ice{left:176px;top:134px;color:#bff3ff;text-shadow:0 2px 0 #000,0 0 12px #39c2ff;animation-delay:1s}@keyframes pop-up{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.well-art{display:flex;align-items:center;gap:14px;font:800 26px var(--display);color:var(--gold-1);flex-wrap:wrap;justify-content:center}.well-art img{width:110px;height:110px;border-radius:16px;box-shadow:0 0 30px #9a6bff88}.well-art .revived{width:64px;height:64px;animation:ready 1.6s infinite}.well-art small{flex-basis:100%;margin:0!important}.realm-strip{display:flex;gap:8px}.realm-strip div{position:relative;width:60px;height:60px;border-radius:50%;background-size:cover;box-shadow:0 0 0 2px #d6a347,0 6px 14px #000a}.realm-strip span{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);white-space:nowrap;font:700 10px var(--body);color:var(--muted)}.omen-fan{position:relative;height:150px;width:260px;margin-top:18px}.omen-fan img{position:absolute;left:50%;bottom:0;width:84px;height:118px;object-fit:cover;border-radius:8px;border:2px solid #d6a347;box-shadow:0 8px 20px #000c;transform-origin:50% 120%}.omen-fan img:nth-child(1){transform:translate(-50%) rotate(-24deg)}.omen-fan img:nth-child(2){transform:translate(-50%) rotate(-8deg)}.omen-fan img:nth-child(3){transform:translate(-50%) rotate(8deg)}.omen-fan img:nth-child(4){transform:translate(-50%) rotate(24deg)}.tumble-scene{position:relative;width:250px;height:190px;perspective:800px}.tumble-track{position:absolute;left:50%;top:58%;width:170px;height:80px;margin:-40px 0 0 -85px;display:flex;gap:10px;transform:rotateX(58deg);transform-style:preserve-3d}.tumble-track i{width:80px;height:80px;border-radius:8px;background:linear-gradient(135deg,#5a4d3c,#2c261e);box-shadow:inset 0 0 0 2px #8a6a3a}.tumble-track i:last-child{box-shadow:inset 0 0 0 3px #ffd27a,0 0 20px #ffd27a88}.cube-wrap{position:absolute;left:50%;top:58%;width:170px;height:80px;margin:-40px 0 0 -85px;transform:rotateX(58deg);transform-style:preserve-3d;pointer-events:none}.cube{position:absolute;left:5px;top:5px;width:70px;height:70px;transform-style:preserve-3d;transform-origin:70px 35px 0;animation:tumble 3.2s cubic-bezier(.5,0,.3,1) infinite}.cube .f{position:absolute;inset:0;backface-visibility:hidden}.cube .f .mini-die{width:70px;height:70px;border-radius:6px;box-shadow:inset 0 0 0 1px #0008}.cube .top{transform:translateZ(70px)}.cube .bottom{transform:rotateY(180deg)}.cube .north{transform-origin:50% 0;transform:rotateX(90deg)}.cube .south{transform-origin:50% 100%;transform:rotateX(-90deg)}.cube .west{transform-origin:0 50%;transform:rotateY(-90deg)}.cube .east{transform-origin:100% 50%;transform:rotateY(90deg)}@keyframes tumble{0%,22%{transform:rotateY(0)}55%,90%{transform:rotateY(90deg)}to{transform:rotateY(90deg)}}.tumble-scene .tumble-track,.tumble-scene .cube-wrap{animation-delay:0s}.tumble-scene{animation:tumble-fade 3.2s linear infinite}@keyframes tumble-fade{0%,88%{opacity:1}96%,to{opacity:0}}.general .plate-meta .plate-army{flex:1 1 auto;min-width:0}.general .plate-meta .plate-rating{flex:none}.general-rival .plate-meta .plate-army{justify-content:flex-end}.general .plate-meta{min-width:0;overflow:hidden}.gen-name small{display:block;margin-top:1px;font:700 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--faction)}