.mg-shell{--bg:#101b17;--card:#19271f;--line:#ffffff16;--ink:#f4f1df;--dim:#a9b5a6;--accent:#d7eea0;background:var(--bg);color:var(--ink);min-height:100vh;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.mg-shell *{box-sizing:border-box}.mg-wrap{max-width:1256px;margin:auto;padding:0 32px}.mg-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;display:flex}.mg-brand{color:var(--accent);align-items:center;gap:12px;font:900 35px Georgia,serif;text-decoration:none;display:flex}.mg-brand span{color:var(--ink);font:800 17px Arial,sans-serif}.mg-brand small{letter-spacing:2px;color:var(--dim);margin-top:6px;font:9px Arial,sans-serif;display:block}.mg-back,.mg-footer a{color:var(--dim);font-size:12px}.mg-intro{justify-content:space-between;align-items:center;padding:48px 0 32px;display:flex}.mg-eyebrow{letter-spacing:2px;color:var(--accent);margin:0 0 14px;font-size:11px;font-weight:700}.mg-intro h1{letter-spacing:-2px;margin:0 0 14px;font-size:46px;font-weight:900;line-height:1.12}.mg-intro h1 span{color:var(--accent)}.mg-intro>div>p:last-child{color:var(--dim);margin:0;font-size:14px}.mg-free{color:var(--accent);white-space:nowrap;border:1px solid #cde39133;border-radius:99px;padding:9px 14px;font-size:11px}.mg-tabs{grid-template-columns:1fr 1fr;gap:12px;max-width:810px;margin-bottom:30px;display:grid}.mg-tabs button{color:#b8c3b4;text-align:left;cursor:pointer;background:#19251f;border:1px solid #ffffff0e;border-radius:14px;align-items:center;gap:15px;padding:20px;display:flex}.mg-tabs button.is-active{color:var(--ink);background:#2a3828;border-color:#d7eea064}.mg-tabs button>span:first-child{font-size:30px}.mg-tabs small{letter-spacing:1px;color:#acbc9e;margin-bottom:6px;font-size:10px;display:block}.mg-tabs b{font-size:15px}.mg-tabs i{margin-left:auto;font-style:normal}.mg-tabs button:disabled{cursor:default}.mg-grid{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:28px;display:grid}.mg-game-heading{padding:0 0 20px}.mg-chip{color:var(--accent);letter-spacing:1px;margin-bottom:10px;font-size:10px;display:inline-block}.mg-game-heading h2{letter-spacing:-1px;margin:0 0 9px;font-size:25px;font-weight:800}.mg-game-heading p{color:var(--dim);margin:0;font-size:12px;line-height:1.8}.mg-stage{background:#17251d;border:1px solid #ffffff1a;border-radius:16px;width:100%;overflow:hidden}.mg-hud{background:#233026;align-items:center;gap:20px;padding:16px 24px;display:flex}.mg-hud small{color:#b7c3ae;margin-bottom:5px;font-size:10px;display:block}.mg-hud strong{font-variant-numeric:tabular-nums;font-size:27px;font-weight:800;line-height:1}.mg-hud em{color:#bdc9b1;margin-left:5px;font-size:12px;font-style:normal}.mg-hud-right{text-align:right;margin-left:auto}.mg-hud-right strong{font-size:19px}.mg-icon{color:#e6e7d4;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff20;border-radius:8px;width:35px;height:35px;font-size:22px}.mg-canvas{aspect-ratio:816/552;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;width:100%;display:block}.mg-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mg-stage-foot{color:#b6c2a9;justify-content:space-between;gap:10px;min-height:44px;padding:13px 20px;font-size:10px;display:flex}.mg-stage-foot b{color:#fff;margin-left:8px;font-size:16px}.mg-touch{gap:10px;padding:0 16px 16px;display:flex}.mg-touch button{touch-action:none;-webkit-user-select:none;user-select:none;color:#edf2d7;background:#324331;border:1px solid #ffffff25;border-radius:10px;flex:1;padding:16px;font-size:15px;font-weight:700}.mg-touch button:active{background:#668051}.mg-stage:fullscreen{border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex}.mg-stage:fullscreen .mg-canvas{width:auto;max-width:100%;height:min(68vh,67.6471vw)}.mg-stage:fullscreen .mg-hud,.mg-stage:fullscreen .mg-stage-foot,.mg-stage:fullscreen .mg-touch{width:min(100%,900px)}.mg-actions{flex-wrap:wrap;align-items:center;gap:18px;margin:18px 0 0;display:flex}.mg-button{background:var(--accent);color:#243220;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:30px;min-height:48px;padding:16px 24px;font-size:14px;font-weight:800;display:inline-flex}.mg-button:hover{background:#e4f6bc}.mg-button:disabled{opacity:.6;cursor:wait}.mg-button.secondary{color:#edf4e4;background:#354231}.mg-actions small{color:#98a88f;font-size:11px}.mg-warning,.mg-result{border-radius:10px;margin-top:16px;padding:15px 18px;font-size:12px;line-height:1.8}.mg-warning{color:#f2c797;background:#523c242e;border:1px solid #a3713d55}.mg-result{background:#283922;border:1px solid #a5c47144}.mg-result small,.mg-result strong{display:block}.mg-result strong{color:#e3f4ba;margin:10px 0;font-size:28px}.mg-result p{color:#b9c5ad;margin:0}.mg-how{margin:32px 0}.mg-how h3{margin:0 0 17px;font-size:14px}.mg-how ol{gap:13px;margin:0;padding:0;list-style:none;display:grid}.mg-how li{color:#b7c1af;gap:14px;font-size:12px;line-height:1.7;display:flex}.mg-how li b{color:var(--accent);font-size:10px}.mg-how>p{border-top:1px solid var(--line);color:#889981;margin:20px 0 0;padding-top:18px;font-size:11px;line-height:1.9}.mg-sidebar{gap:20px;display:grid}.mg-personal{background:var(--accent);color:#273321;border-radius:15px;padding:25px}.mg-personal small,.mg-rank-heading small{letter-spacing:2px;opacity:.65;font-size:9px;font-weight:700}.mg-personal h3{margin:18px 0 12px;font-size:12px}.mg-personal strong{font-size:24px;display:block}.mg-personal span{opacity:.7;margin-top:12px;font-size:11px;display:block}.mg-board{border:1px solid var(--line);background:#17241d;border-radius:15px;padding:23px 18px}.mg-rank-heading{justify-content:space-between;align-items:center;display:flex}.mg-rank-heading h3{margin:9px 0 0;font-size:16px}.mg-rank-heading button{border:1px solid var(--line);color:#bdc8b3;cursor:pointer;background:#ffffff08;border-radius:7px;width:30px;height:30px}.mg-rank-note,.mg-board-note{color:#8c9c82;margin:12px 0 18px;font-size:10px}.mg-ranks{max-height:650px;margin:0;padding:0;list-style:none;overflow:auto}.mg-ranks li{border-top:1px solid var(--line);align-items:center;gap:10px;padding:16px 0;font-size:11px;display:flex}.mg-ranks li span{color:#e2d58b;width:20px;font-family:monospace}.mg-ranks b{text-overflow:ellipsis;white-space:nowrap;color:#dbe2d0;flex:1;min-width:0;overflow:hidden}.mg-ranks strong{color:var(--accent);white-space:nowrap;font-size:11px}.mg-empty{text-align:center;color:#9ba88f;padding:35px 0;font-size:12px;line-height:1.9}.mg-board-note{border-top:1px solid var(--line);margin:18px 0 0;padding-top:16px;line-height:1.9}.mg-footer{border-top:1px solid var(--line);color:#7f9076;justify-content:space-between;padding:26px 0 35px;font-size:10px;display:flex}.mg-shell button:focus-visible,.mg-shell a:focus-visible{outline-offset:4px;outline:2px solid #e6f6b0}@media (max-width:1000px){.mg-grid{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.mg-wrap{padding:0 20px}.mg-personal{padding:20px}.mg-personal strong{font-size:21px}}@media (max-width:760px){.mg-wrap{padding:0 14px}.mg-header{height:72px}.mg-intro{padding:30px 0 25px}.mg-intro h1{font-size:35px}.mg-intro>div>p:last-child{font-size:12px}.mg-eyebrow{letter-spacing:1px;font-size:9px}.mg-free{padding:8px 10px;font-size:9px}.mg-tabs{gap:8px;margin-bottom:26px}.mg-tabs button{gap:8px;padding:14px 10px}.mg-tabs button>span:first-child{font-size:24px}.mg-tabs b{font-size:12px}.mg-tabs small{font-size:9px}.mg-tabs i{display:none}.mg-grid{display:block}.mg-game-heading h2{font-size:22px}.mg-hud{padding:14px 16px}.mg-game-heading p{font-size:11px}.mg-stage-foot{padding:11px 12px;font-size:9px}.mg-actions{gap:12px}.mg-actions small{font-size:10px}.mg-sidebar{margin:28px 0}.mg-ranks{max-height:430px}.mg-ranks li,.mg-ranks strong{font-size:13px}.mg-footer{flex-direction:column;line-height:1.8}.mg-how{margin-top:26px}.mg-stage:fullscreen .mg-canvas{height:min(60vh,67.6471vw)}}