/* Rank materials and Greek ceremonies. Body copy keeps a high-contrast reading surface. */
:root{--rank-edge:var(--line);--rank-metal:var(--accent);--rank-shadow:transparent;--rank-gem:var(--accent);--rank-radius:16px;--rank-art:none}
:root[data-skin="Iron"]{--rank-metal:#AAB2BE;--rank-edge:#505963;--rank-radius:8px;--rank-shadow:#AAB2BE08}
:root[data-skin="Bronze"]{--rank-metal:#C59A65;--rank-edge:#78583B;--rank-radius:10px;--rank-shadow:#BE8A4820}
:root[data-skin="Silver"]{--rank-metal:#CFDDEB;--rank-edge:#8492A3;--rank-radius:13px;--rank-shadow:#CADAE71A}
:root[data-skin="Gold"]{--rank-metal:#E6C16E;--rank-edge:#8B7443;--rank-gem:#F1DDAC;--rank-shadow:#CBA85023}
:root[data-skin="Platinum"]{--rank-metal:#86D9CE;--rank-edge:#427D7A;--rank-gem:#D6F9EF;--rank-radius:19px;--rank-shadow:#68CFC51F}
:root[data-skin="Diamond"]{--rank-metal:#B9D2FF;--rank-edge:#647CA8;--rank-gem:#EBF5FF;--rank-radius:9px;--rank-shadow:#7EAEED24}
:root[data-skin="Champion"]{--rank-metal:#D8B66F;--rank-edge:#925344;--rank-gem:#D3564A;--rank-radius:13px;--rank-shadow:#C54D3428}
:root[data-skin="Titan"]{--rank-metal:#C3B6A7;--rank-edge:#6A4A36;--rank-gem:#FF9A4D;--rank-radius:7px;--rank-shadow:#F0843028}
:root[data-skin="Legend"]{--rank-metal:#E8CD8F;--rank-edge:#9B8659;--rank-gem:#C7A3E6;--rank-radius:21px;--rank-shadow:#D8B86B22}
:root:not([data-mode="light"])[data-skin="Iron"]{--bg:#0E1115;--surface:#181D23;--surface2:#222933;--line:#353E49;--text:#E6EBF1;--muted:#A2ADB9}
:root:not([data-mode="light"])[data-skin="Bronze"]{--bg:#14100D;--surface:#211B16;--surface2:#2C241D;--line:#493C2F;--text:#F2E8D8;--muted:#B8AA98}
:root:not([data-mode="light"])[data-skin="Silver"]{--bg:#0D131B;--surface:#192330;--surface2:#253142;--line:#3D4E63;--text:#ECF3FA;--muted:#A8BACB}
:root:not([data-mode="light"])[data-skin="Gold"]{--bg:#15120C;--surface:#241F16;--surface2:#30291D;--line:#53452C;--text:#F5EDD9;--muted:#BEAF90}
:root:not([data-mode="light"])[data-skin="Platinum"]{--bg:#0A1518;--surface:#13262B;--surface2:#1C343B;--line:#34575E;--text:#E1F5F2;--muted:#A0BFBD}
:root:not([data-mode="light"])[data-skin="Diamond"]{--bg:#0D1220;--surface:#192137;--surface2:#242E49;--line:#3D4F77;--text:#EAF1FF;--muted:#ABBADC}
:root:not([data-mode="light"])[data-skin="Champion"]{--bg:#170D10;--surface:#29171C;--surface2:#392127;--line:#60353D;--text:#F7E9DA;--muted:#C4A9A3}
:root:not([data-mode="light"])[data-skin="Titan"]{--bg:#0D0F12;--surface:#1B1D21;--surface2:#27292E;--line:#4C4138;--text:#EEE7DE;--muted:#B6AA9D}
:root:not([data-mode="light"])[data-skin="Legend"]{--bg:#11101A;--surface:#211D2C;--surface2:#2D273B;--line:#55465E;--text:#F5EDDA;--muted:#C5B9D0}
:root[data-mode="light"][data-skin]{--surface:#FEFEFC;--surface2:color-mix(in srgb,var(--rank-metal) 12%,#F7F7F5);--bg:color-mix(in srgb,var(--rank-metal) 9%,#F0F2F5);--text:#1C2029;--muted:#54616F;--line:color-mix(in srgb,var(--rank-metal) 38%,#C8CED5)}
body{transition:background-color .45s,color .3s}
html[data-skin] body{background:radial-gradient(ellipse at 50% 0,var(--rank-shadow),transparent 65%),var(--bg)}
#rankWorld{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(180deg,var(--bg) 0%,transparent 25%,var(--bg) 96%),var(--rank-art);background-size:cover;background-position:center 38%;opacity:.18;transition:opacity .5s}
html[data-mode="light"] #rankWorld{opacity:.08}
html[data-skin] .card{position:relative;border-radius:var(--rank-radius);border:1px solid var(--rank-edge);background:linear-gradient(140deg,color-mix(in srgb,var(--rank-metal) 5%,transparent),transparent 48%),var(--surface);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--rank-metal) 15%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--rank-metal) 3%,transparent),0 9px 30px #0002}
html[data-skin] .card>h2,html[data-skin] .row>h2{color:var(--rank-metal);text-shadow:none}
html[data-skin] .top h1{color:var(--text);letter-spacing:1.2px;text-shadow:0 1px 1px #0006}
html[data-skin] .pill.acc,html[data-skin] .chip.on{border:1px solid color-mix(in srgb,var(--rank-metal) 45%,transparent)}
html[data-skin] .tile{background:linear-gradient(160deg,color-mix(in srgb,var(--rank-metal) 4%,var(--surface2)),var(--surface));border:1px solid var(--line);border-radius:calc(var(--rank-radius) * .7);box-shadow:inset 0 1px 0 #FFFFFF05}
html[data-skin] .btn.primary{border:1px solid color-mix(in srgb,var(--rank-metal) 80%,#fff);box-shadow:inset 0 1px 0 #FFF7DC66,inset 0 -2px 0 #0003,0 5px 16px var(--rank-shadow);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 75%,#FFF0D0),var(--accent) 45%,color-mix(in srgb,var(--accent) 85%,#000));border-radius:calc(var(--rank-radius) * .6)}
html[data-skin] .bar{border:1px solid var(--line);padding:1px;background:var(--bg)}
html[data-skin] .bar>i{box-shadow:inset 0 1px 0 #FFF7DD55;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 65%,#000),var(--accent))}
html[data-skin] .brand{border-bottom:1px solid color-mix(in srgb,var(--rank-metal) 28%,transparent);padding-bottom:13px;margin-bottom:3px}
html[data-skin] nav.tabs{background:color-mix(in srgb,var(--bg) 94%,transparent);border-top:1px solid var(--rank-edge);box-shadow:0 -5px 24px var(--rank-shadow)}
.rank-ui-icon{display:grid;place-items:center;position:relative;width:27px;height:27px;flex:none}
.rank-ui-icon svg{position:relative;z-index:1}
html[data-skin] .rank-ui-icon::before{content:"";position:absolute;inset:-2px;border:1px solid color-mix(in srgb,var(--rank-metal) 24%,transparent);border-radius:5px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rank-metal) 4%,transparent)}
html[data-skin="Iron"] .rank-ui-icon::before{border-radius:2px;border-style:dashed}
html[data-skin="Bronze"] .rank-ui-icon::before{border-radius:8px 2px 8px 2px;border-color:#9C764F66}
html[data-skin="Silver"] .rank-ui-icon::before{border-radius:50%;border-color:#B3C6DC55}
html[data-skin="Gold"] .rank-ui-icon::before,html[data-skin="Platinum"] .rank-ui-icon::before{inset:-3px;border-radius:50%;border-left-width:2px;border-right-width:2px;border-top-color:transparent;border-bottom-color:transparent}
html[data-skin="Diamond"] .rank-ui-icon::before{inset:-1px;transform:rotate(45deg);border-color:#B9D2FF65;box-shadow:inset 0 0 0 2px #ADC9FF08}
html[data-skin="Champion"] .rank-ui-icon::before{border-radius:45% 45% 8px 8px;border-bottom:2px solid #D8B66F99;background:linear-gradient(#B94A2A12,transparent)}
html[data-skin="Titan"] .rank-ui-icon::before{border-radius:0;border-color:#C3B6A755;border-bottom:2px solid #F8903877;transform:skewY(-7deg)}
html[data-skin="Legend"] .rank-ui-icon::before{inset:-4px;border-radius:50%;border:1px solid #E8CD8F66;box-shadow:0 0 0 2px #C7A3E610,inset 0 0 0 2px #E8CD8F13}
html[data-skin="Legend"] .rank-ui-icon::after{content:"";position:absolute;width:4px;height:6px;top:-8px;background:linear-gradient(#F8EAC5,#B995C9);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
html[data-skin="Gold"] .card,html[data-skin="Platinum"] .card{border-top-width:2px}
html[data-skin="Gold"] .card::after,html[data-skin="Platinum"] .card::after,html[data-skin="Diamond"] .card::after,html[data-skin="Champion"] .card::after,html[data-skin="Titan"] .card::after,html[data-skin="Legend"] .card::after{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--rank-metal) 9%,transparent);border-radius:calc(var(--rank-radius) - 4px);pointer-events:none}
html[data-skin="Diamond"] .card{background:linear-gradient(125deg,#B4CEFF0A 0 4%,transparent 4% 94%,#A3C7FF0A 94%),var(--surface)}
html[data-skin="Champion"] .card{border-top:2px solid #C7A261;box-shadow:inset 0 5px 15px #8E30201C,0 8px 24px #0003}
html[data-skin="Champion"] .top h1{letter-spacing:2px;color:#F1D399}
html[data-skin="Titan"] .card{background:linear-gradient(145deg,#E9892810,transparent 14% 85%,#D56E1C0D),var(--surface);border-top-color:#BA7B48}
html[data-skin="Titan"] .top h1{color:#F2D0A4;text-shadow:0 2px 0 #000,0 0 13px #B7651C25}
html[data-skin="Legend"]{--font-display:Georgia,'Times New Roman',serif}
html[data-skin="Legend"] .top h1{font-size:34px;letter-spacing:2.2px;color:#E8CD8F;font-weight:600}
html[data-skin="Legend"] .card{border-top:2px solid #D1B371;box-shadow:inset 0 1px 0 #F8E6AE35,inset 0 0 0 4px #E8CD8F05,0 8px 28px #08060E55}
html[data-skin="Legend"] .card>h2{font-size:19px;letter-spacing:.8px;font-weight:500}
html[data-skin="Legend"] .brand .brand-name{letter-spacing:1.9px;background:linear-gradient(#FAEBC3,#D9B86A);background-clip:text;-webkit-background-clip:text}
html[data-skin="Legend"] .seg{border:1px solid #B99A5D55;padding:3px;border-radius:12px}
html[data-skin="Legend"] .seg button.on{box-shadow:inset 0 0 0 1px #E8CD8F45;background:linear-gradient(#E8CD8F1F,#B195CA18)}
html[data-mode="light"][data-skin] .top h1,html[data-mode="light"][data-skin] .card>h2{color:var(--accent);text-shadow:none}
.reward-object{display:inline-block;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 3px 3px #0007);flex:none}
.reward-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 38% 25%,color-mix(in srgb,var(--reward-color,#A7B1C0) 16%,#1D222A),#0E1117 75%);border:1px solid color-mix(in srgb,var(--reward-color,#A7B1C0) 60%,#444);box-shadow:inset 0 0 0 3px #0003}
.reward-avatar .reward-object{width:92%;height:92%}
.profile-identity{isolation:isolate;padding-top:24px!important;padding-bottom:22px!important}
.profile-identity .profile-banner-stage{position:relative;display:grid;justify-items:center;align-content:start;flex:none}
.relic-banner .banner-art{filter:drop-shadow(0 6px 5px #0006)}
.relic-frame>svg{filter:drop-shadow(0 2px 2px #0009)!important}
.relic-frame::after{display:none!important}
.frame-pick-preview{display:grid;place-items:center;margin:22px 15px 18px}
.cosmetic-picks{gap:10px!important}.cosmetic-picks .pick{min-width:98px;padding:12px 10px;gap:8px}.cosmetic-picks .pick>span{max-width:105px;line-height:1.3}
.cosmetic-picks .pick.lock{opacity:.67}.cosmetic-picks .pick .reward-object{width:54px;height:54px}
/* Ceremonies use real themed scenery and a short, interruptible sequence. */
#rankup.ceremony{--ceremony-color:#E8CD8F;display:block!important;padding:0!important;overflow-x:hidden;overflow-y:auto;isolation:isolate;background:#070A10!important;animation:ceremonyEnter .45s ease!important;color:#F1EBDD;gap:0;font-family:var(--font-body)}
.ceremony-backdrop,.ceremony-shade,.ceremony-scenery{position:fixed;inset:0;pointer-events:none}
.ceremony-backdrop{background:var(--ceremony-art) center 48%/cover no-repeat;opacity:.74;transform:scale(1.08);transition:transform 7s cubic-bezier(.15,.6,.25,1),filter 3s,opacity 2s;filter:brightness(.72);z-index:-4}
.ceremony.phase-awaken .ceremony-backdrop{transform:scale(1.015);filter:brightness(.95);opacity:.95}
.ceremony.phase-reveal .ceremony-backdrop{transform:scale(1);filter:brightness(.65);opacity:.76}
.ceremony-shade{z-index:-3;background:linear-gradient(180deg,#05070DB8,transparent 24%,#05070D20 45%,#05070DEB 80%,#05070D 100%),radial-gradient(ellipse at 50% 34%,transparent 5%,#03050BA8 90%)}
.ceremony-scenery{z-index:-2;overflow:hidden;perspective:900px}
.ceremony-content{position:relative;min-height:100%;max-width:920px;margin:auto;padding:clamp(36px,7vh,72px) 20px 32px;display:flex;flex-direction:column;align-items:center;text-align:center}
.ceremony-kicker{font-size:10px;letter-spacing:3.8px;text-transform:uppercase;color:#DAD4C8;font-weight:700;margin:0 42px;min-height:14px}
.ceremony-story{font-family:Georgia,serif;color:var(--ceremony-color);font-size:clamp(18px,3.5vw,27px);letter-spacing:.8px;margin:16px 0 3px;text-shadow:0 2px 8px #000;min-height:34px;transition:opacity .4s}
.ceremony-skip{position:fixed;right:16px;top:calc(14px + env(safe-area-inset-top));z-index:4;border:1px solid #CDB98745;border-radius:20px;padding:10px 13px;background:#0B0C13BD;color:#E6DFD1;font-size:12px;min-height:40px;backdrop-filter:blur(8px)}
.ceremony-skip[hidden]{display:none}
.ceremony-stage{position:relative;width:clamp(240px,57vw,370px);height:clamp(245px,35vh,350px);min-height:245px;display:grid;place-items:center;margin:8px 0 0;perspective:1000px;isolation:isolate}
.ceremony-aura{position:absolute;inset:-15%;border-radius:50%;opacity:.1;background:radial-gradient(ellipse,var(--ceremony-color),transparent 64%);transition:opacity 1.4s,transform 3s;transform:scale(.7);z-index:-1}
.phase-awaken .ceremony-aura,.phase-reveal .ceremony-aura{opacity:.27;transform:scale(1.25)}
.ceremony-pedestal{position:absolute;bottom:5%;width:75%;height:12%;border-radius:50%;border-top:1px solid color-mix(in srgb,var(--ceremony-color) 55%,transparent);background:radial-gradient(ellipse,color-mix(in srgb,var(--ceremony-color) 22%,#10131A),#080A0FC9 68%);transform:rotateX(45deg);box-shadow:0 18px 20px #0005;z-index:-1}
.ceremony-previous,.ceremony-emblem,.ceremony-crate,.ceremony-treasure{position:absolute;display:grid;place-items:center;transition:opacity 1.1s,transform 1.5s cubic-bezier(.15,.7,.2,1),filter 1.3s}
.ceremony-previous{opacity:.65;transform:scale(.95);filter:brightness(.7)}
.ceremony-emblem{opacity:0;transform:translateY(32px) scale(.67);filter:brightness(.45) drop-shadow(0 10px 9px #0008)}
.phase-awaken .ceremony-previous,.phase-reveal .ceremony-previous{opacity:0;transform:scale(.85);filter:blur(4px)}
.phase-awaken .ceremony-emblem{opacity:1;transform:translateY(3px) scale(.98);filter:brightness(.95) drop-shadow(0 9px 9px #0008)}
.phase-reveal .ceremony-emblem{opacity:1;transform:translateY(0) scale(1);filter:brightness(1.05) drop-shadow(0 10px 11px #0008)}
.ceremony-crate{opacity:1;transform:translateY(0);filter:brightness(.85) drop-shadow(0 10px 10px #0009)}
.phase-awaken .ceremony-crate{opacity:.75;transform:translateY(-8px) scale(1.07);filter:brightness(1.25) drop-shadow(0 0 10px color-mix(in srgb,var(--ceremony-color) 25%,transparent))}
.phase-reveal .ceremony-crate{opacity:0;transform:translateY(-30px) scale(1.2);filter:blur(8px)}
.ceremony-treasure{opacity:0;transform:translateY(45px) scale(.7);filter:drop-shadow(0 4px 8px #000)}
.phase-reveal .ceremony-treasure{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 8px 12px #0008)}
.ceremony-treasure img{max-width:170px;max-height:170px;object-fit:contain;border-radius:10px!important}
.ceremony-result{opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .7s,transform .7s;max-width:620px;width:100%;pointer-events:none}
.phase-reveal .ceremony-result{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.ceremony-overline{color:var(--ceremony-color);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin:0 0 9px}
#rankup.ceremony h1{font:500 clamp(30px,5vw,52px)/1.12 Georgia,serif;color:var(--ceremony-color);letter-spacing:1px;text-transform:none;margin:0;text-shadow:0 3px 14px #000}
.ceremony-line{color:#D6D1C7;font-size:13px;line-height:1.6;margin:12px auto 15px;max-width:360px}
.ceremony-achievement{font-size:16px;font-weight:700;margin:7px 0;color:#F3EBDB}
.ceremony-rank-progress{display:flex;justify-content:center;align-items:center;gap:14px;font-size:11px;color:#C4BEB3;letter-spacing:1px;text-transform:uppercase;margin:12px 0}
.ceremony-rank-progress>span:last-child{color:var(--ceremony-color)}
.ceremony-stat{border:1px solid color-mix(in srgb,var(--ceremony-color) 25%,#24252C);border-radius:12px;background:#0C1019B8;padding:13px 16px;font-size:12px;line-height:1.7;max-width:400px;margin:auto;color:#CAC5BC;backdrop-filter:blur(8px)}
.ceremony-stat b{color:#F5EAD1}.ceremony-stat .small{font-size:11px;margin-top:4px;color:var(--ceremony-color)}
#rankup.ceremony .ceremony-continue{display:block;min-height:46px;min-width:230px;max-width:100%;padding:11px 24px;margin:21px auto 0;border:1px solid var(--ceremony-color);background:linear-gradient(145deg,color-mix(in srgb,var(--ceremony-color) 85%,#FFF5DC),var(--ceremony-color));color:#11141C;box-shadow:inset 0 1px 0 #FFF8E599,0 6px 24px #0005;font-family:var(--font-body);font-size:13px;font-weight:800;letter-spacing:.4px;animation:none!important}
.ceremony-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 0;max-width:560px;margin:auto}
.ceremony-cards .lcard{width:96px;animation:none!important;opacity:1!important;transform:none!important}
.ceremony-loot-summary{font-size:12px;line-height:1.6;color:#D3CEC4;margin:13px 0 0}
.ceremony-particle{position:absolute;left:var(--x);bottom:-25px;width:3px;height:3px;opacity:0;background:var(--ceremony-color);pointer-events:none;animation:ceremonyParticle var(--speed) var(--delay) linear infinite}
.particle-dust{width:2px;height:2px;background:#B8B5B0}.particle-spark{height:8px;width:1px;background:#DBA766}.particle-glint{clip-path:polygon(50% 0,62% 40%,100% 50%,62% 60%,50% 100%,38% 60%,0 50%,38% 40%);width:7px;height:7px}.particle-ember{width:3px;height:6px;border-radius:50%;background:#FFA34B;box-shadow:0 0 5px #E67F2844}.particle-bubble{width:7px;height:7px;border-radius:50%;border:1px solid #B3E9F066;background:transparent}.particle-crystal{width:7px;height:13px;clip-path:polygon(50% 0,100% 35%,70% 100%,0 60%);background:linear-gradient(50deg,#6581B4,#F7FCFF,#7790BE)}.particle-laurel{width:7px;height:14px;border-radius:100% 0 100% 0;background:linear-gradient(100deg,#725423,#E2BB68)}.particle-feather{width:5px;height:20px;border-radius:90% 0 90% 0;background:linear-gradient(90deg,#F4EBD0,#BBA06F);opacity:0}
.ceremony-laurel{position:absolute;width:clamp(350px,70vw,640px);height:clamp(350px,70vw,640px);left:50%;top:30%;transform:translate(-50%,-40%) scale(.78);opacity:0;transition:opacity 2s,transform 3s}
.phase-awaken .ceremony-laurel,.phase-reveal .ceremony-laurel{opacity:.55;transform:translate(-50%,-40%) scale(1)}
.olympus-horizon{position:absolute;inset:16% -50% 20%;background:radial-gradient(ellipse at 50% 60%,#EFDCA42B,transparent 58%);opacity:0;transition:opacity 3s}
.phase-awaken .olympus-horizon,.phase-reveal .olympus-horizon{opacity:1}
.ceremony-stars{position:absolute;left:10%;right:10%;width:80%;height:55%;top:5%;color:#EAD6A4;opacity:.12;transition:opacity 3s}
.phase-awaken .ceremony-stars{opacity:.7}.phase-reveal .ceremony-stars{opacity:.3}
.olympus-gates{position:absolute;inset:8% 8% 28%;perspective:1100px;opacity:1;transition:opacity 3s}
.gate{position:absolute;top:0;bottom:0;width:50%;border:2px solid #8C7548;background:repeating-linear-gradient(90deg,#0E1120 0 28px,#A98A4D55 29px 31px,#181A28 32px 58px),linear-gradient(#6E5C36,#121722);box-shadow:inset 0 0 0 8px #111624,inset 0 0 0 10px #BEA06355,0 0 25px #000;transition:transform 4.4s cubic-bezier(.15,.55,.18,1),opacity 4s;backface-visibility:hidden}
.gate::before,.gate::after{content:"";position:absolute;inset:10% 11%;border:1px solid #D8B86A66;border-radius:45% 45% 0 0}.gate::after{inset:14% 16%;border-color:#C6A56135}
.gate-left{left:0;transform-origin:left center}.gate-right{right:0;transform-origin:right center}
.gate i{position:absolute;left:15%;right:15%;height:4px;background:linear-gradient(#E8C87D,#715A30);top:25%}.gate i:nth-child(2){top:50%}.gate i:nth-child(3){top:75%}.gate b{position:absolute;inset:0;display:grid;place-items:center;font:70px Georgia,serif;color:#D7B773;text-shadow:0 2px 3px #000}
.phase-awaken .gate-left,.phase-reveal .gate-left{transform:rotateY(-105deg);opacity:.16}.phase-awaken .gate-right,.phase-reveal .gate-right{transform:rotateY(105deg);opacity:.16}.phase-reveal .olympus-gates{opacity:0}
.gate-light{position:absolute;inset:-20% 20%;background:linear-gradient(transparent,#F8E8B05E 40%,#E8D9B023 65%,transparent);filter:blur(10px);transform:scaleX(.05);opacity:0;transition:opacity 3s,transform 4s;z-index:-1}
.phase-awaken .gate-light{transform:scaleX(1.2);opacity:.85}.phase-reveal .gate-light{transform:scaleX(1.6);opacity:.28}
.basalt{position:absolute;width:44%;height:77%;top:5%;opacity:.95;transition:transform 3s cubic-bezier(.2,.6,.25,1),opacity 2s}.slab-left{left:0}.slab-right{right:0;transform:scaleX(-1)}
.phase-awaken .slab-left,.phase-reveal .slab-left{transform:translateX(-65%) rotate(-9deg);opacity:.35}.phase-awaken .slab-right,.phase-reveal .slab-right{transform:translateX(65%) scaleX(-1) rotate(-9deg);opacity:.35}
.lava-fissure{position:absolute;width:2px;left:50%;top:0;bottom:18%;background:linear-gradient(transparent,#F28A38,transparent);box-shadow:0 0 35px #E8742C;opacity:.15;transition:opacity 2s,transform 2s}.phase-awaken .lava-fissure{opacity:.6;transform:scaleX(3)}.phase-reveal .lava-fissure{opacity:0}
.ceremony-shard{position:absolute;top:10%;height:65%;width:30%;opacity:.8;background:linear-gradient(125deg,#0B234B9C,#9ACDFF55,#F4FBFF80,#31508D88);clip-path:polygon(45% 0,100% 20%,70% 100%,10% 75%,0 28%);transition:transform 3s,opacity 2s}.shard-left{left:5%;transform:rotate(-13deg)}.shard-right{right:5%;transform:rotate(13deg) scaleX(-1)}.phase-awaken .shard-left,.phase-reveal .shard-left{transform:translateX(-30%) rotate(-25deg);opacity:.25}.phase-awaken .shard-right,.phase-reveal .shard-right{transform:translateX(30%) rotate(25deg) scaleX(-1);opacity:.25}
.frost-floor{position:absolute;inset:50% -40% 15%;background:radial-gradient(ellipse,#B1D6FF36,transparent 65%);opacity:.6;transform:rotateX(30deg)}
.tide-ripples{position:absolute;inset:43% 0 16%;perspective:500px}.tide-ripples i{position:absolute;border-radius:50%;left:20%;right:20%;top:20%;bottom:20%;border:1px solid #8CE2DC66;transform:rotateX(65deg) scale(.7);animation:tideRipple 5s linear infinite}.tide-ripples i:nth-child(2){animation-delay:-1.6s}.tide-ripples i:nth-child(3){animation-delay:-3.3s}
.underwater-light{position:absolute;inset:-20% -40% 20%;background:conic-gradient(from 160deg at 50% 0,transparent,#76E5E911,transparent 10%,#76E5E919,transparent 20%);transform:rotate(-5deg);opacity:.6}
.arena-standard{position:absolute;top:5%;width:18%;height:58%;background:url(art-banner-ares-v2.webp) top center/contain no-repeat;opacity:.45;filter:brightness(.5)}.arena-standard.left{left:2%}.arena-standard.right{right:2%}
.wisdom-standard{position:absolute;inset:7% 25% 25%;background:url(art-banner-athena-v2.webp) center/contain no-repeat;opacity:.14}.wisdom-circle{position:absolute;inset:20% 20% 30%;border:1px solid #C1B6EB44;border-radius:50%;transform:scale(.8);transition:transform 3s,opacity 3s}.phase-awaken .wisdom-circle{transform:scale(1.4);opacity:.2}
.apollo-sun{position:absolute;left:50%;top:32%;width:420px;height:420px;margin:-210px;border-radius:50%;background:repeating-conic-gradient(#E5BB5B26 0 1deg,transparent 2deg 14deg);mask:radial-gradient(circle,transparent 15%,#000 35%,transparent 70%);opacity:.2;transition:opacity 3s,transform 4s}.phase-awaken .apollo-sun{opacity:.8;transform:rotate(15deg) scale(1.2)}.phase-reveal .apollo-sun{opacity:.3}
.silver-sweep{position:absolute;inset:0;background:linear-gradient(108deg,transparent 40%,#EDF6FF19 49%,transparent 58%);transform:translateX(-100%);transition:transform 3s}.phase-awaken .silver-sweep,.phase-reveal .silver-sweep{transform:translateX(100%)}.silver-ribbon{position:absolute;left:5%;right:5%;top:44%;height:1px;background:linear-gradient(90deg,transparent,#DAE7F2,transparent);opacity:.2}
.forge-floor{position:absolute;inset:50% -40% 0;background:radial-gradient(ellipse at 50% 100%,#D58A2823,transparent 60%)}.forge-strike{position:absolute;top:40%;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#D1C2A8,transparent);opacity:0;transition:opacity .5s}.phase-awaken .forge-strike{opacity:.6}.phase-reveal .forge-strike{opacity:0}
@keyframes ceremonyEnter{from{opacity:0}to{opacity:1}}
@keyframes ceremonyParticle{0%{opacity:0;transform:translate3d(0,0,0) rotate(var(--rotate))}15%{opacity:.65}80%{opacity:.3}100%{opacity:0;transform:translate3d(var(--drift),-90vh,0) rotate(calc(var(--rotate) + 90deg))}}
@keyframes tideRipple{0%{opacity:0;transform:rotateX(65deg) scale(.5)}15%{opacity:.5}100%{opacity:0;transform:rotateX(65deg) scale(2.3)}}
.ceremony-static .ceremony-backdrop{transform:none;filter:brightness(.6)}.ceremony-static .ceremony-scenery{display:none}.ceremony-static *{animation:none!important;transition:none!important}
.ceremony-low .ceremony-backdrop{transform:none!important}.ceremony-low .gate,.ceremony-low .basalt{transition-duration:1.5s}.ceremony-low .ceremony-particle:nth-of-type(n+9){display:none}
html[data-lite] #rankWorld,html[data-low] #rankWorld{background-image:linear-gradient(180deg,var(--rank-shadow),transparent);opacity:.3}
@media(max-height:680px){.ceremony-content{padding-top:32px}.ceremony-stage{height:220px;min-height:220px}.ceremony-kicker{margin-top:6px}.ceremony-story{font-size:19px;margin-top:12px}.ceremony-line{margin:8px 0 12px}#rankup.ceremony .ceremony-continue{margin-top:16px}.ceremony-emblem>span{max-width:190px!important;max-height:190px!important}}
@media(max-width:420px){.ceremony-content{padding-left:15px;padding-right:15px}.ceremony-cards{gap:7px}.ceremony-cards .lcard{width:86px}.olympus-gates{left:0;right:0}.gate b{font-size:54px}.cosmetic-picks .pick{min-width:91px}.profile-identity{padding-left:10px!important;padding-right:10px!important}html[data-skin="Legend"] .top h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){body,.ceremony-backdrop,.ceremony-result,.ceremony-emblem,.ceremony-previous,.ceremony-crate,.ceremony-treasure{transition:none!important}.ceremony-scenery{display:none}#rankup.ceremony{animation:none!important}.ceremony *{animation:none!important;transition:none!important}}

.ceremony-skipped *{animation:none!important;transition:none!important}

/* Sculpted title surrounds have individual silhouettes and hand-aligned openings. */
.frame-pick-preview{margin:62px 38px 48px!important}
.cosmetic-picks .pick:has(.frame-pick-preview){min-width:160px;flex:1 0 145px;max-width:230px}
.relic-frame>svg.sculpted-frame{filter:drop-shadow(0 4px 3px #0008)!important}