:root{--black:#050505;--black-2:#0a0a0c;--panel:#0e0d0cc2;--panel-2:#ffffff0b;--line:#d6b56d3b;--line-strong:#d6b56d7a;--gold:#d6b56d;--gold-2:#f1d58b;--gold-deep:#9d7530;--ivory:#f6efe2;--muted:#f6efe29e;--soft:#f6efe26b;--wine:#2b0912;--shadow:0 24px 80px #00000094;--gold-shadow:0 0 50px #d6b56d21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ivory);background:radial-gradient(circle at 18% 6%,#d6b56d29,#0000 28rem),radial-gradient(circle at 82% 18%,#4e10206b,#0000 32rem),linear-gradient(135deg,#020202 0%,#090909 44%,#110d08 100%);margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;opacity:.42;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}a{color:inherit;text-decoration:none}button{font:inherit;-webkit-tap-highlight-color:transparent}::selection{color:var(--ivory);background:#d6b56d54}.shell{min-height:100vh;padding:26px;position:relative}.container{width:min(1120px,100%);margin:0 auto}.nav{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;padding:14px 0;display:flex}.brand{letter-spacing:.18em;color:var(--muted);text-transform:uppercase;align-items:center;gap:12px;font-size:12px;display:flex}.brand-mark{border:1px solid var(--line-strong);width:36px;height:36px;color:var(--gold);box-shadow:var(--gold-shadow);cursor:pointer;background:#ffffff06;border-radius:12px;place-items:center;transition:all .2s;display:grid}.brand-mark span{font-size:25px;line-height:1;display:block;transform:translateY(-1px)}.brand-mark:hover{border-color:var(--gold);color:var(--gold-2);transform:translate(-2px)}.nav-links{flex-wrap:wrap;gap:10px;display:flex}.nav-link{color:#f6efe2b8;background:#ffffff09;border:1px solid #d6b56d29;border-radius:12px;padding:10px 14px;font-size:13px;transition:all .2s}.nav-link:hover{border-color:var(--line-strong);color:var(--gold-2);transform:translateY(-1px)}.hero{border:1px solid var(--line);isolation:isolate;min-height:640px;box-shadow:var(--shadow), var(--gold-shadow);background:#050505;border-radius:24px;align-items:center;padding:clamp(34px,6vw,76px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:4;pointer-events:none;border:1px solid #d6b56d1f;border-radius:18px;position:absolute;inset:22px}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#030303f7 0%,#040404e0 42%,#05040470 69%,#0b04062e 100%),linear-gradient(#0000 58%,#020202c7 100%);position:absolute;inset:0}.hero-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-atmosphere-image{filter:saturate(.9)contrast(1.04);background-image:url(/hero-modern-desktop.webp);background-position:50%;background-size:cover;animation:16s cubic-bezier(.45,0,.35,1) infinite alternate hero-breathe;position:absolute;inset:-3%;transform:scale(1.025)}.hero-atmosphere-light{opacity:.34;mix-blend-mode:screen;filter:blur(18px);background:radial-gradient(at 68% 48%,#7c142559,#0000 54%),radial-gradient(at 75% 58%,#d6b56d38,#0000 42%);width:42%;height:96%;animation:7s ease-in-out infinite alternate hero-light-pulse;position:absolute;top:2%;right:2%}.hero-content{z-index:2;max-width:760px;position:relative}.hero-symbol{z-index:3;aspect-ratio:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.9;background:#0606066b;border:1px solid #d6b56d2e;border-radius:14px;width:clamp(44px,8vw,89px);position:absolute;top:clamp(22px,5vw,58px);right:clamp(22px,5vw,62px);overflow:hidden;box-shadow:0 16px 46px #00000061,0 0 30px #d6b56d1a}.hero-symbol img{object-fit:cover;width:100%;height:100%;display:block}@keyframes hero-breathe{0%{transform:scale(1.025)translate(0,0)}to{transform:scale(1.075)translate(-.7%,-.4%)}}@keyframes hero-light-pulse{0%{opacity:.22;transform:translateY(1%)scale(.98)}to{opacity:.48;transform:translate(-1.5%,-1%)scale(1.04)}}.eyebrow{color:var(--gold);letter-spacing:.42em;text-transform:uppercase;margin:0 0 20px;font-size:12px}.title{letter-spacing:-.06em;margin:0;font-size:clamp(46px,8vw,96px);font-weight:650;line-height:.95}.title span{color:#0000;background:linear-gradient(90deg, var(--gold-2), var(--gold), var(--gold-deep));-webkit-background-clip:text;background-clip:text;display:block}.lead{max-width:670px;color:var(--muted);margin:28px 0 0;font-size:17px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.btn{border:1px solid var(--line-strong);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--gold-2), var(--gold) 45%, #a87d34);color:#090805;font-weight:800;box-shadow:0 12px 32px #d6b56d29}.btn-secondary{color:var(--ivory);background:#ffffff09}.btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px;display:grid}.feature-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #d6b56d24;border-radius:16px;padding:20px}.feature-card strong{color:var(--gold);letter-spacing:.16em;margin-bottom:10px;font-size:13px;display:block}.feature-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.page-head{border:1px solid var(--line);box-shadow:var(--shadow);z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808ad;border-radius:22px;margin-bottom:22px;padding:32px;position:sticky;top:16px}.page-head h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,5vw,58px)}.page-head p{color:var(--muted);margin:12px 0 0;line-height:1.75}.progress-row{color:var(--muted);justify-content:space-between;gap:12px;margin-top:22px;font-size:14px;display:flex}.progress-track{background:#ffffff14;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold-2));border-radius:999px;height:100%;transition:width .25s;box-shadow:0 0 22px #d6b56d42}.test-page{isolation:isolate;position:relative}.test-ambient{z-index:-1;pointer-events:none;opacity:.9;background:radial-gradient(circle at 78% 18%,#660f2047,#0000 33rem),radial-gradient(circle at 16% 34%,#d6b56d1c,#0000 27rem);width:100%;height:1050px;position:absolute;top:-180px;left:50%;transform:translate(-50%)}.test-head{isolation:isolate;background:#050505;min-height:290px;padding:clamp(30px,4.5vw,52px);position:relative;top:auto;overflow:hidden;box-shadow:0 24px 80px #00000094,0 0 54px #d6b56d17}.test-head:before{content:"";z-index:-2;opacity:.72;filter:saturate(.82)contrast(1.08);background:url(/hero-modern-desktop.webp) 72%/cover no-repeat;animation:18s cubic-bezier(.45,0,.35,1) infinite alternate hero-breathe;position:absolute;inset:-4%}.test-head:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#030303f7 0%,#040404d9 48%,#06040557 100%),linear-gradient(#0000 42%,#020202b8);position:absolute;inset:0}.test-head>*{z-index:1;position:relative}.test-head h1{letter-spacing:-.055em;background:linear-gradient(105deg, var(--ivory) 12%, var(--gold-2) 72%, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(42px,7vw,72px);line-height:1}.test-head>p:not(.eyebrow){max-width:720px}.test-meta{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.test-meta span{color:#f6efe2a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.16em;background:#0404046b;border:1px solid #d6b56d2e;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:750}.test-head .progress-row{color:#f6efe2b8;margin-top:28px}.test-head .progress-track{background:#ffffff13;border:1px solid #d6b56d14;height:9px;box-shadow:inset 0 1px 8px #0009}.test-head .progress-fill{background:linear-gradient(90deg, #8d641f, var(--gold), var(--gold-2));position:relative;overflow:hidden;box-shadow:0 0 26px #d6b56d40}.question-list{gap:16px;padding-bottom:100px;display:grid}.question-card{content-visibility:auto;contain-intrinsic-size:190px;background:linear-gradient(135deg,#0e0e0fed,#120f0dbd);border:1px solid #d6b56d26;border-radius:20px;padding:24px;scroll-margin-top:24px;transition:border-color .22s,background-color .22s,box-shadow .22s,transform .22s;position:relative;overflow:hidden;box-shadow:0 18px 46px #00000047,inset 0 1px #ffffff05}.question-card:before{content:"";opacity:.5;background:linear-gradient(#0000,#751527b8,#0000);border-radius:999px;width:2px;transition:all .22s;position:absolute;top:22px;bottom:22px;left:0}.question-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#d6b56d13,#0000 68%);border-radius:50%;width:230px;height:230px;position:absolute;top:-100px;right:-90px}.question-card:hover,.question-card:focus-within{border-color:#d6b56d4f;box-shadow:0 22px 58px #00000061,0 0 34px #d6b56d0d}.question-card.answered{background:linear-gradient(135deg,#12110ff5,#1c150cb0);border-color:#d6b56d66}.question-card.answered:before{background:linear-gradient(180deg, transparent, var(--gold-2), transparent);opacity:1;box-shadow:0 0 16px #d6b56d52}.question-top{align-items:flex-start;gap:14px;display:flex}.question-no{z-index:1;width:48px;height:48px;color:var(--gold-2);letter-spacing:.1em;background:linear-gradient(145deg,#d6b56d1a,#d6b56d06);border:1px solid #d6b56d42;border-radius:15px;flex:none;place-items:center;font-size:13px;font-weight:750;display:grid;position:relative;box-shadow:inset 0 1px #ffffff09}.question-text{letter-spacing:-.02em;margin:0;padding-top:4px;font-size:20px;font-weight:650;line-height:1.65}.question-state{color:#f6efe25c;letter-spacing:.14em;background:#ffffff06;border:1px solid #d6b56d21;border-radius:999px;flex:none;margin-left:auto;padding:7px 9px;font-size:9px;font-weight:800}.question-card.answered .question-state{color:var(--gold-2);background:#d6b56d12;border-color:#d6b56d40}.choices{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px;display:grid}.choice{color:#f6efe2ad;cursor:pointer;background:linear-gradient(145deg,#ffffff0b,#ffffff05);border:1px solid #d6b56d29;border-radius:14px;min-height:52px;transition:border-color .18s,color .18s,background .18s,box-shadow .18s,transform .18s;position:relative}.choice:hover{border-color:var(--line-strong);color:var(--gold-2);background:#d6b56d0e;transform:translateY(-1px)}.choice:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}.choice.selected{background:linear-gradient(135deg, var(--gold-2), var(--gold) 52%, #aa7d34);color:#080705;border-color:#0000;font-weight:850;box-shadow:0 12px 30px #d6b56d2e,inset 0 1px #ffffff61}.choice.selected:before{content:"";vertical-align:middle;background:#171006;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 0 3px #1710061a}.floating-submit{z-index:10;justify-content:center;margin-top:22px;display:flex;position:sticky;bottom:18px}.submit-panel{-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:linear-gradient(135deg,#050505e8,#161009e0);border:1px solid #d6b56d4d;border-radius:18px;align-items:center;gap:12px;width:min(720px,100%);padding:10px;display:flex;box-shadow:0 22px 66px #00000094,0 0 34px #d6b56d14}.submit-panel span{color:var(--muted);flex:1;padding-left:16px;font-size:14px}.result-hero{border:1px solid var(--line);box-shadow:var(--shadow), var(--gold-shadow);word-break:keep-all;overflow-wrap:normal;line-break:strict;background:linear-gradient(145deg,#090909db,#18100694);border-radius:24px;padding:clamp(30px,5vw,58px);position:relative}.result-share-button{color:#f6efe2b8;cursor:pointer;background:#ffffff09;border:1px solid #d6b56d3d;border-radius:14px;place-items:center;width:46px;height:46px;transition:all .2s;display:grid;position:absolute;top:28px;right:28px;box-shadow:0 12px 32px #0000002e}.result-share-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.result-share-button:hover{border-color:var(--line-strong);color:var(--gold-2);background:#d6b56d13;transform:translateY(-1px)}.share-panel{z-index:6;width:min(310px,100% - 56px);box-shadow:0 24px 72px #00000075, var(--gold-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060606eb;border:1px solid #d6b56d38;border-radius:18px;gap:8px;padding:8px;display:grid;position:absolute;top:84px;right:28px}.share-panel button{width:100%;color:var(--ivory);cursor:pointer;text-align:left;background:#ffffff09;border:1px solid #d6b56d21;border-radius:14px;align-items:center;gap:12px;padding:13px;transition:all .18s;display:flex}.share-panel button:hover{border-color:var(--line-strong);background:#d6b56d13;transform:translateY(-1px)}.share-platform-icon{border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:15px;font-weight:850;display:grid}.share-platform-icon.kakao{color:#191600;background:#fee500}.share-platform-icon.instagram{color:#fff;background:linear-gradient(135deg,#f58529,#dd2a7b 44%,#8134af 72%,#515bd4);font-size:24px;line-height:1}.share-panel strong,.share-panel small{display:block}.share-panel strong{font-size:14px}.share-panel small{color:#f6efe28a;margin-top:3px;font-size:12px;line-height:1.35}.result-title{letter-spacing:-.045em;color:#0000;background:linear-gradient(90deg, var(--gold-2), var(--gold), #ad8034);word-break:keep-all;overflow-wrap:normal;line-break:strict;-webkit-background-clip:text;background-clip:text;margin:18px 0 0;font-size:clamp(36px,7vw,76px);line-height:1.08}.result-sub{max-width:760px;color:var(--muted);margin:22px 0 0;line-height:1.85}.share-status{color:#f6efe294;margin:14px 0 0;font-size:14px;line-height:1.6}.score-layout{grid-template-columns:.9fr 1.1fr;gap:22px;margin-top:24px;display:grid}.panel{background:#ffffff0a;border:1px solid #d6b56d29;border-radius:20px;padding:24px;box-shadow:0 18px 48px #00000047}.panel h2{margin:0 0 18px;font-size:22px}.score-item{margin:0 0 16px}.score-meta{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.score-meta strong{color:var(--ivory);font-size:15px}.score-bar{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.score-bar>div{background:linear-gradient(90deg, var(--gold-deep), var(--gold-2));border-radius:999px;height:100%;box-shadow:0 0 20px #d6b56d33}.type-report{gap:14px;display:grid}.report-card{background:#00000038;border:1px solid #d6b56d24;border-radius:16px;padding:22px}.report-card h3{color:var(--gold-2);justify-content:space-between;gap:12px;margin:0 0 10px;display:flex}.report-card p{color:var(--muted);margin:0 0 10px;line-height:1.75}.caution{border-top:1px solid #d6b56d1f;padding-top:12px;font-size:14px;color:#f6efe2ad!important}.types-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.type-card{background:linear-gradient(145deg,#0f0f10d1,#ffffff09);border:1px solid #d6b56d29;border-radius:20px;min-height:260px;padding:24px;box-shadow:0 18px 46px #00000042}.type-card .num{color:var(--gold);letter-spacing:.22em;font-size:12px}.type-card h2{margin:14px 0 10px;font-size:28px}.type-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.type-title span{min-width:0}.type-icon-frame{width:42px;height:42px;color:var(--gold-2);background:radial-gradient(circle at 35% 25%,#f6efe214,#0000 38%),#d6b56d0b;border:1px solid #d6b56d40;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;transform:translateY(1px);box-shadow:inset 0 1px #ffffff0b,0 12px 26px #0003}.type-icon-main{filter:drop-shadow(0 8px 14px #d6b56d29);width:23px;height:23px}.type-icon-accent{color:#ead28f;box-sizing:content-box;background:#17130f;border:1px solid #d6b56d3d;border-radius:999px;width:14px;height:14px;padding:2px;position:absolute}.type-icon-accent.is-bottom-right{bottom:-3px;right:-4px}.type-icon-accent.is-top-right{top:-3px;right:-4px}.type-icon-frame-pet .type-icon-main,.type-icon-frame-owner .type-icon-main,.type-icon-frame-masterMistress .type-icon-main,.type-icon-frame-slave .type-icon-main{color:#ead28f}.type-card p{color:var(--muted);line-height:1.72}.type-card small{color:#f6efe28a;border-top:1px solid #d6b56d21;margin-top:16px;padding-top:14px;line-height:1.7;display:block}.empty{text-align:center;padding:70px 20px}.empty p{color:var(--muted);line-height:1.7}@media (max-width:820px){.shell{padding:16px}.nav{align-items:flex-start}.nav-links{justify-content:flex-end}.hero{border-radius:20px;min-height:auto;padding:34px 22px}.hero:before{border-radius:14px;inset:12px}.hero:after{background:linear-gradient(90deg,#030303f0,#04040494),linear-gradient(#0000 28%,#020202e0)}.hero-atmosphere-image{opacity:.82;background-image:url(/hero-modern-mobile.webp);background-position:72%;inset:-2%}.hero-atmosphere-light{opacity:.28;width:72%;right:-10%}.hero-symbol{border-radius:12px;width:46px;margin:0 0 22px auto;position:relative;top:auto;right:auto}.feature-grid,.score-layout,.types-grid{grid-template-columns:1fr}.page-head{border-radius:18px;padding:24px;position:relative;top:auto}.test-head{min-height:360px;padding:28px 22px}.test-head:before{opacity:.68;background-image:url(/hero-modern-mobile.webp);background-position:72%}.test-head:after{background:linear-gradient(90deg,#030303f2,#04040491),linear-gradient(#0000 28%,#020202d1)}.test-meta{margin-bottom:26px}.test-head h1{font-size:clamp(40px,13vw,56px)}.choices{grid-template-columns:1fr}.question-card{border-radius:18px;padding:18px}.question-top{grid-template-columns:auto 1fr;gap:12px;display:grid}.question-no{border-radius:14px;width:42px;height:42px}.question-text{font-size:17px}.question-state{grid-column:2;justify-self:start;margin:-4px 0 0}.submit-panel{border-radius:24px;flex-direction:column;align-items:stretch}.submit-panel span{text-align:center;padding:4px 10px 0}.submit-panel .btn{width:100%}.result-share-button{border-radius:12px;width:42px;height:42px;top:18px;right:18px}.share-panel{width:calc(100% - 36px);top:68px;right:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-atmosphere-image,.hero-atmosphere-light,.test-head:before{animation:none}.hero-atmosphere-image{transform:scale(1.04)}}.result-sub.strong{color:var(--ivory);font-size:18px;font-weight:650}.top-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.top-card{background:linear-gradient(145deg,#14120edb,#ffffff09);border:1px solid #d6b56d2e;border-radius:20px;min-height:190px;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 46px #0000004d}.top-card:after{content:"";filter:blur(4px);background:#d6b56d1a;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-80px;right:-70px}.top-card .rank{border:1px solid var(--line);width:42px;height:42px;color:var(--gold-2);letter-spacing:.08em;border-radius:12px;place-items:center;font-size:13px;display:inline-grid}.top-card p{color:#f6efe28a;letter-spacing:.18em;text-transform:uppercase;margin:28px 0 10px;font-size:11px;line-height:1.35}.top-card h2{letter-spacing:-.035em;word-break:keep-all;overflow-wrap:normal;line-break:strict;margin:0;font-size:clamp(23px,3vw,28px);line-height:1.25}.top-card strong{color:var(--gold-2);margin-top:16px;font-size:34px;display:block}.panel-desc{color:#f6efe294;margin:-6px 0 20px;font-size:14px;line-height:1.65}.english-name,.type-en{letter-spacing:.18em;text-transform:uppercase;color:var(--gold)!important;margin-bottom:14px!important;font-size:11px!important}.strength{border-top:1px solid #d6b56d1f;padding-top:12px;color:#f6efe2c7!important;margin-top:12px!important}.result-note{color:#f6efe2a3;background:#d6b56d0b;border:1px solid #d6b56d24;border-radius:16px;margin-top:22px;padding:18px 22px;font-size:14px;line-height:1.7}.result-note p{margin:0}.match-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;place-items:center;padding:20px;animation:.22s ease-out both match-backdrop-in;display:grid;position:fixed;inset:0}.match-modal{word-break:keep-all;background:radial-gradient(circle at 86% 8%,#7a16284d,#0000 17rem),linear-gradient(145deg,#12110ffc,#070707fc);border:1px solid #d6b56d5c;border-radius:26px;width:min(540px,100%);padding:42px;animation:.32s cubic-bezier(.2,.8,.2,1) both match-modal-in;position:relative;overflow:hidden;box-shadow:0 34px 110px #000000b8,0 0 54px #d6b56d1f}.match-modal:before{content:"";pointer-events:none;border:1px solid #d6b56d17;border-radius:19px;position:absolute;inset:12px}.match-modal-close{z-index:2;color:#f6efe29e;cursor:pointer;background:#ffffff09;border:1px solid #d6b56d29;border-radius:13px;place-items:center;width:44px;height:44px;transition:all .18s;display:grid;position:absolute;top:20px;right:20px}.match-modal-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:19px;height:19px}.match-modal-close:hover{color:var(--gold-2);border-color:var(--line-strong);background:#d6b56d12}.match-modal-close:focus-visible,.match-modal .btn:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}.match-modal-symbol{width:58px;height:58px;color:var(--gold-2);background:linear-gradient(145deg,#d6b56d21,#d6b56d09);border:1px solid #d6b56d4f;border-radius:18px;place-items:center;display:grid;box-shadow:0 18px 42px #00000047,0 0 30px #d6b56d1a}.match-modal-symbol svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.match-modal-eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;margin:26px 0 12px;font-size:11px;font-weight:800}.match-modal h2{max-width:440px;color:var(--ivory);letter-spacing:-.045em;margin:0;font-size:clamp(28px,5vw,39px);line-height:1.23}.match-modal>p:not(.match-modal-eyebrow){color:var(--muted);margin:20px 0 0;font-size:15px;line-height:1.75}.match-modal-actions{grid-template-columns:1.35fr 1fr;gap:10px;margin-top:30px;display:grid}.match-modal-actions .btn{width:100%;padding-inline:18px}.match-modal-actions svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;margin-left:8px}.match-modal>small{color:#f6efe261;text-align:center;margin-top:16px;font-size:12px;line-height:1.5;display:block}@keyframes match-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes match-modal-in{0%{opacity:0;transform:translateY(14px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}.type-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.type-card .type-en{margin:0 0 12px!important}.type-card .strength{font-size:14px}@media (max-width:820px){.top-summary,.type-grid{grid-template-columns:1fr}.top-card{min-height:auto}}@media (max-width:560px){.match-modal-backdrop{align-items:end;padding:12px}.match-modal{border-radius:24px;padding:34px 22px 24px}.match-modal:before{border-radius:18px;inset:8px}.match-modal-close{top:15px;right:15px}.match-modal-symbol{border-radius:16px;width:52px;height:52px}.match-modal h2{font-size:29px}.match-modal-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.match-modal-backdrop,.match-modal{animation:none}}