.mini-instruction{margin:0 0 10px;text-align:center;color:#c9d2e7;font-size:13px;line-height:1.4}
.bloom-stage,.beacon-stage,.forge-stage{position:absolute;z-index:3;inset:0;padding:14px;display:flex;align-items:center;flex-direction:column;overflow:auto}
.bloom-board{width:min(68vw,296px);height:min(68vw,296px);aspect-ratio:1;flex:none;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:3px;margin:auto 0 7px}
.bloom-cell{min-width:0;min-height:0;border:1px solid #3b4267;border-radius:5px;background:#202743;cursor:pointer;padding:0;touch-action:manipulation}.bloom-cell.filled{background:linear-gradient(140deg,#67e8f9,#a78bfa);border-color:#b6f4ff;box-shadow:0 0 8px #67e8f955}.bloom-cell:focus-visible,.beacon-form input:focus-visible,.forge-stage button:focus-visible{outline:3px solid #fff}
.bloom-tray{display:flex;justify-content:center;gap:9px;min-height:54px}.bloom-option{min-width:68px;padding:5px;border:1px solid #515b80;border-radius:10px;background:#1b2343;color:#fff;cursor:pointer}.bloom-option.selected{outline:2px solid #67e8f9}.bloom-preview{display:grid;grid-template-columns:repeat(3,12px);grid-template-rows:repeat(3,12px);gap:2px;justify-content:center}.bloom-preview i{border-radius:3px;background:#a78bfa}
.beacon-stage{justify-content:center;gap:12px}.beacon-board{display:grid;grid-template-columns:repeat(5,38px);grid-template-rows:repeat(6,38px);gap:5px}.beacon-tile{display:grid;place-items:center;border:2px solid #424c70;border-radius:6px;background:#171d32;font-size:21px;font-weight:900}.beacon-tile.correct{background:#166544;border-color:#38d391}.beacon-tile.elsewhere{background:#94701c;border-color:#facc15}.beacon-tile.absent{background:#3b4256;border-color:#626b7a}.beacon-form{display:flex;gap:8px;align-items:center}.beacon-form label{font-size:12px}.beacon-form input{width:90px;border:1px solid #606987;border-radius:9px;background:#181c31;color:#fff;text-align:center;text-transform:uppercase;padding:10px;font-weight:800;letter-spacing:.12em}.beacon-form .btn{padding:10px 15px}.beacon-hint{min-height:20px;text-align:center;font-size:12px;color:#c9d2e7;margin:0}
.forge-stage{justify-content:center;gap:16px}.forge-core{width:144px;height:144px;border-radius:50%;border:3px solid #a78bfa;background:radial-gradient(circle,#e9d5ff,#8b5cf6 45%,#252254);box-shadow:0 0 26px #a78bfa88;color:#fff;font-size:75px;cursor:pointer;display:grid;place-items:center;line-height:1}.forge-core:active{transform:scale(.94)}.forge-core small{font-size:11px;letter-spacing:.18em;margin-top:-32px}.forge-meter{font-weight:850;color:#67e8f9;text-align:center;font-size:14px}.forge-shop{display:flex;gap:10px;justify-content:center}.forge-upgrade{padding:10px;border:1px solid #667098;border-radius:11px;background:#232c4d;color:#fff;font-weight:700;cursor:pointer}.forge-upgrade:disabled{opacity:.46;cursor:not-allowed}
.beacon-form input{font-size:16px}
@media(min-width:700px) and (pointer:coarse){#arena{height:500px}.bloom-board{width:min(72vw,360px);height:min(72vw,360px)}}
@media(max-width:450px){.bloom-stage,.beacon-stage,.forge-stage{padding:8px}.mini-instruction{font-size:11px}.bloom-board{width:min(66vw,252px);height:min(66vw,252px)}.beacon-board{grid-template-columns:repeat(5,34px);grid-template-rows:repeat(6,34px)}.forge-core{width:118px;height:118px;font-size:58px}}