:root{color-scheme:dark;--ink: #06111f;--page-bg: linear-gradient(to bottom, #120d0a 0%, #2a1d14 14%, #140f0c 30%, #05070c 55%, #03050a 100%);--champagne: #e5c890;background:var(--page-bg);font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--page-bg)}#app{background:var(--page-bg)}.playground{display:block;width:100%;height:100%;height:100dvh;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;cursor:grab}.playground:active{cursor:grabbing}.playground:focus-visible{outline:1px solid #e3cf9f66;outline-offset:-8px}.menu{position:fixed;top:calc(20px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right));width:48px;height:48px;padding:0;border:1px solid #d6c69725;border-radius:50%;background:#101d3166;color:var(--champagne);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff08,0 4px 24px #00000012;cursor:pointer;touch-action:manipulation;transition:background .25s,border-color .25s,transform .25s}.menu:before,.menu:after{content:"";position:absolute;left:15px;width:16px;height:1px;background:currentColor;transition:transform .25s,width .25s,opacity .25s}.menu:before{top:20px}.menu:after{top:26px;width:11px;left:20px}.menu:hover{background:#29415aaa;border-color:#d6c69770}.menu:active{transform:scale(.92)}.menu:focus-visible{outline:2px solid var(--champagne);outline-offset:5px}.menu[aria-expanded=true]:before{transform:translate(2px,3px) rotate(45deg);width:14px}.menu[aria-expanded=true]:after{transform:translate(-3px,-3px) rotate(-45deg);width:14px}.settings{width:min(424px,calc(100vw - 32px));max-width:none;padding:0;border:0;color:#e8dfca;background:transparent;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto}.settings::backdrop{background:#09060666;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:veil-in .44s cubic-bezier(.2,.8,.2,1) both}.settings[open] .settings__surface{animation:chamber-in .52s cubic-bezier(.16,1,.3,1) both}.settings__surface{position:relative;min-height:514px;overflow:hidden;border:1px solid rgba(227,207,159,.18);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 42%),#140e0b66;backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);box-shadow:0 36px 100px #00000073,inset 0 1px #ffffff0e}.settings__surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(227,207,159,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(227,207,159,.035) 1px,transparent 1px);background-size:100% 72px,72px 100%;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.settings__close{position:absolute;top:28px;right:26px;z-index:2;width:36px;height:36px;margin:0;border:1px solid rgba(227,207,159,.3);border-radius:50%;background:#00000024;color:#e3cf9f;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.settings__close:before,.settings__close:after{content:"";position:absolute;top:17px;left:10px;width:16px;height:1px;background:currentColor}.settings__close:before{transform:rotate(45deg)}.settings__close:after{transform:rotate(-45deg)}.settings__close:hover{background:#0000003d;border-color:#e3cf9f8c;color:#fff1c8}.settings__close:focus-visible{outline:1px solid #e3cf9f;outline-offset:4px}.settings__body{position:relative;z-index:1;padding:30px 28px}.settings__eyebrow{margin:0 0 18px;color:#bca873;font:500 9px/1 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.3em}.settings h1{margin:0;color:#f0e7d2;font:400 clamp(40px,10vw,52px)/.98 "Bodoni 72",Didot,"Iowan Old Style",Georgia,serif;letter-spacing:-.035em}.settings__description{width:16em;margin:18px 0 0;color:#e8dfca8f;font:400 13px/1.7 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.04em}.height-readout{display:flex;align-items:flex-start;margin-top:22px;color:#e3cf9f;font-family:"Bodoni 72",Didot,Iowan Old Style,Georgia,serif;font-variant-numeric:tabular-nums}.height-readout strong{font-size:76px;font-weight:400;line-height:.86;letter-spacing:-.06em}.height-readout span{margin:7px 0 0 9px;font-size:18px;opacity:.64}.height-control{display:block;margin-top:35px}.height-control input{width:100%;height:28px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:ew-resize}.height-control input::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,#d8bd7f 0 var(--jump),rgba(227,207,159,.18) var(--jump) 100%)}.height-control input::-moz-range-track{height:1px;background:#e3cf9f2e}.height-control input::-moz-range-progress{height:1px;background:#d8bd7f}.height-control input::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ecd49a;border-radius:50%;background:#311a23;box-shadow:0 0 0 5px #e3cf9f12,0 0 24px #e3c47a3d}.height-control input::-moz-range-thumb{width:14px;height:14px;border:1px solid #ecd49a;border-radius:50%;background:#311a23}.height-control input:focus-visible{outline:none}.height-control input:focus-visible::-webkit-slider-thumb{outline:1px solid #fff1c8;outline-offset:5px}.height-control__labels{display:flex;justify-content:space-between;margin-top:9px;color:#e3cf9f80;font:500 12px/1 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.1em}.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}@keyframes veil-in{0%{opacity:0}}@keyframes chamber-in{0%{opacity:0;transform:translateY(18px) scale(.975);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@media(min-width:768px){.menu{top:calc(36px + env(safe-area-inset-top));right:calc(40px + env(safe-area-inset-right))}}.material-control{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0;padding:0;margin:28px 0}.material-control legend{font-size:11px;color:#c7a59a;margin-bottom:14px;letter-spacing:.16em}.material-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 3px 14px;border:1px solid #dba48125;cursor:pointer;border-radius:3px}.material-option:has(:checked){background:#8ebbd820;border-color:#c5dfee}.material-option:has(:focus-visible){outline:2px solid #ffe1bb;outline-offset:3px}.material-option input{position:absolute;opacity:0;width:100%;height:100%;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.material-option strong{font-size:12px;font-weight:400;margin-top:12px}.material-option small{font-size:9px;color:#c2a59b;margin-top:5px}.material-swatch{width:34px;height:34px;border-radius:50%;border:1px solid #cce8f775;background:radial-gradient(circle at 28% 25%,#ffffffdd,transparent 23%),radial-gradient(circle at 55% 65%,#6da7c944,transparent 60%);box-shadow:inset -3px -2px 6px #a8d6ed55}.gel .material-swatch{background:radial-gradient(circle at 28% 25%,#e9f8ff,#6dabc8 38%,#203d59 85%)}.mirror .material-swatch{background:linear-gradient(155deg,#081321 20%,#d9f0fb 44%,#7cb5ce 49%,#10243a 65%,#f1c786 90%)}.height-control input:focus-visible::-moz-range-thumb{outline:1px solid #fff1c8;outline-offset:5px}@media(max-height:620px){.settings__surface{min-height:472px}.settings__body{padding-top:36px}.height-readout{margin-top:28px}}@media(prefers-reduced-motion:reduce){.menu,.menu:before,.menu:after{transition:none}.settings::backdrop,.settings[open] .settings__surface{animation:none}}.score{position:fixed;top:calc(24px + env(safe-area-inset-top));left:calc(26px + env(safe-area-inset-left));display:flex;align-items:baseline;gap:7px;pointer-events:none;color:#e5c890b3;font-family:"Bodoni 72",Didot,Iowan Old Style,Georgia,serif;text-shadow:0 2px 18px #0008;font-variant-numeric:tabular-nums}.score span{font-size:30px;font-weight:400}.score small{font:10px/1.4 Avenir Next,Helvetica Neue,sans-serif;opacity:.7}.ending{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#e8dfca;background:#03071188;animation:veil-in .7s ease both}.ending p{font:12px/1.6 Avenir Next,Helvetica Neue,sans-serif;letter-spacing:.22em;color:#c4b798}.ending strong{font:400 100px/.98 "Bodoni 72",Didot,Georgia,serif;color:#e5c890}.ending div>span{font-size:13px;margin-left:12px}.ending>small{margin-top:22px;font-size:12px;color:#c4b798}.ending .ending__again{margin-top:48px;color:#e8dfca;letter-spacing:.1em}.unavailable{position:fixed;top:45%;left:0;right:0;text-align:center;color:#e8dfca;font-size:14px;pointer-events:none}@media(min-width:768px){.score{top:calc(38px + env(safe-area-inset-top));left:calc(40px + env(safe-area-inset-left))}}@media(prefers-reduced-motion:reduce){.ending{animation:none}}