/* Restore the carved-metal, painted-card treatment without obscuring the skill labels. */
:root{--brass:#b6965a;--brass-light:#f0d39a}
.board-panel{border:5px ridge #a48a53;background:repeating-linear-gradient(105deg,#292a1c55 0 1px,transparent 1px 5px),radial-gradient(ellipse at 50% 0,#3c4029,#151d14 85%);box-shadow:inset 0 0 0 2px #0b1009,inset 0 0 0 3px #655737,inset 0 0 45px #0007,0 12px 35px #0008}
.board{gap:7px;padding:5px;background:#090f09;border:1px solid #514b2d;box-shadow:inset 0 2px 12px #000,0 1px #a18a4866}
.cell{isolation:isolate;border:3px ridge #a38c56;box-shadow:inset 0 0 0 1px #0b1009,inset 0 2px 2px #fff1bd44,inset 0 -5px 8px #0009,0 2px 3px #0009;background:radial-gradient(ellipse at 45% 25%,#596044,#1b291b 75%)}
.cell.empty{border:2px inset #5d6240;background:repeating-linear-gradient(125deg,#a7af7a06 0 1px,transparent 1px 5px),radial-gradient(ellipse at 50% 70%,#202e1d,#10170f 80%);box-shadow:inset 0 3px 12px #000a,inset 0 0 0 2px #11180d,0 1px #b4a66b22}
.cell.empty .empty-mark{font-size:16px;color:#7b8157;text-shadow:0 1px #000}
.cell.skill:after{content:'';position:absolute;z-index:-1;inset:3px;background-image:linear-gradient(0deg,#0c140df5,transparent 52%),url('assets/skill-icons.png');background-size:100% 100%,300% 200%;background-position:center,var(--ax,0%) var(--ay,0%);opacity:.72;filter:saturate(.75) contrast(1.08);box-shadow:inset 0 0 12px #000c;pointer-events:none}
.cell[data-skill='sword']{--ax:0%;--ay:0%}.cell[data-skill='wind']{--ax:50%;--ay:0%}.cell[data-skill='shield']{--ax:100%;--ay:0%}.cell[data-skill='fire']{--ax:0%;--ay:100%}.cell[data-skill='potion']{--ax:50%;--ay:100%}.cell[data-skill='thunder'],.cell[data-skill='gold']{--ax:100%;--ay:100%}.cell[data-skill='thunder']:after{filter:hue-rotate(35deg) saturate(.8)}.cell[data-skill='gold']:after{filter:sepia(.8)}
.cell .icon{filter:drop-shadow(0 2px 0 #262417) drop-shadow(0 0 3px #000) drop-shadow(0 0 6px #fff0b544);padding:2px;background:radial-gradient(ellipse,#151a1077,transparent 70%)}
.cell .name{font-weight:600;position:relative;z-index:1;color:#f1dfb6;text-shadow:0 2px 2px #000,1px 0 #1b170e,-1px 0 #1b170e;background:linear-gradient(90deg,transparent,#11190bd9 20% 80%,transparent);width:100%;padding:2px 0;margin-top:1px;border-top:1px solid #c8b16a33}
.cell.gear{border:3px ridge #e2bc6b;background:repeating-linear-gradient(120deg,#ffffff05 0 1px,transparent 1px 4px),radial-gradient(ellipse at 40% 20%,#89703d,#49391f 52%,#282318);box-shadow:inset 0 0 0 2px #2d2412,inset 0 0 0 3px #ad8a4b,inset 0 3px 4px #fff2c044,inset 0 -7px 12px #140e09,0 3px 4px #000a}
.cell.gear:before{content:'◆';position:absolute;left:3px;top:1px;font-size:7px;color:#dfc58e;filter:drop-shadow(0 1px #000)}.cell.gear:after{color:#f4db9c;text-shadow:0 1px 2px #000}
.cell.gear .icon{color:#ffdfa0;filter:drop-shadow(0 2px #583b17) drop-shadow(0 -1px #fff1bb) drop-shadow(0 3px 4px #000a)}
.cell.in-range{outline:1px solid #c9d398;outline-offset:0;background:radial-gradient(ellipse,#758b49,#23311b);box-shadow:inset 0 0 15px #c8dd7444,0 0 6px #b4c76b55}.cell.selected{outline:2px solid #ffe6a2;outline-offset:2px;box-shadow:inset 0 0 15px #d4a74466,0 0 12px #dbb66788}
.cell-mult{background:linear-gradient(#6f3d22,#3b2517);color:#fff0bc;border:1px solid #e3b365;box-shadow:0 2px 4px #000c,inset 0 1px #fff0b266;text-shadow:0 1px #6c351e;font-size:11px;right:-3px;top:-5px;padding:1px 4px;transform:rotate(-5deg)}
.loadout-panel{border:3px ridge #887847;background:repeating-linear-gradient(115deg,#c8b76507 0 1px,transparent 1px 5px),linear-gradient(#253022,#151d14);box-shadow:inset 0 0 22px #0005,0 4px 16px #0005}
.rack-card{isolation:isolate;border:3px ridge #c0a164;background:linear-gradient(150deg,#665334,#2b321f 62%,#161f15);box-shadow:inset 0 0 0 1px #20170d,inset 0 0 0 2px #b2955355,inset 0 2px 2px #fff2b944,inset 0 -5px 15px #000a,0 4px 7px #000a;overflow:visible;transform-origin:50% 75%}
.rack-card:before{content:'◆';position:absolute;top:3px;left:5px;font-size:7px;color:#d9bd7c;filter:drop-shadow(0 1px #000)}
.rack-card:after{content:'';position:absolute;inset:6px;z-index:-1;border:1px solid #ba9c4e66;background:repeating-linear-gradient(110deg,#f2dca40b 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 20%,#d2b76922,transparent 75%);pointer-events:none}
.rack-card .icon{color:#f2d49a;filter:drop-shadow(0 2px #593d1e) drop-shadow(0 -1px #fff1b7) drop-shadow(0 3px 5px #000)}.rack-card span{color:#efd7a4;font-weight:600;text-shadow:0 2px 3px #000;letter-spacing:1px}.rack-empty{border:2px inset #4f5839;background:radial-gradient(ellipse,#1d2a1b,#10170f);box-shadow:inset 0 4px 14px #0009}
.rack-card.proc,.cell.gear.proc{animation:brass-card-trigger .62s cubic-bezier(.2,.8,.3,1) both;z-index:8}.mult-pop,.rack-card .equip-pop{font-weight:900;color:#fff0b7;-webkit-text-stroke:.5px #b06a2d;text-shadow:0 2px #8a3b21,0 4px #361b11,0 0 16px #ff9d3e,0 0 30px #eeb36388;font-size:clamp(23px,3vw,35px);animation:card-number-slam .9s cubic-bezier(.15,.85,.25,1) both;letter-spacing:-1px}.rack-card .equip-pop{top:-12px;z-index:12}
.choice-card,.shop-card{border:4px ridge #ad9459;background:repeating-linear-gradient(110deg,#ecd49708 0 1px,transparent 1px 5px),radial-gradient(ellipse at 40% 0,#5b6040aa,transparent 70%),linear-gradient(#2a3523,#171f16);box-shadow:inset 0 0 0 2px #182011,inset 0 0 0 3px #8a754444,inset 0 3px 4px #e0ce8c33,inset 0 -8px 24px #0007,0 6px 16px #0007}
.choice-card:before,.shop-card:before{content:'◆';position:absolute;top:6px;right:8px;color:#cfb470;font-size:8px;text-shadow:0 1px #000}.choice-card strong,.shop-card strong{text-shadow:0 2px 2px #000;color:#ecd49d}.choice-card .icon,.shop-card .icon,.pool-row>.icon{padding:7px;width:53px;height:53px;border:3px ridge #a58f58;background:radial-gradient(ellipse at 30% 20%,#737750,#2d3b25 70%);box-shadow:inset 0 0 0 1px #18200f,inset 0 2px 4px #f9e8ad44,inset 0 -4px 6px #0009,0 3px 5px #0008;filter:drop-shadow(0 1px 0 #000)}
.pool-row>.icon{width:43px;height:43px;padding:6px}.choice-card .gain{padding:9px 10px;border:1px solid #7d7344;box-shadow:inset 0 1px #d7c78a22;background:linear-gradient(#3d422b77,#17200f66);color:#ead2a0}.sheet{border:4px ridge #b39759;box-shadow:inset 0 0 0 1px #151a0c,inset 0 0 35px #0007,0 0 0 3px #080c07,0 20px 80px #000}.primary,.buy,.secondary,.quiet{border-style:ridge;border-width:2px;box-shadow:inset 0 1px #fff1bf22,inset 0 -3px 6px #0005,0 2px 3px #0005}
.score-burst{position:fixed;inset:0;z-index:24;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#160b04dc 0%,#100a0480 26%,transparent 66%);padding:14px;isolation:isolate}.score-burst.visible{opacity:1}.score-burst #score-sparks{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:transparent;z-index:-1;pointer-events:none;border:0}
.score-burst .burst-main{font-size:clamp(90px,15vw,180px);margin:12px 0}.score-burst.final .burst-main{font-size:clamp(92px,15vw,190px)}.score-burst .burst-label{font-size:clamp(14px,2vw,23px)}.score-burst .burst-math{font-size:clamp(15px,2vw,25px)}.score-burst .burst-history{font-size:12px;line-height:1.9;max-width:660px}.score-burst .burst-combo{letter-spacing:2px;font-size:13px}.score-burst .burst-math span{color:#97d9cc}.score-burst .burst-math em{margin:0 8px;color:#ffa66a}.score-burst .burst-math strong{color:#ffe7aa}.arena-burst{display:none}
.effects-paused *{animation-play-state:paused!important}.score-impact .board-panel{animation:board-kick .25s ease-out}
@keyframes brass-card-trigger{0%{transform:scale(1) rotate(0);filter:brightness(1)}18%{transform:translateY(-7px) scale(1.1) rotate(-7deg);filter:brightness(1.8);box-shadow:0 0 20px #ffc56b99,inset 0 0 15px #e7b35066}42%{transform:translateY(-3px) scale(1.04) rotate(6deg)}65%{transform:rotate(-3deg)}100%{transform:scale(1) rotate(0);filter:brightness(1)}}
@keyframes card-number-slam{0%{opacity:0;transform:translate(-50%,0) scale(2.1) rotate(-10deg);filter:brightness(2.2)}22%{opacity:1;transform:translate(-50%,-12px) scale(.95) rotate(-4deg);filter:brightness(1.3)}45%{transform:translate(-50%,-17px) scale(1.08) rotate(-4deg)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-38px) scale(1) rotate(-4deg)}}
@keyframes board-kick{0%{transform:translateY(0)}30%{transform:translateY(2px)}65%{transform:translateY(-1px)}100%{transform:translateY(0)}}
@media(max-width:760px){.board-panel{border-width:4px;padding:8px 8px 10px}.board{gap:5px;padding:3px}.cell{border-width:2px}.cell.gear{border-width:2px;box-shadow:inset 0 0 0 1px #2d2412,inset 0 0 0 2px #ad8a4b,inset 0 2px 3px #fff2c044,inset 0 -5px 10px #140e09,0 2px 3px #000a}.cell .name{font-size:10px;padding:1px 0}.cell .icon{width:45%;height:45%;padding:1px}.cell-mult{font-size:10px}.rack-card{border-width:2px}.rack-card span{letter-spacing:0;font-size:9px}.choice-card .icon{width:44px;height:44px;padding:6px}.shop-card .icon{width:43px;height:43px;padding:6px}.score-burst .burst-main{font-size:clamp(88px,25vw,130px);letter-spacing:-4px}.score-burst.final .burst-main{font-size:clamp(86px,24vw,128px)}.score-burst .burst-label{font-size:16px;letter-spacing:3px}.score-burst .burst-combo{font-size:11px}.score-burst .burst-math{font-size:17px;white-space:normal;line-height:1.8}.score-burst .burst-history{font-size:10px;margin-top:10px;max-width:94%;padding:0 10px}.score-burst{background:radial-gradient(ellipse at 50% 44%,#160b04ed,#100a0499 30%,transparent 72%)}.score-burst #score-sparks{height:100%;width:100%}.mult-pop{font-size:27px}.loadout-panel{border-width:2px}}
@media(prefers-reduced-motion:reduce){.rack-card.proc,.cell.gear.proc,.mult-pop,.equip-pop,.score-impact .board-panel{animation:none!important}.score-burst.visible{opacity:1}.score-burst:not(.visible){opacity:0}}