@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Nunito:wght@400;600;700;800;900&display=swap";html,body{overflow-x:hidden;max-width:100%}:root{--coc-orange: #ffb900;--coc-yellow: #fff36d;--coc-wood-dark: #3d2208;--coc-wood-mid: #68380c;--coc-stone: #959ea6;--coc-stone-dark: #5e666e;--coc-green-btn: #81c02e;--coc-elixir: #d32ce6;--coc-bg-grass: #6eb028}h1,h2,h3,.coc-font{font-family:Luckiest Guy,cursive;letter-spacing:1.5px;text-shadow:2px 2px 0 #000;color:#fff;text-transform:uppercase}.card-heading{color:#000!important;text-shadow:1px 1px 0 rgba(255,255,255,.5)!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#4a7a1f;background-image:linear-gradient(45deg,#5a8f25 25%,transparent 25%,transparent 75%,#5a8f25 75%,#5a8f25),linear-gradient(45deg,#5a8f25 25%,transparent 25%,transparent 75%,#5a8f25 75%,#5a8f25);background-size:60px 60px;background-position:0 0,30px 30px;font-family:Nunito,sans-serif;color:#333;overflow-x:hidden}.coc-container{min-height:100vh;width:100%;position:relative}.section{padding:7rem 1rem 4rem;max-width:1200px;margin:0 auto}.section-subtitle{text-align:center;font-family:Nunito,sans-serif;font-weight:800;color:#fff;margin-bottom:2.5rem;text-shadow:1px 1px 0 #000;background:#0000004d;display:inline-block;padding:4px 16px;border-radius:20px;position:relative;left:50%;transform:translate(-50%)}.wood-panel{background:#915218;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 2px,transparent 2px,transparent 10px);border:6px solid #3d2208;border-radius:20px;padding:.8rem;box-shadow:0 20px 40px #0009;position:relative}.wood-panel:after,.wood-panel:before{content:"";position:absolute;width:16px;height:16px;background:radial-gradient(circle at 30% 30%,#999,#333);border-radius:50%;border:2px solid #222;box-shadow:0 2px 5px #00000080;z-index:10}.wood-panel:before{top:10px;left:10px;box-shadow:0 2px 5px #00000080,calc(100% - 32px) 0 0 0 #000}.wood-panel:after{bottom:10px;left:10px}.stone-panel-inner{background:#f0e6d2;border:4px solid var(--coc-stone);border-radius:12px;padding:2rem;box-shadow:inset 0 0 30px #00000026}.btn-green{background:linear-gradient(to bottom,#99e63d,#6db822);border:none;padding:0 0 6px;border-radius:12px;cursor:pointer;box-shadow:0 6px #3f6e10,0 10px 20px #0006;transition:all .1s}.btn-green-inner{background:linear-gradient(to bottom,#99e63d,#6db822);padding:1rem 3rem;border-radius:12px;border:2px solid #befc74;color:#fff;font-family:Luckiest Guy;font-size:1.5rem;display:flex;align-items:center;gap:10px;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.btn-green:active{transform:translateY(6px);box-shadow:0 0 #3f6e10;padding-bottom:0}.nav-btn{background:linear-gradient(to bottom,#f0f0f0,#d4d4d4);border:none;padding:0 0 4px;border-radius:8px;cursor:pointer;transition:transform .1s;box-shadow:0 4px #555,0 5px 5px #0006;text-decoration:none;display:inline-block}.nav-btn-inner{background:linear-gradient(to bottom,#e8e8e8,#bdbdbd);color:#333;padding:.5rem 1rem;border-radius:8px;font-family:Luckiest Guy;font-size:1rem;border:1px solid #fff;display:flex;align-items:center;gap:6px}.nav-btn:active,.nav-btn.active{transform:translateY(4px);box-shadow:0 0 #555;padding-bottom:0}.nav-btn.active .nav-btn-inner{background:linear-gradient(to bottom,#4a9eff,#0056b3);color:#fff;border-color:#8ecfff}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.card{width:100%;max-width:100%}@media(max-width:768px){.cards-grid{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(50px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0)}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.toast-container{position:fixed;top:100px;left:50%;transform:translate(-50%) translateY(-20px);background:#333;color:var(--coc-yellow);padding:1rem 2rem;border-radius:12px;border:3px solid #fff;z-index:2000;display:flex;align-items:center;gap:10px;font-family:Luckiest Guy;font-size:1.2rem;box-shadow:0 10px 20px #00000080;opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.toast-container.show{transform:translate(-50%) translateY(0);opacity:1}