@import"https://fonts.googleapis.com/css?family=Dosis:700";body{background-color:#fff8dc}.title{display:flex;align-items:center;justify-content:center;font-size:clamp(1.6rem,5vmin,40px);border-bottom:2px solid burlywood;padding-bottom:15px;width:min(100%,45rem);box-sizing:border-box;text-align:center}.toggle{display:flex;justify-content:center;position:relative}.toggle-input{position:absolute;z-index:2;bottom:132.5%;border-radius:50%;transform:rotate(-25deg);transform-origin:50% 4.75em;width:1.75em;height:1.75em;opacity:0;transition:transform .24s cubic-bezier(.65,1.35,.5,1);cursor:pointer}.toggle-input:checked{transform:rotate(25deg)}.toggle-handle-wrapper{position:absolute;z-index:1;bottom:-95%;-webkit-mask-image:linear-gradient(to bottom,#000 62.125%,transparent 50%);mask-image:linear-gradient(to bottom,#000 62.125%,transparent 50%);width:200%;overflow:hidden}.toggle-handle{display:flex;flex-direction:column;align-items:center;transform:rotate(-25deg);transform-origin:bottom center;transition:transform .24s cubic-bezier(.65,1.35,.5,1)}.toggle-input:checked+.toggle-handle-wrapper>.toggle-handle{transform:rotate(25deg)}.toggle-handle-knob{position:relative;z-index:1;border-radius:50%;width:1.75em;height:1.75em;background-image:radial-gradient(farthest-corner at 70% 30%,#fedee2 4%,#d63534 12% 24%,#a81a1a 50% 65%,#d63534 75%);transition:transform .24s cubic-bezier(.65,1.35,.5,1)}.toggle-input:checked+.toggle-handle-wrapper .toggle-handle-knob{transform:rotate(-90deg)}.toggle-handle-knob:after{content:"";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%;box-shadow:inset 0 0 8px 2px #fff6;opacity:0;transition:opacity .2s}@media (hover: hover){.toggle-input:hover+.toggle-handle-wrapper .toggle-handle-knob:after,.toggle-input:focus-visible+.toggle-handle-wrapper .toggle-handle-knob:after{opacity:1}}.toggle-handle-bar-wrapper{position:relative;width:.5em;height:3em}.toggle-handle-bar{position:absolute;top:-.875em;left:0;width:100%;height:calc(100% + .875em);background-image:linear-gradient(to right,#777475,#a4a4a4,#fff 45% 55%,#a4a4a4,#777475);background-position-x:.06125em;transition:background-position-x .24s cubic-bezier(.65,1.35,.5,1);box-shadow:inset 0 1em .25em #0006}.toggle-input:checked+.toggle-handle-wrapper .toggle-handle-bar{background-position-x:-.06125em}.toggle-base{position:relative;border-radius:3.125em;padding:.25em;width:3.5em;height:1.125em;background-color:#fff;background-image:linear-gradient(to bottom,#fff,#d7d7d7);box-shadow:0 -.25em .5em #fff,0 .25em .5em #d7d7d7}.toggle-base-inside{position:relative;border-radius:inherit;width:100%;height:100%;background-image:linear-gradient(to bottom,#a6a6a6,#7d7d7d);box-shadow:inset 0 .0625em #fff3,inset 0 -.03125em #fff,inset 0 -.0625em .25em #0000001a}.toggle-base-inside:after{content:"";position:absolute;border-radius:inherit;width:100%;height:100%;background-image:linear-gradient(to bottom,#5ab054,#438c3c);box-shadow:inherit;opacity:0;transition:opacity .24s cubic-bezier(.65,1.35,.5,1)}.toggle-input:checked~.toggle-base .toggle-base-inside:after{opacity:1}.custom-btn{margin-top:1rem;align-items:center;background-color:#fee6e3;border:2px solid #111;border-radius:8px;box-sizing:border-box;color:#111;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;height:48px;justify-content:center;line-height:24px;max-width:100%;padding:0 25px;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.custom-btn:after{background-color:#111;border-radius:8px;content:"";display:block;height:48px;left:0;width:100%;position:absolute;top:-2px;transform:translate(8px,8px);transition:transform .2s ease-out;z-index:-1}.custom-btn:active:after{transform:translate(0)}.custom-btn:hover{background-color:bisque}.custom-btn:active{background-color:#ffdeda;outline:0}.custom-btn:hover{outline:0}@media (min-width: 768px){.custom-btn{padding:0 40px}}.game-container{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;width:100%;max-width:100vw;padding:0 1rem;box-sizing:border-box}.left-container{display:flex;flex-direction:column;align-items:center;flex:1 1 46rem;min-width:min(100%,20rem);max-width:100%}.right-container{flex:1 1 30rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;min-width:min(100%,18rem);max-width:100%}.game-board .row,.cheat-board .row{display:contents}.game-board{display:grid;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);gap:4px;width:min(100%,45rem);aspect-ratio:1 / 1;padding:1rem;box-sizing:border-box;justify-content:center}.box{border:2px solid brown;width:100%;height:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.box>div,.cheat-box>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:0}.box img,.cheat-box img{width:100%;height:100%;object-fit:contain}.box img[src*=cover]{object-fit:fill}.cheat-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));justify-items:center;gap:1.5rem;width:100%}.wumpus-board,.pit-board{display:grid;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);gap:3px;width:100%;max-width:24rem;aspect-ratio:1 / 1;box-sizing:border-box;padding:.5rem}.cheat-box{border:2px solid brown;width:100%;height:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:clamp(.5rem,1.6vmin,.9rem)}.grid-heading{display:flex;flex-direction:row;justify-content:space-around;width:100%;max-width:50rem}.wumpus-board-heading,.pit-board-heading{font-size:clamp(1rem,2.5vmin,1.3rem);font-weight:700}.left-upper-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:50rem;flex:9}.left-bottom-container{width:100%;max-width:50rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,36rem),1fr));gap:1rem 1.5rem;align-items:start;padding:.5rem;box-sizing:border-box}.gameState{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start;width:100%;min-width:0}.inputSection{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,minmax(0,1fr));padding-right:0;margin:0;min-width:0}.valueCover{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin-left:.5rem;min-width:0}.playBtnSection{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.8rem;width:100%}.text-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.5rem;width:100%;min-width:0;padding-left:0}.text-box{font-size:clamp(.85rem,2vmin,1.1rem);padding:.6rem .5rem;background-color:#dcdcdc;border-radius:1rem;text-align:center;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:2.2rem;height:auto;margin:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cheatBtn{width:8rem;height:2rem;margin-top:.6rem;margin-right:.5rem}.upload-group{border:2px solid rgb(0,0,0);border-radius:8px;padding:.5rem 1rem;background-color:#fee6e3;color:#000;box-shadow:5px 5px 0 2px;max-width:100%;box-sizing:border-box}.upload-group input[type=file]{max-width:100%;box-sizing:border-box}.message-box{display:flex;justify-content:center;margin-top:.5rem;width:100%;max-width:50rem;box-sizing:border-box}.alert-box{background-color:#deb887;padding:1rem 2rem;border-radius:2rem;text-align:center;font-size:clamp(.95rem,2vmin,1.1rem);max-width:100%;box-sizing:border-box;word-break:break-word}@media (max-width: 640px){.game-container{padding:0 .5rem;gap:.5rem}.gameState{grid-template-columns:1fr}.inputSection{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;width:100%}.left-bottom-container{gap:1rem}.playBtnSection{width:100%;align-items:stretch}.upload-group{width:100%}}@media (max-width: 380px){.inputSection{grid-template-columns:minmax(0,1fr)}}body{font-family:Dosis,Helvetica,Arial,sans-serif;background:#ecf0f1;color:#34495e;text-shadow:white 1px 1px 1px}.value{text-align:left;font-weight:700;font-size:1.5rem;width:100%;max-width:10rem;height:1rem;line-height:60px;margin-bottom:.1rem;letter-spacing:-.07em;text-shadow:white 2px 2px 2px;display:flex;justify-content:center;align-items:center}input[type=range]{display:block;-webkit-appearance:none;background-color:#bdc3c7;width:100%;max-width:10rem;min-width:0;height:.5rem;border-radius:5px;margin-bottom:1rem;margin-top:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:beige;width:20px;height:20px;border-radius:50%;border:3px solid burlywood;cursor:pointer;transition:.3s ease-in-out}​ input[type=range]::-webkit-slider-thumb:hover{background-color:#fff;border:2px solid #e74c3c}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.6)}html,body,#root{max-width:100vw;overflow-x:hidden}input[type=file]{max-width:100%}