:root{--ink:#39494b;--muted:#828685;--paper:#f5f2e9;--jade:#36796f;--plum:#66506c;--gold:#c49c5d;--line:#dddcd2;--heading:'Cormorant Garamond',Georgia,serif;--body:'Outfit',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:var(--body);background:#282e39;color:var(--ink)}button,select{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #d6ac62;outline-offset:3px}#app{width:100%;height:min(100dvh,1000px);max-height:1000px;min-height:0;overflow:auto;background:var(--paper);position:relative}.masthead{height:73px;display:flex;justify-content:space-between;align-items:center;padding:12px 32px;background:linear-gradient(110deg,#343341,#454052);color:#f8f0d9;border-bottom:1px solid #6e646e}.brand{display:flex;align-items:center;gap:12px}.brand-lantern{font-size:37px;color:#d6b178;text-shadow:0 0 15px #edb95f2b}h1{font:600 32px/.95 var(--heading);margin:0;letter-spacing:.015em}h1 span{display:block;font:500 8px var(--body);text-transform:uppercase;letter-spacing:.26em;margin-top:6px;color:#cabfbd}.top-actions{display:flex;align-items:center;gap:8px}.top-actions>span{font-size:10px;color:#b9b4b8;margin-right:15px}.top-actions button{border:1px solid #7b727e;background:#ffffff05;border-radius:24px;padding:7px 13px;color:#e6ddcf;font-size:11px}.top-actions button:hover{background:#ffffff12}.journey-bar{display:flex;align-items:center;gap:25px;padding:14px 32px;border-bottom:1px solid var(--line);background:#eeeee5}.field{display:flex;flex-direction:column;gap:5px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;flex:1;max-width:250px;color:#777b76}.field select{font-size:12px;color:var(--ink);border:1px solid #cfd4c9;background:#faf9f0;border-radius:9px;letter-spacing:0;text-transform:none;padding:9px 11px;width:100%;min-width:0}.level-field{max-width:340px}.star-progress{font-size:11px;color:#9b7b47;min-width:110px;margin-left:auto}.star-progress>div{height:4px;margin-top:7px;background:#d8ded3;border-radius:3px;overflow:hidden}.star-progress i{display:block;height:100%;width:0;background:var(--jade);transition:width .3s}.pairs-badge{display:flex;align-items:center;gap:10px;border-left:1px solid #d7d9cd;padding-left:25px;color:#59716a}.pairs-badge strong{font:600 37px/.9 var(--heading);color:#3c746b;min-width:35px;text-align:right}.pairs-badge span{font-size:9px;line-height:1.5}.garden-stage{--scene-top:110px;height:460px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#607f78,#3c4d57 85%)}.garden-heading{position:absolute;left:32px;top:17px;right:235px;pointer-events:none;color:#ebe7d9}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:8px;color:#b29368;font-weight:500}.garden-heading h2{font:600 28px/1 var(--heading);margin:5px 0 6px}.garden-heading p{font-size:10px;color:#b7c7bd;margin:0;line-height:1.5}.free-badge{position:absolute;right:30px;top:29px;display:flex;align-items:center;gap:7px;font-size:10px;color:#c0d6c4;background:#224b4459;border:1px solid #75918566;border-radius:25px;padding:9px 12px}.free-badge i{width:5px;height:5px;background:#c3cfa8;border-radius:50%}#scene{position:absolute;left:0;right:0;top:var(--scene-top);bottom:0;width:100%;height:calc(100% - var(--scene-top));display:block}#tile-layer{position:absolute;inset:0;pointer-events:none}.tile{position:absolute;pointer-events:auto;opacity:1;border:0;background:transparent;border-radius:5px;padding:0;outline-offset:-2px;touch-action:manipulation}.tile:hover{box-shadow:inset 0 0 0 1px #d5d6ad66}.tile[aria-pressed=true]{box-shadow:inset 0 0 0 2px #edc27d}.tile:focus-visible{outline:2px solid #eccd95;box-shadow:0 0 12px #f7d28a55}.tile[data-covered=true]{pointer-events:none;visibility:hidden}.tile.removing{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.view-controls{position:absolute;right:23px;bottom:15px;border:1px solid #9ba99a55;background:#253c3b96;border-radius:22px;display:flex;align-items:center;padding:3px;color:#ccd6c7;font-size:8px;gap:7px}.view-controls button{border:0;background:transparent;color:#e0dfc5;font-size:17px;width:25px;height:24px;line-height:22px;border-radius:50%}.view-controls button:hover{background:#ffffff18}.model-status{position:absolute;left:22px;bottom:15px;font-size:9px;color:#c2cbbb;background:#284c4566;border-radius:22px;padding:6px 11px;pointer-events:none}.model-status.loaded{opacity:0;transition:opacity .8s}.keeper-bench{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:20px 32px;background:#f5f2e9;border-top:1px solid #889383}.notes>.eyebrow{font-size:7px;color:#8c7d69}#status{font-size:13px;line-height:1.5;font-weight:500;margin:7px 0}#selection-note{font-size:11px;line-height:1.5;color:#82877f;margin:0}.tools-wrap{display:flex;flex-direction:column;gap:10px;justify-content:center}.tools{display:flex;gap:9px}.tools button{flex:1;border:1px solid #c9d2c4;border-radius:11px;background:#f9f8ef;color:#49625a;padding:12px 10px;font-size:11px}.tools button:hover{background:#e8eee1}.tools button:disabled{opacity:.38}.tools button>span{font-size:15px;margin-right:3px}.tools kbd{font:8px var(--body);color:#899481;margin-left:5px}#hint-note{font-size:9px;color:#8c8a7c;text-align:center;margin:0;line-height:1.5}.primary-button{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;background:#406e65;border:1px solid #315a53;box-shadow:0 3px 0 #2e514b;border-radius:11px;color:#fbf0cf;padding:14px 18px;font:500 12px var(--body)}.primary-button:hover{filter:brightness(1.1)}.result{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e3e9de;border:1px solid #c6d1c0;border-radius:18px;padding:15px 23px;margin:0 32px 15px}.result>div{display:flex;align-items:center;gap:17px;flex-wrap:wrap}#result-stars{font-size:24px;letter-spacing:5px;color:#b58b4e}.result h2{font:600 27px var(--heading);margin:0}.result p{font-size:11px;color:#7c897b;margin:0;line-height:1.5}.result .primary-button{width:auto;min-width:180px}.footnote{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8e9689;padding:0 32px 16px}.footnote span:last-child{text-align:right}dialog{border:1px solid #b6a68c;border-radius:24px;max-width:460px;width:calc(100% - 30px);max-height:calc(100% - 24px);padding:0;background:#f6f2e6;color:var(--ink);box-shadow:0 20px 95px #111e2a99}dialog::backdrop{background:#27333dc9;backdrop-filter:blur(5px)}dialog form{padding:29px 33px}.welcome-lantern{display:block;text-align:center;font-size:63px;color:#ae8958;line-height:1;margin-bottom:15px}#welcome .eyebrow{display:block;text-align:center;font-size:7px}dialog h2{font:600 33px/1.05 var(--heading);margin:14px 0}#welcome h2{text-align:center}dialog p{font-size:12px;line-height:1.65}#welcome>form>p{text-align:center}dialog ol{font-size:11px;line-height:1.6;padding-left:17px;margin:19px 0}dialog li{margin:10px 0;padding-left:6px}dialog li b{color:#416b60}.welcome-tip{font-size:10px!important;color:#918675;margin:18px 0}#help-dialog h2{font-size:30px}#help-dialog p{font-size:11px}#help-dialog .primary-button{margin-top:21px}[hidden]{display:none!important}@media(min-width:1250px){.masthead,.journey-bar{padding-left:42px;padding-right:42px}.garden-heading{left:42px}.garden-heading h2{font-size:31px}.keeper-bench{padding:22px 42px}.result{margin-left:42px;margin-right:42px}.footnote{padding-left:42px;padding-right:42px}}@media(max-width:850px){.masthead{height:66px;padding:11px 21px}.top-actions>span{display:none}.journey-bar{padding:12px 21px;gap:15px}.field select{font-size:11px}.star-progress{min-width:75px;font-size:10px}.pairs-badge{padding-left:14px;gap:7px}.pairs-badge strong{font-size:31px}.pairs-badge span{font-size:8px}.garden-stage{height:450px}.garden-heading{left:21px;right:195px}.garden-heading h2{font-size:26px}.free-badge{right:20px;top:29px;font-size:8px;padding:8px 10px}.keeper-bench{padding:18px 21px;gap:23px}.tools{gap:6px}.tools button{padding:11px 6px;font-size:10px}.tools kbd{display:none}.result{margin:0 21px 14px;padding:14px 18px}.result>div{gap:8px 14px}.result h2{font-size:24px}.footnote{padding:0 21px 14px;font-size:8px}}@media(max-width:600px){.masthead{height:62px;padding:10px 16px}.brand{gap:8px}.brand-lantern{font-size:30px}h1{font-size:28px}h1 span{font-size:7px;margin-top:4px}.top-actions{gap:5px}.top-actions button{font-size:9px;padding:6px 9px}.journey-bar{padding:12px 16px;display:grid;grid-template-columns:1fr 1fr 44px;gap:9px}.field{font-size:7px;letter-spacing:.07em;gap:4px}.field select{font-size:10px;padding:8px 7px}.star-progress{display:none}.pairs-badge{padding-left:8px;gap:0;flex-direction:column;border-left:1px solid #d7d9cd}.pairs-badge strong{font-size:29px;line-height:1;min-width:0;text-align:center}.pairs-badge span{font-size:6px;text-align:center;line-height:1.25}.pairs-badge br{display:none}.garden-stage{--scene-top:110px;height:410px}.garden-heading{left:16px;top:13px;right:130px}.garden-heading>.eyebrow{font-size:7px}.garden-heading h2{font-size:23px;margin:5px 0}.garden-heading p{font-size:9px;line-height:1.4}.free-badge{right:13px;top:20px;max-width:104px;gap:5px;padding:7px 9px;font-size:7px;line-height:1.4}.free-badge i{flex-shrink:0;width:4px;height:4px}.view-controls{right:13px;bottom:12px;font-size:7px;gap:5px;padding:2px}.view-controls button{font-size:16px;width:23px;height:23px}.model-status{left:13px;bottom:12px;font-size:8px;padding:5px 9px}.keeper-bench{padding:14px 16px;display:flex;flex-direction:column;gap:14px}.notes>.eyebrow{font-size:7px}#status{font-size:12px;margin:6px 0}#selection-note{font-size:10px}.tools-wrap{gap:8px}.tools button{font-size:11px;padding:11px 6px}#hint-note{font-size:8px}.result{margin:0 16px 13px;flex-direction:column;gap:12px;padding:14px 16px;align-items:stretch}.result>div{justify-content:center;text-align:center;gap:8px 11px}.result h2{font-size:25px}.result p{font-size:10px;flex-basis:100%}.result .primary-button{width:100%;padding:11px 14px;font-size:11px}.footnote{padding:0 16px 14px;font-size:8px}.footnote span:last-child{display:none}dialog form{padding:24px 25px}.welcome-lantern{font-size:53px;margin-bottom:12px}dialog h2{font-size:30px}dialog p{font-size:11px}dialog ol{font-size:10px;margin:15px 0}.welcome-tip{font-size:9px!important;margin:14px 0}}@media(max-width:350px){.garden-heading{right:116px}.garden-heading h2{font-size:21px}.garden-heading p{font-size:8px}.free-badge{right:12px;max-width:94px;font-size:6px}.journey-bar{gap:7px}.field select{font-size:9px}}@media(max-height:540px){#app{min-height:0}.garden-stage{height:410px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}