.in-game{overflow:hidden;height:100dvh}.in-game:before{display:none}
.fantasy-game,.tutorial-fantasy{background:linear-gradient(#32134b35,#36104840),url('/assets/fantasy-world.png') center center/cover no-repeat,#522472}
.fantasy-game{position:relative;isolation:isolate;width:100%;height:100dvh;min-height:460px;overflow:hidden;padding:0;color:#fff;font-family:Arial,Helvetica,sans-serif}
.fantasy-game:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#8b20c30a 10%,#21083166 100%);pointer-events:none}
.fantasy-top-actions{position:absolute;inset:14px 16px auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2}.fantasy-top-actions>*{pointer-events:auto}.fantasy-top-actions>span{position:absolute;left:65px;top:7px;color:#ecd0ff;font-size:10px;font-weight:900;letter-spacing:1px}.fantasy-pill{border:1px solid #ead1ff66;border-radius:25px;background:#24103045;padding:7px 13px;font-size:11px;font-weight:700;color:#fff}
.fantasy-score{height:62px;padding-top:10px;display:flex;justify-content:center;align-items:flex-start;gap:27px;text-shadow:0 2px 3px #281124;max-width:430px;margin:auto}.fantasy-score>div{text-align:center}.fantasy-score strong{font-size:34px;font-weight:900;line-height:1;color:#00f183;letter-spacing:-1px;-webkit-text-stroke:1px #234d22}.fantasy-score small{display:block;font-size:7px;letter-spacing:1px;color:#e4c7ef;line-height:1.4;margin-top:3px}.fantasy-side-value{font-size:14px;color:#ffdf55;font-weight:900;padding-top:10px;white-space:nowrap}
.fantasy-game #game-progress{display:block;margin:0 auto;width:220px;height:9px;border:1px solid #e2c6ff99;border-radius:9px;background:#402153;appearance:none;overflow:hidden}.fantasy-game #game-progress::-webkit-progress-bar{background:#402153}.fantasy-game #game-progress::-webkit-progress-value{background:linear-gradient(90deg,#ffd721,#fff267);border-radius:9px}.fantasy-game #game-progress::-moz-progress-bar{background:#ffd721}
.fantasy-game .game-layout{display:block;padding:0;width:min(calc((100dvh - 190px)*.70175),400px,calc(100vw - 28px));max-width:none;margin:42px auto 0;aspect-ratio:400/570}.fantasy-game .game-board{position:relative;padding:0;border:0;border-radius:0 0 18px 18px;overflow:hidden;background:#200a3030;box-shadow:none;width:100%;height:100%}.fantasy-game #game-canvas{display:block;width:100%;height:100%;max-height:none;aspect-ratio:400/570;border-radius:0;touch-action:none;cursor:crosshair}
.fantasy-bottom{width:min(430px,95%);margin:10px auto 0;text-align:center}.fantasy-bottom>p{font-size:11px;color:#fff;text-shadow:0 1px 3px #21112f}.fantasy-bottom>p span{color:#dcc0e7}.fantasy-game .game-toolbar{display:flex;justify-content:center;align-items:center;gap:18px;padding:7px 0;color:#dcc5eb;font-size:9px}.fantasy-game .game-toolbar button{background:#24113950;border:1px solid #e6c2ff40;border-radius:20px;padding:4px 10px;color:#fff;font-size:10px}
.fantasy-game .game-result{z-index:5;position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);width:min(440px,calc(100% - 30px));padding:30px 28px;background:#1b1239f5;border:1px solid #7c4d9e55;border-radius:20px;box-shadow:0 15px 60px #14092780;text-align:center;color:#fff}.fantasy-game .game-result h2{font:800 24px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.6px;margin:12px 0 18px}.fantasy-game .game-result>strong{font-size:35px;color:#ff557e;line-height:1.1}.fantasy-game .game-result>strong small{font-size:10px;color:#c5acce;font-weight:400;margin:6px 0 18px}.fantasy-game .game-result>p{font-size:13px;color:#c7b9d7;line-height:1.7}.fantasy-game .game-result .save-status{font-size:10px;margin:14px 0 19px}.fantasy-game .result-star{display:grid;place-items:center;margin:0 auto 23px;width:77px;height:77px;background:#f7427016;border:1px solid #fd5b8244;border-radius:50%;color:#ff638a;font-size:40px;box-shadow:0 0 25px #f6517530}
.fantasy-game .btn,.tutorial-welcome .btn{background:linear-gradient(115deg,#00f287,#00d957);border:0;color:#072e23;justify-content:center;font-size:17px;font-weight:900;box-shadow:0 0 25px #00e27d30;border-radius:12px;padding:17px 12px;letter-spacing:0}.fantasy-game .card-text-link,.tutorial-welcome .card-text-link{display:block;width:100%;border:1px solid #b3a0d04a;border-radius:12px;padding:14px;margin-top:12px;background:#ffffff04;color:#fff;font-size:13px;font-weight:800;text-align:center}
.fantasy-game .game-result.goal-ready{top:auto;bottom:20px;transform:translateX(-50%);background:#2f124baa;backdrop-filter:blur(6px);border-color:#ffde5a66;box-shadow:0 0 100px #3f146966}.fantasy-game .goal-ready h2{color:#ffdb49;font-size:27px;margin:0 0 9px}.fantasy-game .goal-ready>p{font-size:12px;color:white}.fantasy-game .goal-ready .btn{margin-top:18px;background:linear-gradient(120deg,#ffed84,#ffc400);color:#4b3308;box-shadow:0 0 30px #ffc50060}.fantasy-game .goal-ready .save-status{margin:10px 0 0;font-size:9px}
.tutorial-fantasy{min-height:calc(100dvh - 92px);padding:45px 18px;display:grid;place-items:center}.tutorial-welcome{width:min(440px,100%);border-radius:20px;overflow:hidden;background:#1b123bf5;border:1px solid #a264c849;box-shadow:0 18px 70px #220a3f66}.tutorial-banner{height:145px;background:radial-gradient(ellipse at center,#943fff90,#260855cc),url('/assets/fantasy-world.png') center/cover;display:flex;justify-content:center;align-items:center;gap:20px}.tutorial-banner strong{font:1000 italic 43px/.95 Arial,sans-serif;text-align:center;letter-spacing:-1px;color:#ffe334;text-shadow:0 4px 0 #8b3409,0 7px 12px #170b20;-webkit-text-stroke:1px #ffe177}.tutorial-banner>span{font-size:39px;color:#b998ff;text-shadow:0 0 20px #c885ff}.tutorial-welcome-body{padding:25px 28px;text-align:center}.tutorial-welcome h1{font:800 24px/1.3 Arial,sans-serif;letter-spacing:-.7px}.tutorial-welcome h1 b{color:#ffd333}.tutorial-welcome p{font-size:14px;color:#ded1ec;margin:17px 0;line-height:1.7}.tutorial-mini-rules{display:flex;gap:12px;justify-content:center;margin:20px 0 25px;color:#d5b9e7;font-size:9px}.tutorial-welcome small{display:block;color:#a990bc;font-size:9px;margin-top:18px}
@media(max-width:650px){.fantasy-top-actions{top:10px;left:9px;right:9px}.fantasy-top-actions>span{display:none}.fantasy-pill{font-size:9px;padding:6px 9px}.fantasy-score{padding-top:43px;height:98px;gap:22px}.fantasy-score strong{font-size:35px}.fantasy-side-value{font-size:12px}.fantasy-game .game-layout{margin-top:28px;width:min(calc((100dvh - 225px)*.70175),400px,calc(100vw - 26px))}.fantasy-bottom{margin-top:13px}.fantasy-bottom>p{font-size:10px}.fantasy-game .game-result{padding:25px 22px}.fantasy-game .game-result h2{font-size:23px}.tutorial-fantasy{min-height:calc(100dvh - 76px);padding:25px 17px}.tutorial-welcome-body{padding:23px}.tutorial-welcome h1{font-size:22px}.tutorial-welcome p{font-size:13px}}
@media(max-height:540px){.fantasy-game .game-layout{margin-top:13px;width:calc((100dvh - 150px)*.70175)}.fantasy-game .game-result{padding:15px 25px}.fantasy-game .result-star{display:none}.fantasy-game .game-result>p{font-size:11px}.fantasy-game .game-result h2{font-size:21px;margin:8px 0}.fantasy-game .game-result .btn{padding:12px}}