:root{--bg:#faf7f2;--bg-2:#f3eee6;--card:#fff;--ink:#1c1814;--ink-2:#4d453d;--ink-3:#847a70;--line:#e9e2d7;--line-2:#d9cfc0;--brand:#c4421f;--brand-2:#a83616;--brand-ink:#fff;--brand-soft:#fbe8e0;--gold:#c98a1b;--herb:#2f6b45;--herb-soft:#e3f1e7;--warn:#9a5800;--warn-soft:#fbeed8;--info:#285c98;--info-soft:#e4edf9;--band:#1f1a15;--band-ink:#f6efe6;--band-ink-2:#c9bcad;--font-display:"Fraunces Variable", "Iowan Old Style", Georgia, "Pretendard Variable", serif;--font-body:"Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm:8px;--r:14px;--r-lg:22px;--shadow-1:0 1px 2px #1c18140f, 0 2px 8px #1c18140d;--shadow-2:0 2px 6px #1c181414, 0 16px 40px -12px #1c181438;--ease:cubic-bezier(.2, .7, .2, 1);--max:1240px;--gutter:clamp(16px, 4vw, 40px);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14110e;--bg-2:#1b1713;--card:#1f1a16;--ink:#f4ede4;--ink-2:#cbbfb1;--ink-3:#978b7e;--line:#2f2822;--line-2:#42392f;--brand:#ef7a59;--brand-2:#f59174;--brand-ink:#1b0c06;--brand-soft:#3a2018;--herb:#86cf9f;--herb-soft:#1b3123;--warn:#f2b45c;--warn-soft:#382812;--info:#91b9ee;--info-soft:#1a2a3e;--band:#0d0b09;--band-ink:#f4ede4;--band-ink-2:#a89b8d;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 18px 40px -14px #0009;color-scheme:dark}}:root[data-theme=dark]{--bg:#14110e;--bg-2:#1b1713;--card:#1f1a16;--ink:#f4ede4;--ink-2:#cbbfb1;--ink-3:#978b7e;--line:#2f2822;--line-2:#42392f;--brand:#ef7a59;--brand-2:#f59174;--brand-ink:#1b0c06;--brand-soft:#3a2018;--herb:#86cf9f;--herb-soft:#1b3123;--warn:#f2b45c;--warn-soft:#382812;--info:#91b9ee;--info-soft:#1a2a3e;--band:#0d0b09;--band-ink:#f4ede4;--band-ink-2:#a89b8d;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 18px 40px -14px #0009;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}button{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}::selection{background:var(--brand-soft);color:var(--ink)}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.015em;font-variation-settings:"opsz" 96;margin:0 0 .4em;font-weight:600;line-height:1.12}h1{font-size:clamp(2.1rem,5.2vw,3.6rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{font-variation-settings:"opsz" 36;font-size:1.2rem}:lang(ko) h1,:lang(ko) h2,:lang(ko) h3,:lang(ko) .display{letter-spacing:-.03em}p{margin:0 0 1em}.wrap{width:min(var(--max), 100% - 2 * var(--gutter));margin-inline:auto}.narrow{max-width:760px}.muted{color:var(--ink-3)}.soft{color:var(--ink-2)}.small{font-size:.875rem}.tiny{font-size:.75rem}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand);align-items:center;gap:8px;margin-bottom:14px;font-size:.75rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:2px;width:22px;height:2px}.lead{color:var(--ink-2);font-size:1.125rem;line-height:1.6}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section{margin-top:clamp(56px,8vw,96px)}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.section-head h2{margin:0}.section-head p{color:var(--ink-2);margin:6px 0 0}.link-arrow{color:var(--ink);white-space:nowrap;align-items:center;gap:6px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow:after{content:"→";transition:transform .2s var(--ease)}.link-arrow:hover:after{transform:translate(3px)}.link-arrow:hover{color:var(--brand)}.btn{border:1px solid var(--line-2);background:var(--card);height:42px;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background .15s, border-color .15s, transform .15s var(--ease), box-shadow .15s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink-3)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);box-shadow:0 6px 18px -8px var(--brand)}.btn.primary:hover{background:var(--brand-2);border-color:var(--brand-2)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-2)}.btn.on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.btn.sm{height:34px;padding:0 14px;font-size:.82rem}.btn.icon{width:40px;height:40px;padding:0}.btn svg{flex-shrink:0;width:18px;height:18px}input[type=text],input[type=number],input[type=search],textarea,select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line-2);border-radius:12px;width:100%;padding:10px 14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}textarea{resize:vertical}label{font-size:.9rem}.badge{background:var(--bg-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.badge.good{background:var(--herb-soft);color:var(--herb)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.brand{background:var(--brand-soft);color:var(--brand)}.badges{flex-wrap:wrap;gap:6px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-2);background:var(--card);cursor:pointer;height:36px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.86rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--ink-3);color:var(--ink)}.chip.on,.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.chip .n{opacity:.65;font-size:.75rem}.flag{vertical-align:-2px;object-fit:cover;border-radius:3px;display:inline-block;box-shadow:0 0 0 1px #00000014}.site-header{z-index:40;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s;position:sticky;top:0}.site-header.scrolled{border-color:var(--line);box-shadow:0 6px 24px -18px #00000059}.site-header .wrap{align-items:center;gap:28px;height:68px;display:flex}.logo{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo img{width:30px;height:30px}.logo .word{font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"opsz" 48;font-size:1.32rem;font-weight:650}.logo .word em{color:var(--brand);font-style:normal}.nav{gap:4px;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:550;text-decoration:none;transition:color .15s,background .15s;position:relative}.nav a:hover{color:var(--ink);background:var(--bg-2)}.nav a[aria-current]{color:var(--ink)}.nav a[aria-current]:after{content:"";background:var(--brand);border-radius:2px;height:2px;position:absolute;bottom:2px;left:12px;right:12px}.head-right{align-items:center;gap:6px;margin-left:auto;display:flex}.search-trigger{border:1px solid var(--line-2);background:var(--card);width:260px;height:40px;color:var(--ink-3);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:0 14px;font-size:.88rem;transition:border-color .15s;display:inline-flex}.search-trigger:hover{border-color:var(--ink-3)}.search-trigger svg{flex-shrink:0;width:17px;height:17px}.search-trigger span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-trigger kbd{font:600 .7rem var(--font-body);border:1px solid var(--line-2);color:var(--ink-3);border-radius:6px;margin-left:auto;padding:2px 6px}.lang-menu{position:relative}.lang-menu summary{cursor:pointer;height:40px;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.86rem;font-weight:600;list-style:none;display:inline-flex}.lang-menu summary:hover{background:var(--bg-2);color:var(--ink)}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary svg{width:17px;height:17px}.lang-menu ul{background:var(--card);border:1px solid var(--line);min-width:160px;box-shadow:var(--shadow-2);border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.lang-menu a{border-radius:9px;justify-content:space-between;padding:8px 12px;font-size:.9rem;text-decoration:none;display:flex}.lang-menu a:hover{background:var(--bg-2)}.lang-menu a[aria-current]:after{content:"✓";color:var(--brand)}#account{align-items:center;gap:6px;display:inline-flex}#account .btn{height:38px}.menu-btn{display:none}.sheet{z-index:39;background:var(--bg);padding:20px var(--gutter) 40px;animation:sheet-in .25s var(--ease);position:fixed;inset:68px 0 0;overflow-y:auto}.sheet a.big{border-bottom:1px solid var(--line);font-family:var(--font-display);justify-content:space-between;align-items:center;padding:16px 4px;font-size:1.5rem;font-weight:600;text-decoration:none;display:flex}.sheet a.big:after{content:"→";color:var(--ink-3);font-family:var(--font-body);font-size:1rem}.sheet .sheet-foot{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}@keyframes sheet-in{0%{opacity:0;transform:translateY(-8px)}}.palette{z-index:60;backdrop-filter:blur(4px);background:#14100c73;justify-content:center;align-items:flex-start;padding:min(12vh,120px) 16px 16px;animation:.15s fade;display:flex;position:fixed;inset:0}.palette-box{background:var(--card);border:1px solid var(--line);width:min(640px,100%);box-shadow:var(--shadow-2);animation:pop .2s var(--ease);border-radius:20px;overflow:hidden}.palette-input{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 18px;display:flex}.palette-input svg{width:20px;height:20px;color:var(--ink-3);flex-shrink:0}.palette-input input{box-shadow:none;background:0 0;border:0;padding:18px 0;font-size:1.1rem}.palette-input input:focus{box-shadow:none}.palette-input kbd{font:600 .7rem var(--font-body);border:1px solid var(--line-2);color:var(--ink-3);border-radius:6px;padding:3px 7px}.palette-list{max-height:min(60vh,460px);padding:8px;overflow-y:auto}.palette-list a{border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.palette-list a .n{font-weight:600}.palette-list a .c{color:var(--ink-3);white-space:nowrap;margin-left:auto;font-size:.82rem}.palette-list a:hover,.palette-list a.sel{background:var(--bg-2)}.palette-list .empty{text-align:center;color:var(--ink-3);padding:28px}.palette-list .hint{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;font-size:.78rem;font-weight:600}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:28px 22px;display:grid}.grid.dense{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:22px 18px}.card{color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative}.card .media{aspect-ratio:4/3;border-radius:var(--r);background:var(--bg-2);box-shadow:var(--shadow-1);position:relative;overflow:hidden}.card .media img.ph{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.card:hover .media img.ph{transform:scale(1.045)}.card .media .empty{text-align:center;background:linear-gradient(135deg, var(--bg-2), var(--line));flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0;overflow:hidden}.card .media .empty .bgflag{object-fit:cover;opacity:.16;filter:blur(14px)saturate(1.2);width:120%;height:120%;position:absolute;inset:-10%}.card .media .empty .ico{filter:drop-shadow(0 4px 10px #0000001f);font-size:2.4rem;line-height:1;position:relative}.card .media .empty .nm{font-family:var(--font-display);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:600;line-height:1.2;display:-webkit-box;position:relative;overflow:hidden}.card .pin{color:#1c1814;backdrop-filter:blur(6px);background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:4px 9px 4px 6px;font-size:.72rem;font-weight:650;display:inline-flex;position:absolute;top:10px;left:10px}.card .tag{background:var(--brand);color:#fff;letter-spacing:.02em;border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:700;position:absolute;top:10px;right:10px}.card .body{flex-direction:column;flex:1;gap:6px;padding:14px 2px 0;display:flex}.card .t{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 36;font-size:1.16rem;font-weight:600;line-height:1.25;transition:color .15s}:lang(ko) .card .t{letter-spacing:-.02em}.card:hover .t{color:var(--brand)}.card .d{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card .meta{color:var(--ink-3);flex-wrap:wrap;gap:6px 12px;font-size:.78rem;display:flex}.card .meta span{align-items:center;gap:4px;display:inline-flex}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:clamp(18px,3vw,32px)}.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(36px,6vw,80px) 0 0;display:grid}.home-hero h1{letter-spacing:-.035em;font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.02}.home-hero h1 em{color:var(--brand);font-style:italic;font-weight:500}:lang(ko) .home-hero h1{line-height:1.15}.home-hero .lead{max-width:540px;margin-bottom:28px}.hero-search{background:var(--card);border:1px solid var(--line-2);max-width:560px;height:62px;box-shadow:var(--shadow-2);cursor:text;color:var(--ink-3);text-align:left;border-radius:999px;align-items:center;gap:12px;width:100%;padding:0 8px 0 22px;font-size:1.02rem;display:flex;position:relative}.hero-search svg{width:21px;height:21px;color:var(--ink-2)}.hero-search .go{background:var(--brand);color:#fff;border-radius:999px;align-items:center;height:46px;margin-left:auto;padding:0 22px;font-size:.92rem;font-weight:650;display:inline-flex}.hero-try{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:.86rem;display:flex}.hero-try a{background:var(--bg-2);color:var(--ink-2);border-radius:999px;padding:5px 12px;font-weight:550;text-decoration:none}.hero-try a:hover{background:var(--brand-soft);color:var(--brand)}.stats{border-top:1px solid var(--line);gap:clamp(20px,4vw,44px);margin-top:36px;padding-top:24px;display:flex}.stats b{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.1;display:block}.stats span{color:var(--ink-3);font-size:.8rem}.mosaic{aspect-ratio:1/1.02;grid-template-rows:1fr 1fr;grid-template-columns:1.15fr 1fr;gap:14px;display:grid;position:relative}.mosaic a{border-radius:var(--r-lg);box-shadow:var(--shadow-2);background:var(--bg-2);position:relative;overflow:hidden}.mosaic a:first-child{grid-row:span 2}.mosaic>a>img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.mosaic a:hover>img{transform:scale(1.05)}.mosaic .cap{color:#1c1814;white-space:nowrap;text-overflow:ellipsis;background:#fffffff0;border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 24px);padding:7px 12px 7px 8px;font-size:.8rem;font-weight:650;display:inline-flex;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden;box-shadow:0 4px 14px #00000026}.feature{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-1);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);text-decoration:none;display:grid;overflow:hidden}.feature .img{background:var(--bg-2);min-height:360px;position:relative;overflow:hidden}.feature .img img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.feature:hover .img img{transform:scale(1.03)}.feature .txt{flex-direction:column;justify-content:center;padding:clamp(24px,4vw,48px);display:flex}.feature h3{margin-bottom:.3em;font-size:clamp(1.8rem,3.4vw,2.6rem)}.feature .from{color:var(--ink-2);align-items:center;gap:8px;margin-bottom:14px;font-size:.88rem;font-weight:550;display:flex}.feature p{color:var(--ink-2);-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.region-tabs{scrollbar-width:none;gap:8px;margin-bottom:22px;padding-bottom:2px;display:flex;overflow-x:auto}.region-tabs::-webkit-scrollbar{display:none}.country-tiles{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px;display:grid}.country-tile{border-radius:var(--r);background:var(--card);border:1px solid var(--line);transition:border-color .15s, transform .2s var(--ease), box-shadow .2s;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;display:flex}.country-tile:hover{border-color:var(--line-2);box-shadow:var(--shadow-1);transform:translateY(-2px)}.country-tile .flag{border-radius:5px;width:40px;height:30px}.country-tile b{font-weight:650;line-height:1.3;display:block}.country-tile span{color:var(--ink-3);font-size:.78rem}.band{background:var(--band);color:var(--band-ink);margin-top:clamp(56px,8vw,96px);position:relative;overflow:hidden}.band:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 100% 0,#c4421f59,#0000 60%),radial-gradient(40% 60% at 0 100%,#c98a1b2e,#0000 60%);position:absolute;inset:0}.band .wrap{padding:clamp(48px,7vw,88px) 0;position:relative}.band .eyebrow{color:#f59174}.band h2{color:var(--band-ink);max-width:640px;font-size:clamp(2rem,4.4vw,3.2rem)}.band .lead{color:var(--band-ink-2);max-width:560px}.band .points{flex-wrap:wrap;gap:10px;margin:22px 0 32px;padding:0;list-style:none;display:flex}.band .points li{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.86rem;font-weight:550;display:inline-flex}.band .points li:before{content:"✓";color:#f59174;font-weight:800}.band .card .t{color:var(--band-ink)}.band .card .d,.band .card .meta{color:var(--band-ink-2)}.band .card:hover .t{color:#f59174}.band .btn{color:var(--band-ink);background:0 0;border-color:#ffffff4d}.band .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.rail{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;gap:20px;padding-bottom:10px;display:grid;overflow-x:auto}.rail>*{scroll-snap-align:start}.cta-card{border-radius:var(--r-lg);background:linear-gradient(135deg, var(--brand-soft), var(--bg-2));border:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:clamp(28px,5vw,56px);display:grid}.cta-card h2{margin-bottom:.25em}.cta-card p{color:var(--ink-2);max-width:560px;margin:0}.cta-card .icons{gap:10px;margin-top:18px;display:flex}.cta-card .icons span{background:var(--card);color:var(--ink-2);box-shadow:var(--shadow-1);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.page-head{padding:clamp(32px,5vw,64px) 0 clamp(20px,3vw,32px)}.page-head h1{margin-bottom:.2em}.page-head .lead{max-width:640px;margin:0}.crumbs{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0;font-size:.82rem;display:flex}.crumbs a{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.crumbs a:hover{color:var(--ink)}.crumbs .sep{opacity:.5}.toolbar{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:18px;padding:14px 0;display:flex;position:sticky;top:68px}.toolbar .field{flex:0 280px;position:relative}.toolbar .field svg{width:17px;height:17px;color:var(--ink-3);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.toolbar .field input{border-radius:999px;height:40px;padding-left:38px}.toolbar .count{color:var(--ink-3);white-space:nowrap;margin-left:auto;font-size:.85rem}.toolbar .chips{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.toolbar .chips::-webkit-scrollbar{display:none}.country-banner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,4vw,48px) 0 clamp(24px,4vw,40px);display:grid;position:relative}.country-banner .bigflag{width:64px;height:48px;box-shadow:var(--shadow-1);border-radius:8px;margin-bottom:18px}.country-banner .stats{margin-top:24px}.country-banner .trio{aspect-ratio:16/11;grid-template-rows:1fr 1fr;grid-template-columns:1.3fr 1fr;gap:12px;display:grid}.country-banner .trio a{border-radius:var(--r);background:var(--bg-2);box-shadow:var(--shadow-1);overflow:hidden}.country-banner .trio a:first-child{grid-row:span 2}.country-banner .trio>a>img{object-fit:cover;width:100%;height:100%}.region-block{margin-top:44px}.region-block h2{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:12px;font-size:1.6rem;display:flex}.region-block h2 span{font-family:var(--font-body);color:var(--ink-3);letter-spacing:0;font-size:.85rem;font-weight:500}.dish-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4.5vw,64px);margin:18px 0 0;display:grid}.dish-hero .photo{position:relative}.dish-hero .photo img,.dish-hero .photo .empty{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);background:var(--bg-2);width:100%;height:auto;box-shadow:var(--shadow-2)}.dish-hero .photo .empty{background:linear-gradient(135deg, var(--bg-2), var(--line));place-items:center;font-size:5rem;display:grid;position:relative;overflow:hidden}.dish-hero .photo .empty .bgflag{aspect-ratio:auto;width:120%;height:120%;box-shadow:none;opacity:.18;filter:blur(18px)saturate(1.2);border-radius:0;position:absolute;inset:-10%}.dish-hero .photo .empty span{filter:drop-shadow(0 6px 14px #00000024);position:relative}.dish-hero .origin{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:14px;font-size:.88rem;font-weight:550;display:flex}.dish-hero .origin a{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.dish-hero .origin a:hover{color:var(--brand)}.dish-hero h1{margin-bottom:.15em;font-size:clamp(2.2rem,4.6vw,3.5rem)}.dish-hero .native{font-family:var(--font-display);color:var(--ink-3);margin-bottom:18px;font-size:1.25rem;font-style:italic}:lang(ko) .dish-hero .native,.dish-hero .native:lang(ko){font-family:var(--font-body);font-style:normal;font-weight:500}.dish-hero .facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0;display:grid}.dish-hero .facts div{padding:14px 0}.dish-hero .facts div+div{border-left:1px solid var(--line);padding-left:16px}.dish-hero .facts b{font-family:var(--font-display);font-size:1.35rem;font-weight:600;line-height:1.2;display:block}.dish-hero .facts span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:600}:lang(ko) .dish-hero .facts span{text-transform:none;letter-spacing:0}.dish-hero .actions{flex-wrap:wrap;gap:10px;display:flex}.credit{color:var(--ink-3);margin:10px 0 0;font-size:.72rem;line-height:1.5}.credit a{color:inherit}.subnav{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);margin-top:clamp(36px,5vw,56px);position:sticky;top:68px}.subnav .in{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.subnav a{color:var(--ink-3);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:14px;font-size:.9rem;font-weight:600;text-decoration:none}.subnav a:hover,.subnav a.on{color:var(--ink);border-color:var(--brand)}.article{grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,5vw,64px);margin-top:40px;display:grid}.prose{color:var(--ink-2);font-size:1.06rem;line-height:1.8}.prose:not(.plain)>p:first-of-type:first-letter{font-family:var(--font-display);float:left;color:var(--brand);padding:6px 10px 0 0;font-size:3.6em;font-weight:600;line-height:.85}:lang(ko) .prose:not(.plain)>p:first-of-type:first-letter{float:none;font-size:inherit;color:inherit;font-family:inherit;font-weight:inherit;padding:0}.aside-card{border-radius:var(--r-lg);background:var(--bg-2);border:1px solid var(--line);padding:22px;font-size:.9rem;position:sticky;top:140px}.aside-card dl{gap:14px;margin:0;display:grid}.aside-card dt{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-size:.72rem;font-weight:700}:lang(ko) .aside-card dt{text-transform:none;letter-spacing:0}.aside-card dd{flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 0;font-weight:600;display:flex}.aside-card dd a{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.aside-card dd a:hover{color:var(--brand)}.cta-empty{border-radius:var(--r-lg);border:1.5px dashed var(--line-2);text-align:center;margin-top:28px;padding:28px}.cta-empty b{font-family:var(--font-display);margin-bottom:4px;font-size:1.3rem;display:block}.recipe-card{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-1);margin-top:48px;overflow:hidden}.recipe-card>header{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--bg-2), var(--card));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:clamp(20px,3vw,32px) clamp(20px,3vw,36px);display:flex}.recipe-card>header h2{margin:0}.recipe{grid-template-columns:minmax(0,360px) minmax(0,1fr);display:grid}.recipe .ingredients{border-right:1px solid var(--line);background:color-mix(in srgb, var(--bg-2) 45%, var(--card));padding:clamp(20px,3vw,32px) clamp(20px,3vw,36px)}.recipe .method{padding:clamp(20px,3vw,32px) clamp(20px,3vw,40px)}.recipe h3{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;font-size:1.35rem;display:flex}.recipe h3 small{font-family:var(--font-body);color:var(--ink-3);letter-spacing:0;font-size:.75rem;font-weight:500}.recipe .ingredients h3{flex-direction:column;align-items:start;gap:2px}.tools{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;font-size:.85rem;display:flex}.seg{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.seg button{cursor:pointer;height:30px;color:var(--ink-3);background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:.8rem;font-weight:600}.seg button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-1)}.stepper{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:3px;display:inline-flex}.stepper .muted{padding:0 6px 0 8px;font-size:.8rem}.stepper b{text-align:center;min-width:22px}.stepper button{background:var(--card);cursor:pointer;width:30px;height:30px;box-shadow:var(--shadow-1);border:0;border-radius:50%;font-weight:700}.ing{margin:0;padding:0;list-style:none}.ing li{border-top:1px dashed var(--line-2);cursor:pointer;justify-content:space-between;gap:12px;padding:11px 0;font-size:.94rem;transition:opacity .2s;display:flex}.ing li:first-child{border-top:0}.ing li .nm{gap:10px;display:flex}.ing li .nm:before{content:"";border:1.5px solid var(--line-2);background:var(--card);border-radius:6px;flex-shrink:0;width:18px;height:18px;margin-top:3px;transition:all .15s}.ing li.done{opacity:.45}.ing li.done .nm>span:first-child{text-decoration:line-through}.ing li.done .nm:before{background:var(--herb);border-color:var(--herb);box-shadow:inset 0 0 0 3px var(--card)}.ing .q{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:650}.ing .orig{color:var(--ink-3);margin-left:4px;font-size:.75rem}.ing .sub{color:var(--info);margin-top:4px;font-size:.8rem}.ing .buy{color:var(--ink-2);margin-top:2px;font-size:.8rem}.group{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin:20px 0 4px;font-size:.72rem;font-weight:700}:lang(ko) .group{letter-spacing:0;text-transform:none;font-size:.82rem}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{counter-increment:step;padding:0 0 22px 56px;font-size:1.02rem;line-height:1.75;position:relative}.steps li:before{content:counter(step);background:var(--ink);width:38px;height:38px;color:var(--bg);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1rem;font-weight:600;display:grid;position:absolute;top:0;left:0}.steps li:not(:last-child):after{content:"";background:var(--line-2);width:1px;position:absolute;top:44px;bottom:6px;left:18.5px}.tip{border-radius:var(--r);background:var(--warn-soft);color:var(--ink);gap:12px;margin-top:10px;padding:16px 18px;font-size:.94rem;display:flex}.tip b{color:var(--warn);white-space:nowrap}.nutri{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:18px;display:grid}.nutri div{background:var(--card);border:1px solid var(--line);text-align:center;color:var(--ink-3);border-radius:12px;padding:10px 4px;font-size:.7rem}.nutri b{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.95rem;display:block}.recipe-foot{border-top:1px solid var(--line);color:var(--ink-3);background:var(--bg-2);padding:16px clamp(20px,3vw,36px);font-size:.75rem}.community{margin-top:56px}.urecipe{border-top:1px solid var(--line);gap:14px;padding:18px 0;display:flex}.av{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:700;display:grid}.stars{color:var(--gold);letter-spacing:1px}.rate button{cursor:pointer;color:var(--line-2);background:0 0;border:0;padding:0 2px;font-size:1.6rem}.rate button.on{color:var(--gold)}.comment{border-top:1px solid var(--line);gap:10px;padding:12px 0;display:flex}.comment .replies{border-left:2px solid var(--line);margin-top:8px;padding-left:12px}.err{color:#c62828;font-size:.85rem}.form{gap:12px;display:grid}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.site-footer{background:var(--band);color:var(--band-ink-2);margin-top:clamp(72px,10vw,120px);font-size:.88rem}.site-footer .wrap{padding:clamp(44px,6vw,72px) 0 32px}.foot-grid{grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:36px;display:grid}.site-footer .logo .word{color:var(--band-ink)}.site-footer .tagline{max-width:300px;margin-top:14px;line-height:1.6}.site-footer h4{color:var(--band-ink);text-transform:uppercase;letter-spacing:.12em;margin:4px 0 14px;font-size:.78rem}:lang(ko) .site-footer h4{text-transform:none;letter-spacing:0;font-size:.88rem}.site-footer ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--band-ink)}.site-footer .bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:22px;font-size:.8rem;display:flex}.ad-slot{min-height:0;margin:32px 0}@media (width<=1080px){.search-trigger{justify-content:center;width:40px;padding:0}.search-trigger span,.search-trigger kbd{display:none}.article{grid-template-columns:1fr}.aside-card{position:static}}@media (width<=900px){.home-hero,.dish-hero,.country-banner,.feature{grid-template-columns:1fr}.mosaic{aspect-ratio:4/3}.feature .img{min-height:260px}.recipe{grid-template-columns:1fr}.recipe .ingredients{border-right:0;border-bottom:1px solid var(--line)}.foot-grid{grid-template-columns:1fr 1fr}.cta-card{grid-template-columns:1fr}}@media (width<=760px){.nav,.lang-menu .label{display:none}.menu-btn{display:inline-flex}.site-header .wrap{gap:10px;height:60px}.sheet{inset:60px 0 0}.toolbar,.subnav{top:60px}html{scroll-padding-top:76px}.logo .word{font-size:1.12rem}.logo img{width:26px;height:26px}#account .btn{height:34px;padding:0 12px;font-size:.8rem}.nutri{grid-template-columns:repeat(3,minmax(0,1fr))}.row2{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.card .t{font-size:1.02rem}.card .d{display:none}.hero-search{height:56px}.hero-search .go{display:none}.steps li{padding-left:48px}.dish-hero .facts b{font-size:1.05rem}.dish-hero .facts div+div{padding-left:10px}.foot-grid{grid-template-columns:1fr;gap:28px}.section-head{flex-direction:column;align-items:start;gap:8px}.country-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.country-tile{gap:10px;padding:10px}.country-tile .flag{width:30px;height:22px}.country-tile b{font-size:.88rem}}@media (width<=420px){.head-right{gap:2px}#account .btn{padding:0 10px}.stats{gap:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.site-header,.site-footer,.subnav,.community,.actions,.tools,.ad-slot,.grid{display:none!important}body{color:#000;background:#fff}.recipe-card{box-shadow:none;border:0}}.band .rail{scrollbar-color:#ffffff38 transparent}.no-tag .card .tag{display:none}.palette-input kbd,.search-trigger kbd{white-space:nowrap}.collection-tiles{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:18px;display:grid}.collection-tile{aspect-ratio:4/3;border-radius:var(--r-lg);color:#fff;background:var(--card);text-decoration:none;display:block;position:relative;overflow:hidden}.collection-tile img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.collection-tile:hover img{transform:scale(1.04)}.collection-tile .shade{background:linear-gradient(#0000000d 40%,#000000b8);position:absolute;inset:0}.collection-tile .txt{gap:4px;display:grid;position:absolute;bottom:16px;left:18px;right:18px}.collection-tile b{font-family:var(--font-display);font-size:1.35rem;font-weight:600;line-height:1.15}.collection-tile .txt span{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.rank-list{gap:0;margin:8px 0 0;padding:0;list-style:none;display:grid}.rank-list li{border-top:1px solid var(--line);grid-template-columns:minmax(0,300px) 1fr;align-items:start;gap:clamp(18px,3vw,36px);padding:28px 0;display:grid}.rank-list li:first-child{border-top:0;padding-top:8px}.rank-list .photo{aspect-ratio:4/3;border-radius:var(--r);background:var(--card);display:block;overflow:hidden}.rank-list .photo img{object-fit:cover;width:100%;height:100%}.rank-list .no{font-family:var(--font-display);color:var(--brand);font-size:2.2rem;font-weight:500;line-height:1}.rank-list h2{margin:6px 0;font-size:clamp(1.35rem,2.4vw,1.75rem)}.rank-list h2 a{color:inherit;text-decoration:none}.rank-list .where{color:var(--ink-3);flex-wrap:wrap;gap:6px 14px;margin:0 0 8px;font-size:.85rem;display:flex}.rank-list .where span{align-items:center;gap:6px;display:inline-flex}.rank-list p{color:var(--ink-2);max-width:680px}@media (width<=640px){.rank-list li{grid-template-columns:1fr;gap:14px}}.stamp-row{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;display:flex}.stamp{border:1.5px dashed var(--line-2);color:var(--ink);font:inherit;cursor:pointer;transition:background .15s, border-color .15s, transform .15s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.92rem;font-weight:600;display:inline-flex}.stamp svg{width:18px;height:18px}.stamp:hover{border-color:var(--brand)}.stamp:active{transform:scale(.96)}.stamp[data-mark=tried][aria-pressed=true]{border-style:solid;border-color:var(--herb);background:var(--herb-soft);color:var(--herb)}.stamp[data-mark=want][aria-pressed=true]{border-style:solid;border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.stamp[data-mark=want][aria-pressed=true] svg{fill:currentColor}.passport-btn{position:relative}.passport-btn .n{background:var(--brand);min-width:18px;height:18px;color:var(--brand-ink);text-align:center;border-radius:9px;padding:0 5px;font-size:.68rem;font-weight:700;line-height:18px;position:absolute;top:-2px;right:-4px}.card.tried .media:after{content:"✓";background:var(--herb);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #00000040}.passport-card{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-1);padding:clamp(20px,3vw,36px)}.pp-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.pp-stats div{gap:2px;display:grid}.pp-stats b{font-family:var(--font-display);color:var(--brand);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:600;line-height:1}.pp-stats span{color:var(--ink-3);font-size:.82rem}.pp-map{margin:0}.pp-map svg{width:100%;height:auto;display:block}.pp-map path,.pp-map circle{fill:var(--bg-2);stroke:var(--card);stroke-width:.5px;transition:fill .3s}.pp-map .has{fill:var(--line)}.pp-map .has:hover{fill:var(--line-2)}.pp-map .on,.pp-map .on:hover{fill:var(--brand)}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:14px;display:grid}.pp-badge{border-radius:var(--r);border:1px dashed var(--line-2);text-align:center;opacity:.55;filter:grayscale();justify-items:center;gap:4px;padding:18px 12px;transition:opacity .3s,filter .3s;display:grid}.pp-badge.won{opacity:1;filter:none;border-style:solid;border-color:var(--gold);background:linear-gradient(#c98a1b14,#0000)}.pp-badge .medal{background:radial-gradient(circle at 35% 30%, #ffe7a6, var(--gold) 60%, #8a5a08);border-radius:50%;width:46px;height:46px;margin-bottom:6px;box-shadow:inset 0 -3px #00000026}.pp-badge b{font-size:.95rem}.pp-badge span{color:var(--ink-3);font-size:.78rem}.quick-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,45%),1fr));gap:12px;display:grid}.quick{border-radius:var(--r);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-1);transition:border-color .15s, transform .15s var(--ease);border:2px solid #0000;gap:2px;padding:0 0 10px;display:grid;position:relative;overflow:hidden}.quick img{aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:6px}.quick .nm{padding:0 10px;font-size:.9rem;font-weight:650;line-height:1.25}.quick .ct{color:var(--ink-3);padding:0 10px;font-size:.75rem}.quick:active{transform:scale(.97)}.quick[aria-pressed=true]{border-color:var(--herb)}.quick[aria-pressed=true]:after{content:"✓";background:var(--herb);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid;position:absolute;top:8px;right:8px}.pp-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:8px;display:flex}.pp-tabs button{color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:600}.pp-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--brand)}.pp-tabs span{color:var(--ink-3);margin-left:4px;font-size:.8rem}.pp-list{margin:0;padding:0;list-style:none}.pp-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;display:flex}.pp-list a{color:var(--ink);align-items:center;gap:10px;min-width:0;font-weight:600;text-decoration:none;display:flex}.pp-list .flag{object-fit:cover;border-radius:3px;width:24px;height:18px}@media (width<=640px){.pp-stats{grid-template-columns:repeat(2,1fr)}}.cup-tiles{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:20px;display:grid}.cup-tile{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-1);color:var(--ink);transition:transform .2s var(--ease), box-shadow .2s;text-decoration:none;display:grid;overflow:hidden}.cup-tile:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.cup-tile .quad{aspect-ratio:4/3;background:var(--line);grid-template-columns:1fr 1fr;gap:2px;display:grid}.cup-tile .quad img{object-fit:cover;width:100%;height:100%}.cup-tile .txt{gap:4px;padding:14px 16px 16px;display:grid}.cup-tile b{font-family:var(--font-display);font-size:1.3rem;font-weight:600}.cup-tile .txt span{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.cup{padding:24px 0 40px}.cup-intro{text-align:center;max-width:760px;margin:0 auto}.cup-intro .lead{margin:0 auto 24px}.cup-mosaic{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 28px;display:grid}.cup-mosaic img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm);width:100%}.btn.lg{padding:14px 28px;font-size:1.05rem}.cup-head{text-align:center;margin-bottom:18px}.cup-head b{font-family:var(--font-display);font-size:1.6rem;font-weight:600}.cup-match{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.cup-pick{border:2px solid var(--line);border-radius:var(--r-lg);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;text-align:center;box-shadow:var(--shadow-1);transition:transform .25s var(--ease), border-color .2s, opacity .25s;gap:4px;padding:0 0 16px;display:grid;overflow:hidden}.cup-pick img{aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:8px}.cup-pick .nm{font-family:var(--font-display);padding:0 12px;font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:600}.cup-pick .ct{color:var(--ink-3);font-size:.85rem}.cup-pick:hover{border-color:var(--brand);transform:translateY(-3px)}.cup-pick.won{border-color:var(--brand);transform:scale(1.03)}.cup-pick.lost{opacity:.35;transform:scale(.97)}.cup-vs{font-family:var(--font-display);color:var(--brand);font-size:1.6rem;font-weight:700}.cup-done{text-align:center}.cup-champ{color:var(--ink);gap:6px;width:100%;max-width:420px;margin:14px auto 0;text-decoration:none;display:inline-grid}.cup-champ img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);width:100%;box-shadow:0 0 0 4px var(--gold), var(--shadow-2)}.cup-champ b{font-family:var(--font-display);margin-top:10px;font-size:2rem;font-weight:600}.cup-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.cup-rank{counter-reset:r;text-align:left;max-width:720px;margin:16px auto 0;padding:0;list-style:none}.cup-rank li{counter-increment:r;border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1.4fr) 1fr auto auto;align-items:center;gap:12px;padding:8px 0;display:grid}.cup-rank li:before{content:counter(r);color:var(--ink-3);text-align:right;font-weight:700}.cup-rank a{color:var(--ink);align-items:center;gap:10px;min-width:0;font-weight:600;text-decoration:none;display:flex}.cup-rank img{object-fit:cover;border-radius:6px;flex:none;width:64px;height:48px}.cup-rank .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cup-rank .bar{background:var(--bg-2);border-radius:4px;height:8px;overflow:hidden}.cup-rank .bar i{background:var(--brand);border-radius:4px;height:100%;display:block}.cup-rank .pct{white-space:nowrap;font-size:.85rem;font-weight:600}@media (width<=640px){.cup-match{grid-template-columns:1fr;gap:10px}.cup-pick img{aspect-ratio:16/9}.cup-mosaic{grid-template-columns:repeat(4,1fr);gap:4px}.cup-rank li{grid-template-columns:24px minmax(0,1fr) auto}.cup-rank .bar,.cup-rank .ttl{display:none}}.travel-note{border-radius:var(--r);background:var(--bg-2);border-left:4px solid var(--brand);max-width:760px;margin:0 0 12px;padding:18px 22px}.travel-note b{font-family:var(--font-display);margin-bottom:6px;font-size:1.1rem;font-weight:600;display:block}.travel-note p{color:var(--ink-2);margin:0}.rank-list .tip{border-radius:var(--r-sm);background:var(--herb-soft);color:var(--ink);padding:10px 14px;font-size:.93rem}.rank-list .tip b{color:var(--herb);margin-right:6px}.play-cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.play-card{border-radius:var(--r-lg);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-1);transition:transform .2s var(--ease), box-shadow .2s;align-content:start;gap:8px;padding:26px 24px;text-decoration:none;display:grid}.play-card:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.play-card .ic{font-size:2.2rem;line-height:1}.play-card b{font-family:var(--font-display);font-size:1.4rem;font-weight:600;line-height:1.2}.play-card>span:last-child{color:var(--ink-2);font-size:.93rem}.play-card.passport{background:linear-gradient(135deg, var(--herb-soft), var(--card))}.play-card.cup{background:linear-gradient(135deg, var(--brand-soft), var(--card))}.play-card.travel{background:linear-gradient(135deg, var(--info-soft), var(--card))}@media (width<=800px){.play-cards{grid-template-columns:1fr}}.rank-list .occasion-note{color:var(--ink);font-size:1.02rem;font-weight:500}.rank-list .photo .empty{background:linear-gradient(135deg, var(--bg-2), var(--line));place-items:center;width:100%;height:100%;font-size:3.4rem;display:grid}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-opsz-normal.Czevyj-6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-opsz-normal.CJcjJNj7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-opsz-normal.DihXLNYH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}