:root{--mj396-jade:#0f4f43;--mj396-jade2:#0a3a32;--mj396-cream:#f7f1df;--mj396-ink:#17211e;--mj396-gold:#d6a83d;--mj396-line:rgba(23,33,30,.14)}
.mj396-body{background:#f4f6f4;color:#17211e}.mj396-page{max-width:1240px;padding-top:22px;padding-bottom:34px}.mj396-topbar{position:relative;z-index:30}.mj396-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:2px 0 14px}.mj396-kicker{font-size:.72rem;letter-spacing:.105em;font-weight:900;color:#55706a}.mj396-hero h1{margin:4px 0 4px;font-size:clamp(2.15rem,4vw,3.55rem);line-height:1}.mj396-hero p{margin:0;max-width:780px;color:#5c6965;line-height:1.5;font-size:.97rem}.mj396-mode-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#e3e9e6;border:1px solid #d5ded9;border-radius:14px;min-width:210px}.mj396-mode-switch a{text-decoration:none;text-align:center;color:#52635e;padding:9px 17px;border-radius:10px;font-weight:850}.mj396-mode-switch a.active{background:#fff;color:#163d35;box-shadow:0 3px 12px rgba(25,55,45,.12)}
.mj396-game{background:#fff;border:1px solid #d9e2de;border-radius:24px;padding:14px;box-shadow:0 14px 44px rgba(34,57,49,.08)}.mj396-gamebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mj396-gamebar-left,.mj396-gamebar-right{display:flex;align-items:center;gap:8px;min-width:0}.mj396-layout-button{display:flex;align-items:center;gap:7px;border:1px solid #d3ddd8;background:#f7faf8;border-radius:12px;padding:8px 10px;color:#183d35;font:inherit;cursor:pointer}.mj396-layout-button span{font-size:.7rem;color:#6b7b76;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.mj396-layout-button strong{font-size:.86rem}.mj396-layout-button b{font-size:.8rem}.mj396-solvable{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:#e8f5ec;color:#286043;font-size:.74rem;font-weight:850;white-space:nowrap}.mj396-solvable i{font-style:normal}.mj396-daily-date{display:inline-flex;align-items:center;border:1px solid #d3ddd8;border-radius:10px;overflow:hidden;background:#fff}.mj396-daily-date button{border:0;background:transparent;padding:8px 9px;font:inherit;font-weight:800;color:#314c45;cursor:pointer}.mj396-daily-date button+button{border-left:1px solid #e2e8e5}.mj396-icon-button{width:38px;height:38px;border:1px solid #d5ded9;border-radius:10px;background:#fff;color:#25483f;font:inherit;font-weight:900;cursor:pointer;display:grid;place-items:center}.mj396-icon-button:hover,.mj396-layout-button:hover,.mj396-controls button:hover{background:#f0f5f2}
.mj396-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #d7e0dc;border-radius:14px;overflow:hidden;background:#fbfcfb;margin-bottom:10px}.mj396-stats>div{padding:8px 12px;text-align:center;min-width:0}.mj396-stats>div+div{border-left:1px solid #e1e7e4}.mj396-stats small{display:block;font-size:.59rem;letter-spacing:.08em;color:#77857f;font-weight:900}.mj396-stats strong{display:block;margin-top:1px;font-size:1.03rem;color:#193f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mj396-stats .mj396-run strong.assisted{color:#a56b1e}
.mj396-board-shell{position:relative;border-radius:20px;background:radial-gradient(circle at 52% 34%,rgba(255,255,255,.12),transparent 31%),linear-gradient(145deg,var(--mj396-jade),var(--mj396-jade2));min-height:260px;padding:24px 20px 26px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 -20px 60px rgba(0,0,0,.08)}.mj396-page[data-theme="ocean"] .mj396-board-shell{background:radial-gradient(circle at 52% 34%,rgba(255,255,255,.13),transparent 31%),linear-gradient(145deg,#194e68,#0f354a)}.mj396-page[data-theme="walnut"] .mj396-board-shell{background:radial-gradient(circle at 52% 34%,rgba(255,255,255,.08),transparent 31%),linear-gradient(145deg,#6a4b31,#402b1c)}.mj396-page[data-theme="night"] .mj396-board-shell{background:radial-gradient(circle at 52% 34%,rgba(255,255,255,.06),transparent 31%),linear-gradient(145deg,#26312e,#111917)}.mj396-board{position:relative;width:min(100%,1040px);margin:0 auto;isolation:isolate}.mj396-tile{position:absolute;border:1px solid #bcae8d;border-radius:8px;padding:0;background:linear-gradient(145deg,#fffdf3 0%,#f6f0dd 72%,#d8cdb0 73%,#d8cdb0 100%);box-shadow:calc(var(--z)*2.2px + 2px) calc(var(--z)*2.5px + 4px) 0 #7d7765,0 5px 10px rgba(0,0,0,.22);transform:translate(calc(var(--z)*2.3px),calc(var(--z)*-3.2px));transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,opacity .12s ease;touch-action:manipulation;cursor:pointer;color:#16251f;display:grid;place-items:center;overflow:hidden}.mj396-page[data-tile-style="bright"] .mj396-tile{background:linear-gradient(145deg,#fff 0%,#f9faf8 74%,#d5d9d5 75%);border-color:#abb2ad;box-shadow:calc(var(--z)*2.2px + 2px) calc(var(--z)*2.5px + 4px) 0 #737c76,0 5px 10px rgba(0,0,0,.2)}.mj396-page[data-tile-style="ink"] .mj396-tile{background:linear-gradient(145deg,#f4f1e8 0%,#e8e5dc 74%,#b9b6ae 75%);border-color:#8e8b83}.mj396-tile.blocked{filter:saturate(.62) brightness(.88);cursor:default}.mj396-page.free-glow .mj396-tile.free{filter:brightness(1.04) saturate(1.04);box-shadow:0 0 0 2px rgba(248,218,118,.38),calc(var(--z)*2.2px + 2px) calc(var(--z)*2.5px + 4px) 0 #7d7765,0 5px 10px rgba(0,0,0,.2)}.mj396-tile.free:hover{transform:translate(calc(var(--z)*2.3px),calc(var(--z)*-5px)) scale(1.025);z-index:999!important}.mj396-tile.selected{outline:4px solid #ffd35a;outline-offset:1px;filter:brightness(1.05);transform:translate(calc(var(--z)*2.3px),calc(var(--z)*-6px)) scale(1.045);z-index:1000!important}.mj396-tile.hint-target{outline:4px solid #64b5ff;outline-offset:1px;animation:mj396Pulse .8s ease-in-out infinite alternate;z-index:999!important}.mj396-tile.blocked-flash{animation:mj396Shake .25s ease}.mj396-tile:focus-visible{outline:3px solid #ffe082;outline-offset:2px;z-index:1001!important}.mj396-face{width:100%;height:100%;display:grid;place-items:center;position:relative;line-height:1}.mj396-face-label{position:absolute;left:4%;bottom:3%;font-size:clamp(4px,.52vw,7px);font-weight:800;color:#6b6f68;letter-spacing:.01em}.mj396-page:not(.show-labels) .mj396-face-label{display:none}.mj396-pips,.mj396-sticks{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4%;width:72%;height:74%;align-items:center;justify-items:center}.mj396-pip{width:64%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(20,55,45,.22);background:radial-gradient(circle at 50% 50%,#fff 0 22%,#c44136 24% 42%,#2f6d58 44% 63%,#2f5e89 65% 100%)}.mj396-pips.n1 .mj396-pip{grid-column:2;grid-row:2;width:88%;background:radial-gradient(circle at 50% 50%,#fff 0 16%,#b73f36 18% 40%,#3c7a5e 42% 62%,#2e5f8b 64% 100%)}.mj396-pips.n2 .mj396-pip:nth-child(1){grid-column:1;grid-row:1}.mj396-pips.n2 .mj396-pip:nth-child(2){grid-column:3;grid-row:3}.mj396-pips.n3 .mj396-pip:nth-child(1){grid-column:1;grid-row:1}.mj396-pips.n3 .mj396-pip:nth-child(2){grid-column:2;grid-row:2}.mj396-pips.n3 .mj396-pip:nth-child(3){grid-column:3;grid-row:3}.mj396-pips.n4 .mj396-pip:nth-child(1),.mj396-pips.n5 .mj396-pip:nth-child(1){grid-column:1;grid-row:1}.mj396-pips.n4 .mj396-pip:nth-child(2),.mj396-pips.n5 .mj396-pip:nth-child(2){grid-column:3;grid-row:1}.mj396-pips.n4 .mj396-pip:nth-child(3),.mj396-pips.n5 .mj396-pip:nth-child(3){grid-column:1;grid-row:3}.mj396-pips.n4 .mj396-pip:nth-child(4),.mj396-pips.n5 .mj396-pip:nth-child(4){grid-column:3;grid-row:3}.mj396-pips.n5 .mj396-pip:nth-child(5){grid-column:2;grid-row:2}.mj396-pips.n6 .mj396-pip:nth-child(-n+3){grid-column:1}.mj396-pips.n6 .mj396-pip:nth-child(n+4){grid-column:3}.mj396-pips.n6 .mj396-pip:nth-child(1),.mj396-pips.n6 .mj396-pip:nth-child(4){grid-row:1}.mj396-pips.n6 .mj396-pip:nth-child(2),.mj396-pips.n6 .mj396-pip:nth-child(5){grid-row:2}.mj396-pips.n6 .mj396-pip:nth-child(3),.mj396-pips.n6 .mj396-pip:nth-child(6){grid-row:3}.mj396-pips.n7 .mj396-pip:nth-child(1),.mj396-pips.n8 .mj396-pip:nth-child(1),.mj396-pips.n9 .mj396-pip:nth-child(1){grid-column:1;grid-row:1}.mj396-pips.n7 .mj396-pip:nth-child(2),.mj396-pips.n8 .mj396-pip:nth-child(2),.mj396-pips.n9 .mj396-pip:nth-child(2){grid-column:3;grid-row:1}.mj396-pips.n7 .mj396-pip:nth-child(3),.mj396-pips.n8 .mj396-pip:nth-child(3),.mj396-pips.n9 .mj396-pip:nth-child(3){grid-column:1;grid-row:2}.mj396-pips.n7 .mj396-pip:nth-child(4),.mj396-pips.n8 .mj396-pip:nth-child(4),.mj396-pips.n9 .mj396-pip:nth-child(4){grid-column:3;grid-row:2}.mj396-pips.n7 .mj396-pip:nth-child(5),.mj396-pips.n8 .mj396-pip:nth-child(5),.mj396-pips.n9 .mj396-pip:nth-child(5){grid-column:1;grid-row:3}.mj396-pips.n7 .mj396-pip:nth-child(6),.mj396-pips.n8 .mj396-pip:nth-child(6),.mj396-pips.n9 .mj396-pip:nth-child(6){grid-column:3;grid-row:3}.mj396-pips.n7 .mj396-pip:nth-child(7){grid-column:2;grid-row:2}.mj396-pips.n8 .mj396-pip:nth-child(7),.mj396-pips.n9 .mj396-pip:nth-child(7){grid-column:2;grid-row:1}.mj396-pips.n8 .mj396-pip:nth-child(8),.mj396-pips.n9 .mj396-pip:nth-child(8){grid-column:2;grid-row:3}.mj396-pips.n9 .mj396-pip:nth-child(9){grid-column:2;grid-row:2}.mj396-stick{width:44%;height:88%;border-radius:999px;background:linear-gradient(90deg,#2e6c4c,#56a272 50%,#2d6d4b);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);position:relative}.mj396-stick:after{content:"";position:absolute;left:-25%;right:-25%;top:43%;height:14%;border-radius:99px;background:#ad433b;transform:rotate(-28deg)}.mj396-sticks.n1 .mj396-stick{grid-column:2;grid-row:2;width:72%;height:95%}.mj396-sticks:not(.n1) .mj396-stick:nth-child(1){grid-column:1;grid-row:1}.mj396-sticks:not(.n1) .mj396-stick:nth-child(2){grid-column:2;grid-row:1}.mj396-sticks:not(.n1) .mj396-stick:nth-child(3){grid-column:3;grid-row:1}.mj396-sticks:not(.n1) .mj396-stick:nth-child(4){grid-column:1;grid-row:2}.mj396-sticks:not(.n1) .mj396-stick:nth-child(5){grid-column:2;grid-row:2}.mj396-sticks:not(.n1) .mj396-stick:nth-child(6){grid-column:3;grid-row:2}.mj396-sticks:not(.n1) .mj396-stick:nth-child(7){grid-column:1;grid-row:3}.mj396-sticks:not(.n1) .mj396-stick:nth-child(8){grid-column:2;grid-row:3}.mj396-sticks:not(.n1) .mj396-stick:nth-child(9){grid-column:3;grid-row:3}.mj396-sticks.n2 .mj396-stick:nth-child(1){grid-column:1;grid-row:1}.mj396-sticks.n2 .mj396-stick:nth-child(2){grid-column:3;grid-row:3}.mj396-char{display:grid;place-items:center;gap:0;color:#b43b32}.mj396-char b{font-size:clamp(12px,2.25vw,29px);font-weight:900;font-family:serif}.mj396-char em{font-size:clamp(8px,.9vw,13px);font-style:normal;color:#244f42;font-family:serif}.mj396-honor{font-size:clamp(15px,2.55vw,34px);font-weight:900;font-family:serif}.mj396-honor.wind{color:#263f54}.mj396-honor.dragon{color:#b43830}.mj396-honor.dragon.green{color:#2d714f}.mj396-honor.bonus{color:#8e4b78}.mj396-bonus-mark{display:grid;place-items:center}.mj396-bonus-mark b{font-size:clamp(14px,2.2vw,30px);color:#7d3d73;font-family:serif}.mj396-bonus-mark i{font-style:normal;font-size:clamp(8px,.8vw,12px);color:#3c7b58;font-weight:900;margin-top:2px}
.mj396-pause-layer{position:absolute;inset:0;z-index:3000;background:rgba(9,31,26,.86);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.mj396-pause-layer[hidden]{display:none}.mj396-pause-layer>div{max-width:430px;text-align:center;color:#fff}.mj396-pause-layer span{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:#a7cabe}.mj396-pause-layer strong{display:block;font-size:1.45rem;margin:7px 0}.mj396-pause-layer p{margin:0 0 14px;color:#d1e1dc}.mj396-status{min-height:24px;text-align:center;font-size:.82rem;color:#5a6b66;padding:8px 6px 0}.mj396-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:6px}.mj396-controls button{border:1px solid #d5ded9;background:#fff;color:#28483f;border-radius:12px;padding:9px 6px;font:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.mj396-controls button span{font-size:1rem}.mj396-controls button strong{font-size:.79rem}.mj396-controls button:disabled{opacity:.38;cursor:default}.mj396-primary{background:#176b59!important;border-color:#176b59!important;color:#fff!important}.mj396-primary:hover{background:#115c4c!important}.mj396-secondary{border:1px solid #d3ddd8;background:#f7faf8;color:#21463d;border-radius:10px;padding:9px 12px;font:inherit;font-weight:800;cursor:pointer}
.mj396-below{margin-top:14px}.mj396-quick-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mj396-quick-facts>div,.mj396-quick-facts>button{border:1px solid #d8e0dc;background:#fff;border-radius:14px;padding:11px 13px;text-align:left;display:grid;gap:2px;font:inherit;color:inherit}.mj396-quick-facts>button{cursor:pointer}.mj396-quick-facts small{font-size:.59rem;letter-spacing:.07em;color:#76837e;font-weight:900}.mj396-quick-facts strong{font-size:1.1rem}.mj396-quick-facts span{font-size:.69rem;color:#74807c}.mj396-details{margin-top:10px;border:1px solid #d8e0dc;background:#fff;border-radius:16px;overflow:hidden}.mj396-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;cursor:pointer}.mj396-details summary::-webkit-details-marker{display:none}.mj396-details summary span{display:grid}.mj396-details summary small{font-size:.58rem;letter-spacing:.08em;color:#77847f;font-weight:900}.mj396-details summary strong{font-size:.96rem}.mj396-details summary em{font-style:normal;color:#72807b;font-size:.76rem;text-align:right}.mj396-details[open] summary{border-bottom:1px solid #e3e8e5}.mj396-details-body{padding:15px}.mj396-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.mj396-section-heading h2{margin:0 0 4px;font-size:1.2rem}.mj396-section-heading p{margin:0;color:#697771;line-height:1.5;max-width:760px}.mj396-plan-rows{display:grid;gap:8px;margin-top:12px}.mj396-empty{margin:0;border:1px dashed #d5dfda;border-radius:11px;padding:14px;text-align:center;color:#73807b}.mj396-plan-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dce3df;border-radius:12px;padding:10px}.mj396-plan-rank{width:36px;height:36px;border-radius:50%;background:#edf3f0;display:grid;place-items:center;font-weight:900;color:#31564c}.mj396-plan-main{min-width:0}.mj396-plan-main strong{font-size:.88rem}.mj396-plan-main p{margin:3px 0 0;color:#6a7873;font-size:.78rem;line-height:1.4}.mj396-plan-row button{white-space:nowrap}.mj396-guide-grid{padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mj396-guide-grid article{border:1px solid #e0e6e3;border-radius:12px;padding:11px}.mj396-guide-grid strong{font-size:.86rem}.mj396-guide-grid p{margin:5px 0 0;color:#687671;font-size:.78rem;line-height:1.45}.mj396-seo-copy{padding:22px 4px 2px;max-width:820px}.mj396-seo-copy h2{font-size:1.25rem;margin:0 0 7px}.mj396-seo-copy p{margin:0;color:#6c7874;line-height:1.55}
.mj396-dialog{border:0;border-radius:20px;padding:0;width:min(94vw,560px);max-height:88vh;box-shadow:0 28px 90px rgba(0,0,0,.28);color:#17211e;background:#fff}.mj396-dialog::backdrop{background:rgba(17,29,25,.58);backdrop-filter:blur(3px)}.mj396-dialog form{padding:18px;display:grid;gap:13px;overflow:auto;max-height:88vh}.mj396-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.mj396-dialog-head small{font-size:.6rem;letter-spacing:.09em;color:#74827d;font-weight:900}.mj396-dialog-head h2{margin:3px 0 2px;font-size:1.45rem}.mj396-dialog-head p{margin:0;color:#71807a;font-size:.78rem;line-height:1.4}.mj396-dialog-head>button{border:0;background:#eef3f0;border-radius:50%;width:34px;height:34px;font-size:1.25rem;cursor:pointer}.mj396-dialog label{display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:800}.mj396-dialog select,.mj396-dialog input[type="date"],.mj396-dialog input[type="search"]{border:1px solid #ccd7d1;border-radius:10px;padding:9px 10px;background:#fff;font:inherit;color:inherit}.mj396-dialog .mj396-check{justify-content:flex-start;font-weight:700}.mj396-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.mj396-layout-dialog{width:min(96vw,960px)}.mj396-layout-tools{display:flex;gap:8px}.mj396-layout-tools input{flex:1}.mj396-layout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mj396-layout-card{border:1px solid #d8e1dd;background:#fff;border-radius:13px;padding:9px;text-align:left;cursor:pointer;font:inherit;color:inherit}.mj396-layout-card:hover{border-color:#92b7aa;background:#f8fbf9}.mj396-layout-card.active{border-color:#176b59;box-shadow:0 0 0 2px rgba(23,107,89,.14)}.mj396-layout-card[hidden]{display:none}.mj396-layout-preview{height:74px;border-radius:9px;background:linear-gradient(145deg,#e9f1ed,#f7faf8);display:grid;place-items:center;overflow:hidden;margin-bottom:7px}.mj396-layout-preview svg{width:94%;height:88%}.mj396-layout-card strong{display:block;font-size:.82rem}.mj396-layout-card span{display:block;margin-top:2px;color:#74817c;font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mj396-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mj396-stats-grid>div{border:1px solid #dce4e0;border-radius:12px;padding:10px;display:grid}.mj396-stats-grid small{font-size:.59rem;color:#76837e;font-weight:900;letter-spacing:.06em}.mj396-stats-grid strong{font-size:1.18rem;margin-top:2px}.mj396-stats-grid span{font-size:.67rem;color:#74817c}.mj396-recent{display:grid;gap:6px}.mj396-recent h3{font-size:.9rem;margin:4px 0}.mj396-recent-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf0ee;padding-top:7px;font-size:.75rem}.mj396-recent-row span{color:#73807b}.mj396-win-dialog{text-align:center;width:min(92vw,470px)}.mj396-win-mark{width:56px;height:56px;margin:0 auto;border-radius:50%;background:#e5f4eb;color:#24704c;display:grid;place-items:center;font-size:1.8rem;font-weight:900}.mj396-win-dialog>form>small{font-size:.63rem;letter-spacing:.1em;color:#72807a;font-weight:900}.mj396-win-dialog h2{margin:0;font-size:1.6rem}.mj396-win-dialog p{margin:0;color:#6f7c77}.mj396-win-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mj396-win-stats div{background:#f4f7f5;border-radius:11px;padding:9px}.mj396-win-stats small{display:block;color:#74817c;font-size:.61rem}.mj396-win-stats strong{display:block;margin-top:2px}.mj396-reduced *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@keyframes mj396Pulse{from{box-shadow:0 0 0 2px rgba(100,181,255,.35),calc(var(--z)*2.2px + 2px) calc(var(--z)*2.5px + 4px) 0 #7d7765}to{box-shadow:0 0 0 7px rgba(100,181,255,.1),calc(var(--z)*2.2px + 2px) calc(var(--z)*2.5px + 4px) 0 #7d7765}}@keyframes mj396Shake{0%,100%{transform:translate(calc(var(--z)*2.3px),calc(var(--z)*-3.2px))}30%{transform:translate(calc(var(--z)*2.3px - 3px),calc(var(--z)*-3.2px))}70%{transform:translate(calc(var(--z)*2.3px + 3px),calc(var(--z)*-3.2px))}}
@media(max-width:900px){.mj396-page{padding-top:16px}.mj396-hero{align-items:flex-start}.mj396-hero p{font-size:.9rem}.mj396-board-shell{padding:18px 10px 20px}.mj396-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.mj396-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mj396-layout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.mj396-body .preview-note,.mj396-mobile-dock{display:none!important}.mj396-topbar .desktop-primary{display:none}.mj396-page{width:100%;padding-left:8px;padding-right:8px}.mj396-hero{display:grid;gap:10px;margin-top:0}.mj396-hero h1{font-size:2.3rem}.mj396-hero p{font-size:.84rem;line-height:1.45}.mj396-mode-switch{min-width:0;width:100%}.mj396-game{border-radius:18px;padding:8px}.mj396-gamebar{margin:1px 2px 7px}.mj396-solvable{display:none}.mj396-stats{margin-bottom:7px}.mj396-stats>div{padding:7px 4px}.mj396-stats small{font-size:.52rem}.mj396-stats strong{font-size:.88rem}.mj396-board-shell{border-radius:15px;padding:13px 3px 15px;min-height:220px}.mj396-tile{border-radius:5px;box-shadow:calc(var(--z)*1.55px + 1px) calc(var(--z)*1.9px + 2px) 0 #7d7765,0 3px 6px rgba(0,0,0,.19);transform:translate(calc(var(--z)*1.6px),calc(var(--z)*-2.4px))}.mj396-tile.free:hover{transform:translate(calc(var(--z)*1.6px),calc(var(--z)*-2.4px))}.mj396-tile.selected{transform:translate(calc(var(--z)*1.6px),calc(var(--z)*-3.6px)) scale(1.035);outline-width:3px}.mj396-face-label{display:none!important}.mj396-pips,.mj396-sticks{gap:2%;width:76%;height:76%}.mj396-controls{gap:5px;margin-top:4px}.mj396-controls button{padding:9px 4px;border-radius:10px}.mj396-controls button strong{font-size:.73rem}.mj396-status{font-size:.75rem;padding-top:6px}.mj396-quick-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mj396-details summary{display:grid;gap:3px}.mj396-details summary em{text-align:left;font-size:.7rem}.mj396-section-heading{display:grid}.mj396-guide-grid{grid-template-columns:1fr}.mj396-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mj396-layout-preview{height:64px}.mj396-plan-row{grid-template-columns:38px minmax(0,1fr)}.mj396-plan-row button{grid-column:1/-1}.mj396-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mj396-footer{padding-bottom:15px}}
@media(max-width:420px){.mj396-page{padding-left:5px;padding-right:5px}.mj396-hero{padding:0 4px}.mj396-kicker{font-size:.6rem}.mj396-hero h1{font-size:2rem}.mj396-hero p{font-size:.8rem}.mj396-game{padding:6px}.mj396-layout-button{padding:7px 8px}.mj396-layout-button span{display:none}.mj396-icon-button{width:34px;height:34px}.mj396-daily-date button{padding:7px 6px}.mj396-stats>div{padding:6px 2px}.mj396-stats .mj396-run{display:none}.mj396-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.mj396-board-shell{padding:11px 2px 13px}.mj396-controls button span{display:none}.mj396-layout-grid{grid-template-columns:1fr 1fr}.mj396-layout-card{padding:7px}.mj396-layout-preview{height:58px}.mj396-dialog form{padding:14px}.mj396-dialog label{font-size:.82rem}}