.xgame{max-width:980px;margin:0 auto}.xgame-board{background:#fff8ea;border:1px solid #ead9bd;border-radius:28px;padding:22px;box-shadow:0 14px 40px rgba(61,45,25,.08)}.xgame-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px}.xgame-note{color:#6f6258}.xgame-grid{display:grid;gap:10px}.xgame-btn{border:0;border-radius:18px;background:#fff;min-height:68px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.08)}.xgame-btn:focus{outline:3px solid #0b6bd3;outline-offset:2px}.xgame-canvas{display:block;width:100%;height:auto;border-radius:22px;background:#ecf5ff;touch-action:none}.xgame-score{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.xgame-score strong{font-size:1.5rem}.xgame-msg{font-weight:700;min-height:1.7em}.pietdoku-grid{grid-template-columns:repeat(4,1fr);max-width:520px;margin:auto}.pietdoku-cell{aspect-ratio:1;border:2px solid #dac7a8;border-radius:12px;background:#fff;font-size:2rem;text-align:center}.pietdoku-cell[disabled]{background:#f1eadb;color:#5d5246}.pietdoku-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:520px;margin:18px auto 0}.simon-grid{grid-template-columns:repeat(2,1fr);max-width:520px;margin:auto}.simon-pad{aspect-ratio:1;border-radius:28px;border:0;font-size:3rem;opacity:.75;cursor:pointer}.simon-pad.on{opacity:1;transform:scale(.97);box-shadow:0 0 0 6px rgba(255,255,255,.9) inset}.slide-grid{grid-template-columns:repeat(3,1fr);max-width:520px;margin:auto}.slide-tile{aspect-ratio:1;border:0;border-radius:18px;background:#f7dca2;font-size:2rem;font-weight:800;cursor:pointer}.slide-tile.empty{background:transparent;box-shadow:none}.stack-stage{position:relative;height:460px;max-width:650px;margin:auto;background:linear-gradient(#dff0ff 0 65%,#d7b27c 65%);border-radius:22px;overflow:hidden;touch-action:none}.stack-box{position:absolute;height:38px;border-radius:8px;background:#c7362e;border:3px solid #8d201a}.stack-base{position:absolute;bottom:16px;left:50%;width:180px;height:26px;transform:translateX(-50%);background:#8c5a35;border-radius:7px}.whack-grid{grid-template-columns:repeat(4,1fr);max-width:720px;margin:auto}.roof-tile{aspect-ratio:1.15;background:#b45a42;border:0;border-radius:14px;color:#fff;font-size:2rem;cursor:pointer}.roof-tile.hot{background:#f2cf71;transform:translateY(-5px)}.catch-stage,.race-stage,.dodge-stage,.sjoel-stage,.pong-stage{position:relative;height:460px;max-width:820px;margin:auto;border-radius:22px;overflow:hidden;touch-action:none}.catch-stage{background:linear-gradient(#eaf6ff,#fbf3df)}.race-stage{background:linear-gradient(#16385b 0 60%,#6c3a2e 60%)}.dodge-stage{background:#eaf5df}.sjoel-stage{background:#c99b64}.pong-stage{background:#182c45}.basket,.runner,.player,.paddle,.nut,.candy,.ball,.dodgeball{position:absolute;user-select:none}.basket{bottom:18px;font-size:58px}.runner{bottom:92px;font-size:54px}.player{bottom:35px;font-size:54px}.paddle{bottom:20px;width:120px;height:18px;border-radius:10px;background:#f7e8bd}.nut{font-size:32px}.candy{font-size:34px}.ball,.dodgeball{font-size:28px}.chimney{position:absolute;bottom:70px;width:56px;height:95px;background:#b34b3f;border-radius:7px 7px 0 0}.goal-slot{position:absolute;top:0;height:110px;border-left:3px solid rgba(255,255,255,.6);border-right:3px solid rgba(255,255,255,.6);color:#fff;text-align:center;font-weight:800;padding-top:12px}.sjoel-disc{position:absolute;font-size:34px;cursor:grab;touch-action:none}.target-piet{position:absolute;font-size:60px;cursor:crosshair}.incoming{position:absolute;font-size:34px}.sort-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.sort-item{font-size:2.2rem;border:0;background:#fff;border-radius:16px;padding:14px;cursor:pointer}@media(max-width:720px){.xgame-board{padding:14px}.catch-stage,.race-stage,.dodge-stage,.sjoel-stage,.pong-stage,.stack-stage{height:390px}.whack-grid{grid-template-columns:repeat(3,1fr)}}