.restaurant-nav-highlight>.navdrop-trigger{color:#ffe6a5!important;border:1px solid rgba(255,221,139,.42);background:linear-gradient(180deg,rgba(221,178,85,.18),rgba(221,178,85,.06));border-radius:999px;padding-left:14px!important;padding-right:14px!important}
.restaurant-nav-highlight .nav-new{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:17px;margin-right:5px;padding:0 6px;border-radius:999px;background:#d5a647;color:#161005;font-size:9px;font-weight:1000;letter-spacing:.06em}
.restaurant-hero-button{border-color:rgba(255,220,130,.58)!important;background:linear-gradient(135deg,#e4bc68,#9e6a1f)!important;color:#171006!important;box-shadow:0 15px 38px rgba(182,126,30,.25)}
.restaurant-home{padding:92px 0;border-top:1px solid rgba(255,221,148,.12);border-bottom:1px solid rgba(255,221,148,.12);background:radial-gradient(circle at 16% 22%,rgba(102,125,63,.18),transparent 26%),radial-gradient(circle at 80% 18%,rgba(163,105,49,.16),transparent 29%),linear-gradient(180deg,#09101c,#0b1118 62%,#080d15)}
.restaurant-home-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:center}
.restaurant-home-copy h2{color:#ffe6a5;font-size:clamp(42px,5vw,70px);line-height:1.12;letter-spacing:-.055em;margin:8px 0 22px}
.restaurant-home-copy p{color:#d6c59f;font-size:17px;line-height:1.85}
.restaurant-home-zones{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}
.restaurant-home-zones span{padding:9px 14px;border-radius:999px;border:1px solid rgba(255,221,145,.26);color:#f2dca8;background:rgba(255,221,145,.05);font-weight:900}
.restaurant-home-visual{display:block;overflow:hidden;border:1px solid rgba(255,222,147,.25);border-radius:28px;background:#070b11;box-shadow:0 28px 90px rgba(0,0,0,.36)}
.restaurant-home-visual img{width:100%;display:block}
.restaurant-home-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}
.restaurant-home-flow span{padding:10px 8px;text-align:center;border-radius:11px;background:rgba(255,224,151,.07);color:#ddc998;font-size:12px}
.restaurant-page{background:#080d14;color:#efe5cc}
.restaurant-comic-hero{padding:118px 0 55px;background:radial-gradient(circle at 50% 0,rgba(204,157,72,.13),transparent 35%),#070c13}
.restaurant-comic-title{text-align:center;margin-bottom:28px}
.restaurant-comic-title h1{color:#ffe6a4;font-size:clamp(48px,6vw,82px);letter-spacing:-.06em;line-height:1.08;margin:10px 0 17px}
.restaurant-comic-title p{max-width:850px;margin:auto;color:#cfbd98;font-size:17px}
.comic-frame{overflow:hidden;border:1px solid rgba(255,221,145,.35);border-radius:28px;box-shadow:0 34px 110px rgba(0,0,0,.46);background:#111}
.comic-frame img{width:100%;display:block}
.comic-caption{display:grid;grid-template-columns:repeat(5,1fr);margin-top:12px;border:1px solid rgba(255,221,145,.18);border-radius:18px;overflow:hidden}
.comic-caption span{padding:12px;text-align:center;color:#d7c292;background:rgba(255,222,145,.04);border-right:1px solid rgba(255,221,145,.12);font-size:12px}
.comic-caption span:last-child{border:0}
.restaurant-section{padding:88px 0;border-top:1px solid rgba(255,221,145,.12)}
.restaurant-section-title{max-width:850px;margin-bottom:38px}
.restaurant-section-title h2{color:#ffe6a5;font-size:clamp(38px,4.7vw,64px);line-height:1.16;letter-spacing:-.055em;margin:5px 0 18px}
.restaurant-section-title p{color:#cdbb96;font-size:16px;line-height:1.8}
.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.zone-card{min-height:430px;padding:31px;border:1px solid rgba(255,221,145,.23);border-radius:30px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 27px 80px rgba(0,0,0,.27)}
.zone-card:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-95px;top:-100px;opacity:.34}
.zone-card.food{background:linear-gradient(155deg,#142b1b,#08110d)}.zone-card.food:before{background:#6d9b4f}
.zone-card.care{background:linear-gradient(155deg,#32203b,#130d19)}.zone-card.care:before{background:#b381ae}
.zone-card.exercise{background:linear-gradient(155deg,#13293a,#07121c)}.zone-card.exercise:before{background:#6499bd}
.zone-icon{font-size:42px;position:relative}
.zone-card small{color:#d9b963;font-weight:1000;letter-spacing:.14em;margin-top:55px}
.zone-card h3{color:#ffe7aa;font-size:31px;margin:10px 0 14px}
.zone-card p{color:#d2c09a;line-height:1.76}
.zone-card ul{padding-left:19px;color:#c9b893;font-size:14px;line-height:1.9}
.zone-card a{margin-top:auto;color:#ffe3a0;font-weight:1000}
.scanner-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;align-items:center}
.scanner-machine{min-height:620px;border:1px solid rgba(131,210,255,.25);border-radius:35px;background:radial-gradient(circle at 50% 30%,rgba(71,191,255,.19),transparent 32%),linear-gradient(180deg,#101d28,#071018);position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 70px rgba(42,157,213,.07),0 30px 100px rgba(0,0,0,.35)}
.scan-ring{position:absolute;width:330px;height:80px;border:2px solid rgba(96,209,255,.65);border-radius:50%;top:80px;box-shadow:0 0 25px rgba(96,209,255,.45)}
.scan-beam{position:absolute;left:14%;right:14%;height:4px;top:110px;background:linear-gradient(90deg,transparent,#8fe4ff,transparent);box-shadow:0 0 22px #75d8fa;opacity:0}
.scanner-machine.scanning .scan-beam{animation:scanbody 3.1s ease-in-out forwards;opacity:1}
@keyframes scanbody{0%{top:120px}100%{top:530px}}
.body-map{position:relative;width:270px;height:480px}.body-map svg{width:100%;height:100%;filter:drop-shadow(0 0 19px rgba(86,209,255,.24))}
.body-point{position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid #ffd778;background:#261d0e;box-shadow:0 0 0 6px rgba(255,211,111,.09);opacity:.35;transition:.25s}
.scanner-machine.scanning .body-point{animation:pointglow .45s forwards}
@keyframes pointglow{to{opacity:1;background:#ffd878;box-shadow:0 0 25px #ffd878}}
.body-point:nth-of-type(1){animation-delay:.15s}.body-point:nth-of-type(2){animation-delay:.35s}.body-point:nth-of-type(3){animation-delay:.55s}.body-point:nth-of-type(4){animation-delay:.75s}.body-point:nth-of-type(5){animation-delay:.95s}.body-point:nth-of-type(6){animation-delay:1.15s}.body-point:nth-of-type(7){animation-delay:1.35s}.body-point:nth-of-type(8){animation-delay:1.55s}.body-point:nth-of-type(9){animation-delay:1.75s}.body-point:nth-of-type(10){animation-delay:1.95s}.body-point:nth-of-type(11){animation-delay:2.15s}.body-point:nth-of-type(12){animation-delay:2.35s}
.p1{left:126px;top:22px}.p2{left:105px;top:58px}.p3{left:150px;top:63px}.p4{left:115px;top:113px}.p5{left:145px;top:124px}.p6{left:100px;top:164px}.p7{left:145px;top:176px}.p8{left:118px;top:218px}.p9{left:146px;top:235px}.p10{left:84px;top:300px}.p11{left:164px;top:302px}.p12{left:127px;top:388px}
.scanner-panel{padding:34px;border:1px solid rgba(255,221,145,.23);border-radius:30px;background:linear-gradient(180deg,rgba(17,24,38,.89),rgba(8,12,21,.88))}
.scanner-panel h3{font-size:34px;color:#ffe5a4;margin:8px 0 15px}.scanner-panel p{color:#cdbb96}
.scan-steps{display:grid;gap:11px;margin:24px 0}.scan-step{display:grid;grid-template-columns:35px 1fr;gap:12px;align-items:center;padding:13px;border-radius:14px;background:rgba(255,221,145,.05);color:#d7c394}
.scan-step b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#d5aa54;color:#161004}
.scan-button{width:100%;height:56px;border:0;border-radius:16px;font-weight:1000;background:linear-gradient(135deg,#f2d589,#b57e25);color:#171006;cursor:pointer}
.scan-result{margin-top:15px;padding:17px;border-radius:16px;background:rgba(81,181,223,.08);border:1px solid rgba(100,205,244,.20);color:#cdeeff;min-height:86px}
.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.story-card{padding:22px;border:1px solid rgba(255,221,145,.20);border-radius:22px;background:linear-gradient(180deg,rgba(20,27,42,.83),rgba(8,12,20,.79));transition:.25s;cursor:pointer}
.story-card:hover,.story-card.active{transform:translateY(-5px);border-color:rgba(255,221,145,.54);box-shadow:0 18px 55px rgba(0,0,0,.32)}
.story-card i{font-style:normal;font-size:29px}.story-card h3{color:#ffe2a0;margin:9px 0 5px}.story-card p{font-size:13px;color:#bbaa86;line-height:1.65}
.story-detail{margin-top:22px;padding:28px;border-radius:26px;border:1px solid rgba(255,221,145,.24);background:linear-gradient(145deg,#f4e4bd,#d4ae67);color:#36240c}
.story-detail h3{font-size:30px;margin:0 0 10px}.story-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.story-detail-grid div{padding:17px;border-radius:17px;background:rgba(255,255,255,.35)}.story-detail-grid b{display:block;margin-bottom:5px}
.restaurant-process{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,221,145,.2);border-radius:26px;overflow:hidden}
.restaurant-process article{padding:25px;min-height:210px;background:rgba(255,221,145,.035)}.restaurant-process article:not(:last-child){border-right:1px solid rgba(255,221,145,.13)}
.restaurant-process small{color:#d4a950;font-weight:1000}.restaurant-process h3{color:#ffe4a3}.restaurant-process p{color:#c6b48f;font-size:14px}
.restaurant-note{padding:25px;border-left:3px solid #d7b05b;background:rgba(215,176,91,.07);border-radius:0 18px 18px 0;color:#cdbb97}.restaurant-note strong{color:#ffe5a2}
@media(max-width:1050px){.restaurant-home-grid,.scanner-layout{grid-template-columns:1fr}.restaurant-home-visual{max-width:850px}.zone-grid{grid-template-columns:1fr}.story-grid{grid-template-columns:repeat(3,1fr)}.restaurant-process{grid-template-columns:1fr}.restaurant-process article:not(:last-child){border-right:0;border-bottom:1px solid rgba(255,221,145,.13)}}
@media(max-width:720px){.restaurant-home{padding:70px 0}.restaurant-home-flow,.comic-caption{grid-template-columns:1fr}.comic-caption span{border-right:0;border-bottom:1px solid rgba(255,221,145,.12)}.story-grid{grid-template-columns:1fr 1fr}.story-detail-grid{grid-template-columns:1fr}.scanner-machine{min-height:550px}}
@media(max-width:480px){.story-grid{grid-template-columns:1fr}}


/* ===== V8.5 RESTORED 312 CIVILIZATION SYSTEM ===== */
.civilization-intro{
  padding:94px 0;background:
    radial-gradient(circle at 50% 15%,rgba(110,135,220,.17),transparent 30%),
    linear-gradient(180deg,#080d16,#0b111c)
}
.civilization-intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:36px;align-items:center}
.civilization-intro img,.facility-overview img,.world-body-visual img,.zone-comic-card img{
  width:100%;display:block
}
.civilization-copy h2{
  color:#ffe7aa;font-size:clamp(40px,5vw,70px);line-height:1.14;letter-spacing:-.055em;margin:7px 0 20px
}
.civilization-copy p{color:#cfbd99;font-size:16px;line-height:1.85}
.civilization-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.civilization-principles span{
  padding:12px;text-align:center;border:1px solid rgba(255,223,148,.2);border-radius:14px;
  color:#e7d2a4;background:rgba(255,223,148,.045);font-size:12px;font-weight:900
}
.visual-frame{
  padding:13px;border:1px solid rgba(255,223,148,.26);border-radius:30px;
  background:rgba(255,255,255,.025);box-shadow:0 32px 105px rgba(0,0,0,.35)
}
.world-map-section{padding:92px 0;background:#090f18;border-top:1px solid rgba(255,221,145,.12)}
.world-map-grid{display:grid;grid-template-columns:640px 1fr;gap:34px;align-items:start}
.world-body-visual{position:sticky;top:100px}
.world-body-visual .visual-frame{background:#07101a}
.civilization-control{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px}
.civilization-control button{
  border:1px solid rgba(255,221,145,.22);background:rgba(255,221,145,.04);color:#d8c69e;
  border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer
}
.civilization-control button.active{background:#d6ad5c;color:#171006;border-color:#d6ad5c}
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.system-card{
  --system:#d5ad5a;
  padding:18px;border:1px solid rgba(255,221,145,.18);border-radius:20px;
  background:linear-gradient(180deg,rgba(20,27,42,.86),rgba(8,12,20,.82));
  cursor:pointer;transition:.23s;position:relative;overflow:hidden
}
.system-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--system)}
.system-card:hover,.system-card.active{
  transform:translateY(-3px);border-color:var(--system);box-shadow:0 18px 50px rgba(0,0,0,.28)
}
.system-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.system-card .number{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--system);
  color:#101018;font-weight:1000;flex:0 0 auto
}
.system-card h3{color:#ffe4a3;margin:0;font-size:20px}
.system-card small{color:#a9997c}
.system-card p{color:#c6b48f;font-size:13px;line-height:1.6;margin:10px 0 0}
.system-detail{
  margin-top:18px;padding:27px;border-radius:26px;background:linear-gradient(145deg,#f5e5bf,#d5ae65);
  color:#33220c;box-shadow:0 25px 75px rgba(0,0,0,.27)
}
.system-detail-top{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}
.system-detail h3{font-size:34px;margin:0 0 8px}
.system-detail .color-orb{
  width:75px;height:75px;border-radius:50%;box-shadow:0 10px 35px rgba(0,0,0,.18)
}
.system-detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:20px}
.system-detail-summary div{padding:14px;border-radius:16px;background:rgba(255,255,255,.34)}
.system-detail-summary b{display:block;font-size:12px;margin-bottom:3px}
.food-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.food-pills span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.48);font-weight:800;font-size:13px}

.facility-overview{padding:90px 0;background:linear-gradient(180deg,#0b1119,#080d14)}
.facility-overview .visual-frame{margin-top:25px}
.zone-comics{padding:90px 0;background:#090e16;border-top:1px solid rgba(255,221,145,.12)}
.zone-comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.zone-comic-card{
  overflow:hidden;border:1px solid rgba(255,221,145,.22);border-radius:26px;
  background:#0b1119;box-shadow:0 25px 80px rgba(0,0,0,.28)
}
.zone-comic-card div{padding:20px}
.zone-comic-card h3{color:#ffe5a5;margin:0 0 6px}
.zone-comic-card p{color:#c7b590;font-size:13px}
.zone-comic-card a{color:#f0d58e;font-weight:900;font-size:13px}

.civilization-expansion{padding:94px 0;background:
  radial-gradient(circle at 50% 50%,rgba(207,161,78,.10),transparent 38%),#080d15
}
.expansion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.expansion-card{
  padding:24px;border-radius:23px;border:1px solid rgba(255,221,145,.18);
  background:rgba(255,221,145,.035)
}
.expansion-card i{font-style:normal;font-size:30px}
.expansion-card h3{color:#ffe5a4}
.expansion-card p{color:#c5b38e;font-size:14px}
.source-separation{
  margin-top:28px;padding:24px;border:1px solid rgba(255,221,145,.19);border-radius:22px;
  display:grid;grid-template-columns:1fr 1fr;gap:18px;background:rgba(255,255,255,.025)
}
.source-separation div{padding:18px;border-radius:16px;background:rgba(255,221,145,.04)}
.source-separation h3{color:#ffe3a1;margin-top:0}
.source-separation p{color:#c7b590;font-size:14px}

.origin-story{
  padding:92px 0;background:#070c14;border-top:1px solid rgba(255,221,145,.12)
}
.origin-story-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:36px;align-items:center}
.origin-story-copy h2{color:#ffe6a5;font-size:clamp(40px,5vw,67px);line-height:1.14;margin:6px 0 20px}
.origin-story-copy p{color:#ccba95;line-height:1.85}
.origin-steps{display:grid;gap:10px;margin-top:23px}
.origin-step{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:13px;border-radius:14px;background:rgba(255,221,145,.045)}
.origin-step b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#d6ad5b;color:#171006}
.origin-step span{color:#d4c197}

@media(max-width:1200px){
  .world-map-grid{grid-template-columns:1fr}.world-body-visual{position:static;max-width:760px}
  .zone-comic-grid,.expansion-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .civilization-intro-grid,.origin-story-grid{grid-template-columns:1fr}
  .civilization-principles{grid-template-columns:1fr 1fr}
  .system-detail-summary{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .system-grid,.zone-comic-grid,.expansion-grid,.source-separation{grid-template-columns:1fr}
  .civilization-principles{grid-template-columns:1fr}
  .system-detail-summary{grid-template-columns:1fr}
}

/* V8.6 WORLD-CLASS VISUAL REBUILD */
.future-direct-link{
  display:inline-flex;align-items:center;color:#ead6a4;text-decoration:none;
  padding:9px 11px;border-radius:999px;white-space:nowrap;font-weight:800
}
.future-direct-link:hover,.future-direct-link.active{
  color:#fff0bd;background:rgba(255,226,160,.08)
}
.worldclass-hero-frame,.worldclass-panel{
  overflow:hidden;border:1px solid rgba(255,222,148,.28);border-radius:30px;
  background:#070b12;box-shadow:0 34px 110px rgba(0,0,0,.42)
}
.worldclass-hero-frame img,.worldclass-panel img{width:100%;display:block}
.worldclass-caption{
  margin-top:12px;color:#bbaa87;font-size:12px;text-align:right
}
.visual-truth-note{
  margin-top:12px;padding:13px 16px;border-radius:14px;
  border:1px solid rgba(255,221,145,.15);background:rgba(255,221,145,.035);
  color:#bbaa87;font-size:12px
}
.zone-comic-card .zone-master-image{aspect-ratio:16/8.5;object-fit:cover}
.civilization-strip{margin-top:26px}
.civilization-strip img{width:100%;display:block}
@media(max-width:900px){.future-direct-link{padding:8px 9px}}