@import "https://fonts.googleapis.com/css2?family=Anybody:ital,wght@0,100..900;1,100..900&family=Geist:wght@100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--color-bg:#0d0e12;--color-surface-bg:#0d0e12;--color-container-lowest:#0a0a0f;--color-container-low:#131318;--color-container:#171821;--color-container-high:#242530;--color-container-highest:#323342;--color-on-surface:#e4e1e9;--color-on-surface-variant:#baccaf;--color-outline:#84967c;--color-outline-variant:#353b3f;--color-primary:#1ee600;--color-primary-dim:#1ee600;--color-on-primary:#022000;--color-primary-glow:#1ee60040;--color-secondary:#ebb2ff;--color-secondary-container:#ce5dff;--color-on-secondary:#520071;--color-tertiary:#46f1ff;--color-error:#ffb4ab;--color-on-error:#690005;--font-display:"Anybody", sans-serif;--font-body:"Geist", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-on-surface);font-family:var(--font-body);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.crt-viewport{background-color:var(--color-surface-bg);border-left:1px solid #84967c1a;border-right:1px solid #84967c1a;flex-direction:column;width:100%;max-width:480px;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden auto}.crt-viewport::-webkit-scrollbar{width:6px}.crt-viewport::-webkit-scrollbar-track{background:var(--color-container-lowest)}.crt-viewport::-webkit-scrollbar-thumb{background:var(--color-container-highest);border-radius:3px}.crt-viewport:before{content:"";z-index:99;pointer-events:none;opacity:.7;background:linear-gradient(#12101000 50%,#0000001f 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.dot-grid-overlay{pointer-events:none;z-index:1;background-image:radial-gradient(#84967c14 1.2px,#0000 1.2px);background-size:16px 16px;width:100%;height:100%;position:absolute;top:0;left:0}.content-wrapper{z-index:10;flex-direction:column;flex:1;padding:24px 20px;display:flex;position:relative}h1.display-title{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;color:var(--color-on-surface);text-shadow:0 0 10px #1ee60033;font-size:36px;font-weight:800;line-height:1.1}h2.section-title{font-family:var(--font-display);text-transform:uppercase;font-size:24px;font-weight:700;line-height:1.2}.text-mono{font-family:var(--font-mono)}.text-cyan{color:var(--color-tertiary)}.text-purple{color:var(--color-secondary)}.text-lime{color:var(--color-primary)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}.shake-animation{animation:.4s ease-in-out shake}.active-clue-card{background-color:var(--color-container-low);text-align:center;border:1px solid #1ee60040;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:48px 24px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #1ee6000f,inset 0 0 12px #0009}.card-grid-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#84967c0a 1px,#0000 1px),linear-gradient(#84967c0a 1px,#0000 1px);background-size:12px 12px;width:100%;height:100%;position:absolute;top:0;left:0}.status-active-badge{color:#0c3d00;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;clip-path:polygon(0 0,100% 0,85% 100%,0 100%);z-index:5;background-color:#d8ffd0;border-top-left-radius:6px;padding:6px 20px 6px 12px;font-size:11px;font-weight:700;position:absolute;top:0;left:0}.active-clue-text{font-family:var(--font-display);color:var(--color-on-surface);z-index:2;font-size:20px;font-weight:700;line-height:1.4;position:relative}.locked-clue-card{color:#ffffff40;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background-color:#10111899;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:12px;padding:14px 18px;font-size:12px;display:flex}.unlocked-clue-card{background-color:var(--color-container);border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:14px 18px;display:flex}.btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-size:12px;font-weight:700;transition:all .15s ease-in-out;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-adivinar{color:#0c3d00;font-family:var(--font-display);text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);background:repeating-linear-gradient(0deg,#ffffff14,#ffffff14 1px,#0000 1px 3px),#d8ffd0;border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:16px;font-size:20px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 0 20px #1ee6001f}.btn-adivinar:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 25px #1ee60040}.btn-adivinar:active{transform:translateY(1px)}.btn-secondary{background-color:var(--color-container-low);color:var(--color-secondary);border:1px solid #ce5dff33}.btn-secondary:hover:not(:disabled){border-color:var(--color-secondary);background-color:#ce5dff14}.btn-tertiary{background-color:var(--color-container-low);color:var(--color-tertiary);border:1px solid #46f1ff33}.btn-tertiary:hover:not(:disabled){border-color:var(--color-tertiary);background-color:#46f1ff14}.btn-mono{font-family:var(--font-mono);background-color:var(--color-container-high);color:var(--color-on-surface);border:1px solid #ffffff1a;border-radius:4px;width:auto;padding:8px 12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.w-full{width:100%}.max-w-md{max-width:480px}.max-w-sm{max-width:400px}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:12px}.pl-4{padding-left:16px}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.top-4{top:16px}.left-4{left:16px}.z-50{z-index:50}.p-2{padding:8px}.rounded{border-radius:6px}.rounded-full{border-radius:9999px}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#797c88;font-size:11px;font-weight:700}.input-field{background-color:var(--color-container-lowest);width:100%;font-family:var(--font-mono);color:var(--color-on-surface);letter-spacing:.05em;text-transform:uppercase;border:none;border-bottom:1px solid #ffffff26;padding:14px 16px;font-size:15px;transition:all .2s}.input-field::placeholder{color:#ffffff2e}.input-field:focus{border-bottom-color:var(--color-primary);background-color:#ffffff03;outline:none}.health-bar-container{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;width:100%;height:24px;padding:3px;display:flex}.health-segment-fill{background-color:var(--color-primary);border-radius:9px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #1ee60066}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0a0a0fd9;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--color-container);text-align:center;border:1px solid #1ee60040;border-radius:12px;width:100%;max-width:400px;padding:24px;position:relative;box-shadow:0 0 30px #1ee6001f}.animate-bounce{animation:1s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.15em}.tracking-wider{letter-spacing:.08em}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-container{background-color:var(--color-container-low);border:1px solid var(--color-outline-variant);border-radius:8px;padding:16px;transition:all .2s ease-in-out;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #0009}.glow-primary{border-color:#1ee60040;box-shadow:0 0 15px #1ee6000a,inset 0 0 12px #0009}.glow-primary:hover{border-color:#1ee60073;box-shadow:0 0 20px #1ee60014,inset 0 0 12px #0009}.glow-secondary{border-color:#ce5dff40;box-shadow:0 0 15px #ce5dff0a,inset 0 0 12px #0009}.glow-secondary:hover{border-color:#ce5dff73;box-shadow:0 0 20px #ce5dff14,inset 0 0 12px #0009}.card-notch{background-color:var(--color-primary);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.85;width:20px;height:20px;position:absolute;top:0;right:0}.card-notch-purple{background-color:var(--color-secondary-container);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.85;width:20px;height:20px;position:absolute;top:0;right:0}.clip-path-notch{clip-path:polygon(0 0,100% 0,0 100%)}.block{display:block}.inline-block{display:inline-block}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.justify-end{justify-content:flex-end}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.self-start{align-self:flex-start}.self-auto{align-self:auto}.shrink-0{flex-shrink:0}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.w-6{width:24px}.h-6{height:24px}.w-10{width:40px}.h-10{height:40px}.w-20{width:80px}.h-20{height:80px}.w-24{width:96px}.h-24{height:96px}.w-28{width:112px}.h-28{height:112px}.font-mono{font-family:var(--font-mono)}.select-none{-webkit-user-select:none;user-select:none}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-500{transition-duration:.5s}.scale-95{transform:scale(.95)}.scale-102{transform:scale(1.02)}@keyframes flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}55%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.animate-flip{animation:.5s ease-in-out forwards flip}.min-h-\[260px\]{min-height:260px}.pr-10{padding-right:40px}.right-3{right:12px}.top-3\.5{top:14px}.bg-container-lowest{background-color:var(--color-container-lowest)}.bg-container-lowest\/10{background-color:#0a0a0f1a}.bg-container-lowest\/20{background-color:#0a0a0f33}.bg-container-lowest\/30{background-color:#0a0a0f4d}.bg-container-lowest\/50{background-color:#0a0a0f80}.bg-container-low{background-color:var(--color-container-low)}.bg-error\/10{background-color:#ffb4ab1a}.bg-lime\/10{background-color:#1ee6001a}.bg-cyan\/10{background-color:#46f1ff1a}.bg-purple\/10{background-color:#ebb2ff1a}.opacity-80{opacity:.8}.opacity-40{opacity:.4}.opacity-75{opacity:.75}.border{border-style:solid;border-width:1px}.border-b{border-bottom:1px solid #ffffff14}.border-2{border-style:solid;border-width:2px}.border-dashed{border-style:dashed}.border-outline{border-color:var(--color-outline)}.border-outline\/20{border-color:#84967c33}.border-outline\/25{border-color:#84967c40}.border-outline\/30{border-color:#84967c4d}.border-outline\/35{border-color:#84967c59}.border-outline\/40{border-color:#84967c66}.border-outline\/55{border-color:#84967c8c}.border-outline\/80{border-color:#84967ccc}.border-outline-variant{border-color:var(--color-outline-variant)}.border-outline-variant\/20{border-color:#353b3f33}.border-outline-variant\/30{border-color:#353b3f4d}.border-lime\/20{border-color:#1ee60033}.border-lime\/30{border-color:#1ee6004d}.border-lime\/50{border-color:#1ee60080}.border-error\/20{border-color:#ffb4ab33}.border-error\/30{border-color:#ffb4ab4d}.border-error\/40{border-color:#ffb4ab66}.border-error\/50{border-color:#ffb4ab80}.border-secondary\/40{border-color:#ebb2ff66}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}