.bg-shell{--bg-ink:#18263c;--bg-mint:#a7ecda;--bg-gold:#efce95;--bg-text:#f4f1e6;max-width:1000px;margin:auto;background:var(--bg-ink);color:var(--bg-text);border:1px solid #678b9c;border-radius:22px;overflow:hidden;font-family:Arial,sans-serif;box-shadow:0 20px 65px #1d344a33}.bg-head{display:flex;justify-content:space-between;gap:16px;padding:27px 32px;background:radial-gradient(ellipse at 90% 10%,#638aab44,transparent 70%),linear-gradient(115deg,#223a51,#25354e);border-bottom:1px solid #506a82}.bg-kicker{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--bg-gold)}.bg-head h2{font-size:36px;line-height:1.12;font-family:Georgia,serif;margin:12px 0}.bg-head h2 em{color:#b6e6e9;font-weight:400}.bg-head p{font-size:13px;line-height:1.7;color:#c9d6e0}.bg-head svg{width:105px;align-self:center;flex-shrink:0}.bg-hud{display:grid;grid-template-columns:repeat(4,1fr);background:#142238;padding:17px 0}.bg-hud>div{padding:0 20px;border-right:1px solid #43576e}.bg-hud>div:last-child{border:0}.bg-hud small{display:block;font-size:10px;letter-spacing:1px;color:#c0d3df}.bg-hud b{font-size:22px;font-variant-numeric:tabular-nums;display:block;margin-top:5px}.bg-workshop{position:relative;padding:24px 32px 14px;background:radial-gradient(ellipse at 50% 10%,#7cbcc11b,transparent 70%),#20344b}.bg-room{max-width:480px;margin:auto auto 18px;display:flex;gap:12px;justify-content:space-between;align-items:center}.bg-room h3{font-size:19px;font-weight:700}.bg-room>span{font-size:9px;letter-spacing:.6px;color:#b5cdd7;white-space:nowrap}.bg-board{position:relative;width:100%;max-width:480px;aspect-ratio:1;margin:auto;border:1px solid #90b7c7;border-radius:12px;overflow:hidden;box-shadow:0 15px 30px #091a2c55;background:#b4d3db}.bg-floor{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr)}.bg-cell{position:relative;display:grid;place-items:center;background:linear-gradient(125deg,#90b9c9,#c3dce1 60%,#a8c9d5);border:1px solid #e8ffff55}.bg-cell:nth-child(3n){background:linear-gradient(145deg,#a6c8d4,#c7dce2)}.bg-wall{background:repeating-linear-gradient(135deg,#536c85 0 8px,#5e7991 8px 10px)!important;border:3px solid #7c95a8;box-shadow:inset 0 0 0 2px #364e67}.bg-stand{display:grid;place-items:center;width:70%;height:70%;border:3px double currentColor;border-radius:50%;font-size:20px;font-weight:900;text-shadow:0 1px 0 #f7ffff;background:#edf8ef66}.bg-pieces{position:absolute;inset:0;pointer-events:none}.bg-piece{position:absolute;top:0;left:0;width:calc(100% / 6);height:calc(100% / 6);border:0;background:transparent;padding:3px;cursor:pointer;pointer-events:auto;transition:transform .2s ease-out;z-index:1}.bg-piece svg{width:100%;height:100%;filter:drop-shadow(0 5px 3px #12344566)}.bg-piece.is-selected{background:#fff6bd45;outline:2px dashed #314b67;outline-offset:-3px;border-radius:9px;z-index:2}.bg-piece.is-docked{background:#fff7cd66}.bg-piece:focus-visible{outline:3px solid #122c43;outline-offset:-3px;border-radius:8px}.bg-color-0{color:#2b867a}.bg-color-1{color:#935c8a}.bg-color-2{color:#8f6228}.bg-piece.bg-color-0{color:#b5efd2}.bg-piece.bg-color-1{color:#ddb6e6}.bg-piece.bg-color-2{color:#f0d29a}.bg-board-note{font-size:12px;color:#d0e0e5;text-align:center;line-height:1.6;margin:16px 0 0}.bg-play-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px}.bg-picks{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bg-shell button:not(.bg-piece){min-height:44px;background:#2a4059;color:var(--bg-text);border:1px solid #6b879d;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:700;cursor:pointer}.bg-shell button[aria-pressed=true]{background:#bce9df;color:#18364b;border-color:#e5fff2}.bg-shell button:disabled{opacity:.45;cursor:default}.bg-shell button:not(.bg-piece):hover:not(:disabled){background:#3d5874}.bg-shell button[aria-pressed=true]:hover{background:#a5dccc}.bg-shell button:focus-visible,.bg-shell a:focus-visible,.bg-shell select:focus-visible{outline:3px solid var(--bg-gold);outline-offset:3px}.bg-play-controls p{font-size:11px;line-height:1.7;color:#c5d7e1;margin-top:13px}.bg-dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:6px;flex-shrink:0}.bg-dpad button{font-size:23px!important;padding:0!important}.bg-dpad>span{grid-area:2/2;font-size:8px;letter-spacing:.5px;display:grid;place-items:center;color:#d5e6df}#bg-dir-0{grid-area:1/2}#bg-dir-1{grid-area:2/3}#bg-dir-2{grid-area:3/2}#bg-dir-3{grid-area:2/1}.bg-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:0 16px 19px}.bg-actions #bg-hint{color:var(--bg-gold)}.bg-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 24px 16px;flex-wrap:wrap}.bg-foot label{font-size:9px;letter-spacing:1px;color:#c6d6df}.bg-foot select{display:block;margin-top:7px;min-height:44px;padding:9px 12px;background:#18263c;color:var(--bg-text);border:1px solid #6f879c;border-radius:7px;font-size:13px;max-width:100%}.bg-foot p{font-size:12px;color:#c6d6df}.bg-help{font-size:12px;line-height:1.8;color:#c1d3dd;text-align:center;margin:0;padding:0 22px 18px}.bg-links{display:flex;justify-content:center;gap:9px 20px;flex-wrap:wrap;padding:0 16px 20px}.bg-links a{font-size:12px;color:var(--bg-gold);text-decoration:underline;min-height:34px;padding:8px 0}.bg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bg-result{position:absolute;inset:0;background:#182e46f5;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center}.bg-result[hidden]{display:none}.bg-result h3{font-size:32px;font-family:Georgia,serif;line-height:1.2;margin:15px 0}.bg-result p{font-size:14px;color:#c4dce1;margin:10px 0 20px}.bg-result-stars{font-size:38px;letter-spacing:8px;color:var(--bg-gold);margin-top:16px}.bg-result button{margin:5px}#bg-next{background:var(--bg-gold);color:#20354b;border-color:var(--bg-gold)}@media(max-width:600px){.bg-head{padding:20px}.bg-head h2{font-size:28px}.bg-head svg{width:60px}.bg-head p{font-size:12px}.bg-kicker{font-size:8px;letter-spacing:.8px}.bg-hud>div{padding:0 10px}.bg-hud small{font-size:8px;letter-spacing:.3px}.bg-hud b{font-size:17px}.bg-workshop{padding:18px 14px 12px}.bg-room h3{font-size:17px}.bg-room>span{font-size:8px}.bg-play-controls{padding:20px 15px;gap:10px;align-items:start}.bg-picks{flex-direction:column}.bg-picks button{padding:10px 12px!important}.bg-dpad{align-self:center}.bg-foot{padding-inline:16px}.bg-foot label,.bg-foot select{width:100%}.bg-help{padding-inline:16px;font-size:11px}.bg-stand{font-size:16px}.bg-result h3{font-size:27px}}@media(prefers-reduced-motion:reduce){.bg-piece{transition:none}}