.alchemy-game{color:#2d4157;background:#fff;border:1px solid #d3e1f0;border-radius:18px;max-width:1100px;margin:12px auto;padding:18px;box-shadow:0 6px 18px #29456208}.alchemy-game .alchemy-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.alchemy-game h1{color:#007db4;margin:0 0 5px;font-size:25px;font-weight:750}.alchemy-game p{margin:0;font-size:13px;line-height:1.5}.alchemy-game .alchemy-count{white-space:nowrap;color:#715519;background:#fff6d5;border:1px solid #eecf7d;border-radius:10px;padding:8px 10px;font-size:13px}.alchemy-game .alchemy-progress{accent-color:#007db4;width:100%;height:8px;margin-bottom:16px;display:block}.alchemy-game .alchemy-layout{grid-template-columns:230px minmax(0,1fr);gap:14px;display:grid}.alchemy-game section{background:#f5f9ff;border:1px solid #d5e2f1;border-radius:12px;width:100%;max-width:none;margin:0;padding:12px}.alchemy-game h2{color:#35557e;margin:0;font-size:15px;font-weight:700}.alchemy-game h2 small{color:#64768b;margin-top:4px;font-size:11px;font-weight:400;display:block}.alchemy-game .alchemy-inventory-grid{scrollbar-width:thin;scrollbar-color:#b6c9df transparent;grid-template-columns:repeat(2,92px);justify-content:center;gap:8px;max-height:400px;margin-top:12px;display:grid;overflow-y:auto}.alchemy-tile{box-sizing:border-box;color:#29435b;width:92px;height:84px;font:inherit;cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #c6d8ed;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px;line-height:1.15;display:flex;box-shadow:0 2px #dce7f3}.alchemy-tile strong{overflow-wrap:anywhere;max-width:100%;font-size:11px}.alchemy-tile small{color:#66758a;overflow-wrap:anywhere;max-width:100%;font-size:9px}.alchemy-emoji{font-size:25px;line-height:1.1}.alchemy-tile:hover{background:#f1f7ff;border-color:#6e9dcc}.alchemy-tile:focus-visible,.alchemy-game button:focus-visible{outline-offset:2px;outline:3px solid #eaa82b}.alchemy-game .alchemy-piece{touch-action:none;position:absolute}.alchemy-game .alchemy-piece.selected,.alchemy-game .alchemy-piece.is-over{background:#e5f5ff;border:2px solid #007db4;box-shadow:0 0 0 2px #007db425}.alchemy-game .alchemy-board-heading{justify-content:space-between;align-items:center;gap:6px;min-height:30px;margin-bottom:10px;display:flex}.alchemy-game .alchemy-board-heading>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.alchemy-game .alchemy-board-heading button{font:inherit;color:#345680;cursor:pointer;background:#fff;border:1px solid #c4d7ed;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:600}.alchemy-game button:disabled{opacity:.5;cursor:default}.alchemy-game .alchemy-board{background-color:#fff;background-image:radial-gradient(#dce8f6 1px,#0000 1px);background-size:18px 18px;border:2px dashed #bed0e5;border-radius:12px;width:100%;height:330px;position:relative;overflow:hidden}.alchemy-game .alchemy-board.is-over{border-color:#007db4}.alchemy-game .alchemy-empty{color:#75869b;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:12px;display:flex;position:absolute;inset:0}.alchemy-game .alchemy-empty span{font-size:36px}.alchemy-game .alchemy-feedback{color:#35557e;min-height:36px;padding-top:10px;font-size:12px}.alchemy-game .alchemy-hint{color:#765c22;background:#fff6d5;border-radius:8px;padding:8px 10px;font-size:12px}.alchemy-game .alchemy-log{border:1px solid #d7e4f2;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12px}.alchemy-game .alchemy-log summary{cursor:pointer;font-weight:600}.alchemy-game .alchemy-log ul{scrollbar-width:thin;max-height:160px;margin:8px 0 0;padding-left:18px;overflow:auto}.alchemy-game .alchemy-log li{padding:3px 0}.alchemy-game .alchemy-note{color:#738297;margin-top:10px;font-size:11px}.alchemy-overlay{cursor:grabbing;box-shadow:0 6px 18px #28455c30}@media (max-width:700px){.alchemy-game{margin:8px auto;padding:12px}.alchemy-game .alchemy-heading{flex-wrap:wrap;align-items:flex-start}.alchemy-game h1{font-size:22px}.alchemy-game .alchemy-layout{grid-template-columns:minmax(0,1fr)}.alchemy-game .alchemy-inventory-grid{grid-template-columns:repeat(auto-fill,92px);gap:6px;max-height:190px}.alchemy-game .alchemy-board{height:300px}.alchemy-game .alchemy-count{padding:5px 8px}.alchemy-game .alchemy-board-heading{flex-wrap:wrap}.alchemy-game .alchemy-board-heading button{min-height:44px;padding:8px 10px;font-size:12px}}