:root{--ink:#1d2427;--paper:#fff;--glass:#fff6;--frost:blur(18px) saturate(1.7);--glass-edge:inset 0 0 0 1px #ffffff73, inset 0 1px 0 #fff9, 0 6px 20px #0000001f;--wash:#00000012;--track:#1d242740;--accent:#f2a23a;--focus:#1a73e8;--ask:#1fa855;--less:#12733c;--more:#a6480c;--spring:cubic-bezier(.3, 1.2, .4, 1);--sky:#7db4dc;--touch:48px;--text:15px;--text-small:13px;--round:999px;--quick:.12s}:root[data-night=true]{--ink:#f1f3f5;--paper:#14181d;--glass:#161b246b;--glass-edge:inset 0 0 0 1px #ffffff1f, inset 0 1px 0 #fff3, 0 6px 20px #00000059;--wash:#ffffff1a;--track:#ffffff47;--focus:#8ab4f8;--less:#7fe0a6;--more:#ffb27a}*{box-sizing:border-box}#open[hidden],#hold[hidden],#about[hidden],#about-toggle[hidden],#mode[hidden],#cost[hidden],#handles[hidden],#handles [hidden],#cost-toggle[hidden],#tour[hidden],#hint[hidden],#notice[hidden]{display:none}html,body{overscroll-behavior:none;background:var(--sky);height:100%;color:var(--ink);margin:0;font-family:system-ui,sans-serif;overflow:hidden}#view{touch-action:none;width:100%;height:100%;position:fixed;inset:0}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}#top>*,#rooms,#time,#about,#open,#tour,#cost,#change-pop,#choice-pop,#hint,#dock{transition:background .4s,color .4s,box-shadow .4s}button{color:inherit;font:inherit;cursor:pointer;border:0}#top{top:max(14px, env(safe-area-inset-top));align-items:center;gap:6px;display:flex;position:fixed;left:50%;translate:-50%}#name{border-radius:var(--round);background:var(--glass);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);font-size:var(--text-small);white-space:nowrap;align-items:center;gap:4px;padding:5px 8px 5px 12px;font-weight:600;display:flex;position:relative}#name:after{content:"";position:absolute;inset:-10px 0}#name svg{transition:rotate var(--quick)}#about-toggle,#time-toggle{border-radius:var(--round);background:var(--glass);width:28px;height:28px;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);place-items:center;display:grid;position:relative}#about-toggle:after,#time-toggle:after{content:"";position:absolute;inset:-10px -6px}#about-toggle[aria-pressed=true]{background:var(--ink);color:var(--paper)}#about{top:calc(max(14px, env(safe-area-inset-top)) + 36px);background:var(--glass);width:min(290px,100vw - 24px);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);pointer-events:none;border-radius:14px;padding:10px 12px 11px;font-size:12px;line-height:1.45;position:fixed;left:50%;translate:-50%}#about h2{font-size:var(--text-small);align-items:center;gap:7px;margin:0 0 4px;font-weight:600;display:flex}#about svg{opacity:.55;flex:none;width:14px;height:14px}#about p{opacity:.8;margin:0}#about p:empty{display:none}#about .costs{opacity:1;align-items:center;gap:7px;margin-top:7px;display:flex}#about .costs b{border-radius:var(--round);background:var(--ink);color:var(--paper);font-variant-numeric:tabular-nums;flex:none;padding:2px 8px}#about .sizes{font-variant-numeric:tabular-nums;opacity:1;flex-wrap:wrap;gap:2px 12px;margin-bottom:5px;display:flex}#about .sizes :first-child{font-weight:600}#about .sizes :not(:first-child){opacity:.65}#hold{border:2px solid var(--paper);border-radius:var(--round);pointer-events:none;width:64px;height:64px;animation:hold var(--hold) linear both;margin:-32px 0 0 -32px;position:fixed;box-shadow:0 0 0 1px #00000040,inset 0 0 0 1px #00000040}@keyframes hold{0%,30%{opacity:0;scale:1.5}to{opacity:1;scale:.6}}@media (prefers-reduced-motion:reduce){#hold{animation:none}}#time{inset:calc(max(14px, env(safe-area-inset-top)) + 36px) auto auto 50%;background:var(--glass);width:min(250px,100vw - 24px);height:auto;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);color:var(--ink);border:0;border-radius:14px;margin:0;padding:2px 4px 7px;translate:-50%}#time:popover-open{grid-template-columns:auto 1fr auto;align-content:start;align-items:center;gap:0 4px;display:grid}#time button{border-radius:var(--round);background:0 0;place-items:center;width:30px;height:30px;display:grid}#time-hour{min-width:0;height:30px}#time-hour::-webkit-slider-runnable-track{height:3px}#time-hour::-moz-range-track{height:3px}#time-hour::-webkit-slider-thumb{margin-top:-5.5px}#time-clock{font-variant-numeric:tabular-nums;text-align:center;opacity:.65;grid-column:1/-1;font-size:11px}#rooms{inset:calc(max(14px, env(safe-area-inset-top)) + 36px) auto auto 50%;scrollbar-width:none;background:var(--glass);width:min(264px,100vw - 24px);max-height:calc(100dvh - 190px);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);color:var(--ink);opacity:0;transform-origin:top;transition:opacity var(--quick), scale var(--quick), display var(--quick) allow-discrete, overlay var(--quick) allow-discrete;border:0;border-radius:21px;margin:0;padding:3px;overflow-y:auto;translate:-50%;scale:.96}#rooms:popover-open{opacity:1;scale:1}@starting-style{#rooms:popover-open{opacity:0;scale:.96}}#room-list{gap:1px;margin:0;padding:0;list-style:none;display:grid}#room-list button{border-radius:var(--round);width:100%;min-height:36px;font-size:var(--text-small);text-align:left;white-space:nowrap;transition:background var(--quick), color var(--quick);background:0 0;align-items:center;gap:7px;padding:0 12px 0 10px;font-weight:600;display:flex}#room-list small{font-variant-numeric:tabular-nums;text-align:right;opacity:.6;flex:1;font-size:11px;font-weight:500}#room-list svg{opacity:.55;flex:none;width:14px;height:14px}#room-list button:hover{background:var(--wash)}#room-list button[aria-current]{background:var(--ink);color:var(--paper)}input[type=range]{appearance:none;cursor:pointer;touch-action:none;background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--round);background:var(--track)}input[type=range]::-moz-range-track{border-radius:var(--round);background:var(--track)}input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--round);background:var(--ink);border:0;width:14px;height:14px}input[type=range]::-moz-range-thumb{border-radius:var(--round);background:var(--ink);border:0;width:14px;height:14px}#open{right:max(8px, env(safe-area-inset-right));border-radius:var(--round);background:var(--glass);width:28px;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);justify-items:center;gap:6px;padding:9px 0 10px;display:grid;position:fixed;top:50%;translate:0 -50%}#open-label,#ask-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#open-height{writing-mode:vertical-lr;width:var(--touch);direction:rtl;height:30vh;margin:0 -10px}#open-height::-webkit-slider-runnable-track{width:3px}#open-height::-moz-range-track{width:3px}#open-height::-webkit-slider-thumb{margin-left:-5.5px}#foot{bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;justify-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);display:grid;position:fixed;left:50%;translate:-50%}#foot>*{pointer-events:auto}#dock{border-radius:var(--round);background:var(--glass);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);align-items:center;gap:2px;padding:3px;display:flex}#mode{border:0;gap:2px;min-width:0;margin:0;padding:0;display:flex}#mode legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#mode div{position:relative}#mode input{inset:calc((30px - var(--touch)) / 2) -1px;z-index:1;width:calc(100% + 2px);height:var(--touch);opacity:0;cursor:pointer;margin:0;position:absolute}#mode div>span{border-radius:var(--round);height:30px;font-size:var(--text-small);white-space:nowrap;transition:background .25s, color .25s, padding .32s var(--spring);align-items:center;padding:0 9px;font-weight:600;display:flex}#mode svg{flex:none;width:15px;height:15px}#mode span span{opacity:0;max-width:0;transition:max-width .32s var(--spring), margin .32s var(--spring), opacity .2s;overflow:hidden}#mode input:checked+span{background:var(--ink);color:var(--paper);padding:0 14px 0 12px}#mode input:checked+span span{opacity:1;max-width:110px;margin-left:6px}#mode input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}#ask{border-radius:var(--round);width:30px;height:30px;color:var(--ask);place-items:center;margin-left:7px;display:grid;position:relative}#ask svg{stroke-width:1.6px;width:18px;height:18px}#ask:before{content:"";background:var(--track);width:1px;height:18px;position:absolute;left:-5px}#ask:after{content:"";position:absolute;inset:-10px -6px -10px 0}#cost-toggle{border-radius:var(--round);background:0 0;place-items:center;width:30px;height:30px;transition:background .25s,color .25s;display:grid;position:relative}#cost-toggle svg{width:15px;height:15px}#cost-toggle:after{content:"";position:absolute;inset:-10px -1px}#cost-toggle[aria-pressed=true]{background:var(--ink);color:var(--paper)}#handles{pointer-events:none;position:fixed;inset:0}#handles>button{border-radius:var(--round);background:var(--glass);width:28px;height:28px;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);pointer-events:auto;transition:background .25s, color .25s, scale .2s var(--spring);animation:handle-in .32s var(--spring) both;place-items:center;display:grid;position:fixed;translate:-50% -50%}@keyframes handle-in{0%{opacity:0;scale:.5}}#handles svg{width:14px;height:14px}#handles>button.named{white-space:nowrap;grid-auto-flow:column;gap:5px;width:auto;padding:0 11px 0 8px;font-size:12px;font-weight:600}#handles>button:after{content:"";position:absolute;inset:-10px}#handles>button[aria-expanded=true]{background:var(--ink);color:var(--paper);scale:1.1}#handles i{background-color:var(--sheet);width:11px;height:11px;box-shadow:0 0 0 1.5px var(--paper);border-radius:50%;position:absolute;bottom:-2px;right:-2px}#change-pop,#choice-pop{background:var(--glass);width:max-content;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);pointer-events:auto;animation:roof-up .28s var(--spring) both;border-radius:20px;gap:8px;padding:9px 9px 7px;display:grid;position:fixed;translate:-50%}@keyframes roof-up{0%{opacity:0;scale:.85}}#roof{gap:9px;display:grid}#roof div{align-items:center;display:flex}#roof div:first-child{border-radius:var(--round);background:var(--wash);gap:2px;padding:3px}#roof div:first-child button{border-radius:var(--round);height:30px;font-size:var(--text-small);white-space:nowrap;transition:background .25s, color .25s, padding .32s var(--spring);background:0 0;align-items:center;padding:0 9px;font-weight:600;display:flex}#roof div:first-child span{opacity:0;max-width:0;transition:max-width .32s var(--spring), margin .32s var(--spring), opacity .2s;overflow:hidden}#roof div:first-child [aria-pressed=true]{background:var(--ink);color:var(--paper);padding:0 13px 0 11px}#roof div:first-child [aria-pressed=true] span{opacity:1;max-width:90px;margin-left:6px}.swatches{align-items:center;gap:7px;padding:0 3px;display:flex}.swatch{border-radius:var(--round);background:var(--sheet);width:22px;height:22px;transition:scale .2s var(--spring), box-shadow .2s;flex:none;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0000002e,inset 0 2px #ffffff40}[data-surface=tile]{background:linear-gradient(#00000038 1px, transparent 1px) 0 -1px / 100% 50%, linear-gradient(90deg, #00000038 1px, transparent 1px) -1px 0 / 50% 100%, var(--sheet)}[data-surface=boards]{background:repeating-linear-gradient(90deg, transparent 0 4.5px, #00000047 4.5px 5.5px), var(--sheet)}[data-surface=terrazzo]{background:radial-gradient(#00000061 .8px, transparent 1.2px) 1px 1px / 6px 6px, radial-gradient(#fffc .8px, transparent 1.2px) 3px 4px / 7px 5px, var(--sheet)}.swatch:after{content:"";position:absolute;inset:-13px -3px}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink);scale:1.1}#handles button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#choice-pop{gap:2px;max-width:min(300px,100vw - 24px)}#choice-pop strong,#choice-pop small{padding:0 8px;font-size:12px}#choice-pop small{opacity:.7;white-space:normal;padding-top:5px}#choice-pop button{min-height:36px;font-size:var(--text-small);text-align:left;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:0 8px;font-weight:600;display:flex}#choice-pop button[aria-pressed=true]{background:var(--ink);color:var(--paper)}#choice-pop output,#change-pop output{font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:end;padding:0 4px;font-size:12px;font-weight:650}#choice-pop output[data-way=less],#change-pop output[data-way=less]{color:var(--less)}#choice-pop output[data-way=more],#change-pop output[data-way=more]{color:var(--more)}@media (prefers-reduced-motion:reduce){#handles>button,#change-pop{animation:none}}#cost{background:var(--glass);width:min(330px,100vw - 24px);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);border-radius:21px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 4px;padding:7px 6px 7px 7px;display:grid}#cost-play,#cost-purse,#cost-back,#cost-on{border-radius:var(--round);background:0 0;place-items:center;width:26px;height:26px;display:grid;position:relative}#cost-play{background:var(--ink);color:var(--paper)}#cost-play svg{fill:currentColor;width:12px;height:12px}#cost-play[aria-pressed=false] svg:last-child,#cost-play[aria-pressed=true] svg:first-child{display:none}#cost-play:after,#cost-purse:after,#cost-back:after,#cost-on:after{content:"";position:absolute;inset:-8px -2px}#cost-back:active,#cost-on:active{background:var(--wash)}#cost-purse svg{width:15px;height:15px}#cost-purse[aria-pressed=true]{background:var(--ink);color:var(--paper)}#cost:has(#cost-purse[aria-pressed=true]) #cost-play{visibility:hidden}#cost-label[data-mode=money]{cursor:auto}#cost-label[data-mode=money]>span:not(#cost-have),#cost-label[data-mode=money]>strong,#cost-have[hidden]{display:none}#cost-have{white-space:nowrap;grid-column:1/-1;align-items:baseline;gap:5px;display:flex}#cost-money{border:0;border-bottom:1.5px solid var(--track);min-width:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border-radius:0;outline:0;flex:1;padding:0;font-size:17px;font-weight:750}#cost-money:focus{border-bottom-color:var(--ink)}#cost-money::placeholder{color:inherit;opacity:.3}#cost-label[data-mode=money] small{padding-top:3px;line-height:1.35}#cost-line [data-is=part]{background:linear-gradient(to right, var(--accent) calc(var(--part) * 100%), var(--track) calc(var(--part) * 100%))}#cost-line[data-money]:before{content:"";top:-4px;left:var(--pin,0);z-index:2;background:var(--ink);width:4px;height:18px;box-shadow:0 0 0 2px var(--paper);transition:left var(--quick);pointer-events:none;border-radius:2px;margin-left:-2px;position:absolute}#cost-label{cursor:pointer;font-size:var(--text-small);grid-column:2;grid-template-columns:1fr auto;align-items:baseline;gap:0 10px;margin:0;padding:0 7px 0 4px;font-weight:600;display:grid}#cost-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#cost-label strong{font-variant-numeric:tabular-nums;font-size:17px;font-weight:750}#cost-label small{font-variant-numeric:tabular-nums;opacity:.65;grid-column:1/-1;font-size:11px;font-weight:500}#cost-line{touch-action:none;cursor:pointer;gap:2px;height:10px;display:flex;position:relative}#cost-line:after{content:"";inset:calc((10px - var(--touch)) / 2) 0;position:absolute}#cost-line button{z-index:1;background:var(--track);min-width:3px;transition:background var(--quick), scale .25s var(--spring);border-radius:3px;flex-basis:3px;padding:0;position:relative}#cost-line button:after{content:"";inset:calc((10px - var(--touch)) / 2) -1px;position:absolute}#cost-line button:first-child{border-radius:5px 3px 3px 5px}#cost-line button:last-child{background:repeating-linear-gradient(-45deg, var(--track) 0 2px, transparent 2px 4px);border-radius:3px 5px 5px 3px}#cost-line [data-is=built]{background:var(--accent)}#cost-line [data-is=here]{background:var(--ink);scale:1 1.5}#tour{border-radius:var(--round);background:var(--glass);width:min(300px,100vw - 24px);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);align-items:center;gap:8px;padding:3px 12px 3px 3px;display:flex}#tour-play{border-radius:var(--round);background:var(--ink);width:30px;height:30px;color:var(--paper);flex:none;place-items:center;display:grid;position:relative}#tour-play:after{content:"";position:absolute;inset:-9px}#tour-play svg{fill:currentColor;width:13px;height:13px}#tour-play[aria-pressed=false] svg:last-child,#tour-play[aria-pressed=true] svg:first-child{display:none}#tour-line{flex:1;min-width:0;height:30px;position:relative}#tour-line:before,#tour-line:after{content:"";border-radius:var(--round);background:var(--track);width:100%;height:3px;position:absolute;top:13.5px;left:0}#tour-line:after{background:var(--ink);transform-origin:0;scale:var(--done,0) 1}#tour-line i{background:var(--ink);opacity:.45;border-radius:1px;width:2px;height:8px;margin-left:-1px;position:absolute;top:11px}#tour-time{width:100%;height:30px;position:absolute;inset:0}#tour-time::-webkit-slider-runnable-track{background:0 0;height:3px}#tour-time::-moz-range-track{background:0 0;height:3px}#tour-time::-webkit-slider-thumb{margin-top:-5.5px}#hint{background:var(--glass);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);font-size:var(--text-small);pointer-events:none;border-radius:18px;align-items:center;gap:8px;margin:0;padding:7px 13px 7px 9px;font-weight:500;line-height:1.3;display:flex}#hint svg{flex:none;width:18px;height:18px;animation:1.8s ease-in-out infinite sway}@keyframes sway{0%,to{translate:-4px;rotate:-8deg}50%{translate:4px;rotate:8deg}}@media (prefers-reduced-motion:reduce){#hint svg{animation:none}#mode div>span,#mode span span{transition:none}}#loading{background:var(--sky);color:#fff;place-items:center;display:grid;position:fixed;inset:0}#loading svg{stroke-width:1.2px;width:112px;height:112px}#loading path{stroke-dasharray:1;animation:2.8s ease-in-out infinite backwards build}#loading path:nth-child(2){animation-delay:.22s}#loading path:nth-child(3){animation-delay:.44s}#loading path:nth-child(4){animation-delay:.66s}#loading path:nth-child(5){animation-delay:.88s}@keyframes build{0%{stroke-dashoffset:1px}35%,78%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:reduce){#loading path{animation:none}}#notice{text-align:center;background:var(--paper);place-items:center;margin:0;padding:32px;font-size:18px;line-height:1.4;display:grid;position:fixed;inset:0}#notice a{color:var(--ask);font-size:var(--text);margin-top:14px;padding:12px;font-weight:600;display:block}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#name:has(+#rooms:popover-open) svg{rotate:180deg}:root[data-night=true] #time-toggle svg:first-child,:root[data-night=false] #time-toggle svg:last-child,#phases[hidden]{display:none}#phases button{border-radius:var(--round);background:var(--ink);color:var(--paper);font-size:var(--text-small);white-space:nowrap;animation:roof-up .32s var(--spring) both;align-items:center;gap:4px;padding:5px 12px 5px 7px;font-weight:600;transition:background .25s,color .25s;display:flex;position:fixed;translate:-50% -50%;box-shadow:0 6px 20px #00000040}#phases button:after{content:"";position:absolute;inset:-10px 0}#phases button[hidden]{display:none}#phases button[aria-pressed=true]{background:var(--glass);color:var(--ink);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge)}#phases button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}#film-toggle{border-radius:var(--round);background:0 0;place-items:center;width:30px;height:30px;display:grid;position:relative}#film-toggle svg{width:16px;height:16px}#film-toggle:after{content:"";position:absolute;inset:-10px -1px}#film-card{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 48px);z-index:3;background:var(--glass);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge);transform-origin:50% 100%;animation:film-in .26s var(--spring);border-radius:20px;align-items:flex-end;gap:5px;padding:5px;display:flex;position:fixed;left:50%;translate:-50%}#film-card[hidden]{display:none}@keyframes film-in{0%{opacity:0;scale:.7}}.film-frame{aspect-ratio:9/16;background:#191f22;border-radius:15px;width:108px;position:relative;overflow:hidden}.film-frame:empty{display:none}.film-frame>*{object-fit:cover;width:100%;height:100%;display:block}#film-card[data-state=making] .film-frame:after{content:"";background:var(--accent);height:3px;scale:var(--made,0) 1;transform-origin:0 0;position:absolute;inset:auto 0 0}.film-acts{gap:4px;display:grid}.film-acts>*{border-radius:var(--round);width:32px;height:32px;color:inherit;background:0 0;place-items:center;display:grid;position:relative}.film-acts>:after{content:"";position:absolute;inset:-2px -8px -2px -3px}.film-acts>:hover{background:var(--wash)}.film-acts svg{width:17px;height:17px}.film-acts .post{background:var(--ask);color:#fff}.film-acts .ring{background:radial-gradient(closest-side, var(--paper) 78%, transparent 80%), conic-gradient(var(--accent) calc(var(--made,0) * 1turn), var(--track) 0)}.film-acts .ring svg{fill:currentColor;width:13px;height:13px}#film-card p{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#film-card[data-state=failed] p{clip-path:none;width:190px;height:auto;font-size:var(--text-small);order:-1;margin:0;padding:6px 4px 6px 9px;line-height:1.35;position:static}@media (prefers-reduced-motion:reduce){#film-card{animation:none}}