:root{--ink:#40384f;--muted:#81788e;--purple:#7860d6;--yellow:#ffd86c;--pink:#ff9f9f;--mint:#8bd9bd;--line:#e3ddee}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif;background:radial-gradient(circle at 10% 5%,#fff4cf 0,transparent 27%),linear-gradient(145deg,#f5f0ff,#fffaf1)}button{font:inherit;cursor:pointer}nav{height:54px;display:flex;justify-content:center;align-items:center;gap:28px;background:#fff;border-bottom:1px solid var(--line)}nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:900}main{width:min(980px,calc(100% - 28px));margin:auto}.hero{text-align:center;padding:42px 10px 25px}.hero>span{color:var(--purple);font-size:12px;font-weight:1000;letter-spacing:.15em}.hero h1{margin:7px 0;font-size:clamp(32px,6vw,54px)}.hero p{margin:0;color:var(--muted)}.tournament,.guide{padding:clamp(16px,3vw,28px);border:1px solid var(--line);border-radius:30px;background:#ffffffdd;box-shadow:0 18px 50px #55407e17}.topbar{display:grid;grid-template-columns:1fr auto 48px;gap:14px;align-items:center}.topbar small{color:var(--muted);font-weight:800}.topbar h2{margin:2px 0;font-size:28px}.match-count{padding:9px 15px;border-radius:999px;background:#f1edfb;font-weight:900}.match-count b{color:var(--purple);font-size:20px}.topbar button{width:44px;height:44px;border:0;border-radius:14px;background:#f1edfb}.progress{height:8px;margin:12px 0 22px;overflow:hidden;border-radius:99px;background:#eee9f5}.progress i{display:block;width:12.5%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),#b68bef);transition:width .35s}.battle{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px}.menu-card{position:relative;min-height:350px;padding:28px 18px 22px;overflow:hidden;border:2px solid var(--line);border-radius:26px;color:var(--ink);background:#fff;box-shadow:0 12px 28px #604d8b14;transition:transform .18s,border-color .18s,opacity .25s}.menu-card:hover{transform:translateY(-5px);border-color:#ac9ae4}.menu-card.left{background:linear-gradient(160deg,#fff,#fff3e1)}.menu-card.right{background:linear-gradient(160deg,#fff,#f2efff)}.shortcut{position:absolute;top:15px;left:16px;color:#948a9f;font-size:11px;font-weight:900}.right .shortcut{left:auto;right:16px}.food{display:block;margin:25px 0 10px;font-size:clamp(88px,15vw,135px);filter:drop-shadow(0 10px 10px #5c4b7930);transition:transform .2s}.menu-card:hover .food{transform:scale(1.07) rotate(-3deg)}.menu-card strong{display:block;font-size:clamp(25px,4vw,36px)}.menu-card em{display:inline-block;margin-top:15px;padding:8px 13px;border-radius:99px;color:#6f6190;background:#f0ebfa;font-size:12px;font-style:normal;font-weight:900}.versus{position:absolute;z-index:3;left:50%;top:50%;display:grid;width:64px;height:64px;place-items:center;transform:translate(-50%,-50%) rotate(-7deg);border:5px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(135deg,#ff9a87,#ff6787);box-shadow:0 8px 20px #a14f6b40;font-weight:1000;font-size:20px}.menu-card.winner{z-index:2;transform:scale(1.04);border-color:var(--yellow);box-shadow:0 0 0 6px #ffdc6f45}.menu-card.loser{opacity:.25;transform:scale(.94)}.menu-card:disabled{cursor:default}.picked{display:flex;gap:12px;align-items:center;min-height:54px;margin-top:17px;padding:10px 14px;border-radius:17px;background:#faf8fd}.picked>span{flex:none;color:var(--muted);font-size:12px;font-weight:900}.picked div{display:flex;gap:6px;overflow:hidden}.picked i{flex:none;padding:5px 9px;border-radius:99px;background:#ece6fa;font-size:12px;font-style:normal;font-weight:800}.reset-button{display:block;margin:16px auto 0;padding:9px 15px;border:0;border-radius:13px;color:#756b82;background:#eeeaf3;font-weight:900}.key-help{text-align:center;color:var(--muted);font-size:12px}kbd{padding:2px 6px;border:1px solid #d8d0e2;border-radius:5px;background:#fff}.result{position:relative;min-height:430px;padding:32px;overflow:hidden;text-align:center;border-radius:26px;background:linear-gradient(145deg,#fff6ce,#fff,#eee8ff)}.result[hidden]{display:none}.crown{display:block;font-size:52px;animation:bounce 1s infinite alternate}.result>small{color:#87749b;font-weight:1000;letter-spacing:.1em}.winner-emoji{font-size:120px;filter:drop-shadow(0 12px 12px #65507d30)}.result h2{margin:0;font-size:42px}.result p{color:var(--muted)}.result-actions{display:flex;justify-content:center;gap:9px}.result-actions button{padding:12px 18px;border:0;border-radius:15px;color:var(--ink);background:#eee9f5;font-weight:1000}.result-actions .primary{background:var(--yellow);box-shadow:0 5px 0 #d3ab3d}.copy-message{min-height:20px;font-size:12px}.confetti span{position:absolute;top:-20px;width:10px;height:18px;border-radius:3px;animation:fall 2.2s linear infinite}.guide{margin-top:20px}.guide h2{text-align:center}.guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide p{display:flex;align-items:center;gap:10px;margin:0;padding:16px;border-radius:18px;background:#f7f3ff}.guide b{display:grid;flex:none;width:35px;height:35px;place-items:center;border-radius:50%;color:#fff;background:var(--purple)}.guide span{font-size:13px;line-height:1.5}.ad-container{min-height:90px;margin:28px auto;text-align:center}footer{text-align:center;padding:23px;color:#8b8296;font-size:12px}@keyframes bounce{to{transform:translateY(-7px) rotate(5deg)}}@keyframes fall{to{transform:translateY(480px) rotate(520deg)}}@media(max-width:650px){nav{gap:15px;font-size:12px}.hero{padding:27px 5px 18px}.tournament{padding:12px;border-radius:22px}.battle{gap:8px}.menu-card{min-height:270px;padding:20px 8px 15px;border-radius:20px}.food{margin-top:35px;font-size:75px}.menu-card strong{font-size:22px}.versus{width:49px;height:49px;border-width:4px;font-size:15px}.shortcut{font-size:9px}.picked{align-items:flex-start;flex-direction:column}.guide{padding:17px}.guide>div{grid-template-columns:1fr}.result{min-height:390px;padding:25px 12px}.winner-emoji{font-size:100px}}@media(max-width:370px){main{width:calc(100% - 12px)}nav{gap:10px}.menu-card{min-height:245px}.food{font-size:65px}.menu-card strong{font-size:19px}.menu-card em{font-size:10px}.topbar{grid-template-columns:1fr auto 42px}}