.mg581{--mg-cream:#f3e8cc;--mg-green:#06463e;--mg-gold:#f7cb73;color:var(--mg-cream);max-width:960px;margin:0 auto 35px;padding:14px;box-sizing:border-box;min-width:0;font-family:system-ui,sans-serif}.mg581 *{box-sizing:border-box}.mg581 [hidden]{display:none!important}.mg581 a{color:#f7d692}.mg-nav,.mg-controls,.mg-actions,.mg-pages{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.mg-nav{padding:6px 0 18px}.mg-hero{border:1px solid #7ca58d55;background:linear-gradient(120deg,#123a33,#172723);padding:26px;border-radius:24px}.mg-kicker{font-size:12px;letter-spacing:3px;color:#c7d7b9;font-weight:800}.mg581 h1{font-size:clamp(28px,5vw,44px);line-height:1.15;margin:10px 0 14px;color:var(--mg-cream)}.mg581 h2{font-size:24px}.mg-hero p{margin:0;color:#c9d4c5}.mg-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.mg-tabs a{padding:12px 16px;border:1px solid #7ca58d55;border-radius:13px;text-decoration:none;background:#162e28;color:var(--mg-cream);min-height:44px}.mg-tabs a[aria-current]{background:var(--mg-gold);color:#202d22;font-weight:800}.mg-game{border:1px solid #7ca58d66;border-radius:24px;background:#0e211de8;padding:20px;min-width:0}.mg-scores{display:flex;gap:10px}.mg-score{flex:1;min-width:0;border:1px solid #5a7d6766;border-radius:16px;padding:13px;background:#172e27;display:grid;gap:7px}.mg-score b{font-size:15px;overflow-wrap:anywhere}.mg-score strong{font-size:25px;color:#ffdb86}.mg-score small{color:#bacdbc;font-size:13px}.mg-score.mg-active{border-color:var(--mg-gold);box-shadow:inset 0 3px var(--mg-gold)}.mg-turn{background:#d0edda15;border:1px solid #8ab09144;border-radius:13px;padding:14px;font-weight:750;line-height:1.5}.mg581 button{font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;padding:12px 15px;min-height:44px;border:1px solid #80977d;background:#244437;color:var(--mg-cream);white-space:normal;line-height:1.25}.mg581 button:hover:enabled{border-color:var(--mg-gold);background:#335b48}.mg581 button:focus-visible,.mg581 a:focus-visible,.mg581 input:focus-visible{outline:3px solid #faca65;outline-offset:3px}.mg581 button:disabled{opacity:.45;cursor:default}.mg581 .mg-primary{background:var(--mg-gold);color:#182b21;border-color:var(--mg-gold);font-weight:850}.mg581 .mg-primary:hover:enabled{background:#ffdd96}.mg-deck-info{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:#bdd1c5;margin:16px 0}.mg-table{min-height:205px;border-radius:20px;border:1px solid #749e7a77;background:radial-gradient(ellipse at center,#20624f,#10372d);padding:22px;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.mg-table-empty{flex:1;text-align:center;color:#a8c3b3;font-style:italic}.mg581 .mg-card{background:linear-gradient(135deg,#fffaf0,#ecdfbb);color:#231f17;border:2px solid #d6c495;border-radius:12px;min-width:0;width:100%;height:154px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 5px;box-shadow:0 4px 0 #0003;overflow:hidden;opacity:1}.mg581 .mg-card:disabled{opacity:.55}.mg581 .mg-table .mg-card{width:90px;opacity:1;height:145px}.mg581 .mg-card:hover:enabled{background:#fffcf5;transform:translateY(-4px);border-color:#ffcf57}.mg581 .mg-card:enabled{border-color:#f7cb73;box-shadow:0 0 0 2px #f7cb7330,0 4px 0 #0003}.mg581 .mg-suit-0{color:#a62936}.mg581 .mg-suit-1{color:#975814}.mg581 .mg-suit-2{color:#1f653c}.mg581 .mg-suit-3{color:#353724}.mg-card-corner{position:absolute;top:8px;left:8px;font-size:18px;font-weight:900}.mg-card-symbol{font-size:43px;line-height:1;margin-top:10px}.mg-card-name{font-size:12px;font-weight:700;margin-top:10px;line-height:1.25}.mg-card-owner{font-size:11px;color:#3f5443;font-weight:700;margin-top:5px}.mg-hand{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:18px 0;align-items:start}.mg-hand-card{min-width:0}.mg-hand-card .mg-meld{width:100%;font-size:11px;padding:8px 3px;margin-top:8px;min-height:44px;background:#574720}.mg-actions{justify-content:flex-start;margin:15px 0}.mg-controls{justify-content:flex-start;margin-top:18px;border-top:1px solid #85a68f33;padding-top:16px}.mg-log,.mg-last{margin:16px 0;color:#bfd0c2}.mg-log summary,.mg-last summary,.mg-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:750}.mg-log ol{padding-left:24px;font-size:14px;line-height:1.7}.mg-last-cards{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mg581 .mg-last .mg-card{width:75px;height:120px;opacity:1}.mg-help{margin-top:20px;border:1px solid #8aa78a44;border-radius:20px;padding:14px 20px;background:#172d26}.mg-help p{line-height:1.7;font-size:15px;color:#cfdbcd}.mg-message{min-height:24px;line-height:1.5;color:#f7d692;font-size:14px;overflow-wrap:anywhere}.mg-welcome{text-align:center;padding:45px 10px;font-size:22px}.mg-wheel-bar{display:flex;align-items:center;justify-content:center;gap:30px;padding:20px 0}.mg-wheel{width:140px;height:140px;flex:0 0 140px;border-radius:50%;background:repeating-conic-gradient(#ddaf51 0deg 30deg,#317760 30deg 60deg,#eef0cd 60deg 90deg,#8b3b34 90deg 120deg);border:6px solid #f8d388;display:grid;place-items:center;box-shadow:0 4px 20px #0006;transition:transform 1s cubic-bezier(.12,.65,.18,1);position:relative}.mg-wheel span{border-radius:50%;background:#122820;border:3px solid #f8d388;width:53px;height:53px;display:grid;place-items:center;font-size:11px;letter-spacing:1px;font-weight:900}.mg-wheel-info{display:grid;gap:10px}.mg-wheel-info small{font-size:11px;letter-spacing:1px;color:#a6c1ad}.mg-wheel-info strong{font-size:32px;color:#ffde93}.mg-wheel-info>span{color:#d3e3cf}.mg-puzzle{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:13px 18px;padding:24px 12px;background:#082f29;border:1px solid #588e7044;border-radius:18px;max-width:100%;overflow:hidden}.mg-word{display:flex;gap:4px;max-width:100%;flex-wrap:wrap;justify-content:center}.mg-tile{width:30px;height:39px;border-radius:5px;background:#f9f4dc;color:#16382b;display:grid;place-items:center;font-weight:850;font-size:22px;flex:0 0 30px}.mg-tile.mg-hidden{background:#175b4b;border:1px solid #86bba177;box-shadow:inset 0 -3px #002a1e}.mg-letter-help{font-size:14px;color:#cbdec9;text-align:center}.mg-keyboard{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px}.mg581 .mg-letter{padding:8px 0;min-width:0;font-weight:800;font-size:18px}.mg581 .mg-vowel{background:#534b2a;color:#ffe7a2;border-color:#91804e}.mg581 .mg-used{background:#10241e;color:#789686;text-decoration:line-through}.mg-solve{margin:20px 0}.mg-solve label{display:block;margin-bottom:10px;font-weight:750}.mg-solve>div{display:flex;gap:10px}.mg-solve input{width:100%;min-width:0;flex:1;font:inherit;padding:13px;border:1px solid #86a790;border-radius:11px;background:#071d18;color:#f5efd9;min-height:48px}.mg-solve button{flex-shrink:0}.mg-answer{text-align:center;font-size:21px;color:#ffe0a0;font-weight:700}.mg-rank{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #73967455;border-radius:14px;margin:12px 0}.mg-rank>div{flex:1;min-width:0;overflow-wrap:anywhere}.mg-rank small{display:block;margin-top:6px;font-size:13px;color:#bfd0bb}.mg-rank strong{color:#ffdb8a;white-space:nowrap}.mg-mine{border-color:#edc062;background:#bfa4591a}.mg-pages{justify-content:center;margin:20px 0}
@media(max-width:600px){.mg581{padding:8px}.mg-game{padding:12px;border-radius:18px}.mg-hero{padding:21px 16px}.mg-hand{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.mg-card-name{font-size:13px}.mg-scores{gap:6px}.mg-score{padding:10px 8px}.mg-score b{font-size:13px}.mg-score strong{font-size:21px}.mg-score small{font-size:11px}.mg-table{padding:14px;min-height:176px}.mg-keyboard{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.mg-wheel{width:100px;height:100px;flex-basis:100px}.mg-wheel-bar{gap:18px}.mg-wheel-info strong{font-size:26px}.mg-solve>div{flex-direction:column}.mg-puzzle{padding:18px 7px;gap:10px}.mg-tile{width:23px;flex-basis:23px;height:32px;font-size:17px}.mg-word{gap:3px}.mg-tabs{gap:6px}.mg-tabs a{padding:11px 12px;font-size:14px}.mg-rank{gap:10px;padding:12px}.mg-rank strong{font-size:13px}.mg-controls button{flex:1 1 140px}}
@media(prefers-reduced-motion:reduce){.mg-wheel{transition:none}.mg581 .mg-card:hover:enabled{transform:none}}