.game-stage:has(.game-section){box-sizing:border-box;flex-direction:column;min-height:100svh;padding-bottom:12px;display:flex}.game-stage:has(.game-section)>main{flex-direction:column;flex:auto;min-height:0;display:flex}.round-progress{gap:13px;display:flex}.round-progress span{background:#d9dad2;border-radius:50%;width:15px;height:15px}.round-progress span.active,.round-progress span.complete{background:var(--blue)}.round-count{letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.game-section{overflow-anchor:none;flex-direction:column;flex:auto;min-height:0;padding-top:16px;display:flex}.question-block{flex:none;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:12px;display:flex}.question-copy{min-width:0}.round-status{flex:none;align-items:center;gap:16px;padding-top:12px;display:flex}.question-block h1{letter-spacing:-1.6px;margin:0 0 6px;font-size:clamp(28px,3.2vw,42px);font-weight:750;line-height:1.08}.question-block p{letter-spacing:-.4px;margin-bottom:0;font-size:clamp(16px,1.5vw,20px)}.game-board{--resize-handle-size:64px;--canvas-zoom-size:40px;--object-baseline-inset:16px;border-bottom:2px solid var(--ink);background-image:linear-gradient(90deg,#c7cec555 1px,#0000 1px),linear-gradient(0deg,#c7cec555 1px,#0000 1px),linear-gradient(90deg,#c2c9bc66 1px,#0000 1px),linear-gradient(0deg,#c2c9bc66 1px,#0000 1px);background-size:calc(40px * var(--grid-view,1)) calc(40px * var(--grid-view,1)), calc(40px * var(--grid-view,1)) calc(40px * var(--grid-view,1)), calc(200px * var(--grid-view,1)) calc(200px * var(--grid-view,1)), calc(200px * var(--grid-view,1)) calc(200px * var(--grid-view,1));background-position:left 0 bottom var(--object-baseline-inset);touch-action:pan-y;flex:auto;height:auto;min-height:180px;max-height:min(420px,max(34vw,42svh));position:relative}.canvas-zoom{z-index:4;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:12px;right:12px}.canvas-zoom button{width:var(--canvas-zoom-size);height:var(--canvas-zoom-size);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 2px #13141114}.canvas-zoom button:hover:not(:disabled){color:var(--blue);border-color:#b7c2f5}.canvas-zoom button:disabled{opacity:.38}.comparison{--corner-gap:8px;--corner-size:19px;--corner-stroke:3px;flex-direction:column;flex:auto;min-height:0;max-height:calc(min(420px,max(34vw,42svh)) + 80px);display:flex}.reference-object,.target-object,.estimate-ghost{bottom:var(--object-baseline-inset);position:absolute}.reference-object{z-index:2}.target-object{z-index:3}.artwork{pointer-events:none;width:100%;height:100%;display:block;position:relative;overflow:hidden}.artwork img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.measurement-mark{color:var(--blue);pointer-events:none;position:absolute}.measurement-mark.is-height{border-top:2px solid;border-bottom:2px solid;border-right:2px solid;width:8px;right:-12px}.measurement-mark.is-length{border-bottom:2px solid;border-left:2px solid;border-right:2px solid;height:8px;bottom:-5px}.resize-handle{left:calc(100% + var(--resize-handle-gap));bottom:calc(100% + var(--resize-handle-gap));width:var(--resize-handle-size);height:var(--resize-handle-size);background:color-mix(in srgb, var(--blue) 78%, transparent);color:#fff;touch-action:none;cursor:none;z-index:5;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.resize-handle:hover:not(:disabled),.resize-handle:focus-visible{background:color-mix(in srgb, var(--blue) 90%, transparent)}.resize-handle:disabled{opacity:.75;cursor:default}.scale-pointer{z-index:6;pointer-events:none;filter:drop-shadow(0 1px 1.5px #00000073);width:22px;height:22px;position:absolute;transform:translate(-11px,-11px)}html.is-scaling,html.is-scaling *{cursor:none!important}.corner{width:min(var(--corner-size), calc(25% + var(--corner-gap)));height:min(var(--corner-size), calc(25% + var(--corner-gap)));border-color:var(--blue);pointer-events:none;border-style:solid;border-width:0;position:absolute}.corner-tl{left:calc(-1 * var(--corner-gap));top:calc(-1 * var(--corner-gap));border-top-width:var(--corner-stroke);border-left-width:var(--corner-stroke)}.corner-tr{right:calc(-1 * var(--corner-gap));top:calc(-1 * var(--corner-gap));border-top-width:var(--corner-stroke);border-right-width:var(--corner-stroke)}.corner-bl{left:calc(-1 * var(--corner-gap));bottom:calc(-1 * var(--corner-gap));border-bottom-width:var(--corner-stroke);border-left-width:var(--corner-stroke)}.corner-br{right:calc(-1 * var(--corner-gap));bottom:calc(-1 * var(--corner-gap));border-bottom-width:var(--corner-stroke);border-right-width:var(--corner-stroke)}.drag-annotation{right:calc(20px - var(--resize-handle-gap));bottom:calc(100% + var(--resize-handle-gap) + var(--resize-handle-size) / 2);white-space:nowrap;letter-spacing:.4px;pointer-events:none;text-shadow:0 0 6px var(--paper), 0 1px 0 var(--paper);font-family:cursive;font-size:18px;font-style:italic;position:absolute;transform:rotate(-12deg)}.drag-annotation svg{width:32px;height:32px;position:absolute;top:24px;right:-2px;transform:rotate(28deg)}.drag-annotation.is-beside{right:auto;left:calc(100% + var(--resize-handle-gap) + var(--resize-handle-size) + 34px);bottom:calc(100% + var(--resize-handle-gap) + var(--resize-handle-size) * .6)}.drag-annotation.is-beside svg{top:14px;left:-34px;right:auto;transform:scaleX(-1)rotate(28deg)}.object-labels{--label-gap:20px;align-items:flex-start;column-gap:var(--label-gap);text-align:center;flex:none;min-height:72px;padding-top:8px;display:flex;overflow:hidden}.object-labels>div{box-sizing:border-box;padding-inline:4px}.reference-label{min-width:max(0px, calc(var(--label-start,28%) - var(--label-gap)));flex:none;max-width:45%}.is-revealed .reference-label{min-width:max(calc(var(--label-start,28%) - var(--label-gap)), min(190px, 30%))}.target-label{min-width:var(--label-span,0%);flex:0 auto}.object-labels strong{letter-spacing:-.6px;font-size:21px;font-weight:700;display:block}.object-labels span{text-transform:uppercase;letter-spacing:1.5px;width:0;min-width:100%;color:var(--muted);margin-top:6px;font-size:12px;font-weight:600;line-height:1.3;display:block}.game-controls,.game-meta{flex:none}.game-controls{box-sizing:border-box;grid-template-columns:max-content max-content max-content;justify-content:center;align-items:center;column-gap:36px;min-height:96px;padding-top:16px;display:grid;container-type:inline-size}.control-side{align-items:center;display:flex;position:relative}.fine-tune{align-items:center;gap:14px;font-size:14px;font-weight:600;display:flex}.button.lock-button{white-space:normal;text-align:center;gap:14px;width:248px;min-width:248px;min-height:58px;font-size:clamp(17px,1.5vw,21px);line-height:1.2}.button.lock-button>svg{flex-shrink:0}.button.lock-button.is-results{letter-spacing:-.3px;font-size:17px}.reset-button{width:52px;height:52px}.is-revealed .fine-tune,.is-revealed .reset-button{visibility:hidden}.round-feedback{z-index:1;text-align:left;pointer-events:none;align-items:center;gap:16px;width:max-content;max-width:min(34rem,50cqi - 9rem);max-height:72px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.is-revealed .round-feedback{animation:.18s control-reveal}.round-points{color:var(--blue);letter-spacing:-2px;font-size:43px;font-weight:750;line-height:1}.round-points small{letter-spacing:0;color:var(--muted);margin-left:4px;font-size:14px;font-weight:500}.round-copy{min-width:0}.round-copy strong{font-size:18px}.round-copy p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.compact-miss{display:none}@container (width<=860px){.round-feedback{gap:10px;max-width:calc(50cqi - 1.5rem);overflow:hidden}.round-points{font-size:28px}.round-copy strong{white-space:nowrap;font-size:15px}.round-copy p{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}}.game-meta{align-items:baseline;gap:18px;width:100%;min-width:0;min-height:22px;margin:8px 0 0;font-size:14px;display:flex}.game-meta>span{flex:none}.round-fact{min-width:0;color:var(--muted);flex:1;align-items:baseline;gap:6px;margin:0;font-size:12px;line-height:1.4;display:flex}.round-fact>span{overflow-wrap:anywhere;min-width:0}.round-fact a{flex:none;align-items:center;gap:2px;display:inline-flex}@keyframes control-reveal{0%{opacity:0}}.estimate-ghost{opacity:.18;z-index:1}.is-revealed .target-object{transition:width .45s,height .45s}.actual-badge,.guess-badge{text-transform:uppercase;letter-spacing:1px;white-space:nowrap;pointer-events:none;font-size:12px;font-weight:600}.actual-badge{color:var(--blue);position:absolute;top:-30px;left:50%;transform:translate(-50%)}.guess-badge{z-index:4;color:color-mix(in srgb, var(--blue) 85%, var(--paper));position:absolute;transform:translate(-50%)}.spinner{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:19px;height:19px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.debug-reset{z-index:30;border:1px dashed var(--error);background:var(--paper);color:var(--error);border-radius:100px;min-height:36px;padding:6px 14px;font-size:12px;font-weight:650;position:fixed;bottom:16px;left:16px}a.debug-reset{align-items:center;text-decoration:none;display:inline-flex}button.debug-reset{bottom:60px}.debug-reset:hover:not(:disabled){background:#a3362414}@media (width<=1050px){.game-controls{column-gap:24px}.button.lock-button{width:220px;min-width:220px}.button.lock-button.is-results,.drag-annotation{font-size:16px}}@media (width<=700px){.question-block{flex-wrap:wrap;gap:8px}.round-status{order:-1;justify-content:flex-end;width:100%;padding-top:0}.game-section{padding-top:12px}.question-block{margin-bottom:10px}.question-block h1{letter-spacing:-1px;font-size:28px}.question-block p{letter-spacing:-.3px;max-width:290px;margin-top:6px;font-size:15px;line-height:1.4}.game-board{--resize-handle-size:47px;--canvas-zoom-size:34px;--object-baseline-inset:12px;background-size:calc(24px * var(--grid-view,1)) calc(24px * var(--grid-view,1)), calc(24px * var(--grid-view,1)) calc(24px * var(--grid-view,1)), calc(120px * var(--grid-view,1)) calc(120px * var(--grid-view,1)), calc(120px * var(--grid-view,1)) calc(120px * var(--grid-view,1));min-height:160px;max-height:248px}.canvas-zoom{gap:6px;top:8px;right:8px}.comparison{--corner-gap:6px;--corner-size:12px;--corner-stroke:2px;max-height:314px}.object-labels{--label-gap:12px;min-height:58px}.object-labels strong{letter-spacing:-.5px;font-size:14px}.object-labels span{letter-spacing:1px;font-size:10px}.resize-handle svg{width:25px;height:25px}.drag-annotation{font-size:15px}.drag-annotation svg{width:22px;height:22px}.game-controls{grid-template-columns:minmax(0,1fr) 48px;justify-content:stretch;gap:10px;min-height:0;padding-top:8px}.control-side{grid-column:1/-1;min-height:44px}.fine-tune{justify-content:center;gap:26px;font-size:12px}.button.lock-button{grid-area:2/1;width:100%;min-width:0;min-height:52px;font-size:18px}.button.lock-button.is-results{font-size:16px}.reset-button{grid-area:2/2;width:47px;height:47px}.round-feedback{justify-content:center;gap:12px;width:100%;max-width:none;height:100%;inset:0;transform:none}.round-points{font-size:22px}.round-copy strong{font-size:14px}.compact-miss{color:var(--muted);font-weight:600;display:inline}.compact-miss:not(:empty):before{content:" · "}.round-copy p{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.game-meta{flex-wrap:wrap;row-gap:4px;margin-top:8px;font-size:12px}.round-fact{flex-basis:100%}}@media (width<=380px){.question-block h1{font-size:27px}}@media (width>=701px) and (orientation:portrait){.game-board{max-height:min(600px,48svh)}.comparison{max-height:calc(min(600px,48svh) + 80px)}}@media (width>=701px) and (height<=820px){.game-section{padding-top:10px}.question-block{margin-bottom:8px}.question-block h1{letter-spacing:-1.2px;font-size:clamp(26px,2.5vw,34px)}.question-block p{font-size:16px}.game-controls{min-height:80px;padding-top:10px}.object-labels{min-height:56px}}