.case-dialog{height:min(90vh,920px);max-height:920px;background:#0d1220}.flipbook{height:100%;min-height:0;display:grid;grid-template-columns:minmax(275px,.34fr) minmax(0,.66fr)}.flipbook-copy{padding:clamp(66px,6vw,86px) 28px 32px;overflow-y:auto;background:#0d1220;color:#f6f7ff}.flipbook-copy>span{font:10px "DM Mono",monospace;letter-spacing:.1em;color:var(--lime)}.flipbook-copy h2{font-size:clamp(35px,4vw,61px);line-height:.93;letter-spacing:-.09em;margin:17px 0}.flipbook-copy>p{font-size:14px;line-height:1.8;color:#c5cadd}.flipbook-note{margin-top:25px!important;padding-top:14px;border-top:1px solid #394056;font:10px/1.6 "DM Mono",monospace!important;color:var(--aqua)!important}.page-stage{min-height:0;position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:clamp(24px,4vw,48px);background:radial-gradient(circle at 55% 25%,var(--case),#141a2a 55%);overflow:hidden}.page-stage:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(255,255,255,.2);border-radius:20px;pointer-events:none}.page-frame{position:relative;z-index:1;min-height:0;display:grid;place-items:center;padding:0 40px}.page-frame img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border:1px solid #000;box-shadow:10px 12px 0 rgba(0,0,0,.55)}.page-frame.page-in img{animation:pageIn .42s cubic-bezier(.2,.8,.2,1)}.page-count{position:absolute;z-index:2;top:25px;left:30px;font:11px "DM Mono",monospace;color:#0d1220;background:var(--lime);padding:7px 9px;border:1px solid #0d1220}.page-count b{font-size:15px}.page-control{position:absolute;z-index:3;top:47%;width:42px;height:42px;border:1px solid #0d1220;border-radius:50%;background:var(--lime);color:#0d1220;font-size:23px;line-height:1;transition:transform .2s,background .2s}.page-control:hover{background:var(--pink);transform:scale(1.1)}.previous{left:15px}.next{right:15px}.page-thumbnails{position:relative;z-index:3;display:flex;justify-content:center;gap:8px;padding-top:18px;max-width:100%;overflow-x:auto}.page-thumbnails button{width:52px;height:34px;flex:0 0 auto;padding:0;border:1px solid rgba(255,255,255,.25);background:#0d1220;opacity:.55;overflow:hidden;transition:.2s}.page-thumbnails button:hover,.page-thumbnails button.selected{opacity:1;border:2px solid var(--lime);transform:translateY(-4px)}.page-thumbnails img{width:100%;height:100%;object-fit:cover}.letter-dialog{width:min(650px,calc(100% - 32px));border:0;background:transparent;padding:0;overflow:visible}.letter-dialog::backdrop{background:rgba(2,4,11,.8);backdrop-filter:blur(8px)}.letter-close{position:absolute;z-index:6;right:-4px;top:-20px;width:42px;height:42px;border-radius:50%;border:1px solid #080a12;background:var(--lime);font-size:25px}.envelope{height:450px;position:relative;background:linear-gradient(135deg,#ff5ca8,#ff8664);border:2px solid #0a0d16;box-shadow:14px 16px 0 #0a0d16}.envelope:before,.envelope:after{content:"";position:absolute;z-index:3;width:0;height:0;border-style:solid}.envelope:before{left:0;bottom:0;border-width:0 0 250px 320px;border-color:transparent transparent #ff7598 transparent}.envelope:after{right:0;bottom:0;border-width:250px 320px 0 0;border-color:#fb618d transparent transparent transparent}.envelope-flap{position:absolute;z-index:4;top:0;left:0;width:0;height:0;border-style:solid;border-width:210px 320px 0;border-color:#ffb151 transparent transparent;transform-origin:top;animation:flapOpen 1.1s .15s cubic-bezier(.2,.8,.2,1) forwards}.letter-paper{position:absolute;z-index:2;left:8%;right:8%;bottom:7%;height:84%;padding:48px 42px;background:#fff6e9;color:#171522;box-shadow:0 2px 0 rgba(0,0,0,.15);transform:translateY(38%);animation:letterRise 1.3s .65s cubic-bezier(.2,.8,.2,1) forwards}.letter-paper span{font:10px "DM Mono",monospace;letter-spacing:.09em;color:#736eff}.letter-paper p{font-size:clamp(17px,2.4vw,24px);font-weight:700;line-height:1.65;letter-spacing:-.03em}.letter-paper i{position:absolute;right:42px;bottom:35px;color:#ff5ca8;font-style:normal;font-weight:700}@keyframes pageIn{from{opacity:0;transform:translateX(28px) rotate(1.5deg)}to{opacity:1;transform:none}}@keyframes flapOpen{to{transform:rotateX(180deg);z-index:1}}@keyframes letterRise{to{transform:translateY(-13%);z-index:5}}@media(max-width:800px){.case-dialog{height:94vh}.flipbook{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.flipbook-copy{padding:64px 25px 18px;max-height:39vh}.flipbook-copy h2{font-size:38px}.flipbook-copy>p{display:none}.flipbook-copy .case-meta{margin-top:15px}.flipbook-copy .case-meta li{padding:7px 0}.page-stage{padding:20px}.page-frame{padding:12px 28px}.page-control{top:44%;width:37px;height:37px}.previous{left:8px}.next{right:8px}.page-count{top:14px;left:18px}.letter-paper{padding:42px 28px}.envelope{height:390px}.envelope:before{border-width:0 0 210px 270px}.envelope:after{border-width:210px 270px 0 0}.envelope-flap{border-width:180px 270px 0}.letter-paper p{font-size:18px}}