/* Toranj 0.3 — tactile enamel, illuminated portraits and precise spotlights. */
.brand-icon{width:46px;height:46px;border-radius:14px;box-shadow:0 4px 14px #381a3e35;object-fit:cover;border:1px solid #c9a967}.brand{gap:10px}.home-art{height:238px;padding-top:158px}.home-art .theme-tag{max-width:146px}.home-sigil{position:absolute;width:114px;height:114px;inset-inline-start:4px;top:22px;border-radius:30px;box-shadow:0 15px 30px #42283130,0 0 0 1px #cfa86566;transform:rotate(-5deg)}.home-art .edition{display:none}.home-art h1{font-size:51px}.home-art p{max-width:155px;font-size:10px}.arcana-invite{width:100%;height:188px;display:flex;position:relative;overflow:hidden;text-align:start;padding:0;margin:0 0 14px;border-radius:21px;border:1px solid #ceb080;background:#142940;box-shadow:0 10px 25px #10213926;color:#f8eccd}.arcana-invite:after{content:'';position:absolute;inset:7px;border:1px solid #e9d09c55;border-radius:15px;pointer-events:none}.arcana-invite-art{position:absolute;inset-block:0;inset-inline-end:0;width:53%;overflow:hidden}.arcana-invite-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#142940 97%)}[dir=ltr] .arcana-invite-art:after{background:linear-gradient(270deg,transparent,#142940 97%)}.arcana-invite-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.arcana-invite-copy{position:relative;z-index:2;padding:23px 21px;width:80%;display:flex;align-items:flex-start;flex-direction:column}.arcana-invite-copy small{font-size:7px;letter-spacing:1px;color:#d6bc86}.arcana-invite-copy b{font-family:var(--title),Estedad;font-size:43px;line-height:1.4;letter-spacing:1px;font-weight:400}.arcana-invite-copy>span{font-size:9px;max-width:200px;line-height:1.9}.arcana-invite-copy em{font-style:normal;font-size:9px;margin-top:auto;border-bottom:1px solid #d0b37c77;padding-bottom:4px;display:flex;align-items:center;gap:9px;color:#f0d79e}.arcana-invite-copy em svg{width:14px;height:14px}[data-theme=modern] .arcana-invite{background:#211a3c;border-color:#be91ea88;border-radius:7px 24px 7px 24px}[data-theme=modern] .arcana-invite-art:after{background:linear-gradient(90deg,transparent,#211a3c 97%)}[dir=ltr][data-theme=modern] .arcana-invite-art:after{background:linear-gradient(270deg,transparent,#211a3c 97%)}[data-theme=modern] .arcana-invite-copy b,[lang=en] .arcana-invite-copy b{font-size:30px;font-weight:750;margin:8px 0}.home-links{margin-top:10px}.home-links .row-link{font-size:11px}.button.quiet{min-height:39px;background:transparent;border-color:transparent;font-size:10px;color:var(--accent2);box-shadow:none}.hero-portrait{object-fit:cover;object-position:center 30%}.arcana-cover{height:218px;border-radius:22px;overflow:hidden;display:flex;align-items:center;background:linear-gradient(120deg,#162b43,#223b50);color:#f5e6bd;border:1px solid #bc9c69;margin-bottom:0}.arcana-cover>img{width:53%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,#000 75%,transparent)}[dir=rtl] .arcana-cover>img{mask-image:linear-gradient(270deg,#000 75%,transparent)}.arcana-cover>div{flex:1;padding:13px}.arcana-cover h2{font-size:32px;margin:12px 0 0}.arcana-cover p{color:#ddceab;font-size:10px}.arcana-cover .badge{background:#ffffff10;color:#e3c899;border-color:#dec18855;font-size:7px}.rank-stars{color:#eacb86;letter-spacing:5px}.loadout-ribbon{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 8px 20px;font-size:9px;color:var(--accent2)}.loadout-ribbon span{display:flex;align-items:center;gap:4px}.loadout-ribbon svg{width:16px;height:16px}.atelier-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:5px 0 12px;margin:6px 0 9px}.atelier-tabs button{flex-shrink:0;border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:9px 14px;font-size:10px;min-height:38px}.atelier-tabs button.selected{background:var(--ink);color:var(--bg);border-color:var(--ink)}.arsenal-current{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:18px}.arsenal-current>img{width:63px;height:72px;border-radius:12px;border:1px solid #c7ad7a}.arsenal-current>div{min-width:0;flex:1}.arsenal-current small{font-size:8px;letter-spacing:1px;color:var(--muted);display:block}.arsenal-current b{font-size:13px;margin:7px 0 4px;display:block}.arsenal-current span{font-size:9px;color:var(--accent2);display:block}.arsenal-current>.button{width:auto;min-height:39px;font-size:10px;padding:10px}.hero-gallery{display:grid;gap:18px}.hero-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 8px 25px var(--shadow)}.hero-card.equipped{border-color:var(--accent2)}.hero-art{height:250px;position:relative;overflow:hidden;background:#1e3045}.hero-art>img{width:100%;height:100%;object-position:center 34%;transition:transform .6s}.hero-art:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#151d30dd)}.hero-number{position:absolute;top:17px;inset-inline-start:17px;color:#f7dfb8;font:22px Georgia;opacity:.8;border-top:1px solid #e5c89288;padding-top:5px}.hero-status{position:absolute;bottom:16px;inset-inline-start:18px;color:#f2dca9;font-size:9px;letter-spacing:1px;z-index:1}.hero-copy{padding:20px}.hero-copy h2{font-size:32px;margin-top:5px}.hero-copy h2 small{font:12px Estedad;color:#b18748;letter-spacing:3px}.hero-copy .eyebrow{font-size:8px}.hero-copy p{font-size:11px;line-height:2}.hero-metrics{display:flex;border-block:1px solid var(--line);padding:12px 0;margin:14px 0;gap:18px}.hero-metrics>span{font-size:8px;display:flex;flex-direction:column;gap:6px;flex:1;color:var(--muted)}.hero-metrics b{font-size:19px;color:var(--accent2);font-weight:600}.max-skill{padding:12px;text-align:center;border:1px solid #c9ab7399;border-radius:10px;color:var(--accent2);font-size:9px;letter-spacing:1px}.power-grid{display:grid;gap:13px}.power-tile{display:flex;align-items:flex-start;gap:14px;padding:17px;border:1px solid var(--line);background:var(--surface);border-radius:18px}.power-tile.equipped{border-color:var(--accent2);box-shadow:inset 0 0 0 1px var(--accent2)}.power-tile-copy{flex:1;min-width:0}.power-tile h2{font-size:24px;margin:3px 0}.power-tile p{font-size:10px;margin-top:8px}.power-meta{font-size:9px;color:var(--accent2)}.power-gem{width:60px;height:66px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#ecd29a;background:radial-gradient(ellipse at 30% 20%,#587080,#132b41 70%);border:1px solid #bea375;border-radius:15px 15px 23px 23px;box-shadow:inset 0 0 0 4px #d6bd8512,0 5px 12px #10253d22}.power-gem svg{width:31px;height:31px;filter:drop-shadow(0 0 5px #e7bc6555)}.power-gem.flare{background:radial-gradient(ellipse at top,#ae7050,#432d3d)}.power-gem.alchemy{background:radial-gradient(ellipse at top,#826aa6,#29294e)}.power-gem.ward{background:radial-gradient(ellipse at top,#759caa,#203c50)}.power-gem.exchange{background:radial-gradient(ellipse at top,#6a9c89,#193c3e)}.power-gem.large{width:80px;height:85px;margin:10px auto 16px}.power-gem.large svg{width:45px;height:45px}.vault-hero{width:100%;display:flex;align-items:center;text-align:start;background:linear-gradient(130deg,#321627,#12283d);color:#f7dfaa;border:1px solid #c3a269;border-radius:20px;overflow:hidden;min-height:174px;margin:0 0 14px}.vault-hero>img{width:40%;max-width:190px;object-fit:cover;align-self:stretch}.vault-hero>div{padding:18px 13px;flex:1;min-width:0}.vault-hero small{font-size:6px;letter-spacing:1px}.vault-hero h2{font-size:25px;margin:9px 0 2px;line-height:1.5}.vault-hero p{color:#dfc8a3;font-size:9px;line-height:1.8}.vault-hero b{font-size:15px}.vault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.vault-pack{padding:0;text-align:start;border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}.vault-pack:active{transform:scale(.985)}.vault-pack-art{height:143px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(at 25% 0,#626c81,#1a2c45);color:#f3d297;width:100%;overflow:hidden}.vault-pack-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.vault-pack-art>svg{height:59px;width:59px;filter:drop-shadow(0 2px 14px #dca55477)}.vault-pack-art>span{position:absolute;bottom:8px;inset-inline-start:9px;font-size:6px;letter-spacing:1px;padding:4px 8px;border:1px solid #f0d7a355;border-radius:10px;background:#152033bb}.vault-pack.bundles .vault-pack-art{background:radial-gradient(at 25% 0,#93704e,#391e35)}.vault-pack.relics .vault-pack-art{background:radial-gradient(at 25% 0,#53837f,#122f3d)}.vault-pack-copy{padding:13px 12px;display:flex;flex-direction:column;flex:1;width:100%}.vault-pack h2{font-size:21px;margin:0 0 5px;line-height:1.45}.vault-pack p{font-size:9px;line-height:1.9;margin:2px 0 12px}.vault-pack b{font-size:13px;color:var(--accent);display:block;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.vault-pack small{font-size:8px;margin-top:6px;color:var(--muted)}[lang=en] .vault-pack h2,[data-theme=modern] .vault-pack h2{font-size:14px;line-height:1.65}[lang=en] .vault-hero h2,[data-theme=modern] .vault-hero h2{font-size:17px}[lang=en] .vault-pack p{font-size:9px}.pack-detail-art{height:148px;margin:-24px -24px 17px;background:radial-gradient(at 50% 10%,#58657d,#14253d);display:flex;justify-content:center;align-items:center;overflow:hidden;color:#e6c993}.pack-detail-art>img{height:100%;width:auto;min-width:148px;object-fit:cover}.pack-detail-art>svg{width:68px;height:68px}.grant-list{display:grid;grid-template-columns:1fr;gap:6px;padding:10px 0}.grant-list>span{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.7;padding:7px 10px;border-radius:9px;background:var(--soft)}.grant-list svg{width:16px;height:16px;color:var(--accent2)}.grant-list .owned{opacity:.6}.trial-heroes{display:flex;gap:6px;margin:20px 0 12px}.trial-heroes button{flex:1;min-width:0;padding:4px;background:var(--soft);border:1px solid transparent;border-radius:10px}.trial-heroes img{width:100%;aspect-ratio:.8;border-radius:6px}.trial-heroes span{display:block;font-size:8px;margin:5px 0}.trial-heroes .chosen,.trial-powers .chosen{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.trial-powers{display:flex;gap:6px;flex-wrap:wrap}.trial-powers button{display:flex;align-items:center;gap:6px;padding:10px;background:var(--soft);border:1px solid transparent;border-radius:9px;font-size:10px}.trial-powers svg{width:18px;height:18px}.arcana-energy{height:31px;flex-shrink:0;display:flex;align-items:center;gap:7px;justify-content:space-between;padding:2px 18px;border-bottom:1px solid var(--line);color:var(--accent2);font-size:7px;background:var(--surface)}.arcana-energy b{font-size:13px;margin-inline-start:4px}.arcana-energy button{background:none;font-size:8px;padding:5px 0;color:var(--accent2)}.energy-dots{display:flex;gap:3px}.energy-dots i{width:5px;height:9px;border:1px solid var(--line);border-radius:3px;transform:skew(-10deg)}.energy-dots .lit{background:linear-gradient(#f3dba4,#b19058);border-color:#c2a679;box-shadow:0 0 4px #dec78055}.power-tray{display:flex;justify-content:center;gap:8px;flex-shrink:0;min-height:58px;padding:6px 13px;border-block:1px solid var(--line);background:linear-gradient(90deg,var(--soft),var(--surface),var(--soft));position:relative;z-index:2}.power-control{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:5px 10px;min-width:0;max-width:46%;flex:1;text-align:start}.power-control b{display:block;font-size:10px;font-weight:600;white-space:nowrap}.power-control small{display:block;font-size:7px;white-space:nowrap;margin-top:3px;color:var(--muted)}.power-orb{width:29px;height:31px;display:flex;align-items:center;justify-content:center;color:var(--accent2);flex-shrink:0}.power-orb svg{width:25px;height:25px}.power-control>i{height:5px;width:5px;flex-shrink:0;border-radius:50%;background:var(--line);margin-inline-start:auto}.power-control>i.ready{background:#6caa8d;box-shadow:0 0 6px #71b69a}.intel-button{display:flex;align-items:center;gap:3px;padding:4px;background:transparent;color:var(--accent2);font-size:9px}.intel-button svg{width:19px}.arcana-table .arena{min-height:195px}.arcana-table .seat-2{top:9px}.arcana-table .seat-1,.arcana-table .seat-3{top:42%}.arcana-table .seat .portrait{width:44px;height:44px}.arcana-table .seat .role{font-size:7px}.arcana-table .turn-label{font-size:10px;bottom:5px}.card-enchantment{position:absolute;bottom:-5px;left:calc(50% - 10px);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #efd5a5;border-radius:50%;background:#4d4066;color:#fbe6b3;box-shadow:0 0 8px #bb8ce088;z-index:20}.card-enchantment svg{width:13px;height:13px}.card.enchanted{outline:2px solid #c5a7dc;box-shadow:0 0 20px #b280c980}.card.enchanted.ward{outline-color:#8ab6c6}.card.enchanted.flare{outline-color:#dcaa79}.power-reason{padding:12px;background:var(--soft);border-radius:10px}.intel-cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:15px 0}.intel-cards .card{width:64px;height:94px}.intel-cards small{display:block;font-size:9px;text-align:center;margin-top:10px}.squad-summary{display:flex;gap:14px;border:1px solid var(--line);border-radius:15px;padding:13px;margin:14px 0;background:var(--soft)}.squad-summary>img{width:74px;height:100px;border-radius:10px;align-self:center}.squad-summary h3{font-size:14px;margin:5px 0}.squad-summary small{font-size:8px;color:var(--accent2)}.squad-summary p{font-size:10px;margin-bottom:0}.rule-number{display:flex;align-items:center;gap:15px;border-block:1px solid var(--line);margin:14px 0;padding:8px}.rule-number>b{font-size:40px;color:var(--accent2)}.rule-number p{font-size:11px;margin:0}.rule-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.rule-item>svg{width:24px;height:24px;color:var(--accent2);margin-top:4px}.rule-item p{font-size:11px;margin-bottom:0}.sovereign-card{border:2px double #c8a364!important;box-shadow:inset 0 0 18px #b68d4922}.sovereign-seat .portrait,.sovereign-seat .avatar-human{outline:2px solid #d0a54b;border-color:#f6dc99;box-shadow:0 0 14px #d4ae6666}.sovereign-hand .hand-caption{color:#a97c36;text-shadow:0 0 10px #ccaa6688}.mythic-arrival{pointer-events:none;position:absolute;inset:0;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f8dda7;background:radial-gradient(#304357ee,#1a1722cc);animation:arrival 1.8s forwards}.mythic-arrival img{width:160px;height:190px;border:2px solid #d5b273;border-radius:80px 80px 20px 20px;box-shadow:0 0 80px #bca06766}.mythic-arrival b{font-family:var(--title),Estedad;font-size:30px;margin-top:18px}.mythic-arrival>span{font-size:48px;color:#eed39d}@keyframes arrival{0%{opacity:0;transform:scale(1.08)}20%,65%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.98)}}
/* No backdrop-filter: the hole shows the live UI with its original contrast. */
#tour-layer{position:absolute;inset:0;z-index:150;display:block;background:transparent;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden;padding:0}.tour-spotlight{position:absolute;box-shadow:0 0 0 2000px #101a2bcc;border:2px solid #f2d79b;border-radius:18px;pointer-events:none;background:transparent;transition:none}.tour-sheet{position:absolute;left:12px;right:12px;bottom:12px;width:auto;max-width:none;margin:0;padding:18px 20px;background:var(--bg);border:1px solid #c7a86b;border-radius:19px;box-shadow:0 12px 40px #0007;max-height:55%;overflow:auto;animation:appear .18s;z-index:2;text-align:start;backdrop-filter:none}.tour-sheet h2{font-family:var(--title),Estedad;font-size:26px;margin:8px 0 3px;line-height:1.5;font-weight:400}.tour-sheet p{font-size:11px;line-height:2;color:var(--ink);margin:7px 0 13px}.tour-topline{display:flex;align-items:center;gap:8px;color:var(--accent2);font-size:7px;letter-spacing:1px}.tour-topline svg{width:20px;height:20px}.tour-topline b{margin-inline-start:auto;font-size:10px;font-weight:500}.tour-sheet .two{margin-top:14px}.tour-sheet .button{min-height:42px;padding:10px;font-size:11px}.tour-sheet .skip{display:block;width:100%;padding:11px 0 0;background:transparent;color:var(--muted);font-size:9px;text-decoration:none;margin:0}.tour-dots{display:flex;gap:5px;direction:ltr}.tour-dots i{height:3px;flex:1;background:var(--line);border-radius:3px}.tour-dots .done{background:var(--accent2)}.tour-dots .current{background:var(--accent)}[data-theme=modern] .tour-sheet h2,[lang=en] .tour-sheet h2{font-family:Estedad;font-size:19px;font-weight:700}#tour-layer~*{filter:none}.tour-emblem{display:none}
@media(max-height:740px){.home-art{height:212px;padding-top:141px}.home-sigil{width:100px;height:100px;top:19px}.arcana-invite{height:168px}.arcana-invite-copy{padding:19px}.arcana-invite-copy b{font-size:38px}.arcana-table .arena{min-height:170px}.arcana-table .hand-zone{height:172px}.arcana-table .hand-cards{height:142px}.arcana-table .hand-caption{height:23px;font-size:8px}.arcana-table .seat .portrait{width:37px;height:37px}.arcana-table .seat .mini-hand{display:none}.arcana-table .seat .name{font-size:9px}.arcana-table .seat .role{font-size:7px}.arcana-table .trick-card{top:calc(62% - 36px)}.arcana-table .power-tray{min-height:51px;padding-block:4px}.tour-sheet{padding:14px 17px}.tour-sheet h2{font-size:24px}.tour-sheet p{font-size:10px}.hero-art{height:225px}}
@media(max-height:620px){.arcana-table .scorebar{height:39px}.arcana-energy{height:27px}.arcana-table .arena{min-height:144px}.arcana-table .hand-zone{height:158px}.arcana-table .hand-card{height:65px;width:49px}.arcana-table .hand-card.row1{top:61px}.arcana-table .controls{height:50px}.arcana-table .seat .portrait{width:28px;height:28px}.arcana-table .seat-2{top:4px}.arcana-table .seat .role{display:none}.arcana-table .trick-card{height:61px;width:43px;left:calc(50% - 21.5px);top:calc(59% - 30.5px)}.arcana-table .turn-label{font-size:8px}.arcana-table .trick-card.p0{transform:translateY(23px) rotate(-8deg)}.arcana-table .trick-card.p2{transform:translateY(-23px) rotate(4deg)}.power-control b{font-size:9px}.power-orb{width:23px}.power-orb svg{width:22px}.power-control{gap:5px;padding:4px 7px}.tour-sheet p{line-height:1.8;font-size:10px}.tour-sheet .two{margin-top:10px}.tour-sheet h2{font-size:22px}.tour-sheet{max-height:55%}}
@media(max-width:350px){.home-art p{max-width:120px;font-size:9px}.home-art .theme-tag{max-width:133px}.vault-grid{gap:9px}.vault-pack-copy{padding:10px}.vault-pack-art{height:128px}.vault-pack h2{font-size:19px}.power-tile{padding:13px;gap:10px}.power-gem{width:49px;height:57px}.arcana-invite-copy>span{max-width:180px}.arcana-energy{padding-inline:12px}.power-control{gap:5px;padding-inline:6px}.power-control b{font-size:9px}.power-control small{font-size:6px}.energy-dots{gap:2px}}
@media(prefers-reduced-motion:reduce){.mythic-arrival{display:none}.hero-art>img,.vault-pack{transition:none}}
.tour-sheet{animation:none}.tour-topline>b{direction:ltr;unicode-bidi:embed}
.paid-styles{margin-top:20px}.paid-style{display:flex;align-items:center;justify-content:space-between;border-block-end:1px solid var(--line);padding:13px 2px;gap:10px}.paid-style b{font-size:11px}.paid-style button{width:auto;min-height:35px;padding:8px 15px;font-size:10px}
@media(min-height:621px) and (max-height:740px){.arcana-table .hand-zone{height:182px}}
.hero-xp-track{height:5px;border-radius:6px;background:var(--soft);overflow:hidden;margin:-3px 0 16px}.hero-xp-track i{display:block;height:100%;background:linear-gradient(90deg,#b49055,var(--accent2));border-radius:6px}

.patron-badge{display:inline-flex;align-items:center;gap:4px;font-size:7px;color:#a58244;margin-inline-start:8px}.patron-badge svg{width:12px;height:12px}