:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-light-green: #E9EDC9;--vt-c-green: #CCD5AE;--vt-c-light-orange: #FFE1A9;--vt-c-orange: #FFCB69;--vt-c-red: #F95738;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html,body{overscroll-behavior:none;overscroll-behavior-y:contain;height:100%}body{min-height:100vh;color:var(--color-text);background:var(--color-background) url(bg.png) no-repeat center top;transition:color .5s,background-color .5s;line-height:1.6;font-family:Atma,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-orange{background-color:var(--vt-c-orange)!important}.bg-green{background-color:var(--vt-c-green)!important}.bg-red{background-color:var(--vt-c-red)!important}#app{max-width:1280px;margin:0 auto;padding:1rem;font-weight:400;height:100vh}main{position:relative;height:100%}footer{position:absolute;bottom:0;width:100%}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}a.disabled{opacity:.3;cursor:none}@media (hover: hover){a:hover{background-color:#00bd7e33}}#canvas,#game-canvas{display:flex;flex-direction:column;justify-content:space-evenly;max-width:640px;height:100%;margin:0 auto;padding:10px}#game-canvas{padding-right:0;padding-left:0;justify-content:flex-start}.game-content{margin-top:20px}.game-board{flex-grow:1}.game-board .icon-block{background-color:var(--vt-c-white-soft);border-radius:10px}.logo{font-size:48px;text-align:center;font-family:Atma,sans-serif;font-weight:700;letter-spacing:-1px;color:var(--color-text);margin-bottom:20px}.custom-btn{display:flex;justify-content:center;align-items:center;background-color:#2c3e50;text-align:center;font-size:24px;padding:8px 12px;width:100%;border-radius:8px;--webkit-border-radius: 8px;--moz-border-radius: 8px;--o-border-radius: 8px;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;color:#fff;font-family:Atma,sans-serif;font-weight:700;margin:10px 5px}.custom-btn.disabled{border:none;opacity:.3;cursor:none}.custom-btn.active{background-color:var(--vt-c-white-soft);color:#2c3e50}.custom-btn.xs{font-size:14px}.custom-btn.primary{background-color:#2c3e50}.custom-btn.secondary{background-color:#787878}.custom-btn.warning{background-color:#fdad02}.custom-btn.danger{background-color:#e20303}.custom-btn.success{background-color:#97d300}.can-jump-on-hover:hover{transform:translateY(-26px)}.pointer{cursor:pointer}footer{display:flex;flex-direction:column;align-items:center;font-size:11px}footer .copyright{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:20px;margin-bottom:0;width:100%}footer a.company-logo{margin-right:5px;margin-left:5px}footer a.company-logo:hover{background:none;border:none}footer a.company-logo>img{width:54px}.icon-block{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:48px;margin-bottom:20px}.letter-line{display:flex;flex-direction:row;justify-content:center;align-items:center}.letter-line.passed{transform:scale(.8);opacity:.7;transition:all .4s ease-in}.letter-box{width:36px;height:36px;margin:5px;border-radius:10px;color:var(--color-text);background:#fff;border:2px solid var(--color-text);box-shadow:0 4px 0 var(--color-text);display:flex;flex-direction:column;justify-content:center;align-items:center}.letter-box>p{font-size:21px;font-weight:700}.letter-box.box-success{background-color:#e9edc9;border-color:#ccd5ae;box-shadow:0 4px #ccd5ae}.letter-box.box-warning{background-color:#ffe1a9;border-color:#ffcb69;box-shadow:0 4px #ffcb69}.letter-box.box-danger{background-color:#f98484;border-color:#f73939;box-shadow:0 4px #f73939}.keyboard{display:block;margin:20px auto}.board-line{display:flex;flex-direction:row;justify-content:center;align-items:center}.inactive{opacity:.3}.board-line a{font-size:17px;font-family:Quicksand,sans-serif;font-weight:700;width:36px;height:36px;margin:2px;padding:8px;border-radius:10px;color:var(--color-text);background:#fff;border:2px solid var(--color-text);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.board-line a:hover{background-color:var(--vt-c-orange)}.board-line a.long-space{width:auto;min-width:24px}.banner-wrapper[data-v-36275e74]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:320px;margin:0 auto;padding:0 20px}.banner-wrapper>img[data-v-36275e74]{width:100%}.overlay[data-v-afa3aaa1]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.modal[data-v-afa3aaa1]{background:#fff;padding:50px 20px 20px;border-radius:6px;min-width:240px;text-align:center;box-shadow:0 8px 20px #0003;position:relative}.modal h2[data-v-afa3aaa1]{position:absolute;top:-32px;left:0;right:0;margin-left:auto;margin-right:auto;margin-bottom:10px;font-weight:900;background:#fdc830;background:-webkit-linear-gradient(to right,#F37335,#FDC830);background:linear-gradient(to right,#f37335,#fdc830);color:#fff;text-shadow:0 0 2px #F37335;width:80%;height:64px;display:block;line-height:64px;border-radius:8px}.modal p[data-v-afa3aaa1]{font-size:16px}.modal p>span[data-v-afa3aaa1]{font-weight:700;text-decoration:underline}.btnText[data-v-afa3aaa1]{margin-top:30px;font-size:12px;font-weight:500;display:block}.shape-board[data-v-081dee40]{border-collapse:collapse;margin:0 auto 30px}.shape-cell[data-v-081dee40]{width:64px;height:64px;font-size:2rem;text-align:center;border:1px solid #ddd;background:#fff;-webkit-user-select:none;user-select:none;cursor:grab;transition:background .2s,transform .15s cubic-bezier(.4,2,.6,1);position:relative}.shape-cell.dragging[data-v-081dee40]{opacity:.5;background:#e0e0e0}.shape-cell.dragover[data-v-081dee40]{outline:2px solid #2196f3;z-index:2}.shape-cell.empty[data-v-081dee40]{background:transparent;border:1px dashed #bbb}.shape-cell[data-v-081dee40]:active{background:#f0f0f0}.button-groups[data-v-081dee40]{width:100%;display:flex;flex-direction:row;justify-content:center;padding-bottom:20px}.top-info-bar[data-v-081dee40]{display:flex;align-items:center;justify-content:space-between;width:260px;margin:0 auto 16px;padding:0 8px}.circle-number[data-v-081dee40]{width:38px;height:38px;border-radius:50%;background:#2196f3;color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2196f355}.progress-bar-wrapper[data-v-081dee40]{flex:1;margin-left:16px;display:flex;align-items:center;gap:8px}.progress-bar-bg[data-v-081dee40]{width:100%;height:16px;background:#eee;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0001}.progress-bar-fill[data-v-081dee40]{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s}.point-label[data-v-081dee40]{font-size:1rem;color:#333;min-width:60px;text-align:right;font-weight:700}.powerups-bar[data-v-081dee40]{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 0}.powerup-btn[data-v-081dee40]{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .15s}.powerup-btn[data-v-081dee40]:hover{transform:scale(1.12)}.powerup-type[data-v-081dee40]{font-size:.8rem;color:#2196f3;font-weight:600;margin-top:2px}.shape-img[data-v-081dee40]{width:32px;height:32px;display:block;margin:0 auto}.shape-symbol[data-v-081dee40]{font-size:2rem;display:block;text-align:center;line-height:32px}.game-over-message[data-v-081dee40]{text-align:center;font-size:2.2rem;color:#e53935;font-weight:700;margin:40px 0 30px;letter-spacing:2px}.shape-board[data-v-7d0fe68c]{border-collapse:collapse;margin:0 auto 30px}.shape-cell[data-v-7d0fe68c]{width:64px;height:64px;font-size:2rem;text-align:center;border:1px solid #ddd;background:#fff;-webkit-user-select:none;user-select:none;cursor:grab;transition:background .2s,transform .15s cubic-bezier(.4,2,.6,1);position:relative}.shape-cell.dragging[data-v-7d0fe68c]{opacity:.5;background:#e0e0e0}.shape-cell.dragover[data-v-7d0fe68c]{outline:2px solid #2196f3;z-index:2}.shape-cell.empty[data-v-7d0fe68c]{background:transparent;border:1px dashed #bbb}.shape-cell[data-v-7d0fe68c]:active{background:#f0f0f0}.button-groups[data-v-7d0fe68c]{width:100%;display:flex;flex-direction:row;justify-content:center;padding-bottom:20px}.top-info-bar[data-v-7d0fe68c]{display:flex;align-items:center;justify-content:space-between;width:260px;margin:0 auto 16px;padding:0 8px}.circle-number[data-v-7d0fe68c]{width:38px;height:38px;border-radius:50%;background:#2196f3;color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2196f355}.progress-bar-wrapper[data-v-7d0fe68c]{flex:1;margin-left:16px;display:flex;align-items:center;gap:8px}.progress-bar-bg[data-v-7d0fe68c]{width:100%;height:16px;background:#eee;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0001}.progress-bar-fill[data-v-7d0fe68c]{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s}.point-label[data-v-7d0fe68c]{font-size:1rem;color:#333;min-width:60px;text-align:right;font-weight:700}.powerups-bar[data-v-7d0fe68c]{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 0}.powerup-btn[data-v-7d0fe68c]{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .15s}.powerup-btn[data-v-7d0fe68c]:hover{transform:scale(1.12)}.powerup-type[data-v-7d0fe68c]{font-size:.8rem;color:#2196f3;font-weight:600;margin-top:2px}.shape-img[data-v-7d0fe68c]{width:32px;height:32px;display:block;margin:0 auto}.shape-symbol[data-v-7d0fe68c]{font-size:2rem;display:block;text-align:center;line-height:64px}.game-over-message[data-v-7d0fe68c]{text-align:center;font-size:2.2rem;color:#e53935;font-weight:700;margin:40px 0 30px;letter-spacing:2px}.board-grid[data-v-7d0fe68c]{width:320px;margin:20px auto;display:grid;grid-template-columns:repeat(5,64px);grid-template-rows:repeat(5,64px);gap:0px}.shape-cell.selected[data-v-7d0fe68c]{outline:3px solid #2196f3;z-index:3}.tile-pop-leave-active[data-v-7d0fe68c]{transition:opacity .3s,transform .3s;z-index:10}.tile-pop-leave-to[data-v-7d0fe68c]{opacity:0;transform:scale(.5)}