@font-face{font-family:MaskcaseDisplay;src:url(/fonts/last-toast-display.ttf)format("truetype");font-weight:400;font-display:swap}.maskcase-page{--background:#fff;--foreground:#202025;--ring:#643ba0;--input:#776982;color:#202025;background:#e8d7ff;min-height:100svh;padding:30px 20px;font-size:1rem}.maskcase-shell{max-width:660px;margin:auto}.maskcase-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.maskcase-header a{align-items:center;min-height:44px;font-weight:800;display:flex}.maskcase-header span{color:#4f3d65;font-size:.875rem}.maskcase-card{background:#fff;border:2px solid #29232e;border-top:9px solid #ed248e;border-radius:14px;padding:29px 36px 32px;box-shadow:7px 7px #78dedb}.maskcase-kicker{color:#55405e;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 13px;font-size:.875rem;font-weight:700;display:flex}.maskcase-kicker span{color:#302130;background:#ffdf78;border:1px solid #55405e;border-radius:4px;padding:3px 9px}.maskcase-intro h1{letter-spacing:-.02em;margin:0 0 12px;font-family:MaskcaseDisplay,Georgia,serif;font-size:clamp(2rem,6vw,2.7rem);line-height:1.15}.maskcase-intro>p:last-child{color:#554b5b;margin:0 0 25px;line-height:1.55}.maskcase-field{margin-bottom:17px}.maskcase-field label{margin-bottom:7px;font-size:1rem;font-weight:750;display:block}.maskcase-field input{color:#202025;background:#fff;border:1.5px solid #82748c;border-radius:6px;width:100%;height:auto;min-height:51px;padding:12px 13px;font-size:1rem;line-height:1.4}.maskcase-field input::placeholder{color:#746879}.maskcase-field input:focus-visible{outline-offset:2px;outline:3px solid #9c80c3}.maskcase-help{color:#61516c;margin:0 0 20px;font-size:.875rem;line-height:1.55}.maskcase-form .maskcase-submit{white-space:normal;color:#fff;background:#29232e;border-radius:6px;width:100%;height:auto;min-height:52px;padding:13px 18px;font-size:1rem;font-weight:750}.maskcase-submit:hover{background:#56336d}.maskcase-submit:disabled{opacity:.5}.maskcase-feedback{border-radius:5px;margin:7px 0 0;padding:8px 11px;font-size:.9375rem;font-weight:700;line-height:1.5}.maskcase-feedback.is-correct{color:#185442;background:#e2f7f0}.maskcase-feedback.needs-review{color:#75440c;background:#fff0d5}.maskcase-result{color:#654421;background:#fff7e8;border:1px solid #a6803c;border-radius:6px;margin-top:20px;padding:16px;line-height:1.55}.maskcase-result p{margin:0}.maskcase-result.is-correct{color:#185442;background:#e2f7f0;border-color:#50927c}.maskcase-result h2{margin:0 0 5px;font-family:MaskcaseDisplay,Georgia,serif;font-size:1.8rem;line-height:1.3}.maskcase-ending{border-top:1px solid #ccbcd7;margin-top:20px;padding-top:14px}.maskcase-ending summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.maskcase-ending p{color:#463b4b;margin:12px 0;font-size:1rem;line-height:1.7}.maskcase-footer{color:#554365;margin:22px 0;font-size:.875rem;line-height:1.6}.maskcase-footer a{text-underline-offset:3px;padding:4px 0;text-decoration:underline;display:inline-block}:is(.maskcase-page a:focus-visible,.maskcase-ending summary:focus-visible){outline-offset:4px;outline:3px solid #714393}@media (max-width:480px){.maskcase-page{padding:16px 14px 22px}.maskcase-card{border-radius:10px;padding:24px 21px;box-shadow:5px 5px #78dedb}.maskcase-header{margin-bottom:13px}.maskcase-intro h1{font-size:2rem}}.maskcase-cover{object-fit:contain;float:right;border:1px solid #29232e;border-radius:5px;width:94px;height:141px;margin:0 0 16px 20px}.maskcase-intro>p:last-child{clear:both;padding-top:8px}.maskcase-kicker{padding-top:3px}.maskcase-intro h1{font-size:clamp(1.85rem,5.3vw,2.5rem)}@media (max-width:480px){.maskcase-cover{width:66px;height:99px;margin-left:12px}.maskcase-intro h1{font-size:1.85rem}}