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