.training-picker{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:12px 0 10px;color:#7b795f;font-size:10px;font-weight:900}
.training-picker select{max-width:128px;border:2px solid #d7c59c;border-radius:9px;padding:6px;background:#fff9e7;color:#305648;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.training-picker select:focus-visible{outline:3px solid #f8b94d;outline-offset:2px}
.block-world{position:relative;height:171px;overflow:hidden;border:4px solid #638f6d;border-radius:14px;background:linear-gradient(#96d9db 0 54%,#95c979 54% 74%,#78ac62 74%);box-shadow:inset 0 4px 0 #c8f1e7,0 4px 0 #486e51}
.block-world::before{content:"";position:absolute;left:-10%;right:-10%;top:51%;height:45px;border-radius:50%;background:#b4d787;box-shadow:110px 9px 0 #a1cb78,205px -3px 0 #b4d787}
.world-cloud,.world-sun{position:absolute;top:8px;z-index:1;font-size:20px}.world-cloud{left:60%}.world-sun{right:10px}
.mining-dino{position:absolute;top:25px;left:19px;z-index:3;font-size:42px;line-height:1;filter:drop-shadow(3px 4px 0 #57885d);transform-origin:45% 85%}
.miner-helmet{position:absolute;left:9px;top:-13px;font-size:21px;transform:rotate(-12deg)}.miner-pickaxe{position:absolute;right:-16px;top:0;font-size:25px;transform:rotate(-20deg)}
.mining-dino.is-digging{animation:miner-swing .35s ease-in-out}.mining-dino.is-digging .miner-pickaxe{animation:pick-swing .35s ease-in-out}
@keyframes miner-swing{0%,100%{transform:rotate(0) translateY(0)}45%{transform:rotate(10deg) translateY(-5px)}}
@keyframes pick-swing{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(38deg)}}
.block-world .blocks{position:absolute;z-index:3;left:7px;right:7px;bottom:17px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0}
.block-world .block{height:52px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;background:linear-gradient(145deg,#fff8d7,var(--block-color));border:3px solid #8c7554;border-radius:6px;box-shadow:inset 2px 2px 0 #fffbe6,3px 4px 0 #456d4b;color:#4b5544;transition:transform .13s,filter .13s}
.block-world .block:hover:not(:disabled){transform:translateY(-4px)}.block-world .block:active:not(:disabled){transform:translateY(1px)}
.block-world .block span{font-size:22px;line-height:1}.block-world .block small{font-size:9px;font-weight:1000;margin-top:4px;line-height:1}
.block-world .block.broken{background:linear-gradient(145deg,#e7eedc,#b9cfa7);border-color:#829b79;box-shadow:inset 2px 2px 0 #f6faec,2px 3px 0 #55785c;opacity:.8}
.world-ground{position:absolute;bottom:0;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,#8d7048 0 14px,#a18354 14px 28px);border-top:4px solid #67a657}
.mining-effect{position:absolute;z-index:5;top:27px;right:4px;max-width:120px;color:#fff;font-size:11px;font-weight:1000;text-align:right;text-shadow:0 2px 3px #375c4b;opacity:0;transform:translateY(8px);transition:opacity .15s,transform .15s;pointer-events:none}.mining-effect.show{opacity:1;transform:translateY(0)}
.training-panel .training-footer{margin-top:14px}.element-legend{display:flex;flex-wrap:wrap;gap:4px;margin-top:11px}.element-legend span{padding:4px 5px;border-radius:6px;background:#fff8e9;color:#738270;font-size:9px;font-weight:900;white-space:nowrap}
@media(max-width:560px){.block-world{height:185px}.block-world .block{height:58px}.block-world .block span{font-size:24px}.mining-dino{font-size:48px}}