.page_menu .top-title{text-align:center;margin-bottom:18px;user-select:none}.page_menu .top-title .eyebrow{letter-spacing:.3em;font-size:14px;color:var(--brass);text-transform:uppercase}.page_menu .top-title h2{font-weight:700;font-size:34px;margin:6px 0 0;color:var(--brass-light);text-shadow:0 2px 10px rgba(0,0,0,0.6);letter-spacing:.06em}@media (max-width: 850px){.page_menu .top-title h2{font-size:4vw}}@media (max-width: 550px){.page_menu .top-title h2{font-size:22px}}.page_menu .stage-outer{position:relative;width:100%;display:flex;justify-content:center}.page_menu .book-wrap{position:relative;transform-origin:top center}.page_menu .perspective{perspective:2600px;perspective-origin:50% 40%}.page_menu .book-shadow{position:absolute;left:50%;bottom:-26px;width:86%;height:44px;transform:translateX(-50%);background:radial-gradient(ellipse, rgba(0,0,0,0.65) 0%, transparent 72%);filter:blur(2px);z-index:0;pointer-events:none}.page_menu .book{position:relative;width:calc(var(--page-w) * 2);height:var(--page-h);transform-style:preserve-3d;z-index:1}.page_menu .stack{position:absolute;top:6px;width:var(--page-w);height:calc(var(--page-h) - 12px);border-radius:2px;background:var(--cream-2);z-index:1}.page_menu .stack.left{left:-6px;box-shadow:-3px 3px 0 var(--cream-3),-6px 6px 0 #d6c397,-8px 10px 14px rgba(0,0,0,0.45);border-radius:2px 0 0 2px}.page_menu .stack.right{right:-6px;box-shadow:3px 3px 0 var(--cream-3),6px 6px 0 #d6c397,8px 10px 14px rgba(0,0,0,0.45);border-radius:0 2px 2px 0}.page_menu .stack.thin{opacity:.55}.page_menu .stack.thick{box-shadow:-4px 4px 0 var(--cream-3),-8px 8px 0 #d6c397,-11px 13px 0 #c8b384,-9px 12px 16px rgba(0,0,0,0.5)}.page_menu .stack.right.thick{box-shadow:4px 4px 0 var(--cream-3),8px 8px 0 #d6c397,11px 13px 0 #c8b384,9px 12px 16px rgba(0,0,0,0.5)}.page_menu .spine{position:absolute;left:50%;top:-4px;width:16px;height:calc(var(--page-h) + 8px);transform:translateX(-50%);background:linear-gradient(90deg, rgba(0,0,0,0.5), rgba(0,0,0,0.05) 30%, rgba(0,0,0,0.05) 70%, rgba(0,0,0,0.5));z-index:30;pointer-events:none}.page_menu .slot{position:absolute;top:0;width:var(--page-w);height:100%;overflow:hidden;background:var(--cream);z-index:5;cursor:pointer}.page_menu .slot.left{left:0;border-radius:8px 0 0 8px;box-shadow:inset 10px 0 20px -14px rgba(0,0,0,0.5),-2px 2px 14px rgba(0,0,0,0.4)}.page_menu .slot.right{left:var(--page-w);border-radius:0 8px 8px 0;box-shadow:inset -10px 0 20px -14px rgba(0,0,0,0.5),2px 2px 14px rgba(0,0,0,0.4)}.page_menu .slot.empty{background:linear-gradient(160deg, var(--leather), #150e09)}.page_menu .flipper{position:absolute;top:0;width:var(--page-w);height:100%;transform-style:preserve-3d;z-index:50}.page_menu .flipper.hidden{display:none}.page_menu .face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:var(--cream)}.page_menu .face.front{border-radius:0 8px 8px 0;box-shadow:2px 2px 18px rgba(0,0,0,0.5)}.page_menu .face.back{transform:rotateY(180deg);border-radius:8px 0 0 8px;box-shadow:-2px 2px 18px rgba(0,0,0,0.5)}.page_menu .flipper[data-side="left"] .face.front{border-radius:8px 0 0 8px}.page_menu .flipper[data-side="left"] .face.back{border-radius:0 8px 8px 0}.page_menu .shade{position:absolute;inset:0;background:linear-gradient(to left, rgba(0,0,0,0.5), transparent 45%);opacity:0;pointer-events:none;z-index:2}.page_menu .sheen{position:absolute;inset:0;background:linear-gradient(100deg, transparent 30%, rgba(255,247,224,0.35) 48%, transparent 62%);opacity:0;pointer-events:none;mix-blend-mode:soft-light;z-index:3}@keyframes flipNextAnim{from{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes flipPrevAnim{from{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes shadeInOut{0%{opacity:0}42%{opacity:.6}58%{opacity:.45}100%{opacity:0}}@keyframes sheenSweep{0%{opacity:0}40%{opacity:.9}60%{opacity:.6}100%{opacity:0}}.page_menu .flipper.flip-next{animation:flipNextAnim var(--dur) cubic-bezier(0.45, 0.05, 0.15, 1) forwards}.page_menu .flipper.flip-prev{animation:flipPrevAnim var(--dur) cubic-bezier(0.45, 0.05, 0.15, 1) forwards}.page_menu .flipper.flip-next .shade,.page_menu .flipper.flip-prev .shade{animation:shadeInOut var(--dur) linear forwards}.page_menu .flipper.flip-next .sheen,.page_menu .flipper.flip-prev .sheen{animation:sheenSweep var(--dur) linear forwards}.page_menu .flipper.fast{--dur:.32s}.page_menu .image-menu-page{position:relative;width:100%;height:100%;padding:26px 24px 20px;background:radial-gradient(circle at 12% 8%, rgba(255,255,255,0.35), transparent 30%),linear-gradient(180deg, var(--cream), var(--cream-2));color:var(--ink);display:flex;flex-direction:column}.page_menu .image-menu-page::before{content:"";position:absolute;inset:10px;border:1px solid var(--brass);opacity:.55;pointer-events:none}.page_menu .image-menu-page::after{content:"";position:absolute;inset:14px;border:1px solid var(--brass);opacity:.28;pointer-events:none}.page_menu .corner{position:absolute;width:16px;height:16px;border:2px solid var(--brass);opacity:.8;pointer-events:none}.page_menu .corner.tl{top:6px;left:6px;border-right:none;border-bottom:none}.page_menu .corner.tr{top:6px;right:6px;border-left:none;border-bottom:none}.page_menu .corner.bl{bottom:6px;left:6px;border-right:none;border-top:none}.page_menu .corner.br{bottom:6px;right:6px;border-left:none;border-top:none}.page_menu .page-num{position:absolute;bottom:12px;font-size:11px;letter-spacing:.2em;color:var(--brass-dark)}.page_menu .page-num.left{left:24px}.page_menu .page-num.right{right:24px}.page_menu .zoom-btn{position:absolute;top:16px;right:16px;width:26px;height:26px;border-radius:50%;border:1px solid var(--brass);background:rgba(244,234,212,0.7);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;z-index:4}.page_menu .zoom-btn:hover{background:var(--brass-light)}.page_menu .menu-head{text-align:center;margin-bottom:8px}.page_menu .menu-head .roman{font-size:11px;letter-spacing:.3em;color:var(--brass-dark)}.page_menu .menu-head h2{font-weight:700;font-size:22px;margin:4px 0 0;color:var(--charcoal)}.page_menu .menu-head .fr{font-style:italic;font-size:12px;letter-spacing:.12em;color:var(--wine);margin-top:2px}.page_menu .divider{display:flex;align-items:center;gap:8px;margin:10px 0 12px}.page_menu .divider .line{flex:1;height:1px;background:linear-gradient(to right, transparent, var(--brass), transparent)}.page_menu .divider .mark{color:var(--brass);font-size:11px}.page_menu .dish-list{flex:1;overflow:hidden}.page_menu .dish{margin-bottom:12px}.page_menu .dish-row{display:flex;align-items:baseline;gap:6px}.page_menu .dish-name{font-weight:600;font-size:14.5px;color:var(--charcoal);white-space:nowrap}.page_menu .dish-leader{flex:1;border-bottom:1px dotted rgba(58,46,34,0.4);transform:translateY(-3px)}.page_menu .dish-price{font-size:13.5px;font-weight:600;color:var(--wine);white-space:nowrap}.page_menu .dish-desc{font-style:italic;font-size:12px;color:#6b5c48;margin-top:1px}.page_menu .cover{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 30%, #3a2a19 0%, transparent 55%),repeating-linear-gradient(120deg, rgba(255,255,255,0.02) 0 2px, transparent 2px 5px),linear-gradient(160deg, #2a1c12, #140d08 85%);color:var(--brass-light);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #000}.page_menu .cover .frame{position:absolute;inset:16px;border:1.5px solid var(--brass);opacity:.7}.page_menu .cover .frame2{position:absolute;inset:22px;border:1px solid var(--brass);opacity:.4}.page_menu .cover .emblem{font-size:34px;color:var(--brass);margin-bottom:10px;letter-spacing:.1em}.page_menu .cover .eyebrow{font-size:11px;letter-spacing:.3em;color:var(--brass);text-transform:uppercase;opacity:.85}.page_menu .cover h2{font-weight:700;font-size:28px;margin:10px 0 6px;letter-spacing:.05em;text-shadow:0 2px 12px rgba(0,0,0,0.7)}.page_menu .cover .sub{font-size:12px;letter-spacing:.3em;color:var(--brass-light);opacity:.9;text-transform:uppercase}.page_menu .cover .tagline{margin-top:18px;font-style:italic;font-size:14px;color:#d9c39a}.page_menu .cover .hint{position:absolute;bottom:26px;font-size:11px;letter-spacing:.15em;color:var(--brass);opacity:.75;text-transform:uppercase}.page_menu .cover.back-cover h2{font-size:22px}.page_menu .cover.back-cover .info{margin-top:16px;font-size:13px;line-height:1.9;color:#e6d6b0}.page_menu .cover.back-cover .thanks{margin-top:16px;font-style:italic;font-size:13px;color:var(--brass-light)}.page_menu .empty-panel{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg, var(--leather), #150e09)}.page_menu .empty-panel .mono{font-size:30px;color:var(--brass-dark);opacity:.5;letter-spacing:.15em;border:1px solid var(--brass-dark);border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-weight:700}.page_menu .nav-bar{display:flex;align-items:center;gap:16px;background:rgba(20,14,9,0.55);border:1px solid rgba(176,141,87,0.4);padding:10px 18px;border-radius:40px;backdrop-filter:blur(4px);width:max-content;margin:0 auto}.page_menu .nav-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--brass);background:transparent;color:var(--brass-light);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s, transform .15s}.page_menu .nav-btn:hover:not(:disabled){background:rgba(176,141,87,0.25);transform:scale(1.06)}.page_menu .nav-btn:disabled{opacity:.3;cursor:default}.page_menu .nav-label{font-size:13px;letter-spacing:.1em;min-width:96px;text-align:center;color:var(--brass-light)}.page_menu .play-btn{border-radius:22px;width:auto;padding:0 16px;gap:6px;font-size:12px;letter-spacing:.08em}.page_menu .thumb-wrap{overflow-x:auto;padding:6px 4px 14px;scrollbar-width:thin;width:max-content;margin:0 auto;margin-top:20px}.page_menu .thumb-row{display:flex;gap:10px}.page_menu .thumb{flex:0 0 auto;width:65px;height:75px;border-radius:4px;border:1px solid rgba(176,141,87,0.5);background:linear-gradient(180deg, var(--cream), var(--cream-2));color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;text-align:center;line-height:1.3;cursor:pointer;opacity:.75;transition:transform .15s, opacity .15s, box-shadow .15s;padding:4px;font-weight:bold}.page_menu .thumb .t-num{font-size:14px;font-weight:700;color:var(--wine)}.page_menu .thumb:hover{transform:translateY(-3px);opacity:1}.page_menu .thumb.active{opacity:1;box-shadow:0 0 0 2px var(--brass),0 6px 14px rgba(0,0,0,0.5);transform:translateY(-4px)}.page_menu .thumb.cover{background:linear-gradient(160deg, #2a1c12, #140d08);color:var(--brass-light)}.page_menu .thumb.cover .t-num{color:var(--brass-light)}.page_menu .zoom-modal{position:fixed;inset:0;background:rgba(5,3,2,0.92);display:none;align-items:center;justify-content:center;z-index:999;touch-action:none}.page_menu .zoom-modal.open{display:flex}.page_menu .zoom-canvas{width:90vw;max-width:420px;height:80vh;max-height:600px;overflow:hidden;position:relative;border:1px solid var(--brass);box-shadow:0 20px 60px rgba(0,0,0,0.7);cursor:grab}.page_menu .zoom-canvas.grabbing{cursor:grabbing}.page_menu .zoom-inner{width:100%;height:100%;transform-origin:center center;will-change:transform}.page_menu .zoom-controls{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:rgba(20,14,9,0.7);border:1px solid var(--brass);padding:8px 14px;border-radius:30px}.page_menu .zoom-controls #zoomReset{min-width:75px;border-radius:22px}.page_menu .zoom-controls button{width:32px;height:32px;border-radius:50%;border:1px solid var(--brass);background:transparent;color:var(--brass-light);font-size:16px;cursor:pointer}.page_menu .zoom-controls button:hover{background:rgba(176,141,87,0.25)}.page_menu .zoom-close{position:absolute;top:18px;right:22px;width:36px;height:36px;border-radius:50%;border:1px solid var(--brass);background:rgba(20,14,9,0.7);color:var(--brass-light);font-size:18px;cursor:pointer}@media (max-width: 760px){.page_menu .top-title h2{font-size:22px}.page_menu .nav-label{min-width:72px;font-size:11px}.page_menu .nav-bar{gap:10px;padding:8px 12px}}
