:root{--radius-base: 5px;--game-bg: #484954;--game-title-color: #ffc5e8;--game-title-shadow-color: #855575;--info-panel-bg: rgba(0, 0, 0, .28);--info-panel-border: rgba(255, 255, 255, .08);--info-panel-shadow: 0 6px 18px rgba(0, 0, 0, .25);--info-card-width: 220px}*{margin:0;padding:0;font-family:ProggyCleanTT,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html,body,#root{background:var(--game-bg)}html.is-mobile,html.is-mobile body{overflow:hidden}.button-3d{cursor:pointer;border:none;margin:10px;padding:10px 20px;color:#fff;font-size:16px;border-radius:var(--radius-base);position:relative;transition:all .3s ease;outline:none;text-shadow:0px -1px 0px var(--game-title-shadow-color);width:100px;text-align:center}.game-header{position:absolute;width:100vw;top:35px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;justify-content:center;gap:50px}.game-header>div{display:flex;align-items:center;justify-content:center;gap:15px}.game-header .github-logo{position:relative;display:flex;align-items:center;justify-content:center}.game-header .github-logo svg{width:30px;height:30px;fill:#fff;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.35)) drop-shadow(2px 2px 0 rgba(0,0,0,.25))}.game-header .title-3d{position:relative;top:.07em;display:flex;align-items:center;margin:0;padding:0 10px;font-size:3em;color:var(--game-title-color);text-shadow:1px 1px 0 var(--game-title-shadow-color),2px 2px 0 var(--game-title-shadow-color);border-radius:var(--radius-base);letter-spacing:4px}@supports not (text-box-trim: trim-both){.game-header .title-3d span{transform:translateY(.14em)}}.game-header .game-buttons-container{margin:0;display:flex;gap:10px;z-index:10}.game-container{display:flex;width:100vw;height:100vh;height:100dvh;justify-content:center;align-items:center;position:relative;background:var(--game-bg)}.game-container .game-canvas-left{width:40%;height:100%;background:var(--game-bg)}.game-container .game-canvas-right{position:relative;top:-55px;width:40%;height:100%;background:var(--game-bg-color)}.game-container .game-canvas-right h2{color:#fff}.game-container .game-canvas-right .score-label{box-sizing:border-box;width:var(--info-card-width);background:var(--info-panel-bg);border:1px solid var(--info-panel-border);border-radius:var(--radius-base);box-shadow:var(--info-panel-shadow);display:flex;align-items:stretch;gap:24px;padding:12px 20px}.game-container .game-canvas-right .score-label .score-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.game-container .game-canvas-right .score-label .score-item h2:first-child{letter-spacing:4px;color:var(--game-title-color);text-shadow:1px 1px 0 var(--game-title-shadow-color);font-size:1em}.game-container .game-canvas-right .score-label .score-item h2:last-child{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.4em;color:#fff}.game-container .game-canvas-right .score-label .score-item+.score-item{padding-left:24px;border-left:1px solid rgba(255,255,255,.12)}.game-container .game-canvas-right .next-label{box-sizing:border-box;width:var(--info-card-width);background:var(--info-panel-bg);border:1px solid var(--info-panel-border);border-radius:var(--radius-base);box-shadow:var(--info-panel-shadow);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:8px 20px}.game-container .game-canvas-right .next-label h2{letter-spacing:4px;color:var(--game-title-color);text-shadow:1px 1px 0 var(--game-title-shadow-color);font-size:1.2em;margin:0}.game-container .game-canvas-right .next-label .next-preview{width:88px;height:64px;padding-left:16px;pointer-events:none}.game-container .game-canvas-right .next-label .next-preview canvas{display:block;width:100%!important;height:100%!important}.game-container .game-canvas-right .instructions-label{box-sizing:border-box;width:var(--info-card-width);background:var(--info-panel-bg);border:1px solid var(--info-panel-border);border-radius:var(--radius-base);box-shadow:var(--info-panel-shadow);white-space:nowrap;color:#ababab;padding:12px 20px 12px 16px}.game-container .game-canvas-right .instructions-label .instruction-list{list-style-type:none;width:100%;padding-left:0;margin:0;display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:12px;row-gap:8px;align-items:center;font-size:.9em;letter-spacing:.8px}.game-container .game-canvas-right .instructions-label .instruction-list>li,.game-container .game-canvas-right .instructions-label .instruction-list .instruction-pair{display:contents}.game-container .game-canvas-right .instructions-label .instruction-list strong{color:#ddd;font-weight:600}.game-container .game-canvas-right .instructions-label .instruction-list .instruction-rotate{grid-row:span 3;align-self:center}.game-container .game-canvas-right .instructions-label .instruction-list .instruction-axis{justify-self:start}.game-container .game-canvas-right .instructions-label .key-3d{cursor:default;box-sizing:border-box;justify-self:stretch;width:auto;min-width:28px;margin:0;padding:4px 12px;font-size:12px;text-align:center;color:var(--color-game-title);background-color:#ffffff1f;box-shadow:4px 0 #6a6b76,6px 0 12px #6a6b7659;text-shadow:0 -1px 0 var(--color-game-title-shadow-color)}.game-container .game-canvas-right .axis-label{color:#fff;text-align:center}.game-over-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;background-color:#fffc;padding:20px 40px;border-radius:10px;box-shadow:0 10px 30px #0003}.game-over-container h1{font-size:2em;letter-spacing:2px;color:#333;text-align:center}.mobile-buttons-group{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:12}.mobile-buttons-group .mobile-button-row{display:flex;justify-content:center;margin:5px 0;gap:10px}.mobile-buttons-group .button-3d{width:45px;font-size:12px}.mobile-buttons-group .space-row .button-3d{width:100px}@media (max-width: 768px){.game-header{top:max(12px,env(safe-area-inset-top,0px));gap:12px;padding:0 8px;box-sizing:border-box}.game-header .title-3d{font-size:1.7em;letter-spacing:2px;padding:0 4px}.game-header .github-logo svg{width:24px;height:24px}.game-header .game-buttons-container{position:relative;left:0;gap:0}.game-header .game-buttons-container .button-3d{width:72px;margin:6px;padding:8px;font-size:14px}.game-container{align-items:stretch;gap:0;padding:64px 8px calc(188px + env(safe-area-inset-bottom,0px)) 4px;box-sizing:border-box}.game-container .game-canvas-left{position:relative;flex:1 1 0;width:auto!important;height:auto;min-width:0;min-height:0;margin-left:0;overflow:hidden;transform:none!important}.game-container .game-canvas-left>div{height:100%}.game-container .game-canvas-right{position:relative;top:0;flex:0 0 168px;width:168px!important;max-width:48%;height:auto;padding:2px 6px 0 16px;box-sizing:border-box;overflow:hidden;background:transparent;transform:none!important}.game-container .game-canvas-right>div{height:100%;min-height:0;container-type:inline-size}.game-container .score-label,.game-container .next-label,.game-container .instructions-label{box-sizing:border-box;width:100cqi;max-width:100cqi;margin:0;box-shadow:0 6px 12px #00000038}.game-container .score-label{gap:0;padding:8px 4px}.game-container .score-label .score-item{flex:1 1 0;min-width:0;align-items:center;padding-left:0}.game-container .score-label .score-item+.score-item{padding-left:0;margin-left:0}.game-container .score-label .score-item h2:first-child{width:100%;text-align:center;font-size:.85em;letter-spacing:2px;text-indent:2px}.game-container .score-label .score-item h2:last-child{width:100%;text-align:center}.game-container .game-canvas-right .next-label{gap:8px;padding:8px 12px}.game-container .game-canvas-right .next-label h2{font-size:.95em;letter-spacing:2px;text-indent:2px}.game-container .game-canvas-right .next-label .next-preview{flex:0 0 72px;width:72px;height:56px;padding:0}.game-container .game-canvas-right .instructions-label{padding:8px 13px 8px 10px}.game-container .game-canvas-right .instructions-label .instruction-list{column-gap:8px;row-gap:6px}.game-container .game-canvas-right .instructions-label .key-3d{padding:3px 4px;box-shadow:3px 0 #6a6b76}}
