#corzaguessr{--off-white:#f7f7f7;--near-black:#101010;--gradient-start:#49f1fa;--gradient-middle:#7bb0f7;--gradient-end:#8d64f5;--correct:#10b981;--wrong:#ef4444;--reward:#ffda5e;--warning:#f97316;--mute:#ef4444;--gradient:linear-gradient(135deg, var(--gradient-start), var(--gradient-middle) 50%, var(--gradient-end));--gradient-background:linear-gradient(135deg, rgb(from var(--gradient-start) r g b / 12%), rgb(from var(--gradient-middle) r g b / 12%) 50%, rgb(from var(--gradient-end) r g b / 12%));--glass-layer:rgb(from var(--off-white) r g b / 2%);--white-layer:rgb(from var(--off-white) r g b / 20%);--dark-layer:rgb(from var(--near-black) r g b / 40%);--space:4px;--radius:8px;--line-width:1px;--gradient-border-width:2px;--text-small:12px;--text-base:15px;--text-large:calc(var(--text-small) * 2);--text-display:calc(var(--text-base) * 2);--text-hero:calc(var(--text-base) * 3);--line-height:calc(var(--text-base) * 1.2);--opacity-secondary:80%;--glass-blur:20px;--shadow-surface:0 6px 18px var(--dark-layer);--shadow-text:0 2px 8px rgb(from var(--near-black) r g b / 90%);--duration-fast:.2s;--duration-standard:.4s;--duration-long:.6s;--control-height:46px;--button-width:128px;--play-size:68px;--volume-width:76px;--volume-height:30px;--modal-max-height:650px;--hover-brightness:1.2;color:var(--off-white);font-size:var(--text-base);padding:calc(var(--space) * 4) calc(var(--space) * 3) calc(var(--space) * 12);scrollbar-width:none;font-family:Monument Extended,system-ui,sans-serif}#corzaguessr::-webkit-scrollbar{display:none}#corzaguessr .discovery-items::-webkit-scrollbar{display:none}#corzaguessr *,#corzaguessr :before,#corzaguessr :after{box-sizing:border-box}#corzaguessr .wrap{gap:calc(var(--space) * 4);max-width:1100px;margin:auto;display:grid}#corzaguessr h1{margin:calc(var(--space) * 4) 0 0;text-align:center;font-size:var(--text-display);line-height:1}#corzaguessr .save-notice{padding:calc(var(--space) * 3) calc(var(--space) * 4);margin:0 0 calc(var(--space) * 4);text-align:center;font-size:var(--text-small);line-height:1.5}#corzaguessr button{font:inherit;border:0}#corzaguessr button:disabled{cursor:not-allowed;opacity:.55}#corzaguessr button:focus-visible,#corzaguessr input:focus-visible{outline:0}#corzaguessr .button,#corzaguessr .play,#corzaguessr .mode,#corzaguessr .help-button,#corzaguessr .auto,#corzaguessr .discovery-item-toggle,#corzaguessr .discovery-gauntlet{position:relative}#corzaguessr .button:after,#corzaguessr .play:after,#corzaguessr .mode:after,#corzaguessr .help-button:after,#corzaguessr .auto:after,#corzaguessr .discovery-item-toggle:after,#corzaguessr .discovery-gauntlet:after{content:"";padding:var(--gradient-border-width);border-radius:var(--radius);background:var(--gradient);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease;-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#corzaguessr.keyboard-input .button:focus:after,#corzaguessr.keyboard-input .play:focus:after,#corzaguessr.keyboard-input .mode:not(:disabled):focus:after,#corzaguessr.keyboard-input .help-button:focus:after,#corzaguessr.keyboard-input .discovery-item-toggle:focus:after,#corzaguessr.keyboard-input .discovery-gauntlet:focus:after{opacity:1}#corzaguessr input,#corzaguessr .ruleset,#corzaguessr .slot{border:var(--line-width) solid var(--white-layer);border-radius:var(--radius);background:var(--dark-layer)}#corzaguessr .progress-best,#corzaguessr .discovery-item{border:var(--line-width) solid var(--white-layer);border-radius:var(--radius);background:var(--glass-layer)}#corzaguessr .modes,#corzaguessr .row,#corzaguessr .actions{justify-content:center;gap:calc(var(--space) * 3);display:flex}#corzaguessr .glass{isolation:isolate;border-radius:var(--radius);position:relative}#corzaguessr .glass:before{content:"";z-index:-1;border:var(--line-width) solid var(--white-layer);border-radius:inherit;background:var(--glass-layer);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-surface);pointer-events:none;position:absolute;inset:0}#corzaguessr .game-surface{gap:calc(var(--space) * 4);display:grid}#corzaguessr .mode-navigation{border-radius:var(--radius);gap:0;width:min(100%,800px);margin:0 auto}#corzaguessr .card{padding:calc(var(--space) * 4);border-radius:var(--radius)}#corzaguessr .stack,#corzaguessr .board{gap:calc(var(--space) * 4);display:grid}#corzaguessr .stack{isolation:isolate;gap:0}#corzaguessr .slots{z-index:1;gap:calc(var(--space) * 4);padding-top:calc(var(--space) * 4);display:grid;position:relative}#corzaguessr .attempt-area{margin-inline:calc(var(--space) * -1);padding-inline:var(--space);display:grid;overflow:hidden}#corzaguessr .attempt-area:has(.current-slot[hidden]):has(.slots:empty){display:none}#corzaguessr .current-slot{z-index:2;margin-top:calc(var(--space) * 4)}#corzaguessr .current-slot[hidden]{display:none}#corzaguessr .board{position:relative}#corzaguessr .guess-lane{--attempt-action-width:min(var(--button-width), 34%);--attempt-copy-offset:calc(var(--attempt-action-width) + var(--space) * 4);--attempt-copy-shift:calc(var(--attempt-action-width) / 2 + var(--space) * 2);grid-template-columns:minmax(0, 1fr) var(--attempt-action-width);align-items:center;gap:calc(var(--space) * 4);display:grid}#corzaguessr .guess-lane .auto,#corzaguessr .guess-lane .action-row{min-width:0}#corzaguessr .guess-lane .action{width:100%}#corzaguessr .slots:empty{display:none}#corzaguessr .controls{--time-width:3.2ch;grid-template-columns:var(--time-width) auto var(--time-width);justify-content:center;align-items:center;gap:calc(var(--space) * 4);font-size:var(--text-large);font-weight:800;display:grid}#corzaguessr .time{line-height:calc(var(--text-base) * 1.5);white-space:nowrap}#corzaguessr .time:first-child,#corzaguessr .time:last-child{text-align:center}#corzaguessr .time span{width:var(--time-width);text-align:center;font-variant-numeric:tabular-nums;display:inline-block}#corzaguessr .button,#corzaguessr .play,#corzaguessr .mode{height:var(--control-height);min-height:var(--control-height);border-radius:var(--radius);color:var(--off-white);box-shadow:inset 0 0 0 var(--line-width) var(--white-layer);cursor:pointer;font-size:var(--text-base);text-transform:uppercase;transition:filter var(--duration-fast) ease, opacity var(--duration-fast) ease, box-shadow var(--duration-fast) ease;background:0 0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}#corzaguessr .button,#corzaguessr .mode{padding:0 calc(var(--space) * 4)}#corzaguessr .button{width:var(--button-width)}#corzaguessr .result-secondary-label{opacity:1}#corzaguessr .mode{flex:1}#corzaguessr .progress-button{width:min(180px,25%);padding:0 calc(var(--space) * 3);margin:0 auto}#corzaguessr .progress-button[aria-expanded=true]:before{background:var(--gradient-background), var(--dark-layer)}#corzaguessr .progress-button[aria-expanded=true]:after{opacity:1}#corzaguessr .mode-navigation .mode{width:100%;min-width:0;padding:0 calc(var(--space) * 2.5);box-shadow:inset calc(-1 * var(--line-width)) 0 var(--white-layer);transition:opacity var(--duration-fast) ease;border-radius:0;margin:0}#corzaguessr .mode-navigation .mode:first-child{border-radius:var(--radius) 0 0 var(--radius)}#corzaguessr .mode-navigation .mode:last-child{border-radius:0 var(--radius) var(--radius) 0;box-shadow:none}#corzaguessr .mode-navigation .mode:after{border-radius:inherit}#corzaguessr .mode-navigation .mode[aria-pressed=true],#corzaguessr button.action:not(:disabled){box-shadow:none}#corzaguessr .mode-navigation .mode[aria-pressed=true]{--mode-fill-opacity:12%;background:var(--dark-layer);z-index:1;cursor:default;opacity:1}#corzaguessr .mode-navigation[inert] .mode{opacity:.55}#corzaguessr .mode-navigation .mode[aria-pressed=true]:before{content:"";z-index:-1;border-radius:inherit;background:var(--gradient);opacity:var(--mode-fill-opacity);pointer-events:none;animation:corzaguessr-mode-commit var(--duration-standard) ease-out;position:absolute;inset:0}#corzaguessr button.action:not(:disabled){background:var(--gradient-background), var(--dark-layer)}#corzaguessr .play:not(:disabled){background:var(--gradient);color:var(--near-black)}#corzaguessr .mode-navigation .mode[aria-pressed=true]:after,#corzaguessr button.action:not(:disabled):after{opacity:1}@media (min-width:481px){#corzaguessr .mode-navigation .mode:has(+.mode[aria-pressed=true]){box-shadow:none}}#corzaguessr .play{width:var(--play-size);height:var(--play-size);min-height:var(--play-size);transition:filter var(--duration-fast) ease, opacity var(--duration-standard) ease-out, box-shadow var(--duration-fast) ease}#corzaguessr .play:disabled{opacity:.5}#corzaguessr .play svg{width:calc(var(--play-size) * .5);height:calc(var(--play-size) * .5);fill:var(--off-white)}#corzaguessr .play:not(:disabled) svg{fill:var(--near-black)}#corzaguessr .help-button{--help-icon-size:24px;top:calc((var(--play-size) - var(--volume-height)) / 2);z-index:1;width:var(--volume-width);height:var(--volume-height);border-radius:var(--radius);color:var(--off-white);cursor:pointer;transition:filter var(--duration-fast) ease;background:0 0;place-items:center;padding:0;display:grid;position:absolute;left:0}#corzaguessr .help-button svg{width:var(--help-icon-size);height:var(--help-icon-size)}#corzaguessr .volume-control{--volume-thumb-width:10px;top:calc((var(--play-size) - var(--volume-height)) / 2);z-index:1;width:var(--volume-width);height:var(--volume-height);border-radius:var(--radius);cursor:pointer;transition:filter var(--duration-fast) ease, box-shadow var(--duration-fast) ease;position:absolute;right:0}#corzaguessr .volume-bars{height:100%;padding:3px var(--space);pointer-events:none;justify-content:space-between;align-items:end;display:flex}#corzaguessr .volume-bar{width:6px;height:calc(5px + var(--volume-step) * 2.5px);background:var(--white-layer);transition:background var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:2px 2px 1px 1px}#corzaguessr .volume-bar:first-child{--volume-step:0}#corzaguessr .volume-bar:nth-child(2){--volume-step:1}#corzaguessr .volume-bar:nth-child(3){--volume-step:2}#corzaguessr .volume-bar:nth-child(4){--volume-step:3}#corzaguessr .volume-bar:nth-child(5){--volume-step:4}#corzaguessr .volume-bar:nth-child(6){--volume-step:5}#corzaguessr .volume-bar:nth-child(7){--volume-step:6}#corzaguessr .volume-bar:nth-child(8){--volume-step:7}#corzaguessr .volume-bar.active{background:var(--off-white);box-shadow:0 0 8px var(--white-layer)}#corzaguessr .volume-control.muted .volume-bar:first-child{background:rgb(from var(--mute) r g b / 50%)}#corzaguessr .volume-range{appearance:none;color:#0000;cursor:pointer;touch-action:none;background:0 0;border:0;width:100%;height:100%;margin:0;position:absolute;inset:0}#corzaguessr .volume-range::-webkit-slider-runnable-track{background:0 0;height:100%}#corzaguessr .volume-range::-webkit-slider-thumb{appearance:none;width:var(--volume-thumb-width);height:var(--volume-height);background:0 0;border:0}#corzaguessr .volume-range::-moz-range-track{background:0 0;border:0;height:100%}#corzaguessr .volume-range::-moz-range-thumb{width:var(--volume-thumb-width);height:var(--volume-height);background:0 0;border:0}#corzaguessr .volume-control:focus-within{filter:brightness(var(--hover-brightness))}#corzaguessr .timeline{--timeline-accent-opacity:20%;--timeline-progress:var(--off-white);isolation:isolate;height:var(--control-height);border-radius:var(--radius);background:var(--dark-layer);box-shadow:inset 0 0 0 var(--gradient-border-width) var(--white-layer);position:relative;overflow:hidden}#corzaguessr.mode-selected .timeline{--timeline-progress:var(--gradient)}#corzaguessr.mode-selected .timeline:before{clip-path:inset(0)}#corzaguessr .timeline:before{content:"";z-index:4;padding:var(--gradient-border-width);border-radius:inherit;background:var(--gradient);clip-path:inset(0 100% 0 0);pointer-events:none;transition:clip-path var(--duration-standard) ease-out;-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#corzaguessr .snippet,#corzaguessr .fill,#corzaguessr .feedback{position:absolute;inset:0 auto 0 0}#corzaguessr .snippet{z-index:1;background:var(--timeline-progress);opacity:var(--timeline-accent-opacity);transition:width var(--duration-standard);display:none}#corzaguessr.mode-selected:not(.timed) .snippet{animation:corzaguessr-timeline-accent var(--duration-standard) ease-out;transform-origin:0;display:block}#corzaguessr .fill{z-index:2;background:var(--timeline-progress);transform-origin:0;right:0;transform:scaleX(0)}#corzaguessr .feedback{--adjustment-flash-start:rgb(from var(--wrong) r g b / 90%);--adjustment-flash-end:rgb(from var(--wrong) r g b / 10%);z-index:3;opacity:0;background:linear-gradient(90deg, var(--adjustment-flash-start), var(--adjustment-flash-end));pointer-events:none;transform-origin:0;right:0;transform:scaleX(0)}#corzaguessr .time-change{z-index:5;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}#corzaguessr .time-change span{opacity:0;color:var(--off-white);font-size:var(--text-large);text-shadow:var(--shadow-text);font-weight:800;line-height:1}#corzaguessr .tick{inset:var(--gradient-border-width) auto;z-index:0;width:var(--gradient-border-width);background:var(--white-layer);opacity:1;transition:opacity var(--duration-standard) ease-out;position:absolute}#corzaguessr.timed .tick,#corzaguessr.position .tick{opacity:0}#corzaguessr .tick:before{content:"";background:var(--gradient);transform-origin:0;transition:transform var(--duration-standard) ease-out;will-change:transform;position:absolute;inset:0;transform:scaleX(0)}#corzaguessr.mode-selected .tick:before{transform:scaleX(1)}#corzaguessr.mode-selected.position .snippet,#corzaguessr.position .feedback{display:none}#corzaguessr .position-range{z-index:6;border-radius:inherit;cursor:pointer;opacity:0;background:0 0;border:0;height:100%;padding:0;position:absolute;inset:0}#corzaguessr .position-range:disabled{cursor:default}#corzaguessr .position-marker{inset-block:var(--gradient-border-width);z-index:3;width:var(--gradient-border-width);background:var(--gradient);pointer-events:none;position:absolute;translate:-50%}#corzaguessr .position-distance{inset-block:var(--gradient-border-width);z-index:1;background:var(--gradient);opacity:var(--timeline-accent-opacity);pointer-events:none;clip-path:inset(0 var(--gradient-border-width));position:absolute}#corzaguessr.keyboard-input .timeline:has(.position-range:focus){box-shadow:inset 0 0 0 var(--gradient-border-width) var(--white-layer), 0 0 0 var(--gradient-border-width) var(--white-layer)}#corzaguessr .auto{z-index:3;isolation:isolate}#corzaguessr .auto:after{z-index:2}#corzaguessr .auto:focus-within:after{opacity:1}#corzaguessr input{width:100%;height:var(--control-height);padding:calc(var(--space) * 3);color:var(--off-white);font:inherit;line-height:var(--line-height);text-align:center;text-indent:0;text-transform:uppercase;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease, text-indent var(--duration-standard) ease;outline:0}#corzaguessr input::placeholder{color:var(--off-white);opacity:1}#corzaguessr .guess-prompt{padding:calc(var(--space) * 2);text-align:center;pointer-events:none;translate:var(--attempt-copy-shift) 0;justify-content:center;align-items:center;gap:.3em;line-height:1.15;display:flex;position:absolute;inset:0}#corzaguessr .guess-prompt span{white-space:nowrap}#corzaguessr .guess:not(:placeholder-shown)+.guess-prompt,#corzaguessr.rules-visible .guess-prompt{visibility:hidden}#corzaguessr .ruleset{padding:calc(var(--space) * 3);color:var(--off-white);font:inherit;line-height:var(--line-height);opacity:0;pointer-events:none;visibility:hidden;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}#corzaguessr .ruleset-track{opacity:1;min-width:100%;transition:translate var(--duration-standard) ease;white-space:nowrap;justify-content:center;display:flex;translate:0}#corzaguessr .guess-lane input{text-indent:var(--attempt-copy-offset)}#corzaguessr .guess-lane .ruleset-track{translate:var(--attempt-copy-shift) 0}#corzaguessr .ruleset-copy{display:none}#corzaguessr.rules-visible .guess{visibility:hidden}#corzaguessr.rules-visible .ruleset{opacity:1;visibility:visible}#corzaguessr .suggest{inset:calc(100% + var(--space) * 2) 0 auto;z-index:3;scrollbar-width:none;border:var(--line-width) solid var(--white-layer);border-radius:var(--radius);background:var(--near-black);max-height:min(40dvh,280px);box-shadow:var(--shadow-surface);display:none;position:absolute;overflow-y:auto}#corzaguessr .suggest::-webkit-scrollbar{display:none}#corzaguessr .suggest button{width:100%;padding:calc(var(--space) * 3);color:var(--off-white);text-align:center;text-transform:uppercase;cursor:pointer;background:0 0}#corzaguessr .suggest .active{background:var(--gradient-background), var(--dark-layer)}#corzaguessr .suggest button:focus-visible{background:var(--gradient);color:var(--near-black)}#corzaguessr .slot{min-height:var(--control-height);padding:calc(var(--space) * 3);line-height:var(--line-height);text-align:center;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#corzaguessr .slot-primary{text-overflow:ellipsis;min-width:0;overflow:hidden}#corzaguessr .slot-separator,#corzaguessr .slot-detail{color:var(--off-white);flex:none}#corzaguessr .slot-separator{margin-inline:var(--space)}#corzaguessr .slot.seek-perfect .slot-primary{background:var(--gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:none;width:-moz-fit-content;width:fit-content}#corzaguessr .slot.seek-great .slot-primary{color:var(--correct)}#corzaguessr .slot.seek-good .slot-primary{color:var(--reward)}#corzaguessr .slot.seek-close .slot-primary{color:var(--warning)}#corzaguessr .slot.seek-way-off .slot-primary{color:var(--wrong)}#corzaguessr .slot.correct{border-color:rgb(from var(--correct) r g b / 50%);background:rgb(from var(--correct) r g b / 10%)}#corzaguessr .slot.correct.gauntlet-milestone{background:var(--gradient-background);border-color:#0000}#corzaguessr .slot.correct.gauntlet-milestone:after{content:"";padding:var(--gradient-border-width);border-radius:inherit;background:var(--gradient);opacity:.5;pointer-events:none;-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#corzaguessr .slot.wrong{border-color:rgb(from var(--wrong) r g b / 50%);background:rgb(from var(--wrong) r g b / 10%)}#corzaguessr .slot.blink .slot-primary{animation:2s infinite corzaguessr-blink}#corzaguessr .result-modal,#corzaguessr .help-modal,#corzaguessr .progress-modal{padding:calc(var(--space) * 4);border-radius:inherit;pointer-events:none;visibility:hidden;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}#corzaguessr .modal-scrim{border-radius:inherit;background:var(--dark-layer);opacity:0;pointer-events:none;position:absolute;inset:0}#corzaguessr .result-modal,#corzaguessr .help-modal{z-index:1}#corzaguessr .result-open .result-modal,#corzaguessr .help-open .help-modal{pointer-events:auto;visibility:visible}#corzaguessr .result-shell,#corzaguessr .help-shell,#corzaguessr .progress-shell{z-index:1;width:min(96vw,840px);height:0;position:relative;overflow:hidden}#corzaguessr .corzaguessr-modal{align-items:center;gap:calc(var(--space) * 4);width:100%;max-height:min(82dvh, var(--modal-max-height));padding:calc(var(--space) * 4);text-align:center;text-transform:uppercase;flex-direction:column;display:flex;overflow-y:auto}#corzaguessr .corzaguessr-modal h3{margin:0}#corzaguessr .help-title{color:var(--off-white);font-size:var(--text-large);font-weight:800;line-height:1.2}#corzaguessr .help-content{gap:calc(var(--space) * 5) calc(var(--space) * 6);text-align:left;text-transform:none;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;width:100%;min-height:0;display:grid;overflow-y:auto}#corzaguessr .help-panel{overflow:hidden}#corzaguessr .help-mode{align-content:start;gap:calc(var(--space) * 2);padding-top:calc(var(--space) * 3);border-top:var(--line-width) solid var(--white-layer);display:grid}#corzaguessr .help-mode h4,#corzaguessr .help-mode p{margin:0}#corzaguessr .help-mode h4{color:var(--off-white);font-size:var(--text-small)}#corzaguessr .help-mode p{font-size:var(--text-small);line-height:1.5}#corzaguessr .modal-title{background:var(--gradient);color:#0000;width:-moz-fit-content;width:fit-content;font-size:var(--text-large);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1.2}#corzaguessr .result-meta{grid-template-columns:minmax(0,1fr);width:100%;font-weight:800;display:grid}#corzaguessr .result-module{align-content:start;justify-items:center;gap:calc(var(--space) * 3);min-width:0;padding:calc(var(--space) * 5) calc(var(--space) * 4);overflow-wrap:anywhere;display:grid}#corzaguessr .result-track{padding-top:0;width:100%;padding-inline:0}#corzaguessr .result-run{width:100%;max-width:calc(var(--button-width) * 4);border-block:var(--line-width) solid var(--white-layer);justify-self:center}#corzaguessr .result-run .result-value,#corzaguessr .progress-best small{text-transform:none}#corzaguessr .result-label{font-size:var(--text-small);opacity:var(--opacity-secondary)}#corzaguessr .result-value{justify-items:center;gap:calc(var(--space) * 2);width:100%;font-size:var(--text-small);line-height:var(--line-height);display:grid}#corzaguessr .result-track .result-value{color:var(--off-white)}#corzaguessr .result-track-title{font-size:var(--text-base);white-space:nowrap}#corzaguessr .result-metric-primary{font-size:var(--text-hero);line-height:1}#corzaguessr .result-label.new-personal-best{background:var(--gradient);color:#0000;-webkit-text-fill-color:transparent;opacity:1;-webkit-background-clip:text;background-clip:text;justify-self:center;width:-moz-fit-content;width:fit-content}#corzaguessr .result-meta[data-mode=seek] .result-run .result-value{white-space:nowrap}#corzaguessr .mode-prompt,#corzaguessr .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#corzaguessr .progress-modal{z-index:2}#corzaguessr.progress-open .progress-modal{pointer-events:auto;visibility:visible}#corzaguessr .progress-panel{gap:calc(var(--space) * 4);height:auto;max-height:min(78dvh, var(--modal-max-height));padding:calc(var(--space) * 4);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}#corzaguessr .progress-summary{gap:calc(var(--space) * 4);margin-top:0;display:grid}#corzaguessr .progress-summary h3,#corzaguessr .discovery-title h3{font-family:inherit;font-size:var(--text-base);text-align:center;margin:0;font-weight:800;line-height:1.2}#corzaguessr .progress-bests{gap:calc(var(--space) * 2);display:flex}#corzaguessr .progress-best{align-content:center;gap:var(--space);min-width:0;min-height:74px;padding:calc(var(--space) * 2);overflow-wrap:anywhere;text-align:center;text-transform:uppercase;flex:1 1 0;line-height:1.2;display:grid}#corzaguessr .progress-best-mode{font-size:var(--text-small);opacity:var(--opacity-secondary);font-weight:800}#corzaguessr .progress-best strong{font-size:var(--text-small)}#corzaguessr .progress-best small{font-size:var(--text-small);opacity:var(--opacity-secondary)}#corzaguessr .discovery-title{gap:var(--space);padding-top:calc(var(--space) * 4);border-top:var(--line-width) solid var(--white-layer);text-align:center;font-size:var(--text-small);margin:0;display:grid}#corzaguessr .discovery-title small{font-size:var(--text-base);line-height:1.2}#corzaguessr .discovery-gauntlet{appearance:none;color:inherit;line-height:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;outline:0;padding:0}#corzaguessr .progress-panel>.actions{padding-top:calc(var(--space) * 4);border-top:var(--line-width) solid var(--white-layer);margin-top:0}#corzaguessr .discovery-items{--discovery-row-height:var(--control-height);--discovery-row-gap:calc(var(--space) * 2);align-content:start;gap:var(--discovery-row-gap);min-height:0;max-height:calc(var(--discovery-row-height) * 5 + var(--discovery-row-gap) * 4);overscroll-behavior:contain;scrollbar-width:none;grid-auto-rows:max-content;display:grid;overflow:auto}#corzaguessr .discovery-item{min-height:var(--discovery-row-height);padding:calc(var(--space) * 2) calc(var(--space) * 3);font-size:var(--text-base);line-height:var(--line-height);text-align:center;text-transform:uppercase;overflow-wrap:anywhere;justify-content:center;align-items:center;display:flex}#corzaguessr .discovery-item-known{--discovery-links-width:calc(var(--space) * 48);isolation:isolate;height:var(--discovery-row-height);min-height:0;padding:0;display:block;position:relative;overflow:hidden}#corzaguessr .discovery-item-known:before,#corzaguessr .discovery-item-known:after{content:"";z-index:0;pointer-events:none;opacity:0;position:absolute}#corzaguessr .discovery-item-known:before{filter:blur(24px)saturate(1.3)brightness(.9);transition:opacity var(--duration-standard) ease;background-position:50%;background-size:cover;inset:-32px;transform:scale(1.14)}#corzaguessr .discovery-item-known:after{background:linear-gradient(90deg, var(--dark-layer), var(--dark-layer)), linear-gradient(180deg, var(--glass-layer), var(--dark-layer));transition:opacity var(--duration-fast) ease;inset:0}#corzaguessr .discovery-item-known.expanded:before{background-image:var(--discovery-artwork);opacity:1}#corzaguessr .discovery-item-known.expanded:after{opacity:1}#corzaguessr .discovery-item-known>.discovery-item-toggle,#corzaguessr .discovery-item-known>.discovery-listen-links{z-index:1}#corzaguessr .discovery-item-known.expanded{height:calc(var(--discovery-row-height) * 3 + var(--discovery-row-gap) * 2)}#corzaguessr .discovery-item-toggle{width:100%;height:100%;padding:calc(var(--space) * 2) calc(var(--space) * 3);border-radius:inherit;color:inherit;cursor:pointer;text-align:center;text-transform:uppercase;background:0 0;display:block;overflow:hidden}#corzaguessr .discovery-item-toggle:after{z-index:3;border-radius:inherit}#corzaguessr .discovery-item-compact{line-height:var(--line-height);opacity:1;transition:opacity var(--duration-fast) ease;display:block}#corzaguessr .discovery-track-details{--discovery-cover-size:calc(var(--discovery-row-height) * 3 + var(--discovery-row-gap) * 2 - var(--space) * 6 - var(--line-width) * 2);grid-template-columns:var(--discovery-cover-size) minmax(0, 1fr);gap:calc(var(--space) * 3);padding:calc(var(--space) * 3);opacity:0;visibility:hidden;text-align:left;transition:opacity var(--duration-fast) ease, visibility 0s linear var(--duration-fast);display:grid;position:absolute;inset:0}#corzaguessr .discovery-item-known.expanded .discovery-item-compact{opacity:0}#corzaguessr .discovery-item-known.expanded .discovery-track-details{opacity:1;visibility:visible;transition-delay:80ms,0s}#corzaguessr .discovery-cover{width:var(--discovery-cover-size);height:var(--discovery-cover-size);border-radius:var(--radius);background:var(--glass-layer);box-shadow:var(--shadow-surface), 0 0 0 var(--line-width) var(--white-layer);place-items:center;display:grid;position:relative;overflow:hidden}#corzaguessr .discovery-cover.missing:after{content:"✦";background:var(--gradient);color:#0000;font-size:var(--text-display);-webkit-background-clip:text;background-clip:text}#corzaguessr .discovery-cover img{object-fit:cover;width:100%;height:100%;display:block}#corzaguessr .discovery-track-metadata{min-width:0;padding:var(--space) 0;justify-content:center;align-items:start;gap:var(--space);flex-direction:column;line-height:1.2;display:flex}#corzaguessr .discovery-item-known.expanded .discovery-track-metadata{text-shadow:var(--shadow-text)}#corzaguessr .discovery-artist{font-size:var(--text-base);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:800;display:-webkit-box;overflow:hidden}#corzaguessr .discovery-song-title{max-width:100%;font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}#corzaguessr .discovery-release-date{max-width:calc(100% - var(--discovery-links-width) - var(--space) * 4);font-size:var(--text-small);opacity:var(--opacity-secondary)}#corzaguessr .discovery-listen-links{z-index:2;right:calc(var(--space) * 3);bottom:calc(var(--space) * 3);width:var(--discovery-links-width);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease, filter var(--duration-fast) ease;visibility:hidden;justify-content:flex-end;align-items:center;gap:0;display:flex;position:absolute}#corzaguessr .discovery-item-known.expanded .discovery-listen-links{opacity:1;pointer-events:auto;visibility:visible}#corzaguessr .discovery-listen-links a{width:calc(var(--space) * 8);height:calc(var(--space) * 8);color:inherit;transition:filter var(--duration-fast) ease;border-radius:50%;flex:none;place-items:center;display:grid}#corzaguessr .discovery-listen-links img{width:30px;max-width:100%;height:30px;max-height:100%;display:block}#corzaguessr.keyboard-input .discovery-listen-links a:focus-visible{outline:var(--gradient-border-width) solid var(--off-white);outline-offset:var(--space)}#corzaguessr .discovery-item-new{gap:calc(var(--space) * 2)}#corzaguessr .discovery-track{min-width:0}#corzaguessr .discovery-new{background:var(--gradient);color:#0000;-webkit-text-fill-color:transparent;font-size:var(--text-small);white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-weight:800}@media (hover:hover){#corzaguessr:not(.keyboard-input) .discovery-item-toggle:hover:after,#corzaguessr:not(.keyboard-input) .button:not(:disabled):hover:after,#corzaguessr:not(.keyboard-input) .play:not(:disabled):hover:after,#corzaguessr:not(.keyboard-input) .mode:not(:disabled):hover:after{opacity:1}#corzaguessr:not(.keyboard-input) button.action:not(:disabled):hover,#corzaguessr:not(.keyboard-input) .play:not(:disabled):hover,#corzaguessr .volume-control:hover,#corzaguessr .help-button:hover,#corzaguessr .discovery-listen-links a:hover{filter:brightness(var(--hover-brightness))}}@media (max-width:600px){#corzaguessr .guess-lane input{text-indent:0}#corzaguessr .guess-prompt{font-size:clamp(11px, 3.3vw, var(--text-base));translate:0}#corzaguessr .result-track-title{white-space:normal}#corzaguessr .help-content{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-flow:row}#corzaguessr .ruleset.scroll .ruleset-track{--ruleset-scroll-gap:calc(var(--space) * 10);justify-content:flex-start;gap:var(--ruleset-scroll-gap);min-width:max-content;animation:11s linear infinite corzaguessr-ruleset-scroll}#corzaguessr .ruleset.scroll .ruleset-copy{display:inline}#corzaguessr .result-modal,#corzaguessr .help-modal,#corzaguessr .progress-modal{padding:calc(var(--space) * 2);border-radius:0;align-items:center;position:fixed}#corzaguessr .progress-panel{gap:calc(var(--space) * 2);height:min(80dvh,100dvh - 120px);max-height:min(80dvh,100dvh - 120px)}#corzaguessr .discovery-title,#corzaguessr .progress-panel>.actions{padding-top:calc(var(--space) * 2)}#corzaguessr .discovery-items{max-height:none}#corzaguessr .progress-bests{gap:var(--space);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}#corzaguessr .progress-best{min-height:50px;padding:var(--space);grid-column:span 2;gap:0}#corzaguessr .progress-best:last-child:nth-child(odd){grid-column:2/span 2}#corzaguessr .progress-best strong{font-size:var(--text-small)}#corzaguessr .discovery-item-known,#corzaguessr .discovery-item-known.expanded{height:auto;min-height:var(--discovery-row-height)}#corzaguessr .discovery-item-known.expanded{padding-bottom:calc(var(--space) * 3)}#corzaguessr .discovery-item-toggle{height:auto;min-height:var(--discovery-row-height);overflow:visible}#corzaguessr .discovery-item-known.expanded .discovery-item-toggle{padding:0}#corzaguessr .discovery-track-details{min-height:140px;transition:none;display:none;position:static}#corzaguessr .discovery-item-known.expanded .discovery-item-compact{display:none}#corzaguessr .discovery-item-known.expanded .discovery-track-details{display:grid}#corzaguessr .discovery-track-metadata{padding:0}#corzaguessr .discovery-artist,#corzaguessr .discovery-song-title{white-space:normal;-webkit-line-clamp:unset;display:block;overflow:visible}#corzaguessr .discovery-release-date{max-width:none}#corzaguessr .discovery-listen-links{width:auto;margin:0 calc(var(--space) * 3);transition:filter var(--duration-fast) ease;justify-content:center;display:none;position:relative;bottom:auto;right:auto}#corzaguessr .discovery-item-known.expanded .discovery-listen-links{display:flex}}@media (max-width:480px){#corzaguessr .guess-prompt{flex-direction:column;gap:0}#corzaguessr{--volume-width:50px}#corzaguessr .mode-navigation{width:min(100%,280px)}#corzaguessr .progress-button{width:min(calc(var(--button-width) + var(--space) * 2), 100%)}#corzaguessr .volume-bar{width:4px}#corzaguessr .discovery-track-details{--discovery-cover-size:104px;gap:calc(var(--space) * 2)}#corzaguessr .discovery-cover{align-self:center}}@media (max-width:360px){#corzaguessr{--play-size:64px;--volume-height:28px;padding-inline:calc(var(--space) * 2)}#corzaguessr .controls{gap:calc(var(--space) * 2)}#corzaguessr .volume-bars{padding-inline:3px}#corzaguessr .volume-bar{height:calc(5px + var(--volume-step) * 2.2px)}#corzaguessr .timeline{height:calc(var(--control-height) - var(--space))}#corzaguessr .result-shell,#corzaguessr .help-shell,#corzaguessr .progress-shell{width:calc(100% - var(--space) * 4)}#corzaguessr .actions{gap:calc(var(--space) * 2);flex-wrap:wrap}#corzaguessr .actions .button{flex:1 1 calc(var(--button-width) - var(--space) * 2)}}#corzaguessr [hidden]{display:none!important}@media (prefers-reduced-motion:reduce){#corzaguessr *,#corzaguessr :before,#corzaguessr :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){#corzaguessr button:focus-visible,#corzaguessr input:focus-visible{outline:var(--gradient-border-width) solid Highlight;outline-offset:var(--gradient-border-width)}#corzaguessr .discovery-new{color:canvastext;-webkit-text-fill-color:currentColor;background:0 0}#corzaguessr .discovery-item-known:before,#corzaguessr .discovery-item-known:after{display:none}#corzaguessr .volume-bar{border:var(--line-width) solid GrayText;box-shadow:none;background:canvas}#corzaguessr .volume-bar.active{background:highlight;border-color:highlight}#corzaguessr .volume-control.muted .volume-bar:first-child{background:mark;border-color:mark}#corzaguessr .volume-control:focus-within{outline:var(--gradient-border-width) solid Highlight;outline-offset:var(--gradient-border-width);box-shadow:none}#corzaguessr .help-button:focus{outline:var(--gradient-border-width) solid Highlight;outline-offset:var(--gradient-border-width)}#corzaguessr .discovery-listen-links a:focus-visible{outline-color:highlight}#corzaguessr .timeline:has(.position-range:focus-visible){outline:var(--gradient-border-width) solid Highlight;outline-offset:var(--gradient-border-width)}#corzaguessr .position-marker,#corzaguessr .position-distance{box-shadow:none;forced-color-adjust:none;background:highlight}}@keyframes corzaguessr-mode-commit{0%,to{opacity:var(--mode-fill-opacity)}35%{opacity:calc(var(--mode-fill-opacity) * 2)}}@keyframes corzaguessr-timeline-accent{0%{opacity:0;transform:scaleX(0)}to{opacity:var(--timeline-accent-opacity);transform:scaleX(1)}}@keyframes corzaguessr-ruleset-scroll{to{transform:translateX(calc(-50% - var(--ruleset-scroll-gap) / 2))}}@keyframes corzaguessr-blink{50%{opacity:.5}}