.m2okey{--gold:#ffc107;--panel:#191919;--panel2:#222;box-sizing:border-box;max-width:980px;margin:24px auto;padding:22px;color:#f4f4f4;background:linear-gradient(145deg,#111,#1d1d1d);border:1px solid #3a3216;border-radius:18px;font-family:Arial,Helvetica,sans-serif;box-shadow:0 18px 45px #0008}.m2okey *{box-sizing:border-box}.m2okey__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.m2okey h2{margin:0 0 7px;color:var(--gold);font-size:29px}.m2okey__head p{margin:0;color:#aaa}.m2okey__actions{display:flex;gap:10px;white-space:nowrap}.m2okey button{font:inherit}.m2okey__window,.m2okey__help{padding:9px 13px;border-radius:6px;cursor:pointer}.m2okey__window{color:#fff;background:#198754;border:1px solid #198754}.m2okey__help{color:var(--gold);background:transparent;border:1px solid var(--gold)}.m2okey__board{max-width:810px;margin:auto;padding:20px;background:radial-gradient(circle at 50% 0,#16352d,#08100f 65%);border:1px solid #263e37;border-radius:15px;box-shadow:inset 0 0 35px #000}.m2okey__row{display:grid;grid-template-columns:repeat(8,1fr);gap:11px;margin-bottom:11px}.m2okey__row:last-child{margin-bottom:0}.m2okey__tile{position:relative;display:block;padding:0;border:2px solid transparent;border-radius:7px;background:transparent;cursor:pointer;transition:.15s transform,.15s filter,.15s opacity}.m2okey__tile:hover{transform:translateY(-2px);filter:brightness(1.15)}.m2okey__tile:focus-visible{outline:3px solid #fff}.m2okey__tile img{display:block;width:100%;height:auto}.m2okey__tile.is-missing{opacity:.18;filter:grayscale(1)}.m2okey__tile.is-missing:after{content:'×';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:34px;font-weight:900;text-shadow:0 2px 4px #000}.m2okey__legend{display:flex;justify-content:center;gap:24px;margin:14px 0 24px;color:#bbb;font-size:13px}.m2okey__legend i{display:inline-block;width:13px;height:13px;margin-right:5px;border-radius:3px;background:#555}.m2okey__legend i.on{background:#2ba36d}.m2okey__combos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.m2okey__combos article{padding:16px;background:var(--panel2);border:1px solid #333;border-radius:12px}.m2okey__combos h3{margin:0 0 13px;padding-bottom:10px;color:var(--gold);border-bottom:1px solid #3d3d3d;font-size:20px}.m2okey__combos h4{margin:14px 0 8px;color:#ddd}.m2okey__combo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;padding:7px;background:#141414;border-radius:8px}.m2okey__combo>div{display:flex;gap:3px}.m2okey__mini{width:32px;height:auto}.m2okey__combo b{color:#ffd45a;font-size:12px;white-space:nowrap}.m2okey__modal[hidden]{display:none}.m2okey__modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:20px;background:#000b}.m2okey__modal-card{position:relative;width:min(500px,100%);padding:28px;background:#202020;border:1px solid #665313;border-radius:14px;box-shadow:0 20px 70px #000}.m2okey__modal-card h3{margin:0 0 16px;color:var(--gold)}.m2okey__modal-card p{color:#ccc;line-height:1.6}.m2okey__close{position:absolute;right:12px;top:8px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}.m2okey:fullscreen{max-width:none;width:100%;height:100%;overflow:auto;border-radius:0;padding:32px}.m2okey:fullscreen .m2okey__board{max-width:900px}@media(max-width:780px){.m2okey{padding:14px}.m2okey__head{display:block}.m2okey__actions{margin-top:14px}.m2okey__board{padding:10px}.m2okey__row{gap:4px;margin-bottom:5px}.m2okey__combos{grid-template-columns:1fr}.m2okey__mini{width:36px}}@media(max-width:460px){.m2okey h2{font-size:23px}.m2okey__actions{justify-content:space-between}.m2okey__row{gap:2px}.m2okey__board{padding:6px}.m2okey__mini{width:30px}}