:root{--primary-color:#0275d8;--primary-hover-color:#025aa5;--overlay-background:#0009;--form-background:#fffffff2;--button-background:#212121;--button-border-color:#fff;--input-border-color:#ccc;--input-border-radius:5px;--input-padding:10px;--icon-color:#fff;--icon-hover-color:#ccc}#root{height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center}.form-container{background:#fffffff2;background:var(--form-background,#fffffff2)}.close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:1.5em;position:absolute;right:15px;top:10px}.close-btn:hover{color:#000}.form-container h2{color:#333;font-size:1.8em;margin-bottom:20px}.form-container input{border:1px solid #ccc;border:1px solid var(--input-border-color,#ccc);border-radius:5px;border-radius:var(--input-border-radius,5px);font-size:1em;margin:10px 0;padding:10px;padding:var(--input-padding,10px);width:100%}.form-container .btn-submit{background-color:#0275d8;background-color:var(--primary-color,#0275d8);border:none;border-radius:5px;border-radius:var(--input-border-radius,5px);color:#fff;cursor:pointer;font-size:1.2em;padding:10px;transition:background-color .3s;width:100%}.form-container .btn-submit:hover{background-color:#025aa5;background-color:var(--primary-hover-color,#025aa5)}.message{border-radius:5px;display:none;margin-bottom:15px;opacity:0;padding:10px;transition:opacity .5s ease-in-out}.message.show{display:block;opacity:1}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.home-page{align-items:center;background-image:url(/iddlesaur/frontend/static/media/Cybercity.50634e6eb825c34fc85b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative}.central-block{background:#fffc;border-radius:10px;box-shadow:5px 5px 2px 1px rgba(0,0,0,.808);padding:40px;text-align:center}.btn-login,.btn-signup{background-color:#212121;border:.08em solid #fff;border-radius:.3em;cursor:pointer;font-family:Peanut,sans-serif;font-size:1.05rem;height:4.2em;margin:10px;padding:.1em .25em;width:13em}#login-identifier::placeholder,#login-password::placeholder,#signup-email::placeholder,#signup-password::placeholder,#signup-username::placeholder,.btn-submit{font-family:Peanut,sans-serif;font-size:1.5rem}.btn-login span,.btn-signup span{align-items:center;background-color:#212121;border:.08em solid #fff;border-radius:.2em;bottom:.4em;box-shadow:0 .4em .1em .019em #fff;color:#fff;display:flex;font-size:1.5em;height:2.5em;justify-content:center;position:relative;width:8.25em}.btn-login span:hover,.btn-signup span:hover{box-shadow:0 0 0 0 #fff;transform:translateY(.4em);transition:all .5s}@media (max-width:600px){.central-block{padding:20px}.user-management-icon{font-size:1.8em}}.home-page-overlay{align-items:center;background-color:var(--overlay-background);display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.home-page-overlay.show{display:flex}.form-container{background:var(--form-background);border-radius:10px;box-shadow:0 4px 8px #0003;max-width:400px;opacity:0;padding:30px;position:relative;text-align:center;transform:translateY(-20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;width:100%}.form-container.show{opacity:1;transform:translateY(0)}@media (max-width:600px){.form-container{padding:20px;width:90%}}.dinosaur-info{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:2px;padding:10px;width:27vh}.dino-basic-info{text-align:center;width:100%}.dino-gauges{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:0 3px}p{font-size:20px}.dino-stats-container{align-items:center;display:flex;flex-direction:column;font-size:20px;margin-bottom:10px;width:100%}.dino-stats-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:600px;width:100%}.stat-group{flex:1 1 30%;flex-direction:column;max-width:30%}.stat-group,.stat-item{align-items:center;box-sizing:border-box;display:flex}.stat-item{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;flex-direction:column;margin:4px 0;padding:4px 6px;width:100%}.stat-icon{font-size:24px;margin-bottom:2px}.stat-label{font-size:15px;margin-bottom:2px;text-align:center}.stat-value-wrapper{align-items:center;display:flex;gap:2px;margin-top:2px}.stat-value{font-size:15px;font-weight:700}.item-info{color:#888;cursor:pointer;font-size:10px;padding:0 2px;transition:color .2s ease}.item-info:hover{color:#000}.stat-breakdown{background:#fff;font-size:16px;margin:4px 0 8px;padding:6px;text-align:left}.karma-gauge{font-size:20px;margin:10px 0;max-width:400px;text-align:center;width:100%}.karma-label{font-weight:700;margin-bottom:5px}.karma-bar{align-items:center;background-color:#e0e0e0;border-radius:12.5px;display:flex;height:25px;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .5s ease-out}.karma-fill{height:100%;transition:width .5s ease-out}.karma-fill.negative{background:linear-gradient(270deg,#777,#000);left:50%;position:absolute;transform:translateX(-100%)}.karma-fill.positive{background:linear-gradient(90deg,#fff8dc,gold);left:50%;position:absolute}.karma-center{background-color:#555;height:100%;left:50%;position:absolute;width:2px}.karma-text{font-size:15px;font-weight:700;margin-top:5px}.energy-gauge{font-size:20px;margin:10px 0;max-width:400px;text-align:center;width:100%}.energy-label{font-weight:700;margin-bottom:5px}.energy-bar{background-color:#e0e0e0;border-radius:12.5px;height:25px;overflow:hidden;position:relative}.energy-fill{height:100%;transition:width .5s ease-out}@keyframes sparkleAnimation{0%{box-shadow:0 0 10px 2px #fff}to{box-shadow:none}}.sparkle{animation:sparkleAnimation 1s ease-out}.energy-text{font-size:15px;font-weight:700;margin-top:5px}.food-gauge{font-size:20px;margin:10px 0;max-width:400px;text-align:center;width:100%}.food-label{font-weight:700;margin-bottom:5px}.food-bar{background-color:#e0e0e0;border-radius:12.5px;height:25px;overflow:hidden;position:relative;transition:box-shadow .5s ease-out}@keyframes blinkAnimation{0%,to{opacity:1}50%{opacity:.5}}.blink{animation:blinkAnimation 1s infinite}.food-fill{height:100%;transition:width .5s ease-out}.food-text{font-size:15px;font-weight:700;margin-top:5px}.hunger-gauge{font-size:20px;margin:10px 0;max-width:400px;text-align:center;width:100%}.hunger-label{font-weight:700;margin-bottom:5px}.hunger-bar{background-color:#e0e0e0;border-radius:12.5px;height:25px;overflow:hidden;position:relative;transition:box-shadow .5s ease-out}@keyframes blinkSlow{0%,to{box-shadow:0 0 12px #b71c1ccc}50%{box-shadow:0 0 12px #b71c1c00}}@keyframes blinkFast{0%,to{box-shadow:0 0 12px #b71c1ccc}50%{box-shadow:0 0 12px #b71c1c00}}.blink-slow{animation:blinkSlow 2s infinite}.blink-fast{animation:blinkFast 1s infinite}.hunger-fill{height:100%;transition:width .5s ease-out}.hunger-text{font-size:15px;font-weight:700;margin-top:5px}.age-epoch-display{align-items:center;display:flex;flex-direction:column;margin:10px 0}.age-container{cursor:pointer;margin-bottom:12px;text-align:center;transition:transform .2s ease}.age-container:hover{transform:scale(1.05)}.age-label{color:#333;font-size:18px;font-weight:700}.age-factor{color:#666;font-size:14px;margin-top:4px}.epoch-container{cursor:pointer;margin-bottom:10px;max-width:300px;text-align:center;width:100%}.epoch-header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;transition:opacity .3s ease}.epoch-header:hover{opacity:.85}.epoch-name{color:#555;font-size:22px;font-weight:700}.epoch-level{color:#777;font-size:18px}.epoch-bar{background-color:#e0e0e0;border-radius:6px;height:12px;overflow:hidden;position:relative;transition:box-shadow .5s ease-out}.epoch-bar:hover{box-shadow:0 0 8px #ff980099}.epoch-fill{background:linear-gradient(90deg,#ffcc80,#ff9800);border-radius:6px;height:100%;transition:width .5s ease-out}.actions{align-items:center;background-color:initial;display:flex;flex-direction:column;flex-grow:1;margin:2px}.actions-header{margin-bottom:10px;text-align:center}.actions-cards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.luck-gauge-container{cursor:pointer;margin:10px auto;max-width:400px;text-align:center;width:100%}.luck-gauge-svg{height:auto;width:100%}.luck-gauge-arc{transition:stroke .5s ease}.halo-mid{filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.halo-low{animation:haloLowOscillate 3s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.halo-high-blink{animation:haloHighBlink .5s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(255,215,0,.8))}@keyframes haloLowOscillate{0%{filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}50%{filter:drop-shadow(0 0 8px rgba(0,0,0,.7))}to{filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}}@keyframes haloHighBlink{0%{filter:drop-shadow(0 0 5px rgba(255,215,0,.8))}50%{filter:drop-shadow(0 0 10px rgba(255,215,0,1))}to{filter:drop-shadow(0 0 5px rgba(255,215,0,.8))}}.luck-gauge-arc.value-increase{animation:increasePulse .8s ease-in-out}.luck-gauge-arc.value-decrease{animation:decreasePulse .8s ease-in-out}@keyframes increasePulse{0%{filter:drop-shadow(0 0 0 rgba(255,215,0,1))}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,1))}to{filter:drop-shadow(0 0 0 rgba(255,215,0,1))}}@keyframes decreasePulse{0%{filter:drop-shadow(0 0 0 rgba(0,0,0,1))}50%{filter:drop-shadow(0 0 15px rgba(0,0,0,1))}to{filter:drop-shadow(0 0 0 rgba(0,0,0,1))}}.luck-gauge-info{margin-top:10px}.luck-gauge-label,.luck-gauge-percentage-text{color:#333;font-size:20px;font-weight:700}.luck-gauge-label{margin-top:5px}@media only screen and (max-width:768px){#luck-gauge-container,.luck-gauge-container,.luck-gauge-info,.luck-gauge-label,.luck-gauge-percentage-text,.luck-gauge-svg{display:none}}.action-card{cursor:pointer;height:40px;margin:4px;position:relative;transition:transform .2s ease;width:40px}.action-card:hover{transform:scale(1.1)}.action-card-button{align-items:center;background:radial-gradient(circle,#0095ff,#007acc);border-radius:50%;box-shadow:0 0 4px #0006;display:flex;height:100%;justify-content:center;width:100%}.action-card-icon{height:20px;width:20px}.action-card-tooltip{animation:fadeIn .2s ease-out;background:#000000d9;border-radius:4px;bottom:50px;color:#fff;font-size:.7rem;left:50%;padding:4px;position:absolute;text-align:center;transform:translateX(-50%);width:120px;z-index:10}.action-card-tooltip-title{display:block;font-weight:700;margin-bottom:2px}.action-card-tooltip-description{line-height:1.2;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.event-overlay{animation:fadeInOut 4s forwards;background:#fffffff2;border-radius:12px;box-shadow:0 8px 16px #0000004d;color:#333;font-family:Arial,sans-serif;left:50%;max-width:90%;padding:20px 30px;position:fixed;top:40%;transform:translate(-50%,-20%);width:400px;z-index:1000}.event-header{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.event-title{color:#007acc;font-size:1.8rem;margin:0}.event-description{font-size:1rem;margin:10px 0}.event-modifiers{margin-top:10px;text-align:left}.event-modifiers h4{color:#007acc;font-size:1.1rem;margin-bottom:8px}.modifier{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:6px;padding:4px 8px}.modifier-target{color:#333;font-weight:700}.modifier-value{color:#090;font-weight:700}.positivity-gauge{background:#eee;border-radius:6px;flex-shrink:0;height:12px;margin-left:10px;overflow:hidden;position:relative;width:150px}.positivity-fill{height:100%;transition:width .3s ease}.positivity-text{color:#333;font-size:.8rem;position:absolute;text-align:center;top:-20px;width:100%}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-25%)}10%{opacity:1;transform:translate(-50%,-20%)}90%{opacity:1;transform:translate(-50%,-20%)}to{opacity:0;transform:translate(-50%,-25%)}}.header-container{align-items:center;display:flex;justify-content:space-between;padding:10px;position:relative}.desktop-left,.desktop-right{align-items:center;display:flex;font-family:Peanut,sans-serif;font-size:1.2rem;justify-content:center}.header-btn-left,.header-btn-right{cursor:pointer;font-family:Peanut,sans-serif;font-size:1.2rem;margin:0 5px;padding:8px 12px;text-decoration:none;transition:background-color .3s ease}.Title,.header-btn-left,.header-btn-right{background:#fffc;border:2px solid #000;border-radius:10px}.Title{box-shadow:2px 2px 4px #00000026;font-size:1.4rem;font-weight:700;margin:0;padding:5px 10px;text-align:center;white-space:nowrap}.header-btn-left:hover,.header-btn-right:hover,.nav-grid a:hover,.nav-grid button:hover{background-color:#c8c8c8cc}.nav{display:none}.burger-icon{cursor:pointer;display:none;flex-direction:column;height:21px;justify-content:space-between;width:30px;z-index:1002}.burger-icon span{background-color:#000;border:.5px solid #fff;display:block;height:5px;transition:transform .3s,opacity .3s;width:100%}.burger-icon.open span:first-child{background-color:#0095ff;transform:translateY(9px) rotate(45deg)}.burger-icon.open span:nth-child(2){opacity:0}.burger-icon.open span:nth-child(3){background-color:#0095ff;transform:translateY(-9px) rotate(-45deg)}@media only screen and (max-width:768px){.Title,.desktop-left,.desktop-right{display:none}.burger-icon{display:flex;margin-left:auto;margin-right:auto}.nav{align-items:flex-start;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transform:translateY(-100%);transition:transform .3s ease-in-out;width:100%;z-index:1001}.nav.open{transform:translateY(0)}.nav-grid{grid-gap:10px;align-content:center;border-radius:15px;display:flex;flex-wrap:wrap;grid-template-columns:repeat(2,1fr);height:50vh;margin-top:30px;width:80%}.nav-grid a,.nav-grid button{background-color:#0095ff;border:2px solid #fff;border-radius:10px;box-shadow:2px 2px 4px #ffffff4d;color:#fff;font-family:Peanut,sans-serif;font-size:1.2rem;margin:0;padding:10px;text-align:center;width:100%}}@media only screen and (min-width:769px){.Title,.desktop-left,.desktop-right{display:flex}.burger-icon{display:none}}body,html{background-repeat:no-repeat;background-size:cover;font-family:Peanut,sans-serif;font-size:1.2rem;height:100%;margin:0;overflow:hidden;text-align:center}#main{align-content:stretch;flex-direction:row;flex-wrap:wrap;height:92vh;justify-content:center;overflow-x:hidden;overflow-y:hidden;width:100%;z-index:0}#Infos,#main{align-items:stretch;display:flex}#Infos{background:#fffc;border:2px solid #000;border-radius:10px;flex-direction:column;margin:2px}.desktop-only{display:block}.mobile-only{display:none}#Middle{align-items:stretch;background-color:#0095ff00;display:flex;flex-direction:column;flex-grow:500;justify-content:space-between;margin:2px}#Actions{align-items:stretch;flex-grow:40;width:27vh}#Actions,.topMiddle{background:#fffc;border:2px solid #000;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:2px}.topMiddle{align-items:center;flex-grow:0.5;flex-shrink:0;padding:10px}.bottomMiddle{align-items:flex-end}.bottomMiddle,.middleContent{background:#fff0;display:flex;flex-grow:6;flex-shrink:0;justify-content:center;margin:2px}.InRight,.middleContent{align-items:center}.InRight{background:#fffc;border:2px solid #000;border-radius:10px;display:flex;flex-direction:column;flex-grow:5;flex-shrink:0;justify-content:center;margin:2px;width:20rem}.overlay-icons-bar{display:flex;gap:15px;position:absolute;right:8px;top:10px;z-index:10}.overlay-icon{cursor:pointer;font-size:2rem;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.overlay-icon:hover{transform:scale(1.1)}@media only screen and (max-width:768px){#main{flex-direction:column;margin-top:1vh}#Infos{display:none}#Actions{bottom:10px;flex-grow:3;position:fixed;width:99%;z-index:0}#Middle{flex-grow:10;margin-bottom:20vh;width:99%}.InRight,.Title,.bottomMiddle,.dino-infos,.topMiddle,.user-infos{margin:10px auto;width:90%}.dino-infos{display:none}.usersDisplay{align-items:center;display:flex;flex-direction:column;flex-grow:0.5;text-align:center}.Title{display:none}.mobile-title{display:block}.middleContent img.dino-svg{max-width:200px}.overlay-button{background-color:#0095ff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Peanut;font-size:1rem;font-size:1.5rem;margin:10px auto;padding:10px 20px}@media only screen and (min-width:769px){.mobile-only{display:none}}.overlay{align-items:center;background-color:#000c;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay.active{display:flex}.overlay-content{background-color:#fff;border-radius:10px;max-height:80%;max-width:400px;overflow-y:auto;padding:20px;position:relative;width:80%}.close-button{cursor:pointer;font-size:2rem;position:absolute;right:20px;top:10px}.dino-infos-overlay h3,.dino-infos-overlay p{margin:10px 0;padding:0 10px;text-align:left}.overlay-icons-bar{right:6vh;top:-1vh}}@font-face{font-family:Peanut;src:url(/iddlesaur/frontend/static/media/PeanutMoney.307803eee012dd0b26c6.ttf) format("truetype")}.background-overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.background-overlay.sleeping img{filter:brightness(.6) contrast(166%) saturate(.6);transition:filter 2s ease}.background-overlay[class*=event-animation] img{animation:eventPulse 1s ease}@keyframes eventPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.particles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.particle{animation:particleRise var(--animationDuration) forwards;font-size:1.5rem;opacity:0;position:absolute}@keyframes particleRise{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--translateX),var(--translateY)) scale(.5)}}.background-overlay[class*=karma-brighten] img{animation:brightenEffect 2s ease}.background-overlay[class*=karma-darken] img{animation:darkenEffect 2s ease}@keyframes brightenEffect{0%{filter:brightness(1) blur(0)}50%{filter:brightness(1.5) blur(2px)}to{filter:brightness(1) blur(0)}}@keyframes darkenEffect{0%{filter:brightness(1) blur(0)}50%{filter:brightness(.7) blur(2px)}to{filter:brightness(1) blur(0)}}.background-overlay[class*=level-up] img{animation:levelUpEffect 2s ease-in-out}@keyframes levelUpEffect{0%{filter:brightness(1) saturate(1);transform:scale(1)}25%{filter:brightness(1.2) saturate(1.2);transform:scale(1.05)}50%{filter:brightness(1.5) saturate(1.5);transform:scale(1.1)}75%{filter:brightness(1.2) saturate(1.2);transform:scale(1.05)}to{filter:brightness(1) saturate(1);transform:scale(1)}}.gaugexp{font-size:.9rem;margin:1px 0;min-width:100%;padding:0 10px;position:relative;width:100%}.gauge-xplabel{display:block;font-weight:700;margin-bottom:5px;text-align:center}.gauge-xpbar{background-color:#e0e0e0;border-radius:8px;height:20px;overflow:hidden;position:relative;width:100%}.gauge-xpfill{border-radius:8px 0 0 8px;height:100%;transition:width .3s ease}.gauge-xptext{display:inline-block;font-size:.8rem;margin-top:5px;text-align:center;width:100%}.tooltip-xpdetail,.tooltip-xptext{background-color:#333;border-radius:5px;color:#fff;font-size:.8rem;padding:5px;position:absolute;text-align:center;white-space:nowrap;z-index:1}.tooltip-xptext{bottom:25%;left:50%;transform:translateX(-50%)}.tooltip-xpdetail{background:#fff;border:1px solid #ccc;box-shadow:0 2px 8px #0003;color:#000;left:50%;top:100%;transform:translate(-50%,4px)}@media (max-width:768px){.gaugexp{font-size:.8rem;padding:0 5px;position:static}.gauge-xpbar{height:15px;position:static}.tooltip-xpdetail,.tooltip-xptext{margin-left:10px;position:static}}.dino-svg{transition:transform .3s ease,filter .3s ease}.dino-dead{filter:grayscale(100%);transform:rotate(180deg) translateY(-35%)}.dino-alive,.dino-dead{transition:filter 2s,transform 2s}.dino-alive{filter:grayscale(0);transform:rotate(0deg) translateY(0)}.wonder{animation:dinoActionWonder .45s forwards}.baisser{animation:dinoActionBaisser .5s forwards}.sleep{opacity:0}.dino-svg[class*=level-up]{animation:dinoLevelUp 1s ease-in-out}@keyframes dinoLevelUp{0%{filter:drop-shadow(0 0 0 gold);transform:scale(1) rotate(0deg)}12.5%{filter:drop-shadow(0 0 5px gold);transform:scale(1.1) rotate(45deg)}25%{filter:drop-shadow(0 0 10px gold);transform:scale(1.2) rotate(90deg)}37.5%{filter:drop-shadow(0 0 15px gold);transform:scale(1.35) rotate(135deg)}50%{filter:drop-shadow(0 0 20px gold);transform:scale(1.5) rotate(180deg)}62.5%{filter:drop-shadow(0 0 15px gold);transform:scale(1.35) rotate(225deg)}75%{filter:drop-shadow(0 0 10px gold);transform:scale(1.2) rotate(270deg)}87.5%{filter:drop-shadow(0 0 5px gold);transform:scale(1.1) rotate(315deg)}to{filter:drop-shadow(0 0 0 gold);transform:scale(1) rotate(1turn)}}.karma-animation{animation:karmaPulse 1s ease-in-out}@keyframes karmaPulse{0%{filter:brightness(1)}50%{filter:brightness(.7)}to{filter:brightness(1)}}.pray{animation:dinoPray 1s ease-in-out}@keyframes dinoPray{0%{transform:rotate(0deg)}30%{transform:rotate(10deg)}70%{transform:rotate(10deg)}to{transform:rotate(0deg)}}.dive{animation:dinoDive 1s ease-in forwards}@keyframes dinoDive{0%{opacity:1;transform:translateY(0) translateX(0)}50%{opacity:.7;transform:translateY(50px) translateX(-20px)}to{opacity:0;transform:translateY(100vh) translateX(-50px)}}.fly{animation:dinoFly 1s ease-in forwards}@keyframes dinoFly{0%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(-50px)}to{opacity:0;transform:translateY(-100vh)}}.dig{animation:dinoDig 1s ease-in forwards}@keyframes dinoDig{0%{opacity:1;transform:translateY(0) translateX(0)}20%{opacity:1;transform:translateY(30px) translateX(10px)}40%{opacity:.8;transform:translateY(60px) translateX(-10px)}60%{opacity:.6;transform:translateY(90px) translateX(10px)}80%{opacity:.4;transform:translateY(120px) translateX(-10px)}to{opacity:0;transform:translateY(100vh) translateX(0)}}.dino-display-container{display:inline-block;position:relative}.dino-action-wheel-overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.dino-action-wheel,.dino-action-wheel-overlay{align-items:center;display:flex;justify-content:center}.dino-action-wheel{background:radial-gradient(circle,#0000 40%,#fffc 0,#fffc 100%);border-radius:50%;height:300px;position:relative;width:300px}.dino-action-button{background:#f90;border:none;border-radius:50%;color:#fff;cursor:pointer;font-weight:700;padding:10px;position:absolute;transition:transform .2s,background .2s}.dino-action-button:hover{background:#fc0;transform:scale(1.2)}.dino-action-wheel-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;left:calc(50% - 25px);position:absolute;top:calc(50% - 25px);transition:background width .3s .3s,height font-size .3s .3s;width:50px}.dino-action-wheel-toggle:hover{background:#fffc;font-size:50px;height:150px;left:calc(50% - 75px);top:calc(50% - 75px);width:150px}.inventory-list{list-style:none;padding:0}.inventory-item{border-bottom:1px solid #ddd;padding:10px 0}.item-actions{margin-top:10px}.item-actions button{cursor:pointer;margin-right:10px;padding:5px 10px}.buildings-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay-content{border-radius:10px;box-shadow:0 4px 15px #0000004d;max-height:90%;max-width:800px;width:90%}.close-button{color:#888;font-size:2rem;right:15px;transition:color .2s ease}.close-button:hover{color:#333}.buildings-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px}.error-message,.success-message{text-align:center}.building-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:row;max-width:350px;padding:16px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.building-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}.building-icon{align-items:center;display:flex;font-size:3rem;margin-right:16px}.building-info{display:flex;flex:1 1;flex-direction:column}.building-name{color:#333;font-size:1.3rem;font-weight:600;margin:0}.building-description{color:#555;font-size:.9rem;margin:4px 0}.building-level{color:#777;font-size:.9rem;margin-bottom:8px}.building-upgrades{margin-top:10px}.building-upgrades h4{color:#444;font-size:1rem;margin-bottom:6px}.upgrade-item{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:.85rem;justify-content:space-between;padding:4px 0}.upgrade-item:last-child{border-bottom:none}.upgrade-info{display:flex;flex-direction:column}.upgrade-name{color:#333;font-weight:500}.upgrade-cost{color:#888;font-size:.8rem}.upgrade-button{background-color:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:background-color .2s ease}.upgrade-button:hover{background-color:#e68900}.upgrade-status{color:green;font-size:.8rem;font-weight:700}.shop-card{align-items:center;background:#f9f9f9;border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column;padding:15px;transition:box-shadow .3s ease}.shop-card:hover{box-shadow:0 0 10px #0003}.shop-card-image{margin-bottom:10px}.shop-card-content{text-align:center}.shop-card-minlevel,.shop-card-price{font-weight:700;margin:5px 0}.shop-card-actions{display:flex;gap:10px;margin-top:10px}.shop-card-btn{background:#0095ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.shop-card-btn:hover{background:#007acc}.shop-card-btn.upgrade{background:#28a745}.shop-card-btn.upgrade:hover{background:#218838}.shop-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.shop-overlay-content{background-color:#fff;border-radius:8px;height:90%;max-width:800px;overflow:auto;padding:20px;position:relative;width:80%}.shop-tabs{display:flex;gap:10px;margin-bottom:20px}.shop-tabs button{background-color:#ddd;border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.shop-tabs button.active{background-color:#aaa;color:#fff}.shop-items{display:flex;flex-wrap:wrap;gap:20px}.error-message{color:red;margin-bottom:10px}.success-message{color:green;margin-bottom:10px}.ranking-overlay-content{min-height:300px}.ranking-tabs{border-bottom:2px solid #ccc;display:flex;margin-bottom:1rem}.ranking-tab{background:none;border:none;border-bottom:3px solid #0000;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:border-bottom-color .2s}.ranking-tab:hover{border-bottom:3px solid #666}.ranking-tab.active{border-bottom:3px solid #000}.ranking-table{border-collapse:collapse;width:100%}.ranking-table td,.ranking-table th{border-bottom:1px solid #ccc;padding:8px;text-align:left}.ranking-table tr:hover{background-color:#f9f9f9}.clickable-stat-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.overlay-content{max-height:90vh;overflow-y:auto}.stat-details-container{margin-top:10px}.stat-breakdown{background:#fefefe;border:1px solid #ccc;border-radius:4px;font-size:14px;margin:10px 0;padding:10px}.breakdown-section{margin-bottom:8px}.breakdown-section ul{list-style:none;margin:4px 0;padding-left:10px}.breakdown-section li{margin:2px 0}.breakdown-section.final{color:#007bff;font-size:16px;margin-top:10px}.overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay-content{background-color:#fff;border-radius:8px;height:90%;max-width:600px;overflow:auto;padding:20px;position:relative;width:80%}.close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.stat-row{margin-bottom:10px}.stat-label{font-weight:700;margin-right:5px}.stat-value{color:#555}.admin-page{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.admin-page header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-page h1{color:#333;font-size:2rem}.back-btn{background-color:#007bff;border-radius:4px;color:#fff;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.back-btn:hover{background-color:#0056b3}#user-management{margin-top:20px}#user-table{border-collapse:collapse;margin-bottom:20px;width:100%}#user-table td,#user-table th{border:1px solid #000;padding:10px;text-align:center}#user-table th{background-color:#007bff;color:#fff;font-weight:700}#user-table tr:nth-child(2n){background-color:#f2f2f2}#user-table tr:hover{background-color:#ddd}.action-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;margin:0 5px;padding:5px 10px;transition:background-color .3s ease}.action-btn.delete{background-color:#dc3545}.action-btn.delete:hover{background-color:#c82333}.action-btn.update{background-color:#ffc107;color:#333}.action-btn.update:hover{background-color:#e0a800}.action-btn.view-dino{background-color:#28a745}.action-btn.view-dino:hover{background-color:#218838}#level-xp-table{border:1px solid #000;height:200px;margin-top:40px;overflow-y:auto}#level-xp-table table{border-collapse:collapse;margin-bottom:20px;width:100%}#level-xp-table td,#level-xp-table th{border:1px solid #ddd;padding:8px;text-align:center}#level-xp-table th{background-color:#343a40;color:#fff;font-weight:700}#level-xp-table tr:nth-child(2n){background-color:#f8f9fa}#level-xp-table tr:hover{background-color:#e9ecef}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:600px;padding:20px;position:relative;width:90%}.modal-content h2{color:#333;font-size:1.5rem;margin-top:0}.modal-content p{margin-bottom:10px}.close{color:#333;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px;transition:color .3s ease}.close:hover{color:#dc3545}.Main{align-items:center;background-image:url(/iddlesaur/frontend/static/media/Cybercity.50634e6eb825c34fc85b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Peanut,sans-serif;font-size:1.2rem;height:100vh;justify-content:center;margin:0;overflow:hidden;position:relative;text-align:center}#epoch-threshold-table{border:1px solid #000;height:200px;margin-top:40px;overflow-y:auto}#epoch-threshold-table table{border-collapse:collapse;margin-bottom:20px;width:100%}#epoch-threshold-table td,#epoch-threshold-table th{border:1px solid #ddd;padding:8px;text-align:center}#epoch-threshold-table th{background-color:#6c757d;color:#fff;font-weight:700}#epoch-threshold-table tr:nth-child(2n){background-color:#f8f9fa}#epoch-threshold-table tr:hover{background-color:#e9ecef}#main2{align-items:center;background:url(/iddlesaur/frontend/static/media/Cybercity.50634e6eb825c34fc85b.jpg) no-repeat 50%/cover;flex-direction:column;min-height:100vh;padding:20px;width:100%}#container,#main2{display:flex}.dino-name-change-container,.password-change-container,.user-info-container{background:#ffffffe6;border-radius:10px;box-shadow:0 4px 10px #0000004d;margin:15px 0;max-width:500px;padding:20px;text-align:center;width:90%}button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:5px;color:#fff;font-size:1rem;font-weight:700;padding:10px;transition:background .3s ease,transform .2s;width:100%}button:hover{background:linear-gradient(135deg,#0056b3,#003f7f);transform:scale(1.05)}input{border:1px solid #ccc;border-radius:5px;margin-top:5px;padding:10px;width:100%}@media (max-width:768px){.dino-name-change-container,.password-change-container,.user-info-container{width:95%}button,input{font-size:.9rem}#container{align-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;justify-content:center}}
/*# sourceMappingURL=main.ebb8e4ba.css.map*/