/* Stable navigation; the shop dock contains Home, Shop and Information only. */
#sceneNav,#shop-dock{--slot:68px;--art:32px;gap:5px;padding:9px!important;border-radius:19px;max-width:calc(100vw - 24px);background:linear-gradient(125deg,#ffffff18,#f0cddd12),#233f43ed!important}
#sceneNav button,#shop-dock button{height:59px!important;grid-template-rows:32px 16px;align-content:center;gap:5px;padding:3px 2px!important;border-radius:12px}
#sceneNav button>b,#shop-dock button>span{position:static!important;grid-row:2;left:auto!important;top:auto!important;width:auto;font-size:11px!important;line-height:16px!important;white-space:nowrap;transform:none!important;text-shadow:0 1px 2px #0005}
#sceneNav button:after{display:none!important}
#sceneNav .scene-nav-separator{display:block;flex:0 0 1px;width:1px;height:36px;margin-inline:7px;border-radius:1px;background:#e9dfe47a;pointer-events:none}
#sceneNav button.active,#shop-dock button[aria-current=page]{background:#f9d6e526!important;box-shadow:inset 0 0 0 1px #f8d6e66b!important}
#sceneNav button.active>b,#shop-dock button[aria-current=page]>span{color:#ffe3ee!important}
.dock-pages{display:flex;align-items:center;justify-content:center;gap:5px}
body[data-view=shop] .store-scroll{padding-bottom:116px}
@media(hover:hover){#sceneNav button:hover,#shop-dock button:hover{background:#ffffff12!important}}
@media(max-width:600px){
 #sceneNav{--slot:70px;--art:29px;padding:7px!important;gap:2px}
 #sceneNav .scene-nav-separator{margin-inline:4px}
 body:is([data-view=overview],[data-view=information]):not(.chat-visible) #chat-toggle{bottom:max(100px,calc(env(safe-area-inset-bottom) + 88px))}
 #sceneNav button{height:56px!important;grid-template-rows:29px 16px}
 #shop-dock{width:min(240px,calc(100vw - 24px));box-sizing:border-box;padding:7px!important}
 #shop-dock .dock-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:2px}
 #shop-dock button{width:100%!important;height:51px!important;grid-template-rows:27px 15px;gap:2px;padding:2px!important}
 #shop-dock button>span{font-size:10px!important;line-height:15px!important}
 body[data-view=shop] .store-scroll{padding-bottom:104px}
}
@media(max-width:360px){#sceneNav{--slot:64px;gap:1px}}

/* Ticket edges and a pastel foil header, drawn behind the readable ranking data. */
.community-shell .rank-board{--foil-a:#d3e9d9;--foil-b:#f4d7df;--foil-c:#e8dfb8;position:relative;isolation:isolate;border-color:#dfcdd5;border-radius:15px;background:#fffdfb;box-shadow:0 3px 7px #7751620a,0 12px 24px #72566a0c;transition:transform .25s ease,box-shadow .25s ease;mask-image:radial-gradient(circle at left 78px,transparent 6px,#000 6.7px),radial-gradient(circle at right 78px,transparent 6px,#000 6.7px);mask-composite:intersect}
.community-shell .rank-topup{--foil-a:#ded3ed;--foil-b:#f4d9e5;--foil-c:#c9e6df;border-color:#dccde6}
.community-shell .rank-gacha{--foil-a:#efd8cf;--foil-b:#d2e7de;--foil-c:#eedeb7;border-color:#e4d3c6}
.community-shell .rank-board:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#ffffff50,#fffcfaee 115px),conic-gradient(from 115deg at 60% 25%,var(--foil-a),var(--foil-b),var(--foil-c),var(--foil-a),#f5e7ed,var(--foil-b),var(--foil-a))}
.community-shell .rank-board:after{content:"";position:absolute;z-index:-1;left:-25%;top:0;width:150%;height:80px;pointer-events:none;background:linear-gradient(110deg,transparent 23%,#ffffff85 38%,#f0dae985 48%,#ccece18a 57%,transparent 73%);transform:translateX(-22%);animation:sakura-ticket-foil 8s ease-in-out infinite alternate;animation-play-state:paused}
body[data-view=overview] .rank-board:after{animation-play-state:running}
.community-shell .rank-board-head{min-height:78px;box-sizing:border-box;padding:15px 18px;background:transparent;border-bottom:1px dashed #bca4af8a}
.community-shell .rank-currency-icon{border-color:#d8b46d;background:linear-gradient(140deg,#fff9e9,#fae9bf);box-shadow:inset 0 1px #fff,0 3px 8px #8f6e3010}
.community-shell .rank-topup .rank-currency-icon{background:linear-gradient(140deg,#fffaff,#e9ddf5);border-color:#c9b2dd}
.community-shell .rank-gacha .rank-currency-icon{background:linear-gradient(140deg,#fff8ed,#f7dec6);border-color:#dfbd98}
.rank-coin{display:block;width:29px;height:29px}
.community-shell .rank-list{background:#fffdfbdc;min-height:0}
.community-shell .rank-row{border-bottom-color:#ecdee64d}
.community-shell .rank-row[data-place="1"]{background:linear-gradient(100deg,#fff1d8,#fff7e9b0)}
.community-shell .rank-updated{border-top:1px dashed #ccb5bf80;background:#fffcfa95}
@keyframes sakura-ticket-foil{to{transform:translateX(22%)}}
@media(hover:hover){.community-shell .rank-board:hover{transform:translateY(-3px);box-shadow:0 4px 9px #77516212,0 15px 28px #72566a14}}

/* User's soft 3D ring, reduced to a useful running/stop indicator inside the button. */
#gacha-panel .gacha-controls #gacha-spin-five{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;min-width:165px;height:52px;box-sizing:border-box}
#gacha-spin-five .auto-label{position:relative;z-index:2;order:2;white-space:nowrap}
#gacha-spin-five .auto-orbit{order:1;position:relative;display:block;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#e8dce4;box-shadow:3px 3px 6px #572d4830,inset 2px 2px 4px #ffffffbb,inset -1px -1px 3px #5b365e35;pointer-events:none}
.auto-orbit-circle{position:absolute;inset:5px;border-radius:50%;background:#c5d6d4;box-shadow:2px 2px 3px #46334733,inset 1px 1px 2px #ffffffb3}
.auto-orbit-circle:before{content:"";position:absolute;inset:1px;border-radius:50%;background:conic-gradient(#a44072,#f4b3ce,#9bd9c6,#796ba7,#a44072);animation:sakura-auto-orbit 1.6s linear infinite}
.auto-orbit-circle:after{content:"";position:absolute;inset:5px;border-radius:50%;background:linear-gradient(145deg,#f2e8ee,#cadbd7);box-shadow:inset 1px 1px 2px #fff8}
.auto-orbit-circle i{position:absolute;inset:9px;border-radius:1px;background:#844363;z-index:1}
#gacha-panel .gacha-controls #gacha-spin-five:is(.is-auto-active,.is-auto-stopping){background:linear-gradient(130deg,#814367,#513c61)!important;border-color:#d9bfdc!important;box-shadow:0 5px 0 #3e2a4d,0 8px 14px #643d5e24}
#gacha-spin-five.is-auto-stopping .auto-orbit-circle:before{animation-duration:2.8s}
@keyframes sakura-auto-orbit{to{transform:rotate(360deg)}}
@media(max-width:600px){
 #gacha-panel .gacha-controls #gacha-spin-five{min-width:0;gap:5px;padding:8px 6px!important;font-size:11px}
 #gacha-spin-five .auto-orbit{flex-basis:28px;width:28px;height:28px;border-radius:9px}
 .auto-orbit-circle{inset:4px}.auto-orbit-circle:after{inset:4px}.auto-orbit-circle i{inset:7px}
}
@media(prefers-reduced-motion:reduce){
 .community-shell .rank-board{transition:none;transform:none!important}
 .community-shell .rank-board:after,.auto-orbit-circle:before{animation:none!important}
}