.scramble{border-radius:6px;min-height:clamp(480px,68svh,760px);padding:18px 24px 20px;position:relative;container-type:inline-size}.scramble button:not(.puzzle-next),.scramble input{font:inherit}.scramble button{touch-action:manipulation;cursor:pointer}.scramble button:disabled{cursor:default}.scramble button:focus-visible,.scramble input:focus-visible{outline-offset:3px;outline:2px solid #fff}.scramble-header{min-height:44px;margin:-18px -24px 18px}.scramble-demo{border-top:1px solid #34343c;margin-top:16px;padding-top:12px}.scramble-demo-pair{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:10px;display:grid}.scramble figure{margin:0}.scramble-demo figure{width:100%;min-width:0}.scramble-demo img,.scramble-demo canvas,.scramble-help img,.scramble-help canvas{aspect-ratio:1;background:#131317;border-radius:4px;width:100%;height:auto;display:block}.scramble-demo-arrow{color:#e5e5ea;background:#26272d;border:1px solid #4f505a;border-radius:6px;place-items:center;min-width:48px;min-height:52px;padding:2px 4px;display:grid}.scramble-demo-arrow>span{font-size:27px;line-height:1}.scramble-demo-arrow small{font-size:10px}.scramble-demo-arrow:hover:not(:disabled){color:#fff;border-color:#fff}.scramble-demo-arrow:disabled{opacity:.4}.scramble-current{--score-font-size:38px;align-items:center;min-width:94px;display:flex}.scramble-current .score-ticker{transition:color .3s}.scramble-control-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px;display:grid;position:relative}.scramble-play{grid-template-columns:minmax(0,1fr) minmax(0,1.61803fr);align-items:start;gap:28px;width:100%;display:grid}.scramble-rail{flex-direction:column;grid-area:1/1/span 2;align-self:stretch;min-width:0;display:flex}.scramble-effects ol{margin:0;padding:0;list-style:none}.scramble-effect-slot{display:grid}.scramble-effect-clip{border-radius:3px;min-height:0;position:relative;overflow:hidden}.scramble-effect-after{background:color-mix(in srgb, var(--tier-color) 18%, #1e1e23);color:var(--tier-color);border-radius:3px;justify-content:end;align-items:center;padding-right:20px;font-size:30px;display:flex;position:absolute;inset:0}.scramble-effect{background:color-mix(in srgb, var(--tier-color) 20%, #26272d);border:1px solid #0000;border-radius:3px;grid-template-columns:26px 44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:60px;padding:3px 5px 3px 12px;transition:border-color .18s,background-color .18s,opacity .18s;display:grid;position:relative}.scramble-effect-active{background:color-mix(in srgb, var(--tier-color) 28%, #26272d);border-color:#0000}.scramble-effect-slot .scramble-effect-number,.scramble-effect-slot .scramble-effect-icon{color:var(--tier-color)}.scramble-effect-number{color:var(--tier-color);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}.scramble-effect-icon{color:#d0d1da;border:1px solid #0000;border-radius:4px;width:44px;height:44px}.scramble-effect-name{color:var(--tier-color);font-size:16px;font-weight:600;line-height:1.35}.scramble-effect-name small{color:color-mix(in srgb, var(--tier-color) 65%, #d0d1da);text-transform:capitalize;font-size:12px;font-weight:400;display:block}.scramble-question{color:#9297a2;background:0 0;border:0;border-radius:4px;place-items:center;width:44px;height:44px;padding:0;display:grid}.scramble-question>span{border:1px solid;border-radius:50%;place-items:center;width:21px;height:21px;font-size:13px;transition:transform .22s,background .18s,color .18s;display:grid}.scramble-question i,.scramble-question b{grid-area:1/1;font-style:normal;font-weight:400;transition:opacity .18s,transform .22s}.scramble-question b{opacity:0;transform:rotate(-90deg)scale(.5)}.scramble-question[aria-expanded=true]>span{color:#17171c;background:#fff;transform:scale(1.08)}.scramble-question[aria-expanded=true] i{opacity:0;transform:rotate(90deg)scale(.5)}.scramble-question[aria-expanded=true] b{opacity:1;transform:none}.scramble-question:hover:not(:disabled),.scramble-question[aria-expanded=true]{color:#fff}.scramble-question:disabled{opacity:.4}.scramble-mystery{grid-area:1/2;width:100%;min-width:0}.scramble-art{aspect-ratio:1;touch-action:none;user-select:none;cursor:grab;background:#1e1e23;border-radius:5px;width:100%;position:relative;overflow:hidden}.scramble-zoom-image{transform-origin:50%;will-change:transform;opacity:0;pointer-events:none;transition:opacity .26s;position:absolute;inset:5%}.scramble-zoom-image>canvas{border-radius:4px;width:100%;height:100%;display:block}.scramble-art-visible .scramble-zoom-image{opacity:1}.scramble-art-held{cursor:grabbing}.scramble-art[aria-disabled=true]{cursor:default;touch-action:auto}.scramble-art:focus-visible{outline-offset:3px;outline:2px solid #fff}.scramble-intro-splash{z-index:4;aspect-ratio:1;transform-origin:0 0;pointer-events:none;border-radius:5px;height:auto;position:absolute}.scramble-cover{text-align:center;color:#d0d1da;background:#17171c;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:16px;display:flex;position:absolute;inset:0}.scramble-cover strong{font-size:14px;font-weight:500}.scramble-cover>span:last-child{color:#9297a2;font-size:11px}.scramble-footer{border:0;margin-top:12px;padding-top:0}.scramble-feedback{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin-bottom:12px;display:flex}.scramble-status{color:var(--site-secondary);min-height:19px;margin:0;font-size:11px}.scramble-guess-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.scramble-select{min-width:0;position:static}.scramble-select label{color:#9297a2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 8px;margin-bottom:5px;font-size:11px;display:flex}.scramble-select-input{position:relative}.scramble-select input{color:#fff;text-overflow:ellipsis;background:#17171c;border:1px solid #4f505a;border-radius:5px;width:100%;min-width:0;height:44px;padding:0 32px 0 12px;font-size:13px}.scramble-select input::placeholder{color:#9297a2;opacity:1}.scramble-select input:disabled{opacity:.5}.scramble-select input:focus{outline:none}.scramble-select-keyboard input:focus{outline-offset:3px;outline:2px solid #fff}.scramble-select-input>span{pointer-events:none;color:#9297a2;position:absolute;top:10px;right:12px}.scramble-select-locked input{color:#7ee4ac;background:#21362a;border-color:#33cf7d}.scramble-select-locked .scramble-select-input>span{color:#7ee4ac;font-size:11px}.scramble-options{z-index:12;overscroll-behavior:contain;background:#26272d;border:1px solid #4f505a;border-radius:5px;width:100%;max-height:280px;padding:4px;animation:.18s ease-out picker-open;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 8px 28px #0008}.scramble-options>button{text-align:left;color:#d0d1da;background:0 0;border:none;border-radius:3px;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 10px;font-size:13px;display:flex}.scramble-options img{border-radius:50%;flex:none;width:32px;height:32px}.scramble-options>button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scramble-options{scrollbar-gutter:stable;touch-action:pan-y;outline:none}.scramble-options::-webkit-scrollbar{width:18px}.scramble-options::-webkit-scrollbar-track{background:#1e1e23;border-radius:8px}.scramble-options::-webkit-scrollbar-thumb{background:#9297a2;border:4px solid #1e1e23;border-radius:9px;min-height:36px}.scramble-options::-webkit-scrollbar-thumb:hover{background:#d0d1da}.scramble-options>button[aria-selected=true],.scramble-options>button:hover{color:#fff;background:#3a3a44}.scramble-no-options{color:#9297a2;padding:12px;font-size:12px;display:block}.scramble-primary{color:#a8d4b0;background:#1e1e23;border:1px solid #77a781;border-radius:6px;justify-content:center;align-items:center;gap:24px;min-width:112px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:600;transition:color .15s,background-color .15s;display:inline-flex}.scramble-primary:hover:not(:disabled){color:#d2f3d8;background:#29382d}.scramble-primary:disabled{opacity:.4}.scramble-primary>span{font-size:22px;line-height:1}.scramble-finish{justify-content:space-between;align-items:center;gap:16px;display:flex}.scramble-finish>span{color:#d0d1da;font-size:12px}.scramble-help{z-index:20;transform-origin:top;background:#26272d;border:1px solid #4f505a;border-radius:6px;outline:none;width:min(480px,100% - 24px);padding:16px;animation:.24s cubic-bezier(.2,.8,.25,1) scramble-help-open;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #000a}.scramble-help-title{justify-content:space-between;align-items:center;display:flex}.scramble-help-title>div{align-items:baseline;gap:10px;display:flex}.scramble-help-title strong{font-size:14px}.scramble-help-title span{color:#9297a2;text-transform:capitalize;font-size:12px}.scramble-help-title>button{color:#d0d1da;background:0 0;border:none;width:44px;height:44px;margin:-8px -8px -8px 0;font-size:25px}.scramble-help p{color:#d0d1da;margin:8px 0 14px;font-size:12px}.scramble-help-pair{justify-content:center;align-items:center;gap:14px;display:flex}.scramble-help-pair figure{width:min(38%,136px)}.scramble-replay{color:#d0d1da;background:#1e1e23;border:1px solid #4f505a;border-radius:4px;min-height:44px;margin:12px auto 0;padding:8px 14px;font-size:12px;display:block}.scramble-replay:disabled{opacity:.5}@container (width<=800px){.scramble-play{gap:18px}.scramble-effect{gap:5px;padding-left:8px}}@container (width<=760px){.scramble-play{grid-template-columns:minmax(0,1fr);gap:20px}.scramble-rail{grid-area:2/1}.scramble-mystery{grid-area:1/1;justify-self:center;width:100%}}@container (width<=640px){.scramble-control-row{gap:14px}.scramble-primary{gap:10px;min-width:76px;padding-inline:10px}.scramble-effect{grid-template-columns:26px 44px minmax(0,1fr) 44px;gap:8px}}@media (width<=600px){.scramble{padding:16px 12px}.scramble-header{margin:-16px -12px 18px}}@container (width<=380px){.scramble-brand .height-brand-logo{display:none}.scramble-header{gap:4px}.scramble-control-row{gap:8px;position:relative}.scramble-select{position:static}.scramble-options{width:100%;max-width:none;max-height:min(280px,40svh);left:0;right:0}.scramble-current{--score-font-size:26px;min-width:65px}.scramble-guess-form{gap:6px}.scramble-primary{min-width:48px;padding-inline:7px;font-size:12px}.scramble-primary>span{display:none}.scramble-select input{padding-left:9px;font-size:12px}.scramble-effect{grid-template-columns:24px 38px minmax(0,1fr) 44px;gap:4px;padding-left:5px}.scramble-effect-icon{width:38px;height:38px}.scramble-effect-name{font-size:15px}}@container (width<=340px){.scramble-brand{--height-brand-size:10px}.scramble-header{gap:3px}}@keyframes scramble-help-open{0%{opacity:0;transform:translate(-50%,-8px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes picker-open{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.scramble *,.scramble :before,.scramble :after{transition:none!important;animation:none!important}}@container (width<=380px){.scramble .puzzle-next{width:76px;font-size:12px}.scramble .puzzle-next-window{width:56px}.scramble .puzzle-next-arrow{width:20px}}.scramble-flight-clip{pointer-events:none;z-index:8;position:absolute;inset:0;overflow:clip}.scramble-guess-flight{aspect-ratio:1;position:absolute}.scramble-guess-flight canvas{border-radius:5px;width:100%;height:100%}.scramble-guess-flight svg{width:50%;height:50%;position:absolute;inset:25%;overflow:visible}.scramble-guess-flight path{fill:none;stroke:currentColor;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--mark))}.scramble-guess-flight[data-result=wrong]{color:#ff535e;background:#e6394638;box-shadow:inset 0 0 0 3px #ff535e}.scramble-guess-flight[data-result=correct]{color:#71e78b;animation:.38s ease-in-out 2 scramble-correct-blink}@keyframes scramble-correct-blink{50%{background:#67df7d55;box-shadow:inset 0 0 0 4px #71e78b}}.scramble-history{margin-top:auto;padding-top:18px}.scramble-history h3{color:#dedee4;margin:0 0 10px;font-size:14px;font-weight:500}.scramble-history ol{grid-template-columns:repeat(6,minmax(0,min(54px,16.6667% - 3.33333px)));gap:4px;margin:0;padding:0;list-style:none;display:grid}.scramble-history li{aspect-ratio:1;color:#ffffff35;background:#ffffff04;border:1px solid #ffffff20;border-radius:3px;place-items:center;min-width:0;font-size:clamp(6px,1.2cqw,11px);display:grid;overflow:hidden}.scramble-history li.scramble-history-third{border:2px solid #c84f59}.scramble-history img{object-fit:cover;width:100%;height:100%;animation:.3s ease-out scramble-try-enter}.scramble-bottom .scramble-control-row{grid-template-columns:auto minmax(0,1fr);gap:10px}.scramble-bottom .scramble-current{--score-font-size:38px;min-width:85px}.scramble-bottom .scramble-guess-form{gap:6px}.scramble-bottom .puzzle-next{width:76px;font-size:12px}.scramble-bottom .puzzle-next-window{width:56px}.scramble-bottom .puzzle-next-arrow{width:20px}.scramble-bottom .scramble-select input{padding-left:8px;font-size:12px}.scramble-result-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;display:flex}.scramble-result-actions>.game-share-footer{max-width:100%}.scramble-result-actions>.puzzle-actions{margin-left:auto}@container (width<=640px){.scramble-result-actions>.game-share-footer{flex-basis:100%}}.scramble-bottom{grid-area:2/2;place-self:end;width:100%;min-width:0}.scramble-bottom .scramble-footer{min-width:0;margin-top:0}.scramble-results-visible .scramble-bottom{display:none}@container (width<=760px){.scramble-bottom{grid-area:3/1}}@keyframes scramble-try-enter{0%{opacity:0;transform:translateY(-60%)scale(.8)}to{opacity:1;transform:none}}.scramble-options button:disabled{opacity:.35;cursor:not-allowed;background:0 0}@media (prefers-reduced-motion:reduce){.scramble-history img,.scramble-guess-flight{animation:none!important}}