.fortune-console{width:100%;padding:0;margin:0}
.fortune-power{font-size:11px;color:#bdd2b1;line-height:1.5;margin:11px 0}.fortune-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.fortune-materials span{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px 6px;background:#0d241f;border:1px solid #53614c;border-radius:6px;color:#a8b99a}.fortune-materials b{font-size:14px;color:#efdcb1}
.console-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#e8d7ad;margin-bottom:10px}.console-label span{font-size:9px;color:#a3b29a}.special-console{margin-top:18px}.special-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.special-slot{min-width:0;padding:9px 4px 7px;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #8b7b9b;background:linear-gradient(#3f3a51,#1b2c2b);border-radius:9px;box-shadow:0 3px #11211f;color:var(--skill-color)}.special-slot svg{width:37px;height:37px;filter:drop-shadow(0 0 5px #c2b2e344)}.special-slot b{font-size:11px;line-height:1.3;text-align:center;word-break:keep-all}.special-slot small{font-size:9px;color:#c0b6cc}.special-slot.locked{opacity:.4;background:#152d27;border-color:#677968}.special-slot.grade-2{border-color:#b5a0eb}.special-slot.grade-3{border-color:#edc282;box-shadow:0 0 14px #bd83d33b,0 3px #11211f;background:linear-gradient(135deg,#72597555,#42394c)}.special-unlock{font-size:9px;color:#a8b8a0;line-height:1.5;margin:9px 0 0}
.forge-offer{margin-top:17px;padding:13px 11px 10px;border:1px solid #b59967;border-radius:11px;background:linear-gradient(140deg,#79623b2b,#222c29)}.forge-offer .console-label{margin-bottom:11px}.forge-offer>strong{display:block;font-size:15px;color:#f7e4b3;line-height:1.5;word-break:keep-all}.forge-offer p{margin:6px 0;font-size:10px;line-height:1.5}#forgeOdds{color:#e9b9ac}#forgeCost{color:#b4c4a4}#enhanceButton{width:100%;min-height:42px;margin-top:6px;background:linear-gradient(#e6ce91,#bfa064);border:1px solid #f1dca4;border-radius:7px;color:#243b2e;font-size:16px;box-shadow:0 3px #10261c}#enhanceButton:disabled{opacity:.65;background:#3a5044;color:#c1d2b9;border-color:#6f8469;box-shadow:none;font-size:12px}.forge-offer>small{display:block;text-align:center;font-size:9px;color:#c5a59d;margin-top:9px}.forge-empty{margin:18px 0;color:#a4b19b;font-size:11px;line-height:1.6}
.fortune-event{margin:14px 0 0;padding:10px;border-left:2px solid #91aa80;background:#10251f55;font-size:11px;line-height:1.6;color:#c5d4b8;word-break:keep-all}.fortune-event.jackpot{border-color:#e8c780;color:#f5dea2;background:#64523130}.fortune-event.loss{border-color:#df8e9a;color:#f2b2ba;background:#6c374034}
.fortune-panel{position:absolute;z-index:42;inset:14px 7%;max-width:460px;margin:auto;overflow-y:auto;overscroll-behavior:contain;padding:17px;border:1px solid #b39dbd;border-radius:14px;background:linear-gradient(135deg,#2c3540,#152e27 75%);box-shadow:0 12px 55px #061412ba;color:#e5dfc5;scrollbar-width:thin}.fortune-panel>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #84948455;font-size:17px}.fortune-panel>header button{width:36px;height:36px;font-size:23px;background:#ffffff0a;border-color:#9da18c66;border-radius:7px}.fortune-intro{font-size:11px;line-height:1.8;color:#b1c4a7;margin:13px 0}.fortune-panel h3{font-size:18px;color:#e8d69f;margin:21px 0 10px}.special-entry{display:flex;gap:13px;padding:13px 10px;margin:9px 0;border:1px solid #8e849f66;border-radius:10px;background:#423c5122}.special-entry>svg{width:45px;height:50px;flex-shrink:0;color:var(--skill-color)}.special-entry b{font-size:18px;color:var(--skill-color)}.special-entry small{display:block;font-size:10px;color:#bfb1d0;line-height:1.6;margin-top:4px}.special-entry p{font-size:12px;line-height:1.65;margin:5px 0;color:#d3d7c3}.special-entry.locked{opacity:.5}.special-entry.grade-3{border-color:#e2bc77}.fate-record{padding:10px;border-left:2px solid #8bac87;margin:8px 0;background:#13272177}.fate-record b{font-size:13px}.fate-record p{font-size:10px;line-height:1.6;color:#aabc9e;margin:5px 0 0}.fate-record.jackpot{color:#f6d995;border-color:#eac780}.fate-record.loss{color:#efb5c1;border-color:#cd8593}
@media(max-width:620px),(max-width:960px) and (pointer:coarse){
 .special-slots{gap:8px}.special-slot{min-height:92px}.special-slot svg{width:33px;height:33px}.special-slot b{font-size:12px}.special-slot small{font-size:10px}.fortune-materials span{font-size:11px;padding:9px}.forge-offer{padding:13px}.forge-offer>strong{font-size:17px}.forge-offer p{font-size:11px}.forge-offer>small{font-size:10px}.fortune-event{font-size:12px}.fortune-panel{inset:8px;padding:13px;max-width:none}.fortune-panel>header{font-size:15px}.special-entry{gap:9px}.special-entry b{font-size:16px}.special-entry p{font-size:11px}
}

.fortune-panel>header{position:sticky;top:-17px;z-index:2;margin:-17px -17px 12px;padding:12px 17px;background:#243b34;border-bottom:1px solid #819276}
.fortune-records{margin-top:16px;border-top:1px solid #82927855;padding-top:13px}.fortune-records>summary{cursor:pointer;color:#d9caa9;font-size:13px;padding:6px 0;min-height:32px}
.game-bottom .fortune-button{min-height:42px;padding:6px 10px;font-size:13px;border-color:#a39378;background:linear-gradient(#4a5142,#304438);display:flex;gap:6px;align-items:center;justify-content:center}
.fortune-button.needs-review{border-color:#e0c482;color:#ffe4a9;box-shadow:0 0 0 1px #d7bd7733,0 3px #10251b}.fortune-button .forge-ready{font-size:9px;padding:3px 5px;border-radius:4px;background:#e8cd91;color:#2c4131;white-space:nowrap}
@media(min-width:961px),(min-width:621px) and (pointer:fine){
 @container(max-width:600px){
  .game-bottom{grid-template-columns:repeat(4,minmax(0,1fr))}
  .game-bottom:has(#raidButton:not(.hidden)){grid-template-columns:repeat(5,minmax(0,1fr))}
  .game-bottom .fortune-button{height:40px;min-height:40px;min-width:0;padding:3px;font-size:11px;flex-direction:column;gap:2px}
  .fortune-button .forge-ready{padding:1px 4px;font-size:8px}
 }
}
@media(max-width:620px),(max-width:960px) and (pointer:coarse){
 .viewport .game-bottom{grid-template-rows:44px 40px 30px}
 .viewport .game-bottom .fortune-button{grid-column:1/-1;grid-row:2;width:100%;min-height:40px;height:40px;font-size:14px;border-radius:8px}
 .viewport .game-bottom .zoom-controls{grid-column:1/-1;grid-row:3}
 .fortune-panel>header{top:-13px;margin:-13px -13px 12px;padding:10px 13px}
}

/* A separate collection action and an in-panel forging sequence. */
.material-action{padding:12px;margin:12px 0;border:1px solid #7fa68888;border-radius:9px;background:#243f33}.material-action button{width:100%;min-height:42px;border:1px solid #a5c497;border-radius:7px;background:linear-gradient(#628262,#3c5e47);color:#f1edc7;font-size:15px}.material-action p{font-size:11px;line-height:1.7;color:#bfd2af;margin:8px 0 0}.forge-ready.gathering{background:#bad5ad;color:#28482f}
.forge-theater{--forge-color:#d6c188;position:relative;isolation:isolate;overflow:hidden;margin-top:14px;padding:15px 13px 12px;text-align:center;border:1px solid #b8a06a88;border-radius:13px;background:radial-gradient(ellipse at 50% 38%,#71613e44,transparent 65%),linear-gradient(155deg,#253a33,#182822);box-shadow:inset 0 0 35px #091f2277;scroll-margin:65px}
.forge-theater>small:first-child{display:block;font-size:9px;color:#b4b792;letter-spacing:1px}.forge-stage-item{display:block;margin-top:6px;color:#e9dcc0;font-size:13px;line-height:1.5;word-break:keep-all}.forge-scene{height:135px;position:relative;width:220px;max-width:100%;margin:2px auto 0}.forge-aura{position:absolute;inset:3px 40px 12px;border-radius:50%;background:radial-gradient(ellipse,#ffcb6555,transparent 70%);opacity:.7}.forge-orbit{position:absolute;width:94px;height:94px;border:1px solid #ceb66a77;border-radius:50%;left:calc(50% - 47px);top:10px;box-shadow:0 0 0 7px #caaa6420,0 0 0 16px #ba956212}.forge-emblem{position:absolute;width:68px;height:72px;top:22px;left:calc(50% - 34px);color:var(--forge-color);filter:drop-shadow(0 0 8px #edbb6344)}.forge-emblem svg{width:100%;height:100%}.forge-icon{display:block;width:100%;height:100%}.forge-shard{display:none;position:absolute;inset:0}.forge-shard.left{clip-path:polygon(0 0,57% 0,43% 45%,59% 55%,40% 100%,0 100%)}.forge-shard.right{clip-path:polygon(57% 0,100% 0,100% 100%,40% 100%,59% 55%,43% 45%)}.forge-hammer{display:none;position:absolute;width:51px;height:60px;top:4px;left:calc(50% + 25px);transform-origin:50% 100%;z-index:2}.forge-anvil{position:absolute;width:140px;height:45px;bottom:1px;left:calc(50% - 70px);filter:drop-shadow(0 5px 3px #05150f99)}.forge-sparks{position:absolute;inset:0;pointer-events:none}.forge-sparks i{position:absolute;left:50%;top:74px;width:3px;height:11px;border-radius:2px;background:#fff0b9;box-shadow:0 0 7px #ffd476;opacity:0;--angle:calc(var(--n)*30deg)}.forge-stage-level{display:block;font-size:24px;color:var(--forge-color);line-height:1.3;margin:0 0 5px}.forge-result-title{display:block;font-size:21px;color:var(--forge-color);line-height:1.4}.forge-theater>p{margin:6px auto;font-size:11px;line-height:1.7;color:#c3c6af;max-width:330px}.forge-theater #forgeSpent{font-size:10px;line-height:1.5;color:#a6b5a0;display:block}.forge-charge{height:4px;background:#0e201a;border-radius:3px;overflow:hidden;margin:11px 15px 0}.forge-charge i{display:block;width:0;height:100%;background:linear-gradient(90deg,#aa8452,#ffdf92)}
.forge-theater.working .forge-hammer{display:block;animation:forge-hammer .5s ease-in-out 3}.forge-theater.working .forge-icon{animation:forge-pulse .5s ease-in-out 3}.forge-theater.working .forge-aura{animation:forge-charge-glow 1.5s ease-in forwards}.forge-theater.working .forge-charge i{animation:forge-fill 1.5s linear forwards}.forge-theater.working .forge-sparks i{animation:forge-sparks .5s .15s ease-out 3}.forge-theater.working .forge-stage-level{color:#e8d4a6}.forge-theater.working .forge-result-title{font-size:19px}
.forge-theater.success{--forge-color:#ffe19b;border-color:#eed695;background:radial-gradient(ellipse at 50% 35%,#b67a3655,transparent 70%),#24362b}.forge-theater.success .forge-icon{animation:forge-reveal .6s ease-out}.forge-theater.success .forge-orbit{animation:forge-ring .85s ease-out}.forge-theater.success .forge-sparks i{animation:forge-sparks .9s ease-out}.forge-theater.success .forge-result-title{animation:forge-reveal .45s ease-out;text-shadow:0 0 18px #ffce6c66}
.forge-theater.keep{--forge-color:#b6d7e3;border-color:#8ba8b7}.forge-theater.keep .forge-icon{animation:forge-shake .4s ease-out}.forge-theater.keep .forge-aura{background:radial-gradient(ellipse,#87bec333,transparent 70%)}
.forge-theater.break{--forge-color:#f2a2ac;border-color:#be6b7b;background:radial-gradient(ellipse at 50% 35%,#7b344a55,transparent 70%),#292c2a}.forge-theater.break .forge-icon{visibility:hidden}.forge-theater.break .forge-shard{display:block;opacity:.2}.forge-theater.break .forge-shard.left{transform:translate(-14px,15px) rotate(-22deg);animation:forge-break-left .8s ease-out}.forge-theater.break .forge-shard.right{transform:translate(14px,21px) rotate(24deg);animation:forge-break-right .8s ease-out}.forge-theater.break .forge-orbit{border-color:#a9576f55;box-shadow:none}.forge-theater.break .forge-aura{background:radial-gradient(ellipse,#e3667144,transparent 70%)}.forge-theater.break .forge-result-title{animation:forge-shake .5s ease-out}
@keyframes forge-hammer{0%,100%{transform:rotate(36deg) translateY(-12px)}40%{transform:rotate(-28deg) translateY(10px)}55%{transform:rotate(-20deg) translateY(7px)}}
@keyframes forge-pulse{0%,100%{transform:scale(1);filter:brightness(1)}43%{transform:scale(.91);filter:brightness(2.3)}65%{transform:scale(1.07);filter:brightness(1.6)}}
@keyframes forge-charge-glow{from{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.45)}}
@keyframes forge-fill{to{width:100%}}
@keyframes forge-sparks{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scaleY(.5)}100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(-35px - var(--n)*3px)) scaleY(.3)}}
@keyframes forge-reveal{0%{transform:scale(.85);filter:brightness(3);opacity:.4}55%{transform:scale(1.08)}100%{transform:scale(1);filter:brightness(1);opacity:1}}
@keyframes forge-ring{0%{transform:scale(.65);opacity:1;box-shadow:0 0 20px #ffe2a3}100%{transform:scale(1.35);opacity:.3;box-shadow:0 0 0 9px #ffd98311}}
@keyframes forge-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}100%{transform:translateX(0)}}
@keyframes forge-break-left{0%{transform:translate(0,0);opacity:1}100%{transform:translate(-14px,15px) rotate(-22deg);opacity:.2}}
@keyframes forge-break-right{0%{transform:translate(0,0);opacity:1}100%{transform:translate(14px,21px) rotate(24deg);opacity:.2}}
@media(prefers-reduced-motion:reduce){.forge-theater *{animation:none!important}.forge-theater.working .forge-charge i{width:70%}.forge-theater.working .forge-hammer{transform:rotate(-15deg)}}

.slot-enhance-overview{margin-top:16px}.slot-enhance-overview .console-label{gap:6px;margin-bottom:9px}.slot-enhance-overview .console-label button{font-size:10px;padding:5px 7px;min-height:30px;border:1px solid #899b77;border-radius:6px;background:#314c3a;color:#d8dfbc}.enhance-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.enhance-slots button{display:grid;grid-template-columns:29px 1fr;grid-template-rows:20px 20px 15px;padding:9px 6px;border:1px solid #5a7660;border-radius:9px;background:#162e27;color:#b9cdb1;min-height:76px;min-width:0;box-shadow:0 2px #0c2018}.enhance-slots button svg{grid-column:1;grid-row:1/3;width:26px;height:34px;align-self:center;color:#d6c394}.enhance-slots button span{font-size:11px;text-align:center}.enhance-slots button b{font-size:20px;color:#f1d59d}.enhance-slots button small{grid-column:1/-1;font-size:9px;color:#adc19e}.enhance-slots button.selected{border-color:#efd18d;background:linear-gradient(140deg,#625636,#283f30);box-shadow:inset 0 0 0 1px #efca6744}.enhance-slots button:disabled{opacity:.6}.slot-enhance-overview>strong{display:block;font-size:14px;color:#f0d6a2;line-height:1.5;margin-top:11px}.slot-enhance-overview>small{display:block;font-size:10px;color:#acbea1;line-height:1.6;margin-top:4px}.raid-combat-note{text-align:center;font-size:11px;line-height:1.7;padding:10px;margin:12px 0;color:#eac2b8;background:#59313c33;border:1px solid #bb7c7955;border-radius:8px}