.top-bg.sky{background-color:#87ceeb;position:absolute;inset:0}.top-bg.ground{background-image:url(/big-dog/images/Game/ground.png);background-position:0 0;background-repeat:repeat-x;background-size:auto 150%;width:100%;height:11.1111vh;position:absolute;bottom:0;left:0}.top-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:5rem;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-title{text-align:center;-webkit-user-select:none;user-select:none;margin:0 0 2rem;font-weight:700;animation:.4s ease-out .7s both title-shake,3.2s ease-in-out 1.6s infinite title-breath}.top-title-main{color:#2b1d12;text-shadow:3px 3px #fff,6px 6px #0000002e;letter-spacing:.1rem;transform-origin:50% 100%;opacity:0;animation:.7s cubic-bezier(.2,1.4,.3,1) .15s forwards title-drop;display:block}.top-title-sub{color:#d94a2b;letter-spacing:.15em;margin-top:.4em;font-size:clamp(1.4rem,4.5vw,2.6rem);display:block}.top-title-sub>span{opacity:0;text-shadow:2px 2px #fff;animation:.5s cubic-bezier(.2,1.6,.4,1) forwards title-pop;display:inline-block;transform:translateY(-30px)rotate(-12deg)}@keyframes title-drop{0%{opacity:0;transform:translateY(-120%)scale(1.4)}60%{opacity:1;transform:translateY(0)scale(1.05,.85)}78%{transform:translateY(-8%)scale(.98,1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes title-pop{0%{opacity:0;transform:translateY(-30px)rotate(-12deg)}60%{opacity:1;transform:translateY(6px)rotate(4deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes title-breath{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes title-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,2px)}80%{transform:translate(1px,-1px)}}.top-start-button{color:#fff;letter-spacing:.5rem;text-align:center;text-shadow:0 0 15px #ffdf9eb3,0 2px 3px #00000080;cursor:pointer;background:linear-gradient(145deg,#a83232,#6a1a1a);border:2px solid #d4af37;border-radius:10px;justify-content:center;align-items:center;width:300px;height:90px;margin:0 auto;padding:10px 20px;font-family:Garamond,serif;font-size:2rem;font-weight:700;transition:all .3s ease-in-out;display:flex;position:relative;box-shadow:inset 0 0 10px #fff3,0 5px 15px #00000080}.top-start-button:hover{text-shadow:0 0 20px #ffdf9ee6,0 2px 4px #000000b3,0 0 8px #f4d03f80;color:#fffef7;background:linear-gradient(145deg,#c73e3e,#8b2424);border:2px solid #f4d03f;transform:translateY(-2px)scale(1.05);box-shadow:inset 0 0 15px #ffffff4d,0 8px 25px #0009,0 0 30px #d4af3766}.top-record-button{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:30px;right:30px}.top-record-button-image{filter:drop-shadow(0 0 10px #00000080);background-image:url(/big-dog/images/Top/record.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100px;height:100px}.top-record-button-text{color:#1e1e2e;font-size:1rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-rule-button{cursor:pointer;color:#f0e6d2;text-shadow:1px 1px 2px #000c;background:linear-gradient(145deg,#8b4513e6 0%,#a0522de6 50%,#d2b48ce6 100%);border:1px solid #d2b48ccc;border-radius:50px;align-items:center;gap:5px;padding:.5rem 1rem;font-size:1rem;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #00000080,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000004d}.top-rule-button:hover{border-color:#ffd700cc;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #d2b48c66,inset 0 1px 3px #fff6,inset 0 -1px 3px #0003}.top-rule-button:active{transform:translateY(0)scale(1.02);box-shadow:0 2px 8px #0009,inset 0 1px 2px #0006}.rule-modal{z-index:2;position:fixed;inset:0}.rule-modal-overlay{z-index:2;background-color:#0003;position:fixed;inset:0}.rule-modal-content{color:#ffeae3;z-index:3;background-color:#000000b3;border:2px solid #d4af37;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:min(92vw,720px);max-height:85vh;padding-right:1rem;animation:.3s ease-in-out fadeIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rule-modal-content-header{justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex;position:relative}.rule-modal-content-header:after{content:"";background-color:#ffeae3;width:calc(100% + 1rem);height:1px;position:absolute;bottom:0;left:0}.rule-modal-content-header span{text-align:left;font-size:1.2rem;font-weight:700}.rule-modal-content-header button{background-color:#ffffff1a;border-radius:.25rem;width:2rem;height:2rem;transition:all .3s ease-in-out}.rule-modal-content-header button:hover{background-color:#ffffff4d}.rule-modal-content-body{scrollbar-width:thin;scrollbar-color:#ffeae3 transparent;-ms-overflow-style:thin;flex-direction:column;gap:1rem;width:100%;height:100%;padding:1rem;display:flex;overflow-y:auto}.rule-modal-content-body::-webkit-scrollbar{width:3px}.rule-modal-content-body-item{flex-direction:column;gap:.5rem;display:flex}.rule-modal-content-body-item-title{color:#d64f4f;text-align:left;border-left:2px solid #a83232;padding:.25rem 0 .25rem .5rem;font-size:1rem;font-weight:700}.rule-modal-content-body-item-description{text-align:left;padding-left:1rem;font-size:.9rem}.icon-with-tooltip{vertical-align:middle;display:inline-block;position:relative}.icon-with-tooltip-image{object-position:center;cursor:pointer;display:block}.icon-with-tooltip-description{color:#fff;white-space:nowrap;z-index:10;pointer-events:none;background-color:#000000d9;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.icon-with-tooltip-description:after{content:"";border:5px solid #0000;border-top-color:#000000d9;position:absolute;top:100%;left:50%;transform:translate(-50%)}.hunger-component-container{background-color:#0006;border-radius:4rem;flex-direction:row;align-items:center;gap:.5rem;width:15rem;padding:.5rem 1rem .5rem .5rem;display:flex;position:absolute;top:1rem;right:1rem}.hunger-component-icon{background-color:#ffffffe6;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;flex-shrink:0;width:3rem;height:3rem}.hunger-component-icon.small{background-image:url(/big-dog/images/Game/dog/sm_run1.png)}.hunger-component-icon.medium{background-image:url(/big-dog/images/Game/dog/md_run1.png)}.hunger-component-icon.giant{background-image:url(/big-dog/images/Game/dog/gi_run1.png)}.hunger-component-bar{background-color:#ffffff4d;border-radius:5px;flex:1;height:10px;position:relative;overflow:hidden}.hunger-component-bar-inner{background:linear-gradient(90deg,#6bcf7f 0%,#a9cf6b 100%);border-radius:5px;height:100%;transition:width .3s ease-out}.hunger-component-bar.small:before,.hunger-component-bar.medium:before{content:"";background-color:#fff;border-radius:2px;width:3px;height:100%;position:absolute;top:50%;left:60%;transform:translate(-50%,-50%)}.hunger-component-container.giant{background-color:#0000008c;animation:2s linear infinite giant-rainbow-glow,.8s ease-in-out infinite giant-container-pulse}.hunger-component-container.giant:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#ff0080,#ff8c00,gold,#00ff7f,#00bfff,#8a2be2,#ff1493,#ff0080,#ff8c00,gold,#00ff7f,#00bfff) 0 0/300% 100%;padding:2px;animation:2s linear infinite giant-ring-flow;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes giant-ring-flow{0%{background-position:0%}to{background-position:300%}}@keyframes giant-rainbow-glow{0%{box-shadow:0 0 12px 2px #ff0080b3,0 0 24px 6px #ff8c0066}25%{box-shadow:0 0 12px 2px #ffd700b3,0 0 24px 6px #00ff7f66}50%{box-shadow:0 0 12px 2px #00bfffb3,0 0 24px 6px #8a2be266}75%{box-shadow:0 0 12px 2px #ff1493b3,0 0 24px 6px #ff008066}to{box-shadow:0 0 12px 2px #ff0080b3,0 0 24px 6px #ff8c0066}}@keyframes giant-container-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.hunger-component-container.giant .hunger-component-icon{animation:1.2s ease-in-out infinite giant-icon-aura,.5s ease-in-out infinite giant-icon-bounce}@keyframes giant-icon-aura{0%,to{box-shadow:0 0 #ffd700e6,0 0 18px 4px #ff69b499}50%{box-shadow:0 0 0 8px #ffd70000,0 0 28px 10px #00bfffb3}}@keyframes giant-icon-bounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-3px)rotate(3deg)}}.hunger-component-container.giant .hunger-component-bar{background-color:#ffffff26;box-shadow:inset 0 0 6px #fff6}.hunger-component-container.giant .hunger-component-bar-inner{background:linear-gradient(90deg,#ff0080,#ff8c00,gold,#00ff7f,#00bfff,#8a2be2,#ff0080,#ff8c00,gold) 0 0/300% 100%;animation:1.2s linear infinite giant-bar-rainbow}@keyframes giant-bar-rainbow{0%{background-position:0%}to{background-position:300%}}.game-over-modal{z-index:10;position:fixed;inset:0}.game-over-overlay{z-index:10;background-color:#0003;position:fixed;inset:0}.game-over-content{color:#ffeae3;z-index:11;background-color:#000000b3;border:2px solid #d4af37;border-radius:1rem;flex-direction:column;align-items:center;gap:1.5rem;width:min(92vw,480px);padding:2rem;animation:.4s ease-out game-over-fade-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #000000b3}@keyframes game-over-fade-in{0%{opacity:0}to{opacity:1}}.game-over-title{letter-spacing:.1rem;margin:0;font-size:2.5rem;font-weight:700}.game-over-stats{flex-direction:column;gap:.75rem;width:100%;display:flex}.game-over-stat-row{background-color:#ffffff14;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:1.2rem;display:flex}.game-over-stat-label{letter-spacing:.1rem;font-weight:700}.game-over-stat-value{color:#ffd966;font-size:1.4rem;font-weight:700}.game-over-buttons{justify-content:center;gap:1rem;width:100%;display:flex}.game-over-button{color:#fff;text-align:center;cursor:pointer;border:2px solid #d4af37;border-radius:.5rem;flex:1;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s ease-in-out;display:flex}.game-over-button.retry{background:#a83232}.game-over-button.retry:hover{background:#d64f4f}.game-over-button.top{background:#4a4a4a}.game-over-button.top:hover{background:#6a6a6a}.game-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative}.game-hud{color:#fff;font-size:1.5rem;font-weight:700;position:absolute;top:1rem;left:1rem}.record-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:3rem;display:flex;position:absolute;inset:0}.record-content-header{justify-content:left;align-items:center;gap:3rem;width:100%;padding:1rem;display:flex}.record-content-header-top-container{cursor:pointer;background-color:#fff;border-radius:50%;width:3rem;height:3rem;transition:all .3s ease-in-out}.record-content-header-top-container:hover{transform:scale(1.05)}.record-content-header-top-container:active{transform:scale(.95)}.record-content-header-top-button{clip-path:polygon(58.75% 20%,62.03% 20.31%,64.06% 22.03%,64.84% 23.75%,64.38% 27.34%,42.19% 50%,64.38% 72.5%,64.53% 77.03%,63.44% 78.59%,61.09% 79.84%,58.75% 79.84%,56.41% 78.59%,31.41% 53.59%,30% 51.09%,30% 48.75%,31.41% 46.25%,56.56% 21.09%,58.75% 20%);background-color:#000;width:100%;height:100%}.record-content-header span{color:#fff;text-shadow:0 0 10px #00000080;font-size:1.5rem;font-weight:700}.record-content-body{flex-direction:column;justify-content:center;align-items:center;width:80vw;height:90dvh;min-height:0;margin-bottom:3rem;display:flex}.record-content-body-tabs-change{flex-direction:row;align-items:center;gap:2px;width:100%;padding:1rem;display:flex}.record-content-body-tabs-change-item{cursor:pointer;background-color:#ffffff1a;border:2px solid #fff3;border-bottom:none;border-radius:.5rem .5rem 0 0;flex-direction:row;align-items:center;padding:.5rem 1rem;font-size:1.2rem;font-weight:700;transition:all .3s ease-in-out;display:flex}.record-content-body-tabs-change-item:hover{background-color:#0000004d;border:2px solid #cfda404d;border-bottom:none}.record-content-body-tabs-change-item.active{color:#ffeae3;background-color:#000000b3;border:2px solid #d4af37;border-bottom:none}.record-content-body-tabs-content{background-color:#000000b3;border:2px solid #d4af37;border-radius:0 .5rem .5rem;flex-direction:row;flex:1;justify-content:center;align-items:center;width:calc(100% - 2rem);height:100%;margin:-1rem auto 0;padding:1rem;display:flex}.record-rank-column{flex-direction:column;flex:1;justify-content:space-around;display:flex}.record-rank-divider{background-color:#d4af3766;width:1px;margin:.5rem}.record-rank-item{align-items:center;gap:.75rem;padding:.25rem .75rem;display:flex}.record-rank-item-rank{color:#d4af37;text-align:right;min-width:1.5rem;font-size:.85rem;font-weight:700}.record-rank-item-value{color:#ffeae3;letter-spacing:.05em;font-size:1.1rem;font-weight:700}@font-face{font-family:rounded-mplus-1c-regular;src:url(/big-dog/fonts/rounded-mplus-1c-regular.ttf)format("truetype");font-weight:400;font-style:normal}*,:before,:after{box-sizing:border-box;color:var(--color-text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:rounded-mplus-1c-regular}ul{list-style:none}button,select,a{cursor:pointer}button{background:0 0;border:none}a{text-decoration:none}canvas{width:100vw;height:100vh}html{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}html::-webkit-scrollbar{display:none}body{background-color:var(--color-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6}.page{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;width:100%;height:100%;margin:0 auto;padding:1rem 2rem 2rem;display:flex;position:relative;overflow-y:auto}.page::-webkit-scrollbar{display:none}@media (width>=768px){.page{width:70%}}.fade-in{animation:.3s both FadeIn}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}.fade-out{animation:.3s both FadeOut}@keyframes FadeOut{0%{opacity:1}to{opacity:0}}