.story-art{isolation:isolate;aspect-ratio:4/3;background:#f6eddd;border-radius:14px;width:100%;min-height:230px;display:block;position:relative;overflow:hidden}.story-art-wall{background:repeating-linear-gradient(90deg,#efe1c9 0 30px,#f4e9d5 30px 32px);position:absolute;inset:0 0 30%}.story-art-floor{background:repeating-linear-gradient(90deg,#d1b18b 0 70px,#c29b75 70px 72px);border-top:4px solid #b98e64;position:absolute;inset:70% 0 0}.story-art.outdoor .story-art-wall{background:#d8e8eb}.story-art.outdoor .story-art-floor{background:#c7d8ad;border-color:#9db784}.story-art[data-place=Причал] .story-art-floor,.story-art[data-place=Маяк] .story-art-floor{background:#9dccd4;border-color:#78b0bb}.story-art[data-place=Мансарда] .story-art-wall{background:#ecdcc5}.story-art-set,.story-art-cast,.story-art-props{pointer-events:none;position:absolute;inset:0}.story-art-set img{object-fit:contain;width:35%;height:46%;position:absolute;bottom:22%}.story-art-set .set-0{left:-2%}.story-art-set .set-1{right:-2%}.story-art-cast{box-sizing:border-box;justify-content:center;align-items:flex-end;gap:1%;padding:0 4% 2%;display:flex}.story-art-cast img{object-fit:contain;width:44%;min-width:0;height:76%}.story-art-cast img:only-child{width:58%;height:88%}.story-art-cast img:nth-child(n+3){width:25%;height:62%}.story-art-props img{object-fit:contain;width:26%;height:32%;position:absolute;bottom:3%}.story-art-props .prop-0{left:36%}.story-art-props .prop-1{bottom:8%;right:6%}.story-art-props .prop-2{bottom:6%;left:6%}.story-art-props .prop-3{width:16%;height:20%;bottom:24%;left:62%}.story-art-props .furniture{width:34%;height:42%}.story-art-props .floor{z-index:-1;width:80%;height:18%;bottom:0%;left:10%}.story-art.shot-крупно .story-art-cast{transform-origin:50% 40%;transform:scale(1.35)}.story-art.shot-крупно .story-art-props .prop-0{width:37%;height:40%;bottom:0;left:32%}.cut-frame:has(.story-art){padding:0}.ui-art-slot{vertical-align:middle;flex:none;justify-content:center;align-items:center;width:1.35em;height:1.35em;display:inline-flex}.ui-art-slot>img{object-fit:contain;width:100%;height:100%;margin:0;display:block}.ui-art-slot.large{width:calc(var(--u)*120);height:calc(var(--u)*120);max-width:100%}.guest-art{display:contents}.guest-art>img{object-fit:contain;width:100%;height:100%}.reward-art-resources{justify-content:center;gap:8px;font-size:30px;display:flex}.app[data-visual-profile=art] .maid-pack-silhouette:has(.maid-pack-import>img){box-shadow:none;background:0 0;border:0}.app[data-visual-profile=art] .maid-pack-import{border-radius:0;overflow:visible}.app[data-visual-profile=art] .maid-level-color.current{background:#f6d186;border-color:#bd8d46}.app[data-visual-profile=art] .maid-level-color.previous{background:#ead4b3;border-color:#c9a378}.app[data-visual-profile=art] .maid-level-number,.app[data-visual-profile=art] .maid-level-caption{color:var(--ink)}:is(.maid-gift-body:has(img),.maid-gift-top:has(img),.maid-gift-ribbon:has(img),.maid-gift-light:has(img)){background:0 0;border:0}.maid-gift-body:has(img):after{display:none}.maid-gift-body .ui-art-slot,.maid-gift-top .ui-art-slot,.maid-gift-ribbon .ui-art-slot,.maid-gift-light .ui-art-slot,.maid-unlock-lock>.ui-art-slot{width:100%;height:100%}.app[data-visual-profile=art]{--bg:#f6eddd;--paper:#fffaf0;--ink:#4c352d;--ink2:#79594b;--ink3:#a38771;--box:#e9d5b9;--box2:#d9bfa0;--box3:#cba888;--line:#987259;--accent:#cb725f;--accent-bg:#fbe0d3;--ok:#688b64;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}.app[data-visual-profile=art] .page-head b{gap:calc(var(--u)*8);align-items:center;min-width:0;display:flex}.app[data-visual-profile=art] .maid-gift-light:has(img){mix-blend-mode:screen}.app[data-visual-profile=art] .mokka:has(.mokka-art-figure){flex-direction:column;justify-content:center;align-items:center;display:flex}.mokka-art-figure{width:100%;height:calc(var(--u)*270);z-index:1;flex:1;min-height:0;position:relative}.app[data-visual-profile=art] .chain-info-step:has(.need-art) .chain-info-count{top:auto;bottom:0;left:50%;transform:translate(-50%)}.app[data-visual-profile=art] .ui-icon-button:has(>.ui-art-slot>img){box-shadow:none;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.app[data-visual-profile=art] .info .btn:has(>.ui-art-slot[data-ui-art=info]>img){box-shadow:none;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.app[data-visual-profile=art] .chain-info-source-info:has(>.ui-art-slot>img){box-shadow:none;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.app[data-visual-profile=art] .ui-icon-button:has(>.ui-art-slot>img){flex-shrink:0;min-width:44px;min-height:44px}.app[data-visual-profile=art] .ui-icon-button>.ui-art-slot{width:38px;height:38px}.app[data-visual-profile=art] .ui-icon-button:focus-visible,.app[data-visual-profile=art] .info .btn:focus-visible,.app[data-visual-profile=art] .chain-info-source-info:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app[data-visual-profile=art] .ui-icon-button:active>.ui-art-slot{transform:scale(.9)}.app[data-visual-profile=art] .hud-pill .plus:has(img){background:0 0;width:18px;height:18px;top:-5px;right:-4px}.app[data-visual-profile=art] .hud-pill .plus>.ui-art-slot{width:100%;height:100%}.app[data-visual-profile=art] .hud-circle.small:has(img){width:44px;height:44px}.app[data-visual-profile=art] .close.ui-icon-button:has(img){flex:none;width:44px;height:44px}.app[data-visual-profile=art] .close.ui-icon-button>.ui-art-slot{width:32px;height:32px}.app[data-visual-profile=art] .dock .ui-icon-button:has(img){flex:1;min-width:0;height:64px}.app[data-visual-profile=art] .dock .ui-icon-button.main:has(img){flex:1.3;height:76px}.app[data-visual-profile=art] .dock .ui-icon-button>.ui-art-slot{width:min(100%,52px);height:52px}.app[data-visual-profile=art] .dock .ui-icon-button.main>.ui-art-slot{width:min(100%,64px);height:64px}.app[data-visual-profile=art] .dock .badge{top:0;right:1px}.app[data-visual-profile=art] .dock .new-dot{padding:2px 5px;font-size:10px;top:-4px;right:0}.app[data-visual-profile=art] .nav-lock{position:absolute;bottom:0;right:0}.app[data-visual-profile=art] .nav-lock>.ui-art-slot{width:20px;height:20px}.app[data-visual-profile=art] .ui-art-slot[data-ui-art=navStory],.app[data-visual-profile=art] .ui-art-slot[data-ui-art=album]{filter:brightness(.36)sepia()}.app[data-visual-profile=art] .kitchen-bottom .ui-icon-button>.ui-art-slot{width:min(100%,calc(var(--u)*80));height:min(44px,calc(var(--u)*80))}.app[data-visual-profile=art] .kitchen-bottom .ui-icon-button small{color:var(--ink);font-size:11px;font-weight:700;line-height:1.1}.app[data-visual-profile=art] .kitchen-bottom .ui-icon-button .badge{top:0;right:0}.app[data-visual-profile=art] .hud-square.ui-icon-button:has(img){gap:3px;width:60px;min-width:44px;height:56px;overflow:visible}.app[data-visual-profile=art] .hud-square.ui-icon-button>.ui-art-slot{width:44px;height:44px}.app[data-visual-profile=art] .hud-square.event-btn:has(img){height:76px}.app[data-visual-profile=art] .hud-square.event-btn small{background:var(--paper);border-radius:8px;max-width:90px;padding:3px 5px;font-size:10px;line-height:1.15}.app[data-visual-profile=art] .hud-square.ui-icon-button .badge{top:0;right:0}.app[data-visual-profile=art] .lobby .tip-line{top:max(calc(var(--u)*380),calc(var(--u)*124 + 150px))}.app[data-visual-profile=art] .info .btn>.ui-art-slot[data-ui-art=info]{width:28px;height:28px}.app[data-visual-profile=art] .chain-info-source-info:has(img){width:44px;height:44px;top:-8px;right:-20px}.app[data-visual-profile=art] .chain-info-source-info>.ui-art-slot{width:30px;height:30px}.app[data-visual-profile=art] .itembox:has(>.item-art>img){background:0 0;border-radius:0;padding:0}.app[data-visual-profile=art] .who:has(img){background:0 0;padding:0}.app[data-visual-profile=art] .want.have .itembox:has(img){outline:0}.app[data-visual-profile=art] .want>small>.ui-art-slot{width:14px;height:14px}.app[data-visual-profile=art] .chain-info-item:has(>img){background:0 0;border-color:#0000}.app[data-visual-profile=art] .chain-info-item.selected:has(>img){border-color:var(--accent);background:var(--accent-bg)}.app[data-visual-profile=art] .order-top:has(>.ready>.ui-art-slot>img){padding-right:44px}.app[data-visual-profile=art] .order:has(.want:nth-child(2)):has(.ready>.ui-art-slot>img){flex-basis:calc(var(--u)*360 + 44px)}.app[data-visual-profile=art] .order:has(.want:nth-child(3)):has(.ready>.ui-art-slot>img){flex-basis:calc(var(--u)*440 + 44px)}.app[data-visual-profile=art] .order .ready:has(>.ui-art-slot>img){background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:44px;font-size:24px;display:flex;inset:0 0 0 auto}.app[data-visual-profile=art] .order .ready>.ui-art-slot{width:32px;height:32px}.app[data-visual-profile=art] .order-ready-label{color:var(--ok);font-size:10px;font-weight:800}.app[data-visual-profile=art] .btn.main{background:var(--accent);border-color:var(--ink2);color:var(--paper)}.app[data-visual-profile=art] .page,.app[data-visual-profile=art] .sheet{border-color:var(--line);box-shadow:0 6px #4c352d20}.app[data-visual-profile=art] .bar>i{background:var(--ok)}.app[data-visual-profile=art] .album-card:not(.have){background:var(--bg);color:var(--ink3);border-style:solid}.app[data-visual-profile=art] .streak-steps .card.now{outline-color:var(--accent)}.app[data-visual-profile=art] .level-unlocked{background:var(--accent-bg)}.app[data-visual-profile=art] .maid-unlock-background{background:var(--accent-bg);border:0}.app[data-visual-profile=art] .maid-unlock-label{background:var(--paper);color:var(--ink)}.app[data-visual-profile=art] .maid-level-line{background:var(--box3)}.app[data-visual-profile=art] .maid-level-light{border-color:var(--line)}.app[data-visual-profile=art] .maid-pack-cards i{background:var(--paper);border-color:var(--line)}.app[data-visual-profile=art] .comic{grid-template-columns:minmax(0,1fr);min-width:0}.app[data-visual-profile=art] .comic>.panel{min-width:0;max-width:100%}.app[data-visual-profile=art] .conveyor .who:has(>.guest-portrait>img){flex:0 0 calc(var(--u)*150);background:0 0;align-self:stretch;min-width:0;padding:0;position:relative}.app[data-visual-profile=art] .conveyor .guest-portrait:has(>img){--guest-zoom:118%;--guest-top:calc(var(--u)*-4);inset:0 0 calc(var(--u)*-6);display:block;position:absolute;overflow:hidden}.app[data-visual-profile=art] .conveyor .guest-portrait>img{top:var(--guest-top);width:var(--guest-zoom);object-fit:contain;max-width:none;height:auto;max-height:none;display:block;position:absolute;left:50%;transform:translate(-50%)}.app[data-visual-profile=art] .conveyor .guest-portrait[data-guest-portrait=dog],.app[data-visual-profile=art] .conveyor .guest-portrait[data-guest-portrait=RES_BO]{--guest-zoom:108%;--guest-top:0px}.app[data-visual-profile=art] .conveyor .guest-portrait[data-guest-portrait=rabbit],.app[data-visual-profile=art] .conveyor .guest-portrait[data-guest-portrait=RES_LILY]{--guest-zoom:114%;--guest-top:0px}.app[data-visual-profile=art] .conveyor .guest-portrait[data-guest-portrait=fox],.app[data-visual-profile=art] .conveyor .guest-portrait[data-guest-portrait=RES_FELIX]{--guest-zoom:115%;--guest-top:0px}.app[data-visual-profile=art] .conveyor .order:has(.guest-portrait>img){flex-basis:calc(var(--u)*360 + 12px)}.app[data-visual-profile=art] .conveyor .order:has(.guest-portrait>img):has(.want:nth-child(2)){flex-basis:calc(var(--u)*410 + 12px)}.app[data-visual-profile=art] .conveyor .order:has(.guest-portrait>img):has(.want:nth-child(3)){flex-basis:calc(var(--u)*490 + 12px)}.app[data-visual-profile=art] .conveyor .order:has(.guest-portrait>img):has(.want:nth-child(2)):has(.ready>.ui-art-slot>img){flex-basis:calc(var(--u)*430 + 44px)}.app[data-visual-profile=art] .conveyor .order:has(.guest-portrait>img):has(.want:nth-child(3)):has(.ready>.ui-art-slot>img){flex-basis:calc(var(--u)*510 + 44px)}.app[data-visual-profile=art] .conveyor .order:has(.guest-portrait>img) .order-reward{z-index:1;position:relative}.app[data-visual-profile=art] .ghost:has(>.item-art>img){opacity:1;background:0 0;border:0;border-radius:0}.app[data-visual-profile=art] .ghost:has(>.item-art>img)>.item-art{width:100%;height:100%}.app[data-visual-profile=art] .ghost:has(>.item-art>img)>.item-art>img{object-fit:contain;width:100%;height:100%}.app[data-visual-profile=art] .art-book .page-head b{font-size:22px;line-height:1.2}.app[data-visual-profile=art] .art-book .tabs{background:var(--ui-surface);border-bottom:1px solid var(--ui-divider);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0 12px 12px;display:grid;overflow:visible}.app[data-visual-profile=art] .art-book .tabs button{background:var(--ui-cell);min-width:0;min-height:44px;color:var(--ui-text);white-space:normal;box-shadow:none;border:2px solid #0000;border-radius:12px;padding:8px 2px;font-size:12px;line-height:1.35}.app[data-visual-profile=art] .art-book .tabs button.on{background:var(--ui-selection);border-color:var(--ui-selection-line);box-shadow:none}.app[data-visual-profile=art] .art-book-tab{flex-direction:column;align-items:center;gap:4px;line-height:1.35;display:flex}.app[data-visual-profile=art] .art-book-tab-icon{width:40px;max-width:100%;height:36px;display:block}.app[data-visual-profile=art] .art-book .page-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:12px}.app[data-visual-profile=art] .art-book-content{flex-direction:column;gap:16px;display:flex}.app[data-visual-profile=art] .art-book-section{border:0;border-bottom:1px solid var(--ui-divider);min-width:0;box-shadow:none;background:0 0;border-radius:0;padding-bottom:16px}.app[data-visual-profile=art] .art-book-section:last-child{border-bottom:0;padding-bottom:0}.app[data-visual-profile=art] .art-book-section-head{background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 0 12px;display:flex}.app[data-visual-profile=art] .art-book-section-head h3{min-width:0;color:var(--ui-text);margin:0;font-size:16px;font-weight:700;line-height:1.25}.app[data-visual-profile=art] .art-book-count{color:var(--ui-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:600}.app[data-visual-profile=art] .art-book-chain-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;display:grid}.app[data-visual-profile=art] .art-book-step{min-width:0;position:relative}.app[data-visual-profile=art] .art-book-cell{aspect-ratio:1;background:var(--ui-cell);width:100%;min-width:0;min-height:44px;color:var(--ui-text);box-shadow:none;border:0;border-radius:12px;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.app[data-visual-profile=art] :is(.art-book-cell,.art-book-tab-icon,.art-book-ingredient-art) .need-art{object-fit:contain;width:100%;height:100%;display:block}.app[data-visual-profile=art] .art-book-art{width:100%;height:100%;display:block}.app[data-visual-profile=art] :is(.art-book-cell,.art-book-recipe):disabled{opacity:1;color:var(--ui-text);cursor:default}.app[data-visual-profile=art] .art-book-cell.unknown{background:var(--ui-unavailable)}.app[data-visual-profile=art] .art-book-question{color:var(--ui-secondary);font-size:32px;font-weight:700;line-height:1}.app[data-visual-profile=art] .art-book-fallback{overflow-wrap:anywhere;font-size:12px}.app[data-visual-profile=art] .art-book-arrow{color:var(--ui-secondary);pointer-events:none;font-size:22px;font-weight:600;line-height:1;position:absolute;top:50%;right:-11px;transform:translateY(-50%)}.app[data-visual-profile=art] .art-book-help{color:var(--ui-secondary);margin:0;padding:0;font-size:14px;line-height:1.4}.app[data-visual-profile=art] .art-book-station-status{color:var(--ui-secondary);padding:0 0 12px;font-size:12px;line-height:1.35}.app[data-visual-profile=art] .art-book-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;display:grid}.app[data-visual-profile=art] .art-book-recipe{background:var(--ui-cell);min-width:0;color:var(--ui-text);box-shadow:none;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;display:flex}.app[data-visual-profile=art] .art-book-dish-result{background:0 0;border:0;width:76px;max-width:100%;padding:2px}.app[data-visual-profile=art] .art-book-recipe-name{text-align:center;min-height:2.8em;font-size:14px;line-height:1.4;display:block}.app[data-visual-profile=art] .art-book-ingredients{justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;display:flex}.app[data-visual-profile=art] .art-book-ingredient{align-items:center;gap:2px;min-width:0;display:flex}.app[data-visual-profile=art] .art-book-ingredient-art{flex:1;width:28px;min-width:0;height:28px;display:block}.app[data-visual-profile=art] .art-book-plus{color:var(--ui-secondary);flex:none;font-size:12px}.app[data-visual-profile=art] :is(.art-book-recipe-time,.art-book-recipe-state){color:var(--ui-secondary);text-align:center;font-size:12px;line-height:1.35}.app[data-visual-profile=art] .art-book-recipe-state.available{color:var(--ui-success)}.app[data-visual-profile=art] .art-book-equipment-group{padding:0}.app[data-visual-profile=art] .art-book-equipment-group+.art-book-equipment-group{margin-top:16px}.app[data-visual-profile=art] .art-book-equipment-group h4{color:var(--ui-text);margin:0 0 12px;font-size:14px;line-height:1.4}.app[data-visual-profile=art] .art-book-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.app[data-visual-profile=art] .art-book-device{color:var(--ui-text);min-width:0;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.app[data-visual-profile=art] .art-book-device .art-book-cell{background:var(--ui-cell);padding:4px}.app[data-visual-profile=art] .art-book-device b{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;text-align:center;font-size:14px;font-weight:600;line-height:1.4}.app[data-visual-profile=art] .art-book-device small{color:var(--ui-secondary);text-align:center;font-size:12px;line-height:1.35}.app[data-visual-profile=art] .art-book-device.available small{color:var(--ui-success)}.app[data-visual-profile=art] .art-book :is(button,.art-book-cell):focus-visible{outline:2px solid var(--ui-selection-line);outline-offset:2px}@media (width<=340px){.app[data-visual-profile=art] .art-book .page-head b{font-size:20px}.app[data-visual-profile=art] .art-book .tabs{gap:2px}.app[data-visual-profile=art] .art-book .tabs button{padding:6px 0;font-size:11px}.app[data-visual-profile=art] .art-book-tab-icon{width:32px;height:32px}}.art-event-window .page{background:var(--paper);border:calc(var(--u)*4) solid var(--ink2)}.art-event-window .page-head{background:var(--box);flex:none;margin-bottom:8px}.art-event-window .page-head .close{background:var(--accent-bg);border-radius:50%;flex:none}.art-event-menu{flex-direction:column;gap:10px;display:flex}.art-event-menu-card{text-align:left;border:2px solid var(--box3);background:var(--paper);color:var(--ink);border-radius:18px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.art-event-menu-card.ready{border-color:var(--ok);background:#e4ebdb}.art-event-menu-art{flex:none;place-items:center;width:62px;height:68px;display:grid}.art-event-menu-art>img,.art-event-menu-art>.ui-art-slot{object-fit:contain;width:100%;height:100%}.art-event-menu-copy{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.art-event-menu-copy b{font-size:14px}.art-event-menu-copy small{color:var(--ink2);font-size:12px}.art-event-menu-ready{color:var(--ok);align-items:center;gap:4px;display:flex}.app[data-visual-profile=art] .page-body:has(>.art-event-layout){flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.app[data-visual-profile=art] .page-body:has(>.art-event-layout)>.first-tip{flex:none;margin:8px}.art-event-layout{min-height:0;color:var(--ink);flex-direction:column;flex:1;display:flex}.art-event-layout h4{margin:0;font-size:14px}.art-event-intro{background:var(--accent-bg);border:1px solid var(--box3);border-radius:18px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.art-event-layout>.art-event-intro{flex:none;margin:0 10px 8px}.art-event-intro-art{flex:none;place-items:center;width:72px;height:84px;display:grid}.art-event-intro-art>img{object-fit:contain;width:100%;height:100%;margin:0}.art-event-intro-art>.ui-art-slot{width:64px;height:64px}.art-event-intro-copy{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:5px;min-width:0;font-size:12px;display:flex}.art-event-intro-copy>b{font-size:14px}.art-event-intro-copy small{font-size:11px;line-height:1.35}.art-event-deadline{color:var(--ink2);align-items:center;gap:4px;display:flex}.art-event-intro-copy .bar{width:100%;height:7px;min-height:7px}.art-event-score{font-size:13px}.art-event-next{background:var(--paper);border-bottom:1px solid var(--box2);flex:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.art-event-next>small{flex:none;width:84px;font-size:10px}.art-event-next>.art-event-gift{flex:1}.art-event-tabs{border-bottom:1px solid var(--box2);flex:none;gap:5px;padding:6px 10px;display:flex}.art-event-tabs>button{border:1px solid var(--line);background:var(--paper);border-radius:9px 9px 3px 3px;flex:1;min-width:0;min-height:32px;padding:5px 3px;font-size:12px;font-weight:600}.art-event-tabs>button.on{background:var(--box3);border-color:var(--ink2)}.art-event-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:10px;overflow-y:auto}.art-event-milestones{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.art-event-milestone{border:1px solid var(--box3);background:var(--paper);border-radius:14px;flex-direction:column;gap:7px;min-width:0;padding:7px 5px;display:flex}.art-event-milestone.next{border:2px solid var(--accent);background:var(--accent-bg);padding:6px 4px}.art-event-milestone.received{border-color:var(--ok);background:#e4ebdb}.art-event-milestone.later{background:var(--bg)}.art-event-milestone-head{justify-content:space-between;gap:3px;font-size:10px;font-weight:600;display:flex}.art-event-milestone-head>span{color:var(--ink2)}.art-event-milestone-status{justify-content:center;align-items:center;gap:3px;min-height:18px;margin-top:auto;font-size:9px;display:flex}.art-event-gift{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.art-event-gift-part{flex-direction:column;flex:46px;align-items:center;gap:3px;min-width:0;max-width:100%;margin:0;display:flex}.art-event-gift-picture{place-items:center;width:48px;height:48px;font-size:36px;display:grid}.art-event-gift-picture>img{object-fit:contain;width:100%;height:100%;margin:0}.art-event-gift-picture>.ui-art-slot{width:100%;height:100%}.art-event-gift-picture>.itembox{width:100%;height:100%;padding:0}.art-event-gift-part figcaption{text-align:center;overflow-wrap:anywhere;font-size:10px;line-height:1.25}.art-event-gift.compact{gap:5px}.art-event-gift.compact .art-event-gift-picture{width:32px;height:32px;font-size:24px}.art-event-gift.compact .art-event-gift-part{flex:32px}.art-event-gift.compact .art-event-gift-part figcaption{font-size:9px}.art-event-gift-part:is([data-gift-kind=coins],[data-gift-kind=gems],[data-gift-kind=energy],[data-gift-kind=xp]) figcaption{font-size:13px;font-weight:700}.art-event-gift.compact .art-event-gift-part:is([data-gift-kind=coins],[data-gift-kind=gems],[data-gift-kind=energy],[data-gift-kind=xp]) figcaption{font-size:11px}.art-event-next .art-event-gift.compact .art-event-gift-part{flex:0 58px}.art-event-footer{background:var(--paper);border-top:1px solid var(--box3);flex:none;gap:8px;padding:8px 10px;display:flex}.art-event-footer>.btn{overflow-wrap:anywhere;border-radius:11px;flex:1;min-width:0;min-height:40px;padding:7px;font-size:12px}.art-event-footer>.btn.main{border-color:var(--ok);background:#adc49a}.art-event-footer>.btn>small{margin-top:3px;font-size:9px;font-weight:400;display:block}.art-event-kitchen{flex-direction:column;gap:9px;display:flex}.art-event-chain{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 6px;display:grid}.art-event-chain>figure{flex-direction:column;align-items:center;gap:4px;min-width:0;margin:0;display:flex}.art-event-chain .itembox{width:54px;max-width:100%;height:54px;padding:2px}.art-event-chain figcaption{text-align:center;overflow-wrap:anywhere;font-size:10px;line-height:1.25}.art-event-chain figcaption>small{color:var(--ink2);margin-top:3px;font-size:9px;display:block}.art-event-kitchen>small{font-size:10px}.art-event-recipe{border:1px solid var(--box2);background:var(--paper);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.art-event-recipe>.itembox{flex:none;width:58px;height:58px;padding:2px}.art-event-recipe>div{flex-direction:column;gap:4px;min-width:0;font-size:11px;display:flex}.art-event-recipe small{color:var(--ink2);font-size:10px}.art-event-story{flex-direction:column;gap:10px;display:flex}.art-event-story-beat{border:1px solid var(--box3);background:var(--bg);border-radius:13px;padding:12px;font-size:12px}.art-event-story-beat.read{background:var(--paper)}.art-event-story-beat small{color:var(--ink2);font-size:10px}.art-event-story-beat p{margin:6px 0 0;line-height:1.45}.art-event-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:18px;font-size:13px;display:flex}.art-event-quiet{color:var(--ink2);font-size:10px}.art-pass-headings{text-align:center;flex:none;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:5px;margin:0 10px;padding:7px 0;font-size:12px;display:grid}.art-pass-headings>div{border:1px solid var(--box3);background:#f1dfb4;border-radius:12px;flex-direction:column;gap:4px;padding:6px;display:flex}.art-pass-headings small{font-size:9px}.art-pass-headings .btn{min-height:30px;padding:4px 5px;font-size:11px}.art-pass-track{padding-top:7px}.art-pass-step{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:5px;padding:0 0 8px;display:grid;position:relative}.art-pass-step:before{content:"";background:var(--box3);width:3px;position:absolute;top:0;bottom:0;left:calc(50% - 1.5px)}.art-pass-number{background:var(--box);border:1px solid var(--line);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid;position:relative}.art-pass-step.current .art-pass-number{background:var(--accent-bg);border:2px solid var(--accent)}.art-pass-gift{border:1px solid var(--box3);background:var(--paper);border-radius:13px;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:83px;padding:8px 5px 6px;display:flex}.art-pass-gift.premium{background:#f4e6c4}.art-pass-gift.received{background:#e4ebdb}.art-pass-gift.ready{border:2px solid var(--ok);padding:7px 4px 5px}.art-pass-gift.premium-locked{border-style:dashed}.art-pass-status{text-align:center;justify-content:center;align-items:center;gap:4px;font-size:9px;display:flex}.art-pass-footer{text-align:center;flex-direction:column;gap:6px}.art-pass-footer>small{font-size:10px;line-height:1.35}.art-pass-footer>.btn{flex:none}.art-newbie-final{border-bottom:1px solid var(--box3);flex:none;align-items:center;gap:10px;padding:6px 10px;display:flex}.art-newbie-final>small{flex:none;width:76px;font-size:10px}.art-newbie-final>.art-event-gift{flex:1}.art-newbie-note{padding-top:9px}.art-newbie-note-head{justify-content:space-between;align-items:center;gap:7px;padding-bottom:8px;font-size:13px;display:flex}.art-newbie-note-head>small{font-size:10px}.art-newbie-task{border:1px solid var(--box3);background:var(--paper);border-radius:13px;align-items:center;gap:8px;margin-bottom:9px;padding:11px 8px;display:flex}.art-newbie-task.done{background:#e4ebdb}.art-newbie-task-icon{flex:none;place-items:center;width:38px;height:38px;font-size:27px;display:grid}.art-newbie-task-icon>.ui-art-slot{width:100%;height:100%}.art-newbie-task-copy{flex-direction:column;flex:1;gap:5px;min-width:0;font-size:11px;display:flex}.art-newbie-task-copy .bar{width:100%;height:7px}.art-newbie-task-copy>small{text-align:center;font-size:10px}.art-newbie-task-state{flex:none;width:22px;font-size:18px}.art-newbie-day-gift{text-align:center;background:var(--accent-bg);border-radius:12px;padding:9px}.art-newbie-day-gift>small{margin-bottom:7px;font-size:11px;display:block}.art-newbie-read,.art-newbie-locked{text-align:center;background:var(--paper);border:1px solid var(--box3);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:18px 14px;font-size:13px;line-height:1.45;display:flex}.art-newbie-read p,.art-newbie-locked p{margin:0}.art-newbie-read small,.art-newbie-locked small{font-size:11px}.art-newbie-footer{flex-direction:column;padding-bottom:5px}.art-newbie-footer>.btn{flex:none}.art-newbie-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.art-newbie-days>button{border:1px solid var(--line);background:var(--box);border-radius:5px 5px 12px 12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;height:51px;padding:5px 1px 6px;font-size:15px;display:flex}.art-newbie-days>button>span{height:14px;font-size:10px}.art-newbie-days>button.on{background:var(--accent-bg);border:2px solid var(--accent)}.art-newbie-days>button.read{background:#e4ebdb}.art-newbie-days>button.future{background:var(--bg)}@media (width<=340px){.art-event-intro{gap:8px;padding:9px}.art-event-intro-art{width:59px;height:73px}.art-event-intro-art>.ui-art-slot{width:55px;height:55px}.art-event-milestones{gap:5px}.art-event-milestone-head{font-size:9px}.art-event-milestone .art-event-gift.compact .art-event-gift-part{flex-basis:26px}.art-event-milestone .art-event-gift.compact .art-event-gift-picture{width:30px;height:30px}.art-event-next>small{width:68px}}.maid-scene{box-sizing:border-box;min-width:0;position:relative}.maid-pack-scene{isolation:isolate;min-height:220px;display:grid}.maid-pack-stage{pointer-events:none;grid-area:1/1;align-self:center;height:220px;position:relative;overflow:hidden}.maid-pack-anchor{width:64px;height:86px;margin:-43px 0 0 -32px;position:absolute;top:50%;left:50%}.maid-pack-silhouette{transform-origin:50%;background:#dedede;border:3px solid #858585;border-radius:10px;width:64px;height:86px;display:block;position:relative;box-shadow:inset 0 0 0 3px #eee}.maid-pack-seam{background:#a0a0a0;height:2px;position:absolute;left:5px;right:5px}.maid-pack-seam.top{top:7px}.maid-pack-seam.bottom{bottom:7px}.maid-pack-cards{width:25px;height:34px;position:absolute;top:24px;left:17px}.maid-pack-cards i{background:#f4f4f4;border:2px solid #949494;border-radius:4px;position:absolute;inset:0;transform:rotate(-12deg)}.maid-pack-cards i+i{transform:translate(5px,-2px)rotate(10deg)}.maid-pack-import{pointer-events:none;border-radius:7px;display:block;position:absolute;inset:0;overflow:hidden}.maid-pack-import>img{object-fit:contain;width:100%;height:100%;margin:0;display:block;position:absolute;inset:0}:is(.maid-pack-silhouette:has(.maid-pack-import>img)>.maid-pack-cards,.maid-pack-silhouette:has(.maid-pack-import>img)>.maid-pack-seam){visibility:hidden}.maid-pack-children{grid-area:1/1;align-self:center;min-width:0}.maid-pack-scene[data-scene-phase=cards] .maid-pack-stage{visibility:hidden}.maid-level-stage{pointer-events:none;height:130px;position:relative;overflow:hidden}.maid-level-color{background:#e4e4e4;border:3px solid #bababa;border-radius:50%;width:92px;height:92px;margin-left:-46px;position:absolute;top:10px;left:50%}.maid-level-color.current{background:#f3f3f3;border-color:#888}.maid-level-number{text-align:center;color:#595959;transform-origin:50%;font-variant-numeric:tabular-nums;width:84px;margin-left:-42px;font-size:48px;font-weight:800;line-height:64px;position:absolute;top:24px;left:50%}.maid-level-line{background:#c5c5c5;border-radius:3px;height:3px;position:absolute;left:15%;right:15%}.maid-level-line.top{top:5px}.maid-level-line.bottom{top:107px}.maid-level-light{background:#fff;border:2px solid #b9b9b9;border-radius:50%;width:42px;height:9px;position:absolute;top:55px}.maid-level-light.left{left:13%}.maid-level-light.right{right:13%}.maid-level-caption{text-align:center;color:#656565;font-size:14px;font-weight:700;line-height:18px;position:absolute;bottom:7px;left:0;right:0}.maid-level-rewards{flex-wrap:wrap;justify-content:center;gap:8px;padding:4px 0;display:flex;overflow:hidden}.maid-level-reward{transform-origin:50%;flex:72px;min-width:0;max-width:100%}.maid-level-reward>.card{box-sizing:border-box;height:100%}.maid-unlock-scene{pointer-events:none;width:108px;height:116px;margin:-58px 0 0 -54px}.maid-unlock-background{background:#eee;border:2px solid #bbb;border-radius:50%;width:82px;height:82px;position:absolute;top:5px;left:13px}.maid-unlock-lock{width:54px;height:64px;position:absolute;top:14px;left:27px}.maid-lock-shackle{box-sizing:border-box;border:7px solid #777;border-bottom:0;border-radius:20px 20px 0 0;width:31px;height:37px;position:absolute;top:0;left:12px}.maid-lock-shackle.open{transform-origin:100% 100%;transform:translate(8px,-6px)rotate(26deg)}.maid-lock-body{box-sizing:border-box;background:#d7d7d7;border:3px solid #777;border-radius:9px;width:54px;height:37px;position:absolute;top:28px;left:0}.maid-lock-keyhole{background:#888;border-radius:50% 50% 3px 3px;width:7px;height:12px;position:absolute;top:8px;left:21px}.maid-unlock-white{pointer-events:none;background:#fff;border-radius:50%;width:86px;height:86px;position:absolute;top:3px;left:11px}.maid-unlock-label{text-align:center;color:#545454;box-sizing:border-box;background:#fafafae8;border-radius:6px;width:148px;padding:2px 4px;font-size:12px;font-weight:700;line-height:16px;position:absolute;top:88px;left:-20px}.maid-gift-stage{pointer-events:none;height:130px;position:relative;overflow:hidden}.maid-gift-body{box-sizing:border-box;background:#ddd;border:3px solid #888;border-radius:3px 3px 10px 10px;width:98px;height:60px;margin-left:-49px;position:absolute;bottom:8px;left:50%}.maid-gift-body:after{content:"";background:#aaa;width:16px;position:absolute;top:0;bottom:0;left:38px}.maid-gift-top-anchor{width:106px;height:20px;margin-left:-53px;position:absolute;bottom:64px;left:50%}.maid-gift-top{box-sizing:border-box;transform-origin:bottom;background:#e9e9e9;border:3px solid #888;border-radius:6px;width:106px;height:20px;display:block}.maid-gift-light-anchor{width:94px;height:70px;margin-left:-47px;position:absolute;bottom:35px;left:50%}.maid-gift-light{transform-origin:bottom;background:linear-gradient(#fff0,#fff);border-radius:40px 40px 8px 8px;width:94px;height:70px;display:block}.maid-gift-ribbons{width:106px;height:65px;margin-left:-53px;position:absolute;bottom:29px;left:50%}.maid-gift-ribbon{box-sizing:border-box;background:#ababab;border:2px solid #888;border-radius:6px;width:48px;height:12px;position:absolute}.maid-gift-ribbon.r1{transform-origin:100%;top:0;left:5px}.maid-gift-ribbon.r2{transform-origin:0;top:0;right:5px}.maid-gift-ribbon.r3,.maid-gift-ribbon.r4{transform-origin:top;width:16px;height:40px;top:0;left:45px}.maid-gift-children{transform-origin:50%;min-width:0}@media (prefers-reduced-motion:reduce){.maid-pack-stage{visibility:hidden}.maid-pack-children{opacity:1!important;pointer-events:auto!important}}.app[data-visual-profile=art] .sheet.art-backpack-sheet{flex-direction:column;gap:16px;min-height:min(580px,100%);max-height:100%;display:flex}.app[data-visual-profile=art] .art-backpack-sheet .sheet-head{flex-shrink:0;margin-bottom:0}.app[data-visual-profile=art] .backpack-capacity{flex-shrink:0;align-items:center;gap:12px;display:flex}.app[data-visual-profile=art] .backpack-capacity>.ui-art-slot{flex-shrink:0;width:56px;height:56px}.app[data-visual-profile=art] .backpack-capacity>div{flex-direction:column;gap:4px;min-width:0;display:flex}.app[data-visual-profile=art] .backpack-capacity b{color:var(--ui-text);font-size:16px;line-height:1.25}.app[data-visual-profile=art] .backpack-capacity span{color:var(--ui-secondary);font-variant-numeric:tabular-nums;font-size:12px;line-height:1.35}.app[data-visual-profile=art] .backpack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.app[data-visual-profile=art] .backpack-slot{aspect-ratio:1;border:1px solid var(--ui-divider);background:var(--ui-cell);width:100%;min-width:0;color:var(--ui-secondary);box-shadow:none;border-radius:12px;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.app[data-visual-profile=art] .backpack-slot:disabled{opacity:1}.app[data-visual-profile=art] .backpack-slot[data-backpack-state=occupied]{cursor:pointer;background:var(--ui-cell)}.app[data-visual-profile=art] .backpack-slot[data-backpack-state=occupied]:disabled{cursor:default}.app[data-visual-profile=art] .backpack-slot[data-backpack-state=locked]{background:var(--ui-unavailable);border-color:var(--ui-unavailable)}.app[data-visual-profile=art] .backpack-slot>.item-art,.app[data-visual-profile=art] .backpack-slot>.item-art>img{object-fit:contain;width:100%;height:100%}.app[data-visual-profile=art] .backpack-slot>.ui-art-slot{opacity:.65;width:30%;height:30%}.app[data-visual-profile=art] .backpack-empty{opacity:.4;font-size:24px;font-weight:400}.app[data-visual-profile=art] .backpack-fallback{overflow-wrap:anywhere;font-size:12px}.app[data-visual-profile=art] .backpack-slot:focus-visible{outline:2px solid var(--ui-selection-line);outline-offset:2px}.app[data-visual-profile=art] .backpack-footer{flex-direction:column;gap:12px;margin-top:auto;display:flex}.app[data-visual-profile=art] :is(.backpack-hint,.backpack-status){margin:0;font-size:14px;line-height:1.4}.app[data-visual-profile=art] .backpack-hint{color:var(--ui-secondary)}.app[data-visual-profile=art] .backpack-status{color:var(--ui-attention);font-weight:600}.app[data-visual-profile=art] .backpack-footer>.btn{background:var(--ui-selection);min-height:44px;color:var(--ui-text);box-shadow:none;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.4;display:flex}.app[data-visual-profile=art] .backpack-footer>.btn .ui-art-slot{width:20px;height:20px}@media (height<=650px){.app[data-visual-profile=art] .sheet.art-backpack-sheet{gap:8px;height:100%;min-height:0}.app[data-visual-profile=art] .backpack-capacity>.ui-art-slot{width:32px;height:32px}.app[data-visual-profile=art] .backpack-grid{flex:1;grid-template-rows:repeat(4,minmax(0,1fr));gap:6px;min-height:0}.app[data-visual-profile=art] .backpack-slot{aspect-ratio:auto;min-height:0}.app[data-visual-profile=art] .backpack-footer{gap:6px}.app[data-visual-profile=art] .backpack-hint{font-size:12px}}.app[data-visual-profile=art] .lobby[data-room-view=shallow] [data-testid=tip-cleanup]{top:calc(var(--u) * 250)}:root{--bg:#e9ebea;--paper:#f7f8f7;--ink:#1f2422;--ink2:#535c59;--ink3:#858e8b;--box:#d3d8d6;--box2:#c0c6c4;--box3:#a3aba8;--line:#8a9390;--accent:#2b55c9;--accent-bg:#e1e8fa;--ok:#2e7a4f;--u:.54px;--app-h:100vh;--app-w:100vw;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.maid-vfx-layer{z-index:9001;pointer-events:none;position:absolute;inset:0;overflow:hidden}.maid-vfx-underlay{z-index:7900}.maid-vfx-overlay{z-index:9001}.maid-effect{pointer-events:none;width:0;height:0;position:absolute}.maid-burst{pointer-events:none;width:0;height:0;position:absolute;inset:0}.maid-particle{object-fit:contain;width:14px;height:14px;animation:.9s ease-out both maid-particle;animation-delay:var(--delay);position:absolute;top:-7px;left:-7px}.maid-ring{opacity:0;width:82px;height:82px;animation:.7s ease-out both maid-ring;position:absolute;top:-41px;left:-41px}.maid-burst.large .maid-ring{width:160px;height:160px;top:-80px;left:-80px}.maid-burst.large .maid-particle{width:20px;height:20px;top:-10px;left:-10px}.maid-cloud{background-repeat:no-repeat;background-size:100% 300%;width:42px;height:42px;top:-21px;left:-21px}.maid-burst.bubbles .maid-particle{width:22px;height:22px;top:-11px;left:-11px}.maid-burst .maid-friend-jewel{width:34px;height:34px;top:-17px;left:-17px}.maid-confetti{width:14px;height:14px;filter:brightness(.7) sepia(1) saturate(6) hue-rotate(var(--tint));animation:2.1s cubic-bezier(.15,.55,.55,1) both maid-confetti;animation-delay:var(--delay);background-repeat:no-repeat;background-size:400% 400%;position:absolute;top:-75px;left:-7px}.maid-resource-flight{color:#715234;width:18px;height:18px;animation:1.1s cubic-bezier(.2,.3,.55,1) both maid-flight;animation-delay:var(--delay);background:#f5df98;border-radius:50%;place-items:center;font-size:15px;display:grid;position:absolute;top:-9px;left:-9px}.sheet.maid-popup{isolation:isolate;animation:none;position:relative}.dim:has(.maid-popup){animation:none;overflow:hidden}.maid-prize-effects{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.maid-prize-shine{width:min(390px,var(--app-w));height:min(390px,var(--app-w));opacity:.3;animation:14s linear infinite maid-shine;position:absolute;top:0;left:0;translate:-50% -50%}.maid-station-ambient{pointer-events:none;position:absolute;inset:0;overflow:visible}.maid-station-ambient.ready>img{opacity:.45;width:100%;height:100%;animation:1.8s ease-in-out infinite maid-ready;position:absolute;inset:0}.maid-station-ambient.cooking>img{opacity:0;width:16px;height:16px;animation:2s ease-out infinite maid-steam;position:absolute;top:30%;left:25%}.maid-station-ambient.cooking>img+img{animation-delay:.9s;left:55%}@keyframes maid-particle{0%{opacity:0;transform:scale(.25)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin)) scale(.4)}}@keyframes maid-ring{0%{opacity:.7;transform:scale(.35)}to{opacity:0;transform:scale(1.3)}}@keyframes maid-confetti{0%{opacity:0;transform:translateY(-15px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin))}}@keyframes maid-flight{0%,15%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:translateY(-20px)scale(1)}90%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}@keyframes maid-shine{to{transform:rotate(360deg)}}@keyframes maid-ready{50%{opacity:.8;transform:scale(1.12)}}@keyframes maid-steam{20%{opacity:.65}to{opacity:0;transform:translateY(-25px)scale(1.25)}}@media (prefers-reduced-motion:reduce){.maid-particle,.maid-ring,.maid-confetti,.maid-resource-flight{opacity:.55;animation:none}.maid-prize-shine,.maid-station-ambient>img{animation:none}.maid-confetti,.maid-resource-flight,.maid-station-ambient.cooking>img{display:none}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#cfd3d1;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.app{width:var(--app-w);height:var(--app-h);background:var(--bg);font-size:calc(var(--u) * 24);margin:0 auto;position:relative;overflow:hidden}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.btn{border:calc(var(--u) * 2) solid var(--line);background:var(--paper);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 14) calc(var(--u) * 20);font-size:calc(var(--u) * 24);min-height:calc(var(--u) * 64);font-weight:600}.btn.small{padding:calc(var(--u) * 8) calc(var(--u) * 14);font-size:calc(var(--u) * 21);min-height:calc(var(--u) * 52)}.btn.main{background:var(--box3);border-color:var(--ink2);color:var(--ink)}.btn.ghost{background:0 0}.btn:disabled{opacity:.45;cursor:default}.badge{top:calc(var(--u) * -8);right:calc(var(--u) * -8);min-width:calc(var(--u) * 34);height:calc(var(--u) * 34);border-radius:calc(var(--u) * 17);background:var(--accent);color:#fff;font-size:calc(var(--u) * 19);padding:0 calc(var(--u) * 6);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.bar{width:100%;height:calc(var(--u) * 10);background:var(--box);border-radius:calc(var(--u) * 5);display:block;overflow:hidden}.bar i{background:var(--ink2);height:100%;display:block}.itembox{background:var(--box2);border-radius:calc(var(--u) * 10);min-width:calc(var(--u) * 90);min-height:calc(var(--u) * 90);padding:calc(var(--u) * 6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:inline-flex}.itembox b{font-size:calc(var(--u) * 28)}.itembox i{font-style:normal;font-size:calc(var(--u) * 17);color:var(--ink2)}.itembox.small{min-width:calc(var(--u) * 58);min-height:calc(var(--u) * 58)}.itembox.small b{font-size:calc(var(--u) * 22)}.need-art{object-fit:contain;pointer-events:none;max-width:100%;max-height:100%;display:block}.item-art{flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;min-width:0;height:100%;display:flex}.item-art>.need-art{flex:auto;width:100%;height:70%;min-height:0}.item-art-clean>.need-art{height:100%}.item-art-label{flex:none;font-size:.62em;line-height:1}:is(.cell .code:has(.item-art),.cell .code:has(>.ui-art-slot)){width:100%;height:100%;padding:2px}.cell .code>.ui-art-slot{width:100%;max-width:100%;height:100%;max-height:100%}.station-cell-status{background:var(--paper);max-width:calc(100% - 2px);color:var(--ink);font-size:calc(var(--u) * 11);pointer-events:none;border-radius:3px;padding:1px 2px;line-height:1;position:absolute;bottom:1px;right:1px}.itembox>.item-art{width:calc(var(--u) * 78);height:calc(var(--u) * 78)}.itembox .item-art-label{flex-direction:column;align-items:center;max-width:100%;display:flex}.chain .itembox:not(.small)>.item-art{height:auto;min-height:calc(var(--u) * 78)}.chain .itembox:not(.small) .need-art{height:calc(var(--u) * 48);flex:none}.chain .itembox:not(.small)>.item-art-clean{height:calc(var(--u) * 78);min-height:0}.chain .itembox:not(.small) .item-art-clean>.need-art{flex:auto;height:100%}.itembox.small>.item-art{width:calc(var(--u) * 46);height:calc(var(--u) * 46)}.panel-art{width:100%;height:calc(var(--u) * 320)}.host-art,.pack-art,.wear-art{width:calc(var(--u) * 150);height:calc(var(--u) * 150);margin:0 auto}.mokka .m-frame-art{width:100%;height:100%;position:absolute;inset:0}.mokka>span>.need-art{width:100%;height:100%}small{font-size:calc(var(--u) * 18);color:var(--ink2);display:block}.topbar{align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 14) calc(var(--u) * 14) calc(var(--u) * 8);flex:none;display:flex}.hud-circle{width:calc(var(--u) * 96);height:calc(var(--u) * 96);border:calc(var(--u) * 2) solid var(--line);background:var(--box3);justify-content:center;align-items:center;gap:calc(var(--u) * 4);padding:0 calc(var(--u) * 14);font-size:calc(var(--u) * 21);border-radius:50%;flex-direction:column;flex:none;display:flex}.hud-circle.small{width:calc(var(--u) * 72);height:calc(var(--u) * 72);font-size:calc(var(--u) * 32)}.hud-pill{min-width:0;height:calc(var(--u) * 60);border-radius:calc(var(--u) * 30);border:calc(var(--u) * 2) solid var(--line);background:var(--paper);justify-content:center;align-items:center;gap:calc(var(--u) * 6);font-weight:700;font-size:calc(var(--u) * 23);white-space:nowrap;flex:1;display:flex;position:relative}.hud-pill small{font-size:calc(var(--u) * 15);font-weight:400}.hud-pill .plus{right:calc(var(--u) * -6);top:calc(var(--u) * -6);width:calc(var(--u) * 28);height:calc(var(--u) * 28);background:var(--ink2);color:#fff;font-size:calc(var(--u) * 20);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.conveyor{gap:calc(var(--u) * 10);padding:calc(var(--u) * 6) calc(var(--u) * 14);touch-action:pan-x;scroll-snap-type:x proximity;scrollbar-width:none;height:calc(var(--u) * 200);flex:none;min-height:0;display:flex;position:relative;overflow:auto hidden}.order-empty{color:var(--ink3);justify-content:center;align-items:center}.order{flex:0 0 calc(var(--u) * 330);background:var(--box);border-radius:calc(var(--u) * 14);padding:calc(var(--u) * 8);gap:calc(var(--u) * 6);scroll-snap-align:start;flex-direction:column;min-height:0;display:flex;position:relative}.order.story{outline:calc(var(--u) * 4) solid var(--accent);outline-offset:calc(var(--u) * -4)}.story-tag{top:calc(var(--u) * 6);right:calc(var(--u) * 8);background:var(--accent);color:#fff;font-size:calc(var(--u) * 16);padding:calc(var(--u) * 2) calc(var(--u) * 8);border-radius:calc(var(--u) * 6);position:absolute}.order-top{gap:calc(var(--u) * 8);flex:1;min-height:0;display:flex;position:relative}.who{flex:0 0 calc(var(--u) * 100);background:var(--box2);border-radius:calc(var(--u) * 10);text-align:center;font-size:calc(var(--u) * 18);padding:calc(var(--u) * 4);justify-content:center;align-items:center;display:flex}.wants{gap:calc(var(--u) * 6);flex:1;justify-content:space-around;align-items:center;display:flex}.want{align-items:center;gap:calc(var(--u) * 2);background:0 0;border:none;flex-direction:column;padding:0;display:flex}.want .itembox{background:var(--box3);border-radius:50%}.want.have .itembox{outline:calc(var(--u) * 3) solid var(--ok)}.order .ready{left:calc(var(--u) * 108);right:0;top:calc(var(--u) * 6);bottom:calc(var(--u) * 6);border-radius:calc(var(--u) * 12);background:var(--ink2);color:#fff;font-size:calc(var(--u) * 46);border:none;animation:1.2s ease-in-out infinite pulse;position:absolute}.order-reward{background:var(--box2);border-radius:calc(var(--u) * 8);text-align:center;font-size:calc(var(--u) * 17);padding:calc(var(--u) * 4)}.fly{background:var(--ink);color:#fff;padding:calc(var(--u) * 8) calc(var(--u) * 16);border-radius:calc(var(--u) * 12);pointer-events:none;white-space:nowrap;animation:1.1s ease-out forwards fly;position:absolute;top:40%;left:50%;transform:translate(-50%)}.board-wrap{min-height:0;padding:calc(var(--u) * 6);flex:1;justify-content:center;align-items:center;display:flex}.grid{touch-action:none;display:grid;position:relative}.cell{background:var(--box);border-radius:calc(var(--u) * 10);justify-content:center;align-items:center;display:flex;position:relative}.cell.dust{background:repeating-linear-gradient(45deg, var(--box3) 0 calc(var(--u) * 6), var(--box2) calc(var(--u) * 6) calc(var(--u) * 12));color:var(--ink3)}.cell.item{background:var(--box2)}.cell.gen{background:var(--box3);outline:calc(var(--u) * 2) solid var(--ink2);outline-offset:calc(var(--u) * -2)}.cell.ready-eq{background:var(--accent-bg);outline:calc(var(--u) * 3) solid var(--accent);outline-offset:calc(var(--u) * -3);animation:1s ease-in-out infinite pulse}.cell.sel{outline:calc(var(--u) * 4) solid var(--accent);outline-offset:calc(var(--u) * -4)}.cell.target{background:var(--paper)}.cell.can{background:var(--accent-bg);outline:calc(var(--u) * 3) dashed var(--accent);outline-offset:calc(var(--u) * -3)}.cell.hint{animation:1s ease-in-out infinite pulse}.code{font-weight:700;font-size:calc(var(--u) * 26);text-align:center;line-height:1.05;animation:.18s ease-out pop}.cell.gen .code{font-size:calc(var(--u) * 13);word-break:break-all;-webkit-hyphens:auto;hyphens:auto;padding:0 calc(var(--u) * 2)}.code small{font-size:calc(var(--u) * 13);font-weight:400}.code.faded{opacity:.3}.ghost{pointer-events:none;background:var(--box3);border-radius:calc(var(--u) * 10);font-weight:700;font-size:calc(var(--u) * 26);opacity:.9;z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.burst{inset:calc(var(--u) * -8);border:calc(var(--u) * 4) solid var(--accent);border-radius:calc(var(--u) * 14);pointer-events:none;animation:.45s ease-out forwards burst;position:absolute}.hand{right:calc(var(--u) * -4);bottom:calc(var(--u) * -10);font-size:calc(var(--u) * 34);pointer-events:none;animation:.9s ease-in-out infinite nudge;position:absolute}.kitchen-bottom{gap:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 14) calc(var(--u) * 16);height:calc(var(--u) * 130);flex:none;display:flex}.dock-btn{flex:0 0 calc(var(--u) * 120);border:calc(var(--u) * 2) solid var(--line);background:var(--paper);border-radius:calc(var(--u) * 14);font-size:calc(var(--u) * 20);flex-direction:column;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.dock-btn.main{background:var(--box3);font-weight:800}.dock-btn.locked{opacity:.55}.info{background:var(--box);border-radius:calc(var(--u) * 14);align-items:center;gap:calc(var(--u) * 8);min-width:0;padding:calc(var(--u) * 8) calc(var(--u) * 12);font-size:calc(var(--u) * 21);flex:1;display:flex}.info>span{flex:1;min-width:0}.info.muted{color:var(--ink3);justify-content:center}.info.station-info{padding:calc(var(--u) * 8) calc(var(--u) * 5) calc(var(--u) * 5);align-items:stretch;gap:calc(var(--u) * 6)}.station-details{flex:0 0 calc(var(--u) * 36);font-size:calc(var(--u) * 30);align-self:stretch;padding:0}.station-info-content{gap:calc(var(--u) * 4);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.station-info-heading{height:calc(var(--u) * 24);align-items:center;gap:calc(var(--u) * 6);min-width:0;font-size:calc(var(--u) * 19);flex:none;line-height:1.15;display:flex}.station-info-heading>b{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.station-info-heading>b>span{font-weight:400}.station-recipe-picker{border:0;border-bottom:calc(var(--u) * 1) solid var(--line);width:0;min-width:0;height:100%;min-height:0;color:var(--ink2);font:inherit;font-size:calc(var(--u) * 17);line-height:inherit;background:0 0;flex:1}.station-input-row,.station-cooking-row{align-items:center;gap:calc(var(--u) * 6);flex:1;min-width:0;min-height:0;display:flex}.station-materials{gap:calc(var(--u) * 5);scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.station-materials::-webkit-scrollbar{display:none}.station-ingredient{flex:0 0 calc(var(--u) * 64);height:calc(var(--u) * 64);padding:calc(var(--u) * 3);border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 9);background:var(--paper);justify-content:center;align-items:center;display:flex;position:relative}.station-ingredient:disabled{opacity:1;cursor:default}.station-ingredient.missing{background:var(--box2);border-style:dashed}.station-ingredient.missing .itembox{opacity:.45}.station-ingredient.loaded{border-color:var(--ink);background:var(--box3)}.station-ingredient-state{width:calc(var(--u) * 19);height:calc(var(--u) * 19);line-height:calc(var(--u) * 18);background:var(--ink2);color:var(--paper);font-size:calc(var(--u) * 17);text-align:center;border-radius:50%;position:absolute;bottom:0;right:0}.station-ingredient.missing .station-ingredient-state{background:var(--line)}.station-recipe-result{align-items:center;gap:calc(var(--u) * 4);flex:none;display:flex}.station-ingredient .itembox,.station-recipe-result .itembox,.station-cooking-dish .itembox,.station-collect>.itembox{width:calc(var(--u) * 56);height:calc(var(--u) * 56);background:0 0;border:0;min-width:0;min-height:0;padding:0}.station-ingredient .itembox.small>.item-art,.station-recipe-result .itembox.small>.item-art,.station-cooking-dish .itembox.small>.item-art,.station-collect>.itembox.small>.item-art{width:100%;height:100%}.station-unload{padding:calc(var(--u) * 5);font-size:calc(var(--u) * 16)}.station-timer-block{flex:1;min-width:0}.station-cooking-dish{align-items:center;gap:calc(var(--u) * 5);display:flex}.station-cooking-dish .itembox{width:calc(var(--u) * 36);height:calc(var(--u) * 36);flex:none}.station-cooking-dish>span{text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--u) * 17);overflow:hidden}.station-cooking-dish small{font-size:inherit;display:inline}.station-timer{height:calc(var(--u) * 25);border:calc(var(--u) * 1) solid var(--line);border-radius:calc(var(--u) * 8);background:var(--paper);text-align:center;font-size:calc(var(--u) * 18);line-height:calc(var(--u) * 23);position:relative;overflow:hidden}.station-timer>span{background:var(--box3);position:absolute;inset:0 auto 0 0}.station-timer>b{position:relative}.station-speed{flex:0 0 calc(var(--u) * 57);height:calc(var(--u) * 60);padding:calc(var(--u) * 3);font-size:calc(var(--u) * 22)}.station-speed small{font-size:calc(var(--u) * 15)}.station-collect{align-items:center;gap:calc(var(--u) * 9);width:100%;min-width:0;min-height:calc(var(--u) * 62);border-radius:calc(var(--u) * 8);padding:calc(var(--u) * 3);background:var(--paper);text-align:left;font-size:calc(var(--u) * 20);border:0;display:flex}.station-collect>.itembox{flex:none}.station-collect>span{flex:1;min-width:0}.station-collect small{font-size:calc(var(--u) * 17);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.station-collect-label{font-size:calc(var(--u) * 17)}.lobby-scene{touch-action:none;position:absolute;inset:0;overflow:clip}.scene{will-change:transform;position:absolute;top:0;bottom:0;left:0}.wall{background:repeating-linear-gradient(90deg, #dde0df 0 calc(var(--u) * 120), #d6dad8 calc(var(--u) * 120) calc(var(--u) * 240));position:absolute;top:0;left:0;right:0}.floorzone{background:repeating-linear-gradient(90deg, #c4cac8 0 calc(var(--u) * 2), transparent calc(var(--u) * 2) calc(var(--u) * 140)), #cdd2d0;position:absolute;bottom:0;left:0;right:0}.floor-2 .wall{background:repeating-linear-gradient(90deg, #e4e2dc 0 calc(var(--u) * 120), #dcdad3 calc(var(--u) * 120) calc(var(--u) * 240))}.lobj{text-align:center;background:var(--paper);border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 10);font-size:calc(var(--u) * 17);padding:calc(var(--u) * 2);cursor:grab;transform-origin:50% 100%;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute}.lobj span{pointer-events:none;flex-direction:column;align-items:center;display:flex}.lobj.furniture,.lobj.table{background:var(--box)}.lobj.tech{background:var(--box3);border-color:var(--ink2);font-weight:700}.lobj.character{background:var(--paper);border-radius:calc(var(--u) * 40) calc(var(--u) * 40) calc(var(--u) * 10) calc(var(--u) * 10);font-weight:700}.lobj[data-obj=CH_MOKKA]{color:#fff;background:#4a4f4d;border-color:#2a2e2c}.lobj.mess{background:repeating-linear-gradient(45deg, var(--box3) 0 calc(var(--u) * 8), var(--box2) calc(var(--u) * 8) calc(var(--u) * 16));cursor:pointer;border-style:dashed}.lobj.mess.affordable{outline:calc(var(--u) * 4) solid var(--accent);animation:1.4s ease-in-out infinite pulse}.lobj.dragging{transform-origin:50% 100%;opacity:.92;outline:calc(var(--u) * 3) dashed var(--accent);cursor:grabbing;scale:1.08}.lobj.fresh{outline:calc(var(--u) * 4) solid var(--accent)}.lobj.wiggle{transform-origin:50% 100%;animation:.4s ease-in-out wiggle}.lobj.resident{background:var(--accent-bg);border-color:var(--accent);font-family:inherit;font-weight:700}.bubble{top:calc(var(--u) * -40);right:calc(var(--u) * -20);width:calc(var(--u) * 50);height:calc(var(--u) * 50);background:var(--paper);border:calc(var(--u) * 2) solid var(--accent);color:var(--accent);font-style:normal;font-size:calc(var(--u) * 30);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute}.bubble.new{background:var(--accent);color:#fff;animation:1s ease-in-out infinite nudge}.hud-top{z-index:5000;position:absolute;top:0;left:0;right:0}.hud-left,.hud-right{top:calc(var(--u) * 124);z-index:5000;gap:calc(var(--u) * 12);flex-direction:column;display:flex;position:absolute}.hud-left{left:calc(var(--u) * 14)}.hud-right{right:calc(var(--u) * 14);align-items:flex-end}.hud-square{min-width:calc(var(--u) * 110);height:calc(var(--u) * 90);border:calc(var(--u) * 2) solid var(--line);background:var(--paper);border-radius:calc(var(--u) * 14);font-size:calc(var(--u) * 20);padding:0 calc(var(--u) * 10);font-weight:700;position:relative}.hud-square.wide{min-width:calc(var(--u) * 200);outline:calc(var(--u) * 3) solid var(--accent)}.floors{gap:calc(var(--u) * 6);flex-direction:column;display:flex}.floors button{border:calc(var(--u) * 2) solid var(--line);background:var(--paper);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 12);font-size:calc(var(--u) * 18)}.floors button.on{background:var(--box3);font-weight:700}.floors button.locked{opacity:.6}.edge-hint{bottom:calc(var(--u) * 170);z-index:5000;border:calc(var(--u) * 2) solid var(--accent);background:var(--paper);color:var(--accent);border-radius:calc(var(--u) * 30);padding:calc(var(--u) * 10) calc(var(--u) * 16);font-weight:700;font-size:calc(var(--u) * 21);position:absolute}.edge-hint.right{right:calc(var(--u) * 12)}.edge-hint.left{left:calc(var(--u) * 12)}.edge-hint.new{background:var(--accent);color:#fff;animation:1s ease-in-out infinite nudge}.dock{left:calc(var(--u) * 12);right:calc(var(--u) * 12);bottom:calc(var(--u) * 16);align-items:flex-end;gap:calc(var(--u) * 8);z-index:5000;display:flex;position:absolute}.dock .dock-btn{height:calc(var(--u) * 100);flex:1}.dock .dock-btn.main{height:calc(var(--u) * 130);flex:1.3}.page-dim{z-index:8000;padding:calc(var(--u) * 70) calc(var(--u) * 22) calc(var(--u) * 40);background:#282c2a73;justify-content:center;align-items:center;animation:.15s ease-out fade-in;display:flex;position:absolute;inset:0}.page{background:var(--bg);border:calc(var(--u) * 3) solid var(--ink2);border-radius:calc(var(--u) * 28);flex-direction:column;width:100%;height:100%;animation:.18s ease-out pop-in;display:flex;position:relative;overflow:hidden}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}}.page-head,.sheet-head{padding:calc(var(--u) * 20) calc(var(--u) * 20) calc(var(--u) * 12);font-size:calc(var(--u) * 30);justify-content:space-between;align-items:center;display:flex}.close{width:calc(var(--u) * 64);height:calc(var(--u) * 64);border-radius:calc(var(--u) * 12);border:calc(var(--u) * 2) solid var(--line);background:var(--paper);font-size:calc(var(--u) * 26)}.tabs,.subtabs{gap:calc(var(--u) * 6);padding:0 calc(var(--u) * 16);flex:none;display:flex;overflow-x:auto}.tabs button,.subtabs button{border:calc(var(--u) * 2) solid var(--line);background:var(--paper);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 12) calc(var(--u) * 10);font-size:calc(var(--u) * 21);white-space:nowrap;flex:1}.subtabs{padding:0}.tabs button.on,.subtabs button.on{background:var(--box3);font-weight:700}.page-body{padding:calc(var(--u) * 16);flex:1;overflow-y:auto}.stack{gap:calc(var(--u) * 12);flex-direction:column;display:flex}.row{align-items:center;gap:calc(var(--u) * 10);background:var(--box);border-radius:calc(var(--u) * 12);padding:calc(var(--u) * 12) calc(var(--u) * 14);text-align:left;font-size:calc(var(--u) * 22);border:none;display:flex}.row.dashed{border:calc(var(--u) * 2) dashed var(--line);background:0 0}.row.now{outline:calc(var(--u) * 3) solid var(--accent)}.row.locked{opacity:.5}.grow{gap:calc(var(--u) * 4);flex-direction:column;flex:1;min-width:0;display:flex}.done{color:var(--ok);font-weight:800;font-size:calc(var(--u) * 30)}.card{background:var(--box);border-radius:calc(var(--u) * 12);padding:calc(var(--u) * 14);gap:calc(var(--u) * 8);text-align:center;flex-direction:column;align-items:stretch;display:flex;position:relative}.card.big{text-align:left}.card.on{outline:calc(var(--u) * 3) solid var(--accent)}.card b{font-size:calc(var(--u) * 24)}.grid2,.grid3,.grid4{gap:calc(var(--u) * 10);display:grid}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr 1fr}.grid4{grid-template-columns:repeat(4,1fr)}.slot{aspect-ratio:1;border:calc(var(--u) * 2) dashed var(--line);border-radius:calc(var(--u) * 12);background:var(--paper);justify-content:center;align-items:center;padding:0;display:flex}.note{color:var(--ink2);font-size:calc(var(--u) * 20);margin:0}h4{margin:calc(var(--u) * 8) 0 0;font-size:calc(var(--u) * 22)}p{margin:0}.dim{z-index:9000;padding:calc(var(--u) * 70) calc(var(--u) * 22) calc(var(--u) * 40);background:#282c2a73;justify-content:center;align-items:center;animation:.15s ease-out fade-in;display:flex;position:absolute;inset:0}.sheet{background:var(--bg);border:calc(var(--u) * 3) solid var(--ink2);border-radius:calc(var(--u) * 28);width:100%;max-height:100%;padding:0 calc(var(--u) * 20) calc(var(--u) * 24);animation:.18s ease-out pop-in;overflow-y:auto}.chain-info-sheet{width:calc(var(--u) * 650);border-width:calc(var(--u) * 8);border-radius:calc(var(--u) * 40);max-width:100%;padding:0;overflow:visible}.chain-info-sheet .sheet-head{width:74%;min-height:calc(var(--u) * 90);margin:calc(var(--u) * -42) auto calc(var(--u) * 20);padding:calc(var(--u) * 12) calc(var(--u) * 18);border:calc(var(--u) * 3) solid var(--ink2);border-radius:calc(var(--u) * 18);background:var(--box2);text-align:center;line-height:1.15;font-size:calc(var(--u) * 32);justify-content:center;position:relative}.chain-info-sheet .close{width:calc(var(--u) * 70);height:calc(var(--u) * 70);right:calc(var(--u) * -85);top:calc(var(--u) * 28);background:var(--box3);border-color:var(--ink2);font-size:calc(var(--u) * 34);border-radius:50%;position:absolute}.chain-info-body{max-height:calc(var(--app-h) - var(--u) * 230);border-radius:0 0 calc(var(--u) * 30) calc(var(--u) * 30);overflow-y:auto}.chain-info-grid{column-gap:calc(var(--u) * 34);row-gap:calc(var(--u) * 25);padding:calc(var(--u) * 12) calc(var(--u) * 28) calc(var(--u) * 24);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.chain-info-step{min-width:0;position:relative}.chain-info-item{aspect-ratio:1;width:100%;padding:calc(var(--u) * 12);border-radius:calc(var(--u) * 16);border:calc(var(--u) * 2) solid var(--line);background:var(--box);color:var(--ink2);font-size:calc(var(--u) * 24);overflow-wrap:anywhere;justify-content:center;align-items:center;display:flex}.chain-info-item.selected{outline:calc(var(--u) * 5) solid var(--ink2);outline-offset:calc(var(--u) * 3)}.chain-info-item:disabled{opacity:1;color:var(--ink3)}.chain-info-item .need-art{width:100%;height:100%}.chain-info-unknown{font-size:calc(var(--u) * 60);font-weight:700}.chain-info-arrow{top:50%;right:calc(var(--u) * -27);color:var(--ink3);font-size:calc(var(--u) * 44);line-height:1;position:absolute;transform:translateY(-50%)}.chain-info-count{top:calc(var(--u) * -8);left:calc(var(--u) * -9);min-width:calc(var(--u) * 34);height:calc(var(--u) * 34);border:calc(var(--u) * 2) solid var(--ink2);background:var(--box3);font-size:calc(var(--u) * 22);pointer-events:none;border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute}.chain-info-source h4{padding:calc(var(--u) * 5) 0 calc(var(--u) * 12);text-align:center;font-size:calc(var(--u) * 25);margin:0}.chain-info-source-panel{border-top:calc(var(--u) * 2) solid var(--line);background:var(--box);padding:calc(var(--u) * 24) calc(var(--u) * 24) calc(var(--u) * 28);align-items:center;gap:calc(var(--u) * 12);text-align:center;flex-direction:column;display:flex}.chain-info-source-item{width:calc(var(--u) * 120);position:relative}.chain-info-source-item .chain-info-item{background:var(--box2);font-size:calc(var(--u) * 19)}.chain-info-source-info{top:calc(var(--u) * -4);right:calc(var(--u) * -4);width:calc(var(--u) * 38);height:calc(var(--u) * 38);border-radius:calc(var(--u) * 8);border:calc(var(--u) * 2) solid var(--ink2);background:var(--paper);color:var(--ink);font-size:calc(var(--u) * 26);padding:0;font-weight:700;position:absolute}.book-chain-item{color:inherit;font:inherit;background:0 0;border:0;padding:0}.speech{background:var(--accent-bg);border-radius:calc(var(--u) * 14);padding:calc(var(--u) * 14);font-size:calc(var(--u) * 23)}.comic{gap:calc(var(--u) * 10);grid-template-columns:1fr;display:grid}.panel{border:calc(var(--u) * 3) solid var(--ink2);border-radius:calc(var(--u) * 8);background:repeating-linear-gradient(135deg, var(--box) 0 calc(var(--u) * 10), var(--paper) calc(var(--u) * 10) calc(var(--u) * 20));min-height:calc(var(--u) * 150);padding:calc(var(--u) * 12);font-size:calc(var(--u) * 23);flex-direction:column;justify-content:flex-end;font-weight:600;display:flex}.chain{align-items:center;gap:calc(var(--u) * 6);flex-wrap:wrap;display:flex}.chain.grow{flex-direction:row;align-items:center}.chain-step{align-items:center;gap:calc(var(--u) * 6);display:flex}.chain-step.unknown .itembox{background:var(--paper);border:calc(var(--u) * 2) dashed var(--line);font-size:calc(var(--u) * 30)}.arrow{color:var(--ink3)}.tcg{min-height:calc(var(--u) * 300)}.tcg .pic{background:var(--box2);border-radius:calc(var(--u) * 10);font-size:calc(var(--u) * 50);color:var(--ink3);flex:1;justify-content:center;align-items:center;display:flex}.tcg-ready{outline:calc(var(--u) * 4) solid var(--accent)}.tcg-claimed{background:var(--paper);border:calc(var(--u) * 2) solid var(--line)}.tcg .story{font-size:calc(var(--u) * 20);flex:1}.profile-head{grid-template-columns:calc(var(--u) * 260) 1fr;gap:calc(var(--u) * 16);align-items:center;display:grid}.big{font-size:calc(var(--u) * 32)}.mokka{height:calc(var(--u) * 320);border:calc(var(--u) * 6) solid var(--box3);border-radius:calc(var(--u) * 20);background:var(--paper);gap:calc(var(--u) * 4);padding:calc(var(--u) * 12);text-align:center;font-size:calc(var(--u) * 18);grid-template-rows:1fr 1.4fr .6fr 1.4fr auto;display:grid;position:relative}.mokka.frame-W_FRAME_WOOD{border-color:#9c8a70}.mokka.frame-W_FRAME_GOLD{border-color:#c9a642}.mokka span{border-radius:calc(var(--u) * 10);justify-content:center;align-items:center;display:flex}.m-head{border:calc(var(--u) * 2) dashed var(--line)}.m-face{color:#fff;background:#4a4f4d;font-weight:700;border-radius:50%!important}.m-neck{border:calc(var(--u) * 2) dashed var(--line)}.m-body{background:var(--box2)}.toast{left:50%;bottom:calc(var(--u) * 170);z-index:9500;background:var(--ink);color:#fff;padding:calc(var(--u) * 14) calc(var(--u) * 20);border-radius:calc(var(--u) * 14);gap:calc(var(--u) * 14);max-width:92%;font-size:calc(var(--u) * 22);align-items:center;animation:.18s ease-out rise;display:flex;position:absolute;translate:-50%}.toast button{background:var(--paper);color:var(--ink);border-radius:calc(var(--u) * 8);padding:calc(var(--u) * 8) calc(var(--u) * 12);white-space:nowrap;border:none;font-weight:700}@keyframes pulse{50%{transform:scale(1.05)}}@keyframes pop{0%{transform:scale(.6)}}@keyframes burst{to{opacity:0;transform:scale(1.4)}}@keyframes nudge{50%{transform:translateY(calc(var(--u) * -8))}}@keyframes fly{to{transform:translate(-50%, calc(var(--u) * -120));opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(20%)}}@keyframes wiggle{25%{rotate:-6deg}75%{rotate:6deg}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}.order.takes{background:var(--accent-bg);outline:calc(var(--u) * 4) dashed var(--accent);outline-offset:calc(var(--u) * -4)}.want.given .itembox{background:var(--ok);opacity:.55}.hold-ring{width:calc(var(--u) * 120);height:calc(var(--u) * 120);pointer-events:none;z-index:7000;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.hold-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.hold-ring circle{fill:#f7f8f7d9;stroke-width:10px}.hold-ring .track{stroke:var(--box2)}.hold-ring .fill{fill:none;stroke:var(--accent);stroke-dasharray:264;stroke-dashoffset:264px;animation:linear forwards hold-fill}.hold-ring span{font-size:calc(var(--u) * 50);color:var(--accent);position:relative}@keyframes hold-fill{to{stroke-dashoffset:0}}.edit-bar{left:calc(var(--u) * 16);right:calc(var(--u) * 16);top:calc(var(--u) * 20);z-index:6000;align-items:center;gap:calc(var(--u) * 12);background:var(--paper);border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 16);padding:calc(var(--u) * 10) calc(var(--u) * 10) calc(var(--u) * 10) calc(var(--u) * 18);font-size:calc(var(--u) * 21);display:flex;position:absolute}.edit-bar span{flex:1}.lobby.editing .lobj:not(.mess){outline:calc(var(--u) * 3) dashed var(--accent);outline-offset:calc(var(--u) * 2)}.lobby.editing .lobj.mess{opacity:.6}.shadow{z-index:0;pointer-events:none;background:radial-gradient(closest-side,#1f242252,#1f242200);border-radius:50%;transition:transform .12s,opacity .12s;position:absolute}.shadow.up{opacity:.9;transform:scale(.9)}.lobj.land{transform-origin:50% 100%;animation:.3s linear land}@keyframes land{0%{translate:0 var(--from,0px);animation-timing-function:cubic-bezier(.5,0,1,1)}62%{translate:0;scale:1}78%{scale:1.06 .9}90%{scale:.97 1.04}}.lobj.sitting{box-shadow:inset 0 calc(var(--u) * -6) 0 var(--accent)}.lobj[data-obj=CH_MOKKA] small{color:#cfd3d1}.dev-tab{z-index:7500;width:calc(var(--u) * 40);height:calc(var(--u) * 100);writing-mode:vertical-rl;border:calc(var(--u) * 2) solid var(--ink2);border-radius:0 calc(var(--u) * 10) calc(var(--u) * 10) 0;background:var(--ink);color:#fff;font-size:calc(var(--u) * 16);letter-spacing:.1em;opacity:.75;border-left:none;font-weight:700;position:absolute;top:50%;left:0}.page-dim.dev-dim{z-index:9700}.page.dev input,.page.dev button{-webkit-user-select:auto;user-select:auto}.dev-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--u) * 190), 1fr));gap:calc(var(--u) * 8);display:grid}.dev-btn{border:calc(var(--u) * 2) solid var(--line);background:var(--paper);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 12) calc(var(--u) * 8);font-size:calc(var(--u) * 20);font-weight:600}.dev-btn:active{background:var(--box3)}.dev-log{background:var(--ink);color:#d6dcd9;border-radius:calc(var(--u) * 12);padding:calc(var(--u) * 12);font-size:calc(var(--u) * 19);height:calc(var(--u) * 240);white-space:pre-wrap;-webkit-user-select:text;user-select:text;line-height:1.35;overflow-y:auto}.dev-log .in{color:#9fb6f5}.dev-line{gap:calc(var(--u) * 8);display:flex}.dev-line input{min-width:0;font:inherit;font-size:calc(var(--u) * 22);padding:calc(var(--u) * 12);border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 10);background:var(--paper);-webkit-user-select:text;user-select:text;flex:1}.hud-skip{font-size:calc(var(--u) * 17);border:calc(var(--u) * 2) dashed var(--ink2);background:var(--paper);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 10);font-weight:600}.lobj.has-shape,.lobj.has-shape[data-obj=CH_MOKKA]{color:var(--ink);background:0 0;border-color:#0000;align-items:flex-end}.lobj.has-shape.mess{background:0 0}.lobj .shape{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lobj.has-shape>span{transform-origin:50% 100%;border-radius:calc(var(--u) * 6);padding:0 calc(var(--u) * 5);font-size:calc(var(--u) * 14);margin-bottom:calc(var(--u) * -18);white-space:nowrap;background:#f7f8f7d9;position:relative}.lobj.has-shape>span small{font-size:calc(var(--u) * 12)}.lobj[data-obj=CH_MOKKA].has-shape small{color:var(--ink2)}.shop-shape{width:100%;height:calc(var(--u) * 120);display:block;overflow:visible}.storage{left:calc(var(--u) * 12);right:calc(var(--u) * 12);bottom:calc(var(--u) * 16);z-index:6000;background:var(--paper);border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 18);padding:calc(var(--u) * 10) calc(var(--u) * 12);min-height:calc(var(--u) * 230);gap:calc(var(--u) * 8);flex-direction:column;display:flex;position:absolute}.storage.drop{border-style:dashed;justify-content:center}.storage.over{background:var(--accent-bg);border-color:var(--accent)}.storage-drop{text-align:center;font-weight:700;font-size:calc(var(--u) * 22);color:var(--ink2)}.storage-head{align-items:center;gap:calc(var(--u) * 10);display:flex}.storage-head small{flex:1;min-width:0}.storage-list{gap:calc(var(--u) * 8);scrollbar-width:none;touch-action:pan-x;display:flex;overflow-x:auto}.storage-item{flex:0 0 calc(var(--u) * 130);height:calc(var(--u) * 150);background:var(--box);border-radius:calc(var(--u) * 12);padding:calc(var(--u) * 6);align-items:center;gap:calc(var(--u) * 4);cursor:grab;touch-action:pan-x;flex-direction:column;display:flex;position:relative}.storage-item.picked{opacity:.4}.storage-item svg{pointer-events:none;flex:1;width:100%;min-height:0;overflow:visible}.storage-item span{font-size:calc(var(--u) * 15);text-align:center;pointer-events:none;line-height:1.1}.storage-item em{top:calc(var(--u) * 4);right:calc(var(--u) * 6);font-style:normal;font-weight:800;font-size:calc(var(--u) * 18);background:var(--ink2);color:#fff;border-radius:calc(var(--u) * 10);padding:0 calc(var(--u) * 6);position:absolute}.storage-box{background:var(--box3);border-radius:calc(var(--u) * 8);flex:1;width:70%}.pick-ghost{z-index:6500;pointer-events:none;opacity:.92;justify-content:center;align-items:center;display:flex;position:absolute}.pick-ghost svg{width:100%;height:100%;overflow:visible}.pick-ghost.back{opacity:.45}.storage-tab{right:calc(var(--u) * 16);bottom:calc(var(--u) * 16);z-index:6000;border:calc(var(--u) * 2) solid var(--line);background:var(--paper);border-radius:calc(var(--u) * 14);padding:calc(var(--u) * 14) calc(var(--u) * 20);font-size:calc(var(--u) * 22);font-weight:700;position:absolute}.hud-room{border:calc(var(--u) * 2) solid var(--line);background:var(--paper);border-radius:calc(var(--u) * 14);padding:calc(var(--u) * 10) calc(var(--u) * 14);font-size:calc(var(--u) * 21);text-align:right;max-width:calc(var(--u) * 260);font-weight:700}.hud-room small{font-size:calc(var(--u) * 15);font-weight:400}.room-arrow{z-index:5500;align-items:center;gap:calc(var(--u) * 2);border:calc(var(--u) * 2) solid var(--line);padding:calc(var(--u) * 8) calc(var(--u) * 8);font-size:calc(var(--u) * 44);max-width:calc(var(--u) * 96);background:#f7f8f7e6;flex-direction:column;font-weight:700;line-height:1;display:flex;position:absolute;top:46%}.room-arrow small{font-size:calc(var(--u) * 14);text-align:center;line-height:1.1}.room-arrow.left{border-radius:0 calc(var(--u) * 14) calc(var(--u) * 14) 0;border-left:none;left:0}.room-arrow.right{border-radius:calc(var(--u) * 14) 0 0 calc(var(--u) * 14);border-right:none;right:0}.room-arrow.locked{opacity:.7}.room-window .wall{background:repeating-linear-gradient(90deg, #e2e6e8 0 calc(var(--u) * 150), #d9dee1 calc(var(--u) * 150) calc(var(--u) * 300))}.room-cats .wall{background:repeating-linear-gradient(0deg, #e6e0e0 0 calc(var(--u) * 40), #ded7d7 calc(var(--u) * 40) calc(var(--u) * 80))}.room-cats .floorzone{background:#d3cfcc}.room-terrace .wall{background:linear-gradient(#e8eef0,#dde5e8)}.room-terrace .floorzone{background:repeating-linear-gradient(90deg, #b9b3aa 0 calc(var(--u) * 3), #c9c3ba calc(var(--u) * 3) calc(var(--u) * 90))}.room-garden .wall{background:linear-gradient(#e6eef0,#d9e4e3)}.room-garden .floorzone{background:repeating-linear-gradient(45deg, #bfcabf 0 calc(var(--u) * 12), #c7d1c6 calc(var(--u) * 12) calc(var(--u) * 24))}.room-reading .wall{background:repeating-linear-gradient(90deg, #e4e2dc 0 calc(var(--u) * 120), #dcdad3 calc(var(--u) * 120) calc(var(--u) * 240))}.room-attic .wall{background:linear-gradient(170deg,#c9c6bf 0 18%,#e3e0d9 18%)}.room-attic .floorzone{background:repeating-linear-gradient(90deg, #c2bdb4 0 calc(var(--u) * 2), #cbc6bd calc(var(--u) * 2) calc(var(--u) * 110))}.lobj.resident.waiting{opacity:.6;background:0 0;border-style:dashed}.story-now{border:calc(var(--u) * 3) solid var(--accent);background:var(--accent-bg)}.story-now span{font-size:calc(var(--u) * 22)}.chapter{gap:calc(var(--u) * 8);padding:calc(var(--u) * 12);border-radius:calc(var(--u) * 12);background:var(--paper);border:calc(var(--u) * 2) solid var(--box2);flex-direction:column;display:flex}.chapter.locked{opacity:.55}.chapter-head{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 10);text-align:left;background:0 0;border:0;width:100%;padding:0;display:flex}.chapter-head small{color:var(--ink3);white-space:nowrap}.letter{gap:calc(var(--u) * 8);padding:calc(var(--u) * 14);border-radius:calc(var(--u) * 12);background:var(--paper);border:calc(var(--u) * 2) solid var(--line);flex-direction:column;display:flex}.letter.read{border-color:var(--box2);opacity:.75}.letter-head{gap:calc(var(--u) * 12);align-items:center;display:flex}.letter-head .grow{flex-direction:column;display:flex}.letter-head small{color:var(--ink3)}.stamp{width:calc(var(--u) * 56);height:calc(var(--u) * 56);border-radius:calc(var(--u) * 8);background:var(--box);font-size:calc(var(--u) * 30);justify-content:center;align-items:center;display:flex}.letter p{font-size:calc(var(--u) * 22);margin:0;line-height:1.4}.event-card{flex:0 0 calc(var(--u) * 330);justify-content:center;gap:calc(var(--u) * 12);min-width:0;min-height:0;padding:calc(var(--u) * 12) calc(var(--u) * 16);border-radius:calc(var(--u) * 14);border:calc(var(--u) * 2) solid var(--accent);background:var(--accent-bg);font-size:calc(var(--u) * 19);text-align:left;scroll-snap-align:start;flex-direction:column;margin:0;display:flex}.event-card b{white-space:normal}.event-card small{white-space:normal;color:var(--ink)}.event-bar{width:100%;height:calc(var(--u) * 12);border-radius:calc(var(--u) * 6);background:var(--paper);flex:none;overflow:hidden}.event-bar i{background:var(--accent);height:100%;display:block}.hud-square.event-btn{border-color:var(--accent);background:var(--accent-bg)}.hud-square small{font-weight:400}.cell .code.event,.cell.event-item{outline:calc(var(--u) * 2) dashed var(--accent);outline-offset:calc(var(--u) * -3)}.pass-grid{grid-template-columns:2.4em 1fr 1fr;align-items:stretch;gap:4px 6px;display:grid}.pass-grid>b{justify-content:center;align-items:center;display:flex}.pass-grid .cell{border:1px solid var(--line,#c9c2b6);background:var(--card,#f6f3ee);border-radius:8px;padding:6px 8px;font-size:12px}.pass-grid .cell.prem{background:#efe4c8}.pass-grid .now{outline:2px solid #5b7fd6}.pass-grid .locked{opacity:.5}.streak-steps{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.streak-steps .card{text-align:center;align-items:center}.streak-steps .card.now{outline:2px solid #5b7fd6}.hud-left{max-height:calc(100dvh - var(--u) * 124 - var(--u) * 200);align-content:flex-start;column-gap:calc(var(--u) * 10);flex-wrap:wrap}.paint-now{justify-content:center;display:flex}.paint-now .paint-shape{width:40%;max-height:calc(var(--u) * 260)}.paint-grid{gap:calc(var(--u) * 10);grid-template-columns:repeat(3,1fr);display:grid}.paint-opt{padding:calc(var(--u) * 8);border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 12);background:var(--paper);font:inherit;flex-direction:column;align-items:center;gap:2px;display:flex}.paint-opt .paint-shape{width:100%;height:calc(var(--u) * 110)}.paint-opt.on{outline:calc(var(--u) * 4) solid var(--accent)}.paint-opt.premium{background:#f6efd9}.paint-opt small{font-size:calc(var(--u) * 18)}.row-btns{gap:calc(var(--u) * 10);display:flex}.row-btns>*{flex:1}.bundle-items{gap:calc(var(--u) * 8);justify-content:center;align-items:flex-end;display:flex}.bundle-items svg{width:22%;height:calc(var(--u) * 110)}.style-swatch{width:100%;height:calc(var(--u) * 110);border-radius:calc(var(--u) * 8);border:calc(var(--u) * 2) solid var(--line);display:block}.album-grand{justify-content:center;align-items:center;gap:calc(var(--u) * 20);display:flex}.album-grand svg{width:calc(var(--u) * 110);height:calc(var(--u) * 150)}.album-sets{gap:calc(var(--u) * 10);grid-template-columns:repeat(3,1fr);display:grid}.album-set{padding:calc(var(--u) * 8);border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 16);background:var(--paper);font:inherit;flex-direction:column;align-items:center;gap:2px;display:flex}.album-set.ready{outline:calc(var(--u) * 4) solid #e2b74a;background:#fbf1d4}.album-set.claimed{background:#e9f2e2}.album-set.locked{opacity:.55;filter:grayscale()}.album-set-pic{width:100%;height:calc(var(--u) * 110);justify-content:center;align-items:center;display:flex}.album-set-pic .card-pic{width:80%;max-height:100%}.album-grid{gap:calc(var(--u) * 10);grid-template-columns:repeat(3,1fr);display:grid}.album-card{padding:calc(var(--u) * 8);min-height:calc(var(--u) * 200);border:calc(var(--u) * 2) dashed var(--line);border-radius:calc(var(--u) * 14);color:#8a8a86;text-align:center;background:#ecebe7;flex-direction:column;align-items:center;gap:2px;display:flex}.album-card.have{background:var(--paper);color:inherit;border-style:solid}.album-card.fresh{outline:calc(var(--u) * 4) solid #e2b74a}.album-card .stars{color:#d9a92e;letter-spacing:-1px}.album-card .pic{font-size:calc(var(--u) * 48);opacity:.4}.album-card .card-pic{width:80%;height:calc(var(--u) * 100)}.set-no{text-align:center;align-self:center}.net-wall{z-index:12000;padding:calc(var(--u) * 40);background:#2820188c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.net-wall .card{gap:calc(var(--u) * 16);max-width:calc(var(--u) * 560);padding:calc(var(--u) * 32);text-align:center;flex-direction:column;display:flex}.net-recovery{flex-direction:column;gap:12px;min-width:0;display:flex}.game-layers{display:contents}.account-code-input{border:1px solid var(--line);width:100%;min-width:0;min-height:44px;font:inherit;background:var(--paper);color:var(--ink);border-radius:12px;padding:10px 12px}.room-pastry .wall{background:repeating-linear-gradient(90deg, #f3e3e6 0 calc(var(--u) * 60), #f8ecee calc(var(--u) * 60) calc(var(--u) * 120))}.room-pastry .floorzone{background:repeating-conic-gradient(#e8d9cf 0 25%, #f3e8df 0 50%) 0 0 / calc(var(--u) * 80) calc(var(--u) * 80)}.room-greenhouse .wall{background:linear-gradient(90deg, #cfdcd0 0 2%, transparent 2%) 0 0 / calc(var(--u) * 160) 100%, linear-gradient(#e8f2ea, #dbe9dd)}.room-greenhouse .floorzone{background:repeating-linear-gradient(45deg, #c9cbb9 0 calc(var(--u) * 20), #d5d6c6 calc(var(--u) * 20) calc(var(--u) * 40))}.room-starry .wall{background:radial-gradient(circle, #fbe3a0 0 calc(var(--u) * 2), transparent calc(var(--u) * 3)) 0 0 / calc(var(--u) * 90) calc(var(--u) * 70), radial-gradient(circle, #f4e8cc 0 calc(var(--u) * 1.5), transparent calc(var(--u) * 2.5)) calc(var(--u) * 45) calc(var(--u) * 35) / calc(var(--u) * 90) calc(var(--u) * 70), linear-gradient(#2f3b5c, #4a557a)}.room-starry .floorzone{background:repeating-linear-gradient(90deg, #b58c68 0 calc(var(--u) * 40), #a67d5a calc(var(--u) * 40) calc(var(--u) * 80))}.cell.hint-from{z-index:4}.hand.move{z-index:8;animation:1.8s ease-in-out infinite hand-move;inset:40% auto auto 45%}@keyframes hand-move{0%{opacity:0;transform:translate(0)scale(1)}12%{opacity:1;transform:translate(0)scale(.85)}70%{transform:translate(var(--dx), var(--dy)) scale(.85);opacity:1}85%{transform:translate(var(--dx), var(--dy)) scale(1);opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1);opacity:0}}.gift-pop{white-space:nowrap;font-weight:700;font-size:calc(var(--u) * 16);background:var(--accent-bg);border:calc(var(--u) * 2) solid var(--accent);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 2) calc(var(--u) * 6);pointer-events:none;z-index:6;animation:1.6s ease-out forwards fly;position:absolute;top:0;left:50%;transform:translate(-50%)}.skin-swatch{gap:calc(var(--u) * 4);padding:calc(var(--u) * 6);border-radius:calc(var(--u) * 8);grid-template-columns:repeat(3,1fr);display:grid}.skin-swatch i{height:calc(var(--u) * 26);border-radius:calc(var(--u) * 5)}.name-edit{text-align:left;background:0 0;border:none;padding:0;font-weight:700}.transfer-code{word-break:break-all;font-size:calc(var(--u) * 18);background:var(--paper);padding:calc(var(--u) * 6);border-radius:calc(var(--u) * 6);-webkit-user-select:all;user-select:all;display:block}.odds{border-collapse:collapse;width:100%;font-size:calc(var(--u) * 16)}.odds th,.odds td{text-align:center;padding:calc(var(--u) * 3)}.odds td:first-child{text-align:left}button.link{color:var(--accent);padding:calc(var(--u) * 4) 0;background:0 0;border:none;text-decoration:underline}.order.friend{outline:calc(var(--u) * 3) solid #e88f8f}.hud-circle{position:relative}.hud-circle .wind{bottom:calc(var(--u) * -14);font-style:normal;font-size:calc(var(--u) * 18);white-space:nowrap;background:var(--paper);border:calc(var(--u) * 2) solid var(--line);border-radius:calc(var(--u) * 12);padding:0 calc(var(--u) * 6);position:absolute;left:50%;transform:translate(-50%)}.res-fig{width:100%;min-width:0;max-width:100%;height:calc(var(--u) * 150);display:block;overflow:visible}.res-fig.small{width:calc(var(--u) * 80);height:calc(var(--u) * 108);flex:none}.grid3>*,.grid4>*{overflow-wrap:anywhere;min-width:0}.season-card{border:calc(var(--u) * 3) solid var(--accent);background:var(--accent-bg)}.res-tile{cursor:pointer;font:inherit;color:inherit;align-items:center;gap:calc(var(--u) * 6);border:0}.res-tile .res-fig{height:calc(var(--u) * 130)}.res-tile b{font-size:calc(var(--u) * 22);line-height:1.15}.res-tile small{line-height:1.15}.res-tile .bar,.resident-sheet .bar,.season-card .bar{background:var(--paper)}.res-tile .badge{top:calc(var(--u) * 6);right:calc(var(--u) * 6);padding:0 calc(var(--u) * 10);justify-content:center}.cut-frame{min-height:calc(var(--u) * 360);border:calc(var(--u) * 3) solid var(--ink2);border-radius:calc(var(--u) * 10);background:repeating-linear-gradient(135deg, var(--box) 0 calc(var(--u) * 10), var(--paper) calc(var(--u) * 10) calc(var(--u) * 20));padding:calc(var(--u) * 12);font:inherit;color:inherit;cursor:pointer;text-align:left;flex-direction:column;justify-content:space-between;display:flex;position:relative}.cut-art{background:var(--paper);border:calc(var(--u) * 2) dashed var(--line);border-radius:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 10);font-size:calc(var(--u) * 18);color:var(--ink2)}.cut-cast{justify-content:center;align-items:flex-end;gap:calc(var(--u) * 10);display:flex}.cut-cast svg{width:calc(var(--u) * 130);height:calc(var(--u) * 176);overflow:visible}.cut-say{gap:calc(var(--u) * 8);cursor:pointer;flex-direction:column;display:flex}.bubble-say{background:var(--paper);border:calc(var(--u) * 3) solid var(--ink2);border-radius:calc(var(--u) * 16);padding:calc(var(--u) * 10) calc(var(--u) * 14);font-size:calc(var(--u) * 24);flex-direction:column;display:flex}.bubble-say b{font-size:calc(var(--u) * 18);color:var(--accent)}.cut-caption{font-size:calc(var(--u) * 22);text-align:center;color:var(--ink2);font-style:italic}.cut-nav{min-height:calc(var(--u) * 44);justify-content:space-between;align-items:center;display:flex}.cut-nav .btn{flex:none;width:auto}.cut-dots{gap:calc(var(--u) * 8);display:flex}.cut-dots i{width:calc(var(--u) * 14);height:calc(var(--u) * 14);background:var(--line);border-radius:50%}.cut-dots i.on{background:var(--accent)}.tip-line{margin:calc(var(--u) * 6) calc(var(--u) * 20);padding:calc(var(--u) * 10) calc(var(--u) * 18);background:var(--ink);color:var(--paper);border-radius:calc(var(--u) * 18);font-size:calc(var(--u) * 22);text-align:center;pointer-events:none;align-self:center;animation:.3s ease-out fade-in}.lobby .tip-line{left:0;right:0;top:calc(var(--u) * 380);z-index:30;position:absolute}.dock-btn,.hud-square{position:relative}.new-dot{top:calc(var(--u) * -10);right:calc(var(--u) * -6);background:var(--accent);color:#fff;font-style:normal;font-size:calc(var(--u) * 15);border-radius:calc(var(--u) * 10);padding:calc(var(--u) * 2) calc(var(--u) * 8);pointer-events:none;font-weight:700;position:absolute}.hold-hand{font-size:calc(var(--u) * 60);pointer-events:none;z-index:30;animation:1.6s ease-in-out infinite hold-press;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}@keyframes hold-press{0%,to{transform:translate(-50%,-50%)scale(1)}30%,70%{transform:translate(-50%,-40%)scale(.85)}}.first-tip{align-items:center;gap:calc(var(--u) * 10);background:var(--accent-bg);border-radius:calc(var(--u) * 12);padding:calc(var(--u) * 10) calc(var(--u) * 14);margin-bottom:calc(var(--u) * 12);font-size:calc(var(--u) * 21);display:flex}.reward-row{gap:calc(var(--u) * 5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.reward-row>.grow{font-weight:700}.reward-row>span{overflow-wrap:break-word;min-width:0}.street-reward{grid-template-columns:auto minmax(0,1fr)}.street-reward>span:last-child{grid-column:1/-1}.maid-prize-effects .around-frame .maid-particle{left:calc((var(--frame-x) - .5) * var(--prize-width) - 10px);top:calc((var(--frame-y) - .5) * var(--prize-height) - 10px)}.maid-prize-effects .around-frame .maid-confetti{left:calc((var(--frame-x) - .5) * var(--prize-width) - 7px);top:calc((var(--frame-y) - .5) * var(--prize-height) - 7px)}.level-unlocked{background:#e8ebea;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.level-unlock-demo{flex:0 0 108px;width:108px;height:116px;position:relative}.level-unlock-demo>.maid-unlock-scene{position:absolute;top:50%;left:50%}.level-unlock-demo:has([data-scene-finished=true]){display:none}.level-unlocked>.stack{overflow-wrap:anywhere;min-width:0;font-size:12px}.vfx-demo-start{z-index:11000;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px;position:absolute;bottom:12px;right:12px}.app[data-visual-profile=art]{--ui-background:#e7e8e1;--ui-surface:#faf9f4;--ui-cell:#f0f0e9;--ui-text:#44463f;--ui-secondary:#65695f;--ui-divider:#e3e4dc;--ui-selection:#d6e1d4;--ui-selection-line:#8fa18b;--ui-success:#4f684f;--ui-unavailable:#e3e5dd;--ui-attention:#95533f;--ui-scrim:#2729246b;--bg:var(--ui-background);--paper:var(--ui-surface);--box:var(--ui-cell);--box2:var(--ui-divider);--box3:var(--ui-unavailable);--ink:var(--ui-text);--ink2:var(--ui-secondary);--ink3:var(--ui-secondary);--line:var(--ui-divider);--accent:var(--ui-selection-line);--accent-bg:var(--ui-selection);--ok:var(--ui-success);color:var(--ui-text);font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:14px}.app[data-visual-profile=art] .kitchen{background:var(--ui-surface)}.app[data-visual-profile=art] .btn{border:1px solid var(--ui-divider);background:var(--ui-surface);min-height:44px;color:var(--ui-text);border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.35}.app[data-visual-profile=art] .btn.main{background:var(--ui-selection);color:var(--ui-text);border-color:#0000}.app[data-visual-profile=art] .btn.small{min-height:36px;padding:8px;font-size:12px}.app[data-visual-profile=art] .btn.ghost{background:0 0}.app[data-visual-profile=art] button:focus-visible,.app[data-visual-profile=art] select:focus-visible{outline:2px solid var(--ui-selection-line);outline-offset:2px}.app[data-visual-profile=art] .badge{background:var(--ui-attention);color:var(--ui-surface)}.app[data-visual-profile=art] .net-wall{background:var(--ui-scrim);padding:24px 12px}.app[data-visual-profile=art] .net-wall .card{background:var(--ui-surface);gap:16px;width:100%;max-width:366px;max-height:calc(100vh - 48px);padding:16px;overflow:auto}.app[data-visual-profile=art] .net-wall .card>b{font-size:22px;line-height:1.2}.app[data-visual-profile=art] .net-wall .card small{color:var(--ui-secondary);font-size:14px;line-height:1.4}.app[data-visual-profile=art] :is(.dim,.page-dim){background:var(--ui-scrim);padding:24px 12px}.app[data-visual-profile=art] :is(.sheet,.page){background:var(--ui-surface);box-shadow:none;border:0;border-radius:24px}.app[data-visual-profile=art] .sheet{padding:0 16px 16px}.app[data-visual-profile=art] :is(.sheet-head,.page-head){background:var(--ui-surface);min-height:64px;color:var(--ui-text);border:0;flex-shrink:0;gap:8px;padding:12px 0;font-size:22px;line-height:1.2}.app[data-visual-profile=art] .sheet-head{z-index:2;position:sticky;top:0}.app[data-visual-profile=art] .page-head{margin:0;padding:12px 16px}.app[data-visual-profile=art] :is(.sheet-head,.page-head)>b{overflow-wrap:break-word;min-width:0}.app[data-visual-profile=art] .sheet-head>b{text-align:center;flex:1;padding-left:44px}.app[data-visual-profile=art] .close{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px}.app[data-visual-profile=art] .close:has(img){box-shadow:none;background:0 0;border:0;border-radius:0}.app[data-visual-profile=art] .page-body{overscroll-behavior:contain;min-height:0;padding:12px 16px}.app[data-visual-profile=art] :is(.tabs,.subtabs) button{border:1px solid var(--ui-divider);background:var(--ui-cell);border-radius:12px;min-height:44px}.app[data-visual-profile=art] :is(.tabs,.subtabs) button.on{background:var(--ui-selection);border-color:var(--ui-selection-line);box-shadow:none}.app[data-visual-profile=art] .card{border:1px solid var(--ui-divider);box-shadow:none;border-radius:12px}.app[data-visual-profile=art] .album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app[data-visual-profile=art] .album-card{overflow-wrap:anywhere;min-width:0}.app[data-visual-profile=art] .topbar{gap:6px;padding:8px 8px 4px}.app[data-visual-profile=art] .hud-pill{border:1px solid var(--ui-divider);font-variant-numeric:tabular-nums;gap:4px;min-height:44px;font-size:14px}.app[data-visual-profile=art] .hud-circle:not(.small){border:1px solid var(--ui-divider);background:var(--ui-cell);width:48px;height:48px;padding:0 6px;font-size:12px}.app[data-visual-profile=art] .conveyor{height:max(108px,calc(var(--u)*200));gap:8px;padding:6px 8px}.app[data-visual-profile=art] .conveyor .guest-portrait>img{width:100%;top:0}.app[data-visual-profile=art] .order{background:var(--ui-cell);border-radius:12px;gap:4px;padding:6px}.app[data-visual-profile=art] .order-reward{background:var(--ui-divider);color:var(--ui-secondary);border-radius:6px;padding:3px;font-size:10px}.app[data-visual-profile=art] .order .ready:has(img){animation:none}.app[data-visual-profile=art] .order-ready-label{background:var(--ui-selection);color:var(--ui-success);border-radius:8px;padding:3px 4px;font-size:10px}.app[data-visual-profile=art] .board-wrap{padding:8px}.app[data-visual-profile=art] .board-wrap .cell:not(.dust){background:var(--box);border-radius:8px;outline:0}.app[data-visual-profile=art] .board-wrap:where(:not([data-skin=SK_CLASSIC])) .cell.item{background:var(--box2)}.app[data-visual-profile=art] .board-wrap:where(:not([data-skin=SK_CLASSIC])) .cell.gen{background:var(--box3)}.app[data-visual-profile=art] .board-wrap .cell.sel{outline:2px solid var(--ui-selection-line);outline-offset:-2px;background:var(--ui-selection)}.app[data-visual-profile=art] .board-wrap .cell.target{background:var(--ui-surface)}.app[data-visual-profile=art] .board-wrap .cell.can{background:var(--ui-selection);outline:2px dashed var(--ui-selection-line);outline-offset:-2px}.app[data-visual-profile=art] .board-wrap .cell:is(.sel,.target,.can){color:var(--ui-text)}.app[data-visual-profile=art] .board-wrap .cell.ready-eq{outline:2px solid var(--ui-selection-line);outline-offset:-2px}.app[data-visual-profile=art] .kitchen-bottom{gap:8px;height:82px;padding:8px 8px 12px}.app[data-visual-profile=art] .info{background:var(--ui-cell);border-radius:12px;gap:6px;padding:8px;font-size:12px;line-height:1.35}.app[data-visual-profile=art] .info .btn:has(>.ui-art-slot[data-ui-art=info]>img){flex:0 0 44px;min-width:44px;min-height:44px}.app[data-visual-profile=art] .info.station-info{gap:4px;padding:6px}.app[data-visual-profile=art] .station-info-heading{height:16px;font-size:12px;line-height:1.25}.app[data-visual-profile=art] .station-recipe-picker{font-size:11px}.app[data-visual-profile=art] .station-collect{min-height:44px}.app[data-visual-profile=art] .info.station-info:has(.station-collect){align-self:center;min-height:76px}.app[data-visual-profile=art] .chain-info-sheet{width:100%;padding:0 16px 16px;overflow:hidden}.app[data-visual-profile=art] .chain-info-sheet .sheet-head{border:0;border-radius:0;width:100%;min-height:64px;margin:0;padding:12px 0}.app[data-visual-profile=art] .chain-info-sheet .close{width:44px;height:44px;position:static}.app[data-visual-profile=art] .chain-info-body{max-height:calc(var(--app-h) - 148px);overscroll-behavior:contain;border-radius:0}.app[data-visual-profile=art] .chain-info-grid{gap:12px 14px;padding:8px 0 16px}:is(.app[data-visual-profile=art] .chain-info-item,.app[data-visual-profile=art] .chain-info-item:has(>img)){background:var(--ui-cell);border:2px solid #0000;border-radius:12px;outline:0;padding:4px}:is(.app[data-visual-profile=art] .chain-info-item.selected,.app[data-visual-profile=art] .chain-info-item.selected:has(>img)){border-color:var(--ui-selection-line);background:var(--ui-selection);outline:0}.app[data-visual-profile=art] .chain-info-step:has(.need-art){padding-bottom:20px}.app[data-visual-profile=art] .chain-info-count{min-width:18px;height:18px;color:var(--ui-secondary);background:0 0;border:0;font-size:12px}.app[data-visual-profile=art] .chain-info-step .chain-info-arrow{font-size:24px;top:50%;right:-12px}.app[data-visual-profile=art] .chain-info-step:has(.need-art) .chain-info-arrow{top:calc(50% - 10px)}.app[data-visual-profile=art] .chain-info-source{border-top:1px solid var(--ui-divider);padding-top:12px}.app[data-visual-profile=art] .chain-info-source h4{padding:0 0 12px;font-size:16px}.app[data-visual-profile=art] .chain-info-source-panel{background:0 0;border:0;gap:8px;padding:0;font-size:12px}.app[data-visual-profile=art] .chain-info-source-item{width:90px}.app[data-visual-profile=art] .chain-info-source-name{text-align:center;margin-top:8px;font-size:14px;font-weight:600}.app[data-visual-profile=art] .art-event-window .page{border:0}.app[data-visual-profile=art] .art-event-window .page-head{background:var(--ui-surface);margin-bottom:0}.app[data-visual-profile=art] .art-event-window .page-head .close:has(img){background:0 0}.app[data-visual-profile=art] :is(.art-pass-headings>div,.art-pass-gift.premium){background:var(--ui-cell)}.app[data-visual-profile=art] .art-event-footer>.btn.main{background:var(--ui-selection);color:var(--ui-text);border-color:#0000}@media (width<=340px){.app[data-visual-profile=art] :is(.shop-grid,.album-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.app[data-visual-profile=art] .station-collect>span>b{display:none}.app[data-visual-profile=art] .station-collect-label{white-space:nowrap;font-size:12px}.app[data-visual-profile=art] :is(.sheet-head,.page-head){font-size:20px}.app[data-visual-profile=art] .hud-pill{font-size:12px}.app[data-visual-profile=art] .sheet,.app[data-visual-profile=art] .page-head,.app[data-visual-profile=art] .page-body{padding-left:12px;padding-right:12px}}@media (height<=650px){.app[data-visual-profile=art] :is(.dim,.page-dim){padding-top:12px;padding-bottom:12px}.app[data-visual-profile=art] :is(.sheet-head,.page-head){min-height:56px;padding-top:6px;padding-bottom:6px}.app[data-visual-profile=art] .kitchen-bottom{height:76px}}