@import "https://fonts.googleapis.com/css2?family=Lilita+One&display=swap";
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_111fb964-module__2Tb6wa__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_111fb964-module__2Tb6wa__variable{--font-outfit:"Outfit","Outfit Fallback"}
:root{--background:#1a2328;--foreground:#fff;--primary:gold;--secondary:#5ba3ff;--accent:#ff6b6b;--glass-bg:#ffffff26;--glass-border:#ffffff40;--font-main:"Lilita One","Impact","Arial Black",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;color:var(--foreground);font-family:var(--font-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}body{background:#1a2328 url(/background.jpg) 50%/cover no-repeat fixed;min-height:100vh;position:relative;overflow-x:hidden}::-webkit-scrollbar{background:#1a2328;width:10px}::-webkit-scrollbar-track{background:#0f1518;border-left:1px solid #ffffff0d}::-webkit-scrollbar-thumb{background:#3a4b53;border:2px solid #0f1518;border-radius:5px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffe100}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 60% 80%,#ffffff0f 0%,#0000 50%);position:fixed;inset:0}a{color:inherit;text-decoration:none}input{font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-0{z-index:0}.z-10{z-index:10}.inset-0{inset:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-8{padding-left:2rem}.pr-4{padding-right:1rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-64{width:16rem}.w-full{width:100%}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-64{height:16rem}.h-px{height:1px}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-bold{font-weight:700}.font-black{font-weight:900}.font-mono{font-family:ui-monospace,monospace}.text-center{text-align:center}.text-right{text-align:right}.tracking-wider{letter-spacing:.05em}.text-white{color:#fff}.text-gray-200{color:#e5e7eb}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-blue-400{color:#60a5fa}.text-green-400{color:#4ade80}.text-red-400{color:#f87171}.text-yellow-400{color:#facc15}.bg-black\/20{background-color:#0003}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-green-500\/20{background-color:#22c55e33}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-gray-500\/20{background-color:#6b728033}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-500\/5{background-color:#eab3080d}.bg-blue-500\/10{background-color:#3b82f61a}.border{border-width:1px}.border-t{border-top-width:1px}.border-white\/10{border-color:#ffffff1a}.border-white\/5{border-color:#ffffff0d}.border-green-500\/50{border-color:#22c55e80}.border-red-500\/20{border-color:#ef444433}.border-red-500\/50{border-color:#ef444480}.border-gray-500\/50{border-color:#6b728080}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.translate-x-1\/2{transform:translate(50%)}.-translate-x-1\/2{transform:translate(-50%)}.translate-y-1\/2{transform:translateY(50%)}.-translate-y-1\/2{transform:translateY(-50%)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s}.blur-3xl{filter:blur(64px)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.object-contain{object-fit:contain}.focus\:outline-none:focus{outline:none}.focus\:border-primary:focus{border-color:var(--primary)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.block{display:block}.hidden{display:none}.opacity-5{opacity:.05}.flex-1{flex:1}.space-y-4>*+*{margin-top:1rem}.container{max-width:1200px;margin:0 auto;padding:2rem}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#ccc 100%);-webkit-background-clip:text;background-clip:text}.placeholder-gray-600::placeholder{color:#4b5563}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading-progress{0%{transform:translate(-100%)}50%{transform:translate(0%)}to{transform:translate(100%)}}.animate-loading-bar{background:linear-gradient(90deg,#0000 0%,#ffe100 50%,#0000 100%);width:50%;height:100%;animation:2s cubic-bezier(.4,0,.2,1) infinite loading-progress;position:absolute;top:0;left:0}.animate-fade-in{animation:.5s ease-out fade-in}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.left-4{left:1rem}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1\/2{top:50%}.parchment-scroll{background:linear-gradient(#f4e4c1 0%,#e8d4a8 50%,#f0ddb0 100%);border:8px solid #c9a961;border-radius:20px;position:relative;box-shadow:inset 0 2px 10px #fff9,inset 0 -2px 10px #0003,0 10px 30px #0006,0 20px 50px #0003}.parchment-scroll:before,.parchment-scroll:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000 0%,#c9a961 20% 80%,#0000 100%);width:120%;height:30px;position:absolute;left:50%;transform:translate(-50%)}.parchment-scroll:before{border-radius:50%;top:-15px}.parchment-scroll:after{border-radius:50%;bottom:-15px}.text-brown-400{color:#a67c52}.text-brown-600{color:#7d5a3d}.text-brown-700{color:#654321}.text-brown-900{color:#3e2723}.bg-brown-400{background-color:#a67c52}.placeholder-brown-400::placeholder{color:#a67c52}.game-button-gold{transition:all .2s;position:relative;top:0}.game-button-gold:hover{top:2px;transform:scale(1.02);box-shadow:0 4px #6b5400,0 6px 15px #0000004d!important}.game-button-gold:active{top:6px;box-shadow:0 0 #6b5400,0 2px 10px #0000004d!important}.game-button-brown{background:linear-gradient(#6d4c3d 0%,#4a2f23 100%);border:4px solid #3d2415;transition:all .2s;position:relative;top:0;box-shadow:0 6px #2a1810,0 8px 20px #0000004d}.game-button-brown:hover{top:2px;transform:scale(1.02);box-shadow:0 4px #2a1810,0 6px 15px #0000004d}.game-button-brown:active{top:6px;box-shadow:0 0 #2a1810,0 2px 10px #0000004d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-float{animation:3s ease-in-out infinite float}.game-input:focus{border-color:#f4a900;border-radius:1rem;outline:none;box-shadow:inset 0 2px 4px #0006,0 4px #2a1e16,0 0 0 3px #f4a9004d!important}.intro-page-container{-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex;position:relative}.intro-background{z-index:0;pointer-events:none;position:fixed;inset:0}.background-image-blur{filter:blur(4px);background-blend-mode:overlay;background-color:#0000;background-image:linear-gradient(135deg,#1a2328f2 0%,#141e23fa 100%),url(/background.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;transform:scale(1.1)}.background-image-blur:before{content:"";background:radial-gradient(circle at 30%,#4169e126 0%,#0000 50%),radial-gradient(circle at 70% 30%,#1a23284d 0%,#0000 50%),radial-gradient(circle at 50% 80%,#141e2366 0%,#0000 50%);animation:8s ease-in-out infinite backgroundPulse;position:absolute;inset:0}@keyframes backgroundPulse{0%,to{opacity:.6}50%{opacity:.8}}.background-overlay{background:linear-gradient(#1a232866 0%,#141e2399 50%,#1a232880 100%);position:absolute;inset:0}.intro-content{z-index:10;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:420px;padding:2rem 1.5rem;animation:.8s ease-out fadeInUp;display:flex;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:.5rem;animation:1s ease-out .2s both logoFadeIn}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.logo-icon{filter:drop-shadow(0 4px 12px #ffd70066);animation:3s ease-in-out infinite logoFloat;display:block}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.title-section{text-align:center;width:100%;animation:1s ease-out .4s both titleFadeIn}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-title{color:#fff;text-shadow:0 4px 12px #00000080,0 2px 4px #000c;font-size:3rem;font-weight:900;line-height:1.1;font-family:var(--font-main);letter-spacing:-.02em;margin:0}.title-accent{animation:2s ease-in-out infinite titlePulse;display:inline-block}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.subtitle{color:#ffffffe6;text-shadow:0 2px 8px #0009;margin-top:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.5}.input-form{flex-direction:column;gap:1rem;width:100%;animation:1s ease-out .6s both formFadeIn;display:flex}@keyframes formFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-wrapper{width:100%;transition:all .3s;position:relative}.input-wrapper.focused{transform:scale(1.02)}.input-wrapper.focused:before{content:"";z-index:-1;background:linear-gradient(135deg,#ffd7004d,#ffe10033);border-radius:9999px;animation:1.5s ease-in-out infinite inputGlow;position:absolute;inset:-2px}@keyframes inputGlow{0%,to{opacity:.5}50%{opacity:.8}}.tag-input{color:#1a1a1a;text-align:center;appearance:none;touch-action:manipulation;background:#fff;border:none;border-radius:1rem;outline:none;width:100%;padding:1rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.125rem;font-weight:600;transition:all .3s;box-shadow:0 4px 16px #00000026,0 2px 4px #0000001a}.tag-input::placeholder{color:#9ca3af;font-weight:500}.tag-input:focus{transform:translateY(-1px);box-shadow:0 6px 20px #ffd70033,0 4px 12px #00000026,0 2px 4px #0000001a}.submit-button{color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em;width:100%;font-size:1rem;font-weight:800;font-family:var(--font-main);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#ffe100;border:none;border-radius:1rem;outline:none;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #ffe1004d,0 2px 8px #0003}.submit-button:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.submit-button:hover{background:gold;transform:translateY(-2px);box-shadow:0 6px 20px #ffe10066,0 4px 12px #00000040}.submit-button:hover:before{opacity:1}.submit-button:active{transform:translateY(0);box-shadow:0 2px 8px #ffe1004d,0 1px 4px #0003}.button-icon{transition:transform .3s}.submit-button:hover .button-icon{transform:rotate(15deg)scale(1.1)}.help-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#000000b3;border:1px solid #ffffff1a;border-radius:1rem;outline:none;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s;animation:1s ease-out .8s both helpFadeIn;display:flex}@keyframes helpFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.help-button:hover{background:#000000d9;border-color:#fff3;transform:translateY(-1px)}.help-icon{color:#1a1a1a;background:#ffe100;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;font-weight:800;display:flex}.help-content{-webkit-backdrop-filter:blur(12px);background:#000000d9;border:1px solid #ffffff26;border-radius:1rem;width:100%;margin-top:.5rem;padding:1rem;animation:.3s ease-out helpContentFadeIn}@keyframes helpContentFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.help-image{border-radius:.5rem;width:100%;margin-bottom:.75rem}.help-text{color:#fffc;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.875rem}.error-message{color:#fff;text-align:center;background:#ef4444e6;border-radius:.5rem;padding:.75rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:600;animation:.5s ease-out errorShake;box-shadow:0 4px 12px #ef44444d}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.intro-content{box-sizing:border-box;gap:1.5rem;max-width:100%;padding:1.25rem 1rem}.main-title{margin:0;font-size:2rem;line-height:1.1}.subtitle{margin-top:.5rem;font-size:.9rem;line-height:1.4}.tag-input{padding:.875rem 1.125rem;font-size:.9375rem}.submit-button{letter-spacing:.02em;gap:.5rem;padding:.875rem 1.125rem;font-size:.8125rem}.logo-container{margin-bottom:.5rem}.logo-icon{width:52px;height:52px}.help-button{padding:.625rem 1rem;font-size:.8125rem}@media (min-width:640px){.main-title{font-size:2.75rem}.subtitle{font-size:1.05rem}.tag-input{padding:1rem 1.375rem;font-size:1.0625rem}.submit-button{padding:1rem 1.375rem;font-size:.9375rem}.intro-content{gap:1.75rem;padding:2rem 1.5rem}.logo-icon{width:64px;height:64px}}@media (min-width:768px){.main-title{font-size:3.25rem}.subtitle{font-size:1.125rem}.tag-input{padding:1rem 1.5rem;font-size:1.125rem}.submit-button{padding:1rem 1.5rem;font-size:1rem}.intro-content{gap:2rem;max-width:420px;padding:2rem 1.5rem}}