.size-it-up{--siu-blue:#80c9f8;--siu-paper:#101b26;--siu-grid:#598caf;color:var(--text)}.siu-column{scrollbar-width:thin;scrollbar-color:#344658 transparent;flex-direction:column;height:100%;padding:clamp(14px,3cqh,28px) clamp(14px,3vw,36px);display:flex;overflow-y:auto}.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{text-align:center;border:0;min-width:0;padding:0}.siu-collection legend{text-transform:uppercase;letter-spacing:.15em;width:100%;color:var(--muted);margin-bottom:10px;font-size:10px}.siu-collection>div{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.siu-collection button{border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);border-radius:20px;padding:9px 13px;font-size:12px}.siu-collection button[aria-pressed=true]{color:var(--siu-blue);background:#80c9f80a;border-color:#80c9f861}.siu-intro-example{text-align:center;width:min(100%,360px);color:var(--siu-blue);background:var(--siu-paper);border:1px solid #80c9f828;border-radius:9px;margin:auto;overflow:hidden}.siu-intro-example svg{width:100%;height:86px;display:block}.siu-intro-example>span{letter-spacing:.04em;color:#a0b8cd;border-top:1px solid #80c9f816;padding:8px 10px;font-size:10px;display:block}.siu-facts{text-align:center;grid-template-columns:1fr 1.45fr 1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.siu-facts li{flex-direction:column;gap:6px;padding:6px 0;display:flex}.siu-facts li+li{border-left:1px solid var(--border)}.siu-facts strong{color:var(--siu-blue);font-variant-numeric:tabular-nums;font-size:17px}.siu-facts span{color:var(--muted);font-size:11px;line-height:1.5}.siu-keys,.siu-record{text-align:center;color:var(--muted);margin:0;font-size:11px;line-height:1.7}.siu-resume{color:var(--siu-blue);background:0 0;border:0;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.siu-unit-switch{border:1px solid var(--border);color:var(--muted);background:var(--surface);white-space:nowrap;border-radius:6px;padding:5px 8px;font-size:10px}.siu-play{flex-direction:column;flex:1;justify-content:center;gap:16px;width:min(100%,900px);margin:auto;display:flex}.siu-board{background:var(--siu-paper);color:var(--siu-blue);border:1px solid #80c9f833;border-radius:10px;overflow:hidden;box-shadow:0 10px 45px #0003}.siu-board-title{letter-spacing:.1em;color:#8eacc4;text-transform:uppercase;border-bottom:1px solid #80c9f81c;justify-content:space-between;gap:10px;padding:10px 16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;display:flex}.siu-board-title>span:first-child{align-items:center;gap:7px;display:flex}.siu-board-title i{background:var(--siu-blue);border-radius:1px;width:5px;height:5px;display:block}.siu-object-labels{text-align:center;grid-template-columns:1fr 1fr;gap:20px;padding:15px 18px 9px;display:grid}.siu-object-labels>div{min-width:0}.siu-object-labels span{letter-spacing:.16em;color:#7b9ab4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.siu-object-labels strong{color:#d9eaff;overflow-wrap:anywhere;margin-top:6px;font-size:17px;line-height:1.3;display:block}.siu-object-labels p{color:#9bbbd7;margin:5px 0 0;font-size:11px;line-height:1.3}.siu-object-labels>div:nth-child(2) strong{color:var(--siu-blue)}.siu-blueprint{touch-action:none;width:100%;height:clamp(200px,39cqh,400px);display:block}.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{z-index:1;background:#101b26e8;border:1px solid #80c9f826;border-radius:6px;align-items:center;gap:3px;display:flex;position:absolute;top:6px;right:9px;overflow:hidden}.siu-board-tools button{color:#9cbcd5;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;min-width:30px;height:30px;padding:0 7px;display:flex}.siu-board-tools button:hover{color:#d8eeff;background:#80c9f818}.siu-board-tools button:disabled{opacity:.3;cursor:default}.siu-board-tools span{font-variant-numeric:tabular-nums;min-width:25px;font-size:9px}@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:1px;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.3px;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:1px;opacity:.65}.siu-detail{fill:none;stroke:#8dcbf36e;stroke-width:.7px;stroke-linejoin:round}.siu-selection{fill:none;stroke:#80c9f852;stroke-width:1px;stroke-dasharray:3 4}.siu-handle{cursor:nwse-resize;touch-action:none;outline:none}.siu-handle>rect{fill:#80c9f8;stroke:#d2ecff;stroke-width:1px}.siu-handle>path{fill:none;stroke:#153247;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.siu-handle:hover>rect,.siu-handle:focus-visible>rect{fill:#c0e8ff;stroke-width:3px}.siu-dimension-line{fill:none;stroke:#9fc6e0;stroke-width:1px}.siu-svg-caption{fill:#79a0be;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.siu-board:not([data-revealed=true]) .siu-outline{transition:none}.siu-ruler-control{flex-direction:column;align-items:center;gap:9px;width:min(100%,560px);margin:0 auto;display:flex}.siu-guess-label{justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:0 30px;display:flex}.siu-guess-label>span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px}.siu-guess-label>strong{color:#d9eaff;font-variant-numeric:tabular-nums;font-size:16px}.siu-guess-label small{color:var(--muted);font-size:10px;font-weight:400}.siu-ruler{align-items:flex-start;gap:9px;width:100%;display:flex}.siu-ruler>button{border:1px solid var(--border-strong);background:var(--surface);width:28px;height:32px;color:var(--muted);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.siu-range-wrap{flex:1;min-width:0;height:50px;position:relative}.siu-ruler-ticks{background:repeating-linear-gradient(90deg,#80c9f84d 0 1px,#0000 1px 12px);border-top:1px solid #80c9f87a;width:100%;height:15px;position:absolute;top:9px}.siu-range-wrap input{appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;width:100%;height:32px;margin:0;display:block;position:relative}.siu-range-wrap input::-webkit-slider-runnable-track{background:0 0;height:2px}.siu-range-wrap input::-moz-range-track{background:0 0;height:2px}.siu-range-wrap input::-webkit-slider-thumb{appearance:none;background:#80c9f8;border:2px solid #d9efff;border-radius:4px;width:15px;height:29px;margin-top:-13px;box-shadow:0 0 0 3px #0d1723}.siu-range-wrap input::-moz-range-thumb{background:#80c9f8;border:2px solid #d9efff;border-radius:4px;width:11px;height:25px;box-shadow:0 0 0 3px #0d1723}.siu-ruler-labels{color:var(--muted);pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:34px;left:0;right:0}.siu-control-hint{color:var(--muted);text-align:center;align-items:center;gap:6px;margin:0;font-size:10px;line-height:1.5;display:flex}.siu-lock{min-width:208px;margin-top:4px}.siu-reveal{width:min(100%,600px);margin:0 auto}.siu-reveal-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.siu-reveal-top>div>strong{color:var(--siu-blue);align-items:center;gap:7px;margin-top:4px;font-size:30px;line-height:1.2;display:flex}.siu-reveal-top small{color:var(--muted);margin-top:9px;font-size:10px;font-weight:450}.siu-reveal-top .eyebrow{color:#b6d5eb;letter-spacing:.11em}.siu-comparison{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:18px;margin-top:13px;padding:12px 0;display:grid}.siu-comparison p{flex-direction:column;gap:5px;margin:0;display:flex}.siu-comparison span{color:var(--muted);font-size:10px}.siu-comparison strong{color:#d9eaff;font-size:15px}.siu-source{color:var(--muted);margin-top:9px;font-size:10px;line-height:1.6}.siu-source summary{cursor:pointer;padding:3px 0}.siu-source p{max-width:65ch;margin:7px 0}.siu-source a{color:var(--siu-blue);align-items:center;gap:5px;display:inline-flex}.siu-source-check{color:var(--faint)}.siu-results{flex-direction:column;gap:16px;width:min(100%,560px);margin:auto;padding:12px 0;display:flex}.siu-results .siu-mark{width:52px;height:32px;margin:0 auto 12px}.siu-results .score-display{font-size:clamp(50px,9cqh,80px)}.siu-breakdown{border-top:1px solid var(--border);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.siu-breakdown li{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:12px 3px;display:flex}.siu-round-grade{color:var(--faint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.siu-round-grade.perfect{color:var(--siu-blue)}.siu-breakdown li>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.siu-breakdown li>div>strong{overflow-wrap:anywhere;font-size:13px}.siu-breakdown li>div>span{color:var(--muted);font-size:10px}.siu-breakdown li>strong{color:var(--siu-blue);font-variant-numeric:tabular-nums;font-size:15px}.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{padding:9px;font-size:7px}.siu-object-labels{gap:12px;padding:12px 9px 4px}.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{padding:8px 10px;font-size:11px}.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{letter-spacing:.12em;font-size:9px}}@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}}