@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Pirata+One&display=swap";:root{--pirate-black: #0f0f12;--pirate-red: #8b0000;--pirate-gold: #d4af37;--pirate-parchment: #f4e4bc;--pirate-wood: #5c4033;--pirate-ocean: #1a2b3c;--pirate-highlight: #ffdf00;--font-heading: "Pirata One", cursive;--font-body: "Cinzel", serif}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--pirate-black);color:var(--pirate-parchment);font-family:var(--font-body);background-image:linear-gradient(#000000b3,#000000b3),url(https://www.transparenttextures.com/patterns/wood-pattern.png)}.app-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;width:100%;max-width:100vw;box-sizing:border-box}.app-container h1{font-family:var(--font-heading);font-size:3.5rem;margin:.5rem 0;color:var(--pirate-gold);text-shadow:3px 3px 0px #000;text-align:center;line-height:1.1}h2,h3{font-family:var(--font-heading);color:var(--pirate-gold);text-shadow:2px 2px 4px #000;margin-top:0}button{border-radius:8px;border:2px solid var(--pirate-gold);padding:.8em 1.5em;font-size:1.1em;font-weight:700;font-family:var(--font-body);background:linear-gradient(to bottom,var(--pirate-red),#500000);color:var(--pirate-parchment);cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #00000080;text-transform:uppercase;letter-spacing:1px}button:hover{background:linear-gradient(to bottom,var(--pirate-gold),#b8860b);color:var(--pirate-black);border-color:var(--pirate-parchment);transform:translateY(-2px);box-shadow:0 6px 12px #000000b3}button:active{transform:translateY(0)}input{background-color:var(--pirate-parchment);color:#2c1810;border:2px solid var(--pirate-wood);padding:10px;border-radius:4px;font-family:var(--font-body);font-size:1.1rem;font-weight:700;width:100%;box-sizing:border-box}.card{background-color:#1a2b3ce6;padding:1.5rem;border-radius:12px;border:2px solid var(--pirate-gold);box-shadow:0 8px 32px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;max-width:600px;box-sizing:border-box}@media(max-width:768px){.app-container h1{font-size:2.5rem}.card{padding:1rem}button{padding:.6em 1.2em;font-size:1em}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;width:100%}.app-container h1{font-size:3rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}@media(max-width:768px){.app-container h1{font-size:2rem}}