@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Nunito:wght@500;600;700;800;900;1000&family=Rye&family=Bowlby+One+SC&display=swap";html{background:#11102e;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #ffad45}#root{width:100%;min-height:100vh}:root{--night:#090923;--deep:#11103a;--purple:#24105d;--violet:#7134d5;--violet-bright:#a56aff;--orange:#ff8b19;--orange-light:#ffbd52;--cream:#fff0d9;--ink:#100d2b}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--cream);background:#080817;font-family:Nunito,Trebuchet MS,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}.game-shell{width:100%;min-height:100vh;color:var(--cream);background:#080817;overflow:hidden}.night-sky{isolation:isolate;background:radial-gradient(at 50% 76%,#6f31be94,#0000 48%),radial-gradient(at 12% 15%,#4a41ba73,#0000 38%),linear-gradient(#252b83 0%,#32217d 43%,#1b124c 74%,#090923 100%);min-height:100dvh;position:relative;overflow:hidden}.menu-background-image{z-index:0;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.night-sky:has(.menu-background-image):before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#09061e05 0% 55%,#09061e1f 100%);position:absolute;inset:0}.night-sky:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#08071f59 35%,#08071fa6 100%);height:15%;position:absolute;bottom:0;left:-5%;right:-5%}.stars{z-index:0;pointer-events:none;position:absolute;inset:0}.moon{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#e5fbff 0%,#bcecff 35%,#83cafa 72%,#6da6e8 100%);border-radius:50%;width:clamp(175px,21vw,310px);position:absolute;top:16%;right:13%;overflow:hidden;box-shadow:0 0 35px #a8e5ffb0,0 0 95px #82baff70,inset -18px -12px 32px #4682c8aa}.moon:before,.moon:after{content:"";filter:blur(1px);background:#6eb6e777;border-radius:50%;position:absolute}.moon:before{width:24%;height:16%;top:28%;left:22%;transform:rotate(-25deg)}.moon:after{width:18%;height:12%;bottom:25%;right:20%;transform:rotate(28deg)}.moon-crater{background:#6fb8e766;border-radius:50%;position:absolute}.crater-one{width:23%;height:15%;top:28%;left:22%}.crater-two{width:15%;height:11%;top:60%;left:57%}.crater-three{width:11%;height:8%;top:18%;left:62%}.bats{z-index:2;color:#080817;text-shadow:0 2px #080817;pointer-events:none;font-size:clamp(34px,5vw,72px);position:absolute}.bat-one{top:9%;left:18%;transform:rotate(-12deg)}.bat-two{top:25%;right:30%;transform:rotate(25deg)}.witch{z-index:2;color:#080817;font-size:58px;position:absolute;top:18%;right:8%;transform:rotate(-22deg)}.haunted-house{z-index:2;filter:drop-shadow(0 0 18px #07071e);width:clamp(130px,18vw,250px);position:absolute;bottom:8%}.house-left{left:2%}.house-right{transform-origin:bottom;right:2%;transform:scale(.82)}.house-body{background:linear-gradient(90deg,#090d25,#10142e 50%,#090d25);border:3px solid #08091e;height:clamp(175px,24vh,260px);position:relative;box-shadow:0 0 25px #08091c}.house-roof{border-bottom:clamp(75px,10vw,135px) solid #0b102a;border-left:clamp(65px,9vw,125px) solid #0000;border-right:clamp(65px,9vw,125px) solid #0000;width:0;height:0;margin:0 auto -3px;position:relative}.house-body span{background:#ff821b;width:19px;height:32px;position:absolute;top:38px;box-shadow:0 0 14px #ff841c}.house-body span:first-child{left:18%}.house-body span:nth-child(2){right:18%}.house-body span:nth-child(3){top:105px;left:18%}.house-body span:nth-child(4){top:105px;right:18%}.house-door{background:#080b20;border:2px solid #ff841c;width:35px;height:80px;position:absolute;bottom:0;left:42%}.tree{z-index:3;pointer-events:none;background:#080817;border-radius:50%;width:8px;height:290px;position:absolute;bottom:9%}.tree:before,.tree:after,.tree i{content:"";transform-origin:bottom;background:#080817;border-radius:50%;width:7px;height:125px;position:absolute}.tree:before{top:0;left:-5px;transform:rotate(-42deg)}.tree:after{top:10px;left:2px;transform:rotate(48deg)}.tree i:first-child{top:55px;left:-3px;transform:rotate(-60deg)}.tree i:nth-child(2){top:80px;left:2px;transform:rotate(65deg)}.tree i:nth-child(3){top:110px;left:-5px;transform:rotate(-28deg)}.tree-left{left:1.5%}.tree-right{right:2%;transform:scaleX(-1)}.grave{z-index:3;background:#090a1d;border-radius:15px 15px 0 0;width:31px;height:55px;position:absolute;bottom:8%}.grave:after{content:"";background:#090a1d;width:55px;height:10px;position:absolute;top:16px;left:-12px}.grave-one{left:35%}.grave-two{right:35%;transform:scale(.8)}.grave-three{right:18%;transform:scale(.65)}.fog{z-index:3;filter:blur(14px);pointer-events:none;background:radial-gradient(#7866d45c,#0000 70%);border-radius:50%;width:38vw;height:95px;position:absolute;bottom:4%}.fog-left{left:-10%}.fog-right{right:-10%}.game-content{z-index:5;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100dvh;padding:clamp(28px,5vh,60px) 20px 145px;display:flex;position:relative}.game-logo{z-index:6;text-align:center;filter:drop-shadow(6px 8px #100d30);margin-bottom:22px;position:relative}.logo-castle{color:#080817;letter-spacing:10px;margin-bottom:-8px;font-size:clamp(22px,3vw,42px)}.game-logo h1{letter-spacing:1px;color:#ff831b;-webkit-text-stroke:1.5px #25153c;text-shadow:3px 4px #080817,0 0 22px #ff8b1b66;flex-direction:column;align-items:center;margin:0;font-family:Rye,Cinzel,Georgia,serif;font-size:clamp(45px,6.4vw,88px);font-weight:900;line-height:.88;display:flex}.game-logo h1 strong{color:#fff0d7;letter-spacing:-1px;font-size:1.05em;font-style:italic}.escape-title{color:#12102c;background:#ff831b;border:2px solid #27153e;margin-top:7px;padding:7px 34px 9px;font-size:.7em;display:inline-block;transform:skew(-7deg);box-shadow:0 5px #080817}.tagline{color:#e2d7ff;letter-spacing:4px;text-shadow:0 2px 5px #080817;margin:13px 0 0;font-size:10px;font-weight:900}.menu-buttons{z-index:7;flex-direction:column;align-items:center;gap:13px;width:min(390px,90vw);display:flex;position:relative}.menu-button{isolation:isolate;clip-path:polygon(3% 8%,12% 3%,27% 5%,42% 1%,58% 4%,75% 2%,94% 7%,98% 18%,96% 34%,100% 48%,97% 66%,99% 83%,91% 94%,73% 96%,55% 93%,38% 98%,20% 94%,5% 97%,2% 83%,4% 65%,0 48%,3% 29%);width:100%;min-height:59px;box-shadow:none;color:#fff0dc;letter-spacing:1px;text-shadow:1px 2px #100d2b;cursor:pointer;background:#211b50;border:0;border-radius:0;justify-content:center;align-items:center;gap:12px;padding:12px 22px;font-family:Bowlby One SC,Nunito,sans-serif;font-size:clamp(15px,1.6vw,21px);font-weight:900;transition:transform .16s,filter .16s,background .16s;display:flex;position:relative}.menu-button:before{content:"";z-index:-1;opacity:.28;pointer-events:none;background:repeating-linear-gradient(176deg,#0000 0 5px,#ffffff1f 6px,#0000 8px);position:absolute;inset:5px 9px}.menu-button:hover{filter:brightness(1.18)drop-shadow(0 6px 4px #09071f88);background:#30236b;transform:translateY(-3px)scale(1.025)}.menu-button:active{filter:brightness(.95);transform:translateY(2px)scale(.99)}.play-button{color:#17102d;text-shadow:1px 2px #ffc15d;filter:drop-shadow(0 5px #6c2a08);background:#ff891b;min-height:73px;font-size:clamp(21px,2.4vw,30px)}.play-button:before{opacity:.22;background:repeating-linear-gradient(178deg,#0000 0 5px,#5a230040 6px,#0000 9px);inset:8px 12px}.play-button:hover{filter:brightness(1.08)drop-shadow(0 7px 5px #09071f88);background:#ffa12d}.play-icon,.button-icon{justify-content:center;align-items:center;margin:0;font-size:23px;line-height:1;display:inline-flex}.rocky-area{z-index:6;flex-direction:column;align-items:center;width:170px;display:flex;position:absolute;bottom:5%;left:22%}.rocky-name{color:#ff8b24;letter-spacing:3px;text-shadow:2px 2px #100d30;margin-bottom:-2px;font-family:Bowlby One SC,Nunito,sans-serif;font-size:23px;font-weight:900}.rocky-character{object-fit:contain;object-position:center bottom;mix-blend-mode:multiply;filter:grayscale()contrast(1.5)drop-shadow(0 5px 5px #05051688);-webkit-user-select:none;user-select:none;pointer-events:none;width:145px;height:205px;display:block}.seismic-brand{z-index:6;color:#fff0dc;letter-spacing:1.5px;text-shadow:0 2px 5px #090923;align-items:center;gap:9px;font-size:9px;font-weight:900;display:flex;position:absolute;bottom:18px;right:25px}.seismic-brand img{object-fit:contain;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;width:34px;height:34px}.ground{z-index:4;background:linear-gradient(#111027,#080b19);border-radius:50% 50% 0 0;width:110%;height:13%;position:absolute;bottom:0;left:-5%;box-shadow:0 -8px 25px #08091d}.grass{border-top:5px solid #080817;width:120px;height:25px;position:absolute;top:-10px;transform:rotate(-8deg)}.grass-left{left:5%}.grass-right{right:5%;transform:rotate(8deg)}.panel{text-align:center;background:linear-gradient(145deg,#38206fef,#171038f5);border:3px solid #b37bff;border-radius:24px;width:min(650px,92vw);margin:auto;padding:clamp(25px,5vw,48px);position:relative;box-shadow:0 14px 38px #070719bb,inset 0 0 25px #c69aff22,0 0 28px #8747ff44}.panel:before{content:"";pointer-events:none;border:1px solid #e0c5ff66;border-radius:17px;position:absolute;inset:8px}.panel h2{color:#ffb04a;text-shadow:3px 3px #100c2b;letter-spacing:3px;margin:0 0 30px;font-family:Cinzel,Georgia,serif;font-size:clamp(30px,5vw,48px)}.setting-row{text-align:left;grid-template-columns:1fr 1.5fr 50px;align-items:center;gap:12px;margin:25px 0;font-weight:900;display:grid}.setting-row input{accent-color:#ff8b1f;cursor:pointer;width:100%}.setting-row span{color:#ffc078}.panel>.menu-button{max-width:300px;margin:15px auto 0}.back-button{background:#211b50}.instructions{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.instructions div{background:#171039;border:1px solid #a978ff;border-radius:14px;flex-direction:column;gap:10px;padding:17px 10px;display:flex;box-shadow:inset 0 0 18px #9a6bff1b}.instructions strong{color:#ffad43;font-size:20px}.instructions span{color:#eee5ff;font-size:14px}.panel-note{color:#ded3f5;margin:22px auto;line-height:1.7}.empty-board{background:#171039;border:1px solid #a978ff;border-radius:14px;padding:35px 10px}.trophy{color:#ffba40;font-size:55px}.empty-board p{color:#ffb25b;font-size:21px;font-weight:1000}.empty-board small{color:#c7b9e8}.game-play-screen{z-index:100;background:#11102e;width:100vw;height:100dvh;margin:0;padding:0;display:block;position:fixed;inset:0}.game-canvas-wrapper{width:100%;height:100%;box-shadow:none;border:none;border-radius:0;position:absolute;inset:0;overflow:hidden}.game-canvas-wrapper canvas{aspect-ratio:auto;width:100%;height:100%;display:block}.game-controls-hint{z-index:5;color:#e9ddff;letter-spacing:1px;white-space:nowrap;background:#100b35c9;border:1px solid #a978ff88;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:900;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.game-controls-hint span{margin-left:20px}.exit-game{z-index:110;opacity:.94;border-radius:14px;width:180px;min-height:42px;position:absolute;top:18px;right:20px}@media (width<=900px){.rocky-area{left:8%}.game-logo h1{font-size:clamp(42px,8vw,70px)}.menu-buttons{width:min(370px,42vw)}}@media (width<=650px){.game-content{padding-top:28px;padding-bottom:130px}.moon{opacity:.62;top:22%;right:-12%}.house-left{transform-origin:0 100%;left:-12%;transform:scale(.7)}.house-right{transform-origin:100% 100%;right:-16%;transform:scale(.62)}.tree-left{transform-origin:0 100%;left:-5%;transform:scale(.7)}.tree-right{transform-origin:100% 100%;right:-5%;transform:scaleX(-1)scale(.7)}.rocky-area{transform-origin:0 100%;width:110px;bottom:7%;left:1%;transform:scale(.68)}.rocky-name{font-size:17px}.rocky-character{width:100px;height:155px}.seismic-brand{letter-spacing:.8px;font-size:7px;bottom:12px;right:12px}.seismic-brand img{width:26px;height:26px}.instructions{grid-template-columns:1fr 1fr}.setting-row{grid-template-columns:1fr 1.2fr 40px;font-size:13px}.menu-buttons{gap:9px;width:min(330px,72vw)}.game-logo{margin-bottom:18px}.game-logo h1{font-size:clamp(38px,10vw,62px)}.tagline{letter-spacing:2.5px;font-size:8px}.menu-button{min-height:48px;padding:9px 12px;font-size:13px}.play-button{min-height:58px;font-size:19px}.panel{width:min(94vw,560px);padding:25px 16px}.panel h2{font-size:clamp(25px,7vw,38px)}.setting-row{grid-template-columns:1fr 1.2fr 42px;gap:8px;padding:12px 10px;font-size:13px}.instructions div{gap:12px;padding:11px;font-size:13px}.instructions strong{min-width:85px}.exit-game{width:130px;min-height:36px;font-size:13px;top:10px;right:10px}}@media (width<=380px){.game-logo h1{font-size:34px}.menu-buttons{width:75vw}.menu-button{min-height:43px;font-size:12px}.rocky-area{transform-origin:0 100%;transform:scale(.58)}.seismic-brand span{max-width:120px}.panel{padding:22px 12px}}@media (height<=700px) and (width>=651px){.game-content{padding-top:15px}.game-logo{margin-bottom:12px}.game-logo h1{font-size:48px}.menu-buttons{gap:7px}.menu-button{min-height:48px;padding:7px 14px}.play-button{min-height:58px}.rocky-area{bottom:3%}.rocky-character{height:175px}}.screen-menu{min-height:100dvh;padding:0;display:block}.screen-menu .logo-castle{margin-bottom:-5px;font-size:clamp(25px,3.4vw,46px)}.screen-menu .game-logo h1{font-size:clamp(58px,7.2vw,100px);line-height:.88}.screen-menu .game-logo h1 strong{font-size:1.08em}.screen-menu .escape-title{margin-top:9px;padding:8px 38px 11px;font-size:.72em}.screen-menu .tagline{letter-spacing:3.5px;margin-top:15px;font-size:clamp(9px,1vw,12px)}.screen-menu .menu-buttons{gap:10px;width:min(390px,29vw);top:51%;left:50%;transform:translate(-50%,-4%)}.screen-menu .rocky-area{width:130px;bottom:5%;left:23%;transform:none}.screen-menu .rocky-name{margin-bottom:2px;font-size:19px}.screen-menu .rocky-character{object-fit:contain;object-position:center bottom;width:145px;height:205px}.screen-menu .seismic-brand{bottom:18px;right:25px}@media (width<=900px){.screen-menu .game-logo{width:70vw;top:6%}.screen-menu .game-logo h1{font-size:clamp(48px,8vw,75px)}.screen-menu .menu-buttons{width:min(350px,38vw);top:48%}.screen-menu .rocky-area{bottom:5%;left:12%}}@media (width<=650px){.screen-menu .game-logo{width:92vw;top:7%}.screen-menu .game-logo h1{font-size:clamp(38px,10vw,60px)}.screen-menu .logo-castle{font-size:22px}.screen-menu .tagline{letter-spacing:2px;margin-top:9px;font-size:8px}.screen-menu .menu-buttons{gap:7px;width:min(310px,67vw);top:47%;left:50%;transform:translate(-50%)}.screen-menu .menu-button{min-height:45px;font-size:13px}.screen-menu .play-button{min-height:53px;font-size:18px}.screen-menu .rocky-area{transform-origin:0 100%;width:105px;bottom:4%;left:0;transform:scale(.62)}.screen-menu .seismic-brand{letter-spacing:.5px;gap:5px;font-size:6px;bottom:9px;right:9px}.screen-menu .seismic-brand img{width:23px;height:23px}}@media (width<=380px){.screen-menu .game-logo h1{font-size:35px}.screen-menu .menu-buttons{width:73vw;top:45%}.screen-menu .rocky-area{transform-origin:0 100%;transform:scale(.52)}}.screen-menu{min-height:100dvh;position:relative}.screen-menu .game-logo{width:min(650px,62vw);margin:0;position:absolute;top:10%;left:50%;transform:translate(-50%)}.screen-menu .menu-buttons{width:min(390px,30vw);margin:0;position:absolute;top:52%;left:50%;transform:translate(-50%)}.screen-menu .rocky-area{width:170px;position:absolute;bottom:5%;left:22%}.screen-menu .rocky-character{mix-blend-mode:multiply;width:155px;height:210px}@media (width<=900px){.screen-menu .menu-buttons{width:min(350px,42vw)}}@media (width<=650px){.screen-menu .game-logo{width:92vw;top:7%}.screen-menu .menu-buttons{width:min(310px,70vw);top:48%}.screen-menu .rocky-area{bottom:4%;left:1%}}.screen-menu .rocky-area{z-index:8;flex-direction:column;align-items:center;width:130px;display:flex;position:absolute;bottom:8%;left:24%;transform:none}.screen-menu .rocky-name{letter-spacing:2px;color:#ff921e;margin:0 0 2px;font-size:23px}.screen-menu .rocky-character{object-fit:contain;object-position:center bottom;mix-blend-mode:normal;filter:drop-shadow(0 3px 4px #0000004d);background:0 0;width:115px;height:165px;display:block}@media (width<=900px){.screen-menu .rocky-area{bottom:6%;left:12%}}@media (width<=650px){.screen-menu .rocky-area{transform-origin:0 100%;bottom:4%;left:2%;transform:scale(.8)}}.screen-menu .menu-button{justify-content:flex-start;gap:22px;padding-left:clamp(28px,4.2vw,62px)}.screen-menu .menu-button .button-icon,.screen-menu .menu-button .play-icon{color:#fff0d9;text-shadow:0 2px 2px #100d2b;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;margin:0;font-size:30px;line-height:1;display:inline-flex}.screen-menu .menu-button .button-icon svg,.screen-menu .menu-button .play-icon svg{stroke:currentColor;width:100%;height:100%;display:block;overflow:visible}.screen-menu .menu-button:not(.play-button){color:#fff0dc}.screen-menu .menu-button:not(.play-button) .button-icon{color:#fff0d9}.screen-menu .play-button{gap:22px;padding-left:clamp(28px,4.2vw,62px)}@media (width<=650px){.screen-menu .menu-button{gap:14px;padding-left:24px}.screen-menu .menu-button .button-icon,.screen-menu .menu-button .play-icon{flex-basis:27px;width:27px;height:27px;font-size:25px}}@keyframes rocky-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes menu-logo-glow{0%,to{filter:drop-shadow(6px 8px #100d30)drop-shadow(0 0 #ff8b1900)}50%{filter:drop-shadow(6px 8px #100d30)drop-shadow(0 0 9px #ff8b1929)}}.screen-menu .game-logo{animation:5s ease-in-out infinite menu-logo-glow}.screen-menu .rocky-character{transform-origin:bottom;animation:3.2s ease-in-out infinite rocky-idle}.screen-menu .menu-button{will-change:transform, filter;backface-visibility:hidden}.screen-menu .menu-button .button-icon,.screen-menu .menu-button .play-icon{transition:transform .2s,color .2s,filter .2s}.screen-menu .menu-button:hover .button-icon,.screen-menu .menu-button:hover .play-icon{filter:drop-shadow(0 0 5px);transform:scale(1.12)}.screen-menu .play-button:hover .play-icon{transform:translate(3px)scale(1.12)}.screen-menu .menu-button:focus-visible{outline-offset:5px;outline:3px solid #fff0d9}@media (prefers-reduced-motion:reduce){.screen-menu .game-logo,.screen-menu .rocky-character{animation:none}.screen-menu .menu-button,.screen-menu .menu-button .button-icon,.screen-menu .menu-button .play-icon{transition:none}}.screen-menu .menu-buttons{gap:12px;width:min(430px,32vw)}.screen-menu .menu-button{letter-spacing:.6px;clip-path:polygon(3% 7%,12% 2%,28% 4%,43% 1%,59% 4%,76% 2%,94% 6%,98% 18%,96% 35%,100% 49%,97% 66%,99% 83%,91% 95%,73% 97%,55% 94%,38% 98%,20% 95%,5% 98%,2% 83%,4% 65%,0 48%,3% 28%);min-height:66px;text-shadow:none;justify-content:flex-start;gap:24px;padding:12px 30px 12px clamp(30px,4.3vw,66px);font-family:Bowlby One SC,Nunito,sans-serif;font-size:clamp(19px,1.75vw,25px)}.screen-menu .menu-button:not(.play-button){color:#fff0dc;background:#211b50}.screen-menu .menu-button .button-icon,.screen-menu .menu-button .play-icon{color:#fff0d9;flex:0 0 38px;width:38px;height:38px;font-size:34px}.screen-menu .play-button{color:#17102d;filter:drop-shadow(0 5px #6c2a08);background:#ff891b;gap:24px;min-height:78px;padding-left:clamp(30px,4.3vw,66px);font-size:clamp(25px,2.35vw,33px)}.screen-menu .play-button .play-icon{color:#17102d;font-size:39px}.screen-menu .seismic-brand{letter-spacing:1.4px;color:#fff7e9;text-shadow:0 2px 3px #090923,0 0 8px #090923,1px 1px #090923;white-space:nowrap;gap:11px;font-size:clamp(11px,1vw,14px);font-weight:1000;bottom:18px;right:25px}.screen-menu .seismic-brand img{filter:drop-shadow(0 2px 4px #090923);mix-blend-mode:normal;flex:0 0 42px;width:42px;height:42px}@media (width<=900px){.screen-menu .menu-buttons{width:min(390px,44vw)}.screen-menu .seismic-brand{font-size:11px;bottom:14px;right:16px}.screen-menu .seismic-brand img{flex-basis:36px;width:36px;height:36px}}@media (width<=650px){.screen-menu .menu-buttons{gap:9px;width:min(330px,72vw)}.screen-menu .menu-button{gap:15px;min-height:52px;padding-left:25px;font-size:15px}.screen-menu .menu-button .button-icon,.screen-menu .menu-button .play-icon{flex-basis:29px;width:29px;height:29px;font-size:27px}.screen-menu .play-button{min-height:61px;font-size:20px}.screen-menu .play-button .play-icon{font-size:30px}.screen-menu .seismic-brand{letter-spacing:.7px;gap:7px;font-size:9px;bottom:10px;right:10px}.screen-menu .seismic-brand img{flex-basis:30px;width:30px;height:30px}}@media (width<=380px){.screen-menu .seismic-brand{letter-spacing:.3px;font-size:8px;bottom:7px;right:7px}.screen-menu .seismic-brand img{flex-basis:25px;width:25px;height:25px}}.screen-menu .creator-credit{z-index:12;align-items:center;gap:10px;max-width:min(430px,45vw);display:flex;position:absolute;bottom:clamp(14px,2.2vh,24px);left:clamp(14px,2.7vw,46px)}.screen-menu .creator-credit__name{color:#17102d;clip-path:polygon(3% 8%,96% 3%,100% 50%,96% 96%,4% 92%,0 50%);white-space:nowrap;text-shadow:0 1px #ffc15d;filter:drop-shadow(0 4px #6c2a08);background:#ff891b;align-items:center;min-height:48px;padding:8px 20px;font-family:Bowlby One SC,Nunito,sans-serif;font-size:clamp(15px,1.45vw,22px);line-height:1;display:inline-flex}.screen-menu .creator-credit__x{color:#fff7e9;background:#090923;border:2px solid #ff891b;border-radius:9px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-family:Arial,sans-serif;font-size:32px;line-height:1;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 3px 8px #08081799}.screen-menu .creator-credit__handle{color:#fff7e9;letter-spacing:.3px;text-shadow:0 2px 5px #090923,0 0 8px #090923;white-space:nowrap;font-family:Nunito,sans-serif;font-size:clamp(14px,1.35vw,20px);font-weight:1000;text-decoration:none}.screen-menu .creator-credit__x:hover,.screen-menu .creator-credit__handle:hover{filter:brightness(1.15);transform:translateY(-2px)}.screen-menu .creator-credit__x:focus-visible,.screen-menu .creator-credit__handle:focus-visible{outline-offset:4px;outline:3px solid #fff0d9}@media (width<=900px){.screen-menu .creator-credit{gap:7px;bottom:12px;left:14px}.screen-menu .creator-credit__name{min-height:40px;padding:7px 14px;font-size:15px}.screen-menu .creator-credit__x{flex-basis:40px;width:40px;height:40px;font-size:27px}.screen-menu .creator-credit__handle{font-size:14px}}@media (width<=650px){.screen-menu .creator-credit{gap:5px;max-width:54vw;bottom:8px;left:8px}.screen-menu .creator-credit__name{min-height:32px;padding:6px 10px;font-size:11px}.screen-menu .creator-credit__x{border-radius:7px;flex-basis:32px;width:32px;height:32px;font-size:22px}.screen-menu .creator-credit__handle{font-size:11px}.screen-menu .seismic-brand{letter-spacing:.35px;gap:5px;max-width:43vw;font-size:8px;bottom:8px;right:8px}.screen-menu .seismic-brand img{flex-basis:25px;width:25px;height:25px}}@media (width<=380px){.screen-menu .creator-credit{gap:4px;max-width:55vw}.screen-menu .creator-credit__name{padding-inline:8px;font-size:9px}.screen-menu .creator-credit__x{flex-basis:28px;width:28px;height:28px;font-size:19px}.screen-menu .creator-credit__handle{font-size:9px}}@media (orientation:landscape) and (height<=600px) and (width<=1100px){.screen-menu{width:100%;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.screen-menu .game-logo{width:min(440px,48vw);margin:0;top:3%;left:50%;transform:translate(-50%)}.screen-menu .logo-castle{letter-spacing:4px;margin-bottom:-3px;font-size:clamp(13px,2vw,20px)}.screen-menu .game-logo h1{letter-spacing:0;font-size:clamp(32px,5vw,49px);line-height:.84}.screen-menu .game-logo h1 strong{font-size:1.02em}.screen-menu .escape-title{margin-top:4px;padding:4px 24px 5px;font-size:.62em}.screen-menu .tagline{letter-spacing:2px;margin-top:5px;font-size:7px}.screen-menu .menu-buttons{flex-direction:column;align-items:stretch;gap:6px;width:min(340px,39vw);margin:0;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%)}.screen-menu .menu-button{width:100%;min-height:38px;padding:6px 12px;font-size:12px;line-height:1}.screen-menu .play-button{min-height:44px;font-size:16px}.screen-menu .rocky-area{width:90px;bottom:3%;left:3%;transform:none}.screen-menu .rocky-name{letter-spacing:1px;margin-bottom:2px;font-size:15px}.screen-menu .rocky-character{object-fit:contain;width:78px;height:112px}.screen-menu .seismic-brand{letter-spacing:.5px;gap:6px;font-size:7px;bottom:9px;right:12px}.screen-menu .seismic-brand img{width:23px;height:23px}}@media (orientation:landscape) and (height<=400px) and (width<=900px){.screen-menu .game-logo{width:min(350px,42vw);top:2%}.screen-menu .game-logo h1{font-size:clamp(27px,4.5vw,38px)}.screen-menu .menu-buttons{gap:4px;width:min(280px,36vw);top:41%}.screen-menu .menu-button{min-height:31px;padding:4px 10px;font-size:10px}.screen-menu .play-button{min-height:36px;font-size:13px}.screen-menu .rocky-area{transform-origin:0 100%;transform:scale(.78)}}@media (orientation:landscape) and (height<=600px) and (width<=1100px){.screen-menu .rocky-area{align-items:center;width:90px!important;bottom:5%!important;left:20%!important;transform:none!important}.screen-menu .rocky-name{margin-bottom:2px!important;font-size:15px!important}.screen-menu .rocky-character{object-fit:contain;object-position:center bottom;width:78px!important;height:112px!important}}.game-canvas-wrapper{width:100%;position:relative}.game-canvas-wrapper canvas{aspect-ratio:16/9;touch-action:none;width:100%;height:auto;display:block}.mobile-controls{display:none}@media (width<=1024px){.mobile-controls{z-index:20;box-sizing:border-box;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex;position:absolute;bottom:22px;left:0;right:0}.mobile-movement{flex-shrink:0;align-items:center;gap:10px;display:flex}.mobile-control-button{color:#fff0dc;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#140f37e6;border:2px solid #ff9b35;border-radius:15px;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:21px;font-weight:900;display:grid}.mobile-control-button:active{color:#17132d;background:#ff922b;transform:scale(.95)}.mobile-control-button.jump-button{border-radius:50%;width:76px;height:76px;font-size:15px}.game-controls-hint{display:none}}@media (width<=380px){.mobile-controls{gap:8px;padding:0 9px;bottom:12px}.mobile-movement{gap:8px}.mobile-control-button{width:50px;height:50px;font-size:19px}.mobile-control-button.jump-button{width:66px;height:66px;font-size:13px}}