*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,'Noto Sans KR',Arial,sans-serif;color:#33164d;background:#fffaf4}button,select{font:inherit}button{cursor:pointer}a{color:inherit}:root{--pink:#ff428f;--orange:#ff7251;--yellow:#ffdd55;--mint:#43d7ac;--purple:#7048d9;--ink:#33164d}.food-nav{position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;gap:10px;padding:20px clamp(17px,4vw,64px);color:#fff}.food-nav a{min-height:44px;display:flex;align-items:center;padding:0 15px;border-radius:99px;background:#ffffff2d;border:1px solid #ffffff9a;backdrop-filter:blur(12px);text-decoration:none;font-weight:950;text-shadow:0 2px 9px #511d2070}.food-nav b{margin:auto;letter-spacing:2px;text-shadow:0 2px 12px #54142d88}.food-hero{min-height:88svh;position:relative;display:flex;align-items:flex-end;background:#72dfff url('assets/food/food-hero.webp') center/cover;overflow:hidden}.food-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#51172a00,#3211471a 50%,#210a3ae8 100%)}.hero-copy{position:relative;z-index:2;width:min(1320px,100%);margin:auto;padding:110px clamp(20px,5vw,72px) clamp(52px,8vh,88px);color:#fff}.eyebrow{display:inline-flex;padding:8px 13px;border-radius:99px;background:#ffffff2e;border:1px solid #ffffff85;backdrop-filter:blur(10px);font-size:12px;font-weight:1000}.hero-copy h1{font-size:clamp(55px,8.6vw,118px);line-height:.86;letter-spacing:-7px;margin:18px 0;text-shadow:0 8px 35px #39113a80}.hero-copy h1 em{font-style:normal;color:#fff09b}.hero-copy p{font-size:clamp(16px,1.6vw,22px);line-height:1.6;max-width:700px;font-weight:780;text-shadow:0 2px 12px #32112f}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.cta{border:0;border-radius:99px;min-height:54px;padding:0 22px;display:inline-flex;align-items:center;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--pink),var(--orange));font-weight:1000;box-shadow:0 13px 34px #ff426c66;transition:.2s}.cta:hover{transform:translateY(-3px)}.cta.light{background:#fff;color:#6b3dcc;box-shadow:0 13px 34px #32174d48}
main{max-width:1320px;margin:auto;padding:72px clamp(18px,4vw,54px) 90px}.section-head,.builder-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head span,.mini{font-size:12px;color:var(--orange);font-weight:1000;letter-spacing:1.4px}.section-head h2,.builder-top h2{font-size:clamp(31px,4vw,55px);letter-spacing:-3px;margin:6px 0}.section-head p{max-width:560px;color:#78698a;line-height:1.65;font-weight:720}.guide{margin-bottom:72px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guide-grid article{position:relative;padding:25px;border-radius:28px;background:#fff;box-shadow:0 18px 45px #70412d18;overflow:hidden}.guide-grid article>b{position:absolute;right:16px;top:5px;font-size:70px;color:#f3eafa}.guide-grid i{font-style:normal;font-size:42px}.guide-grid h3{font-size:21px;margin:14px 0 7px}.guide-grid p{margin:0;color:#78698a;line-height:1.6;font-weight:700}
.builder{padding:clamp(22px,4vw,44px);border-radius:38px;background:#fff;box-shadow:0 25px 70px #70412d1f;border:2px solid #fff}.step-status{min-width:250px;padding:14px 17px;border-radius:18px;background:#f3ecff;color:#6640ca}.step-status b,.step-status span{display:block}.step-status span{font-size:13px;margin-top:3px}.step{padding:24px 0;border-top:1px solid #eee5f0}.step-title{display:flex;gap:13px;align-items:center;margin-bottom:18px}.step-title>b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--orange));color:#fff;font-size:20px}.step-title h3{margin:0;font-size:23px}.step-title p{margin:4px 0 0;color:#83748c}.step.locked{opacity:.58}.cuisine-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.cuisine-card,.subcategory-card{border:2px solid #eee5ef;background:#fff;border-radius:23px;padding:17px 11px;color:var(--ink);font-weight:950;text-align:center;transition:.18s}.cuisine-card:hover,.subcategory-card:hover{transform:translateY(-4px);border-color:#d9caeb}.cuisine-card i,.subcategory-card i{display:block;font-style:normal;font-size:38px;margin-bottom:7px}.cuisine-card small,.subcategory-card small{display:block;color:#8b7d93;font-weight:700;line-height:1.45;margin-top:5px}.cuisine-card.on,.subcategory-card.on{color:#fff;border-color:transparent;background:linear-gradient(145deg,var(--card-color,#7048d9),#8054dc);box-shadow:0 12px 28px #6842bf35}.cuisine-card.on small,.subcategory-card.on small{color:#fff}.subcategory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.waiting{grid-column:1/-1;padding:26px;border-radius:20px;background:#f7f2fa;text-align:center;color:#81728c;font-weight:850}.preferences{margin-top:12px;border:1px solid #eee2ef;border-radius:22px;overflow:hidden}.preferences summary{padding:17px 20px;font-weight:950;cursor:pointer;background:#fdf9ff}.preference-body{padding:18px}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.filter-grid label{padding:12px;border-radius:15px;background:#faf6fc;font-size:12px;font-weight:950}.filter-grid select{display:block;width:100%;margin-top:7px;border:0;background:transparent;color:#44275b;font-weight:850}.filter-grid .check{display:flex;align-items:center;gap:7px;font-size:14px}.filter-grid input{width:18px;height:18px;accent-color:var(--purple)}.avoid{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.chip{border:1px solid #e9ddec;background:#fff;border-radius:99px;padding:9px 12px;color:#5f4f69;font-weight:850}.chip.on{background:#7048d9;border-color:#7048d9;color:#fff}.launch{margin-top:21px;padding:17px 18px;border-radius:22px;background:linear-gradient(135deg,#fff2dc,#fff0f8);display:flex;align-items:center;justify-content:space-between;gap:18px}.launch b,.launch span{display:block}.launch span{font-size:13px;color:#7c6a81;margin-top:4px}.launch button{border:0;border-radius:99px;padding:16px 24px;background:linear-gradient(135deg,#ff3e8b,#ff794f);color:#fff;font-weight:1000;box-shadow:0 12px 28px #ff4d7840}.launch button:disabled{background:#d9d0df;box-shadow:none;cursor:not-allowed}
.other-modes,.gallery,.history{margin-top:76px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mode{min-height:155px;border:0;border-radius:27px;padding:25px;text-align:left;color:#fff;box-shadow:0 17px 42px #70442624;transition:.2s}.mode:hover{transform:translateY(-5px)}.mode:nth-child(1){background:linear-gradient(145deg,#ff438d,#ff7852)}.mode:nth-child(2){background:linear-gradient(145deg,#7651e8,#ad68ee)}.mode:nth-child(3){background:linear-gradient(145deg,#18bda0,#50d9a6)}.mode b{font-size:25px;display:block;margin-bottom:8px}.mode p{line-height:1.55;margin:0;font-weight:730}.food-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.food-card{border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 32px #71422918}.food-photo{aspect-ratio:1.25;background:center/cover;display:flex;align-items:flex-end;padding:10px}.food-photo span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#ffffffd9;backdrop-filter:blur(6px);font-size:25px}.food-body{padding:13px}.food-body b{display:block}.food-body small{color:#87768e}.history-list{display:flex;flex-wrap:wrap;gap:9px}.history-chip{background:#fff;border:1px solid #eee1ec;border-radius:16px;padding:11px 14px;font-weight:900;font-size:13px;box-shadow:0 8px 20px #71422910}.notice{margin-top:42px;padding:17px 20px;border-radius:20px;background:#fff1dd;color:#725f52;font-size:13px;font-weight:730;line-height:1.6}.empty{color:#8a7d93}
.stage{display:none;position:fixed;z-index:100;inset:0;overflow:auto;background:linear-gradient(150deg,#fff9f0,#fff5fb 60%,#eefcff);padding:18px}.stage.on{display:block}.stage-shell{max-width:1120px;margin:auto}.stage-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stage-top button{border:0;border-radius:99px;padding:12px 15px;background:#fff;color:#5c486f;font-weight:950;box-shadow:0 8px 22px #5f3b7318}.stage-top h2{margin:0}.stage-top span{margin-left:auto;font-weight:950;color:#78688a}.panel{overflow:hidden;border-radius:33px;background:#fff;box-shadow:0 24px 75px #5d326b24}.panel-hero{min-height:350px;background:center/cover;position:relative;display:flex;align-items:flex-end;padding:28px}.panel-hero:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#1d0a3ed8,transparent)}.panel-copy{position:relative;z-index:2;color:#fff}.panel-copy small{font-weight:1000}.panel-copy h2{font-size:clamp(42px,7vw,80px);letter-spacing:-4px;line-height:.95;margin:8px 0}.panel-copy p{font-weight:800}.panel-body{padding:clamp(20px,4vw,38px)}.menu-meta{display:flex;flex-wrap:wrap;gap:8px}.menu-meta span{padding:8px 10px;border-radius:99px;background:#f3ebff;color:#6843c4;font-size:12px;font-weight:950}.stage-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.stage-actions button{min-height:49px;border:0;border-radius:99px;padding:0 18px;background:#7148d9;color:#fff;font-weight:1000}.stage-actions .orange{background:linear-gradient(135deg,var(--pink),var(--orange))}.stage-actions .soft{background:#f2eaff;color:#6540c5}.spin-note{font-size:18px;color:#74647d;font-weight:800;text-align:center;padding:70px 25px}.vote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.vote-card{border-radius:23px;overflow:hidden;background:#fff;box-shadow:0 12px 35px #59306a18}.vote-img{aspect-ratio:1.35;background:center/cover;display:flex;align-items:flex-end;padding:12px}.vote-img span{font-size:32px;background:#fffdf0dc;border-radius:14px;padding:5px}.vote-body{padding:14px}.vote-body h3{margin:0 0 8px}.vote-btn{width:100%;border:0;border-radius:14px;padding:11px;background:#f0e9ff;color:#653bc9;font-weight:1000}.vote-btn.voted{background:#6f46d8;color:#fff}.vote-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.battle{display:grid;grid-template-columns:1fr auto 1fr;gap:17px;align-items:center}.versus{font-size:25px;font-weight:1000;color:#ff5283}.fighter{border:0;border-radius:27px;overflow:hidden;background:#fff;box-shadow:0 18px 50px #572d6f25;padding:0;text-align:left;transition:.2s}.fighter-img{height:330px;background:center/cover;display:flex;align-items:flex-end;padding:16px}.fighter-img span{font-size:42px;background:#ffffffe0;border-radius:17px;padding:6px}.fighter h3{font-size:27px;margin:0;padding:18px}
.ladder-panel{padding:clamp(18px,4vw,34px);border-radius:32px;background:#fff;box-shadow:0 24px 70px #5e357226}.ladder-intro{text-align:center}.ladder-intro span{color:#ff5b75;font-weight:1000}.ladder-intro h3{font-size:clamp(28px,4vw,45px);margin:6px}.ladder-intro p{color:#796b83}.ladder-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.ladder-label{padding:10px 5px;border-radius:15px;background:#f7f1fc;text-align:center;font-size:13px;font-weight:950}.ladder-label.start{background:#ffec73;color:#553d08;box-shadow:0 0 0 4px #ffdc4d33}.ladder-canvas{position:relative;height:min(52vh,520px);min-height:390px;border-radius:24px;background:linear-gradient(#e8fbff,#fff8de);overflow:hidden}.ladder-canvas svg{width:100%;height:100%}.ladder-token{position:absolute;left:0;top:0;width:54px;height:54px;margin:-27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff4d98,#ff824e);color:#fff;font-size:28px;box-shadow:0 9px 22px #d13a755c;z-index:4}.ladder-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.ladder-food{padding:10px 5px;border-radius:15px;background:#fff3f7;text-align:center;font-weight:950}.ladder-food.winner{background:#50d9aa;color:#103e32;box-shadow:0 0 0 4px #50d9aa33}.ladder-go{display:block;margin:18px auto 0;border:0;border-radius:99px;padding:15px 24px;background:linear-gradient(135deg,#7048d9,#ff4c91);color:#fff;font-weight:1000}.ladder-result{margin-top:17px;padding:18px;border-radius:20px;background:#fff5c8;text-align:center}.ladder-result h3{font-size:28px;margin:5px}.ladder-result[hidden]{display:none}
.ladder-progress{text-align:center;margin:15px 0 -6px;color:#6d5b79;font-size:13px;font-weight:900;min-height:20px}.ladder-progress+ .ladder-go{margin-top:14px}
.food-card.clickable{cursor:pointer;transition:.18s}.food-card.clickable:hover{transform:translateY(-5px);box-shadow:0 18px 42px #71422928}.food-body p{margin:9px 0 0;color:#796c83;font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.food-story{margin-bottom:18px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#fff7dd,#fff0f7);border:1px solid #f2dfc8}.food-story>b{display:block;margin-bottom:10px;color:#6b3dcc}.food-story p{margin:6px 0;color:#594b62;line-height:1.65;font-weight:720}.food-story p:before{content:'✦';margin-right:8px;color:#ff6b58}
.explorer-copy{max-width:560px}.explorer-copy p{margin:0 0 10px}.audit-link{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border-radius:99px;background:#6f48d9;color:#fff;text-decoration:none;font-size:13px;font-weight:950;box-shadow:0 8px 20px #7048d930}
@media(max-width:1050px){.cuisine-grid{grid-template-columns:repeat(4,1fr)}.food-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.guide-grid,.modes{grid-template-columns:1fr}.subcategory-grid{grid-template-columns:1fr 1fr}.filter-grid{grid-template-columns:1fr 1fr}.section-head,.builder-top{display:block}.step-status{margin-top:13px}.launch{align-items:stretch;flex-direction:column}.launch button{width:100%}.vote-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.food-nav{padding:14px}.food-nav b{font-size:11px}.food-hero{min-height:78svh;background-position:48% center}.hero-copy h1{font-size:56px;letter-spacing:-4px}.cuisine-grid{grid-template-columns:repeat(2,1fr)}.subcategory-grid,.filter-grid{grid-template-columns:1fr}.food-grid{grid-template-columns:1fr 1fr}.builder{padding:18px 13px;border-radius:25px}.ladder-label,.ladder-food{font-size:10px}.ladder-token{width:44px;height:44px;margin:-22px}.battle{grid-template-columns:1fr 1fr;gap:9px}.versus{display:none}.fighter-img{height:230px}.fighter h3{font-size:19px;padding:12px}.stage{padding:8px}}