/* V1.5 enhancement B: compact tabs and rounded game details. */
.talent-footer .tabs button{background:linear-gradient(135deg,#735181,#55416e);}
.talent-footer .tabs button.active{background:linear-gradient(120deg,#ef9cdb,#b78aee 70%,#a881ed);}
.talent-footer .tabs button .cute-tab-star{width:26px;height:26px;flex:none;color:#fff1b5;filter:drop-shadow(0 1px 1px #754a8b55)}
.talent-footer .tabs button{height:42px;min-height:42px;padding-top:7px;padding-bottom:7px}
.talent-footer .tabs button.active:before{content:'';inset:-12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='m40 7 10 21 23 3-17 16 4 24-20-11-21 11 4-24L6 31l24-3Z' fill='%23fff' fill-opacity='.14' stroke='%23fff' stroke-opacity='.14' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:53px 53px;rotate:-15deg}
.bottom-categories button{position:relative;isolation:isolate;overflow:hidden;height:50px;min-height:50px;padding-top:2px;padding-bottom:2px;background:linear-gradient(145deg,#302d4a,#242138);border-color:#8e80ad4d;color:#bcb3cf}
.bottom-categories button[data-theme=all]{--tab-start:#afbeff;--tab-end:#7266c9}
.bottom-categories button[data-theme=life]{--tab-start:#49e3bc;--tab-end:#208b86}
.bottom-categories button[data-theme=play]{--tab-start:#61d9ff;--tab-end:#347bd8}
.bottom-categories button[data-theme=style]{--tab-start:#c9a0ff;--tab-end:#8c4bd5}
.bottom-categories button[data-theme=social]{--tab-start:#ff9ab7;--tab-end:#d14f85}
.bottom-categories button.active{background:linear-gradient(135deg,var(--tab-start),var(--tab-end));color:#fff;border-color:#ffffffa8;box-shadow:inset 0 -2px #ffffff22}
.bottom-categories button.active:before{content:'';position:absolute;inset:-5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='m40 7 10 21 23 3-17 16 4 24-20-11-21 11 4-24L6 31l24-3Z' fill='%23fff' fill-opacity='.17' stroke='%23fff' stroke-opacity='.17' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:39px 39px;rotate:-17deg;z-index:-1;pointer-events:none}
.bottom-categories button:not(.active) svg{opacity:.7;color:var(--bubble-color)}
.road-skill .node-state-badge{width:25px;height:25px;border-width:1.5px;border-radius:9px;animation:none!important;box-shadow:0 2px 5px #251e4855!important}
.road-skill .node-state-badge svg{width:16px;height:16px}
.road-skill[data-node-state=upgrade] .node-state-badge{background:linear-gradient(135deg,#8de4ff,#4798ed);color:#fff;border-color:#d6f5ff}
.road-skill[data-node-state=ready] .node-state-badge{background:linear-gradient(135deg,#fff0a6,#f1bd53);color:#fffaf0;border-color:#fff5c7}
.road-skill[data-node-state=pre] .node-state-badge{background:linear-gradient(135deg,#e7a9c6,#aa6f9c);color:#fff3ff;border-color:#ffe2f2}
.road-skill[data-node-state=upgrade] small{color:#b7e9ff}
.road-skill[data-node-state=upgrade]{outline-color:#9dd6ff99}
.atlas-canvas .level-row:before{display:none}
.axis-link15{position:absolute;display:block;width:3px;background:#bda6e033;pointer-events:none;z-index:0;border-radius:3px}
.axis-link15:after{content:'';position:absolute;inset:0 0 auto;height:var(--progress);border-radius:3px;background:linear-gradient(#d2c4ff,#f2d5fc,#a6ddff);box-shadow:0 0 6px #cbb8ff99;animation:axis-glow-b15 4s ease-in-out infinite}
@keyframes axis-glow-b15{50%{filter:brightness(1.22);box-shadow:0 0 8px #cbb8ffbb}}
.screen.dream-pinkblue15{background-image:radial-gradient(ellipse at 3% 25%,#ca74b942,transparent 55%),radial-gradient(ellipse at 94% 57%,#59a5db42,transparent 53%),linear-gradient(150deg,#bd91d00d,#71c1fb18),url('assets/dream-sky.svg')}
.screen>.meteor-sky15{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.meteor-sky15 i{position:absolute;top:12%;left:76%;height:1px;width:47px;border-radius:100%;background:linear-gradient(90deg,transparent,#d3eaffaa);opacity:0;transform:rotate(140deg);animation:meteor-b15 19s 4s linear infinite}
.meteor-sky15 i+ i{top:38%;left:96%;width:32px;animation-duration:27s;animation-delay:12s}
@keyframes meteor-b15{0%,88%,100%{opacity:0;transform:translate(0,0) rotate(140deg)}89%{opacity:.6}94%{opacity:0;transform:translate(-185px,155px) rotate(140deg)}}
.modal .star-button15{position:relative;isolation:isolate;overflow:hidden;flex-shrink:0}
.modal .star-button15:before{content:'';position:absolute;inset:-12px;z-index:-1;pointer-events:none;rotate:-14deg;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='m40 7 10 21 23 3-17 16 4 24-20-11-21 11 4-24L6 31l24-3Z' fill='%23fff' fill-opacity='.2' stroke='%23fff' stroke-opacity='.2' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:46px 46px}
.modal .secondary{min-height:44px;height:auto;line-height:1.5;padding:11px 12px;margin-top:10px;white-space:normal;overflow-wrap:anywhere;font-size:12px;font-weight:700;display:block;box-sizing:border-box;flex:none}
.modal .view-blue15,.modal .primary.view-blue15{background:linear-gradient(125deg,#7ac7f5,#548bd5)!important;color:#fff!important;border:0}
.modal .later-purple15{background:linear-gradient(125deg,#baa0dd,#9474bc)!important;color:white!important;border:0}
.modal .next-rank{width:100%;min-height:46px;line-height:1.55;padding:11px 12px;margin:10px 0 0;flex:none}
.celebration-b15{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:20;overflow:visible}
.celebration-b15 strong{position:absolute;width:68px;height:68px;color:#fff0b5;filter:drop-shadow(0 0 16px #f3bfeb);animation:hero-star-b15 1.35s both}
.celebration-b15 strong svg{width:100%;height:100%}
.halo-b15{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#ffe7a555,#dbadff33 45%,transparent 68%);animation:halo-b15 1.6s both}
.orbit-b15{position:absolute;width:65px;height:65px;border:2px solid #fff1b7;border-radius:50%;box-shadow:0 0 15px #ffc7ed,inset 0 0 13px #b8dcff;animation:orbit-b15 1.5s both}
.orbit-b15.second{border-color:#c9e9ff;animation-delay:.19s;transform:rotateX(55deg)}
.celebration-b15 i{position:absolute;width:15px;height:15px;color:var(--hue);filter:drop-shadow(0 0 4px var(--hue));animation:spray-b15 1.65s var(--lag) both}
.celebration-b15 i svg{width:100%;height:100%}
.celebration-b15 i.confetti-b15{width:5px;height:12px;border-radius:2px;background:var(--hue);filter:none}
@keyframes spray-b15{0%{opacity:0;transform:translate(0,0) scale(.15)}12%{opacity:1}65%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn)) scale(.5)}}
@keyframes hero-star-b15{0%{opacity:0;transform:scale(.25) rotate(-30deg)}25%{opacity:1;transform:scale(1.15) rotate(10deg)}100%{opacity:0;transform:scale(1.6) rotate(35deg)}}
@keyframes halo-b15{0%{opacity:0;scale:.4}25%{opacity:1}100%{opacity:0;scale:1.7}}
@keyframes orbit-b15{0%{opacity:0;scale:.4}20%{opacity:.9}100%{opacity:0;scale:5}}
.reduced .meteor-sky15,.reduced .celebration-b15{display:none}.reduced .axis-link15:after{animation:none}
@media(prefers-reduced-motion:reduce){.meteor-sky15,.celebration-b15{display:none}.axis-link15:after{animation:none}}