.yuno-drill{--bg:#fff6e0;--dot1:#a0673a1a;--dot2:#ffc93c24;--ink:#4a3220;--card:#fff;--line:#a0673a;--shadow:#6e4324;--primary:#a0673a;--gold:#ffc93c;--btn:#ffc93c;--btnink:#6e4324;--btnline:#a0673a;--correct:#3fbf6f;--correctline:#2a8f50;--wrong:#ff7aa2;--next:#ff7aa2;--nextline:#d9527a;--titlefont:"Mochiy Pop One", sans-serif;--bodyfont:"Zen Maru Gothic", sans-serif;background:var(--bg);width:100%;min-height:100vh;color:var(--ink);font-weight:700;font-family:var(--bodyfont);background-image:radial-gradient(var(--dot1) 14%, transparent 15%), radial-gradient(var(--dot2) 14%, transparent 15%);background-position:0 0,23px 23px;background-size:46px 46px;flex-direction:column;align-items:center;padding:0;transition:background .3s;display:flex}.yuno-drill .wrap{width:100%;max-width:520px;padding:16px 12px 50px}.yuno-drill #home h1{font-family:var(--titlefont);text-align:center;color:var(--primary);text-shadow:2px 2px #fff;margin:6px 0 4px;font-size:23px;line-height:1.4}.yuno-drill #home .sub{text-align:center;color:var(--primary);margin-bottom:14px;font-size:14px}.yuno-drill #home .home-papa{justify-content:center;margin-bottom:20px;display:flex}.yuno-drill #home .home-papa .chip{border:2px solid var(--card-border,#eee);background:#fff;border-radius:99px;align-items:center;gap:9px;padding:6px 18px 6px 6px;display:inline-flex;box-shadow:0 3px 10px #0000000f}.yuno-drill #home .home-papa img{object-fit:cover;border-radius:50%;width:34px;height:34px}.yuno-drill #home .home-papa span{color:var(--primary);font-size:13px;font-weight:700}.yuno-drill #home .home-papa b{color:var(--accent,#e8a000)}.yuno-drill .pick{flex-direction:column;gap:14px;display:flex}.yuno-drill .pcard{cursor:pointer;border:4px solid;border-radius:24px;align-items:center;gap:14px;padding:18px 16px;transition:all .12s;display:flex}.yuno-drill .pcard:active{transform:translateY(3px)}.yuno-drill .pcard .face{font-size:46px;line-height:1}.yuno-drill .pcard .txt b{font-size:21px;display:block}.yuno-drill .pcard .txt span{opacity:.85;font-size:13px}.yuno-drill .pcard.unko{color:#6e4324;background:#fff6e0;border-color:#a0673a;box-shadow:0 6px #6e4324}.yuno-drill .pcard.unko .txt b{font-family:Mochiy Pop One}.yuno-drill .pcard.yume{color:#c44e8e;background:#fceffa;border-color:#ff9ec4;box-shadow:0 6px #e07ab0}.yuno-drill .pcard.yume .txt b{font-family:Hachi Maru Pop}.yuno-drill .pcard.mon{color:#7df9ff;background:#1b2140;border-color:#2de2e6;box-shadow:0 6px #12506b}.yuno-drill .pcard.mon .txt b{color:#9dff4b;font-family:DotGothic16}.yuno-drill .pcard.papa{color:#9db6e0;background:#0e1b33;border-color:#3a5fa0;box-shadow:0 6px #081224}.yuno-drill .pcard.papa .txt b{color:#c7d8f5;font-family:Mochiy Pop One}.yuno-drill .pcard.papa .badge{font-family:var(--titlefont);color:#fff;white-space:nowrap;background:#3a5fa0;border-radius:99px;margin-left:auto;padding:4px 10px;font-size:11px}.yuno-drill .topbar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.yuno-drill .back{font-family:var(--titlefont);background:var(--card);border:3px solid var(--line);color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--shadow);border-radius:99px;padding:6px 14px;font-size:13px}.yuno-drill .back:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}.yuno-drill .gradewrap{align-items:center;gap:5px;margin-left:auto;display:flex}.yuno-drill .gradewrap .lbl{color:var(--primary);font-size:12px}.yuno-drill.theme-mon .gradewrap .lbl{color:#0e8ba8}.yuno-drill .grade{font-family:var(--titlefont);background:var(--card);border:2px solid var(--line);width:30px;height:30px;color:var(--primary);cursor:pointer;border-radius:8px;font-size:14px}.yuno-drill .grade.active{background:var(--gold);color:var(--btnink)}.yuno-drill.theme-mon .grade.active{color:#15301a;background:#9dff4b}.yuno-drill .subjects{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px;display:grid}.yuno-drill .subj{font-family:var(--titlefont);background:var(--card);border:3px solid var(--line);color:var(--primary);cursor:pointer;box-shadow:0 3px 0 var(--shadow);text-align:center;border-radius:12px;padding:8px 2px;font-size:12px;line-height:1.3}.yuno-drill .subj .ic{font-size:20px;display:block}.yuno-drill .subj:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}.yuno-drill .subj.active{background:var(--gold);color:var(--btnink)}.yuno-drill.theme-mon .subj.active{color:#15301a;background:#9dff4b}.yuno-drill .modetabs{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.yuno-drill .mode{font-family:var(--titlefont);background:var(--card);border:3px solid var(--line);color:var(--primary);cursor:pointer;box-shadow:0 3px 0 var(--shadow);border-radius:99px;padding:8px 20px;font-size:14px}.yuno-drill .mode:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}.yuno-drill .mode.active{background:var(--gold);color:var(--btnink)}.yuno-drill.theme-mon .mode.active{color:#15301a;background:#9dff4b}.yuno-drill .ghead{text-align:center;font-family:var(--titlefont);color:var(--primary);text-shadow:2px 2px 0 #fff, 3px 3px 0 var(--gold);margin-bottom:6px;font-size:17px}.yuno-drill.theme-mon .ghead{text-shadow:0 0 8px #2de2e6}.yuno-drill .rank{justify-content:center;align-items:center;gap:10px;margin:4px 0;display:flex}.yuno-drill .rankface{font-size:32px}.yuno-drill .rankname{font-family:var(--titlefont);color:var(--primary);font-size:14px}.yuno-drill.theme-mon .rankname{color:#1e9e50}.yuno-drill .gauge{border:3px solid var(--line);background:#fff9;border-radius:99px;max-width:300px;height:14px;margin:0 auto 8px;overflow:hidden}.yuno-drill.theme-mon .gauge{background:#0006}.yuno-drill .gauge .fill{background:linear-gradient(90deg, var(--gold), var(--next));width:0;height:100%;transition:width .35s}.yuno-drill .score{text-align:center;font-family:var(--titlefont);color:var(--primary);margin-bottom:8px;font-size:13px}.yuno-drill.theme-mon .score{color:#0e8ba8}.yuno-drill .score .big{font-size:19px}.yuno-drill .combo{text-align:center;height:20px;font-family:var(--titlefont);color:var(--next);margin-bottom:4px;font-size:16px}.yuno-drill .combo.flash{animation:.4s cflash}@keyframes cflash{0%{opacity:0;transform:scale(1.6)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.yuno-drill .card{background:var(--card);border:4px solid var(--line);box-shadow:0 8px 0 var(--shadow);border-radius:26px;padding:22px 18px}.yuno-drill .mascot{text-align:center;font-size:44px;line-height:1}.yuno-drill .mascot.jump{animation:.5s jump}@keyframes jump{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-18px)scale(1.18)}60%{transform:translateY(0)scale(.95)}to{transform:translateY(0)}}.yuno-drill .q{text-align:center;white-space:pre-line;margin:10px 4px 2px;font-size:19px;font-weight:900;line-height:1.7}.yuno-drill.theme-yume .q{font-family:Hachi Maru Pop;font-weight:400}.yuno-drill .q .m{font-family:var(--titlefont);color:var(--primary)}.yuno-drill.theme-mon .q .m{color:#1e9e50}.yuno-drill .qsub{text-align:center;color:var(--primary);margin-bottom:4px;font-size:13px}.yuno-drill.theme-mon .qsub{color:#0e8ba8}.yuno-drill .hintarea{text-align:center;margin:8px 0 2px}.yuno-drill .hintbtn{font-family:var(--titlefont);background:var(--card);border:2px dashed var(--line);color:var(--primary);cursor:pointer;border-radius:99px;padding:6px 18px;font-size:13px}.yuno-drill .hintbtn:active{transform:translateY(1px)}.yuno-drill.theme-mon .hintbtn{color:#0e8ba8}.yuno-drill .hintbox{color:var(--ink);background:var(--bg);border:2px dashed var(--line);text-align:left;border-radius:14px;margin-top:8px;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.7;display:none}.yuno-drill .hintbox.show{display:block}.yuno-drill.theme-mon .hintbox{color:#cfe;background:#0000004d;border-color:#0e8ba8}.yuno-drill #choices{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 4px;display:grid}.yuno-drill .choice{font-family:var(--titlefont);background:var(--btn);color:var(--btnink);border:3px solid var(--btnline);cursor:pointer;box-shadow:0 5px 0 var(--btnline);border-radius:18px;min-height:54px;padding:15px 8px;font-size:18px;transition:all 80ms}.yuno-drill .choice:active:not(:disabled){box-shadow:0 2px 0 var(--btnline);transform:translateY(3px)}.yuno-drill .choice:disabled{cursor:default}.yuno-drill .choice.correct{background:var(--correct);color:#fff;border-color:var(--correctline);box-shadow:0 5px 0 var(--correctline)}.yuno-drill .choice.wrong{color:#aaa;background:#96969626;border-color:#ccc;box-shadow:0 5px #ccc}.yuno-drill .fb{text-align:center;margin-top:14px;display:none}.yuno-drill .fb.show{display:block}.yuno-drill .fb .v{font-family:var(--titlefont);font-size:19px}.yuno-drill .fb.ok .v{color:var(--correct)}.yuno-drill .fb.ng .v{color:var(--wrong)}.yuno-drill .fb .calc{font-family:var(--bodyfont);color:var(--ink);background:var(--bg);text-align:left;white-space:pre-line;border-radius:12px;margin-top:8px;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.7;display:block}.yuno-drill.theme-mon .fb .calc{color:#cfe;background:#00000059}.yuno-drill .fb .calc b{color:var(--primary)}.yuno-drill.theme-mon .fb .calc b{color:#9dff4b}.yuno-drill .next{width:100%;font-family:var(--titlefont);background:var(--next);color:#fff;border:3px solid var(--nextline);cursor:pointer;box-shadow:0 5px 0 var(--nextline);border-radius:18px;margin-top:14px;padding:14px;font-size:18px;display:none}.yuno-drill .next.show{display:block}.yuno-drill .next:active{box-shadow:0 2px 0 var(--nextline);transform:translateY(3px)}.yuno-drill .soon{text-align:center;font-family:var(--titlefont);color:var(--primary);padding:30px 10px;font-size:18px;line-height:1.8}.yuno-drill .rain{pointer-events:none;z-index:99;animation:linear forwards fall;position:fixed;top:-40px}@keyframes fall{to{opacity:.9;transform:translateY(108vh)rotate(360deg)}}.yuno-drill .site-presents{color:#fff;text-align:center;letter-spacing:1px;background:#1a2238;width:100%;padding:6px 12px;font-family:Zen Kaku Gothic New,sans-serif;font-size:11px;font-weight:700}.yuno-drill .site-presents .imgslot{vertical-align:middle;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-right:6px;font-size:11px;display:inline-flex}.yuno-drill .site-presents b{color:#ffc93c}.yuno-drill .site-header{background:#fff;border-bottom:1px solid #e6e8ef;justify-content:center;align-items:center;width:100%;padding:10px 16px;display:flex}.yuno-drill .site-header a{text-decoration:none;display:block}.yuno-drill .site-footer{text-align:center;background:#fff;border-top:1px solid #e6e8ef;width:100%;margin-top:30px;padding:28px 16px 32px;font-family:Zen Kaku Gothic New,sans-serif}.yuno-drill .site-footer .fl{letter-spacing:1px;margin-bottom:10px;font-family:Mochiy Pop One,sans-serif;font-size:18px}.yuno-drill .site-footer .fl img{vertical-align:middle;width:auto;height:28px;display:inline-block}.yuno-drill .site-footer .fl .p{color:#e8403a}.yuno-drill .site-footer .fl .i{color:#f5a623}.yuno-drill .site-footer .fl .n{color:#3aa648}.yuno-drill .site-footer .fl .t{color:#3a7bd5}.yuno-drill .site-footer .fl .c{color:#7b4dd5}.yuno-drill .site-footer .fl .u{color:#e8403a}.yuno-drill .site-footer .fl .l{color:#f5a623}.yuno-drill .site-footer .fl .l2{color:#3aa648}.yuno-drill .site-footer .fm{color:#5b6478;letter-spacing:.5px;margin-bottom:10px;font-size:12px}.yuno-drill .site-footer .fc{color:#5b6478;opacity:.8;font-size:11px}.yuno-drill .site-footer .flinks{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:16px;display:flex}.yuno-drill .site-footer .flinks a{color:#5b6478;font-size:11px;text-decoration:none}.yuno-drill.in-game .site-presents,.yuno-drill.in-game .site-header,.yuno-drill.in-game .site-footer{display:none}