.error-display{display:flex;align-items:center;justify-content:center;max-width:480px;height:100%;margin:auto;overflow:auto;background-color:#f9e;background-image:radial-gradient(at 54% 90%,hsl(25deg 100% 70%) 0,transparent 50%),radial-gradient(at 64% 52%,hsl(266deg 78% 73%) 0,transparent 50%),radial-gradient(at 36% 26%,hsl(0deg 100% 77%) 0,transparent 50%),radial-gradient(at 6% 94%,hsl(193deg 100% 77%) 0,transparent 50%),radial-gradient(at 70% 9%,hsl(37deg 100% 66%) 0,transparent 50%),radial-gradient(at 43% 60%,hsl(85deg 100% 66%) 0,transparent 50%),radial-gradient(at 90% 61%,hsl(170deg 66% 71%) 0,transparent 50%)}.error-display-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.error-display-title{color:#111;font-weight:600;text-shadow:0 1px 0 rgb(255 255 255 / 60%)}.error-details{white-space:pre-wrap;text-align:center;margin:0}.modal-overlay{display:flex;position:absolute;overflow:auto;inset:0;background:#00000080 url(/assets/images/sunburst.svg) no-repeat center;animation:fade-in .5s forwards;z-index:999}.modal-overlay.closing{animation:fade-out .5s forwards}.modal{display:flex;position:relative;margin:auto;flex-direction:column;background:#fff;border-radius:12px;width:450px;padding:0;border:none;animation:scale-up .5s forwards}.modal.closing{pointer-events:none;animation:scale-down .5s forwards,fade-out .5s forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-up{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scale-down{0%{transform:scale(1)}to{transform:scale(0)}}.modal-content{padding:0 20px;overflow:auto}.modal-footer{display:flex;padding:15px 20px;justify-content:center;border-top:1px solid var(--grey-2);gap:20px}.modal-header{display:flex;flex-direction:column;text-align:center;border-bottom:1px solid var(--grey-2)}.modal-header p{margin:0;font-size:.8rem;color:var(--grey-7)}.modal-header p:first-letter{text-transform:capitalize}.pushable{position:relative;border:none;background:transparent;padding:0;margin:6px 0 4px;cursor:pointer;outline-offset:4px;transition:filter .25s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;width:100%;display:flex;align-items:flex-start}.pushable:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:linear-gradient(to left,#52001b,#a30036 8% 92%,#52001b);will-change:box-shadow;box-shadow:0 4px 1px #00000040;transition:box-shadow .25s cubic-bezier(.3,.7,.4,1)}.pushable:disabled:before{background:linear-gradient(to left,#292929,#525252 8% 92%,#292929)}.pushable .pushable-content{display:block;width:100%;position:relative;padding:12px;border-radius:12px;font-size:1.25rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:700;color:#fff;background:#f0003c;will-change:transform;transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1)}.pushable-blue .pushable-content{background:#00b4f0}.pushable:disabled .pushable-content,.pushable-blue:disabled .pushable-content{background:#787878}.pushable:focus{outline:none}@media (hover: hover){.pushable:not(:disabled):hover{filter:brightness(110%)}.pushable:not(:disabled):hover .pushable-content{transform:translateY(-5px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:not(:disabled):hover:before{box-shadow:0 3px 1px #00000040;transition:box-shadow .25s cubic-bezier(.3,.7,.4,1.5)}}.pushable-blue:before{background:linear-gradient(to left,#004452,#0088a3 8% 92%,#004452)}.pushable-short{width:auto}.pushable:not(:disabled):active .pushable-content{transform:translateY(-2px);transition:transform 34ms}.pushable:not(:disabled):active:before{box-shadow:0 1px 1px #00000040;transition:box-shadow 34ms}.social-links{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.social-link{display:inline-block;width:48px;height:48px;text-decoration:none;border-radius:8px;transition:transform .2s ease}.social-link:hover{transform:scale(1.1)}.social-link-telegram{background-image:url(/assets/images/logos/tg.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.social-link-vk{background-image:url(/assets/images/logos/vk.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.goals-list{display:flex;flex-direction:column;gap:1rem}.goal-item{padding:1rem;border-radius:.5rem;background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s ease}.goal-item:hover{box-shadow:0 4px 6px #0000001a}.goal-content{display:flex;align-items:center;gap:.75rem;justify-content:space-between}.goal-checkbox{width:28px;height:28px;border:2px solid #d1d5db;margin-left:1rem;margin-top:0;position:relative;display:flex;align-items:center;justify-content:center}.goal-checkbox-square{border-radius:6px}.goal-checkbox.completed{background-color:#10b981;border-color:#10b981}.goal-checkbox.completed:after{content:"";position:absolute;left:5px;top:0;width:10px;height:16px;border:solid white;border-width:0 4px 4px 0;transform:rotate(45deg)}.goal-info{flex:1}.goal-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.goal-description{margin-top:.25rem;color:#4b5563;font-size:.875rem;line-height:1.5}.hints{text-align:center;margin-bottom:2em;display:flex;flex-flow:row wrap;place-content:center center;align-items:center;gap:2em 0}.hint-card{display:flex;justify-content:center;align-items:center;background:#ffffff69;border-radius:12px;box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:2px solid rgb(255 255 255 / 33%);box-sizing:border-box;color:#616266;font-family:din-round,sans-serif;font-size:72px;font-weight:700;letter-spacing:.8pt;line-height:20px;margin:0;outline:none;overflow:clip;padding:0;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100px;aspect-ratio:1}.hint-plus{display:inline-block;font-size:36px;font-weight:700;line-height:100px;vertical-align:middle;width:100px;aspect-ratio:1}.hint-card:hover:not(:disabled){filter:brightness(1.1)}.hint-card-image{width:100%;height:100%}.hint-not-enough-points,.hint-not-available{color:#fff;text-align:center;background-color:#f0003c;padding:1em;font-weight:700;font-size:16px}.hint-price-value{color:gold;text-shadow:0 1px 2px black}.hint-price-image{display:inline-block;height:24px;vertical-align:bottom}.modal-title-phase-name{color:#f0003c}.collection-artifact-image{width:100%}.collection-formula-components{display:flex;justify-content:flex-start;gap:10px;margin-top:20px}.formula-component{border:1px solid gray;box-shadow:0 0 6px gray;border-radius:12px}.formula-component-image{width:64px;height:64px;padding:6px}.score-image{width:100%}.invite-button{margin:15px 25px 5px;white-space:nowrap}.sound-control{background:none;border:none;font-size:22px;padding:25px;cursor:pointer;color:#fff}.hamburger{cursor:pointer;padding:10px;display:inline-block;background-color:transparent;border:none;z-index:3}.hamburger .bar1,.hamburger .bar2,.hamburger .bar3{width:35px;height:5px;border-radius:2px;background-color:#fff;margin:6px 0;transition:.4s}.hamburger.open .bar1{transform:translateY(11px) rotate(-405deg)}.hamburger.open .bar2{opacity:0;transform:scaleX(0)}.hamburger.open .bar3{transform:translateY(-11px) rotate(405deg)}.sidebar{width:0;position:absolute;z-index:2;top:0;right:0;background-color:#333;overflow-x:hidden;transition:.5s;padding-top:60px;border-radius:0 0 0 12px}.sidebar.open{width:300px}.sidebar .link{padding:25px;text-decoration:none;font-size:22px;color:#fff;display:flex;align-items:center;transition:.3s;width:300px}.sidebar .link:hover,.sidebar .link.active{background-color:#575757}.icon{margin-right:10px}.menu-social-links{display:flex;gap:1rem;justify-content:flex-start;margin:1rem 0;padding:0 25px}.menu-social-link{display:inline-block;width:48px;height:48px;text-decoration:none;border-radius:8px;transition:transform .2s ease}.menu-social-link:hover{transform:scale(1.1)}.menu-social-link-telegram{background-image:url(/assets/images/logos/tg.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.menu-social-link-vk{background-image:url(/assets/images/logos/vk.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.score{display:flex;align-items:center;cursor:pointer}.score-icon{display:block;width:32px;height:32px;box-shadow:0 0 4px 2px #0000007f;background-color:#fff;border-radius:16px;background-size:cover;z-index:1}.score-value{background-color:#fff;color:#000;padding:4px 12px 4px 24px;border-radius:12px;margin-left:-16px;z-index:0;border:1px solid rgb(0 0 0 / 50%)}.header{height:60px;background-color:#0000004d;color:#fff;display:flex;justify-content:center;align-items:center;position:relative;flex:0 0 auto}.header-section{display:flex;justify-content:center;align-items:center;width:calc(100% / 3);height:100%}.header-section-left{justify-content:flex-start}.header-section-right{justify-content:flex-end}.header-title{color:#fff;font-weight:700;text-decoration:none;text-transform:uppercase}.header-collection-link{position:absolute;right:.5rem;font-size:2rem;text-decoration:none}.header-goal-link{padding:15px;font-size:1.5em;cursor:pointer}.version-mark{color:#ff0;font-size:.8em;font-family:sans-serif;text-transform:none;margin-left:2px;display:inline-block;vertical-align:sub}.score-toast{padding:4px 12px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.75;font-size:64px;font-weight:700;aspect-ratio:1 / 1;display:flex;align-items:center;color:#fff;text-shadow:0 0 10px black;z-index:9999}.app{display:flex;flex-direction:column;max-width:480px;height:100%;margin:auto;background-color:#f9e;background-image:radial-gradient(at 54% 90%,hsl(25deg 100% 70%) 0,transparent 50%),radial-gradient(at 64% 52%,hsl(266deg 78% 73%) 0,transparent 50%),radial-gradient(at 36% 26%,hsl(0deg 100% 77%) 0,transparent 50%),radial-gradient(at 6% 94%,hsl(193deg 100% 77%) 0,transparent 50%),radial-gradient(at 70% 9%,hsl(37deg 100% 66%) 0,transparent 50%),radial-gradient(at 43% 60%,hsl(85deg 100% 66%) 0,transparent 50%),radial-gradient(at 90% 61%,hsl(170deg 66% 71%) 0,transparent 50%);overflow:auto}:root{--progress: 0%}.progress{text-align:right;font-size:32px;font-weight:700;width:100%;background:linear-gradient(to right,#4caf50 100%,#f3f3f3 0);background-size:var(--progress) 100%;background-repeat:no-repeat;border-radius:5px;padding:5px;transition:background-size .5s ease-in-out;border:2px solid #777;box-shadow:inset 0 0 10px #ffffff7f}.game-info{text-align:right;font-size:32px;font-weight:700}.board{flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.board-area-main{flex:1 0 auto;display:flex;align-items:center;justify-content:center}.board-area-actions{display:flex;gap:1rem;margin:0 1rem;align-items:center;flex-wrap:nowrap;justify-content:space-between;min-height:57px}:root{--columns: 0;--rows: 0}.board-cards{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:.2rem;aspect-ratio:calc(var(--columns) / var(--rows))}.board-card{cursor:pointer;display:flex;justify-content:center;align-items:center;background:#ffffff69;border-radius:12px;box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:2px solid rgb(255 255 255 / 33%);box-sizing:border-box;color:#fff;font-family:din-round,sans-serif;font-size:15px;font-weight:700;letter-spacing:.8pt;line-height:20px;margin:0;outline:none;overflow:clip;padding:0;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100%;aspect-ratio:1}.board-card:after{background-clip:padding-box;border:solid transparent;border-radius:12px;border-width:0 0 4px;content:"";inset:0 0 -4px;position:absolute;z-index:-1}.board-card:focus{-webkit-user-select:auto;user-select:auto}.board-card:disabled{cursor:auto}.board-card:hover:not(:disabled){filter:brightness(1.1)}.board-card-selected{border:2px solid black}.board-card-image{width:100%;height:100%}.collection{flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.collection-area-main{flex:1 0 auto;display:flex;align-items:flex-start;justify-content:center}.collection-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.collection-card{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff69;border-radius:12px;box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:2px solid rgb(255 255 255 / 33%);box-sizing:border-box;color:#fff;font-family:din-round,sans-serif;font-size:15px;font-weight:700;letter-spacing:.8pt;line-height:20px;margin:0;outline:none;overflow:hidden;padding:0;text-align:center;text-transform:uppercase;touch-action:manipulation;transform:translateZ(0);transition:filter .2s;-webkit-user-select:none;user-select:none;vertical-align:middle;width:100%}.collection-card:after{background-clip:padding-box;border:solid transparent;border-radius:12px;border-width:0 0 4px;content:"";inset:0 0 -4px;position:absolute;z-index:-1}.collection-card:focus{-webkit-user-select:auto;user-select:auto}.collection-card:disabled{cursor:auto}.collection-card:hover:not(:disabled){filter:brightness(1.1)}.collection-card-selected{border:2px solid black}.collection-card-image{width:100%;height:100%}.collection-card-collected-count{color:#333;border-top:2px solid rgb(255 255 255 / 33%);width:100%}.app-loading{display:flex;align-items:center;justify-content:center;background-color:#f9e;background-image:radial-gradient(at 54% 90%,hsl(25deg 100% 70%) 0,transparent 50%),radial-gradient(at 64% 52%,hsl(266deg 78% 73%) 0,transparent 50%),radial-gradient(at 36% 26%,hsl(0deg 100% 77%) 0,transparent 50%),radial-gradient(at 6% 94%,hsl(193deg 100% 77%) 0,transparent 50%),radial-gradient(at 70% 9%,hsl(37deg 100% 66%) 0,transparent 50%),radial-gradient(at 43% 60%,hsl(85deg 100% 66%) 0,transparent 50%),radial-gradient(at 90% 61%,hsl(170deg 66% 71%) 0,transparent 50%)}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.loading-logo{width:96px;height:96px;background-image:url(/assets/images/logo.png);background-repeat:no-repeat;background-size:contain;background-position:center;animation:spin 5s linear infinite}.loading-status{color:#111;font-weight:600;text-shadow:0 1px 0 rgb(255 255 255 / 60%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}#root{height:100%;width:100%}