@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{font-family:DM Sans,sans-serif;color:#394438;background:#f7f5ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}header{height:74px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dadfd3;font-size:9px;letter-spacing:1.5px}.brand{display:flex;align-items:center;gap:15px;font-weight:700;font-size:10px}.brand-icon{font:italic 38px Georgia,serif;letter-spacing:-4px}.edition{color:#8a9284}header button{font-size:10px;background:none;border:0;padding:10px}main{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100svh - 124px)}.workspace{position:relative;background:#eeece5;min-height:790px;overflow:hidden}.scene-heading{position:absolute;top:37px;left:40px;z-index:1;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:600;color:#87917e;display:flex;align-items:center;gap:7px}.dot{width:5px;height:5px;border-radius:50%;background:#8c9b70}h1{font:500 40px/1.1 Playfair Display,Georgia,serif;letter-spacing:-1.4px;margin:15px 0 10px}h1 em{color:#7c8b6d;font-weight:500}#character-note{font-size:11px;color:#929887;margin:0}#viewport{position:absolute;inset:135px 10px 130px}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;top:45%;width:100%;text-align:center;font-size:12px}.piece-controls{position:absolute;top:159px;left:40px;display:flex;gap:15px;z-index:1}.piece-controls button{background:none;border:0;border-bottom:1px solid transparent;padding:4px 0;font-size:9px;color:#929a88}.piece-controls [aria-pressed=true]{color:#50613f;border-bottom-color:#7a8d67}.scene-bottom{position:absolute;bottom:36px;left:50%;transform:translate(-50%);text-align:center}.view-controls{display:flex;padding:4px;border:1px solid #d0d6c7;border-radius:30px;gap:3px;background:#f6f5eea0;white-space:nowrap}.view-controls button{background:none;border:0;border-radius:24px;padding:10px 16px;font-size:10px;color:#7c8770}.view-controls button[aria-pressed=true]{background:#526548;color:#fffdef}.gesture{margin:17px 0 0;color:#9aa08f;font-size:7px;letter-spacing:1.5px;white-space:nowrap}.gesture span{padding:0 10px}.scene-stamp{position:absolute;bottom:39px;left:36px;font-size:7px;line-height:1.8;letter-spacing:1.3px;color:#97a089}.scene-stamp span{font-size:6px;color:#a7ae9a}aside{padding:27px 27px 20px;border-left:1px solid #dce0d5}.aside-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}h2{font:500 24px/1.15 Playfair Display,Georgia,serif;letter-spacing:-.5px;margin:9px 0 0}#shuffle{border:1px solid #d5dccd;border-radius:50%;background:none;font-size:26px;width:37px;height:37px;line-height:30px}#shuffle:hover{background:#e8eddf}.picker{margin-bottom:23px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.section-label h3{font-size:8px;letter-spacing:1.3px;margin:0;font-weight:600}.section-label>span{font-size:8px;color:#919b86}.section-label button{padding:0;border:0;background:none;font-size:8px;color:#879b72}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.character-grid button{display:flex;flex-direction:column;align-items:center;border:1px solid #e0e4d8;background:#f1f1e7;border-radius:5px;padding:2px 0 7px;overflow:hidden;position:relative}.character-grid canvas{width:77px;height:56px;display:block}.character-grid span{font-size:9px}.character-grid [aria-pressed=true]{border-color:#6f8558;background:#e4ebd9;box-shadow:inset 0 0 0 1px #6f8558}.character-grid [aria-pressed=true]:after{content:"✓";position:absolute;right:6px;top:4px;font-size:9px;color:#60744e}.character-grid button:hover,.glass-grid button:hover{background:#e9eedf}.glass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.glass-grid button{border:1px solid #e0e4d8;border-radius:4px;background:none;display:flex;align-items:center;gap:5px;padding:5px 4px;font-size:8px;white-space:nowrap;min-height:38px;color:#87917c}.glass-grid svg{width:24px;height:27px;flex-shrink:0}.glass-grid [aria-pressed=true]{color:#445c35;background:#e7eddc;border-color:#8b9e77}.drink-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.drink-grid button{display:flex;align-items:center;gap:8px;font-size:9px;border:1px solid #e0e4d8;border-radius:4px;background:none;padding:9px}.drink-grid [aria-pressed=true]{border-color:#8b9e77;background:#e7eddc}.swatch{height:11px;width:11px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0001}.download-area{border-top:1px solid #dce1d3;padding-top:17px}#download{display:block;width:100%;background:#4b6041;color:#fffdf1;border:0;border-radius:4px;font-size:11px;padding:13px}#download:hover{background:#384e2e}#status{font-size:8px;color:#9ba48e;text-align:center;line-height:1.5;margin:11px 0 0;min-height:12px}footer{height:50px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dadfd3;font-size:7px;letter-spacing:1.2px;color:#8a947e}footer i{font-style:normal;padding:0 7px;color:#b3bba6}footer b{font-weight:400;letter-spacing:0;margin-left:14px;color:#a2ab96}dialog{max-width:94vw;padding:16px;border:0;border-radius:6px;background:#f6f3eb}dialog::backdrop{background:#283525a8}dialog img{display:block;max-width:85vw;max-height:79vh}dialog p{text-align:center;font-size:11px}#close-reference{position:absolute;top:24px;right:24px;background:#f6f4ece8;border:0;border-radius:50%;width:30px;height:30px}:focus-visible{outline:2px solid #c19e4f;outline-offset:3px}@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 430px}aside{padding:32px 36px}.character-grid canvas{height:65px;width:88px}.character-grid button{padding-bottom:9px}.scene-heading{top:50px;left:56px}h1{font-size:48px}.piece-controls{left:56px;top:185px}}@media(max-width:1100px){.scene-stamp{display:none}h1{font-size:33px}.scene-heading,.piece-controls{left:27px}}@media(max-width:800px){header{height:64px;padding:0 20px}.edition{display:none}main{grid-template-columns:1fr}.workspace{min-height:580px}.scene-heading{top:25px;left:24px}h1{font-size:30px}.piece-controls{top:132px;left:25px}#viewport{inset:138px 5px 115px}.scene-bottom{bottom:26px}aside{padding:26px 7%;border-left:0;border-top:1px solid #dce0d5}.character-grid{gap:10px}.character-grid canvas{width:95px;height:70px}.character-grid span{font-size:10px}.glass-grid button{font-size:10px;gap:10px;justify-content:center;padding:7px}.glass-grid svg{width:28px;height:30px}.drink-grid button{font-size:10px;padding:12px}.view-controls button{padding:9px 13px}.picker{margin-bottom:25px}footer{padding:0 20px}footer span:last-child{display:none}.aside-heading{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.table-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.table-grid button{font-size:9px;border:1px solid #e0e4d8;border-radius:4px;background:none;padding:9px}.table-grid [aria-pressed=true]{border-color:#8b9e77;background:#e7eddc}.new-character span:after{content:"NEW";font-size:5px;letter-spacing:.5px;color:#a37b42;display:inline-block;margin-left:4px;vertical-align:middle}.reference-tabs{display:flex;gap:8px;margin:0 40px 12px 0}.reference-tabs button{border:1px solid #d6ddce;border-radius:20px;background:none;font-size:10px;padding:8px 12px}.reference-tabs [aria-pressed=true]{background:#526548;color:#fffdef}@media(min-width:801px){.workspace{position:sticky;top:0;height:calc(100svh - 50px);min-height:650px;align-self:start}}@media(max-width:800px){footer b{display:none}.table-grid button{padding:12px;font-size:10px}}.character-grid img{display:block;width:90px;height:66px;max-width:100%;object-fit:cover;mix-blend-mode:multiply}@media(max-width:800px){.character-grid img{width:105px;height:78px}}.table-grid button{display:flex;align-items:center;gap:8px;text-align:left}.table-swatch{width:24px;height:18px;border-radius:4px;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002;flex-shrink:0}.table-swatch.oak,.table-swatch.walnut{background:repeating-linear-gradient(3deg,#fff0 0 3px,#38281c30 4px,#fff0 5px),var(--swatch)}.table-swatch.terrazzo{background:radial-gradient(ellipse at 25% 30%,#ad7c67 0 12%,transparent 15%),radial-gradient(ellipse at 70% 75%,#89917e 0 14%,transparent 17%),var(--swatch)}.table-swatch.sage{background:repeating-linear-gradient(0deg,transparent 0 7px,#dcdccc 7px 8px),repeating-linear-gradient(90deg,transparent 0 7px,#dcdccc 7px 8px),var(--swatch)}