/* Volcanic Forge art direction — real controls over original generated environment art. */
body{background:#0c0912;color:#fff0dc;isolation:isolate;overflow-x:clip}
body.bright-play #board{filter:brightness(1.28) saturate(1.08)}
body.bright-play .score-stage{background:linear-gradient(135deg,#493044,#30223b)}
body.bright-play .arena-panel{border-color:#ffd18a;box-shadow:0 0 42px #f7a03e45}
.play-screen-status{margin:0;padding:7px 10px;background:#261c31;color:#ffe4b3;text-align:center;font-size:9px;letter-spacing:.7px}
.play-screen-status[hidden]{display:none}
body:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#0c09121c 0%,#0c091226 30%,#0c0912d9 75%,#0c0912 100%),url('assets/dragon-forge-scene.webp') center top/cover no-repeat;pointer-events:none}
body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 45% 55%,transparent 20%,#08061070 100%)}
.topbar{background:linear-gradient(180deg,#0a0714e8,#130c1dba);border-bottom:1px solid #b77b3c66;box-shadow:0 4px 30px #0007;height:78px;backdrop-filter:blur(12px)}
.brand{font-family:Georgia,serif;color:#ffe8b2;font-size:26px;text-shadow:0 2px 1px #5c2c0a,0 0 20px #f9b75e60;letter-spacing:2px}.brand small{font-family:'Segoe UI',sans-serif;color:#cbb2de;font-size:7px;letter-spacing:3.7px}.brand-mark{color:transparent;background:url('assets/phakbet-mark.svg') center/contain no-repeat;width:42px;height:47px;filter:drop-shadow(0 0 10px #e5a04666)}
.nav{color:#d7bfdc;text-shadow:0 2px 8px #000}.nav.active{color:#ffce7e}.icon-button{background:linear-gradient(135deg,#66402d,#24132e);border-color:#bc8b4b;box-shadow:inset 0 0 8px #ffd78c22,0 0 15px #a45fff22}
main{padding-top:12px;max-width:1500px}.intro-row{min-height:270px;position:relative;align-items:flex-end;padding:35px 20px;margin-bottom:12px}.intro-row>div:first-child{position:relative;z-index:1}.intro-row:before{content:'';position:absolute;left:-20px;bottom:10px;width:60%;height:180px;background:radial-gradient(ellipse,#0c0715d9,transparent 72%);z-index:0}.eyebrow{color:#ffd089;letter-spacing:2.5px;text-shadow:0 2px 5px #000}h1{font-family:Georgia,'Times New Roman',serif;font-size:61px;letter-spacing:-2px;text-shadow:0 4px 1px #421b1b,0 0 35px #f3b75035;font-weight:700;color:#fff3cc}h1 em{font-style:normal;color:#ffc36c}.intro-copy{color:#ded0e5;text-shadow:0 2px 5px #000;font-size:14px}
.balance-card{border:1px solid #d5a45f;border-radius:9px;background:linear-gradient(150deg,#35213ce8,#140c23f5);box-shadow:inset 0 0 0 3px #160b1a,inset 0 0 0 4px #8c622955,0 0 25px #9f6bee22;z-index:1}.balance-card:before,.balance-card:after{content:'◆';position:absolute;color:#e7bd76;font-size:10px;top:calc(50% - 8px)}.balance-card:before{left:-6px}.balance-card:after{right:-6px}.balance-card strong{color:#ffe8b6;text-shadow:0 0 15px #f6d28333}.coin{background:radial-gradient(circle at 30% 20%,#b49bde,#4a2865 60%,#24102b);color:#f0c9ff;border-color:#d7b4f3;box-shadow:0 0 14px #b181ff55}.saved-label{color:#c8adc8}
.game-layout{gap:20px;grid-template-columns:230px minmax(350px,620px) 245px}.panel{border:1px solid #9b6e444f;background:linear-gradient(135deg,#291a30ed,#100d1bed);box-shadow:inset 0 1px 0 #f3c68122,0 12px 45px #0005;border-radius:10px;backdrop-filter:blur(16px)}
.control-panel{position:relative;border-color:#b28b4e77}.control-panel:before{content:'◆';position:absolute;top:-9px;left:calc(50% - 5px);font-size:12px;color:#dba964;text-shadow:0 0 12px #e7b570}.step{background:linear-gradient(140deg,#5f3e28,#24142b);border-color:#a77e48;color:#ffd59a}h2{font-family:Georgia,serif;font-size:17px;font-weight:600;color:#f9ddaf}.section-label h2{font-size:16px}
.difficulty{min-height:75px;border:1px solid #7d526266;position:relative;overflow:hidden;background:linear-gradient(90deg,#1b0c22e8,#1b0c2288),url('assets/forge-concept.webp') center 30%/cover;border-radius:7px;box-shadow:inset 0 0 15px #0009}.difficulty[data-difficulty=blaze]{background-image:linear-gradient(90deg,#180d27ee,#180d2755),url('assets/storm-concept.webp')}.difficulty[data-difficulty=inferno]{background-image:linear-gradient(90deg,#27101bee,#3a0d1655),url('assets/forge-concept.webp')}.difficulty.selected{border-color:#ffc567;background-image:linear-gradient(90deg,#4b231bdd,#1b0c2277),url('assets/forge-concept.webp');box-shadow:inset 3px 0 #ffd187,inset 0 0 20px #ffb75233,0 0 18px #e6993522}.difficulty[data-difficulty=blaze].selected{background-image:linear-gradient(90deg,#40214bdd,#160b2477),url('assets/storm-concept.webp');border-color:#bf9cf4;box-shadow:inset 3px 0 #be91ff,0 0 18px #a071eb33}.difficulty[data-difficulty=inferno].selected{background-image:linear-gradient(90deg,#642321dd,#1b0c2266),url('assets/forge-concept.webp');border-color:#ff9b71}.difficulty strong{font-family:Georgia,serif;font-size:17px;letter-spacing:.4px}.difficulty small{color:#e0cbdc;font-size:9px;text-shadow:0 1px 5px #000}.difficulty-symbol{color:#ffdb95;text-shadow:0 0 12px #ffb353;font-size:29px}.difficulty b{font-size:14px;color:#ffe2a9;text-shadow:0 0 12px #ffbc50}
.amount-input{border-color:#cb965c99;background:linear-gradient(150deg,#130c20,#28182b);box-shadow:inset 0 0 20px #0008}.amount-input input{color:#ffdb9e;text-shadow:0 0 15px #e5b96d33}.quick-points button{background:linear-gradient(#332038,#211329);border-color:#634251;color:#d8c2d9}.quick-points button.selected{color:#ffe0a0;border-color:#dfb374;box-shadow:0 0 10px #f4af4422}.hint{color:#c2afc6}.amount-label{color:#c5b2c5}.divider{background:linear-gradient(90deg,transparent,#c18c4a66,transparent)}
.dragon-card{border-color:#a17c4f77;box-shadow:0 15px 50px #0007;border-radius:10px}.dragon-card-art{background-image:linear-gradient(0deg,#140b21f2,transparent 80%),url('assets/dragon-forge-scene.webp');background-position:center,75% 35%;background-size:cover,auto 115%}.dragon-card h2{color:#ffe1a9}.tiny-badge{color:#f5d296;border-color:#d9aa5866;background:#1f102e80}
.arena-panel{border:2px solid #aa7948;border-radius:13px;background:linear-gradient(180deg,#211125eb,#100b18f5);box-shadow:inset 0 0 0 3px #231220,0 0 0 1px #3a234b,0 0 35px #d5982533,0 25px 80px #0009;position:relative}.arena-top{background:linear-gradient(110deg,#542938aa,#20102dcc,#65341e88);border-bottom:1px solid #d2984744;padding:15px 22px}.arena-top .micro{color:#efc18c}.arena-top h2{font-size:20px;color:#ffdda5}.round-indicator{color:#d0bad2}.score-stage{background:radial-gradient(ellipse at center,#5a2e6588,#1b0e29aa 60%),linear-gradient(#25132e,#130d20);padding:16px 24px 10px;position:relative}.running-score>strong{font-family:Georgia,serif;font-size:62px;line-height:1.05;color:#ffeac0;text-shadow:0 2px 1px #9d4e25,0 0 25px #ffb96366,0 0 55px #cf7f4a33;font-weight:700}.running-score>span{font-size:9px;color:#eec3ff;letter-spacing:2.7px}.running-score>div{color:#d4bed6;margin-top:5px}.score-side strong{color:#e9cced;font-family:Georgia,serif;font-size:24px}.score-side span{color:#c8a7c9}.board-badge{color:#ffc267;text-shadow:0 1px 4px #000}
.canvas-wrap{background:#130b1c}.launch-controls{background:linear-gradient(#160d21,#2b1427);border-top:1px solid #9e6b3640;padding-top:12px}.drop-button{background:linear-gradient(110deg,#9a4f26,#e3a351 22%,#ffdf91 50%,#d18a3a 80%,#8d4521);border:1px solid #ffdf9f;box-shadow:inset 0 0 0 3px #a3672e88,inset 0 0 0 4px #f9d79599,0 0 25px #f7a03e44,0 5px 10px #0006;color:#3c1b0b;font-family:Georgia,serif;font-weight:800;font-size:17px;letter-spacing:2px;position:relative;text-shadow:0 1px 0 #fff4be}.drop-button>span{font-size:24px}.drop-button small{font:8px 'Segoe UI',sans-serif;letter-spacing:.4px;font-weight:800}.drop-button:hover:not(:disabled){box-shadow:inset 0 0 0 3px #c98b4888,0 0 35px #f7a03e70}.pause-button{border-color:#a4774a;background:linear-gradient(#512942,#25122d)}
.legend-panel{background:linear-gradient(150deg,#27162eea,#100b1beb)}.legend-item p{color:#f5dfc7;font-size:11px}.legend-item small{color:#bfaac7;font-size:9px}.rune{width:34px;height:34px;border-width:2px;box-shadow:0 0 13px currentColor,inset 0 0 12px #0008;background:#1b102a;font-weight:750}.pulse-panel{background:linear-gradient(145deg,#2a1933ed,#0f0a1ced);border-color:#9a654c55}.event-list li>span:first-child{border-color:#9d6e4a66;background:linear-gradient(135deg,#483149,#21112e);color:#ffdb97}.event-list li strong{color:#e6d4df}.event-list li>b{font-size:13px}.round-result{border-color:#cc965c;background:linear-gradient(140deg,#70422555,#28142c);box-shadow:0 0 22px #e6ab3c22}.round-result>strong{font-family:Georgia,serif;color:#ffe2a1;font-size:30px}.stats-strip{border-color:#b47d3e44;background:#140d1a88;border-radius:9px;margin-top:15px}.stats-strip strong{color:#f0d9af;font-family:Georgia,serif}.stats-strip span{color:#c1a9c3}footer{background:#0c0813a8;border-color:#966d3d44;padding-left:12px;padding-right:12px;color:#c0abc4}footer b{color:#e8c18b}
dialog{background:linear-gradient(135deg,#321a3a,#100b1b);border:1px solid #d2a369;box-shadow:inset 0 0 0 4px #2b142e,0 20px 100px #000b}.shop-item{background:linear-gradient(150deg,#402249,#1b1029);border-color:#936b4d77}.shop-item button{background:linear-gradient(#ae783f,#5a3524);color:#ffedc8;border-color:#ecbc77}.dialog-head h2{color:#ffe0a8}
@media(min-width:951px){.arena-panel{max-width:620px}.canvas-wrap{max-width:100%}}
@media(max-width:1150px){.game-layout{grid-template-columns:200px minmax(330px,1fr) 205px}.intro-row{min-height:240px}.difficulty strong{font-size:15px}.difficulty-symbol{font-size:23px}.section-label h2{font-size:14px}}
@media(max-width:950px){.game-layout{grid-template-columns:190px minmax(300px,1fr)}body:before{background-size:auto 1000px;background-position:65% top}.intro-row{min-height:250px}.intro-row:before{width:75%}h1{font-size:54px}.balance-card{min-width:220px}.arena-panel{width:100%}}
@media(max-width:620px){body:before{background-image:linear-gradient(180deg,#0c091200,#0c091210 25%,#0c0912ba 55%,#0c0912 90%),url('assets/dragon-forge-scene.webp');background-size:auto 750px;background-position:61% 40px}.topbar{height:69px;background:#11091bbd;padding:0 16px}.brand{font-size:21px}.brand-mark{width:33px;height:38px}.brand small{font-size:6px;letter-spacing:2px}.topbar nav{gap:12px}.nav{font-size:10px}main{padding:5px 12px 0}.intro-row{min-height:285px;padding:0 8px 22px;margin-bottom:8px;gap:5px}.intro-row:before{left:-20px;bottom:0;width:100%;height:160px;background:linear-gradient(0deg,#100916eb,transparent)}h1{font-size:39px;letter-spacing:-1.4px}.intro-row .eyebrow{font-size:6px;letter-spacing:1.3px}.intro-copy{font-size:10px;margin-top:7px;max-width:170px}.balance-card{min-width:0;padding:11px 9px;margin-bottom:2px}.balance-card .coin{width:23px;height:23px;font-size:15px}.balance-card strong{font-family:Georgia,serif;font-size:24px}.balance-card .micro{font-size:5px}.control-panel{padding:14px;border-radius:8px}.difficulty{min-height:76px;display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;gap:4px;padding:9px 7px}.difficulty-symbol{font-size:22px}.difficulty>span:nth-child(2){flex:1}.difficulty strong{font-size:13px}.difficulty b{font-size:13px;display:block;flex-basis:100%;text-align:right;line-height:1}.difficulty.selected{background-position:center 28%}.difficulty[data-difficulty=blaze]{background-position:center 22%}.control-panel .section-label h2{font-size:15px}.step{font-size:8px}.amount-input{width:37%;padding:7px 10px}.quick-points{width:calc(63% - 12px)}.quick-points button{padding:10px 0;font-size:12px}.shield-toggle small{font-size:8px}.hint{font-size:9px!important}.game-layout{display:flex;gap:15px}.arena-top{padding:14px}.arena-top h2{font-size:20px}.score-stage{padding:14px 12px 10px}.running-score>strong{font-size:56px}.running-score>span{font-size:8px}.score-side strong{font-size:22px}.score-side span{font-size:5px}.running-score{min-width:150px}.board-badge span{font-size:5px}.drop-button{font-size:17px;padding:15px 10px}.drop-button small{margin-left:10px}.launch-controls{padding:10px 14px 12px}.legend-item p{font-size:10px}.legend-item small{font-size:8px}.legend-item{gap:9px}.legend-panel h2{font-size:17px}.stats-strip{margin:0}.stats-strip strong{font-size:25px}.event-list li strong{font-size:10px}.event-list li>b{font-size:12px}footer{margin-top:20px}}
@media(max-width:370px){h1{font-size:34px}.balance-card .coin{display:none}.difficulty strong{font-size:11px}.running-score{min-width:135px}}