@font-face{font-family:Mountains of Christmas;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/mountainsofchristmas/v24/3y9w6a4zcCnn5X0FDyrKi2ZRUBIy8uxoUo7eDNGsMQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mountains of Christmas;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/mountainsofchristmas/v24/3y9z6a4zcCnn5X0FDyrKi2ZRUBIy8uxoUo7eBGqJJPxIOw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{height:100%;width:100%}body{--color-green: #5F8670;--color-darkgreen: #1F4529;--color-gold: #FF9800;--color-darkgold: color-mix(in srgb, var(--color-gold), black 30%);--color-red: #B80000;--color-darkred: #820300;--color-darkblue: #1e1b4b;--color-blue: #2e2b5b;background:radial-gradient(circle at 50% 0%,#450a0a,#1e1b4b);margin:0;height:100%;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;--color-text: rgb(254 249 195 / .9);color:var(--color-text)}*{font-family:Mountains of Christmas,serif}.gold{--background: linear-gradient(to bottom, var(--color-gold) 0%, var(--color-darkgold) 100%);color:#000}.red{--background: linear-gradient(to bottom, var(--color-red) 0%, var(--color-darkred) 100%);color:var(--color-text)}.green{--background: linear-gradient(to bottom, var(--color-green) 0%, var(--color-darkgreen) 100%);color:var(--color-text)}.blue{--background: linear-gradient(to bottom, var(--color-blue) 0%, var(--color-darkblue) 100%);color:var(--color-text)}.button-3d{border-radius:8px;font-weight:700;background:var(--background);border:none;box-shadow:inset 0 1px #fff9,inset 0 0 5px #fff3,inset 0 -2px 5px #0000001a,0 2px 4px #00000040;text-shadow:0 -1px 0 rgba(0,0,0,.3);transition:all .1s ease}.button-3d:active{transform:translateY(2px);box-shadow:inset 0 2px 5px #0003}.button-3d:hover{background:linear-gradient(to bottom,#ffffff1a 0% 100%),var(--background)}.button-3d:disabled,.button-3d.disabled{background:#0000004d;color:#7a6045;box-shadow:inset 2px 2px #5c4a3d,inset -2px -2px #5c4a3d,inset 2px -2px #5c4a3d,inset -2px 2px #5c4a3d;cursor:not-allowed;pointer-events:none;opacity:.7;transform:none!important}.glass-panel{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);text-align:center;padding:2rem;border-color:#fff3;border-radius:1.5rem;position:relative;background:#420a0a99;border:1px solid rgba(252,211,77,.3)}.glass-panel:before{content:"";--tw-gradient-to: #dc2626 var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #eab308 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);background-image:linear-gradient(to right,var(--tw-gradient-stops));animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;width:100%;height:.5rem;top:0;left:0;position:absolute}.snowflake{position:absolute;top:-20px;color:#fffc;font-size:1em;-webkit-user-select:none;user-select:none;pointer-events:none;animation:fall linear infinite both;text-shadow:0 0 5px rgba(255,255,255,.8)}@keyframes fall{0%{transform:translateY(-10vh) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh) translate(20px) rotate(360deg);opacity:0}}.inner-panel{border-radius:.75rem;border-width:1px;border-color:#ffffff1a;background-color:#0000004d;padding:1.5rem;color:#fef9c3e6;--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
