.mix-app{--mix-accent:#22d3ee;--mix-line:#30404c;border:1px solid var(--mix-line);color:#e6edf3;overflow-wrap:anywhere;background:#101820;max-width:100%;margin:24px 0;padding:clamp(16px,3vw,30px);scroll-margin-top:20px}.mix-app [hidden]{display:none!important}.mix-app h2{margin:.5em 0;font-size:clamp(1.4rem,4vw,2rem);line-height:1.2}.mix-app h3{margin:1.2em 0 .6em;font-size:1.15rem}.mix-app p{color:#b8c8d5;line-height:1.6}.mix-app small{color:#b8c8d5;font-size:.55em}.mix-topline,.mix-progress-heading,.mix-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.mix-kicker{letter-spacing:.1em;color:#65e6f4;font:700 .74rem/1.5 ui-monospace,monospace}.mix-version,.mix-note{color:#a5b7c7;font-size:.88rem}.mix-app button{color:#e6edf3;cursor:pointer;white-space:normal;background:#14222c;border:1px solid #526879;border-radius:3px;max-width:100%;min-height:44px;padding:11px 16px;font-family:inherit;font-size:.94rem;font-weight:600;line-height:1.3}.mix-app button:hover{background:#1b303b;border-color:#65e6f4}.mix-app button.mix-primary{color:#071419;background:#22d3ee;border-color:#22d3ee}.mix-app button:disabled{opacity:.5;cursor:not-allowed}.mix-app :focus-visible{outline-offset:3px;outline:3px solid #f5bd78}.mix-actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.mix-app label{gap:8px;font-weight:600;display:grid}.mix-app input:not([type=checkbox]),.mix-app select,.mix-app textarea{color:#e6edf3;width:100%;max-width:100%;min-height:44px;font:inherit;box-sizing:border-box;background:#0c1014;border:1px solid #526879;border-radius:3px;padding:10px 12px}.mix-app textarea{resize:vertical}.mix-app fieldset{border:1px solid var(--mix-line);min-width:0;margin:20px 0;padding:16px}.mix-app legend{padding:0 8px}.mix-game-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mix-game-options label{border:1px solid var(--mix-line);cursor:pointer;background:#0c1014;align-items:center;gap:10px;min-height:48px;padding:10px;font-size:.9rem;display:flex}.mix-game-options input{accent-color:#22d3ee;flex-shrink:0;width:18px;height:18px}.mix-settings{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mix-date{max-width:300px;margin:16px 0}.mix-date span{color:#a5b7c7;font-size:.8rem;font-weight:400}.mix-pack-list{background:#14222c;border-left:3px solid #22d3ee;padding:14px}.mix-notice,.mix-resume{color:#f5d0a1;background:#241e18;border:1px solid #65503b;padding:14px}.mix-resume{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.mix-resume p{margin:4px 0}.mix-error{background:#301920;border-left:3px solid #ff9cac;padding:12px;color:#ffb2c0!important}.mix-app details{border-top:1px solid #30404c;margin-top:20px;padding:16px 0}.mix-app summary{cursor:pointer;color:#e6edf3;min-height:44px;padding:10px 0;font-weight:600;display:list-item}.mix-app progress{appearance:none;background:#30404c;border:0;width:100%;height:5px;margin:16px 0}.mix-app progress::-webkit-progress-bar{background:#30404c}.mix-app progress::-webkit-progress-value{background:#22d3ee}.mix-app progress::-moz-progress-bar{background:#22d3ee}.mix-score-list{gap:8px;padding:0;list-style:none;display:grid}.mix-score-list li{background:#0c1014;border:1px solid #30404c;justify-content:space-between;gap:14px;padding:12px;display:flex}.mix-score-list strong{color:#65e6f4;white-space:nowrap}.mix-history-entry{border-bottom:1px solid #30404c;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.mix-history-entry span{font-size:.88rem}.mix-history-entry button{flex-shrink:0}.mix-copy-panel{background:#0c1014;border:2px solid #22d3ee;margin:20px 0;padding:16px}.mix-switch{border-top:1px solid #30404c;flex-wrap:wrap;gap:12px 20px;padding-top:20px;font-size:.86rem;display:flex}.mix-switch a{min-height:32px}.mix-status{min-height:24px;font-size:.9rem}.mix-share{border-top:1px solid #30404c;margin:24px 0}.mix-review-details{margin:16px 0}.mix-compare-table{border-collapse:collapse;width:100%;font-size:.88rem}.mix-compare-table th,.mix-compare-table td{text-align:left;border-bottom:1px solid #30404c;padding:8px}.mix-discover{background:#101820;border:1px solid #30404c;margin:24px 0;padding:20px}.mix-discover h2{margin:0 0 8px;font-size:1.2rem}.mix-discover p{margin:0 0 12px}.mix-discover .button-row{margin-top:12px}@media (width<=600px){.mix-game-options{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-app{padding:16px}.mix-version{display:none}.mix-actions>*{flex:145px}.mix-settings{gap:10px}.mix-history-entry{align-items:flex-start}.mix-history-entry span{max-width:65%}}@media (prefers-reduced-motion:reduce){.mix-app *{scroll-behavior:auto!important}}.mix-direct{margin:14px 0;padding:18px}.mix-direct .mix-progress-heading h2{margin:0;font-size:1rem}.mix-direct .mix-kicker{letter-spacing:.02em;font-size:.7rem}.mix-direct progress{margin:10px 0}.mix-direct .mix-round h3{margin:4px 0;font-size:1.35rem}.mix-direct .mix-round-instruction{margin:6px 0;font-size:.93rem}.mix-direct .mix-round-status{margin:6px 0;font-size:.82rem}.mix-direct .mix-round-stage{max-width:310px;margin:8px auto}.mix-direct .mix-round-controls{margin:12px 0}.mix-direct[data-screen=active] .mix-history,.mix-direct[data-screen=active] .mix-switch,.mix-direct[data-screen=active]>.mix-status{display:none}.mix-direct .mix-history{margin-top:12px;padding:8px 0}.mix-direct .mix-switch{padding-top:12px}.mix-direct .mix-status:empty{display:none}@media (width<=360px){.mix-direct .mix-round-stage{width:calc(100% + 28px);max-width:none}}.mix-direct [data-game-type=area-balance] .mix-round-status{display:none}.mix-direct{background:0 0;border:0;border-radius:0;margin:8px 0;padding:10px 14px 12px}.mix-direct .mix-progress-heading{gap:10px}.mix-direct .mix-progress-heading>button{min-height:36px;color:var(--muted);background:0 0;border-color:#0000;padding:7px 11px;font-size:.8rem}.mix-direct .mix-round-instruction{text-align:center;color:#c6d5df;margin:8px 0;font-size:.96rem}.mix-direct .mix-round-status{text-align:center;min-height:1.3em}.mix-direct .mix-round-controls{justify-content:center}.mix-direct .mix-round-controls button{border-radius:9px}.mix-direct .mix-round-controls button:last-child{color:#071419;background:#22d3ee;border-color:#22d3ee}.mix-direct-tools{justify-content:center;align-items:center;gap:22px;margin:14px 0 6px;display:flex}.mix-direct-tools>button,.mix-direct-tools>a{min-height:44px;color:var(--muted);background:0 0;border:0;padding:9px 4px;font-size:.82rem;text-decoration:none}.mix-app:not([data-screen=active])>.mix-direct-tools{display:none}.mix-direct .mix-result-heading{text-align:center;flex-direction:column;justify-content:center;gap:3px}.mix-direct .mix-result-heading h2{margin:3px 0;font-size:2.4rem}.mix-direct [data-mix-round-summary]{text-align:center;margin:8px 0}.mix-direct [data-mix-round-result]>.mix-actions,.mix-direct .mix-summary-actions{justify-content:center;margin:16px 0}.mix-app .mix-answer-details,.mix-app .mix-play-options,.mix-app details.mix-share{border:0;border-top:1px solid var(--mix-line);background:0 0;border-radius:0;margin:14px 0;padding:0}.mix-app .mix-answer-details>summary,.mix-app .mix-play-options>summary,.mix-app details.mix-share>summary{color:#bbced9;font-size:.87rem;font-weight:500}.mix-app .mix-answer-details[open],.mix-app .mix-play-options[open],.mix-app details.mix-share[open]{padding-bottom:12px}.mix-app[data-single-result=true] [data-mix-summary]{text-align:center}.mix-app[data-single-result=true] [data-mix-summary]>h2{font-size:2rem}.mix-app[data-single-result=true] [data-mix-summary-label]{letter-spacing:.02em;font-size:.7rem}.mix-app[data-single-result=true] [data-mix-save-status]{margin:7px 0;font-size:.8rem}.mix-app[data-single-result=true] [data-mix-suggestion]{display:none}.mix-app[data-single-result=true] .mix-review-details,.mix-app[data-single-result=true] details.mix-share{text-align:left}.mix-direct[data-screen=active]>.mix-status:not(:empty){display:block}@media (width<=600px){.mix-direct{padding:8px 0}.mix-direct .mix-round-stage{max-width:260px}.mix-direct .mix-round-controls{gap:9px}.mix-direct .mix-round-controls button{flex:0 auto}.mix-direct .mix-round-instruction{font-size:.9rem}.mix-direct .mix-round-status{font-size:.78rem}}.mix-direct .mix-round[data-game-type=mirror-match] .mix-round-stage{width:100%;max-width:310px;margin-left:auto;margin-right:auto}.mix-round,.mix-review{color:#dce9ef}.mix-round-instruction{max-width:65ch;line-height:1.65}.mix-round-status{color:#9fc0cc;min-height:1.6em;font-size:.92rem}.mix-round-stage{max-width:420px;margin:1rem auto}.mix-round-controls{flex-wrap:wrap;justify-content:center;gap:.7rem;margin:1rem 0;display:flex}.mix-round-button{color:#e9f6fc;min-height:44px;font:inherit;cursor:pointer;background:#13232b;border:1px solid #5b7684;border-radius:6px;padding:.7rem 1rem}.mix-round-button:hover{border-color:#22d3ee}.mix-round-button:focus-visible,.mix-round input:focus-visible{outline-offset:3px;outline:3px solid #f2d97e}.mix-round-button:disabled{cursor:default;opacity:.65}.mix-cell-grid{--mix-grid:4;grid-template-columns:repeat(var(--mix-grid),minmax(0,1fr));gap:7px;max-width:400px;margin:.8rem auto;display:grid;position:relative}.mix-cell-grid .mix-round-button{aspect-ratio:1;min-width:0;min-height:44px;padding:0;font-size:1.2rem;font-weight:700}.mix-cell-grid .mix-round-button:disabled{opacity:1}.mix-lit,.mix-selected{color:#09202a!important;background:#22d3ee!important;border-color:#91efff!important}.mix-source{color:#e8faff!important;background:#385365!important}.mix-wrong{outline-offset:-5px;outline:3px dashed #ffa681}.mix-mirror:after{content:"";pointer-events:none;border-color:#f4cd76;position:absolute}.mix-mirror-vertical:after{border-left:3px dashed #f4cd76;top:0;bottom:0;left:50%;transform:translate(-50%)}.mix-mirror-horizontal:after{border-top:3px dashed #f4cd76;top:50%;left:0;right:0;transform:translateY(-50%)}.mix-diagram{aspect-ratio:1;touch-action:none;width:100%;max-width:400px;margin:auto}.mix-diagram svg{width:100%;height:100%;display:block}.mix-round-stage label{text-align:center;font-weight:600;display:block}.mix-round input[type=range]{accent-color:#22d3ee;width:100%;height:44px;display:block}.mix-focus-field{aspect-ratio:1;background:#101e26;border:1px solid #385160;border-radius:12px;width:100%;position:relative}.mix-focus-object{background:#68808c;border:2px solid #c1d6df;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.mix-focus-object:disabled{opacity:1}.mix-focus-object.mix-selected{border:4px solid #fff!important}.mix-scene-mask{aspect-ratio:1;border:1px solid #385160;justify-content:center;align-items:center;font-size:3rem;display:flex}.mix-tile-symbol{white-space:nowrap;font-size:clamp(14px,4vw,25px);display:block}.mix-pulse-lamp{color:#9db6c3;background:#233741;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;margin:2rem auto;font-size:2.4rem;font-weight:700;display:flex}.mix-tap{color:#09202a;touch-action:manipulation;background:#22d3ee;min-width:160px;min-height:64px;font-weight:700}.mix-scene-review{border-top:1px solid #385160;max-width:330px;padding:1rem 0}.mix-scene-review .mix-cell-grid{max-width:280px}.mix-rhythm-table{border-collapse:collapse;table-layout:fixed;width:100%}.mix-rhythm-table th,.mix-rhythm-table td{text-align:left;border-bottom:1px solid #385160;padding:.6rem}.mix-rhythm-table th:first-child{width:18%}.mix-rhythm-table caption{text-align:left;margin:1rem 0}.mix-gap-bar{background:#22d3ee;max-width:100%;height:8px;margin-bottom:.4rem;display:block}.mix-gap-answer{background:#f4cd76}.mix-review>ul{padding-left:1.3rem;line-height:1.7}@media (width<=360px){.mix-cell-grid{gap:5px}.mix-focus-object{width:44px;height:44px}.mix-round-button{padding:.65rem .75rem}.mix-cell-grid .mix-round-button{padding:0}}.mix-round .mix-focus-object{background:#68808c;border:2px solid #c1d6df;border-radius:50%;padding:0}@media (width<=360px){.mix-round-stage,.mix-review>.mix-mirror{width:calc(100% + 28px);margin-left:-14px;margin-right:-14px}}