/* MENU-AB-001: scoped opt-in presentation. Default R2 stays in style.css. */
.app-shell.menu-preview{max-width:480px;background:#090a08;color:#eee9dd;--menu-gold:#e4c078;--menu-muted:#b9b1a0;--menu-line:#645336;font-size:14px}
.menu-preview button,.menu-preview a{touch-action:manipulation}
.menu-preview button{color:inherit;min-height:44px;border:1px solid var(--menu-line);background:#171711;border-radius:4px}
.menu-preview button:focus-visible,.menu-preview a:focus-visible{outline:2px solid #ffe5a5;outline-offset:3px}
.menu-preview button:disabled{opacity:.55}
.menu-toolbar{display:flex;align-items:center;gap:7px;padding:7px 12px;min-height:60px;background:#090a08;border-bottom:1px solid #6a5735;flex:none;z-index:8}
.menu-brand{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.menu-brand b{font-family:Georgia,serif;color:#e4c078;font-size:24px;font-weight:500;letter-spacing:.1em}.menu-brand span{color:#b9ae94;font-size:10px;letter-spacing:.09em;margin-top:3px;white-space:nowrap}
.menu-theme-switch{display:flex;gap:4px}.menu-preview .menu-theme-switch button{min-width:44px;padding:0 10px;background:#14150f;font-size:17px}
.menu-preview [aria-pressed=true]{background:#d7b46b;color:#17150e;border-color:#e7c781}
.menu-preview .menu-motion-toggle{font-size:11px;width:84px;padding:4px;line-height:1.3;background:#151610;color:#dac99f}.menu-preview .menu-motion-toggle[aria-pressed=false]{color:#b9b1a0}
.menu-preview .menu-exit{min-width:44px;padding:0;font-size:25px;background:transparent;border-color:#463e2e}
.menu-body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.menu-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#806a3d #111;scroll-padding:12px 12px 50px}.menu-content>*{min-width:0}
.menu-preview .menu-hud{display:flex;gap:12px;align-items:center;position:relative;z-index:4;min-height:84px;padding:16px;color:#eee9dd}
.menu-preview .menu-avatar{width:54px;height:54px;flex:none;padding:0;overflow:hidden;border-color:#a78a4c;background:#13140e}.menu-avatar img{width:100%;height:100%;object-fit:cover}.menu-identity{min-width:0;flex:1}.menu-hud-label{font-size:10px;color:#c5b794;letter-spacing:.1em}.menu-identity h1{font:600 18px/1.25 Inter,sans-serif;margin:3px 0;overflow-wrap:anywhere;max-width:100%}.menu-identity p{font-size:11px;line-height:1.45;color:#d0c5b0;margin:3px 0 0;overflow-wrap:anywhere}.menu-hud-brand{font:22px Georgia,serif;color:#b79654;opacity:.8}
.menu-preview .menu-primary{width:100%;min-height:92px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 32px;overflow:hidden;background:#0b0c09;border:1px solid #8e723d;border-radius:8px;box-shadow:inset 0 0 16px #9d682b22}
.menu-primary-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}.menu-primary-title{display:block;text-align:center;font-size:clamp(18px,5vw,25px);line-height:1.15;font-weight:800;letter-spacing:.025em;color:#f1d38b}.menu-primary-subtitle{font-size:11px;letter-spacing:.07em;line-height:1.45;text-align:center;margin-top:5px;color:#e4cb96}
.menu-preview .menu-nav{display:flex;flex:none;min-height:70px;border-top:1px solid #8b713d;background:linear-gradient(#12130e,#070806);z-index:6}.menu-preview .menu-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:0;background:transparent;color:#bdb7a8;font-size:12px;position:relative;min-height:70px}.menu-preview .menu-nav button[aria-current=page]{color:#f1d18a;background:#9a79300b}.menu-preview .menu-nav button[aria-current=page]:after{content:"";position:absolute;bottom:7px;width:18px;height:2px;background:#e6c275}.menu-nav-symbol{font:26px/1.1 Georgia,serif}.menu-nav button+button{box-shadow:inset 1px 0 #3e382866}
.menu-panel{padding:18px 18px 30px;background:radial-gradient(at 80% 0,#6a4a201c,transparent 65%),#0d0e0a;min-height:100%}.menu-preview[data-theme=b] .menu-panel{background:linear-gradient(140deg,#171a17,#0a0c09 60%)}
.menu-panel-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}.menu-panel h1{font:500 25px/1.2 Georgia,serif;color:#e3c482;margin:0;overflow-wrap:anywhere}.menu-panel h2,.menu-latest h2{font-size:16px;font-weight:500;letter-spacing:.02em;margin:22px 0 9px;color:#e5cf9e}.menu-preview .menu-panel-back{min-width:82px;padding:10px 12px;font-size:12px;background:#1a1911}.menu-muted,.menu-future p{color:var(--menu-muted);font-size:13px;line-height:1.65;margin:8px 0}.menu-profile-name{font-size:21px;overflow-wrap:anywhere;color:#eee3c8}
.menu-demo-note,.menu-notice{padding:12px 14px;color:#e8d3a8;font-size:12px;line-height:1.6;background:#312611;border:1px solid #70572b;border-radius:4px}.menu-notice{margin:12px 16px;position:relative;z-index:5}.menu-demo-note b{letter-spacing:.12em}.menu-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.menu-stat{border:1px solid #665439;padding:15px;background:#1a1811}.menu-stat span{font-size:13px}.menu-stat b{display:block;color:#e4c078;font-size:29px;font-weight:400;line-height:1.25;margin:7px 0}.menu-stat small{color:#c1b698;font-size:11px}.menu-future{border-top:1px solid #433b2a;margin-top:20px}.menu-future button{width:100%;text-align:left;padding:10px 14px;margin-top:10px}
.menu-equipment{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 24px}.menu-preview .menu-slot{padding:8px 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:76px;background:#171811;border-color:#504832}.menu-slot span{font-size:22px;line-height:1;color:#a58b52}.menu-slot small{font-size:10px;line-height:1.3;margin-top:6px;color:#c9bfaa;overflow-wrap:anywhere}.menu-slot:nth-last-child(-n+2){grid-column:span 2}
.menu-filter{display:flex;gap:7px}.menu-preview .menu-filter button{padding:8px 9px;font-size:12px;flex:1}.menu-items{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.menu-preview .menu-item{padding:8px;background:linear-gradient(135deg,#242115,#10110d);border-color:#80683c;text-align:left}.menu-item img,.menu-item .menu-supply-icon{width:100%;height:120px;object-fit:contain;display:block}.menu-item span{display:block;font-size:12px;padding:6px 2px 2px}.menu-item small{display:block;font-size:10px;padding:0 2px;color:#c2a569;letter-spacing:.1em}.menu-item-art{background:radial-gradient(ellipse,#57432130,transparent 68%);margin:14px 0}.menu-item-art img,.menu-item-art .menu-supply-icon{width:100%;height:270px;object-fit:contain}.menu-supply-icon{color:#c6a569}.menu-preview .menu-demo-action{width:100%;min-height:54px;border-color:#bd9853;color:#efd08d;background:#2c2415;margin:20px 0 10px;font-weight:600}
.menu-latest{padding:0 18px 8px}.menu-preview .menu-history-link{display:block;width:100%;padding:10px 14px;text-align:left;background:#18180f}.menu-art-note{font-size:10px;line-height:1.5;text-align:center;margin:16px 22px 22px;color:#b7ac95}.menu-demo-states{margin:18px 18px 0;padding:10px;border:1px solid #51462f;display:flex;gap:6px;min-width:0}.menu-demo-states legend{font-size:10px;color:#c3b18a;padding:0 5px}.menu-preview .menu-demo-states button{flex:1;padding:5px;font-size:11px}.menu-link{display:block;color:#ecd095;border:1px solid #b29352;border-radius:4px;padding:14px;text-decoration:none;margin-top:24px}
@media(max-width:375px){.menu-toolbar{gap:5px;padding-inline:8px}.menu-brand span{font-size:9px}.menu-preview .menu-motion-toggle{width:72px;font-size:10px}.menu-preview .menu-hud{padding-inline:14px}.menu-panel{padding-inline:14px}.menu-stat{padding:12px}.menu-filter{gap:4px}}

.menu-preview .menu-equipment{grid-template-columns:68px minmax(0,1fr) 68px;grid-template-rows:repeat(7,minmax(58px,auto)) auto;gap:6px;align-items:stretch}
.menu-preview .menu-slot{min-height:58px;padding:5px 3px}
.menu-preview .menu-slot:nth-of-type(-n+7){grid-column:1}
.menu-preview .menu-slot:nth-of-type(1){grid-row:1}.menu-preview .menu-slot:nth-of-type(2){grid-row:2}.menu-preview .menu-slot:nth-of-type(3){grid-row:3}.menu-preview .menu-slot:nth-of-type(4){grid-row:4}.menu-preview .menu-slot:nth-of-type(5){grid-row:5}.menu-preview .menu-slot:nth-of-type(6){grid-row:6}.menu-preview .menu-slot:nth-of-type(7){grid-row:7}
.menu-preview .menu-slot:nth-of-type(8){grid-column:3;grid-row:1}.menu-preview .menu-slot:nth-of-type(9){grid-column:3;grid-row:2}.menu-preview .menu-slot:nth-of-type(10){grid-column:3;grid-row:3}.menu-preview .menu-slot:nth-of-type(11){grid-column:3;grid-row:4}
.menu-preview .menu-slot:nth-of-type(12){grid-column:2;grid-row:8}.menu-preview .menu-slot:nth-of-type(13){grid-column:3;grid-row:6/span 2}
.menu-inventory-hero{grid-column:2;grid-row:1/span 7;min-width:0;position:relative;overflow:hidden;background:radial-gradient(ellipse,#88653120,transparent 70%);align-self:stretch;display:flex;align-items:center;justify-content:center}
.menu-inventory-hero img{width:100%;height:100%;object-fit:contain;max-height:442px}.menu-preview[data-theme=a] .menu-inventory-hero img{width:160%;max-width:none;object-fit:cover;object-position:60% 20%;height:90%}

.menu-toolbar.menu-preview{--menu-line:#645336;--menu-gold:#e4c078;color:#eee9dd}

.menu-preview .menu-theme-switch button[aria-pressed="true"]{background:#d7b46b;color:#17150e;border-color:#f1d695}
.menu-preview #screen-title:focus{outline:none}
.menu-preview .menu-primary{border:0;background:transparent;box-shadow:none}
.menu-preview .menu-primary-plate{object-fit:cover}

.menu-settings-home-quality{font-size:12px;color:var(--mori-gold,#d7b45c);margin:6px 0 12px}