/* Hominic Menu Race - Tistory scoped CSS */
.hmr-app{
  --hmr-navy:#0d2b45;--hmr-blue:#1677ff;--hmr-sky:#edf7ff;--hmr-card:#fff;--hmr-text:#172033;
  --hmr-muted:#6b7a90;--hmr-line:#dce6ef;--hmr-good:#20b26b;--hmr-warn:#ff9f1c;--hmr-danger:#ff4d6d;
  --hmr-shadow:0 12px 34px rgba(20,33,61,.10);
  max-width:1180px;margin:20px auto;color:var(--hmr-text);font-family:"Pretendard","Malgun Gothic",Arial,sans-serif;line-height:1.45;
}
.hmr-app *{box-sizing:border-box}.hmr-app button,.hmr-app input{font:inherit}.hmr-app button{cursor:pointer}
.hmr-app .hmr-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:16px}
.hmr-app .hmr-card{background:#fff;border:1px solid #e7edf5;border-radius:18px;box-shadow:var(--hmr-shadow);overflow:hidden}
.hmr-app .hmr-panel{padding:18px}.hmr-app .hmr-title{margin:0 0 7px;font-size:29px;font-weight:950;line-height:1.15}.hmr-app .hmr-title span{color:#ff9f1c}
.hmr-app .hmr-desc{margin:0 0 16px;color:var(--hmr-muted);line-height:1.55}
.hmr-app .hmr-step{display:flex;align-items:center;gap:8px;font-weight:900;margin:16px 0 9px}.hmr-app .hmr-num{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--hmr-blue);color:#fff}
.hmr-app .hmr-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.hmr-app .hmr-cat{border:1px solid var(--hmr-line);background:#fff;border-radius:11px;padding:10px 6px;font-weight:850;color:var(--hmr-text)}
.hmr-app .hmr-cat.hmr-active{background:#eaf3ff;border-color:var(--hmr-blue);color:#0f66df}
.hmr-app .hmr-menu-list{display:flex;flex-direction:column;gap:7px;max-height:300px;overflow:auto;padding-right:2px}
.hmr-app .hmr-menu-row{display:grid;grid-template-columns:34px 1fr 34px;gap:7px;align-items:center}.hmr-app .hmr-food-icon{width:31px;height:31px;border-radius:9px;background:#f3f7fb;display:grid;place-items:center;font-size:20px}
.hmr-app .hmr-menu-row input{width:100%;height:41px;border:1px solid var(--hmr-line);border-radius:11px;padding:0 10px;outline:none;color:var(--hmr-text);background:#fff}.hmr-app .hmr-menu-row input:focus{border-color:var(--hmr-blue);box-shadow:0 0 0 3px rgba(22,119,255,.12)}
.hmr-app .hmr-remove{height:32px;border:0;border-radius:9px;background:#f2f5f9;color:#8a98aa;font-size:18px}.hmr-app .hmr-sub-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.hmr-app .hmr-lite{border:1px dashed #bfd0e4;background:#f8fbff;color:#52708f;border-radius:10px;padding:9px 6px;font-weight:800}
.hmr-app .hmr-option-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.hmr-app .hmr-choice{border:1px solid var(--hmr-line);border-radius:11px;background:#fff;color:var(--hmr-text);padding:10px 6px;font-weight:850}.hmr-app .hmr-choice.hmr-active{background:var(--hmr-blue);border-color:var(--hmr-blue);color:#fff}
.hmr-app .hmr-start{width:100%;height:54px;border:0;border-radius:13px;margin-top:17px;background:linear-gradient(90deg,#ff8a00,#ffb000);color:#fff;font-size:19px;font-weight:950;box-shadow:0 10px 22px rgba(255,159,28,.24)}
.hmr-app .hmr-note{font-size:11px;color:var(--hmr-muted);margin-top:9px;line-height:1.45}
.hmr-app .hmr-race-card{min-height:660px;display:flex;flex-direction:column}.hmr-app .hmr-race-head{background:linear-gradient(135deg,#ff8a00,#ffba33);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hmr-app .hmr-race-title{font-size:18px;font-weight:950}.hmr-app .hmr-race-sub{font-size:12px;opacity:.93;margin-top:2px}.hmr-app .hmr-timer{min-width:118px;text-align:center;background:#8b4a00;border-radius:13px;padding:9px 13px;font:900 24px/1 "Courier New",monospace}
.hmr-app .hmr-track-wrap{position:relative;flex:1;min-height:455px;overflow:hidden;background:linear-gradient(180deg,#fff4d9 0 14%,#b8df84 14% 20%,#55565b 20% 88%,#b8df84 88% 94%,#fff8e8 94% 100%)}
.hmr-app .hmr-crowd{position:absolute;top:5%;left:0;right:0;text-align:center;font-size:24px;letter-spacing:4px;opacity:.75}.hmr-app .hmr-message{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:#fff;padding:9px 14px;border-radius:13px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.1);z-index:4;max-width:72%;text-align:center}
.hmr-app .hmr-track{position:absolute;left:0;right:0;top:20%;bottom:12%;padding:7px 12px 7px 14px}.hmr-app .hmr-lane{height:calc(100% / var(--hmr-lanes));position:relative;border-bottom:2px dashed rgba(255,255,255,.28);min-height:40px}.hmr-app .hmr-lane:last-child{border-bottom:0}
.hmr-app .hmr-label{position:absolute;left:2px;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.96);border-radius:999px;padding:5px 9px 5px 6px;min-width:103px;box-shadow:0 3px 10px rgba(0,0,0,.12);font-weight:900}.hmr-app .hmr-runner{position:absolute;left:115px;top:50%;transform:translateY(-50%);font-size:35px;filter:drop-shadow(0 4px 2px rgba(0,0,0,.18));will-change:left}
.hmr-app .hmr-finish{position:absolute;top:0;bottom:0;right:16px;width:17px;background:conic-gradient(#fff 25%,#111 0 50%,#fff 0 75%,#111 0) 0 0/16px 16px;border-left:2px solid rgba(255,255,255,.45);border-right:2px solid rgba(0,0,0,.25)}.hmr-app .hmr-finish-tag{position:absolute;right:7px;top:7px;background:#ff3c56;color:#fff;padding:7px 11px;font-weight:900;font-size:16px;transform:rotate(-4deg);box-shadow:0 6px 14px rgba(0,0,0,.18);z-index:4}
.hmr-app .hmr-controls{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:7px;z-index:5}.hmr-app .hmr-controls button{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.94);border-radius:10px;padding:8px 11px;font-weight:850;color:#43566d}
.hmr-app .hmr-result{padding:14px 16px;border-top:1px solid var(--hmr-line);background:#fff}.hmr-app .hmr-result-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.hmr-app .hmr-result-title{font-size:18px;font-weight:950}.hmr-app .hmr-badge{padding:6px 9px;border-radius:999px;background:#fff3d8;color:#9b6500;font-weight:900;font-size:12px}
.hmr-app .hmr-winner{display:none;border:1px solid #ffd273;background:linear-gradient(90deg,#fff8df,#fff0b8);border-radius:16px;padding:15px;text-align:center;margin-bottom:11px}.hmr-app .hmr-winner.hmr-show{display:block}.hmr-app .hmr-winner strong{font-size:24px;color:#9b6500}
.hmr-app .hmr-ranking{display:flex;gap:7px;overflow:auto}.hmr-app .hmr-rank{min-width:115px;border:1px solid var(--hmr-line);border-radius:12px;padding:9px;background:#f8fafc;text-align:center}.hmr-app .hmr-rank b{display:block;margin:4px 0}.hmr-app .hmr-rank small{color:var(--hmr-muted)}
.hmr-app .hmr-result-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;margin-top:11px}.hmr-app .hmr-result-actions button{border:1px solid var(--hmr-line);background:#fff;border-radius:10px;padding:9px 11px;font-weight:850;color:var(--hmr-text)}.hmr-app .hmr-result-actions .primary{background:#ff9f1c;border-color:#ff9f1c;color:#fff}
.hmr-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#102a43;color:#fff;padding:10px 15px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s;z-index:2147483647;font-family:"Pretendard","Malgun Gothic",Arial,sans-serif;font-weight:800}.hmr-toast.hmr-show{opacity:1;transform:translateX(-50%) translateY(0)}
.hmr-confetti{position:fixed;width:9px;height:14px;top:-20px;z-index:2147483646;pointer-events:none;animation:hmr-fall linear forwards}@keyframes hmr-fall{to{transform:translate(var(--hmr-drift),110vh) rotate(720deg);opacity:.9}}
@media(max-width:900px){.hmr-app .hmr-grid{grid-template-columns:1fr}.hmr-app .hmr-race-card{min-height:610px}}
@media(max-width:600px){.hmr-app{margin:12px 0}.hmr-app .hmr-panel{padding:13px}.hmr-app .hmr-title{font-size:25px}.hmr-app .hmr-cats{grid-template-columns:repeat(2,1fr)}.hmr-app .hmr-race-head{padding:11px 12px}.hmr-app .hmr-timer{font-size:20px;min-width:104px}.hmr-app .hmr-track-wrap{min-height:420px}.hmr-app .hmr-label{min-width:83px;font-size:12px;padding-right:7px}.hmr-app .hmr-runner{left:96px;font-size:30px}.hmr-app .hmr-message{font-size:12px;max-width:80%}}