@font-face{font-family:Charcoal;src:url(/jewelbox-web-port/fonts/charcoal-regular.ttf)format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none;margin:0;padding:0}html{overscroll-behavior:none;height:100%;overflow:hidden}body{min-height:100vh;color:#fff;overscroll-behavior:none;background:#000;justify-content:center;align-items:center;width:100%;height:100%;min-height:100dvh;padding:0;font-family:Charcoal,Geneva,Lucida Grande,Helvetica,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.main-container{flex-direction:row;align-items:center;gap:20px;margin-right:180px;display:flex}.enable-transition .main-container{transition:margin-right .2s}@media (max-width:768px){.main-container{align-items:center;position:fixed;inset:0 0 300px}}body:has(.side-panel-wrapper.collapsed:not(:hover)) .main-container{max-width:100vw;margin-right:0}@media (max-width:768px){.main-container{max-width:100vw;margin-right:0}.controls-help{display:none}.controls-row:nth-last-child(-n+3){border-bottom:none!important}}.game-wrapper{flex-shrink:0;max-width:100%;max-height:100%;margin:auto}#gameCanvas{image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%;max-height:100vh;display:block}@media (max-width:768px){#gameCanvas{max-height:calc(100vh - 300px)}}.side-panel-wrapper{width:30px;position:fixed;top:0;bottom:0;right:0;overflow-x:hidden}@media (max-width:768px){body:not(.mobile-controls-expanded) .side-panel{pointer-events:none;transform:translate(calc(100% + 20px))}}@media (min-width:769px){.side-panel-wrapper.collapsed .side-panel{pointer-events:none;transform:translate(calc(100% + 20px))}.side-panel-wrapper.collapsed-interactive:hover .side-panel{pointer-events:auto;transform:translate(0)}.side-panel-wrapper:after{content:"";background:#fff9;border-radius:2px;width:3px;height:80px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}}.side-panel{color:#000;background-color:#fff;border-left:1px solid #000;flex-direction:column;min-width:180px;padding:12px;font-size:11px;display:flex;position:fixed;top:0;bottom:0;right:0}.enable-transition .side-panel{transition:transform .2s}.side-panel:before{content:"";border-left:1px solid #bbb;position:absolute;inset:0}.popup-window{color:#000;background:#fff;border:1px solid #000;flex-direction:column;min-width:180px;padding:12px;font-size:11px;display:flex;position:relative;box-shadow:1px 1px #000}.popup-window:before{content:"";pointer-events:none;border:1px solid #555;border-color:#bbb #555 #555 #bbb;position:absolute;inset:0}.popup-window:after{content:"";pointer-events:none;border:1px solid #999;border-color:#fff #999 #999 #fff;position:absolute;inset:1px}.controls-row{flex-direction:column;gap:8px;display:flex}.controls-row:not(:nth-last-child(-n+2)){border-bottom:1px solid #999;padding-bottom:12px}.controls-row:not(:first-child){padding-top:12px}.game-btn{cursor:pointer;color:#000;text-align:center;background:#ddd;border:1px solid #000;border-radius:5px;width:100%;padding:3px 20px;font-family:Charcoal,Chicago,Geneva,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;position:relative;box-shadow:inset 1px 1px #ddd,inset -1px -1px #777,inset 2px 2px #fff,inset -2px -2px #aaa}.game-btn:active:not(:disabled){color:#fff;background:#666;box-shadow:inset -1px -1px #888,inset 1px 1px #444,inset -2px -2px #777,inset 2px 2px #555}.game-btn:disabled{color:#888;cursor:default;box-shadow:none;background:#ddd;border:1px solid #888}.game-btn.primary:not(:disabled){outline:none;position:relative}.game-btn.primary:not(:disabled):before{content:"";pointer-events:none;border:1px solid #000;border-radius:9px;position:absolute;inset:-4px}.game-btn.primary:not(:disabled):after{content:"";pointer-events:none;border:1px solid #777;border-color:#ddd #777 #777 #ddd;border-radius:8px;position:absolute;inset:-3px;box-shadow:inset 0 0 0 1px #aaa}.settings-section{flex-direction:column;gap:2px;display:flex}.settings-section label{font-family:Charcoal,Chicago,Geneva,Helvetica,Arial,sans-serif;font-size:11px}.settings-section .select-wrap{display:block;position:relative}.settings-section select{color:#000;cursor:pointer;appearance:none;background:#ddd;border:1px solid #000;border-radius:5px;width:100%;padding:4px 24px 4px 6px;font-family:Charcoal,Chicago,Geneva,Helvetica,Arial,sans-serif;font-size:12px;box-shadow:inset 1px 1px #ddd,inset -1px -1px #777,inset 2px 2px #fff,inset -2px -2px #aaa}.settings-section .select-wrap:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 13l4-4H4l4 4M8 3 4 7h8L8 3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;border-radius:3px;width:20px;height:20px;position:absolute;top:50%;right:3px;transform:translateY(-50%);box-shadow:-1px 0 #fff,-2px 0 #ddd,-3px 0 #aaa}.settings-section select:focus{outline:none}.settings-section select:disabled{color:#888;cursor:not-allowed;box-shadow:none;background-color:#ddd;border:1px solid #888}.settings-section .select-wrap:has(select:disabled):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3E%3Cpath fill='%23888888' d='M8 13l4-4H4l4 4M8 3 4 7h8L8 3'/%3E%3C/svg%3E");box-shadow:-1px 0 #ddd,-2px 0 #ddd,-3px 0 #aaa}.controls-help h3{margin-bottom:0;font-weight:400}.controls-help td{padding:2px 4px}kbd{text-align:center;color:#000;background:#eee;border:1px solid #000;border-radius:3px;min-width:18px;padding:1px 4px;font-family:Monaco,monospace;font-size:10px;display:inline-block;box-shadow:inset 1px 1px #fff,inset -1px -1px #999}.highscore-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;font-family:Charcoal,Geneva,Lucida Grande,Helvetica,Arial,sans-serif;display:flex;position:fixed;inset:0}.highscore-modal-overlay[hidden]{display:none!important}.highscore-modal.popup-window{min-width:320px;max-width:90vw}.highscore-modal-content{align-items:flex-start;gap:16px;width:300px;display:flex}.highscore-modal-text{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.highscore-modal-text p{color:#000;margin:0;font-size:12px;line-height:1.4}.highscore-modal-input{color:#000;background:#fff;border:1px solid #000;width:100%;padding:4px 8px;font-family:Charcoal,Geneva,Helvetica,Arial,sans-serif;font-size:12px;box-shadow:inset 1px 1px 1px #999}.highscore-modal-text .game-btn{align-self:flex-end;width:auto;min-width:60px}.mobile-controls{display:none}@media (max-width:768px){.mobile-controls{background:radial-gradient(farthest-side at 80% 100%,#666,#444);border-image:url(/jewelbox-web-port/ui/border-top.svg) 84% 40% 4%/42px 40px 2px/42px 0 0;height:300px;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-controls-inner{bottom:max(20px, env(safe-area-inset-bottom));position:absolute;top:0;left:0;right:0}.mobile-btn{opacity:.7;background-color:#fff;background-position:50%;background-repeat:no-repeat;border:none;border-radius:30px;width:60px;height:60px;position:absolute;box-shadow:0 2px 7px #00000080}.mobile-btn-text{color:#000;-webkit-user-select:none;user-select:none;width:70px;height:30px;font-size:12px;font-weight:700}.mobile-btn.active{opacity:1;color:#000;box-shadow:0 4px 10px #00000080}#deadArea{height:env(safe-area-inset-bottom);position:absolute;bottom:0;left:0;right:0}#mobileLeft{background-image:url(/jewelbox-web-port/sprites/arrow_left.png);bottom:110px;left:10px}#mobileRight{background-image:url(/jewelbox-web-port/sprites/arrow_right.png);bottom:110px;left:110px}#mobileHardDrop{background-image:url(/jewelbox-web-port/sprites/arrow_down_dashed.png);bottom:60px;left:60px}#mobileRotate{background-image:url(/jewelbox-web-port/sprites/turn_counterclockwise.png);border-radius:45px;width:90px;height:90px;bottom:90px;right:20px}#mobileStartPause{bottom:0;left:calc(50% + 40px);transform:translate(-50%)}#mobileToggleBar{bottom:0;left:calc(50% - 40px);transform:translate(-50%)}#pauseBtn{display:none}}.footer{background-color:#ddd;justify-content:space-evenly;align-items:center;height:24px;font-size:11px;display:flex;position:absolute;bottom:0;left:1px;right:0}.footer a{color:#000;fill:#000;justify-content:center;align-items:center;text-decoration:none;display:flex}.footer a:hover{color:#444;fill:#444}.footer a:hover .sponsor{transform:scale(1.1)}.footer a svg{width:16px;height:16px;margin:4px 6px 4px 0}