.app-layout{min-height:100vh;color:#f5f7fb;display:flex;flex-direction:column;gap:var(--gap);padding-top:var(--page-padding);padding-inline:var(--page-padding);margin-inline:auto;background-size:160px;background-color:#006}.app-layout>header,.app-layout>footer,.app-layout>.level-progress{width:calc(var(--gem-width) * var(--cols) + var(--gap) * 2);min-width:calc(var(--gem-width) * 7 + var(--gap) * 2);margin-inline:auto}.app-layout>.level-progress{width:calc(var(--gem-width) * var(--cols))}.app-layout>header,.app-layout>footer{display:flex;justify-content:space-between;align-items:center;gap:var(--gap);padding:var(--gap) var(--page-padding);border-radius:var(--page-padding);background:#0c121ecc;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 32px #0a0e1c59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-layout>header h2,.app-layout>footer h2{white-space:nowrap}.app-layout>header{min-width:calc(var(--gem-width) * 8 - var(--gap) * 2)}.app-layout>footer{cursor:pointer;padding-right:calc(var(--page-padding))}.app-layout>footer:has(img){padding-left:0;padding-block:0;padding-right:calc(var(--page-padding) * 2)}.app-layout>code{white-space:pre-wrap}main{position:relative;display:flex;flex-direction:column;margin-inline:auto}main:not(:has(.splash)){background:#0c121ec7}main{min-height:calc(var(--gem-width) * 8 - var(--gap) * 2);width:calc(var(--gem-width) * var(--cols) + var(--gap) * 2);min-width:calc(var(--gem-width) * 8 - var(--gap) * 2);place-content:center;padding:calc(var(--page-padding) / 2);border-radius:var(--page-padding);border:1px solid rgba(255,255,255,.06)}@media (max-width: 580px){main{min-height:422px}}header button{background:#ffffff14;padding:.5rem 1rem;border-radius:var(--gap);border:1px solid rgba(255,255,255,.1)}header button[data-value]:after{content:attr(data-value);padding-left:1rem;margin-left:1rem;border-left:1px solid rgba(255,255,255,.1)}header .buttons{display:flex;gap:.75rem;grid-area:buttons}header>button{grid-area:back}header>h2{grid-area:level}.route-loading{flex:1;display:flex;align-items:center;justify-content:center}.level-progress{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.level-progress span{display:flex;justify-content:flex-end;align-items:flex-end;font-weight:500;opacity:.7;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.level-progress__label{font-size:1.1rem;font-weight:600}.level-progress>div{position:relative;height:.5rem;border-radius:999px;background:#ffffff1f;overflow:hidden}.level-progress>div>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd166,#ef476f);transition:width .15s ease-out}.stats{display:grid;grid-area:stats;grid-template:"score moves" "score moves";column-gap:1rem}.stats__score{grid-area:score}.stats__moves{grid-area:moves}.stats__hints{grid-area:hints;display:flex;gap:var(--gap)}.stats__boosts{grid-area:boosts;display:flex;gap:var(--gap)}.stats__boosts,.stats__hints{display:grid;grid-template:"label value"}.stats__boosts span,.stats__hints span{font-size:12px!important;text-align:right}.stats strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;opacity:.7;grid-area:label}.stats span{font-size:14px;font-weight:600;grid-area:value}._appUser_7oou7_1{display:flex;align-items:center;gap:.75rem;padding:var(--gap);background:#ffffff0a;border-right:1px solid rgba(255,255,255,.08);grid-area:user}._appUser_7oou7_1 img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.12)}._appUser_7oou7_1 strong{display:block;font-size:.95rem;line-height:1.1}._appUser_7oou7_1 span{display:block;font-size:.8rem;opacity:.75}@media (max-width: 580px){._appUser_7oou7_1{justify-content:flex-start}}.splash{display:flex;flex-direction:column;align-items:center;animation:fadeIn var(--animation-duration) ease-out}.splash__art{justify-self:center;max-width:220px;position:relative}.splash__art img{width:100%;height:auto}.splash__art img:last-of-type{position:absolute;width:12%;left:35%;top:46%;height:auto}@keyframes pulse{0%{filter:drop-shadow(0 0 0 rgba(255,215,64,.85))}to{filter:drop-shadow(0 0 10px rgba(255,215,64,.85))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gem-down{0%{transform:translateY(-60%);opacity:0}50%{transform:translateY(15%);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes gem-remove{0%{transform:scale(1);opacity:1}to{transform:scale(.2)}}:root{--gem-width: 72px;--cols: 8;--gap: 8px;--page-padding: 16px;--button-font-size: 14px;--animation-duration: .25s}@media (max-width: 580px){:root{--gap: 8px;--page-padding: 8px;--button-font-size: 12px;--gem-width: 12.5vw }}@media (max-width: 480px){:root{--page-padding: .5rem}}*{box-sizing:border-box;padding:0;margin:0;-webkit-user-select:none;user-select:none}html{overscroll-behavior:none}html,body{max-width:100vw;overflow-x:hidden}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;background:var(--tg-bg-color, #04070f);color:var(--tg-theme-text-color, #f5f7fb)}h1,h2,h3,h4,h5,h6{font-weight:600;margin:0}p{margin:0;line-height:1.5}button,footer{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover,footer:hover{transform:translateY(-1px);box-shadow:0 8px 18px #3f51b540}button:active,footer:active{transform:translateY(0);box-shadow:0 8px 18px #3f51b540}button[disabled],footer[disabled]{opacity:.35;transform:none;box-shadow:none;pointer-events:none}button{font:inherit;white-space:nowrap;border-radius:var(--gap);border:1px solid rgba(255,255,255,.1);padding:var(--gap) var(--page-padding);background:#ffffff14;color:var(--tg-theme-button-text-color, #f5f7fb);font-size:var(--button-font-size)}a{color:inherit}.card{background:var(--tg-theme-secondary-background-color, rgba(12, 18, 30, .8));border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 40px #0a0e1c66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.grid{display:grid;gap:1.5rem}