@import "https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Chakra+Petch:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap";@font-face{font-family:ClashBold;src:url(/assets/Clash_Bold-DNWblH-w.otf)format("opentype");font-weight:700;font-style:normal}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary:#fc0;--secondary:#8b4513;--dark:#1a0f06;--text-primary:#fff;--accent:#ff4500}body{color:var(--text-primary);background:radial-gradient(circle,#2d1a0a 0%,#1a0f06 100%);margin:0;font-family:Chakra Petch,sans-serif;overflow-x:hidden}.coc-text-shadow{text-shadow:4px 4px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:4px solid var(--secondary);background:#2d1a0a99;box-shadow:0 10px #0006}@apply relative inline-block px-8 py-3 font-bold text-white transition-all transform active:translate-y-1;.btn-coc{text-shadow:2px 2px #00000080;border-radius:12px;font-family:Luckiest Guy,cursive;box-shadow:0 6px #0006}@apply bg-green-600 border-b-8 border-green-800 hover:bg-green-500;@apply bg-yellow-500 border-b-8 border-yellow-700 hover:bg-yellow-400 text-black;@apply bg-red-600 border-b-8 border-red-800 hover:bg-red-500;@apply bg-blue-600 border-b-8 border-blue-800 hover:bg-blue-500;@media (prefers-color-scheme:dark){:root{--text:#fff;--text-h:#fc0;--bg:#1a0f06;--border:#4a2915;--accent:#fc0}}body{background-image:radial-gradient(circle,#ffffff1a 0%,#0000 80%);margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}.title-wrapper{z-index:10;justify-content:center;margin-top:20px;margin-bottom:-450px;display:flex;position:relative}.main-title-img{filter:drop-shadow(0 15px 25px #0009);width:900px;max-width:90%;height:auto}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.brochure-btn{cursor:pointer;background:linear-gradient(#a8e063 0%,#56ab2f 100%);border:3px solid #fff;border-radius:24px;outline:none;padding:.65em 2em;transition:transform .1s;display:inline-block;position:relative;box-shadow:0 4px #388e1f,0 2px 12px #0003}.brochure-btn:active{transform:translateY(2px);box-shadow:0 2px #388e1f,0 1px 6px #0003}.brochure-btn-text{color:#fff;letter-spacing:1px;text-shadow:-2px 2px #222,-2px -2px #222,2px 2px #222,2px -2px #222;font-family:Luckiest Guy,cursive,sans-serif;font-size:1.7rem}@font-face{font-family:ClashBold;src:url(/assets/Clash_Bold-DNWblH-w.otf)format("opentype");font-weight:700;font-style:normal}.game-container{color:#fff;background-color:#000;width:100vw;height:100vh;font-family:Chakra Petch,sans-serif;position:relative;overflow:hidden}.background-layer{z-index:1;filter:brightness(.7);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.title-container{z-index:10;width:80%;max-width:800px;position:absolute;top:-14%;left:47%;transform:translate(-50%)}.main-title{filter:drop-shadow(0 5px 15px #00000080);width:100%;height:auto}.brochure-button{z-index:11;color:#fff;cursor:pointer;background:linear-gradient(135deg,#a4d65e 0%,#8bc34a 100%);border:3px solid #2d5016;border-radius:25px;padding:12px 28px;font-size:16px;font-weight:700;transition:all .3s;position:absolute;top:2%;right:5%;box-shadow:0 5px 15px #0000004d,inset 0 -2px #0003}.brochure-button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #0006,inset 0 -2px #0003}.brochure-button:active{transform:translateY(0);box-shadow:0 2px 5px #0003,inset 0 -1px #0003}.center-stage{z-index:5;z-index:5;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:68%;left:50%;transform:translate(-50%,-50%)}.scenery-asset{filter:drop-shadow(0 20px 40px #0009);width:85vw;max-width:700px;height:auto}.builder-container{z-index:15;position:fixed;bottom:-20px;right:0%}.village-builder-container{z-index:9;position:absolute;top:74%;left:40%;transform:translate(-50%,-50%)}.village-builder-img{filter:drop-shadow(0 10px 20px #00000080);width:430px;max-width:50vw;height:auto}.dragon-container{z-index:12;position:fixed;top:5%;right:-2%}.dragon-img{filter:drop-shadow(0 10px 25px #0006);width:500px;height:auto}.gold-storage-container{z-index:8;position:fixed;bottom:-186px;left:-142px}.gold-storage-img{filter:drop-shadow(0 10px 20px #00000073);width:620px;max-width:62vw;height:auto}.goblin-container{z-index:11;position:fixed;bottom:-50px;left:130px}.goblin-img{filter:drop-shadow(0 8px 16px #0006);width:440px;max-width:48vw;height:auto}.axe-marker-container{z-index:7;position:absolute;top:40%;left:22%;transform:translate(-50%,-50%)}.axe-marker-img{filter:drop-shadow(0 6px 12px #00000059);width:220px;height:auto}.timer-panel-container{z-index:13;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:71%;left:50%;transform:translate(-50%,-50%)}.timer-screen.timer-screen-small{border-width:4px;border-radius:14px;min-width:220px;padding:6px 16px}.digital-text.digital-text-small{letter-spacing:2px;font-size:42px}.timer-buttons-row{align-items:center;gap:10px;display:flex}.timer-toggle-button{color:#331a00;cursor:pointer;text-transform:uppercase;text-shadow:1px 1px #fff6;background:linear-gradient(#ffe033,#e6b800);border:none;border-bottom:6px solid #997a00;border-radius:999px;padding:10px 32px;font-family:ClashBold,sans-serif;font-size:22px;transition:all .1s;box-shadow:0 10px 20px #0006}.timer-toggle-button-stop{color:#fff;text-shadow:0 1px #00000040;background:linear-gradient(#ff6767,#df2b2b);border-bottom:6px solid #8a1111}.timer-pause-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px #fff6;background:linear-gradient(#2196f3 0%,#0d47a1 100%);border:none;border-bottom:6px solid #002171;border-radius:999px;padding:10px 32px;font-family:ClashBold,sans-serif;font-size:22px;font-weight:700;box-shadow:0 10px 20px #0006}.timer-pause-button:disabled{opacity:.55;cursor:not-allowed}.timer-toggle-button:hover{transform:translateY(-1px)}.timer-toggle-button:active{transform:translateY(0)}.builder-img{filter:drop-shadow(0 10px 20px #00000080);width:620px;max-width:82vw;height:auto}.timer-screen{background:#111;border:5px solid #f0f0f0;border-radius:18px;justify-content:center;align-items:center;min-width:280px;padding:10px 30px;display:flex;box-shadow:0 0 50px #39ff144d,inset 0 0 15px #000000e6}.digital-text{color:#39ff14;text-shadow:0 0 20px #39ff14,0 0 40px #39ff14;letter-spacing:4px;font-family:Courier New,Courier,monospace;font-size:64px;font-weight:900}.controls-row{align-items:center;gap:15px;margin-top:100px;display:flex}.start-button{color:#331a00;cursor:pointer;text-transform:uppercase;text-shadow:1px 1px #fff6;background:linear-gradient(#ffe033,#e6b800);border:none;border-bottom:8px solid #997a00;border-radius:50px;padding:15px 60px;font-family:Luckiest Guy,cursive;font-size:32px;transition:all .1s;box-shadow:0 15px 30px #00000080}.foreground-layer{pointer-events:none;z-index:15;width:100%;height:100%;position:absolute;top:0;left:0}.bottom-left{z-index:15;align-items:flex-end;display:flex;position:absolute;bottom:-20px;left:-50px}.statue-asset-left{filter:drop-shadow(10px 10px 20px #0000004d);z-index:1;width:200px;height:auto;position:absolute;bottom:280px;left:450px;transform:scaleX(-1)rotate(-2deg)}.gold-asset{filter:drop-shadow(20px 0 50px #0009);z-index:10;width:550px;height:auto;position:relative}.goblin-asset{filter:drop-shadow(20px 20px 30px #000000b3);z-index:20;width:320px;height:auto;animation:.8s ease-in-out infinite alternate goblinRun;position:absolute;bottom:100px;left:320px}@keyframes goblinRun{0%{transform:translateY(0)rotate(2deg)}to{transform:translateY(-15px)rotate(-2deg)}}.village-builder-asset{pointer-events:auto;filter:drop-shadow(0 0 20px #00000080);width:180px;height:auto;position:absolute;bottom:0;left:33%}.main-builder{pointer-events:auto;filter:drop-shadow(-20px -10px 40px #000c);width:550px;height:auto;animation:5s ease-in-out infinite builderNod;position:absolute;bottom:-100px;right:-50px}@keyframes builderNod{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(10px)rotate(1deg)}}.vignette{pointer-events:none;z-index:20;background:radial-gradient(circle,#0000 40%,#0006 100%);width:100%;height:100%;position:absolute;top:0;left:0}.timer-wrapper{z-index:100;flex-direction:column;align-items:center;gap:30px;display:flex;position:fixed;top:60%;left:50%;transform:translate(-50%,-50%)}.statue-img{filter:drop-shadow(0 10px 30px #0009);width:280px;height:auto}.timer-container{flex-direction:column;align-items:center;gap:20px;display:flex}.timer-display{background:#111;border:5px solid #39ff14;border-radius:20px;justify-content:center;align-items:center;gap:10px;min-width:350px;padding:20px 40px;display:flex;box-shadow:0 0 50px #39ff144d,inset 0 0 15px #000000e6}.time-unit{background:#39ff141a;border:2px solid #39ff144d;border-radius:10px;justify-content:center;align-items:center;padding:8px 15px;display:flex}.time-value{color:#39ff14;text-shadow:0 0 20px #39ff14,0 0 40px #39ff14;letter-spacing:2px;font-family:Courier New,Courier,monospace;font-size:56px;font-weight:900}.time-separator{color:#39ff14;text-shadow:0 0 20px #39ff14,0 0 40px #39ff14;margin:0 5px;font-family:Courier New,Courier,monospace;font-size:56px;font-weight:900}.timer-controls{justify-content:center;align-items:center;gap:20px;display:flex}.timer-button{cursor:pointer;text-transform:uppercase;text-shadow:1px 1px #ffffff4d;border:none;border-radius:50px;padding:12px 32px;font-family:ClashBold,sans-serif;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 10px 20px #0006}.timer-button.launch{color:#fff;background:linear-gradient(#ff6b35,#d63d1f);border:3px solid #8a1f0f;justify-content:center;align-items:center;min-width:400px;min-height:120px;padding:30px 80px;font-size:36px;display:flex;box-shadow:0 15px 30px #00000080}.timer-button.launch:hover{transform:translateY(-3px);box-shadow:0 18px 35px #0009}.timer-button.launch:active{transform:translateY(-1px);box-shadow:0 8px 15px #0006}.timer-button.start-stop{color:#331a00;background:linear-gradient(gold,#e6b800);border:3px solid #997a00}.timer-button.start-stop:hover{transform:translateY(-2px);box-shadow:0 12px 25px #00000080}.timer-button.start-stop:active{transform:translateY(0);box-shadow:0 6px 12px #0000004d}.timer-button.reset{color:#fff;background:linear-gradient(#2196f3,#0d47a1);border:3px solid #002171}.timer-button.reset:hover{transform:translateY(-2px);box-shadow:0 12px 25px #00000080}.timer-button.reset:active{transform:translateY(0);box-shadow:0 6px 12px #0000004d}