@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--gold:#c9a66b;--light:#f2dfb5;--green:#59dca1;--muted:#84928c;--bg:#070f10;--panel:#0d1919}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#152423 0%,#070f10 72%);color:#e5e8e0;font:14px 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #91f7c5;outline-offset:5px}button{transition:background .2s,color .2s,transform .2s}button:hover:not(:disabled){color:var(--light)}button:active:not(:disabled){transform:translateY(1px)}button[hidden],[hidden]{display:none!important}.topbar{height:77px;border-bottom:1px solid #ffffff0e;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;gap:18px}.brand{font-size:10px;font-weight:600;letter-spacing:2px;color:#c2b590;text-decoration:none;display:flex;align-items:center;gap:14px}.sigil{font-size:29px;color:var(--gold)}.divider{color:#47554d;padding:0 6px}.quiet{font-weight:400;color:#71827d}.top-actions{display:flex;align-items:center;gap:25px}.demo-badge{font-size:9px;letter-spacing:1.6px;color:#95ac9c}.demo-badge i{width:5px;height:5px;border-radius:50%;display:inline-block;background:#6fd6a5;margin-right:7px;box-shadow:0 0 10px #6fd6a5}.text-button,.icon-button{background:none;border:0;font-size:12px;color:#9faea4;padding:8px 0}.text-button span{color:#b7a477;margin-left:4px}.icon-button{border:1px solid #2b3c34;border-radius:5px;padding:6px 9px}.icon-button span{font-size:9px;margin-left:4px}main{width:min(1430px,94vw);margin:29px auto 0}.game-shell{border:1px solid #534635;border-radius:10px;overflow:hidden;box-shadow:0 24px 100px #0008}.stage{aspect-ratio:1672/940;position:relative;background:#10100e url('assets/concept.png') center/100% 100%;isolation:isolate}.stage-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 35px #0008}.board{position:absolute;left:4.34%;top:13.61%;width:62.49%;height:69.65%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);background:#0a1010;gap:2px;padding:1px;box-shadow:0 0 10px #0009}.tile{min-width:0;min-height:0;position:relative;background:radial-gradient(ellipse,#1d2420,#080d0c 80%);border:1px solid #58452d;overflow:hidden}.symbol{position:absolute;inset:0;background-image:url('assets/concept.png');background-size:1100% 671.43%;background-position:var(--sx) var(--sy);background-repeat:no-repeat;filter:brightness(.98);transition:filter .3s,transform .3s}.tile::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 17px #0007}.tile.is-wild{border-color:#d8b14c;box-shadow:inset 0 0 15px #ebcb4c22}.tile.converted{border-color:#56e3a2}.tile.converted .symbol{filter:sepia(.3) hue-rotate(50deg) saturate(1.5) brightness(1.25)}.tile.winner{z-index:3;border:2px solid #ffe6a3;box-shadow:0 0 15px #e7c67588}.tile.winner .symbol{filter:brightness(1.35)}.tile.spinning .symbol{animation:reel .12s linear infinite;filter:blur(2px) brightness(.8)}@keyframes reel{0%{transform:translateY(-17%)}100%{transform:translateY(17%)}}.tile.just-landed{animation:land .33s ease-out}@keyframes land{0%{transform:translateY(-7px)}55%{transform:translateY(3px)}100%{transform:translateY(0)}}.tile.expanded .symbol{opacity:.12}.tall-emblem{position:absolute;top:2%;left:0;right:0;bottom:2%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse,#4b69394a,#112118ee);border:2px solid #d3b65d;z-index:7;pointer-events:none;box-shadow:inset 0 0 30px #8bf7a53b,0 0 12px #0008}.tall-emblem .tall-rune{font-size:clamp(36px,8vw,110px);color:#d3bd72;text-shadow:0 0 25px #8bed9f}.tall-emblem strong{font:700 clamp(12px,2.2vw,32px) 'Cormorant Garamond',serif;color:#f4dfa2;letter-spacing:3px}.tall-emblem em{font-style:normal;color:#a5e3ae;font-size:clamp(10px,1.4vw,20px);margin-top:8px}.tall-emblem small{position:absolute;bottom:8%;font-size:clamp(6px,.7vw,11px);letter-spacing:2px;color:#f1d59b}.multiplier{position:absolute;z-index:8;right:4%;top:4%;padding:2px 6px;background:#0a3127e8;border:1px solid #e9c779;border-radius:5px;color:#fff2b3;font-weight:700;font-size:clamp(10px,1.8vw,26px);box-shadow:0 2px 10px #0008}.wild-label{position:absolute;z-index:5;left:0;right:0;bottom:3%;text-align:center;color:#a8ffd5;font-size:clamp(6px,.65vw,10px);font-weight:700;letter-spacing:1px;background:#102c20d9}.activated-mark{position:absolute;z-index:4;left:5%;top:3%;color:#91ffc3;text-shadow:0 0 8px #22ff88;font-size:clamp(9px,1.6vw,24px)}.paylines{position:absolute;left:4.34%;top:13.61%;width:62.49%;height:69.65%;pointer-events:none;z-index:9;overflow:visible}.paylines path{stroke:#ffdf7c;stroke-width:3;fill:none;filter:drop-shadow(0 0 4px #ffdf7c);stroke-dasharray:1000;animation:draw 1.2s ease-out}@keyframes draw{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.enchant-hotspot{position:absolute;left:77.5%;top:63.5%;width:17.9%;height:8.8%;border:1px solid #b89d56;background:linear-gradient(110deg,#104d35,#126244,#093625);border-radius:20px 5px;box-shadow:inset 0 0 10px #b1f7bd33,0 0 10px #0008;color:#f5df9b;font:700 clamp(11px,2.2vw,33px) 'Cormorant Garamond',serif;letter-spacing:2px;text-shadow:0 2px 3px #000}.enchant-hotspot:hover{box-shadow:0 0 25px #45e59d66}.spin-hotspot{position:absolute;left:82%;top:79.5%;width:9.9%;height:16.2%;border-radius:50%;border:2px solid #d6b569;background:radial-gradient(circle,#18794c,#0d3e2d 70%);box-shadow:0 0 0 6px #513e21,0 0 0 8px #cba95d,inset 0 0 20px #5ac58066;color:#edd58e;display:flex;align-items:center;justify-content:center}.spin-glyph{font:500 clamp(24px,6.5vw,100px) Georgia;line-height:1;transform:translateY(-4%)}.spin-hotspot:hover{box-shadow:0 0 0 6px #513e21,0 0 0 8px #e8cf82,0 0 32px #b1f77e66}.spin-hotspot:disabled .spin-glyph{animation:turn 1s infinite linear}@keyframes turn{to{transform:rotate(360deg)}}.hud{position:absolute;left:8.9%;top:88.7%;width:63.4%;height:6%;border-radius:8px;background:linear-gradient(#101715,#070c0b);border:1px solid #6c5636;display:flex;align-items:center;justify-content:space-between;padding:0 2%;gap:10px}.hud-stat{display:flex;align-items:center;gap:10px;white-space:nowrap}.hud-stat>span,.hud-bet>span{font-size:clamp(6px,.65vw,10px);letter-spacing:1px;color:#b4a588}.hud strong{font-variant-numeric:tabular-nums;font-size:clamp(10px,1.3vw,19px);color:#f3e4bd}.hud-bet{display:flex;align-items:center;gap:10px}.hud-bet button{width:22px;height:22px;border-radius:50%;border:1px solid #8c7347;background:#15221b;color:#ddc594;line-height:1;padding:0}.win-stat strong{color:#8ee9b9}.quick{border:0;border-left:1px solid #54442d;background:none;color:#9f967e;font-size:22px;padding:0 0 0 12px}.quick.on{color:#8ff2b6}.game-status{min-height:79px;display:flex;align-items:center;gap:17px;padding:16px 27px;background:linear-gradient(100deg,#15221e,#0c1715);border-top:1px solid #595036}.status-mark{color:#d7b973;font-size:27px}.status-copy>span{font-size:9px;letter-spacing:2px;color:#c6ad77}.status-copy p{font-family:'Cormorant Garamond',serif;font-size:22px;margin:3px 0 0;color:#e8e8d8}.line-count{margin-left:auto;white-space:nowrap;font-size:9px;letter-spacing:1.7px;color:#7a8e82}.line-count b,footer b{padding:0 8px;color:#596652}.bonus-count{margin-left:auto;padding:8px 16px;border:1px solid #b19d61;border-radius:5px;color:#e9d594;white-space:nowrap;font-variant-numeric:tabular-nums}.bonus-banner{position:absolute;top:2%;right:2%;padding:6px 12px;background:#0c251fe8;border:1px solid #b5a26b;border-radius:4px;font-size:clamp(7px,1vw,14px);color:#f3dfaf;letter-spacing:1px;z-index:10}.cast-glow{position:absolute;top:25%;left:58%;width:28%;height:40%;background:radial-gradient(ellipse,#70ffae55,transparent 70%);pointer-events:none;opacity:0}.casting .cast-glow{animation:cast 1s ease-out}@keyframes cast{30%{opacity:1;transform:scale(1.6)}100%{opacity:0}}.under-game{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:20px}.mode-switch{display:flex;padding:4px;background:#0c1715;border:1px solid #283c31;border-radius:7px;gap:3px}.mode-switch button{background:none;border:1px solid transparent;border-radius:4px;font-size:11px;padding:9px 16px;color:#8e9c91;display:flex;gap:13px;align-items:center}.mode-switch button small{font-size:9px;opacity:.65}.mode-switch button.selected{background:#233b2c;border-color:#5d7246;color:#e7d6a6}.utility{display:flex;gap:24px}.activation-panel{border-top:1px solid #26392e;border-bottom:1px solid #26392e;padding:27px 3px;display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{font-size:9px;letter-spacing:2px;color:#9b9f7b}.activation-title h1{font:500 29px 'Cormorant Garamond',serif;color:#d6d9cb;margin:10px 0 5px}.activation-title p{font-size:11px;line-height:1.7;color:#82988b;margin:0;max-width:570px}.activation-symbols{display:flex;gap:8px;flex-shrink:0}.token{width:47px;height:49px;background:#122019;border:1px solid #344534;border-radius:6px;position:relative;opacity:.4;overflow:hidden}.token.active{opacity:1;border-color:#73bd8b;box-shadow:0 0 12px #60d98e33}.token .symbol{background-size:1100% 671.43%}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0 32px;color:#63766a;font-size:8px;letter-spacing:1.1px}footer p{margin:0;letter-spacing:.1px;font-size:10px}footer button{background:none;border:0;border-bottom:1px solid #526153;padding:0;color:#9ba486;font-size:10px}.keyboard-hint{white-space:nowrap}kbd{font:8px 'DM Sans',sans-serif;border:1px solid #465348;padding:3px 6px;border-radius:3px;margin-right:6px}dialog{color:#d9e1d6;background:linear-gradient(130deg,#182722,#0b1513);border:1px solid #8b7547;border-radius:13px;padding:28px;width:min(820px,94vw);max-height:88vh;box-shadow:0 30px 150px #000c}dialog::backdrop{background:#020706ce;backdrop-filter:blur(8px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #3f4d38;margin-bottom:20px}.modal-head h2{font:500 36px 'Cormorant Garamond',serif;margin:6px 0 0;color:#f0dfb3}.modal-head button{background:none;border:1px solid #4b5742;border-radius:50%;width:33px;height:33px;font-size:24px;color:#b5bca5}#modal-body p{font-size:13px;line-height:1.8;color:#a5b5a8}#modal-body h3{font:600 23px 'Cormorant Garamond',serif;color:#dec58c;margin:25px 0 9px}.shop-tabs{display:flex;gap:8px;margin-bottom:20px}.shop-tabs button,.lab-actions button,.primary-button{border:1px solid #60744d;background:#1f3e2a;color:#e6dab2;border-radius:5px;padding:10px 15px}.shop-tabs button.selected{background:#355239;border-color:#cfb979}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-card{border:1px solid #394c37;background:#101e18;padding:19px;border-radius:8px;display:flex;flex-direction:column;align-items:start;text-align:left;gap:9px}.shop-card:hover{background:#1c3223;border-color:#a18e5b}.shop-card strong{font:600 23px 'Cormorant Garamond',serif;color:#e5d49f}.shop-card span{font-size:11px;line-height:1.65;color:#98ab9c}.shop-card em{font-size:11px;font-style:normal;color:#8dd5a5;margin-top:auto;padding-top:6px}.notice{padding:12px 15px;background:#c1a76b0b;border:1px solid #6b5d34;border-radius:5px}.lab-actions{display:flex;flex-wrap:wrap;gap:10px}.rules-list{padding-left:20px;color:#b6c5b6;font-size:13px;line-height:1.9}.rules-list li{padding:4px}.journal-entry{padding:15px 0;border-bottom:1px solid #344532}.journal-entry strong{color:#e4d3a2;font-size:13px}.journal-entry p{margin:5px 0}.symbol-pay{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;font-size:10px;color:#b6c5b6;padding:7px 0;border-bottom:1px solid #344532}.symbol-pay:first-child{color:#d8bf85}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#1d3227;border:1px solid #9f8c59;padding:14px 22px;border-radius:7px;box-shadow:0 10px 40px #0008;opacity:0;transition:.3s;pointer-events:none;z-index:30;text-align:center;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.result-total{font:600 60px 'Cormorant Garamond',serif;color:#e9d198;text-align:center;margin:15px 0}.result-center{text-align:center}.result-center .primary-button{min-width:160px}.line-picker{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.line-picker button{background:#182e20;border:1px solid #56633a;color:#c8d3b6;border-radius:4px;padding:7px 9px;font-size:11px}.line-picker button.selected{border-color:#d6ba77;color:#ffdf92}.shop-intro{margin-top:0}.tile.boosted{animation:boost .8s ease-out}@keyframes boost{40%{box-shadow:inset 0 0 50px #9dff9b;filter:brightness(1.8)}}
@media(min-width:1700px){main{margin-top:40px}}@media(max-width:1000px){.brand .quiet,.divider{display:none}.topbar{height:62px}.top-actions{gap:15px}.hud{gap:5px;padding:0 1%}.hud-stat,.hud-bet{gap:5px}.hud-bet button{width:17px;height:17px;font-size:12px}.quick{font-size:17px;padding-left:5px}.activation-symbols{gap:4px}.token{width:33px;height:35px}.activation-title h1{font-size:25px}footer{flex-wrap:wrap}.line-count{font-size:8px;letter-spacing:1px}}
@media(max-width:650px){.topbar{padding:0 4vw;height:58px}.brand{font-size:8px;letter-spacing:1.2px;gap:7px}.sigil{font-size:24px}.demo-badge{display:none}.top-actions{gap:12px}.text-button{font-size:10px}main{width:98vw;margin-top:12px}.game-shell{border-radius:5px}.stage{aspect-ratio:1672/1120;background-size:100% 84%;background-position:top;background-repeat:no-repeat;background-color:#0a1410}.board,.paylines{top:11.42%;height:58.46%}.enchant-hotspot{top:53.3%;height:7.4%;font-size:11px;letter-spacing:1px}.spin-hotspot{top:67%;height:13.6%}.hud{top:85.6%;left:2%;width:96%;height:11.2%;padding:0 3%;border-color:#6d603c}.hud-stat>span,.hud-bet>span{font-size:7px;letter-spacing:.5px}.hud strong{font-size:13px}.hud-bet button{width:22px;height:22px;font-size:15px}.hud-stat{flex-direction:column;align-items:start;gap:3px}.hud-bet{gap:8px}.hud-bet>span{display:none}.quick{font-size:24px}.game-status{padding:11px 13px;gap:9px;min-height:66px}.status-mark{font-size:21px}.status-copy>span{font-size:7px;letter-spacing:1.4px}.status-copy p{font-size:17px}.line-count{display:none}.bonus-count{font-size:10px;padding:6px 8px}.under-game{padding:12px 3px;flex-wrap:wrap;gap:9px}.mode-switch{flex:1;justify-content:space-between}.mode-switch button{font-size:9px;padding:8px 8px;gap:6px}.mode-switch button small{font-size:8px}.utility{width:100%;justify-content:flex-end;gap:20px}.activation-panel{padding:20px 10px;display:block}.activation-title h1{font-size:26px}.activation-title p{font-size:10px}.activation-symbols{margin-top:16px;gap:6px;flex-wrap:wrap}.token{width:32px;height:35px}footer{padding:20px 10px;gap:12px}.keyboard-hint{display:none}footer p{font-size:9px;line-height:1.8}.shop-grid{grid-template-columns:1fr}dialog{padding:21px}.modal-head h2{font-size:30px}.shop-card strong{font-size:22px}.bonus-banner{font-size:7px;max-width:28%;right:1%;padding:4px;top:2%}.spin-glyph{font-size:8vw}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.enchant-hotspot:disabled{opacity:1;filter:saturate(.45) brightness(.68)}
/* The original character is a moving 2.5D cutout over a clean background plate. */
.wizard-rig{position:absolute;inset:0;pointer-events:none;z-index:1;--rig-bottom:100%}
.wizard-cleanplate,.wizard-body,.wizard-staff{position:absolute;inset:0;background-image:url('assets/concept.png');background-size:100% 100%;background-repeat:no-repeat;will-change:transform}
.wizard-cleanplate{background-image:url('assets/wizard-backdrop.png');clip-path:polygon(67% 0,100% 0,100% 56%,67% 56%)}
.wizard-body{clip-path:polygon(63% 25.5%,65.8% 24.4%,67.8% 25%,70.8% 27%,72% 25%,73.5% 23%,75.5% 21%,76.8% 19%,77.2% 16%,77.1% 11%,78% 7%,80% 4%,83% 3.5%,85% 4%,86.5% 7%,87% 12%,87% 16%,89% 19%,91.5% 21%,93% 26%,93.5% 32%,94% 42%,93% 50.9%,80% 51%,74% 52%,71% 49%,69.7% 43%,70.3% 34%,69% 32%,67.5% 30.6%,65.5% 29%,63% 28.3%);transform-origin:84% 51%}
.wizard-staff{clip-path:polygon(93% 4%,95% 5%,97% 10%,98% 14%,97% 19%,95.5% 21%,95% 28%,96% 29%,95% 35%,94.5% 51%,92.3% 51%,92.4% 34%,92% 31%,92.5% 26%,93% 21%,91% 17%,91% 11%,92% 8%);transform-origin:94% 48%}
.wizard-orb,.wizard-hand{position:absolute;width:8%;aspect-ratio:1;border-radius:50%;left:90.2%;top:7%;background:radial-gradient(circle,#fffde799,#bfff6855 20%,#48ff9e22 45%,transparent 72%);opacity:.3;mix-blend-mode:screen;filter:blur(1px)}
.wizard-hand{left:60.8%;top:20%;width:9%;opacity:0;background:radial-gradient(circle,#e8ffbdcc,#6cff8f66 20%,transparent 68%)}
.wizard-seal{position:absolute;left:76.2%;top:36%;width:16%;aspect-ratio:1;border:1px solid #9dffc0;border-radius:50%;color:#d5ffbd;display:grid;place-items:center;opacity:0;box-shadow:0 0 15px #7eff9c88,inset 0 0 15px #7eff9c44}
.wizard-seal::before,.wizard-seal::after{content:'';position:absolute;inset:10%;border:1px solid currentColor;transform:rotate(45deg)}
.wizard-seal::after{inset:18%;transform:rotate(15deg)}.wizard-seal span{font:500 clamp(25px,6vw,90px) Georgia;text-shadow:0 0 12px #9dffa9}
.wizard-casting .wizard-body{animation:wizard-gesture calc(1150ms * var(--spell-speed,1)) cubic-bezier(.2,.7,.3,1) both}
.wizard-casting .wizard-staff{animation:staff-gesture calc(1150ms * var(--spell-speed,1)) ease-in-out both}
.wizard-casting .wizard-orb{animation:orb-charge calc(1150ms * var(--spell-speed,1)) ease-out both}
.wizard-casting .wizard-hand{animation:hand-charge calc(1150ms * var(--spell-speed,1)) ease-out both}
.wizard-casting .wizard-seal{animation:seal-charge calc(1150ms * var(--spell-speed,1)) ease-out both}
.gold-cast .wizard-orb,.gold-cast .wizard-hand{filter:hue-rotate(-35deg)}
.gold-cast .wizard-seal{color:#ffe0a0;border-color:#ffdf85;box-shadow:0 0 20px #ffc65a66}
@keyframes wizard-gesture{0%,100%{transform:translate(0) rotate(0);filter:brightness(1)}28%{transform:translate(.12%,-.4%) rotate(.65deg);filter:brightness(1.14)}58%{transform:translate(-.5%,.1%) rotate(-1.05deg);filter:brightness(1.2)}78%{transform:translate(-.2%,0) rotate(-.3deg)}}
@keyframes staff-gesture{0%,100%{transform:rotate(0)}32%{transform:rotate(1.5deg)}65%{transform:rotate(-1.2deg)}}
@keyframes orb-charge{0%{opacity:.25;transform:scale(.8)}30%{opacity:1;transform:scale(1.7)}60%{opacity:.9;transform:scale(1.3)}100%{opacity:.25;transform:scale(1)}}
@keyframes hand-charge{0%{opacity:0;transform:scale(.2)}28%{opacity:1;transform:scale(1.3)}70%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(.4)}}
@keyframes seal-charge{0%{opacity:0;transform:scale(.4) rotate(-40deg)}35%{opacity:.7;transform:scale(1) rotate(0)}75%{opacity:.4;transform:scale(1.08) rotate(30deg)}100%{opacity:0;transform:scale(1.25) rotate(45deg)}}
.board{z-index:2}.hud,.enchant-hotspot,.spin-hotspot{z-index:12}
.spell-layer{position:absolute;inset:0;pointer-events:none;z-index:11;overflow:hidden;border-radius:8px}.spell-beams{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.spell-bolt{fill:none;stroke:#adffcf;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:.2 .8;filter:drop-shadow(0 0 4px #59ff9f) drop-shadow(0 0 8px #59ff9f);vector-effect:non-scaling-stroke}
.spell-bolt.gold{stroke:#ffe8aa;filter:drop-shadow(0 0 4px #ffd564) drop-shadow(0 0 8px #ffcd4d)}
.spell-projectile,.spell-spark{position:absolute;display:block;width:5px;height:5px;background:#e0ffe9;border-radius:50%;box-shadow:0 0 8px #7dffab,0 0 17px #73ffb3}
.spell-projectile{width:9px;height:9px;box-shadow:0 0 12px 5px #aaffb866,0 0 27px 10px #8effb633}
.spell-projectile.gold,.spell-spark.gold{background:#fff5d4;box-shadow:0 0 10px #ffe181,0 0 22px #ffcf70}
.impact-ring{display:block;position:absolute;width:clamp(25px,6vw,85px);aspect-ratio:1;border:2px solid #b8ffd1;border-radius:50%;box-shadow:0 0 16px #6cff9b88,inset 0 0 16px #6cff9b55}
.impact-ring.gold{border-color:#ffdf8d;box-shadow:0 0 16px #ffe16b88,inset 0 0 16px #ffe16b55}
.spell-award{position:absolute;color:#ffefbb;font:700 clamp(11px,2.5vw,37px) 'Cormorant Garamond',serif;letter-spacing:1px;white-space:nowrap;text-shadow:0 2px 4px #000,0 0 15px #ffb83b;background:#071810b3;padding:3px 8px;border-radius:4px;z-index:2}
.tile{perspective:600px}.tile.spell-target{border-color:#8afcbd;box-shadow:inset 0 0 28px #62ffc155}.tile.transmuted{box-shadow:inset 0 0 35px #b2ffc177;border-color:#caffad}
.tile.converted .symbol{filter:brightness(1.15);transform:none}.expanding-wild{z-index:8;box-shadow:0 0 24px #d1fa8e66,inset 0 0 40px #8bf7a555}.tall-emblem{overflow:hidden}.expanding-wild::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#edffc338,transparent);animation:expansion-light calc(950ms * var(--spell-speed,1)) ease-out both}
@keyframes expansion-light{from{transform:scaleY(.1);opacity:1}to{transform:scaleY(1.5);opacity:0}}
@media(max-width:650px){.wizard-rig{bottom:16%}.spell-award{font-size:12px}.spell-projectile{width:5px;height:5px}.spell-spark{width:3px;height:3px}.wizard-seal span{font-size:6vw}}
@media(prefers-reduced-motion:reduce){.wizard-orb,.wizard-hand,.wizard-seal,.spell-beams,.spell-projectile,.spell-spark,.impact-ring{display:none}.wizard-body,.wizard-staff{will-change:auto}}
.audio-controls{display:flex;gap:6px}.audio-controls .icon-button{min-width:59px;white-space:nowrap;font-size:11px}.audio-controls [aria-pressed="true"]{color:#c9e5b6;border-color:#69945a;background:#233b2c}.audio-controls [aria-pressed="true"] span{color:#9ee1b1}@media(max-width:650px){.top-actions{gap:9px}.audio-controls{gap:4px}.audio-controls .icon-button{min-width:48px;padding:6px;font-size:10px}.audio-controls .icon-button span{font-size:8px;margin-left:2px}.brand{font-size:7px;letter-spacing:.6px;gap:4px}}