.td{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:760px;margin:0 auto;--sw: 56px;--sh: 40px;--cols: 5;--case-w: 340px;--td-wall: #f7e3c8;--td-wall-2: #f0d4ae;--td-paper: none;--td-paper-size: auto;--td-wood: #b97a45;--td-wood-2: #8d5a30;--td-wood-hi: #d6a067;--td-back: #ecd0a8;--td-back-2: #d7b285;--td-floor: #a8743f;--td-floor-2: #946431;--td-sky: #bfe3f2;--td-frame: #fbf6ee;--td-frame-dark: #b97a45;--td-glow: rgba(255, 206, 102, .9)}.td[data-room=living]{--td-paper: repeating-linear-gradient(90deg, transparent 0 18px, var(--td-wall-2) 18px 22px)}.td[data-room=pantry]{--td-wall: #e2ecd3;--td-wall-2: #cddcb9;--td-paper: linear-gradient(var(--td-wall-2) 1.5px, transparent 1.5px), linear-gradient(90deg, var(--td-wall-2) 1.5px, transparent 1.5px);--td-paper-size: 18px 18px;--td-wood: #c9925a;--td-wood-2: #9b6a37;--td-wood-hi: #e0b07a;--td-back: #e9d6b4;--td-back-2: #d4bb8e;--td-floor: #9b6b3d;--td-floor-2: #87592e;--td-frame-dark: #9b6a37}.td[data-room=wardrobe]{--td-wall: #f5e0e6;--td-wall-2: #ebc8d3;--td-paper: radial-gradient(var(--td-wall-2) 2.6px, transparent 3.2px);--td-paper-size: 22px 22px;--td-wood: #f3eee6;--td-wood-2: #cfc4b5;--td-wood-hi: #fffdf8;--td-back: #ead2da;--td-back-2: #d9b6c2;--td-floor: #b5835a;--td-floor-2: #a0714a;--td-frame-dark: #b9a796}.td[data-room=bathroom]{--td-wall: #d9eef4;--td-wall-2: #bfdde8;--td-paper: linear-gradient(var(--td-wall-2) 2px, transparent 2px), linear-gradient(90deg, var(--td-wall-2) 2px, transparent 2px);--td-paper-size: 24px 16px;--td-wood: #f6f3ee;--td-wood-2: #cbd3d6;--td-wood-hi: #ffffff;--td-back: #cfe6ee;--td-back-2: #b3d3df;--td-floor: #e3ddd2;--td-floor-2: #cfc7ba;--td-frame-dark: #9fb3c8}.td[data-room=craft]{--td-wall: #fbe5bd;--td-wall-2: #f4cf92;--td-paper: radial-gradient(var(--td-wall-2) 1.8px, transparent 2.2px);--td-paper-size: 14px 14px;--td-wood: #d8a76a;--td-wood-2: #a87a44;--td-wood-hi: #ecc38c;--td-back: #f3dcae;--td-back-2: #e2c08a;--td-floor: #a8743f;--td-floor-2: #946431;--td-frame-dark: #a87a44}.td-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}.td-name{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-weight:700;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-meta{display:flex;gap:10px;color:var(--ink-2);font-size:.9rem;white-space:nowrap;font-variant-numeric:tabular-nums}.td-meta b{color:var(--ink)}.td-par b{color:var(--ink-2);font-weight:600}.td-gear{min-width:44px;padding:8px 10px}.td-room{position:relative;display:flex;flex-direction:column;align-items:center;padding:6px 6px 0;border-radius:18px;overflow:hidden;background-color:var(--td-wall);background-image:var(--td-paper);background-size:var(--td-paper-size);box-shadow:var(--shadow),inset 0 0 0 1px #0000000d;isolation:isolate}.td-wall{width:var(--case-w);max-width:100%;height:clamp(40px,calc(var(--sh) * 1.2),66px);display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:2}.td-wall svg{display:block;width:100%;height:100%}.td-wall-decor{height:88%;aspect-ratio:4 / 5;align-self:center;margin-left:4px}.td-wall-window{height:100%;aspect-ratio:8 / 5}.td-wall-plant{height:100%;aspect-ratio:4 / 5;margin-right:4px;margin-bottom:-3px}.td-sky{fill:var(--td-sky)}.td-fr{fill:var(--td-frame)}.td-frd{fill:var(--td-frame-dark)}.td-frd-s{stroke:var(--td-frame-dark)}.td-night{display:none}.td-side{position:absolute;bottom:12px;width:46px;height:138px;display:none;z-index:0;pointer-events:none}.td-side svg{display:block;width:100%;height:100%}.td-room.has-sides .td-side{display:block}.td-side.is-left{left:calc(50% - var(--case-w) / 2 - 74px)}.td-side.is-right{right:calc(50% - var(--case-w) / 2 - 74px)}.td-case{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--cols),calc(var(--sw) + 4px));gap:5px;padding:5px;background:linear-gradient(var(--td-wood-hi),var(--td-wood) 10px);border-radius:8px 8px 3px 3px;box-shadow:0 5px 0 var(--td-wood-2),0 10px 16px #3c1e0a38,inset 0 0 0 1px #00000014;touch-action:manipulation;user-select:none;-webkit-user-select:none}.td-shelf{position:relative;height:calc(var(--sh) * 4.55 + 10px);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;border-radius:4px}.td-back{position:absolute;inset:0 0 6px;border-radius:3px;background:linear-gradient(var(--td-back-2),var(--td-back) 45%);box-shadow:inset 0 9px 10px -7px #28140573,inset 0 0 0 1px #00000012;transition:box-shadow calc(.25s * var(--motion)),background calc(.4s * var(--motion))}.td-shelf:after{content:"";position:absolute;left:-2.5px;right:-2.5px;bottom:0;height:7px;border-radius:2px;z-index:1;background:linear-gradient(var(--td-wood-hi),var(--td-wood) 60%,var(--td-wood-2));box-shadow:0 2px 2px #28140538}.td-spare{position:relative;height:calc(var(--sh) * 4.55 + 10px);border-radius:4px;pointer-events:none}.td-spare:after{content:"";position:absolute;left:-2.5px;right:-2.5px;bottom:0;height:7px;border-radius:2px;z-index:1;background:linear-gradient(var(--td-wood-hi),var(--td-wood) 60%,var(--td-wood-2));box-shadow:0 2px 2px #28140538}.td-basket-wrap{position:absolute;left:2px;right:2px;bottom:6px;height:calc(var(--sh) * 1.5);z-index:2}.td-basket-wrap svg{display:block;width:100%;height:100%}.td-items{position:absolute;inset:0 2px 6px;pointer-events:none;z-index:2}.td-item{position:absolute;left:0;bottom:calc(var(--j) * var(--sh));width:var(--sw);height:var(--sh);transition:transform calc(.18s * var(--motion)) cubic-bezier(.3,1.45,.5,1),filter calc(.18s * var(--motion))}.td-item svg{display:block;width:100%;height:100%;overflow:visible}.td-item.is-lifted{transform:translateY(calc(var(--sh) * -.5));filter:drop-shadow(0 7px 4px rgba(50,25,5,.35))}.td-shelf.is-sel{z-index:4}.td-shelf.is-sel .td-back{box-shadow:inset 0 0 0 2.5px var(--sun),inset 0 9px 10px -7px #28140573}.td-shelf.is-landing{z-index:6}.td-shelf:focus-visible .td-back{outline:3px solid var(--sky);outline-offset:1px}@media(hover:hover)and (pointer:fine){.td-shelf:hover .td-back{box-shadow:inset 0 0 0 2px #ffffffb3,inset 0 9px 10px -7px #28140573}}.td-shelf.is-done .td-back{background:radial-gradient(ellipse at 50% 62%,#fff4cf,var(--td-back) 78%);box-shadow:inset 0 0 16px 3px var(--td-glow),inset 0 0 0 1px #0000000d}.td-tick{position:absolute;top:4px;right:4px;z-index:3;width:18px;height:18px;border-radius:50%;background:var(--leaf);color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;opacity:0;transform:scale(.3);transition:opacity calc(.25s * var(--motion)),transform calc(.35s * var(--motion)) cubic-bezier(.3,1.6,.5,1);box-shadow:0 1px 2px #00000040}.td-shelf.is-done .td-tick{opacity:1;transform:none}.td-shelf.is-just-done .td-item{animation:td-hop calc(.45s * var(--motion)) ease-out both;animation-delay:calc(var(--j) * 70ms * var(--motion) + .12s * var(--motion))}@keyframes td-hop{45%{transform:translateY(-7px)}}.td-shelf.is-shake{animation:td-shake calc(.32s * var(--motion)) ease-in-out}@keyframes td-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.td-badge{position:absolute;top:-9px;left:50%;z-index:5;transform:translate(-50%);min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--coral);color:#fff;font-weight:800;font-size:13px;line-height:22px;text-align:center;display:none;box-shadow:0 2px 4px #00000040}.td-shelf.is-hint-from .td-badge,.td-shelf.is-hint-to .td-badge{display:block}.td-shelf.is-hint-from .td-back,.td-shelf.is-hint-to .td-back{box-shadow:inset 0 0 0 3px var(--coral),inset 0 9px 10px -7px #28140573;animation:td-hint calc(1s * var(--motion)) ease-in-out 3}@keyframes td-hint{50%{box-shadow:inset 0 0 0 5px var(--coral),inset 0 0 18px 2px #ff6a4d73}}.td-floor{align-self:stretch;height:14px;margin:0 -6px;position:relative;z-index:0;background:repeating-linear-gradient(90deg,var(--td-floor) 0 46px,var(--td-floor-2) 46px 48px);box-shadow:inset 0 3px #0000001f}.td-sunbeam{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity calc(1.2s * var(--motion));background:linear-gradient(115deg,#fff4c800 28%,#fff4c880 44%,#fff4c800 58%)}.td.is-tidied .td-sunbeam{opacity:1}.td-banner{position:absolute;top:6px;left:50%;z-index:7;transform:translate(-50%,-160%);pointer-events:none;transition:transform calc(.55s * var(--motion)) cubic-bezier(.3,1.5,.5,1) calc(.25s * var(--motion))}.td-banner span{position:relative;display:inline-block;padding:5px 22px;border-radius:6px;background:var(--coral);color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:.01em;box-shadow:0 6px 14px #3c140040;white-space:nowrap}.td-banner span:before,.td-banner span:after{content:"";position:absolute;top:8px;width:14px;height:100%;background:#c94f36;z-index:-1}.td-banner span:before{left:-9px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%)}.td-banner span:after{right:-9px;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%)}.td.is-tidied .td-banner{transform:translate(-50%)}.td-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.td-tools .suvi-btn{padding:8px 4px;font-size:.9rem;white-space:nowrap;min-width:0}.td-donebar{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.td-coach{position:absolute;top:6px;left:6px;right:6px;z-index:8;font-size:.88rem;line-height:1.35;cursor:pointer;box-shadow:0 6px 18px #3c1e0a38;animation:td-drop calc(.3s * var(--motion)) ease-out}@keyframes td-drop{0%{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}.td-res-top{display:flex;align-items:center;justify-content:center;gap:16px;margin:4px 0 6px}.td-res-num{text-align:left}.td-result .big{font-size:1.9rem;margin:0}.td-res-par{color:var(--ink-2);font-weight:600}.td-shot{position:relative;flex:none;overflow:hidden;border-radius:10px;box-shadow:0 4px 12px #3c1e0a2e}.td-shot-wrap{position:absolute;top:0;left:0;display:block;max-width:none;margin:0}.td-shot-room{transform-origin:top left}.td-shot .td-sunbeam,.td-shot .td-banner,.td-shot .td-tick{transition:none}.td-shot .td-banner span{font-size:1.6rem}:root[data-look=dusk] .td{--td-sky: #24304f;--td-glow: rgba(255, 190, 90, .85)}:root[data-look=dusk] .td-day{display:none}:root[data-look=dusk] .td-night{display:inline}:root[data-look=dusk] .td-room:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 35%,#ffaa462e,#140c1e8c 75%)}:root[data-look=dusk] .td-back{filter:brightness(.82)}:root[data-look=ink] .td-room{box-shadow:0 0 0 2px var(--ink)}@media(pointer:fine)and (min-width:700px){.td-tools .suvi-btn{font-size:.95rem}}