.po-opening{--u:min(100dvh, 150vw);--tile:min(calc(.36 * var(--u)), 424px, calc(100vw - 32px));color:#2b2a28;--po-contact:27, 27, 27;background:#fff;height:100dvh;position:relative;overflow:clip}.po-opening[data-materials=warm]{--po-contact:31, 26, 21}.po-tile{left:50%;top:calc(50% + .01 * var(--u));width:var(--tile);height:var(--tile);border-radius:4px;outline:none;position:absolute;transform:translate(-50%,-50%)}.po-tile[role=button]{cursor:pointer}.po-tile:focus-visible{box-shadow:0 0 0 2px #2b2a2859}.po-visual{opacity:0;isolation:isolate;position:absolute;inset:0}.po-visual canvas{touch-action:pan-y;cursor:pointer;border-radius:4px;outline:none;width:100%;height:100%;display:block}.po-visual canvas:focus-visible{box-shadow:0 0 0 2px #2b2a2859}.po-visual img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.po-visual .po-ground{z-index:-1;pointer-events:none;background:radial-gradient(closest-side, rgba(var(--po-contact), 1) 30%, rgba(var(--po-contact), 1) 70%, rgba(var(--po-contact), 0) 100%) 50% 50% / 62% 30% no-repeat, radial-gradient(closest-side, #3c342c00 25%, #3c342c00 75%, #3c342c00 100%) 50% 60% / 100% 100% no-repeat;width:114%;height:33.5%;position:absolute;top:90.4%;left:50%;transform:translate(-50%,-50%)}.po-greeting{left:50%;top:calc(50% + .01 * var(--u) + var(--tile) / 2 + clamp(8px, 2dvh, 16px));text-align:center;letter-spacing:.01em;opacity:0;width:max-content;max-width:calc(100vw - 32px);margin:0;font-size:15px;line-height:1.4;transition:opacity .6s;position:absolute;transform:translate(-50%)}.po-greeting[data-show=true]{opacity:1}.po-down{left:50%;bottom:max(20px, env(safe-area-inset-bottom));color:#8a8782;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;animation:.6s .3s forwards po-down-in;display:grid;position:absolute;transform:translate(-50%)}.po-down:hover{color:#2b2a28}.po-down:focus-visible{outline:none;box-shadow:0 0 0 2px #2b2a2859}@keyframes po-down-in{to{opacity:1}}@media (width>=1440px){.po-opening[data-docked] .po-tile{left:var(--po-dock-left);z-index:40;width:var(--po-dock);height:var(--po-dock);animation:.4s both po-dock-in;position:fixed;top:auto;bottom:32px;transform:none}.po-opening[data-docked] .po-tile:focus-visible,.po-opening[data-docked] .po-visual canvas:focus-visible{box-shadow:none;outline-offset:-2px;outline:2px solid #2b2a2859}}@keyframes po-dock-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.po-opening[data-docked] .po-tile{animation:none}.po-greeting{transition:none}.po-down{opacity:1;animation:none}}