.mk{--bg:#141019;--bg2:#1C1726;--surface:#241E31;--surface2:#2E2740;--ink:#F4EEE3;--ink-soft:#B4AAC4;--line:rgba(244,238,227,.10);--shu:#EC5A3C;--shu-deep:#C7422A;--jade:#79C29A;--gold:#E7B75A;--radius:22px;--shadow:0 22px 60px -20px rgba(0,0,0,.65);--font-jp:"Klee One",serif;--font-ui:"M PLUS Rounded 1c",system-ui,sans-serif}.mk *{box-sizing:border-box}.mk{margin:0;font-family:var(--font-ui);color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%,rgb(236 90 60 / .14),transparent 60%),radial-gradient(900px 500px at 90% 110%,rgb(121 194 154 / .08),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;position:relative;-webkit-tap-highlight-color:#fff0}.mk .app{max-width:1120px;width:100%;margin:0 auto;padding:clamp(16px,3vw,32px);min-height:100%}.mk{width:100%;max-width:100%}.mk .screen{display:none;animation:mkfade .4s ease both}.mk .screen.active{display:block}@keyframes mkfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mk .brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.mk .brand-logo{height:54px;width:auto;flex:0 0 auto;display:block;filter:drop-shadow(0 3px 8px rgb(0 0 0 / .4))}.mk .brand h1{font-size:clamp(17px,2.6vw,21px);margin:0;font-weight:800;letter-spacing:.3px}.mk .brand small{display:block;color:var(--ink-soft);font-weight:500;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-top:2px}.mk .backlink{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;font-family:var(--font-ui);font-size:12.5px;font-weight:600;letter-spacing:.3px;color:var(--ink-soft);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;transition:.15s;-webkit-tap-highlight-color:#fff0}.mk .backlink:hover{color:var(--ink);border-color:rgb(236 90 60 / .5);background:var(--surface)}.mk .backlink span{font-size:14px;line-height:1}.mk .panel{background:linear-gradient(180deg,var(--bg2),rgb(28 23 38 / .6));border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,3vw,30px);box-shadow:var(--shadow)}.mk .lead{text-align:center;margin:2px 0 20px}.mk .lead .kanji{font-family:var(--font-jp);color:var(--shu);font-size:34px;line-height:1;display:block;margin-bottom:6px}.mk .lead h2{margin:0;font-size:clamp(20px,3.4vw,28px);font-weight:800}.mk .lead p{margin:8px auto 0;color:var(--ink-soft);max-width:520px;font-size:14.5px;line-height:1.5}.mk .pick{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:22px 0}.mk .pick button{font-family:var(--font-ui);font-weight:700;font-size:15px;color:var(--ink-soft);background:var(--surface);border:1.5px solid var(--line);padding:11px 22px;border-radius:999px;cursor:pointer;transition:.18s;display:flex;align-items:center;gap:8px}.mk .pick button .g{font-family:var(--font-jp);font-size:18px}.mk .pick button:hover{color:var(--ink);border-color:rgb(236 90 60 / .4)}.mk .pick button.on{color:#fff;background:linear-gradient(180deg,var(--shu),var(--shu-deep));border-color:#fff0;box-shadow:0 8px 22px -8px rgb(236 90 60 / .7)}.mk .quick{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 22px}.mk .quick button{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--ink-soft);background:#fff0;border:1px solid var(--line);padding:7px 14px;border-radius:999px;cursor:pointer;transition:.15s}.mk .quick button:hover{color:var(--ink);border-color:var(--ink-soft)}.mk .quick button.on{color:#fff;border-color:var(--shu);background:var(--surface2)}.mk .grouplabel{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);font-weight:700;text-align:center;margin:0 0 10px}.mk .btn-primary{font-family:var(--font-ui);font-weight:800;font-size:16px;color:#fff;border:none;cursor:pointer;background:linear-gradient(180deg,var(--shu),var(--shu-deep));padding:15px 30px;border-radius:14px;box-shadow:0 14px 30px -12px rgb(236 90 60 / .8);transition:.15s;display:inline-flex;align-items:center;gap:9px}.mk .btn-primary:hover{transform:translateY(-2px)}.mk .btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.mk .btn-ghost{font-family:var(--font-ui);font-weight:700;font-size:15px;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);padding:14px 22px;border-radius:14px;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:8px}.mk .btn-ghost:hover{border-color:var(--ink-soft)}.mk .iconbtn{background:#fff0;border:1px solid var(--line);color:var(--ink-soft);width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;padding:0;margin:0;border-radius:10px;cursor:pointer;transition:.15s;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;line-height:0;font-size:0;box-shadow:none;appearance:none;-webkit-appearance:none}.mk .iconbtn svg{width:15px;height:15px;display:block;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}.mk .iconbtn:hover{color:var(--ink);border-color:rgb(236 90 60 / .5);background:var(--surface)}.mk :focus-visible{outline:2px solid var(--shu);outline-offset:3px}.mk .qtop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.mk .qstat{display:flex;gap:20px;align-items:center}.mk .qstat .s{text-align:center}.mk .qstat .s b{display:block;font-size:22px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.mk .qstat .s span{font-size:10.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1.4px}.mk .qstat .streak b{color:var(--gold)}.mk .progress{height:6px;border-radius:99px;background:var(--surface);overflow:hidden;margin-bottom:26px}.mk .progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--shu),var(--gold));border-radius:99px;transition:width .35s ease}.mk .stage{background:linear-gradient(180deg,var(--surface),var(--bg2));border:1px solid var(--line);border-radius:28px;padding:clamp(28px,6vw,52px) 24px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.mk .stage.tight{padding:20px 16px}.mk .stage.tight::after{font-size:190px;right:-16px;bottom:-38px}.mk .stage::after{content:attr(data-kanji);position:absolute;right:-30px;bottom:-60px;font-family:var(--font-jp);font-size:280px;color:rgb(244 238 227 / .03);pointer-events:none;line-height:1}.mk .answerline{min-height:26px;margin-top:14px;font-weight:700;font-size:16px;color:var(--jade)}.mk .answerline.miss{color:var(--shu)}.mk .answerline.miss b{color:var(--ink)}.mk .seal{position:relative;width:230px;height:230px;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center;margin:0 auto}.mk .seal svg{position:absolute;inset:0;width:100%;height:100%}.mk .seal .disc{fill:rgb(46 39 64 / .5);stroke:var(--line);stroke-width:1}.mk .seal .ring{fill:none;stroke:var(--shu);stroke-width:2;opacity:.5;transition:opacity .2s}.mk .seal .wave{fill:none;stroke:var(--shu);stroke-width:2.5;stroke-linecap:round;opacity:0;transition:opacity .2s}.mk .seal .spk{color:var(--ink-soft);opacity:.5;transition:opacity .2s}.mk .seal.playing .wave{opacity:.9}.mk .seal.playing .spk,.mk .seal.answered .spk{opacity:0}.mk .seal .value{position:relative;font-family:var(--font-jp);font-size:58px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.03em;line-height:1;min-height:60px;display:grid;place-items:center;transition:.15s}.mk .seal-tag{margin-top:14px;font-family:var(--font-ui);font-size:11.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-soft);opacity:.75;min-height:16px;line-height:1.4}.mk .seal.correct .ring,.mk .seal.correct .wave{stroke:var(--jade)}.mk .seal.correct .value{color:var(--jade);animation:mkpop .4s ease}.mk .seal.wrong .ring,.mk .seal.wrong .wave{stroke:var(--shu)}.mk .seal.wrong .value{color:var(--shu)}.mk .seal.wrong{animation:mkshake .4s ease}@keyframes mkpop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes mkshake{0%,100%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(9px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}.mk .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mk .inputwrap{margin-top:24px;display:flex;justify-content:center}.mk .field{font-family:var(--font-jp);font-weight:600;font-size:34px;text-align:center;color:var(--ink);background:var(--bg2);border:2px solid var(--line);border-radius:16px;padding:12px 20px;width:min(320px,80vw);outline:none;transition:.15s;letter-spacing:4px;font-variant-numeric:tabular-nums}.mk .field:focus{border-color:var(--shu);box-shadow:0 0 0 4px rgb(236 90 60 / .15)}.mk .field::placeholder{color:var(--ink-soft);opacity:.5;letter-spacing:.5px;font-weight:500;font-size:16px;font-family:var(--font-ui)}.mk .hint{text-align:center;color:var(--ink-soft);font-size:12.5px;margin-top:16px}.mk .hint kbd{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-family:var(--font-ui);font-size:12px}.mk .result-hero{text-align:center;margin-bottom:8px}.mk .rankk{font-family:var(--font-jp);font-size:clamp(64px,16vw,120px);line-height:1;color:var(--shu);display:block}.mk .rankk.perfect{color:var(--gold)}.mk .rankname{font-weight:800;font-size:clamp(20px,4vw,28px);margin-top:4px}.mk .rankdesc{color:var(--ink-soft);font-size:14px;margin-top:6px}.mk .record{display:inline-block;margin-top:12px;color:var(--gold);font-weight:800;font-size:13px;letter-spacing:1px;border:1.5px solid rgb(231 183 90 / .4);padding:6px 14px;border-radius:999px}.mk .stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}.mk .stats4 .c{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 10px;text-align:center}.mk .stats4 .c b{display:block;font-size:clamp(22px,5vw,30px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.mk .stats4 .c span{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px;margin-top:6px;display:block}@media(max-width:560px){.mk .stats4{grid-template-columns:repeat(2,1fr)}}.mk .review{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:22px}.mk .review h3{margin:0 0 10px;font-size:13px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.mk .review .list{display:flex;flex-wrap:wrap;gap:8px}.mk .review .m{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:6px 10px;display:flex;align-items:center;gap:7px}.mk .review .m .g{font-family:var(--font-jp);font-size:20px}.mk .review .m .r{color:var(--shu);font-weight:700;font-size:13px}.mk .actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.mk .share-preview{display:flex;justify-content:center;margin:22px 0}.mk .share-preview img{width:min(360px,86vw);border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--line)}.mk .foot{text-align:center;color:var(--ink-soft);font-size:12px;margin-top:30px;opacity:.7;line-height:1.8}.mk .foot a{color:inherit}@media (max-width:640px){.mk .app{padding:14px}.mk .brand{margin-bottom:12px}.mk .brand-logo{height:42px}.mk .brand h1{font-size:17px}.mk .brand small{font-size:10.5px;letter-spacing:1.5px}.mk[data-screen="s-quiz"] .brand{display:none}.mk .backlink{margin-bottom:10px;padding:6px 12px;font-size:12px}.mk .qtop{margin-bottom:8px}.mk .qstat{gap:16px}.mk .qstat .s b{font-size:20px}.mk .progress{margin-bottom:14px}.mk .stage{padding:22px 14px}.mk .stage.tight{padding:20px 16px}.mk .stage.tight::after{font-size:190px;right:-16px;bottom:-38px}.mk .stage::after{font-size:150px;right:-10px;bottom:-24px}.mk .seal{width:150px;height:150px}.mk .seal .value{font-size:38px;min-height:40px}.mk .seal-tag{margin-top:10px;font-size:10.5px;letter-spacing:1.2px}.mk .inputwrap{margin-top:14px}.mk .field{font-size:30px;padding:10px 18px;width:min(280px,80vw)}.mk .hint{margin-top:8px;font-size:11px}.mk .lead{margin-bottom:14px}.mk .lead .kanji{font-size:26px;margin-bottom:2px}.mk .lead h2{font-size:20px}.mk .lead p{display:none}.mk .panel{padding:16px}.mk .pick{margin:14px 0;gap:8px}.mk .pick button{padding:9px 15px;font-size:14px}.mk .quick{margin-bottom:14px;gap:6px}.mk .quick button{padding:6px 11px;font-size:12px}.mk .btn-primary{padding:13px 22px;font-size:15px}}@media(prefers-reduced-motion:reduce){.mk *{animation:none!important;transition:none!important}}.mk .assemble{display:flex;gap:12px;justify-content:center;align-items:center;min-height:104px;transition:.15s}.mk .aslot{width:84px;height:96px;border-radius:18px;border:2px dashed var(--line);display:grid;place-items:center;font-family:var(--font-jp);font-size:56px;line-height:1;color:var(--ink);background:#fff0;padding:0;transition:.16s;cursor:default}.mk .aslot.filled{border-style:solid;border-color:rgb(236 90 60 / .6);background:linear-gradient(180deg,var(--surface2),var(--surface));box-shadow:0 10px 26px -14px rgb(236 90 60 / .8);cursor:pointer;animation:mkdrop .22s ease both}.mk .aslot.filled:hover{border-color:var(--shu)}@keyframes mkdrop{from{opacity:0;transform:translateY(-14px) scale(.9)}to{opacity:1;transform:none}}.mk .assemble.correct .aslot.filled{border-color:var(--jade);color:var(--jade);box-shadow:0 10px 26px -14px rgb(121 194 154 / .8)}.mk .assemble.wrong .aslot.filled{border-color:var(--shu);color:var(--shu)}.mk .assemble.correct{animation:mkpop .4s ease}.mk .assemble.wrong{animation:mkshake .4s ease}.mk .kgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:400px;margin:26px auto 0}.mk .kchip{aspect-ratio:1;border-radius:20px;border:2px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--bg2));color:var(--ink);font-family:var(--font-jp);font-size:52px;line-height:1;cursor:pointer;padding:0;display:grid;place-items:center;transition:transform .12s,border-color .16s,box-shadow .16s,opacity .2s;box-shadow:0 8px 20px -14px rgb(0 0 0 / .9);-webkit-tap-highlight-color:#fff0;user-select:none}.mk .kchip:hover{border-color:rgb(236 90 60 / .6);transform:translateY(-3px);box-shadow:0 14px 28px -16px rgb(236 90 60 / .9)}.mk .kchip:active{transform:scale(.93);border-color:var(--shu)}.mk .kchip.used{opacity:.22;pointer-events:none;transform:scale(.9)}.mk .found{display:flex;flex-direction:column;gap:9px;margin-top:22px}.mk .fword{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 15px;animation:mkfade .3s ease both}.mk .fword .w{font-family:var(--font-jp);font-size:27px;line-height:1;color:var(--jade)}.mk .fword .r{font-size:13.5px;color:var(--ink-soft);font-family:var(--font-jp)}.mk .fword .es{font-size:14px;color:var(--ink);font-weight:600}.mk .fword.bonus{border-color:rgb(231 183 90 / .35)}.mk .fword.bonus .w{color:var(--gold)}.mk .fword .tagb{margin-left:auto;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);border:1px solid rgb(231 183 90 / .4);border-radius:999px;padding:3px 9px}@media (max-width:640px){.mk .assemble{min-height:84px;gap:9px}.mk .aslot{width:66px;height:76px;font-size:44px;border-radius:15px}.mk .kgrid{gap:10px;max-width:330px;margin-top:18px}.mk .kchip{font-size:44px;border-radius:16px}.mk .fword{padding:9px 12px;gap:9px}.mk .fword .w{font-size:23px}.mk .fword.pending .slots i{width:22px;height:22px}}.mk .prompt{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:26px;min-height:74px;justify-content:center}.mk .pkana{font-family:var(--font-jp);font-size:clamp(34px,7vw,46px);line-height:1.1;color:var(--ink);letter-spacing:.04em}.mk .pes{font-family:var(--font-ui);font-size:clamp(15px,3vw,18px);font-weight:600;color:var(--shu);text-align:center;line-height:1.35}.mk .pkana:empty,.mk .pes:empty{display:none}@media (max-width:640px){.mk .prompt{margin-bottom:18px;min-height:58px}}.mk .assemble.reveal{min-height:130px;animation:mkfade .3s ease both}.mk .assemble.reveal .aslot.filled{width:106px;height:118px;font-size:70px;border-radius:22px;border-color:var(--shu);color:var(--ink);box-shadow:0 14px 34px -16px rgb(236 90 60 / .85)}.mk .answerline.big{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:auto;margin-top:20px;animation:mkfade .3s ease both}.mk .answerline.big .rd{font-family:var(--font-jp);font-size:30px;line-height:1.15;color:var(--shu);font-weight:600}.mk .answerline.big .mn{font-family:var(--font-ui);font-size:19px;font-weight:700;color:var(--ink)}.mk .answerline.big .go{font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-soft);opacity:.6;margin-top:8px}@media (max-width:640px){.mk .assemble.reveal{min-height:104px}.mk .assemble.reveal .aslot.filled{width:84px;height:94px;font-size:56px;border-radius:18px}.mk .answerline.big{margin-top:14px}.mk .answerline.big .rd{font-size:26px}.mk .answerline.big .mn{font-size:17px}}.mk .hub-lead{text-align:center;max-width:560px;margin:0 auto 28px}.mk .hub-lead h2{font-size:clamp(22px,4vw,30px);font-weight:800;margin:0 0 8px}.mk .hub-lead .kanji{font-family:var(--font-jp);color:var(--shu);font-size:34px;line-height:1;display:block;margin-bottom:6px}.mk .hub-lead p{color:var(--ink-soft);font-size:14.5px;line-height:1.6;margin:0}.mk .hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:16px;max-width:900px;margin:0 auto}.mk .gcard{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:186px;padding:22px 22px 20px;border-radius:var(--radius);border:1px solid var(--line);text-decoration:none;color:inherit;background:linear-gradient(180deg,var(--surface),var(--bg2));box-shadow:var(--shadow);transition:transform .16s,border-color .16s,box-shadow .16s;-webkit-tap-highlight-color:#fff0}.mk .gcard:hover{transform:translateY(-4px);border-color:rgb(236 90 60 / .55);box-shadow:0 26px 50px -24px rgb(236 90 60 / .55)}.mk .gcard:active{transform:translateY(-1px)}.mk .gcard .gk{position:absolute;right:-18px;bottom:-46px;font-family:var(--font-jp);font-size:170px;line-height:1;color:rgb(244 238 227 / .05);pointer-events:none;transition:color .2s,transform .2s}.mk .gcard:hover .gk{color:rgb(236 90 60 / .13);transform:scale(1.05)}.mk .gcard .gtag{position:relative;align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--shu);border:1px solid rgb(236 90 60 / .35);border-radius:999px;padding:4px 11px;margin-bottom:14px}.mk .gcard h3{position:relative;margin:0 0 6px;font-size:20px;font-weight:800;line-height:1.25}.mk .gcard h3 em{font-style:normal;font-family:var(--font-jp);color:var(--ink-soft);font-size:16px;margin-right:8px}.mk .gcard p{position:relative;margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.55;max-width:30ch}.mk .gcard .ggo{position:relative;margin-top:auto;padding-top:16px;font-size:13.5px;font-weight:700;color:var(--shu);display:inline-flex;align-items:center;gap:6px}.mk .gcard:hover .ggo{color:#fff}.mk .gcard.soon{border-style:dashed;background:#fff0;box-shadow:none;cursor:default}.mk .gcard.soon:hover{transform:none;border-color:var(--line);box-shadow:none}.mk .gcard.soon:hover .gk{color:rgb(244 238 227 / .05);transform:none}.mk .gcard.soon h3,.mk .gcard.soon .gk{color:var(--ink-soft)}.mk .gcard.soon h3{opacity:.85}.mk .gcard.soon .gtag{color:var(--ink-soft);border-color:var(--line)}.mk .gcard.soon .ggo{color:var(--ink-soft);opacity:.7}@media (max-width:640px){.mk .hub-lead{margin-bottom:20px}.mk .hub-grid{grid-template-columns:1fr;gap:12px}.mk .gcard{min-height:0;padding:18px 18px 16px}.mk .gcard .gk{font-size:130px;right:-12px;bottom:-34px}.mk .gcard h3{font-size:18px}.mk .gcard p{font-size:13px}}.mk .vboard{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;max-width:560px;margin:0 auto;align-items:stretch}.mk .vitem{position:relative;width:100%;height:100%;min-height:54px;padding:9px 12px;border-radius:16px;border:1.5px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--bg2));color:var(--ink);font-family:var(--font-ui);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;line-height:1.3;transition:transform .12s,border-color .16s,box-shadow .16s,opacity .25s;-webkit-tap-highlight-color:#fff0}.mk .vitem:hover{border-color:rgb(236 90 60 / .5);transform:translateY(-2px)}.mk .vitem:active{transform:scale(.97)}.mk .vitem .jp{font-family:var(--font-jp);font-size:23px;line-height:1.1}.mk .vitem .rb{font-family:var(--font-jp);font-size:12px;color:var(--ink-soft);line-height:1.15}.mk .vitem .sp{font-size:14.5px;font-weight:600;line-height:1.25}.mk .vitem.sel{border-color:var(--shu);background:linear-gradient(180deg,var(--surface2),var(--surface));box-shadow:0 10px 26px -14px rgb(236 90 60 / .85)}.mk .vitem.ok{border-color:var(--jade);color:var(--jade);pointer-events:none;box-shadow:0 10px 26px -16px rgb(121 194 154 / .8)}.mk .vitem.ok .rb{color:var(--jade);opacity:.75}.mk .vitem.bad{border-color:var(--shu);color:var(--shu);animation:mkshake .38s ease}.mk .vitem.gone{opacity:.18;pointer-events:none;transform:scale(.96)}@media (max-width:640px){.mk .stage.tight{padding:14px 10px}.mk .stage.tight::after{font-size:110px;right:-8px;bottom:-20px}.mk .vboard{gap:7px 8px;max-width:100%}.mk .vitem{min-height:50px;padding:8px 6px;border-radius:12px}.mk .vitem .jp{font-size:19px}.mk .vitem .rb{font-size:10.5px}.mk .vitem .sp{font-size:12.5px}}