@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap";@font-face{font-family:USSR;src:url(/fonts/ussr.ttf) format("truetype")}@font-face{font-family:propaganda;src:url(/fonts/propaganda.ttf) format("truetype")}@font-face{font-family:fraktur;src:url(/fonts/fraktur.ttf) format("truetype")}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--card-font: "USSR", "Impact", sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card-font{font-family:var(--card-font)}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.masking-game-wrapper{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.masking-game-level-manager{position:relative;width:100vw;height:100vh}.level-switcher{position:absolute;left:0;right:0;bottom:0;padding:12px 24px 18px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:linear-gradient(180deg,#0a0a0a00,#0a0a0abf 45%,#0a0a0ae6);z-index:5;pointer-events:auto}.level-switcher__label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#fff9}.level-switcher__buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.level-switcher__button{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#14141499;color:#ffffffd9;font-size:13px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.level-switcher__button:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff80;background:#282828cc}.level-switcher__button:disabled,.level-switcher__button--active{cursor:default;border-color:#43ff6a99;color:#43ff6ae6;background:#141e16bf}.level-switcher__hint{font-size:20px;color:#ffffffbf;text-align:center}.level-switcher--flash{animation:level-switcher-flash 1.2s ease-in-out infinite}@keyframes level-switcher-flash{0%,to{box-shadow:0 0 #43ff6a00}50%{box-shadow:0 -6px 24px #43ff6a59}}.masking-game{position:relative;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);overflow:hidden;background:#1a1a1a}.game-canvas{display:block;width:100%;height:100%;cursor:default;image-rendering:auto}.game-canvas:active{cursor:grabbing}.grade-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.grade-modal-overlay.exiting{animation:fadeOut .3s ease-out forwards}.grade-modal-note{position:relative;background:#f5f0e1;padding:40px 50px;min-width:320px;max-width:400px;box-shadow:0 4px 20px #0006,inset 0 0 80px #00000008;transform:rotate(-1deg);animation:slideIn .5s cubic-bezier(.34,1.56,.64,1);background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%),linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px);background-size:100% 100%,100% 4px}@keyframes slideIn{0%{opacity:0;transform:translateY(-100px) rotate(-5deg) scale(.8)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}to{opacity:0;transform:translateY(-100px) rotate(-5deg) scale(.8)}}.grade-modal-note.exiting{animation:slideOut .5s cubic-bezier(.34,1.56,.64,1) forwards}.grade-modal-pin{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:24px;height:24px;background:radial-gradient(circle at 30% 30%,#d4a05a,#8b6914);border-radius:50%;box-shadow:0 2px 4px #0000004d,inset 0 -2px 4px #0003}.grade-modal-pin:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;background:radial-gradient(circle at 30% 30%,#fff,#d4a05a);border-radius:50%;opacity:.6}.grade-modal-content{text-align:center}.grade-modal-title{font-size:18px;font-weight:700;color:#333;margin:0 0 10px;letter-spacing:2px}.grade-modal-divider{height:2px;background:linear-gradient(90deg,transparent,#8b4513,transparent);margin:15px 0}.grade-modal-grade{font-size:96px;font-weight:700;line-height:1;margin:20px 0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.grade-modal-score{font-size:20px;color:#555;margin-bottom:15px}.grade-modal-message{font-family:Oswald,Impact,sans-serif;font-size:16px;color:#444;font-style:italic;margin:20px 0;line-height:1.4}.grade-modal-stats{background:#0000000d;padding:15px;border-radius:4px;margin:20px 0}.grade-modal-stat{display:flex;justify-content:space-between;font-size:14px;color:#555;margin:5px 0}.stat-label{color:#666}.stat-value{font-weight:700;color:#4caf50}.stat-value.stat-penalty{color:#f44336}.grade-modal-button{background:#8b4513;color:#f5f0e1;border:none;padding:12px 40px;font-size:16px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .2s ease;margin-top:10px}.grade-modal-button:hover{background:sienna;transform:scale(1.05)}.grade-modal-button:active{transform:scale(.98)}.assignment-modal-overlay{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1000;animation:assignmentFadeIn .3s ease-out}@keyframes assignmentFadeIn{0%{opacity:0}to{opacity:1}}@keyframes assignmentFadeOut{0%{opacity:1}to{opacity:0}}.assignment-modal-overlay.exiting{animation:assignmentFadeOut .3s ease-out forwards}.assignment-modal-card{position:relative;background:#f3efe2;padding:36px 44px;min-width:440px;max-width:560px;box-shadow:0 6px 22px #00000073,inset 0 0 60px #0000000a;border:2px solid #2d2a24;transform:rotate(-1deg);animation:assignmentSlideIn .5s cubic-bezier(.34,1.56,.64,1);background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%),linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px);background-size:100% 100%,100% 5px}@keyframes assignmentSlideIn{0%{opacity:0;transform:translateY(120px) rotate(-4deg) scale(.85)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}@keyframes assignmentSlideOut{0%{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}to{opacity:0;transform:translateY(120px) rotate(-4deg) scale(.85)}}.assignment-modal-card.exiting{animation:assignmentSlideOut .5s cubic-bezier(.34,1.56,.64,1) forwards}.assignment-modal-header{text-align:center}.assignment-modal-title{font-size:32px;font-weight:600;letter-spacing:3px;color:#191815;text-transform:uppercase}.assignment-modal-subtitle{font-size:16px;letter-spacing:2px;color:#6f1d1b;margin-top:6px}.assignment-modal-divider{height:2px;background:linear-gradient(90deg,transparent,#6f1d1b,transparent);margin:18px 0 16px}.assignment-modal-body{font-family:Oswald,Impact,sans-serif;font-size:20px;line-height:1.5;color:#2a2622;text-align:left;letter-spacing:.3px}.assignment-modal-button{margin-top:22px;width:100%;background:#6f1d1b;color:#f3efe2;border:none;padding:12px 18px;font-size:16px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:transform .2s ease,background .2s ease}.assignment-modal-button:hover{background:#8a2a25;transform:scale(1.02)}.assignment-modal-button:active{transform:scale(.98)}.atmospheric-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100}.atmospheric-overlay canvas{width:100%;height:100%;display:block}.start-screen{position:fixed;inset:0;background:#000;color:#fff;z-index:1100;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .7s ease}.start-screen.fade-out{opacity:0}.start-screen-content{width:min(640px,90vw);text-align:center;display:grid;gap:32px;justify-items:center}.start-screen-instructions{font-family:Oswald,Impact,sans-serif;display:grid;gap:12px;text-transform:uppercase;letter-spacing:2px}.start-screen-heading{font-family:Oswald,Impact,sans-serif;font-size:14px;color:#9a9a9a}.start-screen-text{font-family:Oswald,Impact,sans-serif;font-size:16px;color:#e5e5e5}.start-screen-button{font-family:Oswald,Impact,sans-serif;background:#fff;color:#000;border:none;padding:12px 28px;font-size:14px;letter-spacing:3px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.start-screen-button:hover{transform:scale(1.03)}.start-screen-button:active{transform:scale(.98)}.start-screen-title{font-size:clamp(32px,7vw,72px);letter-spacing:6px;opacity:0;transition:opacity .8s ease}.start-screen-title.fade-in{opacity:1}.start-screen-title.fade-out{opacity:0}:root{--floating-notice-width: min(520px, 92vw);--floating-notice-top: 16px}.floating-notice-card{position:fixed;top:var(--floating-notice-top);left:50%;width:var(--floating-notice-width);padding:16px 44px 16px 18px;border-radius:14px;background:#0c0c0cb8;box-shadow:0 10px 30px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%);opacity:1;z-index:900;pointer-events:none;transition:opacity .22s ease,transform .26s ease}.floating-notice-card.is-hidden{opacity:0;transform:translate(-50%,-12px) scale(.98)}.floating-notice-title{font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6}.floating-notice-message{font-family:Arial,sans-serif;margin-top:6px;font-size:.95rem;color:#ffffffbf}.floating-notice-close{position:fixed;top:calc(var(--floating-notice-top) + 8px);left:50%;height:28px;width:28px;border-radius:50%;background:#141414cc;color:#ffffffe6;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translate(calc(-50% + (var(--floating-notice-width) / 2) - 18px));z-index:901;pointer-events:auto;transition:opacity .22s ease,transform .26s ease,background .2s ease}.floating-notice-close:hover{background:#232323e6}.floating-notice-close.is-hidden{opacity:0;transform:translate(calc(-50% + (var(--floating-notice-width) / 2) - 18px)) translateY(-10px) scale(.95);pointer-events:none}.floating-notice-nudge{position:fixed;top:0;left:50%;transform:translate(-50%);height:18px;width:90px;border:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:#14141499;box-shadow:0 6px 18px #0000004d;z-index:902;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .24s ease,background .2s ease}.floating-notice-nudge.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(2px)}.floating-notice-nudge:hover{background:#1e1e1ebf}.floating-notice-nudge-bar{display:block;margin:0 auto;height:3px;width:40px;border-radius:999px;background:#fff9}@media(prefers-reduced-motion:reduce){.floating-notice-card,.floating-notice-close,.floating-notice-nudge{transition:none}}