@import"https://fonts.googleapis.com/css?family=Open+Sans:400,700";:root{--deep-red: #c42522;--gold: #f7d07a;--forest: #2c5b34;--mist: rgba(255, 255, 255, .15)}#root{min-height:100vh}.page{min-height:100vh;background:radial-gradient(circle at 20% 20%,#ff6f61 0,#ff6f6100 30%),radial-gradient(circle at 80% 10%,#ffd166 0,#ffd16600 25%),linear-gradient(135deg,#8a0d0d,#630808 60%,#300404);font-family:Open Sans,sans-serif;text-align:center;font-size:18px;color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px 12px 48px}.wrapper{position:relative;width:100%;max-width:420px;margin:60px auto;padding:24px 20px 32px;background:#00000059;border:1px solid var(--mist);border-radius:18px;box-shadow:0 18px 30px #00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}h1{color:var(--gold);letter-spacing:1px;transform:skew(0,-6deg);text-shadow:0 0 1px #800,0 0 12px rgba(247,208,122,.6);font-size:2.6rem;margin:0 0 12px}.intro{margin:0 0 16px;color:#fbead5}.flow{display:flex;flex-direction:column;gap:12px;align-items:center}select,button{padding:12px;font-size:18px;margin:auto;cursor:pointer;width:240px;font-family:Open Sans,sans-serif}.select-wrap{position:relative;display:inline-block;margin:10px 0 8px;border-radius:5px;background:#fefefe;box-shadow:0 0 2px #ac0404;width:240px;max-width:100%;min-width:150px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;position:relative;z-index:2;color:#000;width:100%}select:focus,select:active{outline:0}select:hover+.arrow,select:focus-visible+.arrow{border-width:12px;right:8px}.arrow{position:absolute;z-index:1;height:0;top:50%;margin-top:-5px;right:10px;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #8ea88e;transition:.2s ease}button{position:relative;background:#63a063;border:0;color:#fff;font-weight:700;border-radius:20px;box-shadow:inset 0 0 0 1px #2b862b,inset 0 0 0 2px #ffffff26,0 8px #648052,0 8px 0 1px #00000080,0 8px 8px 1px #00000080}button:hover,button:focus-visible{outline:0;top:2px;background:#63a063;transition:.2s ease-in-out;box-shadow:inset 0 0 0 1px #2b862b,inset 0 0 0 2px #ffffff26,0 6px #648052,0 6px 0 1px #00000080,0 6px 8px 1px #00000080}button:active{outline:0;top:8px;box-shadow:inset 0 0 0 1px #2b862b,inset 0 0 0 2px #ffffff26,0 1px #648052,0 1px 0 1px #00000080,0 1px 8px 1px #00000080}.error{color:#ffe8e4;margin:4px 0 0;font-weight:700}#result h2{margin-top:18px;color:#fffbe0}.result-box{margin-top:12px}.result-line{margin:8px 0;color:#fbead5}.scratch-card{width:100%;max-width:320px;margin:8px auto 18px;padding:12px 10px 10px;border-radius:12px;box-shadow:0 12px 18px #00000040;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.16)}.scratch-hint{margin:0 0 8px;font-size:15px;color:#fbead5}.scratch-container{position:relative;overflow:hidden;width:100%;max-width:280px;height:72px;margin:0 auto;border-radius:10px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#f7d07a2e,#fff0),#00000040;border:1px solid rgba(255,255,255,.18)}.scratch-canvas{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;z-index:2}.scratch-canvas.fade-out{animation:fade-out .8s forwards ease-in}.scratch-container.done{box-shadow:0 0 0 1px #f7d07a66}.code{position:relative;margin:0;opacity:0;color:var(--gold);font-weight:700;letter-spacing:.5px;font-size:20px;text-shadow:0 0 10px rgba(0,0,0,.35);transition:opacity .25s ease,text-shadow .25s ease}.code.visible{opacity:1;text-shadow:0 0 12px rgba(247,208,122,.4),0 0 18px rgba(0,0,0,.3)}.snow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.flake{position:absolute;top:-10vh;width:8px;height:8px;background:#ffffffe6;border-radius:50%;box-shadow:0 0 10px #fffc,0 0 20px #fff6;animation:fall 12s linear infinite}.flake:nth-child(3n){width:10px;height:10px;animation-duration:14s;animation-delay:-2s}.flake:nth-child(4n){width:6px;height:6px;animation-duration:10s;animation-delay:-4s}.flake:nth-child(odd){opacity:.7}.flake:nth-child(1){left:10%;animation-delay:-1s}.flake:nth-child(2){left:20%;animation-delay:-6s}.flake:nth-child(3){left:30%}.flake:nth-child(4){left:40%;animation-delay:-3s}.flake:nth-child(5){left:50%;animation-delay:-5s}.flake:nth-child(6){left:60%}.flake:nth-child(7){left:70%;animation-delay:-7s}.flake:nth-child(8){left:80%;animation-delay:-8s}.flake:nth-child(9){left:90%}.flake:nth-child(10){left:15%}.flake:nth-child(11){left:25%;animation-delay:-6s}.flake:nth-child(12){left:35%}.flake:nth-child(13){left:45%;animation-delay:-7s}.flake:nth-child(14){left:55%;animation-delay:-2s}.flake:nth-child(15){left:65%}.flake:nth-child(16){left:75%;animation-delay:-4s}.flake:nth-child(17){left:85%}.flake:nth-child(18){left:5%;animation-delay:-5s}.flake:nth-child(19){left:32%}.flake:nth-child(20){left:68%;animation-delay:-9s}@keyframes fall{0%{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(50vh) translate(-10px) rotate(180deg)}to{transform:translateY(110vh) translate(20px) rotate(360deg)}}:root{font-family:Open Sans,sans-serif;line-height:1.6;font-weight:400;color:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:inherit}body{margin:0;min-height:100vh;background:#300404}button{font-family:inherit}