.size-it-up{--siu-blue:#80c9f8;--siu-paper:#101b26;--siu-grid:#598caf;color:var(--text)}.siu-column{height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:clamp(14px,3cqh,28px) clamp(14px,3vw,36px);scrollbar-width:thin;scrollbar-color:#344658 transparent}.siu-hud{width:min(100%,760px);margin:0 auto 18px}.siu-mark{width:70px;height:44px;color:var(--siu-blue);margin-bottom:22px}.siu-intro{gap:clamp(12px,2.2cqh,20px);width:min(100%,640px)}.siu-intro .intro-heading>p{font-size:16px;line-height:1.45}.siu-collection{padding:0;border:0;min-width:0;text-align:center}.siu-collection legend{width:100%;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:10px}.siu-collection>div{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.siu-collection button{border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);padding:9px 13px;border-radius:20px;font-size:12px}.siu-collection button[aria-pressed=true]{color:var(--siu-blue);border-color:#80c9f861;background:#80c9f80a}.siu-intro-example{width:min(100%,360px);margin:auto;text-align:center;color:var(--siu-blue);border:1px solid #80c9f828;border-radius:9px;overflow:hidden;background:var(--siu-paper)}.siu-intro-example svg{display:block;width:100%;height:86px}.siu-intro-example>span{display:block;font-size:10px;letter-spacing:.04em;color:#a0b8cd;padding:8px 10px;border-top:1px solid #80c9f816}.siu-facts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1.45fr 1fr;text-align:center;gap:12px}.siu-facts li{display:flex;flex-direction:column;gap:6px;padding:6px 0}.siu-facts li+li{border-left:1px solid var(--border)}.siu-facts strong{font-size:17px;color:var(--siu-blue);font-variant-numeric:tabular-nums}.siu-facts span{font-size:11px;color:var(--muted);line-height:1.5}.siu-keys,.siu-record{text-align:center;color:var(--muted);font-size:11px;line-height:1.7;margin:0}.siu-resume{display:flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--siu-blue);padding:8px 12px;font-size:12px}.siu-unit-switch{font-size:10px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;color:var(--muted);background:var(--surface);white-space:nowrap}.siu-play{width:min(100%,900px);margin:auto;display:flex;flex-direction:column;gap:16px;flex:1;justify-content:center}.siu-board{background:var(--siu-paper);border:1px solid #80c9f833;border-radius:10px;overflow:hidden;color:var(--siu-blue);box-shadow:0 10px 45px #0003}.siu-board-title{padding:10px 16px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #80c9f81c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.1em;color:#8eacc4;text-transform:uppercase}.siu-board-title>span:first-child{display:flex;align-items:center;gap:7px}.siu-board-title i{display:block;width:5px;height:5px;background:var(--siu-blue);border-radius:1px}.siu-object-labels{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center;padding:15px 18px 9px}.siu-object-labels>div{min-width:0}.siu-object-labels span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.16em;color:#7b9ab4}.siu-object-labels strong{display:block;font-size:17px;line-height:1.3;color:#d9eaff;margin-top:6px;overflow-wrap:anywhere}.siu-object-labels p{font-size:11px;margin:5px 0 0;color:#9bbbd7;line-height:1.3}.siu-object-labels>div:nth-child(2) strong{color:var(--siu-blue)}.siu-blueprint{display:block;width:100%;height:clamp(200px,39cqh,400px);touch-action:none}.siu-board-view{position:relative}.siu-board-view[data-zoomed=true] .siu-blueprint{cursor:grab}.siu-board-view[data-zoomed=true] .siu-blueprint:active{cursor:grabbing}.siu-board-tools{position:absolute;top:6px;right:9px;display:flex;align-items:center;gap:3px;z-index:1;background:#101b26e8;border:1px solid #80c9f826;border-radius:6px;overflow:hidden}.siu-board-tools button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:30px;height:30px;border:0;background:transparent;color:#9cbcd5;cursor:pointer;padding:0 7px}.siu-board-tools button:hover{background:#80c9f818;color:#d8eeff}.siu-board-tools button:disabled{opacity:.3;cursor:default}.siu-board-tools span{font-size:9px;min-width:25px;font-variant-numeric:tabular-nums}@media(max-width:600px){.siu-board-tools{top:3px;right:4px}.siu-board-tools button{min-width:36px;height:36px;padding:0 5px}.siu-board-tools span{font-size:8px}}.siu-baseline{fill:none;stroke:#80c9f83d;stroke-width:1;stroke-dasharray:3 5}.siu-outline{transform-origin:0 0;transition:transform .65s cubic-bezier(.18,.8,.2,1)}.siu-outline>path:first-child{stroke-width:1.3;stroke-linejoin:round}.siu-reference>path:first-child{fill:#8eb8d829;stroke:#a7c8e1}.siu-target>path:first-child{fill:#80c9f838;stroke:#80c9f8}.siu-ghost>path:first-child{fill:none;stroke:#b4c9db;stroke-dasharray:4 4;stroke-width:1;opacity:.65}.siu-detail{fill:none;stroke:#8dcbf36e;stroke-width:.7;stroke-linejoin:round}.siu-selection{fill:none;stroke:#80c9f852;stroke-width:1;stroke-dasharray:3 4}.siu-handle{cursor:nwse-resize;touch-action:none;outline:none}.siu-handle>rect{fill:#80c9f8;stroke:#d2ecff;stroke-width:1}.siu-handle>path{fill:none;stroke:#153247;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.siu-handle:focus-visible>rect,.siu-handle:hover>rect{fill:#c0e8ff;stroke-width:3}.siu-dimension-line{fill:none;stroke:#9fc6e0;stroke-width:1}.siu-svg-caption{font-size:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;fill:#79a0be;letter-spacing:.12em}.siu-board:not([data-revealed=true]) .siu-outline{transition:none}.siu-ruler-control{width:min(100%,560px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:9px}.siu-guess-label{display:flex;align-items:baseline;justify-content:space-between;width:100%;gap:12px;padding:0 30px}.siu-guess-label>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.siu-guess-label>strong{font-size:16px;color:#d9eaff;font-variant-numeric:tabular-nums}.siu-guess-label small{color:var(--muted);font-size:10px;font-weight:400}.siu-ruler{width:100%;display:flex;gap:9px;align-items:flex-start}.siu-ruler>button{flex-shrink:0;width:28px;height:32px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);color:var(--muted)}.siu-range-wrap{position:relative;flex:1;height:50px;min-width:0}.siu-ruler-ticks{position:absolute;top:9px;height:15px;width:100%;background:repeating-linear-gradient(90deg,#80c9f84d 0 1px,transparent 1px 12px);border-top:1px solid #80c9f87a}.siu-range-wrap input{position:relative;margin:0;width:100%;height:32px;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y;display:block}.siu-range-wrap input::-webkit-slider-runnable-track{height:2px;background:transparent}.siu-range-wrap input::-moz-range-track{height:2px;background:transparent}.siu-range-wrap input::-webkit-slider-thumb{appearance:none;width:15px;height:29px;margin-top:-13px;border-radius:4px;border:2px solid #d9efff;background:#80c9f8;box-shadow:0 0 0 3px #0d1723}.siu-range-wrap input::-moz-range-thumb{width:11px;height:25px;border-radius:4px;border:2px solid #d9efff;background:#80c9f8;box-shadow:0 0 0 3px #0d1723}.siu-ruler-labels{display:flex;justify-content:space-between;position:absolute;left:0;right:0;top:34px;font-size:9px;color:var(--muted);pointer-events:none}.siu-control-hint{margin:0;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);text-align:center;line-height:1.5}.siu-lock{min-width:208px;margin-top:4px}.siu-reveal{width:min(100%,600px);margin:0 auto}.siu-reveal-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.siu-reveal-top>div>strong{display:flex;align-items:center;gap:7px;font-size:30px;color:var(--siu-blue);margin-top:4px;line-height:1.2}.siu-reveal-top small{font-size:10px;font-weight:450;color:var(--muted);margin-top:9px}.siu-reveal-top .eyebrow{color:#b6d5eb;letter-spacing:.11em}.siu-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:13px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.siu-comparison p{display:flex;flex-direction:column;gap:5px;margin:0}.siu-comparison span{font-size:10px;color:var(--muted)}.siu-comparison strong{font-size:15px;color:#d9eaff}.siu-source{margin-top:9px;color:var(--muted);font-size:10px;line-height:1.6}.siu-source summary{cursor:pointer;padding:3px 0}.siu-source p{margin:7px 0;max-width:65ch}.siu-source a{display:inline-flex;align-items:center;gap:5px;color:var(--siu-blue)}.siu-source-check{color:var(--faint)}.siu-results{width:min(100%,560px);margin:auto;display:flex;flex-direction:column;gap:16px;padding:12px 0}.siu-results .siu-mark{width:52px;height:32px;margin:0 auto 12px}.siu-results .score-display{font-size:clamp(50px,9cqh,80px)}.siu-breakdown{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}.siu-breakdown li{display:flex;align-items:center;gap:13px;padding:12px 3px;border-bottom:1px solid var(--border)}.siu-round-grade{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--faint);font-size:11px}.siu-round-grade.perfect{color:var(--siu-blue)}.siu-breakdown li>div{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}.siu-breakdown li>div>strong{font-size:13px;overflow-wrap:anywhere}.siu-breakdown li>div>span{font-size:10px;color:var(--muted)}.siu-breakdown li>strong{color:var(--siu-blue);font-size:15px;font-variant-numeric:tabular-nums}.siu-results-controls{gap:8px}@media(max-width:600px){.siu-column{padding:13px 10px}.siu-hud{margin-bottom:12px}.siu-play{gap:12px}.siu-board-title{font-size:7px;padding:9px}.siu-object-labels{padding:12px 9px 4px;gap:12px}.siu-object-labels strong{font-size:14px}.siu-object-labels p{font-size:10px}.siu-object-labels span{font-size:7px}.siu-blueprint{height:clamp(220px,36cqh,330px)}.siu-control-hint{font-size:9px}.siu-reveal-top>div>strong{font-size:26px}.siu-reveal-top small{font-size:9px}.siu-collection button{font-size:11px;padding:8px 10px}.siu-facts{gap:5px}.siu-facts strong{font-size:14px}.siu-facts span,.siu-record{font-size:10px}.siu-results{gap:13px}.siu-results .eyebrow{font-size:9px;letter-spacing:.12em}}@media(max-height:700px) and (min-width:601px){.siu-blueprint{height:28cqh}.siu-play{gap:10px}.siu-column{padding-top:15px;padding-bottom:15px}.siu-hud{margin-bottom:10px}.siu-object-labels{padding-top:9px}.siu-ruler-control{gap:5px}.siu-intro-example{display:none}}@media(prefers-reduced-motion:reduce){.siu-outline{transition:none!important}}.size-it-up{--text:#e3edf6;--muted:#9bafc1;--faint:#8ba0b4;--surface:#142230;--border:#ffffff14;--border-strong:#ffffff29;--accent:#80c9f8;--background:#0b141e;--radius:9px;position:relative;isolation:isolate;container-type:size;width:100%;height:clamp(640px,calc(100svh - 155px),960px);background:var(--background);border-radius:18px;overflow:hidden;color-scheme:dark;font-family:ui-sans-serif,system-ui,sans-serif}.size-it-up *{box-sizing:border-box}.size-it-up h2,.size-it-up h3{color:inherit}.size-it-up button,.size-it-up input,.size-it-up textarea{font-family:inherit}.size-it-up button{cursor:pointer;transition:background .15s,color .15s}.size-it-up button:disabled{cursor:not-allowed;opacity:.4}.size-it-up a:focus-visible,.size-it-up button:focus-visible,.size-it-up input:focus-visible,.size-it-up textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.size-it-up button svg{flex-shrink:0}.size-it-up .vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#80c9f80a,transparent 75%)}.size-it-up .eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}.size-it-up .intro-scroll{height:100%;width:100%;overflow:auto;display:flex;padding:24px 18px}.size-it-up .intro{margin:auto;display:flex;flex-direction:column}.size-it-up .intro-heading{display:flex;flex-direction:column;align-items:center;text-align:center}.size-it-up .intro h2{font-size:clamp(27px,5cqh,40px);line-height:1.1;letter-spacing:-.035em;font-weight:750}.size-it-up .intro-heading>p{color:var(--muted);margin:14px 0 0}.size-it-up .intro-cta{display:flex;flex-direction:column;gap:8px;align-items:center}.size-it-up .play-solo{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;min-width:210px;background:#80c9f8;color:#102538;border:0;border-radius:100px;padding:16px 30px;font-size:18px;font-weight:750}.size-it-up .play-solo:hover{background:#a4d9fa}.size-it-up .pool-count{font-size:12px;color:var(--muted);text-align:center;margin:4px 0}.size-it-up .invalid{color:#fda4af}.size-it-up .text-button{border:0;background:none;color:var(--accent);padding:8px}.size-it-up .hud{flex-shrink:0}.size-it-up .stage-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.size-it-up .stage{display:flex;flex-direction:column;gap:6px;text-align:center;font-size:9px;font-weight:650;color:var(--faint);text-transform:uppercase}.size-it-up .stage i{height:3px;border-radius:3px;background:#ffffff19}.size-it-up .stage.current{color:var(--text)}.size-it-up .stage.current i{background:var(--text)}.size-it-up .stage.solved{color:var(--accent)}.size-it-up .stage.solved i{background:var(--accent)}.size-it-up .hud-meta{display:flex;align-items:center;gap:10px;margin-top:12px}.size-it-up .hud-score{display:flex;align-items:baseline;gap:5px}.size-it-up .hud-score strong{font-size:20px;font-weight:750}.size-it-up .hud-score span,.size-it-up .round-count{font-size:11px;color:var(--muted)}.size-it-up .round-count{margin-left:auto}.size-it-up .back-button{display:flex;gap:6px;align-items:center;padding:7px 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--muted);font-size:11px}.size-it-up .button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid var(--border-strong);border-radius:9px;padding:11px 16px;font-size:14px;font-weight:700;min-height:44px}.size-it-up .primary{background:var(--accent);color:#102538;border-color:var(--accent)}.size-it-up .secondary{background:var(--surface);color:var(--text)}.size-it-up .results-heading{text-align:center}.size-it-up .score-display{font-weight:800;letter-spacing:-.045em;line-height:1;margin:16px 0 8px}.size-it-up .score-denominator{font-size:12px;color:var(--muted)}.size-it-up .results-controls{display:flex;flex-direction:column}.size-it-up .results-controls>div{display:flex;gap:8px}.size-it-up .results-controls>div button{flex:1}.size-it-up .share-modal{position:absolute;inset:0;z-index:100;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px}.size-it-up .share-modal>div{position:relative;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;padding:28px;width:min(100%,400px)}.size-it-up .modal-close{position:absolute;right:12px;top:8px;background:none;border:0;color:var(--text);font-size:24px;padding:5px}.size-it-up .share-modal h2{font-weight:700;font-size:20px}.size-it-up .share-modal p{font-size:13px;color:var(--muted);margin:12px 0}.size-it-up .share-modal textarea{width:100%;height:180px;background:var(--background);color:var(--text);padding:12px;margin-bottom:12px;border:1px solid var(--border-strong);border-radius:8px;font-size:12px}.size-it-up .enter{animation:siu-enter .25s ease-out both}@keyframes siu-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.size-it-up .enter{animation:none}}@media(max-width:600px){.size-it-up{height:760px;max-height:calc(100svh - 80px);min-height:650px;border-radius:12px}.size-it-up .stage{font-size:8px}.siu-board-title,.siu-object-labels span{font-size:9px}.siu-control-hint{font-size:10px}}