body{background:#14244a}.mj-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mj{box-sizing:border-box;color:#fff8e6;flex-direction:column;align-items:center;gap:6px;max-width:480px;margin:0 auto;padding:6px 8px 20px;font-family:DotGothic16,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;display:flex;position:relative}.mj-hud{box-sizing:border-box;background:#0d1a38e6;border:2px solid #c9a227;border-radius:4px;justify-content:space-between;align-items:baseline;gap:10px;width:100%;max-width:440px;margin:0;padding:4px 8px;font-size:13px;display:flex}.mj-hud b{color:#ffd84a;font-size:16px;font-weight:400}.mj-hud__st{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mj-hud__time{font-variant-numeric:tabular-nums;color:#cfe6ef}.mj-stage{width:100%;max-width:440px;position:relative}#mj-canvas{aspect-ratio:352/432;width:100%;height:auto;image-rendering:pixelated;background:#1c2f5e;border-radius:6px;outline:none;display:block;box-shadow:0 4px 18px #00000073}.mj-loading{text-align:center;color:#f4e9c8;font-size:14px;position:absolute;top:40%;left:0;right:0}.mj-back,.mj-sound{color:#e7d5a2;white-space:nowrap;background:0 0;border:1px solid #c9a227;border-radius:999px;margin-left:auto;padding:4px 9px;font-family:inherit;font-size:13px;text-decoration:none}.mj-sound{cursor:pointer;margin-left:6px}.mj-sound[aria-pressed=true]{color:#14244a;background:#c9a227}.mj-sound[aria-pressed=false]{opacity:.75;text-decoration:line-through}.mj-panel{box-sizing:border-box;text-align:center;color:#fff8e6;background:#0d1630c7;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;inset:0;overflow-y:auto}.mj-panel[hidden]{display:none}.mj-row{justify-content:center;align-items:center;gap:12px;display:flex}#mj-title{gap:4px;padding:4px 10px}#mj-clear{gap:7px}.mj-logo{letter-spacing:.08em;color:#ffd84a;text-shadow:3px 3px #3a3a4a,5px 5px #1b1b26;margin:0;font-size:22px;font-weight:400;line-height:1.15}.mj-logo small{letter-spacing:.3em;color:#fff8e6;text-shadow:2px 2px #1b1b26;margin-top:3px;font-size:10px;display:block}.mj-title-top{justify-content:center;align-items:center;gap:12px;display:flex}.mj-title-demo{width:108px;height:90px;image-rendering:pixelated;background:#1c2f5e;border:2px solid #c9a227;border-radius:4px}.mj-row--foot{gap:14px}.mj-row--foot .mj-link{color:#1b1b26;background:#cfe6ef;padding:2px 10px 3px;text-decoration:none;box-shadow:inset -2px -2px #7fa7b8,0 0 0 2px #1b1b26}.mj-demo__more{color:#cfe6ef;opacity:.85;margin:4px 0 0;font-size:11px}@media (pointer:coarse){.mj-demo__pc{display:none}}.mj:not(.is-playing) .mj-keys--pc,.mj.is-demo .mj-keys--pc{visibility:hidden}.mj-chosen{color:#fff8e6;margin:0;font-size:14px;line-height:1.3}.mj-chosen small{color:#cfe6ef;font-size:12px}.mj-chnav{align-items:center;gap:6px;width:100%;max-width:312px;display:flex}.mj-ch{color:#ffd84a;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.mj-chbtn{cursor:pointer;width:40px;min-height:30px;font:inherit;color:#1b1b26;touch-action:manipulation;background:#cfe6ef;border:0;font-size:20px;line-height:1;box-shadow:inset -3px -3px #7fa7b8,0 0 0 2px #1b1b26}.mj-chbtn:disabled{color:#8a8a96;cursor:default;background:#3a3a4a;box-shadow:0 0 0 2px #1b1b26}.mj-stages{grid-template-columns:repeat(8,1fr);gap:4px;width:100%;max-width:312px;display:grid}.mj-st-btn{color:#1b1b26;min-height:26px;font:inherit;cursor:pointer;touch-action:manipulation;background:#cfe6ef;border:2px solid #1b1b26;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.mj-st-btn b{letter-spacing:-.04em;font-size:12px;font-weight:400;line-height:1.1}.mj-st-btn small{letter-spacing:-.1em;color:#a8741e;white-space:nowrap;font-size:7px;line-height:1.1}.mj-st-btn.is-peak:before{content:"";border:5px solid #d04a3a;border-color:#d04a3a #d04a3a #0000 #0000;position:absolute;top:0;right:0}.mj-st-btn.is-gold{border-color:#c9a227;box-shadow:inset 0 0 0 1px #f2c94c}.mj-st-btn.is-intro:after{content:"✦";color:#2a9aa4;font-size:9px;position:absolute;top:-3px;left:1px}.mj-st-btn[aria-pressed=true]{background:#ffd84a;box-shadow:0 0 0 2px #fff8e6}.mj-st-btn:disabled{color:#8a8a96;cursor:default;background:#3a3a4a}.mj-st-btn:disabled small{color:#8a8a96}.mj-keys{opacity:.85;margin:0;font-size:11px}.mj-keys b{color:#ffd84a;font-weight:400}.mj-keys--pc{opacity:.6}@media (pointer:coarse){.mj-keys--pc{display:none}}.mj-btn{cursor:pointer;min-width:160px;font:inherit;letter-spacing:.1em;color:#1b1b26;touch-action:manipulation;background:#ffd84a;border:0;padding:9px 18px 11px;font-size:17px;box-shadow:inset -3px -3px #c9a227,0 0 0 3px #1b1b26,4px 4px 0 3px #00000073}.mj-btn:active{transform:translate(2px,2px);box-shadow:inset -3px -3px #c9a227,0 0 0 3px #1b1b26}.mj-row .mj-btn--sub{min-width:112px}.mj-row .mj-btn:not(.mj-btn--sub){min-width:140px}.mj-btn--sub{background:#cfe6ef;min-width:132px;padding:7px 14px 9px;font-size:14px;box-shadow:inset -3px -3px #7fa7b8,0 0 0 3px #1b1b26,4px 4px 0 3px #00000073}.mj-btn--sm{letter-spacing:.04em;min-width:0;padding:7px 12px 9px;font-size:14px}.mj-btn:focus-visible,.mj-tool:focus-visible,.mj-st-btn:focus-visible{outline-offset:4px;outline:2px solid #fff8e6}.mj-link{cursor:pointer;font:inherit;color:#cfe6ef;touch-action:manipulation;background:0 0;border:0;padding:6px;font-size:13px;text-decoration:underline}.mj-over-h{letter-spacing:.08em;color:#ffd84a;text-shadow:2px 2px #1b1b26;margin:0;font-size:26px;font-weight:400}.mj-c-stage{color:#cfeee8;margin:0;font-size:14px}.mj-c-stars{letter-spacing:.1em;color:#ffd84a;text-shadow:2px 2px #1b1b26;margin:0;font-size:28px;line-height:1.1}.mj-c-time{margin:0;font-size:15px}.mj-c-time b{color:#fff8e6;font-size:22px;font-weight:400}.mj-record{color:#ff9d8a;margin:0;animation:.8s steps(2,end) infinite mjPulse}.mj-tally{background:#101a3499;border:1px solid #c9a22799;gap:12px;margin:0;padding:6px 12px;font-size:12px;list-style:none;display:flex}.mj-tally b{color:#ffd84a;font-weight:400}.mj-tools{grid-template-columns:1fr 1.1fr 1.1fr .6fr;gap:6px;width:100%;max-width:440px;display:grid}.mj-tool{cursor:pointer;min-height:46px;font:inherit;white-space:nowrap;letter-spacing:-.02em;color:#1b1b26;touch-action:manipulation;background:#cfe6ef;border:0;padding:0 2px;font-size:14px;box-shadow:inset -3px -3px #7fa7b8,0 0 0 2px #1b1b26}.mj-tool:active{transform:translate(1px,1px)}.mj-tool.is-nudge{animation:.5s steps(2,end) 5 mjNudge}@keyframes mjNudge{50%{background:#ffd84a;box-shadow:inset -3px -3px #c9a227,0 0 0 3px #fff8e6}}.mj-tool:disabled{color:#b8b8c0;cursor:default;background:#5c5c6e;box-shadow:inset -3px -3px #3a3a4a,0 0 0 2px #1b1b26}.mj-tool--sub{background:#e6c39a;box-shadow:inset -3px -3px #a8741e,0 0 0 2px #1b1b26}.mj-tools.is-off{visibility:hidden}.mj-callout{text-align:center;pointer-events:none;color:#fff8e6;letter-spacing:.06em;opacity:0;text-shadow:2px 2px #1b1b26,0 0 8px #0009;font-size:18px;position:absolute;top:6%;left:0;right:0}.mj-callout.is-on{animation:1.6s ease-out forwards mjCallout}@keyframes mjCallout{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@keyframes mjPulse{50%{opacity:.5}}.mj-stuck{background:#0a0c1ce6;border:2px solid #ff9d8a;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;bottom:4%;left:6%;right:6%}.mj-stuck[hidden]{display:none}.mj-stuck p{text-align:center;color:#ff9d8a;width:100%;margin:0;font-size:14px}.mj-demo{text-align:center;color:#fff8e6;background:#0a0c1ce0;border:2px solid #c9a227;border-radius:6px;padding:8px 10px;position:absolute;bottom:3%;left:4%;right:4%}.mj-demo[hidden]{display:none}.mj-demo__tag{letter-spacing:.3em;color:#ffd84a;margin:0 0 2px;font-size:11px}.mj-demo__cap{letter-spacing:.04em;margin:0;font-size:19px;line-height:1.3}.mj-demo__sub{color:#cfe6ef;margin:4px 0 0;font-size:12px;line-height:1.5}.mj-demo__skiphint{color:#fff8e6b3;justify-content:flex-end;align-items:center;gap:10px;margin:6px 0 0;font-size:11px;display:flex}.mj-skip{cursor:pointer;font:inherit;color:#1b1b26;touch-action:manipulation;background:#cfe6ef;border:0;padding:6px 14px 8px;font-size:14px;box-shadow:inset -3px -3px #7fa7b8,0 0 0 2px #1b1b26}.mj-skip[hidden]{display:none}.mj-hand{width:24px;height:26px;image-rendering:pixelated;pointer-events:none;z-index:5;filter:drop-shadow(2px 2px #00000073);position:absolute;top:0;left:0}.mj-hand[hidden]{display:none}.mj-zkbtn{cursor:pointer;font:inherit;color:#1b1b26;touch-action:manipulation;background:#e6c39a;border:0;align-items:center;gap:6px;padding:5px 12px 6px;font-size:14px;display:inline-flex;box-shadow:inset -3px -3px #a8741e,0 0 0 2px #1b1b26}.mj-zkbtn>span:last-child{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.mj-zkbtn small{color:#4a3c30;white-space:nowrap;font-size:9px}#mj-title .mj-btn{min-width:128px;padding:7px 14px 9px}.mj-zkbtn__ic{width:18px;height:22px;image-rendering:pixelated;background:url(/asobu/iki-mahjong/tile.png?v=432a) -108px 0/72px 22px no-repeat}.mj-zukan{z-index:6;background:#0d1630f5;justify-content:flex-start;gap:4px;padding:8px 8px 10px}.mj-zk-top{align-items:center;gap:6px;width:100%;display:flex}.mj-zk-title{color:#ffd84a;letter-spacing:.1em;margin:0 auto 0 4px;font-size:18px;font-weight:400}.mj-zk-tab,.mj-zk-close{cursor:pointer;min-height:32px;font:inherit;color:#1b1b26;touch-action:manipulation;background:#cfe6ef;border:0;padding:0 12px;font-size:14px;box-shadow:inset -3px -3px #7fa7b8,0 0 0 2px #1b1b26}.mj-zk-tab[aria-pressed=true]{background:#ffd84a;box-shadow:inset -3px -3px #c9a227,0 0 0 2px #1b1b26}.mj-zk-close{background:#e6c39a;box-shadow:inset -3px -3px #a8741e,0 0 0 2px #1b1b26}.mj-zk-count{color:#cfe6ef;align-self:flex-start;margin:0;padding-left:4px;font-size:12px}.mj-zk-body{flex:1;width:100%;min-height:0;overflow-y:auto}.mj-zk-h{color:#ffd84a;text-align:left;margin:6px 0 3px;font-size:12px;font-weight:400}.mj-zk-grid{grid-template-columns:repeat(6,1fr);justify-items:center;gap:4px 2px;display:grid}.mj-zk-cell{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:2px;position:relative}.mj-zk-cell i{color:#fff8e6;text-shadow:1px 1px #1b1b26;font-size:12px;font-style:normal;display:block;position:absolute;bottom:0;right:0}.mj-zk-cell.is-gold{filter:drop-shadow(0 0 3px #f2c94ce6)}.mj-zk-tile{image-rendering:pixelated;vertical-align:middle;background-repeat:no-repeat;display:inline-block;position:relative}.mj-zk-icon{image-rendering:pixelated;background-repeat:no-repeat;position:absolute}.mj-zk-tile.is-locked{filter:saturate(.3)brightness(.7)}.mj-zk-tile.is-locked .mj-zk-icon{filter:brightness(0)opacity(.55)}.mj-zk-places{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mj-zk-place{cursor:pointer;color:#fff8e6;font:inherit;touch-action:manipulation;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.mj-zk-place small{min-height:2.4em;font-size:9px;line-height:1.2}.mj-zk-pic{aspect-ratio:192/200;width:100%;image-rendering:pixelated;box-sizing:border-box;background-position:50% 40%;background-size:cover;border:2px solid #1b1b26;display:block}.mj-zk-place.is-locked .mj-zk-pic,.mj-zk-pic.is-locked{filter:brightness(.18)saturate(0)}.mj-zk-detail{text-align:left;background:#10204a;border:2px solid #c9a227;border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 4px 16px #0009}.mj-zk-detail[hidden]{display:none}.mj-zk-detail>div{flex:1;min-width:0}.mj-zk-pic--big{flex:none;width:96px}.mj-zk-name{color:#ffd84a;margin:0;font-size:17px}.mj-zk-meta{color:#cfe6ef;margin:2px 0 0;font-size:11px}.mj-zk-text{margin:4px 0 0;font-size:12px;line-height:1.5}.mj-zk-src{color:#8cc4f0;font-size:11px}.mj-intro{text-align:center;z-index:4;background:#0a0c1ceb;border:2px solid #6ad0c8;border-radius:6px;padding:10px 8px 12px;animation:.35s steps(4,end) both mjIntro;position:absolute;top:22%;left:8%;right:8%}.mj-intro[hidden]{display:none}.mj-intro__h{color:#6ad0c8;letter-spacing:.2em;margin:0 0 6px;font-size:16px}.mj-intro__tiles{justify-content:center;gap:18px;display:flex}.mj-intro__tiles figure{flex-direction:column;align-items:center;gap:4px;margin:0;animation:1s steps(4,end) infinite mjHop;display:flex}.mj-intro__tiles figure:nth-child(2){animation-delay:.25s}.mj-intro__tiles figcaption{color:#fff8e6;font-size:14px}@keyframes mjIntro{0%{opacity:0;transform:scale(.6)}}@keyframes mjHop{50%{transform:translateY(-4px)}}.mj-toast{color:#fff8e6;white-space:nowrap;pointer-events:none;z-index:4;background:#0a0c1ce6;border:2px solid #6ad0c8;border-radius:6px;align-items:center;gap:8px;padding:4px 12px 4px 6px;font-size:14px;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.mj-toast[hidden]{display:none}.mj-toast.is-gold{color:#ffd84a;border-color:#f2c94c}.mj-toast.is-on{animation:2.2s steps(12,end) both mjToast}@keyframes mjToast{0%{opacity:0;transform:translate(-50%,8px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.mj-c-new{border:1px dashed #6ad0c8;flex-wrap:wrap;justify-content:center;gap:4px;max-width:280px;padding:4px;display:flex}.mj-c-new[hidden]{display:none}@media (prefers-reduced-motion:reduce){.mj-callout.is-on{animation-duration:2.4s}.mj-record{animation:none}}