@charset "UTF-8";:root{font-family:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;color:#234b51;background:#edf8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 38% 38%,#fff9e5,transparent 48%),linear-gradient(145deg,#f0fbf5,#e0f3f5);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #1caf96;outline-offset:3px}a{color:inherit}header{height:78px;display:flex;align-items:center;justify-content:space-between;margin:0 4%;border-bottom:1px solid #c7e1dd75;gap:15px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:850;letter-spacing:-1px;font-size:23px}.brand b{border-radius:11px;color:white;background:#27b79e;width:34px;height:34px;display:grid;place-items:center;box-shadow:0 3px 0 #199e87}nav{display:flex;gap:6px;padding:5px;background:#fff8;border-radius:30px}nav button{border:0;background:none;border-radius:24px;padding:9px 22px;font-size:11px;font-weight:800;color:#759597}nav .on{background:#28565b;color:white;box-shadow:0 2px 5px #28565b22}nav small{font-size:9px;opacity:.65;margin-left:5px}.edition{font-size:9px;letter-spacing:1.5px;color:#85a2a2}.edition b{color:#55777c;margin-left:9px}.intro{display:flex;justify-content:space-between;align-items:center;padding:28px 4% 22px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#27a68f}h1{font-size:32px;letter-spacing:-1.6px;margin:7px 0 0}h1 span{color:#27b79e}.intro p{font-size:11px;line-height:1.8;color:#81a09f}main{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:26px;padding:0 4%;max-width:1700px;margin:auto}.stage{position:relative;min-width:0;border:1px solid #ffffffb0;border-radius:25px;background:linear-gradient(135deg,#ffffff30,#dff3f430);overflow:hidden}.stage-top{position:absolute;z-index:4;left:22px;right:20px;top:17px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.stage-top>span{font-size:9px;letter-spacing:1.4px;color:#769b9c}.stage-top>div{display:flex;gap:5px;pointer-events:auto}.stage-top button,.stage-bottom button{border:1px solid #fff;border-radius:9px;background:#ffffffbf;color:#587d80;padding:8px 9px;font-size:10px}.stage-top button[aria-pressed=true]{background:#28565b;color:white}.stage-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 22px 16px;gap:10px;font-size:9px;color:#82a19f}.stage-bottom button{font-size:9px;padding:6px 9px}#viewport{height:clamp(510px,64vh,730px);position:relative;touch-action:none}#viewport canvas{display:block;width:100%;height:100%;cursor:grab}#viewport canvas:active{cursor:grabbing}#leaders,#labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#leaders{z-index:2}#labels{z-index:3}.tile-label{position:absolute;width:76px;border:1px solid #ffffff;border-left:3px solid var(--color);border-radius:6px;background:#fffdf1f2;color:#35565b;padding:3px 3px 2px;font-size:8px;line-height:1.2;text-align:center;box-shadow:0 2px 4px #24555e0d;pointer-events:auto;min-height:28px}.tile-label b{font-size:9px;display:block;font-weight:850}.tile-label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.tile-label.selected{background:#285b5d;color:white;outline:2px solid #fff}.tile-label.special{width:58px;min-height:24px;font-weight:800;background:#fbefd6}.tile-label.small{width:41px;min-height:24px;font-size:7px}.tile-label.small span{display:none}.tile-label.small b{font-size:8px}.tile-label[hidden]{display:none}#loading{position:absolute;top:50%;width:100%;text-align:center;font-size:12px;color:#58978f}#center-mark{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:.64}#center-mark span{display:block;font-weight:900;font-size:clamp(23px,3vw,42px);letter-spacing:-2px;color:#4d9d95}#center-mark small{display:block;font-size:7px;letter-spacing:3px;margin-top:3px;color:#6faba4}#center-mark b{display:block;font-size:9px;letter-spacing:.5px;color:#83ada8;margin-top:15px}aside{background:#ffffffb5;border:1px solid #fff;border-radius:24px;padding:24px 23px;align-self:start;box-shadow:0 12px 25px #39696a08}.selection-heading{display:flex;align-items:center;gap:10px;margin-top:15px}h2{font-size:20px;letter-spacing:-1px;margin:0}#tier{font-size:9px;color:#a57a29;background:#fff0c5;border-radius:6px;padding:5px;font-weight:800;flex:none}#location{font-size:10px;color:#92a7a8;margin:8px 0 20px}.property-stats{display:flex;gap:40px}.property-stats small{display:block;font-size:8px;color:#9aacac;margin-bottom:5px}.property-stats b{font-size:22px;letter-spacing:-.6px}.property-stats div:last-child b{font-size:17px;color:#6d9093}.divider{height:1px;background:#e4eeeb;margin:21px 0}.section-label{font-size:8px;letter-spacing:1px;color:#8ba4a4;font-weight:800}h3{font-size:16px;margin:8px 0}#form-description{font-size:10px;line-height:1.8;color:#86a1a2;min-height:36px}.variants{display:flex;gap:6px;margin:12px 0 23px}.variants button{border:1px solid #dbece7;border-radius:8px;color:#719594;background:#fff;font-size:9px;padding:8px;flex:1}.variants button.on{border-color:#29b599;color:#249e89;background:#e4f7ee}.growth{display:flex;gap:7px;margin-top:10px}.growth button{flex:1;border:1px solid #deebe7;background:#fff;color:#7a9898;border-radius:10px;padding:9px 2px;font-size:17px;font-weight:850}.growth button small{display:block;font-size:8px;font-weight:400;margin-top:4px}.growth button.on{background:#28b49b;color:#fff;border-color:#28b49b;box-shadow:0 3px 0 #1b9c86}.help{font-size:8px;color:#a1b5b2;line-height:1.7;margin:11px 0 20px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:#295c60;color:white;border:0;border-radius:11px;padding:13px;font-size:10px;font-weight:700}.stress,.secondary{width:100%;background:none;color:#709b9c;border:1px solid #d3e7e2;border-radius:10px;font-size:10px;padding:11px;margin-top:9px}.stress[aria-pressed=true]{background:#ffebc5;border-color:#efca74;color:#9c7339}.note{display:flex;gap:10px;align-items:center;margin-top:22px;color:#2eb79e}.note span{font-size:9px}.note p{font-size:9px;line-height:1.7;color:#94abaa;margin:0}.collection{padding:27px 4%;display:flex;align-items:center;gap:35px;max-width:1700px;margin:auto}.collection h2{font-size:17px;margin-top:6px}.families{display:flex;gap:9px;flex:1}.families button{border:1px solid #fff;background:#ffffff86;flex:1;border-radius:12px;padding:12px 10px;text-align:left;color:#5b8385;font-size:10px}.families button b{display:block;font-size:9px;color:var(--accent);margin-bottom:5px}.families button.on{background:#fff;border-color:#a1d5c9}.families button small{display:block;font-size:8px;color:#9fb4b4;margin-top:4px}footer{display:flex;justify-content:space-between;align-items:center;padding:0 4% 24px;font-size:9px;color:#96b0b0}footer>div{display:flex;gap:17px;align-items:center}footer button{border:0;background:none;font:inherit;color:#668e90}footer a{text-decoration:none}dialog{width:calc(100% - 30px);max-width:520px;border:1px solid white;border-radius:22px;padding:32px;background:#f6fcf9;color:#325b5e;max-height:90vh}dialog::backdrop{background:#1e424c55;backdrop-filter:blur(4px)}dialog h2{margin-top:13px}dialog p,dialog dl{font-size:11px;line-height:1.9;color:#7b9695}dialog dt{font-weight:800;color:#3e6a6c;margin-top:15px}dialog dd{margin:0}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:23px;color:#86a09f}
@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 235px;gap:14px}aside{padding:20px 16px}.collection{gap:16px}.collection h2{font-size:14px}.families button{padding:10px 8px;font-size:9px}.edition{display:none}#viewport{height:570px}.intro{padding-top:22px}.stage-top>span{display:none}}
@media(max-width:700px){header{height:66px;margin:0 5%}.brand{font-size:18px;gap:7px}.brand b{width:28px;height:28px;border-radius:9px}nav{gap:2px;padding:4px}nav button{padding:8px 10px;font-size:9px}nav small{display:none}.intro{padding:20px 5% 17px}.intro h1{font-size:25px;letter-spacing:-1.4px}.intro p{display:none}.eyebrow{font-size:8px;letter-spacing:1px}main{display:block;padding:0 3%}.stage{border-radius:18px}#viewport{height:490px}.stage-top{top:10px;left:12px;right:12px;justify-content:flex-end}.stage-top button{font-size:9px;padding:7px}.stage-bottom{padding:0 12px 12px;font-size:8px}#center-mark span{font-size:25px}#center-mark b{display:none}aside{margin-top:14px;padding:18px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;position:relative}aside>.eyebrow,aside>.selection-heading,aside>#location,aside>.property-stats,aside>.divider{grid-column:1/-1}.selection-heading{margin-top:8px}h2{font-size:19px}#location{margin:5px 0 10px}.property-stats{position:absolute;right:20px;top:28px;gap:16px}.property-stats b{font-size:20px}.property-stats div:last-child{display:none}.selection-heading{padding-right:78px}.divider{margin:8px 0 15px}aside>.section-label,aside>h3,aside>#form-description,aside>.variants{grid-column:1}aside>.section-label:nth-of-type(3){grid-column:2;grid-row:6}aside>.growth{grid-column:2;grid-row:7/10;margin-top:8px;align-self:start;gap:4px}.growth button{font-size:15px}.growth small{font-size:7px!important}aside>.help{grid-column:2;grid-row:10;margin:0 0 10px}.variants{margin:5px 0 10px;gap:3px}.variants button{padding:7px 3px;font-size:8px}#form-description{font-size:9px;min-height:30px;margin:0 0 5px}h3{font-size:14px;margin:6px 0}.primary{grid-column:1}.stress{grid-column:2;margin:0;font-size:9px;padding:10px}.note{display:none}.collection{padding:22px 5%;display:block}.collection h2{font-size:16px}.families{gap:5px;margin-top:12px}.families button{font-size:8px;padding:9px 6px;border-radius:9px}.families button b{font-size:8px}.families button small{font-size:7px}footer{padding:0 5% 18px;font-size:7px}footer>div{gap:10px}.tile-label{font-size:8px}dialog{padding:25px}.stage-bottom button{white-space:nowrap}}