:root{--blue:#1087de;--blue-p:#30a7fe;--pink:#f70061;--pink-p:#ff2081;--green:#149c1c;--green-p:#34bc3c;--red:#d90005;--red-p:#f92025;--turquoise:#139586;--turquoise-p:#33b5a6;--orange:#fd8008;--orange-p:#ffa028;--purple:#7a0177;--purple-p:#9a2197;--darkblue:#001d72;--darkblue-p:#203d92;--grey:#747577;--grey-p:#949597;--holo-blue:var(--blue);--window:#f2f3f5;--surface:#fff;--text:#11141c;--text-2:#5b6170;--hairline:#11141c17;--tile-radius:24px;--gap:4px;--ab-height:52px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--window);color:var(--text);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button{font:inherit}html:has(.screen){overflow:hidden}html:has(.screen) body{overflow:hidden}html:has(.splash) body{overflow:hidden}.screen{background:var(--window);flex-direction:column;height:100dvh;display:flex;overflow:hidden;container:gamescreen/inline-size}.screen-body{justify-content:center;gap:var(--gap);min-height:0;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex:1;display:flex;position:relative;container:gamebody/size}.actionbar{height:calc(var(--ab-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(6px, env(safe-area-inset-right)) 0 max(6px, env(safe-area-inset-left));z-index:20;color:var(--text);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);border-bottom:1px solid var(--hairline);background:#ffffffd6;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.ab-left{flex:1;align-items:center;gap:4px;min-width:0;padding-left:4px;display:flex}.ab-right{align-items:center;display:flex;position:relative}.ab-logo{width:30px;height:30px;box-shadow:0 0 0 1px var(--hairline);border-radius:50%;flex-shrink:0;margin-left:2px}.ab-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0 0 0 6px;font-size:17px;font-weight:600;overflow:hidden}.ab-icon-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s;display:inline-flex}.ab-icon-btn .icon{width:24px;height:24px}.ab-icon-btn:hover,.ab-icon-btn.active{background:#11141c0f}.ab-icon-btn:active{background:#11141c1c}.ab-icon-btn:focus-visible{outline-offset:1px;outline:3px solid #1087de59}.menu-catcher{z-index:55;position:fixed;inset:0}.overflow-menu{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:236px;box-shadow:0 18px 48px -12px #11141c59, 0 0 0 1px var(--hairline);transform-origin:100% 0;background:#fffffff7;border-radius:14px;padding:6px;animation:.17s cubic-bezier(.2,.9,.3,1.15) both menuIn;position:absolute;top:calc(100% + 6px);right:0}.overflow-menu button{width:100%;min-height:44px;color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:0 12px;font-size:16px;display:flex}.overflow-menu button:hover,.overflow-menu button:active{background:#11141c0f}@keyframes menuIn{0%{opacity:0;transform:scale(.92)}}.ab-actions{align-items:center;gap:4px;display:none}.ab-text-btn{white-space:nowrap;height:36px;color:var(--blue);cursor:pointer;background:0 0;border:0;border-radius:18px;align-items:center;gap:7px;padding:0 14px;font-size:15px;font-weight:500;transition:background-color .12s;display:inline-flex}.ab-text-btn .icon,.overflow-menu .icon{flex-shrink:0;width:19px;height:19px}.ab-text-btn:hover{background:#1087de14}.ab-text-btn:active{background:#1087de29}.ab-text-btn:focus-visible{outline-offset:1px;outline:3px solid #1087de59}@container gamescreen (width>=740px){.ab-actions{display:flex}.ab-more,.overflow-menu,.menu-catcher{display:none}}@container gamescreen (width>=740px) and (width<=899px){.ab-actions{gap:0}.ab-text-btn{gap:5px;padding:0 9px;font-size:14px}}.board-wrap{flex:0 auto;justify-content:center;width:min(100%,68cqh);min-width:0;height:100%;display:flex}.board-wrap:has(>.no-actionbar){width:min(100%,62cqh)}.board{gap:var(--gap);width:100%;height:100%;padding:var(--gap);--tile-radius:clamp(12px, 6.6cqw, 32px);grid-template-rows:repeat(5,minmax(0,1fr));display:grid;container:board/size}.row{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid}.row.rows-2{grid-row:span 2}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.tile{--c:#000;--cp:#000;border-radius:var(--tile-radius);background:var(--c);color:#fff;text-align:center;white-space:pre-line;-webkit-user-select:none;user-select:none;border:0;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;padding:6px;font-size:clamp(13px,4.45cqw,25px);font-weight:700;line-height:1.25;display:flex;position:relative;overflow:hidden}button.tile{cursor:pointer}button.tile:not(.image-bg):active:not(:disabled),button.tile:not(.image-bg).pressed{background-color:var(--cp)}@media (hover:hover){button.tile:not(.image-bg):hover:not(:disabled){background-color:var(--cp)}}button.tile:disabled{--c:#000;--cp:#000;cursor:default}.tile.small-text{font-size:clamp(12px,3.9cqw,22px)}.tile.flip-in{animation:.2s ease-in-out both flipIn}@keyframes flipIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.c-black{--c:#000;--cp:#000}.c-blue{--c:var(--blue);--cp:var(--blue-p)}.c-pink{--c:var(--pink);--cp:var(--pink-p)}.c-green{--c:var(--green);--cp:var(--green-p)}.c-red{--c:var(--red);--cp:var(--red-p)}.c-turquoise{--c:var(--turquoise);--cp:var(--turquoise-p)}.c-orange{--c:var(--orange);--cp:var(--orange-p)}.c-purple{--c:var(--purple);--cp:var(--purple-p)}.c-darkblue{--c:var(--darkblue);--cp:var(--darkblue-p)}.c-grey{--c:var(--grey);--cp:var(--grey-p)}.tile.logo{padding:4%}.tile.logo img{object-fit:contain;pointer-events:none;width:100%;height:100%}.tile.image-bg{background:50%/100% 100% no-repeat;justify-content:flex-end;padding:8px}.tile-label{color:#fff;background:#11141c5c;border-radius:.75em;max-width:100%;padding:.32em .7em;line-height:1.25}.tile.image-bg .tile-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11141c9e}.tile.pictured{justify-content:space-between;gap:4%;padding:6% 5%}.tile.pictured .tile-pic{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.tile.pictured .tile-pic>img,.tile.pictured .tile-pic>svg{object-fit:contain;max-width:100%;max-height:100%}.tile.pictured .tile-pic>.staff{color:#fff;width:100%;height:auto}.composer-tile .portrait{aspect-ratio:1;object-fit:cover;background:#ffffff26;border:2px solid #ffffffe6;border-radius:50%;width:auto;height:100%;max-height:100%;box-shadow:0 4px 12px -4px #00000080}.composer-tile .portrait.initials{letter-spacing:.04em;color:#fff;justify-content:center;align-items:center;font-size:1.05em;display:inline-flex}.tile.piano{background-image:url(/assets/img/piano_background.png)}.tile.piano:active,.tile.piano.pressed{background-image:url(/assets/img/piano_background_pressed.png)}.tile.multicolor{background-image:url(/assets/img/multicolor_background.png)}.tile.multicolor:active,.tile.multicolor.pressed{background-image:url(/assets/img/multicolor_background_pressed.png)}@media (hover:hover){.tile.piano:hover{background-image:url(/assets/img/piano_background_pressed.png)}.tile.multicolor:hover{background-image:url(/assets/img/multicolor_background_pressed.png)}}.tile.field{justify-content:space-between;gap:6px;padding:8px}.tile.field label{flex:1;justify-content:center;align-items:center;font-size:clamp(12px,3.9cqw,20px);display:flex}.tile-input{text-align:center;width:100%;color:var(--pink);appearance:none;background:#fff;border:0;border-radius:16px;outline:none;padding:8px 6px;font-size:clamp(16px,4.45cqw,24px);font-weight:400}select.tile-input{text-align-last:center;cursor:pointer}.tile-input:focus{box-shadow:0 0 0 2px #ffffffb3}.fit-text{width:100%;min-height:0;font-size:calc(var(--fit,1) * 1em);flex-direction:column;flex:1 1 0;padding:2px;display:flex;overflow:hidden}.fit-text>span{margin:auto 0}.fit-text.scrolls{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-y:auto}.fit-text.scrolls.more{-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.choice-num+.fit-text{padding-top:clamp(16px,4.8cqw,24px)}.notes-left{gap:2%;line-height:1.2}.notes-left-count{font-size:2.6em;font-weight:700;line-height:1}.q-text{justify-content:flex-start;padding:6px 4px}.q-text .q-icon{flex-shrink:0;width:clamp(26px,9.4cqw,54px);height:clamp(26px,9.4cqw,54px);margin-top:2px}.q-text .fit-text{padding:4px}.q-text.wide{flex-direction:row;align-items:stretch;gap:2%;padding:6px 10px 6px 8px}.q-text.wide .q-icon{align-self:center;margin-top:0}.media-image{cursor:zoom-in;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.media-image img{object-fit:contain;max-width:100%;max-height:100%;display:block}.choice-images{gap:var(--gap);cursor:zoom-in;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;display:grid}.choice-images .media-image{position:relative}.choice-num{color:#ffffffbf;font-size:clamp(11px,3.3cqw,17px);font-weight:700;position:absolute;top:6px;left:50%;transform:translate(-50%)}.choice-images .choice-num{color:#fff;background:#0000008c;border-radius:10px;padding:1px 7px;top:4px;left:50%;transform:translate(-50%)}.play-icon{width:clamp(24px,8.3cqw,50px);height:clamp(24px,8.3cqw,50px);margin-bottom:4px}.note-img{object-fit:contain;border-radius:12px;width:100%;max-width:560px;height:100%;animation:.2s ease-in-out both flipIn}.timer-tile{padding:18%}.timer-tile img{object-fit:contain;width:100%;height:100%}.timer-count{font-size:clamp(26px,9.4cqw,60px)}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.dim{z-index:100;-webkit-backdrop-filter:blur(6px)saturate(120%);backdrop-filter:blur(6px)saturate(120%);background:#11141c6b;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out both fadeIn;display:flex;position:fixed;inset:0}.dim.closing{pointer-events:none;animation:.17s ease-in both fadeOut}.dialog{color:#1f2430;background:#fff;border-radius:22px;flex-direction:column;width:min(100%,400px);max-height:min(86dvh,640px);padding:24px 24px 16px;animation:.28s cubic-bezier(.2,.9,.3,1.15) both dialogIn;display:flex;box-shadow:0 28px 64px -16px #11141c73,0 2px 8px #11141c1a}.dim.closing .dialog{animation:.17s ease-in both dialogOut}@keyframes dialogIn{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes dialogOut{to{opacity:0;transform:translateY(6px)scale(.97)}}.dialog-title{color:#11141c;letter-spacing:-.01em;margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.3}.dialog-body{color:#4a5160;white-space:pre-line;font-size:16px;line-height:1.55;overflow-y:auto}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.dlg-btn{cursor:pointer;letter-spacing:.01em;border:0;border-radius:999px;min-height:44px;padding:0 20px;font-size:15px;font-weight:500;transition:background-color .12s,box-shadow .12s,transform 80ms}.dlg-btn:active{transform:scale(.97)}.dlg-btn:focus-visible{outline-offset:2px;outline:3px solid #1087de59}.dlg-btn.primary{background:var(--blue);color:#fff;box-shadow:0 4px 12px -2px #1087de73}.dlg-btn.primary:hover{background:#0c78c8}.dlg-btn.secondary{color:var(--blue);background:0 0}.dlg-btn.secondary:hover{background:#1087de14}@media (width<=480px){.dialog-actions:has(>.dlg-btn+.dlg-btn){flex-direction:column-reverse;align-items:stretch;gap:4px}}.dialog.report-dialog{width:min(100%,420px)}.report-reasons{flex-wrap:wrap;gap:8px;display:flex}.report-reason{color:#11141c;cursor:pointer;background:#fff;border:1px solid #11141c29;border-radius:19px;min-height:38px;padding:0 14px;font-size:15px;transition:background-color .12s,border-color .12s}.report-reason:hover{background:#1087de0f}.report-reason.on{background:var(--blue);border-color:var(--blue);color:#fff}.report-reason:focus-visible{outline-offset:1px;outline:3px solid #1087de59}.report-comment{resize:vertical;width:100%;min-height:76px;font:inherit;color:#11141c;background:#fff;border:1px solid #11141c29;border-radius:12px;margin-top:14px;padding:10px 12px;font-size:16px;display:block}.report-comment:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #1087de33}.report-error{color:#c62828;margin-top:10px;font-size:14px}.dlg-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.dialog.progress-card{width:min(100%,340px);padding:20px 22px}.progress-card .dialog-actions{margin-top:12px}.progress-row{color:#2b303b;align-items:center;gap:16px;font-size:16px;line-height:1.4;display:flex}.spinner{border:3.5px solid #1087de29;border-top-color:var(--blue);border-radius:50%;flex-shrink:0;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.equalizer{flex-shrink:0;align-items:flex-end;gap:4px;width:32px;height:30px;display:inline-flex}.equalizer i{background:var(--pink);border-radius:3px;flex:1;animation:.9s ease-in-out infinite eq}.equalizer i:nth-child(2){background:var(--orange);animation-delay:-300ms}.equalizer i:nth-child(3){background:var(--turquoise);animation-delay:-600ms}.equalizer i:nth-child(4){background:var(--purple);animation-delay:-150ms}@keyframes eq{0%,to{height:25%}50%{height:100%}}.toast-layer{left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));z-index:200;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{pointer-events:auto;cursor:default;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:pre-line;text-align:left;background:#181b23f0;border-radius:16px;flex-direction:column;gap:2px;max-width:460px;padding:13px 18px;font-size:15px;line-height:1.45;animation:.3s cubic-bezier(.2,.9,.3,1.15) both toastIn;display:flex;box-shadow:0 14px 36px -8px #00000073}.toast-head{font-weight:500}.toast-rest{color:#ffffffbf;font-size:14px}.toast.out{animation:.22s ease-in forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes toastOut{to{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.equalizer i{height:60%;animation:none}}.fullscreen-images{z-index:150;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));background:#0c0e14db;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.fullscreen-images img{object-fit:contain;border-radius:12px;flex:1 1 0;max-width:100%;min-height:0}.fullscreen-images.single img{flex:0 auto;max-height:100%}.fullscreen-images .fs-figure{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;display:flex;position:relative}.fullscreen-images .fs-figure img{flex:0 auto;max-height:100%}.fullscreen-images .fs-figure .choice-num{background:var(--pink);color:#fff;z-index:1;border-radius:12px;padding:2px 9px;font-size:15px;font-weight:700;position:absolute;top:4px;left:4px;transform:none}.fullscreen-images .hint{color:#ffffffd9;background:#ffffff1f;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:13px}.drawer-dim{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11141c61;animation:.2s ease-out fadeIn;position:fixed;inset:0}.drawer{z-index:91;top:calc(8px + env(safe-area-inset-top));bottom:calc(8px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left));background:var(--surface);border-radius:22px;width:min(320px,100vw - 56px);padding-bottom:8px;animation:.28s cubic-bezier(.2,.9,.3,1) both drawerIn;position:fixed;overflow-y:auto;box-shadow:0 24px 60px -12px #11141c73}@keyframes drawerIn{0%{transform:translate(calc(-100% - 24px))}}.drawer-head,.panel-head{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;padding:18px 18px 8px;font-size:13px;font-weight:700}.score-item{width:calc(100% - 12px);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;margin:2px 6px;padding:10px 10px 8px;transition:background-color .12s;display:block}.score-item:hover{background:#11141c0a}.score-item:active{background:#11141c14}.score-item .line{align-items:center;gap:8px;display:flex}.score-item .place{text-align:right;min-width:24px;color:var(--text-2);font-size:15px;font-weight:700}.score-item .name{font-size:15px;font-weight:500}.score-item img{mix-blend-mode:multiply;height:44px;margin:4px 0 0 32px;display:block}.score-item.current{background:#1087de1a}.score-item.current .place{color:var(--blue)}.score-item.finished{background:#e8aa001f}.score-item.finished:hover{background:#e8aa002e}.score-item.finished .place{color:#a86f00}.score-done{color:#8a5a00;white-space:nowrap;background:#e8aa0033;border-radius:10px;align-items:center;gap:3px;margin-left:auto;padding:2px 8px 2px 6px;font-size:12px;font-weight:600;display:inline-flex}.score-done .icon{width:13px;height:13px}.page{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:env(safe-area-inset-bottom);flex:1;overflow-y:auto}.page-inner{max-width:720px;margin:0 auto;padding:16px}.screen.black{background:var(--window)}.rules{background:var(--surface);max-width:720px;color:var(--text);border-radius:20px;margin:16px auto 40px;padding:6px 24px 24px;font-size:16px;line-height:1.6;box-shadow:0 1px 3px #11141c0f}.rules h2{letter-spacing:-.01em;margin:22px 0 6px;font-size:19px}.rules ol,.rules ul{padding-left:22px}.rules li{margin-bottom:12px}.rules li p{color:var(--text-2);margin:2px 0 0}@media (width<=760px){.rules{box-shadow:none;border-radius:0;margin:0}}.holo-button{cursor:pointer;background:var(--blue);color:#fff;letter-spacing:.01em;border:0;border-radius:999px;min-height:48px;padding:0 26px;font-size:16px;font-weight:600;transition:background-color .12s,transform 80ms,box-shadow .12s;box-shadow:0 6px 16px -6px #1087de99}.holo-button:hover{background:#0c78c8}.holo-button:active{transform:scale(.98)}.holo-button:focus-visible{outline-offset:2px;outline:3px solid #1087de59}.holo-button:disabled{opacity:.45;box-shadow:none;cursor:default}.holo-link{cursor:pointer;color:var(--blue);background:0 0;border:0;border-radius:10px;padding:10px 14px;font-size:15px;font-weight:500}.holo-link:hover{background:#1087de14}.holo-input{background:var(--surface);width:100%;min-height:52px;color:var(--text);font:inherit;text-align:center;letter-spacing:1px;border:1.5px solid #d5d9e1;border-radius:14px;outline:none;padding:0 16px;font-size:18px;transition:border-color .12s,box-shadow .12s}.holo-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1087de26}.help-item{background:var(--surface);box-shadow:0 1px 3px #11141c14, 0 0 0 1px var(--hairline);border-radius:16px;flex-direction:column;gap:10px;margin:12px;padding:14px 16px;display:flex}.help-num{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px;font-weight:700}.help-text{white-space:pre-line;margin:0;font-size:17px;line-height:1.5}.help-item img{object-fit:contain;cursor:zoom-in;background:#f6f7f9;border-radius:12px;width:100%;max-height:60dvh;display:block}.help-item .holo-button{align-self:flex-start;margin:0}.side-panel .help-item{box-shadow:none;border-bottom:1px solid var(--hairline);border-radius:0;margin:0}.end-title{letter-spacing:-.01em;text-align:center;padding:24px 16px 12px;font-size:24px;font-weight:700}.splash{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100dvh;animation:.3s fadeIn;display:flex}.splash h1{margin:0;line-height:0}.splash img{width:min(240px,60vw);height:auto}.splash p{color:var(--text-2);margin:0;font-weight:600}.choose-game{flex-direction:column;flex:1;gap:6px;width:min(100%,560px);padding:6px;display:flex}.choose-game .tile{flex:1 1 0;padding:10px;transition:flex-grow 1s ease-in-out,opacity .5s,margin 1s}.choose-game .tile img{object-fit:contain;max-width:min(100%,360px);max-height:100%}.choose-game .tile.gone{opacity:0;flex-grow:.00001;padding:0}.activation{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;max-width:460px;margin:0 auto;padding:28px 24px;display:flex}.activation p{color:var(--text-2);margin:0;font-size:17px;line-height:1.5}.activation .alt{flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:8px;display:flex}.manual-code{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.scanner{z-index:120;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scanner video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner .finder{aspect-ratio:1;border:3px solid #ffffffe6;border-radius:28px;width:min(70vw,70vh,320px);position:relative;box-shadow:0 0 0 100vmax #00000073}.scanner .finder:after{content:"";background:var(--blue-p);height:3px;box-shadow:0 0 12px var(--blue-p);border-radius:2px;animation:1.6s ease-in-out infinite laser;position:absolute;top:50%;left:8%;right:8%}@keyframes laser{0%,to{opacity:.3}50%{opacity:1}}.scanner .prompt{bottom:calc(32px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background:#0000008c;border-radius:999px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:15px;position:absolute;left:50%;transform:translate(-50%)}.scanner .close{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#00000073;border:0;border-radius:50%;width:44px;height:44px;font-size:26px;line-height:1;position:absolute}@media (width>=700px) and (height>=700px){:root{--ab-height:56px}}.side-panel{min-height:0;margin:var(--gap) 0;background:var(--surface);box-shadow:0 1px 3px #11141c14, 0 0 0 1px var(--hairline);border-radius:20px;flex-direction:column;flex:none;display:none;overflow:hidden}.side-left,.side-right{width:clamp(230px,24cqw,340px)}.side-left{margin-left:var(--gap)}.side-right{margin-right:var(--gap)}.side-spacer{visibility:hidden}@container gamebody (width>=740px){.side-left{display:flex}}@container gamebody (width>=1000px) and (aspect-ratio>=5/4){.side-right{display:flex}.tile.help-tile{--c:#000;--cp:#000;color:#0000;pointer-events:none;background-color:#000}}.panel-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.panel-note{color:var(--text-2);flex-direction:column;align-items:flex-start;gap:10px;padding:6px 18px 16px;font-size:15px;display:flex}.panel-note p{margin:0}.panel-foot{border-top:1px solid var(--hairline);color:#444;cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}@container gamescreen (width>=740px){.ab-scores{display:none}}@media (width>=740px) and (aspect-ratio>=5/4){.choose-game{flex-direction:row;width:min(100%,1100px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}