:root{--gold: #f7c948;--gold-dark: #b8860b;--parchment: #e8d5a3;--ink: #2a1a0a;--mana-blue: #2196f3;--hp-red: #d32f2f;--atk-yellow: #ffc107;--card-w: 8.125rem;--card-h: 11.375rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(7px,1.25vw,16px)}html,body{width:100%;height:100%;overflow:hidden;background:#0d0a06;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;user-select:none;-webkit-user-select:none}#app{position:relative;width:100vw;height:100vh;overflow:hidden}#board-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}#fx-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}#overlay-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}#screen-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}#screen-root>*{pointer-events:auto}img{-webkit-user-drag:none;user-drag:none}.board-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(./planks-BrLe0RQk.jpg);background-size:32rem}.board-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,#0000 40%,#0000008c),linear-gradient(#140c0459,#140c0459)}.play-table{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,93.75rem);height:min(88vh,53.75rem);border-radius:1.625rem;background:url(./wood-Yh8uOQqN.jpg);background-size:43.75rem;box-shadow:0 0 0 .375rem #241708,0 0 0 .625rem #4a3113,0 1.5rem 3.75rem #000000bf,inset 0 0 5rem #0000008c}.play-table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.625rem;background:radial-gradient(ellipse at 50% 40%,#ffdc961a,#00000059 90%);pointer-events:none}.battlefield{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;height:38%;border-radius:1.125rem;background:url(./leather-_idXBUpj.jpg);background-size:30rem;box-shadow:inset 0 0 2.5rem #000000a6,0 0 0 .25rem #3a2410,0 0 0 .375rem #6b4a1c}.battlefield:after{content:"";position:absolute;left:4%;right:4%;top:50%;height:.125rem;background:linear-gradient(90deg,transparent,rgba(214,178,110,.45),transparent)}.board-row{position:absolute;left:0;width:100%;height:46%;display:flex;justify-content:center;align-items:center;gap:.625rem}.board-row.enemy{top:2%}.board-row.player{bottom:2%}.hero-zone{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.875rem;z-index:5}.hero-zone.enemy{top:7%}.hero-zone.player{bottom:17%}.hero{position:relative;width:7.375rem;height:7.375rem}.hero .portrait-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:url(./metal-UJBWD7Vy.jpg);background-size:13.75rem;box-shadow:0 .375rem 1rem #000000b3,inset 0 0 .375rem #000c;border:.1875rem solid #201409}.hero .portrait{position:absolute;top:.5625rem;right:.5625rem;bottom:.5625rem;left:.5625rem;border-radius:50%;overflow:hidden;border:.125rem solid rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}.hero .portrait img{width:68%;height:68%;filter:drop-shadow(0 .1875rem .25rem rgba(0,0,0,.6))}.hero .stat{position:absolute;width:2.75rem;height:2.75rem;bottom:-.375rem;z-index:3}.hero .stat.hp{right:-.5rem}.hero .stat.atk{left:-.5rem}.hero .stat.armor{right:-.5rem;top:-.25rem;bottom:auto;width:2.375rem;height:2.375rem}.hero.targetable{cursor:pointer}.hero.can-attack .portrait-ring{box-shadow:0 0 1.125rem .3125rem #4cff78bf,inset 0 0 .375rem #000c}.hero-name-plate{position:absolute;left:50%;transform:translate(-50%);bottom:-1.25rem;white-space:nowrap;font-size:.8125rem;font-weight:700;color:#f3e3b8;text-shadow:0 .0625rem .125rem #000,0 0 .375rem #000;background:#140c04b8;border:.0625rem solid #6b4a1c;border-radius:.625rem;padding:.0625rem .625rem}.hero-power{position:relative;width:5.25rem;height:5.25rem;cursor:pointer;transition:transform .15s}.hero-power:hover{transform:scale(1.07)}.hero-power .ring{position:absolute;top:0;right:0;bottom:0;left:0}.hero-power .ring img{width:100%;height:100%}.hero-power .picon{position:absolute;top:1.25rem;right:1.25rem;bottom:1.25rem;left:1.25rem;display:flex;align-items:center;justify-content:center}.hero-power .picon img{width:100%;height:100%;opacity:.92}.hero-power .cost{position:absolute;top:-.4375rem;left:50%;transform:translate(-50%);width:1.875rem;height:1.875rem;z-index:2}.hero-power.used,.hero-power.unusable{filter:grayscale(.85) brightness(.6);cursor:default}.hero-power.used:hover,.hero-power.unusable:hover{transform:none}.hero-power.usable-glow{animation:powerGlow 1.6s ease-in-out infinite;border-radius:50%}.side-panel{position:absolute;right:1.4%;display:flex;flex-direction:column;align-items:flex-end;gap:.375rem;z-index:6}.side-panel.enemy{top:4%}.side-panel.player{bottom:4%}.deck-pile{position:relative;width:3.625rem;height:4.875rem;border-radius:.375rem;background:linear-gradient(#1e120840,#1e120840),url(./leather-_idXBUpj.jpg);background-size:15rem;border:.125rem solid #7a5a22;box-shadow:.125rem .125rem #201203,.25rem .25rem #55401a,.375rem .375rem .75rem #0009;display:flex;align-items:center;justify-content:center}.deck-pile img{width:60%;opacity:.8}.deck-pile .count{position:absolute;bottom:-.5rem;right:-.5rem;min-width:1.625rem;height:1.625rem;border-radius:.8125rem;background:#1c1204;border:.125rem solid #c9a24b;color:#ffe6a6;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 .25rem}.mana-bar{display:flex;align-items:center;gap:.1875rem}.mana-bar .crystals{display:flex;gap:.125rem}.mana-bar .crystal{width:1.375rem;height:1.5rem;transition:filter .25s,opacity .25s}.mana-bar .crystal img{width:100%;height:100%}.mana-bar .crystal.empty{filter:grayscale(1) brightness(.45);opacity:.7}.mana-text{font-size:.9375rem;font-weight:700;color:#bfe4ff;text-shadow:0 .0625rem .125rem #000;margin-right:.25rem}.mana-bar.enemy-mana .crystal{width:.9375rem;height:1.0625rem}.end-turn-btn{position:absolute;right:1.2%;top:50%;transform:translateY(-50%);width:8.125rem;height:3.25rem;z-index:20;border:none;border-radius:.75rem;cursor:pointer;font-family:inherit;font-size:1.1875rem;font-weight:700;letter-spacing:.125rem;color:#3a2404;background:linear-gradient(#ffecaa40,#78460a40),url(./metal-UJBWD7Vy.jpg);background-size:16.25rem;background-blend-mode:overlay;background-color:#d8b054;border:.1875rem solid #6d4c1e;box-shadow:0 .25rem .625rem #0009,inset 0 .0625rem #ffffff80;text-shadow:0 .0625rem 0 rgba(255,255,255,.4);transition:transform .12s,box-shadow .12s,filter .2s}.end-turn-btn:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 0 1.125rem #ffd66ecc}.end-turn-btn:disabled{filter:grayscale(.8) brightness(.6);cursor:default;transform:translateY(-50%);box-shadow:none}.turn-banner{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.6);padding:1rem 4.375rem;font-size:2.625rem;font-weight:700;letter-spacing:.625rem;color:#ffe9b0;text-shadow:0 .125rem .25rem #000,0 0 1.375rem rgba(255,180,60,.9);background:linear-gradient(#281606e0,#281606e0);border-top:.1875rem solid #c9a24b;border-bottom:.1875rem solid #c9a24b;opacity:0;pointer-events:none;z-index:70}.toast-msg{position:absolute;left:50%;top:30%;transform:translate(-50%);padding:.5rem 1.625rem;border-radius:1.25rem;background:#5a0a0ae0;border:.125rem solid #e57373;color:#ffd9d9;font-size:1.0625rem;font-weight:700;text-shadow:0 .0625rem .125rem #000;z-index:80;pointer-events:none;opacity:0}.result-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.625rem;background:#080401d1;z-index:100}.result-screen .title{font-size:5.75rem;font-weight:700;letter-spacing:1.25rem}.result-screen .title.win{color:#ffd76e;text-shadow:0 0 2.125rem rgba(255,190,60,.95),0 .25rem .5rem #000}.result-screen .title.lose{color:#90a4ae;text-shadow:0 0 1.5rem rgba(120,144,156,.8),0 .25rem .5rem #000}.result-screen button{font-family:inherit;font-size:1.375rem;font-weight:700;padding:.75rem 2.875rem;border-radius:.75rem;border:.1875rem solid #6d4c1e;background:#d8b054;color:#3a2404;cursor:pointer}.result-screen button:hover{filter:brightness(1.1)}.start-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.875rem;background:radial-gradient(ellipse at 50% 35%,#78461473,#000000e6 75%),url(./planks-BrLe0RQk.jpg);background-size:cover,32rem;z-index:100}.start-screen h1{font-size:4rem;letter-spacing:.875rem;color:#ffd76e;text-shadow:0 0 1.875rem rgba(255,190,60,.8),0 .25rem .375rem #000}.start-screen .subtitle{color:#cbb98a;font-size:1rem;letter-spacing:.25rem}.start-screen .hero-pick{display:flex;gap:2.5rem}.start-screen .pick-card{width:11.25rem;padding:1.25rem 1rem 1rem;border-radius:1rem;background:#1c1106eb;border:.1875rem solid #6d4c1e;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.start-screen .pick-card:hover{transform:translateY(-.5rem) scale(1.04);border-color:#f7de9a;box-shadow:0 0 1.625rem #ffcc5a8c}.start-screen .pick-card img{width:5.625rem;height:5.625rem}.start-screen .pick-card .pname{color:#ffe9b0;font-size:1.1875rem;font-weight:700;margin-top:.625rem}.start-screen .pick-card .pdesc{color:#b09c72;font-size:.8125rem;margin-top:.375rem;line-height:1.5}.start-screen .credits{position:absolute;bottom:.75rem;left:0;right:0;text-align:center;color:#8a7a58;font-size:.6875rem;line-height:1.7}.start-screen .credits a{color:#b09c72}.card{position:relative;width:var(--card-w);height:var(--card-h);border-radius:.75rem;background:linear-gradient(#2e1c0a8c,#180e05b8),url(./metal-UJBWD7Vy.jpg);background-size:18.75rem;border:.125rem solid #17100a;box-shadow:inset 0 0 0 .125rem #8a6a26,0 .375rem .875rem #000000a6;overflow:visible;transform-origin:50% 100%}.card.type-spell{background:linear-gradient(#1e14329e,#0e081ac7),url(./metal-UJBWD7Vy.jpg);background-size:18.75rem}.card .art{position:absolute;left:.5rem;right:.5rem;top:.5rem;height:46%;border-radius:.5rem .5rem 40% 40%;overflow:hidden;border:.125rem solid #0f0a05;box-shadow:inset 0 0 .875rem #000000a6;display:flex;align-items:center;justify-content:center}.card .art img{width:74%;height:74%;filter:drop-shadow(0 .1875rem .3125rem rgba(0,0,0,.55))}.card .name{position:absolute;left:.125rem;right:.125rem;top:47%;height:1.5rem;z-index:2}.card .name .ribbon-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.card .name span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.78125rem;font-weight:700;color:#fff2cf;text-shadow:0 .0625rem .125rem #000,0 0 .25rem #000;letter-spacing:.0625rem}.card .text-box{position:absolute;left:.5625rem;right:.5625rem;top:60%;bottom:.625rem;border-radius:.5rem;background:linear-gradient(#eedeb429,#eedeb429),url(./paper-CT_F6IbK.jpg);background-size:16.25rem;border:.09375rem solid #4c3311;box-shadow:inset 0 0 .5rem #3c260880;display:flex;align-items:center;justify-content:center;padding:.1875rem .375rem;text-align:center}.card .text-box span{font-size:.65625rem;line-height:1.35;color:#2a1a0a;font-weight:600}.card .gem{position:absolute;width:2.5rem;height:2.5rem;z-index:3}.card .gem img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.card .gem.cost{top:-.625rem;left:-.625rem;width:2.75rem;height:2.75rem}.card .gem.atk{bottom:-.5625rem;left:-.5625rem}.card .gem.hp{bottom:-.5625rem;right:-.5625rem}.card .gem span,.stat span,.hero .stat b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Georgia,Times New Roman,serif;font-weight:700;color:#fff;text-shadow:-.09375rem 0 #000,.09375rem 0 #000,0 -.09375rem #000,0 .09375rem #000,0 .125rem .1875rem #000}.card .gem span{font-size:1.3125rem;padding-bottom:.1875rem}.card .gem.cost span{font-size:1.4375rem}.card .rarity{position:absolute;left:50%;top:44.5%;transform:translate(-50%);width:.9375rem;height:.9375rem;z-index:3;border-radius:50%;box-shadow:0 0 .3125rem #000c}.buffed{color:#7cfc00!important}.damaged-stat{color:#ff5a5a!important}.card.playable{box-shadow:inset 0 0 0 .125rem #8a6a26,0 0 1rem .25rem #60ff8ca6,0 .375rem .875rem #000000a6}.minion{position:relative;width:5.75rem;height:7rem;cursor:default;transition:transform .15s;flex-shrink:0}.minion .body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:46% 46% 44% 44%/40% 40% 48% 48%;overflow:hidden;background:radial-gradient(ellipse at 40% 30%,#3a2a14,#16100a 80%);border:.1875rem solid #1a1208;box-shadow:inset 0 0 0 .15625rem #8a6a26,inset 0 0 1.125rem #000000b3,0 .375rem .75rem #0009;display:flex;align-items:center;justify-content:center}.minion .body img{width:62%;height:62%;filter:drop-shadow(0 .1875rem .25rem rgba(0,0,0,.6))}.minion.taunt .body{border-color:#556070;box-shadow:inset 0 0 0 .1875rem #93a3b8,inset 0 0 1.125rem #000000b3,0 0 0 .21875rem #2e3844,0 .375rem .75rem #000000bf}.minion .stat{position:absolute;width:2.25rem;height:2.25rem;bottom:-.4375rem;z-index:3}.minion .stat img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.minion .stat.atk{left:-.4375rem}.minion .stat.hp{right:-.4375rem}.minion .stat span{font-size:1.09375rem;padding-bottom:.125rem}.hero .stat img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero .stat b{font-size:1.1875rem;padding-bottom:.1875rem}.minion .zzz{position:absolute;top:-.75rem;right:-.125rem;width:1.875rem;height:1.875rem;z-index:4;opacity:.9;animation:floatZ 2.2s ease-in-out infinite}.minion.divine-shield .body:after{content:"";position:absolute;top:-.125rem;right:-.125rem;bottom:-.125rem;left:-.125rem;border-radius:inherit;background:radial-gradient(ellipse at 45% 30%,#ffec9680,#ffc83c24 60%,#ffbe2852);box-shadow:inset 0 0 1rem #ffd65acc}.minion.can-attack .body{box-shadow:inset 0 0 0 .15625rem #8a6a26,inset 0 0 1.125rem #000000b3,0 0 1rem .25rem #60ff8cb3,0 .375rem .75rem #0009}.minion.taunt.can-attack .body{box-shadow:inset 0 0 0 .1875rem #93a3b8,inset 0 0 1.125rem #000000b3,0 0 0 .21875rem #2e3844,0 0 1.125rem .3125rem #60ff8cb3}.minion.targetable,.hero.targetable{filter:brightness(1.12)}.minion.targetable .body{box-shadow:inset 0 0 0 .15625rem #8a6a26,inset 0 0 1.125rem #000000b3,0 0 1rem .3125rem #ff503ccc}.hero.targetable .portrait-ring{box-shadow:0 0 1.125rem .375rem #ff503ccc,inset 0 0 .375rem #000c}.minion:hover{transform:translateY(-.1875rem)}.drop-slot{width:.875rem;height:6.25rem;border-radius:.4375rem;background:linear-gradient(#ffe69626,#ffe69666,#ffe69626);box-shadow:0 0 .75rem #ffdc78b3;flex-shrink:0}.card-preview{position:absolute;z-index:90;pointer-events:none;transform:scale(2);transform-origin:center;filter:drop-shadow(0 .625rem 1.875rem rgba(0,0,0,.8))}.enemy-hand{position:absolute;top:-3.25rem;left:50%;transform:translate(-50%);display:flex;justify-content:center;z-index:4}.card-back{width:3.875rem;height:5.5rem;margin:0 -.75rem;border-radius:.5rem;background:linear-gradient(#28183c8c,#10081cb8),url(./leather-_idXBUpj.jpg);background-size:12.5rem;border:.125rem solid #120a04;box-shadow:inset 0 0 0 .125rem #8a6a26,0 .25rem .625rem #0009;display:flex;align-items:center;justify-content:center;transform-origin:50% 0%}.card-back img{width:46%;opacity:.75}.hand-zone{position:absolute;bottom:-4.375rem;left:50%;transform:translate(-50%) scale(var(--hand-scale, 1));transform-origin:50% 100%;height:11.875rem;display:flex;justify-content:center;align-items:flex-end;z-index:30}.hand-card{position:relative;margin:0 -1.625rem;transition:transform .18s ease-out,margin .18s;cursor:pointer}.hand-card:hover{transform:translateY(-7.375rem) rotate(0) scale(1.45)!important;z-index:40!important;margin:0 1.875rem}.hand-card.dragging{opacity:0;pointer-events:none}.drag-ghost{position:fixed;z-index:95;pointer-events:none;transform:translate(-50%,-60%) scale(1.1);filter:drop-shadow(0 .75rem 1.5rem rgba(0,0,0,.7))}.drag-ghost.shrink{transform:translate(-50%,-60%) scale(.55);opacity:.85}@keyframes powerGlow{0%,to{box-shadow:0 0 .5rem .125rem #78ffa080}50%{box-shadow:0 0 1.25rem .375rem #78ffa0e6}}@keyframes floatZ{0%,to{transform:translateY(0) rotate(-6deg);opacity:.85}50%{transform:translateY(-.375rem) rotate(6deg);opacity:1}}@keyframes summonIn{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.anim-summon{animation:summonIn .32s ease-out}@keyframes deathOut{0%{transform:scale(1);opacity:1;filter:brightness(1)}40%{filter:brightness(2.2) saturate(.3)}to{transform:scale(.25) rotate(10deg);opacity:0;filter:brightness(3) saturate(0)}}.anim-death{animation:deathOut .45s ease-in forwards}@keyframes hitShake{0%,to{transform:translate(0)}20%{transform:translate(-.4375rem,.125rem)}40%{transform:translate(.375rem,-.1875rem)}60%{transform:translate(-.3125rem,.125rem)}80%{transform:translate(.25rem,-.0625rem)}}.anim-hit{animation:hitShake .3s ease-out}@keyframes flashRed{0%{filter:brightness(1)}30%{filter:brightness(1.5) sepia(1) hue-rotate(-50deg) saturate(4)}to{filter:brightness(1)}}.anim-flash-red{animation:flashRed .4s ease-out}@keyframes shieldPopAnim{0%{filter:brightness(1)}40%{filter:brightness(2.4) sepia(1) hue-rotate(10deg) saturate(3)}to{filter:brightness(1)}}.anim-shield-pop{animation:shieldPopAnim .45s ease-out}@keyframes spellGlow{0%{filter:brightness(1)}35%{filter:brightness(1.9) saturate(1.6)}to{filter:brightness(1)}}.anim-spell{animation:spellGlow .5s ease-out}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}26%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}.anim-banner{animation:bannerIn 1.5s ease-out forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(.5rem)}15%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.anim-toast{animation:toastIn 1.6s ease-out forwards}.float-num{position:fixed;z-index:96;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:2.75rem;font-weight:700;color:#ff3b30;text-shadow:-.125rem 0 #000,.125rem 0 #000,0 -.125rem #000,0 .125rem #000,0 .1875rem .375rem #000;transform:translate(-50%,-50%);animation:floatNum .9s ease-out forwards}.float-num.heal{color:#66e07a}.float-num.armor-num{color:#cfd8dc;font-size:2.125rem}@keyframes floatNum{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}30%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-110%) scale(.95)}}.anim-lunge{animation:lunge .42s cubic-bezier(.3,0,.6,1);z-index:45!important;position:relative}@keyframes lunge{0%{transform:translate(0) scale(1)}35%{transform:translate(calc(var(--lx) * .18),calc(var(--ly) * .18)) scale(1.12)}62%{transform:translate(var(--lx),var(--ly)) scale(1.06)}to{transform:translate(0) scale(1)}}.played-card-show{position:fixed;left:50%;top:38%;z-index:92;transform:translate(-50%,-50%) scale(1.6);filter:drop-shadow(0 .75rem 1.875rem rgba(0,0,0,.85));animation:showPlayed 1.15s ease-out forwards;pointer-events:none}@keyframes showPlayed{0%{opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(-5deg)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.65) rotate(0)}82%{opacity:1;transform:translate(-50%,-50%) scale(1.6)}to{opacity:0;transform:translate(-50%,-56%) scale(1.45)}}.draw-fly{position:fixed;z-index:91;pointer-events:none;transition:transform .5s cubic-bezier(.25,.7,.4,1),opacity .5s}.tutorial-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#060301cc;z-index:120}.tutorial-panel{width:42.5rem;max-width:94vw;border-radius:1.125rem;padding:1.625rem 2.125rem 1.375rem;background:linear-gradient(#201408f5,#160d05f7),url(./leather-_idXBUpj.jpg);background-size:30rem;border:.1875rem solid #6d4c1e;box-shadow:0 0 0 .125rem #241708,0 1.125rem 3.125rem #000000d9,inset 0 0 2.5rem #00000080}.tutorial-panel h2{color:#ffd76e;font-size:1.625rem;letter-spacing:.25rem;text-align:center;text-shadow:0 .125rem .25rem #000;margin-bottom:.375rem}.tutorial-step-label{text-align:center;color:#8a7a58;font-size:.75rem;letter-spacing:.125rem;margin-bottom:.875rem}.tutorial-body{display:flex;align-items:center;gap:1.625rem;min-height:14.375rem}.tutorial-demo{flex-shrink:0;width:14.375rem;min-height:13.75rem;display:flex;align-items:center;justify-content:center;gap:.875rem}.tutorial-demo .demo-note{color:#8a7a58;font-size:.75rem;text-align:center;margin-top:.5rem}.tutorial-text{color:#e8d5a3;font-size:.96875rem;line-height:2.05}.tutorial-text b{color:#ffd76e}.tutorial-text .kw{color:#90caf9;font-weight:700}.tutorial-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem}.tutorial-dots{display:flex;gap:.5rem}.tutorial-dots i{width:.625rem;height:.625rem;border-radius:50%;background:#4a3113;border:.0625rem solid #6d4c1e}.tutorial-dots i.on{background:#ffd76e;box-shadow:0 0 .375rem #ffd76ee6}.t-btn{font-family:inherit;font-size:.9375rem;font-weight:700;padding:.5rem 1.5rem;border-radius:.5625rem;border:.125rem solid #6d4c1e;background:#d8b054;color:#3a2404;cursor:pointer;transition:filter .15s,transform .15s}.t-btn:hover{filter:brightness(1.12);transform:translateY(-.0625rem)}.t-btn.ghost{background:transparent;color:#b09c72;border-color:#4a3113}.t-btn:disabled{opacity:.35;cursor:default;filter:none;transform:none}.help-btn{position:absolute;left:1.2%;bottom:4%;width:2.875rem;height:2.875rem;border-radius:50%;z-index:25;border:.15625rem solid #6d4c1e;background:linear-gradient(#ffecaa33,#78460a40),url(./metal-UJBWD7Vy.jpg);background-size:8.75rem;background-color:#d8b054;color:#3a2404;font-size:1.5rem;font-weight:700;font-family:Georgia,serif;cursor:pointer;box-shadow:0 .25rem .625rem #0009;transition:transform .15s,box-shadow .15s}.help-btn:hover{transform:scale(1.1);box-shadow:0 0 .875rem #ffd66ebf}.start-screen .howto-btn{margin-top:-.25rem}.tutorial-demo .minion{cursor:default}.tutorial-demo .minion:hover{transform:none}.tutorial-demo .demo-arrow{font-size:2.125rem;color:#ff5a3c;text-shadow:0 0 .625rem rgba(255,90,60,.8)}.tutorial-demo .crystal-row{display:flex;gap:.25rem}.tutorial-demo .crystal-row img{width:1.625rem;height:1.75rem}.tutorial-demo .end-turn-demo{width:7.5rem;height:2.875rem;border-radius:.625rem;border:.1875rem solid #6d4c1e;background:#d8b054;color:#3a2404;font-weight:700;font-size:1.0625rem;letter-spacing:.125rem;display:flex;align-items:center;justify-content:center;box-shadow:0 .1875rem .5rem #00000080}.lang-switch{position:absolute;top:.75rem;right:.75rem;z-index:110;font-family:inherit}.lang-switch-btn{background:#141420d9;color:#c8d0f0;border:.0625rem solid #4a4a6a;border-radius:.25rem;padding:.25rem .625rem;font-size:.6875rem;cursor:pointer;font-family:inherit}.lang-switch-btn:hover{border-color:#8fd8ff;color:#8fd8ff}.lang-switch-list{position:absolute;right:0;top:1.5rem;background:#080c14f5;border:.0625rem solid #4a4a6a;border-radius:.25rem;padding:.25rem 0;margin:0;list-style:none;min-width:5rem;display:none}.lang-switch.open .lang-switch-list{display:block}.lang-switch-list li{padding:.375rem .75rem;color:#c8d0f0;font-size:.6875rem;cursor:pointer}.lang-switch-list li:hover{background:#8fd8ff26;color:#8fd8ff}.lang-switch-list li.active{color:#8fd8ff;font-weight:700}