body{font-size:17px;line-height:1.8}
.utility-bar{background:#160b09;border-bottom:1px solid #ffffff20;color:#f7e8d2}
.utility-inner{max-width:var(--max);min-height:54px;margin:auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.utility-brand{display:flex!important;align-items:center;padding:.3rem 0!important;border:0!important;background:transparent!important}
.utility-brand img{display:block;width:auto;height:42px;object-fit:contain}
.utility-inner nav{display:flex;align-items:center}
.utility-inner a{display:block;padding:.8rem 1.2rem;color:#fff4e5;text-decoration:none;font:700 1rem/1.2 "PingFang TC","Microsoft JhengHei",sans-serif;border-left:1px solid #ffffff1c;transition:.2s}
.utility-inner a:last-child{border-right:1px solid #ffffff1c}
.utility-inner a:hover,.utility-inner a:focus-visible{background:#9d281d;color:#fff}
.section-nav span{font-size:1rem}
.intro>p:not(.eyebrow){max-width:800px;font-size:1.16rem}
.entry-card span{font-size:1.08rem}
.entry-card small{font-size:.92rem}
.lead{font-size:1.14rem}
.table-wrap table{font-size:1rem}
.treasure-grid p{font-size:1rem}
.days-grid b{font-size:.86rem}
.days-grid span{font-size:.9rem}
.days-grid strong{font-size:1.12rem;line-height:1.45}
.shop-grid p{font-size:1.02rem}
.shop-grid small{font-size:.92rem}
.back-top{padding:.7rem 1rem;font-size:1.08rem}
.note{font-size:1rem}
.discount{font-size:.92rem}
.milestones strong{font-size:1.02rem}
footer{background:#050505;border-top:1px solid #33241f;color:#d8c7bb;text-align:left;padding:1.25rem 2rem;font:400 .82rem/1.65 "PingFang TC","Microsoft JhengHei",sans-serif}
.footer-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.6rem}
.footer-logos{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin:0}
.footer-logos img{max-height:45px;width:auto}
.footer-copy p{margin:.15rem 0}
.footer-copy span{color:#d7ab57}
.rating{width:45px;height:45px;object-fit:contain}
@media(max-width:680px){
  .utility-inner{padding:.45rem .75rem;align-items:flex-start;flex-direction:column;gap:.25rem}
  .utility-brand img{height:36px}
  .utility-inner nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}
  .utility-inner a{text-align:center;padding:.72rem .25rem;font-size:.92rem;white-space:nowrap}
  .footer-inner{grid-template-columns:1fr auto;gap:1rem}
  .footer-logos{grid-column:1/3}
  .footer-copy{font-size:.76rem}
  .rating{width:45px;height:45px}
}

/* Compact treasure icons, challenge reward icons and individual notices */
.reward-line{grid-template-columns:48px minmax(0,1fr);gap:.65rem}
.reward-line img{width:44px;height:44px;margin-left:3px;padding:3px;object-fit:none;border-width:2px;outline-width:1px;box-shadow:0 0 0 2px #e7b84f,0 0 0 3px #9d2a22,0 5px 10px rgba(42,13,9,.22),inset 0 0 0 1px rgba(255,246,192,.4)}
.challenge-reward{display:flex;align-items:center;gap:.65rem;min-width:150px;text-align:left}
.challenge-reward-icon{box-sizing:border-box;flex:0 0 auto;width:42px;height:42px;padding:3px;object-fit:none;background:linear-gradient(145deg,#451515,#23100f);border:2px solid #f6db83;border-radius:2px;outline:1px solid #8f211c;box-shadow:0 0 0 2px #e7b84f,0 0 0 3px #9d2a22,0 5px 10px rgba(42,13,9,.2);cursor:default}
.challenge-reward-icon:hover,.challenge-reward-icon:focus{outline:2px solid #fff0b2;box-shadow:0 0 0 3px #c52c20,0 7px 16px rgba(42,13,9,.32)}
.reward-tooltip{position:fixed;z-index:9999;width:min(300px,calc(100vw - 24px));padding:.85rem 1rem;color:#fff8e9;background:linear-gradient(145deg,#3a100e,#641814);border:1px solid #e5ba62;border-radius:8px;box-shadow:0 14px 34px rgba(20,4,3,.42);font-size:.9rem;line-height:1.65;white-space:pre-line;pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .14s ease,transform .14s ease}
.reward-tooltip.visible{opacity:1;transform:translateY(0)}
#login .days-grid article[data-tooltip],#spend .milestones article[data-tooltip],.challenge-reward[data-tooltip]{cursor:default}
#login .days-grid article[data-tooltip]:hover,#login .days-grid article[data-tooltip]:focus-visible,#spend .milestones article[data-tooltip]:hover,#spend .milestones article[data-tooltip]:focus-visible{outline:2px solid rgba(246,219,131,.95);outline-offset:-3px;box-shadow:0 10px 24px rgba(59,16,11,.22)}
.notice:before{display:none}
.notice-line{display:flex;align-items:flex-start;gap:.65rem}
.notice-line:before{content:"✦";flex:0 0 auto;display:grid;place-items:center;width:1.4rem;height:1.4rem;margin-top:.05rem;color:#48110e;background:linear-gradient(145deg,#f4dc9a,#c99538);border:1px solid rgba(255,244,199,.65);border-radius:50%;box-shadow:0 3px 9px rgba(0,0,0,.2);font-size:.72rem}
@media(max-width:820px){
  .reward-line{grid-template-columns:48px minmax(0,1fr)}
  .reward-line img{width:44px;height:44px}
  .challenge-reward{min-width:130px;gap:.55rem}
}

/* Reward artwork and section characters */
.benefit>.section-mascot{position:absolute;z-index:1;pointer-events:none;user-select:none;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(35,10,7,.28))}
.mascot-blessing{top:68px;left:max(1.2%,calc((100vw - 1480px)/2));right:auto;width:clamp(110px,10.5vw,170px);transform:scaleX(-1)}
.mascot-challenge{top:84px;right:max(1.2%,calc((100vw - 1480px)/2));width:clamp(110px,11vw,175px)}
.mascot-login{top:76px;left:max(1.2%,calc((100vw - 1480px)/2));width:clamp(105px,10vw,165px)}
.mascot-spend{top:70px;right:max(1.2%,calc((100vw - 1480px)/2));width:clamp(115px,11vw,180px)}
.mascot-shop{top:75px;left:max(1.2%,calc((100vw - 1480px)/2));width:clamp(115px,11vw,180px)}
.benefit>.section-head,.benefit>.lead,.benefit>.table-title,.benefit>.table-wrap,.benefit>.treasure-grid,.benefit>.notice,.benefit>.days-grid,.benefit>.milestones,.benefit>.shop-grid,.benefit>.note{position:relative;z-index:2}
.reward-line{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:.75rem;margin:.25rem 0 .35rem;text-align:left}
.reward-line img{width:64px;height:64px;object-fit:none;filter:drop-shadow(0 5px 8px rgba(58,22,13,.2));image-rendering:auto}
.reward-line strong{line-height:1.35}
.reward-icon{display:block;object-fit:contain;margin-left:auto;margin-right:auto;filter:drop-shadow(0 5px 8px rgba(58,22,13,.22))}
.login-icon{width:48px;height:48px;margin-top:.55rem;margin-bottom:.18rem}
.spend-icon{width:48px;height:48px;margin-top:.55rem;margin-bottom:.45rem}
.shop-icon{display:block;width:100px;height:100px;object-fit:contain;margin:.1rem auto .55rem;filter:drop-shadow(0 7px 12px rgba(74,35,16,.2))}
#shop .shop-grid article{padding-top:1.25rem}

/* Red-gold reward frames inspired by the supplied in-game example */
.reward-line img,.reward-icon,.shop-icon{
  box-sizing:border-box;
  padding:5px;
  background:linear-gradient(145deg,#451515,#23100f);
  border:3px solid #f6db83;
  border-radius:2px;
  outline:2px solid #8f211c;
  box-shadow:0 0 0 4px #e7b84f,0 0 0 6px #9d2a22,0 7px 14px rgba(42,13,9,.25),inset 0 0 0 2px rgba(255,246,192,.42);
}
.reward-line img{margin-left:7px}
.login-icon,.spend-icon{margin-top:.72rem;margin-bottom:.62rem}
.shop-icon{margin-top:.4rem;margin-bottom:1rem}
.day-final .reward-icon,.milestones .final .reward-icon{background:linear-gradient(145deg,#5a1714,#2b100f)}
@media(max-width:1180px){
  .benefit>.section-mascot{width:100px;opacity:.42}
}
@media(max-width:820px){
  .benefit>.section-mascot{display:block;top:18px;right:8px;left:auto;width:72px;opacity:.3}
  .benefit>.mascot-blessing{left:8px;right:auto}
  .reward-line{grid-template-columns:56px minmax(0,1fr)}
  .reward-line img{width:56px;height:56px}
}

/* Requested density, navigation and ornamental refinements */
.section-nav a{padding:.95rem .5rem}
.section-nav span{font-size:1.14rem;letter-spacing:.1em}
.section-nav b{font-size:.8rem}
.intro,.benefit{padding-top:4.7rem;padding-bottom:4.7rem}
.intro{padding-top:5.2rem}
.table-title{margin-top:2.5rem}
.section-head{margin-bottom:1.65rem}
.lead{margin-bottom:1.7rem}
.entry-card{margin-top:2.25rem}
.treasure-grid .level{padding:.42rem .9rem;font-size:1rem;line-height:1.2;letter-spacing:.04em}
.table-wrap td[rowspan]{vertical-align:middle;text-align:center!important;font-size:1.08rem;background:linear-gradient(180deg,#fff4df,#f4e2c2)!important;border-right:1px solid #d9b87c;color:#7f2019}
.table-wrap td:first-child:not([rowspan]){color:var(--ink);white-space:normal;font-weight:600}
.table-wrap tr:nth-child(even) td[rowspan]{background:linear-gradient(180deg,#fff4df,#f4e2c2)!important}
.treasure-grid article,.shop-grid article,.days-grid article,.blessing-card,.entry-card{outline:1px solid rgba(255,255,255,.55);outline-offset:-7px}
.treasure-grid article:after,.shop-grid article:after,.days-grid article:after{content:"";position:absolute;right:7px;bottom:7px;width:25px;height:25px;border-right:1px solid rgba(168,115,39,.46);border-bottom:1px solid rgba(168,115,39,.46);pointer-events:none}
.treasure-grid article:before,.shop-grid article:before,.days-grid article:before{width:34px;height:34px;border-left:1px solid rgba(168,115,39,.38);border-top:1px solid rgba(168,115,39,.38);background:linear-gradient(135deg,rgba(216,171,88,.25),transparent 55%)}
.rules{max-width:690px;margin-top:2.5rem;margin-bottom:2.5rem;padding:2.8rem 3.2rem}
.floating-top{position:fixed;z-index:30;right:24px;bottom:110px;width:54px;height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.08rem;color:#fff4df;text-decoration:none;background:linear-gradient(155deg,#9e2c21,#66120e);border:1px solid #dbb766;box-shadow:0 12px 28px rgba(71,17,12,.32),inset 0 0 0 4px rgba(255,255,255,.07);transition:.22s ease}
.floating-top:before,.floating-top:after{content:"";position:absolute;width:8px;height:8px;border-color:#e3c47c}
.floating-top:before{left:4px;top:4px;border-left:1px solid;border-top:1px solid}
.floating-top:after{right:4px;bottom:4px;border-right:1px solid;border-bottom:1px solid}
.floating-top span{font:700 1.25rem/1 sans-serif}
.floating-top b{font:700 .65rem/1 sans-serif;letter-spacing:.14em}
.floating-top:hover{transform:translateY(-4px);background:linear-gradient(155deg,#b73a2b,#791812);box-shadow:0 16px 34px rgba(71,17,12,.4),inset 0 0 0 4px rgba(255,255,255,.09)}
@media(max-width:680px){
  .section-nav a{padding:.78rem .25rem}
  .section-nav span{font-size:1rem}
  .intro,.benefit{padding-top:3.5rem;padding-bottom:3.5rem}
  .rules{max-width:none;margin:1.5rem 1rem;padding:2.2rem 1.3rem}
  .floating-top{right:12px;bottom:86px;width:46px;height:58px}
}

/* Refined oriental-fantasy visual layer */
:root{--gold-soft:#f0d394;--gold-deep:#a87327;--wine:#6e1713;--shadow-warm:rgba(56,19,10,.18)}
body{background:#f8f2e8;background-image:radial-gradient(circle at 15% 15%,rgba(216,171,88,.09),transparent 26%),radial-gradient(circle at 85% 48%,rgba(141,28,22,.055),transparent 25%)}
.utility-bar{position:relative;box-shadow:0 6px 24px rgba(0,0,0,.3)}
.utility-bar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.65}
.utility-brand img{filter:drop-shadow(0 2px 6px rgba(216,171,88,.22));transition:filter .25s ease,transform .25s ease}
.utility-brand:hover img{filter:drop-shadow(0 3px 10px rgba(240,211,148,.4));transform:translateY(-1px)}
.hero{isolation:isolate;overflow:hidden}
.hero:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:16%;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(26,8,6,.78))}
.hero-scroll{z-index:3;padding:.55rem 1rem;border:1px solid rgba(240,211,148,.35);background:rgba(24,8,6,.34);backdrop-filter:blur(6px);border-radius:999px}
.section-nav{border-bottom:1px solid rgba(240,211,148,.38)}
.section-nav a{position:relative;overflow:hidden}
.section-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-soft));transition:.25s ease}
.section-nav a:hover:after,.section-nav a.active:after{left:16%;right:16%}
.intro{position:relative;padding-top:7.5rem}
.intro:before{content:"◆";display:grid;place-items:center;width:46px;height:46px;margin:0 auto 1.6rem;color:var(--gold-deep);font-size:.75rem;border:1px solid rgba(168,115,39,.48);transform:rotate(45deg);box-shadow:inset 0 0 0 6px #f8f2e8,0 7px 20px rgba(80,43,20,.12)}
.intro:after{content:"";position:absolute;top:9.35rem;left:50%;width:min(420px,70vw);height:1px;transform:translateX(-50%);z-index:-1;background:linear-gradient(90deg,transparent,rgba(168,115,39,.45),transparent)}
.intro h1{background:linear-gradient(135deg,#3a1a12 20%,#8d1c16 68%,#b67f2d);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 28px rgba(83,34,15,.08)}
.entry-card{position:relative;border:1px solid rgba(168,115,39,.42);box-shadow:0 24px 60px var(--shadow-warm);overflow:hidden}
.entry-card:after{content:"";position:absolute;inset:10px;pointer-events:none;border:1px solid rgba(216,171,88,.2)}
.entry-card img{transition:transform .6s ease}
.entry-card:hover img{transform:scale(1.018)}
.benefit{position:relative;overflow:hidden}
.benefit:before{content:"";position:absolute;top:0;left:50%;width:min(760px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(216,171,88,.72),transparent)}
.benefit-light{background-color:#f7f0e5;background-image:radial-gradient(circle at 50% 0,rgba(216,171,88,.09),transparent 28%)}
.benefit-dark{background-image:radial-gradient(circle at 50% -10%,rgba(216,171,88,.13),transparent 34%),linear-gradient(145deg,#1b0b09,#37100d 58%,#210b09)}
.benefit-red{background-image:radial-gradient(circle at 50% -15%,rgba(255,224,164,.16),transparent 38%),linear-gradient(135deg,#6b130f,#9c271c 62%,#72140f)}
.section-head{position:relative}
.section-head:after{content:"";height:1px;flex:1;min-width:30px;margin-left:1rem;background:linear-gradient(90deg,rgba(168,115,39,.55),transparent)}
.section-head.inverse:after{background:linear-gradient(90deg,rgba(240,211,148,.5),transparent)}
.section-head .number{text-shadow:0 6px 18px rgba(134,76,18,.12)}
.blessing-card{border:1px solid rgba(168,115,39,.35);border-top:4px solid var(--red);box-shadow:0 22px 55px var(--shadow-warm)}
.speed-mark{position:relative;background:linear-gradient(145deg,#75130f,#a52b20)}
.speed-mark:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,226,168,.34);pointer-events:none}
.table-wrap{border:1px solid rgba(216,171,88,.42);border-radius:4px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.table-wrap th{background:linear-gradient(180deg,#a22c21,#7b1813);border-bottom:2px solid #d6a958}
.table-wrap tbody tr{transition:background .18s ease,transform .18s ease}
.table-wrap tbody tr:hover td{background:#fff6e5}
.treasure-grid article,.days-grid article,.shop-grid article{overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.treasure-grid article:before,.days-grid article:before,.shop-grid article:before{content:"";position:absolute;top:0;left:0;width:44px;height:44px;background:linear-gradient(135deg,rgba(216,171,88,.23),transparent 52%);pointer-events:none}
.treasure-grid article:hover,.days-grid article:hover,.shop-grid article:hover{transform:translateY(-5px);border-color:rgba(168,115,39,.58);box-shadow:0 18px 38px rgba(69,34,18,.16)}
.treasure-grid .level,.discount{box-shadow:-4px 5px 16px rgba(80,22,15,.2)}
.notice{position:relative;border-color:rgba(240,211,148,.34);box-shadow:inset 0 0 30px rgba(240,211,148,.035)}
.notice:before{content:"※";position:absolute;left:-.72rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:1.45rem;height:1.45rem;background:#d8ab58;color:#43110e;border-radius:50%;font-size:.78rem;font-weight:800}
.days-grid article{position:relative;background:linear-gradient(180deg,#fff,#fbf4e8)}
.days-grid .day-final{background:linear-gradient(145deg,#771611,#a52d21);border:1px solid #d7ab58;box-shadow:0 17px 34px rgba(110,23,19,.3)}
.milestones{padding:1px;border:1px solid rgba(240,211,148,.34);box-shadow:0 20px 45px rgba(67,13,10,.22)}
.milestones article{position:relative;background:linear-gradient(145deg,#59110e,#781913)}
.milestones article:after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#e0b967,transparent)}
.milestones .final{background:linear-gradient(145deg,#f8e9c9,#e4c178)}
.shop-grid article{border-top:3px solid rgba(168,115,39,.54);box-shadow:0 10px 28px rgba(73,39,22,.08)}
.rules{position:relative;background:rgba(255,255,255,.48);margin-top:4rem;margin-bottom:4rem;padding:3.6rem 4rem;border:1px solid rgba(168,115,39,.28);box-shadow:0 20px 50px rgba(76,42,20,.1)}
.rules:before,.rules:after{content:"◆";position:absolute;color:#b58538;background:#f8f2e8;padding:.1rem .65rem;font-size:.6rem}
.rules:before{top:-.65rem;left:50%;transform:translateX(-50%)}
.rules:after{bottom:-.65rem;left:50%;transform:translateX(-50%)}
.back-top{border:1px solid rgba(141,28,22,.25);border-radius:999px;transition:.22s ease;background:#fff9ef}
.back-top:hover{color:#fff;background:var(--red);box-shadow:0 9px 22px rgba(141,28,22,.2)}
.back-top:hover span{border-color:#fff}
footer{position:relative;box-shadow:0 -10px 30px rgba(31,10,7,.12)}
footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c69546,transparent)}
@media(max-width:680px){
  .hero-scroll{font-size:.68rem;padding:.42rem .7rem}
  .intro{padding-top:5.5rem}
  .intro:after{top:7.35rem}
  .section-head:after{display:none}
  .treasure-grid article:hover,.days-grid article:hover,.shop-grid article:hover{transform:none}
  .rules{margin:2rem 1rem;padding:2.5rem 1.35rem}
}

/* Latest layout adjustments */
#spend .note{color:#fff8e8;font-weight:700;text-shadow:0 2px 8px rgba(49,7,5,.45)}
#spend .milestones{max-width:1120px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}
#spend .milestones article{min-height:150px}
#spend .milestones strong{white-space:nowrap;font-size:1.08rem}
#shop{padding-bottom:1.4rem}
.rules{max-width:690px;margin-top:0;margin-bottom:2.5rem;padding:2.7rem 3.2rem}
.rules-note{margin:1.35rem 0 0;padding-top:1rem;border-top:1px solid rgba(168,115,39,.26);color:#7c4f25;text-align:center;font-weight:700;font-size:.94rem}
.floating-top{right:25px;bottom:96px;width:58px;height:58px;border-radius:50%;gap:.12rem;background:radial-gradient(circle at 35% 25%,#bd4939,#7b1712 64%,#54100d);box-shadow:0 10px 24px rgba(71,17,12,.32),inset 0 0 0 4px rgba(255,255,255,.08)}
.floating-top:before,.floating-top:after{width:7px;height:7px}
.floating-top:before{left:8px;top:8px;border-radius:50% 0 0 0}
.floating-top:after{right:8px;bottom:8px;border-radius:0 0 50% 0}
.floating-top span{font-size:1.15rem}
.floating-top b{font-size:.58rem;letter-spacing:.1em}
@media(max-width:680px){
  #spend .milestones{grid-template-columns:1fr}
  #spend .milestones article{min-height:125px}
  #spend .milestones strong{white-space:normal}
  #shop{padding-bottom:.8rem}
  .rules{max-width:none;margin:.6rem 1rem 1.5rem;padding:2.2rem 1.3rem}
  .floating-top{right:12px;bottom:78px;width:50px;height:50px}
}

/* Final precedence for compact reward presentation */
.reward-line{grid-template-columns:48px minmax(0,1fr);gap:.65rem}
.reward-line img{width:44px;height:44px;margin-left:3px;padding:3px;object-fit:none;border-width:2px;outline-width:1px;box-shadow:0 0 0 2px #e7b84f,0 0 0 3px #9d2a22,0 5px 10px rgba(42,13,9,.22),inset 0 0 0 1px rgba(255,246,192,.4)}
.notice:before{display:none}
@media(max-width:820px){
  .reward-line{grid-template-columns:48px minmax(0,1fr)}
  .reward-line img{width:44px;height:44px}
}

/* Keep source artwork at its native pixel size to preserve crispness. */
.reward-line{grid-template-columns:40px minmax(0,1fr);gap:.55rem}
.reward-line img{
  box-sizing:border-box;
  width:36px;
  height:36px;
  margin-left:2px;
  padding:0;
  object-fit:none;
  filter:none;
  image-rendering:auto;
  border:2px solid #f6db83;
  outline:1px solid #8f211c;
  box-shadow:0 0 0 1px #e7b84f,0 0 0 2px #9d2a22,0 3px 7px rgba(42,13,9,.2)
}
.challenge-reward{min-width:142px;gap:.55rem}
.challenge-reward-icon{
  width:36px;
  height:36px;
  padding:0;
  object-fit:none;
  filter:none;
  image-rendering:auto;
  border:2px solid #f6db83;
  outline:1px solid #8f211c;
  box-shadow:0 0 0 1px #e7b84f,0 0 0 2px #9d2a22,0 3px 7px rgba(42,13,9,.2)
}
.challenge-reward-icon:hover,.challenge-reward-icon:focus{
  outline:1px solid #fff0b2;
  box-shadow:0 0 0 2px #c52c20,0 4px 9px rgba(42,13,9,.28)
}
@media(max-width:820px){
  .reward-line{grid-template-columns:40px minmax(0,1fr)}
  .reward-line img{width:36px;height:36px}
  .challenge-reward{min-width:124px;gap:.5rem}
  .challenge-reward-icon{width:36px;height:36px}
}

/* Native-size reward artwork with a close-fitting in-game frame. */
.reward-line{grid-template-columns:42px minmax(0,1fr);gap:.55rem}
.reward-line img,
.login-icon,
.spend-icon,
.shop-icon{
  box-sizing:content-box;
  padding:0;
  object-fit:none;
  background:#2b100f;
  border:2px solid #f6db83;
  border-radius:1px;
  outline:1px solid #8f211c;
  box-shadow:0 0 0 1px #e7b84f,0 0 0 2px #9d2a22,0 3px 7px rgba(42,13,9,.2);
  filter:none;
  image-rendering:auto
}
.reward-line img{width:34px;height:34px;margin-left:2px}
.login-icon{width:36px;height:36px;margin-top:.72rem;margin-bottom:.62rem}
.spend-icon{width:34px;height:34px;margin-top:.72rem;margin-bottom:.62rem}
.shop-icon{
  width:auto;
  height:auto;
  max-width:126px;
  max-height:126px;
  margin:.4rem auto 1rem
}

/* The description belongs to the reward name; artwork keeps a normal cursor. */
.challenge-reward-icon{cursor:default}
.challenge-reward-name{cursor:default;border-radius:2px}
.challenge-reward-name:focus{outline:none}
.challenge-reward-name:focus-visible{
  outline:1px solid #c28b32;
  outline-offset:3px;
  text-decoration:underline;
  text-decoration-color:#c28b32;
  text-underline-offset:3px
}
.challenge-reward-icon:hover{
  outline:1px solid #8f211c;
  box-shadow:0 0 0 1px #e7b84f,0 0 0 2px #9d2a22,0 3px 7px rgba(42,13,9,.2)
}

/* Wine-red command-token back-to-top control with cloud-scroll detailing. */
.floating-top{
  right:24px;
  bottom:92px;
  width:66px;
  height:82px;
  gap:.08rem;
  overflow:hidden;
  color:#f4d991;
  background:linear-gradient(155deg,#59120f 4%,#741b15 48%,#3b0b09 100%);
  border:1px solid #d4a74f;
  border-radius:8px 8px 15px 15px;
  clip-path:polygon(50% 0,88% 10%,94% 68%,50% 100%,6% 68%,12% 10%);
  box-shadow:0 10px 24px rgba(48,8,6,.35),inset 0 0 0 3px rgba(43,8,6,.72),inset 0 0 0 4px rgba(221,178,83,.5);
  transition:transform .22s ease,filter .22s ease,box-shadow .22s ease
}
.floating-top:before{
  content:"";
  position:absolute;
  inset:7px 8px 10px;
  width:auto;
  height:auto;
  border:1px solid rgba(235,198,112,.82);
  border-radius:4px 4px 10px 10px;
  pointer-events:none
}
.floating-top:after{
  content:"";
  position:absolute;
  left:17px;
  right:17px;
  top:13px;
  bottom:auto;
  width:auto;
  height:5px;
  border:0;
  border-top:1px solid rgba(244,217,145,.78);
  border-bottom:1px solid rgba(244,217,145,.5);
  border-radius:0;
  background:repeating-linear-gradient(90deg,transparent 0 4px,rgba(244,217,145,.72) 4px 6px);
  pointer-events:none
}
.floating-top .top-emblem{
  position:relative;
  z-index:1;
  display:block;
  width:36px;
  height:27px;
  margin-top:9px;
  font:inherit
}
.floating-top .top-emblem svg{display:block;width:100%;height:100%;overflow:visible}
.floating-top .top-emblem path{
  fill:none;
  stroke:#f2d58a;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 3px rgba(236,193,92,.32))
}
.floating-top b{position:relative;z-index:1;font-size:.62rem;letter-spacing:.15em;color:#f7e4b5}
.floating-top:hover,.floating-top:focus-visible{
  transform:translateY(-4px);
  filter:drop-shadow(0 0 8px rgba(236,190,82,.72));
  background:linear-gradient(155deg,#681612 4%,#84231a 48%,#470d0b 100%);
  box-shadow:0 14px 28px rgba(48,8,6,.42),inset 0 0 0 3px rgba(43,8,6,.66),inset 0 0 0 4px rgba(242,207,124,.68)
}
@media(max-width:820px){
  .reward-line{grid-template-columns:42px minmax(0,1fr)}
  .reward-line img{width:34px;height:34px}
  .login-icon{width:36px;height:36px}
  .spend-icon{width:34px;height:34px}
  .shop-icon{width:auto;height:auto;max-width:126px;max-height:126px}
}
@media(max-width:680px){
  .floating-top{right:10px;bottom:72px;width:58px;height:72px}
  .floating-top .top-emblem{width:31px;height:23px;margin-top:8px}
  .floating-top b{font-size:.56rem}
}

/* Smaller shop artwork and a simplified, higher-contrast command token. */
.shop-icon{
  box-sizing:content-box;
  width:96px;
  height:96px;
  max-width:none;
  max-height:none;
  padding:0;
  object-fit:contain;
  border:2px solid #f7dc8c;
  outline:1px solid #9b2a20;
  box-shadow:0 0 0 1px #e7b84f,0 0 0 2px #8d211b,0 4px 9px rgba(42,13,9,.22);
  image-rendering:auto
}
.floating-top{
  color:#ffe5a0;
  background:linear-gradient(155deg,#261512 0%,#351b16 52%,#160c0a 100%);
  border:2px solid #f0ca70;
  box-shadow:0 0 0 1px rgba(104,54,22,.95),0 0 12px rgba(236,187,76,.34),0 12px 26px rgba(30,5,4,.48),inset 0 0 0 3px rgba(19,8,6,.78),inset 0 0 0 4px rgba(241,202,112,.58)
}
.floating-top:before{
  inset:7px 7px 9px;
  border:2px solid rgba(245,207,119,.9);
  box-shadow:inset 0 0 7px rgba(238,189,78,.12)
}
.floating-top:after{display:none}
.floating-top .top-emblem{height:30px;margin-top:3px}
.floating-top .top-emblem path{
  stroke:#ffdfa0;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 4px rgba(245,194,79,.5))
}
.floating-top:hover,.floating-top:focus-visible{
  background:linear-gradient(155deg,#30201a 0%,#43241c 52%,#1c100d 100%);
  border-color:#ffe19a;
  filter:drop-shadow(0 0 10px rgba(248,201,91,.82));
  box-shadow:0 0 0 1px rgba(127,71,29,.95),0 0 17px rgba(248,198,78,.56),0 15px 30px rgba(30,5,4,.52),inset 0 0 0 3px rgba(19,8,6,.72),inset 0 0 0 4px rgba(255,223,151,.72)
}
@media(max-width:820px){
  .shop-icon{width:96px;height:96px;max-width:none;max-height:none}
}

.utility-inner .fb-share{
  color:#ffe2a0;
  background:rgba(216,171,88,.08);
  box-shadow:inset 0 -2px 0 rgba(216,171,88,.7)
}
.utility-inner .fb-share:hover,.utility-inner .fb-share:focus-visible{
  color:#fff8e8;
  background:#7d1d17;
  box-shadow:inset 0 -2px 0 #f1cd79
}
.floating-top{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px);
  transition:opacity .22s ease,transform .22s ease,filter .22s ease,box-shadow .22s ease,visibility 0s linear .22s
}
.floating-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition-delay:0s
}
.floating-top.is-visible:hover,.floating-top.is-visible:focus-visible{transform:translateY(-4px)}
@media(max-width:680px){
  .utility-inner nav{grid-template-columns:repeat(5,minmax(0,1fr))}
  .utility-inner a{font-size:.78rem;padding:.68rem .12rem}
}

/* Quiet cinematic overlays for the hero KV; the original artwork stays untouched. */
.hero-effects{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.hero-mist{position:absolute;width:68%;height:34%;bottom:-12%;border-radius:50%;opacity:.16;filter:blur(24px);background:radial-gradient(ellipse at center,rgba(255,240,202,.78),rgba(216,171,88,.2) 48%,transparent 72%);animation:hero-mist-drift 15s ease-in-out infinite alternate}
.hero-mist-a{left:-14%}.hero-mist-b{right:-20%;bottom:3%;opacity:.11;animation-duration:19s;animation-delay:-8s;transform:scale(.8)}
.hero-light{position:absolute;top:-45%;left:48%;width:13%;height:155%;opacity:.18;transform:rotate(15deg);filter:blur(13px);background:linear-gradient(90deg,transparent,rgba(255,224,142,.72),transparent);animation:hero-light-sweep 11s ease-in-out infinite}
.hero-particles{position:absolute;inset:0;opacity:.46;background-image:radial-gradient(circle,rgba(255,231,155,.95) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(245,195,85,.8) 0 1.4px,transparent 2.1px),radial-gradient(circle,rgba(255,244,203,.75) 0 .8px,transparent 1.5px);background-size:137px 113px,211px 173px,89px 157px;background-position:8% 90%,72% 110%,43% 95%;animation:hero-particles-rise 16s linear infinite;mask-image:linear-gradient(to bottom,transparent 4%,#000 35%,#000 88%,transparent)}
@keyframes hero-mist-drift{to{transform:translate3d(18%, -7%,0) scale(1.08);opacity:.22}}
@keyframes hero-light-sweep{0%,28%{transform:translateX(-210%) rotate(15deg);opacity:0}45%{opacity:.18}68%,100%{transform:translateX(350%) rotate(15deg);opacity:0}}
@keyframes hero-particles-rise{to{background-position:12% -30%,68% -10%,47% -25%}}

/* Dark lacquer, bright-gold frame, hand-drawn arrow and a restrained cloud motif. */
.floating-top,.floating-top.is-visible{
  width:62px;height:62px;border-radius:50%;clip-path:none;gap:0;
  background:radial-gradient(circle at 38% 28%,#3d2a22 0%,#241410 56%,#100907 100%);
  border:2px solid #f2cd70;
  box-shadow:0 0 0 1px rgba(103,61,26,.95),0 0 11px rgba(239,190,74,.28),0 11px 25px rgba(18,6,4,.46),inset 0 0 0 3px rgba(8,4,3,.7),inset 0 0 0 4px rgba(231,184,78,.42)
}
.floating-top:before{inset:6px;width:auto;height:auto;border:1px solid rgba(255,221,139,.72);border-radius:50%;box-shadow:inset 0 0 8px rgba(238,189,78,.1)}
.floating-top:after{display:none}
.floating-top .top-emblem{width:39px;height:39px;margin:0}
.floating-top .top-emblem path{fill:none;stroke:#ffe09a;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(246,195,71,.55))}
.floating-top .top-emblem .brush-arrow{stroke-width:3.25}
.floating-top .top-emblem .cloud-line{stroke-width:1.25;opacity:.56}
.floating-top.is-visible:hover,.floating-top.is-visible:focus-visible{
  transform:translateY(-5px);border-color:#ffe7a7;filter:drop-shadow(0 0 10px rgba(250,207,104,.82));
  background:radial-gradient(circle at 38% 28%,#4a3328 0%,#2d1913 56%,#150b08 100%);
  box-shadow:0 0 0 1px rgba(125,75,30,.95),0 0 19px rgba(248,198,78,.62),0 16px 30px rgba(18,6,4,.54),inset 0 0 0 3px rgba(8,4,3,.64),inset 0 0 0 4px rgba(255,220,139,.56)
}
@media(max-width:680px){.floating-top,.floating-top.is-visible{width:52px;height:52px}.floating-top .top-emblem{width:33px;height:33px}.hero-particles{opacity:.34}.hero-mist{filter:blur(18px)}}
@media(prefers-reduced-motion:reduce){.hero-mist,.hero-light,.hero-particles{animation:none}.hero-light{display:none}}