.inspection-page.svelte-23c9n8{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:calc(100dvh - 64px);min-height:520px;overflow:hidden;padding:18px max(18px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-bottom));color:rgb(var(--origame-world-surface-ink-rgb))}.inspection-meta.svelte-23c9n8{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;max-width:760px;width:100%;margin:0 auto}.inspection-meta.svelte-23c9n8 h1:where(.svelte-23c9n8){margin:0;font-size:clamp(1.15rem,4.8vw,1.7rem);font-weight:800;line-height:1.1}.inspection-meta.svelte-23c9n8 p:where(.svelte-23c9n8){max-width:42ch;margin:5px 0 0;font-size:.75rem;opacity:.55}.creator-signature.svelte-23c9n8{display:flex;align-items:center;gap:6px;flex:none;font-size:.68rem;opacity:.58}.creator-signature.svelte-23c9n8 img:where(.svelte-23c9n8){width:24px;height:24px;border-radius:50%;object-fit:cover}.inspection-surface.svelte-23c9n8{position:relative;display:grid;place-items:center;min-height:0;width:100%;overflow:hidden}.active-object.svelte-23c9n8{animation:svelte-23c9n8-object-arrive .22s cubic-bezier(.2,.72,.2,1) both}.package-inspection.svelte-23c9n8{width:min(72vw,270px);text-align:center}.package-stage.svelte-23c9n8{position:relative;display:grid;place-items:center;min-height:min(44vh,310px);perspective:560px;perspective-origin:50% 44%;touch-action:none;cursor:grab;outline:none}.package-stage.svelte-23c9n8:after{position:absolute;left:50%;bottom:9%;width:142px;height:30px;border-radius:50%;background:#00000042;filter:blur(12px);transform:translate(-50%);content:"";pointer-events:none}.package-stage.svelte-23c9n8:active{cursor:grabbing}.package-stage.svelte-23c9n8:focus-visible{outline:2px solid currentcolor;outline-offset:5px;border-radius:16px}.package-object.svelte-23c9n8{--box-w: 156px;--box-h: 218px;--box-d: 64px;position:relative;z-index:1;width:var(--box-w);height:var(--box-h);transform-style:preserve-3d;transform-origin:50% 50%;transform:rotateX(var(--package-tilt)) rotateY(var(--package-rotation))}.package-face.svelte-23c9n8{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid rgb(212 184 125 / 82%);color:#f3dca8;backface-visibility:hidden;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 1px #00000059}.package-front.svelte-23c9n8,.package-back.svelte-23c9n8{width:var(--box-w);height:var(--box-h)}.package-front.svelte-23c9n8{flex-direction:column;gap:7px;transform:translateZ(calc(var(--box-d) / 2));background:linear-gradient(145deg,#314e5d,#172832 64%,#3d6170)}.package-back.svelte-23c9n8{flex-direction:column;gap:10px;padding:20px;transform:rotateY(180deg) translateZ(calc(var(--box-d) / 2));background:linear-gradient(145deg,#294652,#11232c);text-align:center}.package-back.svelte-23c9n8 strong:where(.svelte-23c9n8){font:700 1rem/1 Georgia,serif;letter-spacing:.12em}.package-back.svelte-23c9n8 span:where(.svelte-23c9n8){font-size:.66rem;letter-spacing:.16em;opacity:.78}.package-back.svelte-23c9n8 small:where(.svelte-23c9n8){font-size:.58rem;opacity:.62}.package-left.svelte-23c9n8,.package-right.svelte-23c9n8{width:var(--box-d);height:var(--box-h);left:calc((var(--box-w) - var(--box-d))/2);writing-mode:vertical-rl;font-size:.6rem;font-weight:800;letter-spacing:.2em}.package-left.svelte-23c9n8{transform:rotateY(-90deg) translateZ(calc(var(--box-w)/2));background:linear-gradient(90deg,#0f2028,#1c3440)}.package-right.svelte-23c9n8{transform:rotateY(90deg) translateZ(calc(var(--box-w)/2));background:linear-gradient(90deg,#203d49,#10242d)}.package-top.svelte-23c9n8,.package-bottom.svelte-23c9n8{width:var(--box-w);height:var(--box-d);top:calc((var(--box-h) - var(--box-d))/2);font-size:.6rem;font-weight:800;letter-spacing:.18em}.package-top.svelte-23c9n8{transform:rotateX(90deg) translateZ(calc(var(--box-h)/2));background:linear-gradient(#3b6070,#254553)}.package-bottom.svelte-23c9n8{transform:rotateX(-90deg) translateZ(calc(var(--box-h)/2));background:#0d1d24}.package-entry-kicker.svelte-23c9n8{font-size:.54rem;font-weight:800;letter-spacing:.24em;opacity:.72}.package-front.svelte-23c9n8 strong:where(.svelte-23c9n8){font:700 1.2rem/1.05 Georgia,serif;letter-spacing:.08em;text-align:center}.package-front.svelte-23c9n8 small:where(.svelte-23c9n8){font:700 .6rem/1 Georgia,serif;letter-spacing:.18em;opacity:.75}.object-hint.svelte-23c9n8{margin-top:5px;min-height:1em;text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.04em;opacity:.56}.object-hint.svelte-23c9n8 strong:where(.svelte-23c9n8){font-weight:850;opacity:1}.card-inspection.svelte-23c9n8{box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:stretch center;width:100%;max-width:760px;height:min(61vh,530px);min-width:0}.card-map-viewport.svelte-23c9n8{box-sizing:border-box;display:grid;place-items:center;width:100%;min-width:0;min-height:0;overflow:hidden;padding:12px}.card-map-plane.svelte-23c9n8{position:relative;width:max-content;height:max-content}.card-map-canvas.svelte-23c9n8{display:grid;grid-template-columns:repeat(var(--card-columns),var(--overview-card-width));gap:var(--overview-card-gap);width:max-content;height:max-content}.overview-card.svelte-23c9n8{position:relative;display:block;justify-self:center;align-self:center;width:var(--overview-card-width);aspect-ratio:5/7;padding:0;overflow:hidden;border:0;border-radius:6px;background:#eee6d8;box-shadow:0 5px 11px #0000002e;cursor:pointer;transform:translate(var(--card-shift-x),var(--card-shift-y)) rotate(var(--card-angle));transition:width .22s cubic-bezier(.2,.72,.2,1),box-shadow .18s ease,transform .18s ease}.overview-card.svelte-23c9n8 img:where(.svelte-23c9n8),.overview-card.svelte-23c9n8 svg{width:100%;height:100%;object-fit:cover;pointer-events:none}.overview-card.svelte-23c9n8:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.focus-mode.svelte-23c9n8 .card-map-viewport:where(.svelte-23c9n8){display:block;overflow:auto;padding:0;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.focus-mode.svelte-23c9n8 .card-map-plane:where(.svelte-23c9n8){box-sizing:border-box;width:calc(var(--focus-pad-x) * 2 + var(--plane-columns) * var(--focus-card-width) + (var(--plane-columns) - 1) * var(--focus-card-gap));height:calc(var(--focus-pad-y) * 2 + var(--plane-rows) * var(--focus-card-height) + (var(--plane-rows) - 1) * var(--focus-card-gap));padding:var(--focus-pad-y) var(--focus-pad-x)}.focus-mode.svelte-23c9n8 .card-map-canvas:where(.svelte-23c9n8){grid-template-columns:repeat(var(--card-columns),var(--focus-card-width));gap:var(--focus-card-gap)}.focus-mode.svelte-23c9n8 .overview-card:where(.svelte-23c9n8){width:var(--focus-card-width);opacity:1}.focus-mode.svelte-23c9n8 .overview-card.focused:where(.svelte-23c9n8){z-index:2;box-shadow:0 0 0 3px rgb(var(--origame-world-surface-ink-rgb) / 72%),0 18px 30px #0000004d;transform:translate(var(--card-shift-x),calc(var(--card-shift-y) - 6px)) rotate(var(--card-angle))}.instruction-object.svelte-23c9n8{display:grid;place-items:center;width:min(92vw,680px);max-height:100%}.instruction-sheet.svelte-23c9n8{box-sizing:border-box;width:min(82vw,520px);max-height:min(54vh,460px);overflow:auto;padding:26px 24px;border-radius:4px;background:#eee6d8;color:#332d26;box-shadow:0 16px 32px #0003;transform:rotate(-.5deg);overscroll-behavior:contain}.object-dock.svelte-23c9n8{display:flex;justify-content:center;align-items:flex-end;gap:clamp(22px,8vw,56px);min-height:92px;padding-top:8px}.object-dock.svelte-23c9n8 button:where(.svelte-23c9n8){position:relative;display:grid;place-items:end center;width:72px;height:78px;padding:0 0 2px;border:0;background:transparent;color:inherit;cursor:pointer;opacity:.48;transition:transform .15s ease,opacity .15s ease}.object-dock.svelte-23c9n8 button:where(.svelte-23c9n8):hover,.object-dock.svelte-23c9n8 button:where(.svelte-23c9n8):focus-visible{opacity:.82}.object-dock.svelte-23c9n8 button.active:where(.svelte-23c9n8){opacity:1;transform:translateY(-5px)}.object-dock.svelte-23c9n8 button:where(.svelte-23c9n8):focus-visible{outline:2px solid currentcolor;outline-offset:4px;border-radius:8px}.object-dock.svelte-23c9n8 button:where(.svelte-23c9n8)>span:where(.svelte-23c9n8):last-child{font-size:.65rem;font-weight:700;letter-spacing:.06em}.dock-box.svelte-23c9n8,.dock-cards.svelte-23c9n8,.dock-paper.svelte-23c9n8{position:absolute;top:3px;left:50%;width:42px;height:52px;transform:translate(-50%)}.dock-box.svelte-23c9n8{box-sizing:border-box;border:1px solid #d4b87d;background:linear-gradient(145deg,#314e5d,#172832);box-shadow:0 5px 9px #0000002e}.dock-box.svelte-23c9n8 i:where(.svelte-23c9n8){position:absolute;right:-5px;top:4px;width:5px;height:44px;background:#10242d;transform:skewY(-35deg)}.dock-cards.svelte-23c9n8 i:where(.svelte-23c9n8){position:absolute;left:4px;top:2px;width:34px;height:48px;border:1px solid rgb(255 255 255 / 22%);border-radius:4px;background:#1c3440;box-shadow:0 4px 8px #0000002e}.dock-cards.svelte-23c9n8 i:where(.svelte-23c9n8):nth-child(1){transform:translate(-6px) rotate(-7deg)}.dock-cards.svelte-23c9n8 i:where(.svelte-23c9n8):nth-child(2){transform:translate(6px) rotate(7deg)}.dock-cards.svelte-23c9n8 i:where(.svelte-23c9n8):nth-child(3){background:#eee6d8}.dock-paper.svelte-23c9n8{box-sizing:border-box;width:39px;height:50px;padding:10px 7px;background:#eee6d8;box-shadow:0 5px 9px #0000002e;transform:translate(-50%) rotate(3deg)}.dock-paper.svelte-23c9n8 i:where(.svelte-23c9n8){display:block;height:2px;margin:5px 0;background:#3a30254d}.box-transition.svelte-23c9n8{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:#1f1b1747;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:svelte-23c9n8-transition-in .16s ease-out both;perspective:1100px}.package-box.svelte-23c9n8{position:relative;width:min(56vw,230px);aspect-ratio:5/7;transform-style:preserve-3d;animation:svelte-23c9n8-box-approach .9s cubic-bezier(.2,.72,.2,1) both}.box-base.svelte-23c9n8,.box-lid.svelte-23c9n8{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;transform-style:preserve-3d}.box-base.svelte-23c9n8{background:#d9ccb5;border:2px solid #9d8d73;box-shadow:0 34px 42px #23190f52}.box-base.svelte-23c9n8:before{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:9px;border:5px solid #c2b293;background:#84745d;box-shadow:inset 0 10px 18px #2e20143d;content:""}.box-base.svelte-23c9n8:after{position:absolute;right:3%;bottom:-10px;left:3%;height:13px;border-radius:0 0 9px 9px;background:#9d8d73;transform:rotateX(-70deg);transform-origin:top;content:""}.box-well.svelte-23c9n8{position:absolute;top:10%;right:10%;bottom:10%;left:10%;z-index:1;border-radius:7px;background:#efe6d5;box-shadow:inset 0 7px 12px #2e201433}.box-card-stack.svelte-23c9n8{position:absolute;top:14%;right:16%;bottom:14%;left:16%;z-index:2}.box-card.svelte-23c9n8{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform:translate(calc((var(--box-card-index) - 1) * 4px),calc((var(--box-card-index) - 1) * -4px)) rotate(calc((var(--box-card-index) - 1) * 2deg));transform-origin:center}.box-lid.svelte-23c9n8{z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid rgb(212 184 125 / 82%);background:linear-gradient(145deg,#314e5d,#172832 64%,#3d6170);color:#f3dca8;box-shadow:0 24px 35px #23190f47;transform-origin:50% 100%;animation:svelte-23c9n8-lid-open .9s cubic-bezier(.2,.72,.2,1) both}.box-kicker.svelte-23c9n8{font-size:.58rem;font-weight:800;letter-spacing:.2em;opacity:.72}.box-lid.svelte-23c9n8 strong:where(.svelte-23c9n8){font:700 1.18rem/1.05 Georgia,serif;letter-spacing:.08em}.box-lid.svelte-23c9n8 small:where(.svelte-23c9n8){font:.62rem Georgia,serif;letter-spacing:.18em;opacity:.76}@keyframes svelte-23c9n8-object-arrive{0%{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}@keyframes svelte-23c9n8-transition-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-23c9n8-box-approach{0%{transform:translateY(18px) scale(.68) rotateX(7deg)}32%{transform:translateY(0) scale(1) rotateX(0)}to{transform:translateY(20px) scale(1.08) rotateX(0)}}@keyframes svelte-23c9n8-lid-open{0%,34%{transform:translateY(0) rotateX(0)}72%{transform:translateY(-52%) rotateX(-72deg)}to{transform:translateY(-90%) rotateX(-82deg)}}@media (max-width:520px){.inspection-page.svelte-23c9n8{height:calc(100dvh - 56px);min-height:480px;padding:12px 12px max(10px,env(safe-area-inset-bottom))}.inspection-meta.svelte-23c9n8{min-height:34px}.inspection-meta.svelte-23c9n8 p:where(.svelte-23c9n8){display:none}.package-stage.svelte-23c9n8{min-height:min(40vh,280px)}.object-dock.svelte-23c9n8{min-height:84px;gap:clamp(16px,7vw,34px)}.object-dock.svelte-23c9n8 button:where(.svelte-23c9n8){width:62px;height:72px}.card-inspection.svelte-23c9n8{height:min(59vh,470px)}.card-map-viewport.svelte-23c9n8{padding:8px}.instruction-sheet.svelte-23c9n8{width:min(88vw,500px);max-height:min(52vh,420px);padding:22px 20px}}@media (prefers-reduced-motion:reduce){.active-object.svelte-23c9n8,.box-transition.svelte-23c9n8,.package-box.svelte-23c9n8,.box-lid.svelte-23c9n8{animation-duration:.01ms!important}}
