@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0d1017;--panel:#151925;--line:#2a2f3f;--text:#f0eff6;--muted:#9198ac;--accent:#c9afff;--purple:#aa81f5;--p:#67d6c2;--d:#80baff;--m:#e8bd70;--row:112px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'Noto Sans KR',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);background:#1a1e2b;color:var(--text);border-radius:8px;padding:9px 15px;cursor:pointer;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}button:hover{background:#272b3b;border-color:#5c5673}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}button.primary{background:var(--accent);border-color:var(--accent);color:#211735;padding:11px 20px}button.primary:hover{background:#dac7ff}button.danger{color:#fc9eaa;background:transparent;border-color:transparent}.topbar{min-height:76px;border-bottom:1px solid #252938;display:flex;align-items:center;gap:35px;padding:0 4%;}.brand{text-decoration:none;font-family:'Space Grotesk',sans-serif;letter-spacing:2px;font-size:18px;display:flex;align-items:center;gap:7px}.brand b{font-weight:400;color:#999eae}.brandmark{font-size:40px;line-height:1;color:var(--accent);margin-right:7px}.topnote{font:11px 'Space Grotesk',sans-serif;letter-spacing:1.7px;color:#7c8497}.local-status{margin-left:auto;font-size:12px;color:#a7b7ac}.local-status:before{content:' ';display:inline-block;width:6px;height:6px;border-radius:50%;background:#9ab7a5;margin-right:7px}main{max-width:1600px;margin:auto;padding:40px 4% 24px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font:11px 'Space Grotesk',sans-serif;letter-spacing:2px;color:var(--accent);font-weight:600}h1{font-size:34px;letter-spacing:-1.5px;line-height:1.4;margin:8px 0}.title-dot{color:var(--accent)}.heading p{margin:0;color:var(--muted);font-size:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:13px 18px;background:#131721}.range,.tool-actions{display:flex;align-items:center;gap:10px}.range input{width:85px;padding:5px 6px;font-family:'Space Grotesk',sans-serif;font-weight:600}.range b{font-family:'Space Grotesk',sans-serif}.tool-label{font-size:13px;color:var(--muted);margin-right:5px}.tool-actions{gap:8px}.tool-actions button{font-size:13px;padding:7px 11px;background:transparent}.tool-actions button:hover{background:#242838}.merge-control{display:flex;align-items:center;gap:7px;font-size:13px;color:#c1c5d1;margin-right:15px}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}#templateCount{color:var(--accent);margin-left:3px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 18px}.tabs{display:flex;gap:22px}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:7px 0;background:none;color:var(--muted)}.tabs button.active{color:var(--text);border-color:var(--accent)}.legend{display:flex;gap:20px;align-items:center;font-size:12px;color:#b2b7c7}.legend>span{display:flex;gap:6px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.p{background:var(--p)}.d{background:var(--d)}.m{background:var(--m)}.text-btn{border:0;background:none;color:var(--muted);padding:4px 0;font-size:12px}.board-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#10141e;max-height:calc(100vh - 200px);min-height:400px;scrollbar-color:#474052 #12151e}.board{display:grid;gap:0;position:relative;min-width:740px;padding:0 12px 12px 0;isolation:isolate}.month{display:flex;align-items:flex-start;justify-content:center;padding-top:18px;color:#899bbd;font-family:'Space Grotesk','Noto Sans KR',sans-serif;font-weight:600;font-size:14px;background:#10141e;position:sticky;left:0;z-index:3;border-top:1px solid #202532}.year{position:sticky;top:0;z-index:4;height:73px;background:#10141ef5;display:flex;align-items:center;justify-content:center;gap:9px;border-bottom:1px solid var(--line);font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:600;color:#e0caff;backdrop-filter:blur(10px)}.year small{font-size:11px;color:#7f879d;background:#1d2230;padding:2px 6px;border-radius:4px;font-weight:400}.corner{position:sticky;top:0;left:0;z-index:5;background:#10141e;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:1px;color:#636c84;border-bottom:1px solid var(--line)}.empty-cell{border-top:1px solid #202532;border-left:1px solid #202532;padding:6px;display:flex;align-items:stretch}.empty-cell button{width:100%;border:1px dashed transparent;background:transparent;color:#394258;font-size:21px}.empty-cell button:hover{border-color:#55506f;color:var(--accent);background:#1b1b2d}.empty-cell.future button{color:#272e3f}.deck-card{position:relative;isolation:isolate;overflow:hidden;margin:6px;min-width:0;border:1px solid #626478;border-radius:8px;background:#202333;box-shadow:0 4px 16px #0005}.art{position:absolute;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(145deg,#434267,#182032)}.art img{position:absolute;object-fit:cover;height:100%;opacity:.95}.art .seam{position:absolute;height:1.5px;margin-top:-.75px;transform-origin:50% 50%;background:linear-gradient(90deg,transparent,#fff8ebc0 35%,#fff8ebc0 65%,transparent);box-shadow:0 0 6px #ffecd2aa;pointer-events:none}.art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080b14eb 0%,#0a0c1533 50%,#0a0c1566 100%)}.deck-card:hover{border-color:var(--accent)}.card-open{position:absolute;inset:0;z-index:0;width:100%;height:100%;border:0;background:none;border-radius:0}.card-open:hover{background:#bca0ff0b}.card-grades{position:absolute;inset:0 0 auto;z-index:2;pointer-events:none}.grade-row{height:var(--row);padding:8px;display:flex;align-items:flex-start;gap:4px;pointer-events:none}.grade-row button{pointer-events:auto;background:#0b0d18cc;border:1px solid #ffffff22;padding:3px 6px;font-family:'Space Grotesk','Noto Sans KR',sans-serif;font-size:12px;line-height:1.5;border-radius:4px;backdrop-filter:blur(8px);display:flex;align-items:center;gap:5px}.grade-row button:hover{border-color:var(--accent);background:#171a2d}.grade-row .month-mini{font-family:'Noto Sans KR',sans-serif;color:#b1b6c7;font-size:10px}.tool-actions button.needs-backup{border-color:#e8bd70;color:#f3d59c;position:relative}.tool-actions button.needs-backup:after{content:'';position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;background:#e8bd70}.site-credit{margin-top:18px;padding:18px 0 8px;border-top:1px solid #222735;font-size:11px;line-height:1.8;color:#5f687c}.site-credit p{margin:0}.site-credit .made-by{font-size:12px;color:#8b93a7;margin-bottom:8px}.site-credit .made-by b{color:var(--accent);font-weight:600}.grade-row{flex-wrap:wrap;align-content:flex-start}.dc-tag{font:11px 'Space Grotesk',sans-serif;color:#9fdcf0;padding:5px;background:#0e1d2acc;border-radius:4px;white-space:nowrap}.dc-toggle{margin-top:4px}#dcWrap{margin-bottom:6px}.download-actions{display:flex;gap:8px;flex:none}.download-link.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}.rank-unknown{color:#7d8599;font-weight:700}.range input[type=number]{width:78px}.rating-tag{font:11px 'Space Grotesk',sans-serif;color:#f6c2bd;padding:5px;background:#220f18cc;border-radius:4px;white-space:nowrap}.card-label{position:absolute;bottom:0;left:0;right:0;padding:12px;pointer-events:none;z-index:2}.card-label h3{font-size:17px;line-height:1.35;letter-spacing:-.7px;margin:0;text-shadow:0 2px 5px #000;overflow-wrap:anywhere}.card-label small{font-size:10px;color:#ccd0df;display:block;margin-bottom:3px}.p-text{color:var(--p)}.d-text{color:var(--d)}.m-text{color:var(--m)}.board-footer{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#969fb2;padding:15px 2px}.bottom-note{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#6d778c;margin-top:20px;padding-top:20px;border-top:1px solid #222735}.bottom-note a{text-underline-offset:3px}.sample-note{font-size:13px;color:#d1bedb;background:#241d31;border:1px solid #493657;padding:9px 15px;border-radius:8px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.sample-note button{background:transparent;border:0;color:var(--accent);padding:3px}.muted{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{background:#171b27;color:var(--text);border:1px solid #3b3e50;border-radius:16px;padding:0;max-height:90vh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030610bd;backdrop-filter:blur(5px)}.editor{width:600px;max-width:calc(100vw - 24px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid var(--line);gap:15px}.dialog-head h2{font-size:22px;margin:4px 0 0;letter-spacing:-.6px}.icon-btn{font-size:26px;font-weight:400;line-height:1;width:36px;height:36px;padding:0;border:0;background:transparent;color:#a6aabc}.dialog-body{padding:23px 25px}.dialog-footer{display:flex;justify-content:space-between;gap:10px;padding:17px 25px;background:#121620;border-top:1px solid var(--line);position:sticky;bottom:0;z-index:4}.dialog-footer>div{display:flex;gap:8px}.row{display:flex;gap:14px}.row>label{flex:1;min-width:0}label{font-size:14px;font-weight:500}label>input:not([type=checkbox]),label>select,label>textarea{display:block;width:100%;margin-top:7px}input:not([type=checkbox],[type=range]),select,textarea{background:#0e121d;border:1px solid #373c4d;border-radius:7px;padding:10px 12px;color:var(--text);font-size:14px;max-width:100%}input[type=range]{accent-color:var(--accent)}label small{font-size:11px;font-weight:400;color:var(--muted);display:block}select{width:100%}.form-hint{font-size:12px;color:var(--muted);line-height:1.7}.rank-context{font-size:12px;color:var(--accent);margin:11px 0 15px}.rating-toggle{display:flex;align-items:center;gap:8px;margin-bottom:13px;font-size:13px}.rating-toggle .muted{font-size:11px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.section-label{display:flex;justify-content:space-between;gap:10px;align-items:center}.section-label h3{font-size:14px;margin:0}.section-label span{font-size:11px;color:var(--muted)}.selected-decks{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.deck-chip{display:flex;align-items:center;gap:6px;background:#30283f;color:#e6d6ff;border:1px solid #554269;border-radius:6px;padding:4px 7px;font-size:12px}.deck-chip img{height:24px;width:30px;object-fit:cover;border-radius:3px}.deck-chip button{background:none;border:0;padding:0 2px;color:#c8afd9;font-size:17px;line-height:1}.search-wrap{display:flex;align-items:center;background:#0e121d;border:1px solid #373c4d;border-radius:7px;padding-left:12px;color:#b9a7dd}.search-wrap input{border:0;background:none;flex:1;width:100%;outline-offset:0}.deck-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:240px;overflow:auto;margin-top:12px;padding:2px}.deck-option{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;padding:6px;background:#1d2230;text-align:left;min-height:49px}.deck-option img{width:42px;height:34px;object-fit:cover;border-radius:3px;flex:none}.deck-option span{overflow-wrap:anywhere}.deck-option.chosen{border-color:var(--purple);background:#332944}.deck-results.compact{max-height:158px}.custom-add{width:100%;background:transparent;border-style:dashed;font-size:13px;margin:13px 0}.notes-label{display:block;margin-top:14px}.notes-label .muted{font-size:12px}.error{color:#ffabb2;font-size:13px;margin:10px 0 0;min-height:0}.error:empty{display:none}.spaced{display:block;margin-top:22px}.section-label.spaced{display:flex}.thumbnail-row{display:flex;gap:16px;align-items:center;margin-top:12px}.template-preview{height:110px;width:145px;flex:none;position:relative;isolation:isolate;border:1px solid #5c586a;border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;padding:8px;font-size:14px;font-weight:700}.upload-options{flex:1;min-width:0}.upload-options input{font-size:12px}.upload-options small{display:block;color:var(--muted);font-size:11px}.file-label{display:inline-block;padding:8px 12px;border:1px solid #454053;border-radius:6px;cursor:pointer;font-size:12px}.template-list{display:grid;gap:10px;margin-top:20px}.template-entry{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:10px;border-radius:8px}.template-entry .mini-art{width:70px;height:52px;position:relative;isolation:isolate;overflow:hidden;border-radius:4px;flex:none}.template-entry .template-info{flex:1;font-size:14px}.template-entry small{display:block;color:var(--muted);font-size:11px}.era-list{border:1px solid var(--line);border-radius:8px;margin:20px 0}.era-list>div{padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}.era-list>div:last-child{border:0}.era-list span{display:block;font-size:13px;margin-top:5px}.confirmation{width:430px;padding:25px;max-width:calc(100vw - 24px)}.confirmation h2{font-size:20px;margin:0}.confirmation p{font-size:14px;color:#c2c6d4;white-space:pre-line}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#d9c7f8;color:#251b34;padding:11px 24px;border-radius:9px;z-index:100;font-size:14px;box-shadow:0 6px 25px #0007;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}#toast.visible{opacity:1}.empty-hint{grid-column:1/-1;color:var(--muted);font-size:13px;padding:15px}.image-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#aa96be;font-size:30px}
@media(min-width:1400px){:root{--row:120px}.card-label h3{font-size:20px}}@media(max-width:1050px){.topnote{display:none}.toolbar{gap:15px}.tool-actions{flex-wrap:wrap}.legend{gap:12px}.merge-control{margin-right:4px}.board{min-width:960px}.tool-actions button{font-size:12px}.card-label h3{font-size:16px}}@media(max-width:650px){.topbar{padding:0 5%;min-height:64px}.brand{font-size:14px;letter-spacing:1px}.brandmark{font-size:32px}.local-status{font-size:10px}main{padding:28px 4% 20px}h1{font-size:29px}.heading{align-items:flex-end;margin-bottom:24px}.heading>.primary{font-size:12px;padding:10px 12px;white-space:nowrap}.heading p{font-size:12px}.eyebrow{font-size:9px}.toolbar{padding:12px;gap:10px}.range{width:100%}.tool-actions{gap:6px}.merge-control{width:100%;margin:3px 0 8px}.board-heading{align-items:flex-start;flex-direction:column;margin:19px 0 13px;gap:13px}.legend{flex-wrap:wrap;font-size:11px;gap:15px}.board-scroll{max-height:72vh}.board{min-width:940px}.board-footer,.bottom-note{flex-direction:column;gap:5px;font-size:11px}.sample-note{font-size:11px;align-items:flex-start}.sample-note button{font-size:11px;white-space:nowrap}.dialog-body{padding:18px}.dialog-head{padding:18px}.dialog-footer{padding:14px 18px}.row{gap:8px}.row>label{font-size:12px}.row input,.row select{padding:9px 7px}.deck-results{grid-template-columns:repeat(2,minmax(0,1fr))}.thumbnail-row{gap:12px}.template-preview{width:110px}.rating-toggle{flex-wrap:wrap}.dialog-footer button{padding:9px 11px}.confirmation{padding:20px}}

.dialog-footer>div{margin-left:auto}.heading h1{margin:0}.heading{margin-bottom:25px}.card-label h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.image-dialog{width:min(1000px,94vw);max-height:92vh}.image-output{background:#090b12;padding:16px;max-height:65vh;overflow:auto;text-align:center}.image-output img{max-width:100%;height:auto;vertical-align:middle}.download-link{display:inline-flex;align-items:center;padding:10px 18px;border-radius:8px;background:var(--accent);color:#211735;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.image-dialog .dialog-footer{align-items:center}.image-dialog #exportDimensions{font-size:12px}
.picker-group-label{grid-column:1/-1;color:var(--accent);font-size:12px;font-weight:600;padding:5px 2px 2px}.picker-group-label:not(:first-child){margin-top:10px;border-top:1px solid var(--line);padding-top:12px}
.viewnav{display:flex;gap:4px;background:#121620;border:1px solid var(--line);border-radius:10px;padding:4px}.viewnav a{text-decoration:none;font-size:14px;font-weight:600;color:var(--muted);padding:7px 14px;border-radius:7px}.viewnav a:hover{color:var(--text)}.viewnav a.active{background:#2a2440;color:var(--accent)}
.hy-heading{margin-bottom:18px}.hy-sub{margin:6px 0 0;color:var(--muted);font-size:14px}
.hy-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}
.hy-side{position:sticky;top:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 24px)}
.hy-filters{display:flex;gap:6px;flex-wrap:wrap}.hy-filters button{font-size:12px;padding:5px 10px;background:transparent;border-radius:999px}.hy-filters button.active{border-color:var(--accent);color:var(--accent);background:#221d33}.hy-filters span{color:var(--muted);font-weight:400;margin-left:2px}
.hy-list{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#10141e;padding:6px;min-height:200px;scrollbar-color:#474052 #12151e}
.hy-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;text-decoration:none;color:var(--text);font-size:14px}.hy-item:hover{background:#1b1f2c}.hy-item.active{background:#2a2440;box-shadow:inset 0 0 0 1px #6c5a96}
.hy-item img{width:40px;height:40px;border-radius:6px;object-fit:cover;flex:none}.hy-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hy-item small{font:11px 'Space Grotesk',sans-serif;color:var(--muted);background:#1d2230;border-radius:4px;padding:1px 6px}
.hy-dot{width:7px;height:7px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 6px #ff5a5a99;flex:none}
.hy-detail{min-width:0}
.hy-empty{border:1px dashed var(--line);border-radius:14px;padding:40px 28px;text-align:center;color:var(--muted)}.hy-empty h2{color:var(--text);margin:8px 0 4px;font-size:22px}.hy-empty-icon{font-size:40px;color:var(--accent)}
.hy-general{margin:26px auto 0;max-width:620px;text-align:left;background:#131721;border:1px solid var(--line);border-radius:12px;padding:16px 18px}.hy-general h3{margin:0 0 6px;font-size:15px;color:var(--text)}.hy-general p{margin:0 0 10px;font-size:13px;line-height:1.7}.hy-general small{display:block;margin-top:10px;font-size:11px}
.hy-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#11151f}
.hy-hero{position:relative;height:220px;overflow:hidden}.hy-hero img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hy-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0e16f2 0%,#0b0e16b0 45%,#0b0e1620 100%),linear-gradient(0deg,#11151f 0%,transparent 45%)}
.hy-hero-text{position:absolute;left:26px;bottom:20px;right:26px}.hy-hero-text small{font:11px 'Space Grotesk',sans-serif;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.hy-hero-text h2{margin:2px 0 4px;font-size:34px;letter-spacing:-1px;text-shadow:0 2px 10px #000}.hy-hero-text p{margin:0;color:#c9cedd;font-size:13px}
.hy-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}.hy-legend.compact{justify-content:flex-start;margin:14px 22px 4px}
.hy-rows{padding:6px 22px 10px}
.hy-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid #1f2432}.hy-row:first-child{border-top:0}
.hy-trap b{display:block;font-size:15px}.hy-trap small{display:block;font-size:11px;color:var(--muted);margin-top:2px;line-height:1.5}
.hy-targets{display:flex;flex-direction:column;gap:12px;min-width:0}
.hy-src-group.is-old{opacity:.55}
.hy-chips{display:flex;flex-wrap:wrap;gap:6px}
.hy-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:5px 10px;border-radius:7px;border:1px solid;line-height:1.35}
.hy-chip b{font:700 11px 'Space Grotesk',sans-serif;background:#ffffff1a;border-radius:4px;padding:0 5px}
.hy-chip em{font-style:normal;font-size:10px;font-weight:500;opacity:.8}
.sev-r{background:#3a1418;border-color:#e24b4b;color:#ffb3b3}.sev-y{background:#342c10;border-color:#e3c33a;color:#f7e38e}.sev-g{background:#11301f;border-color:#3fbf73;color:#a6ecc2}.sev-n{background:#1b2030;border-color:#3a4258;color:#d5d9e6}
.hy-chip.is-old{border-style:dashed}
.hy-card-chip{max-width:100%;padding:5px 9px 5px 5px;gap:8px;white-space:normal}
.hy-chip-art{width:54px;height:54px;object-fit:contain;border-radius:5px;flex:none;background:#10131d}
.hy-chip-text{display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}
.hy-chip-text small{font-size:10px;font-weight:400;line-height:1.35;color:inherit;opacity:.8}
.hy-card-chip{padding:7px 12px 7px 7px;min-height:86px;gap:10px;align-items:center}
.hy-card-chip[data-card-full]{cursor:zoom-in}
.hy-chip-art{width:52px;height:76px;border-radius:2px;object-fit:contain;background:none}
.hy-chip-text strong{font-size:13px;line-height:1.45;font-weight:700}
.hy-chip-text small{font-size:12px;line-height:1.5;max-width:240px;opacity:.9}
.hy-card-chip:focus-visible{outline:2px solid #b6c8ff;outline-offset:3px}
.hy-src-group{opacity:1}
.hy-card-preview{position:fixed;z-index:10000;display:flex;gap:16px;padding:20px;background:#171c2b;border:1px solid #5e6b89;border-radius:14px;box-shadow:0 18px 70px #0009;color:#edf1ff;max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}
.hy-card-preview[hidden]{display:none}
.hy-card-preview>img{width:200px;height:290px;object-fit:contain;flex-shrink:0;align-self:flex-start}
.hy-card-preview>div{min-width:0;padding-top:8px}
.hy-card-preview strong{font-size:17px;line-height:1.5}
.hy-card-preview p{font-size:13px;line-height:1.8;white-space:pre-line;color:#d5def2;margin-top:12px}
.hy-preview-close{position:absolute;right:5px;top:3px;background:transparent;border:0;color:#dbe4fc;font-size:24px;cursor:pointer;padding:2px 8px}
@media(max-width:600px){.hy-card-preview{gap:12px;flex-direction:column;align-items:center}.hy-card-preview>div{width:100%}.hy-card-preview>img{align-self:center}.hy-chip-text small{max-width:190px}.hy-card-chip{max-width:100%}}
.fw-great{background:#11301f;border-color:#3fbf73;color:#a6ecc2}.fw-usable{background:#1b2638;border-color:#5a8fd6;color:#bcd6ff}.fw-weak{background:#2b2616;border-color:#9c8a4a;color:#e0d4a6}.fw-bad{background:#2a1a1d;border-color:#7a3b44;color:#d9a3aa}
.hy-note{margin:6px 0 0;font-size:12px;color:#aab1c4;line-height:1.6}
.hy-src{display:inline-block;margin-top:6px;font-size:11px;color:#7f889e;text-decoration:none}.hy-src:hover{color:var(--accent)}
.hy-disclaimer{margin:0;padding:14px 22px 18px;font-size:11px;color:#6d778c;border-top:1px solid #1f2432}
@media(max-width:900px){.hy-layout{grid-template-columns:1fr}.hy-side{position:static;max-height:none}.hy-list{max-height:280px}.hy-row{grid-template-columns:1fr;gap:8px}.hy-hero{height:170px}.hy-hero-text h2{font-size:26px}.topbar{flex-wrap:wrap;gap:10px;padding-top:10px;padding-bottom:10px}.viewnav a{font-size:12px;padding:6px 10px}}

/* card tiles (2026-09-27) */
.hy-chips{gap:10px;align-items:flex-start}
.hy-tile{display:flex;flex-direction:column;align-items:center;width:112px;padding:6px 6px 8px;border-radius:10px;border:1px solid;cursor:zoom-in;text-align:center;gap:4px;transition:transform .12s,box-shadow .12s}
.hy-tile:hover,.hy-tile:focus-visible{transform:translateY(-2px);box-shadow:0 6px 18px #0008}
.hy-tile-art{position:relative;display:block;width:100px;aspect-ratio:176/256}
.hy-tile-art img{width:100%;height:100%;display:block;border-radius:4px;box-shadow:0 2px 6px #0009}
.hy-tile strong{font-size:12px;line-height:1.35;font-weight:700;color:#f1f2f7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
.hy-tile small{font-size:10.5px;line-height:1.35;color:#b9bfd0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hy-tile.sev-r{background:#3a141899}.hy-tile.sev-y{background:#342c1099}.hy-tile.sev-g{background:#11301f99}.hy-tile.sev-n{background:#1b2030}
.hy-rank{position:absolute;left:-4px;top:-4px;font:700 11px 'Space Grotesk',sans-serif;background:#0b0e16;border:1px solid #5a6178;color:#fff;border-radius:5px;padding:0 5px}
.hy-chip .hy-rank{position:static;margin-right:4px}
.hy-card-preview>img{width:300px;height:437px}@media(max-width:600px){.hy-card-preview>img{width:min(300px,80vw);height:auto}}
@media(max-width:650px){.hy-rows{padding:6px 12px 10px}.hy-chips{gap:6px}.hy-tile{width:calc((100% - 12px)/3);padding:4px 4px 6px}.hy-tile-art{width:100%}.hy-tile strong{font-size:11px}}
/* severity tiles match legend chips */
.hy-tile{border-width:2px}
.hy-tile.sev-r{background:#3a1418;border-color:#e24b4b}.hy-tile.sev-r strong,.hy-tile.sev-r small{color:#ffb3b3}
.hy-tile.sev-y{background:#342c10;border-color:#e3c33a}.hy-tile.sev-y strong,.hy-tile.sev-y small{color:#f7e38e}
.hy-tile.sev-g{background:#11301f;border-color:#3fbf73}.hy-tile.sev-g strong,.hy-tile.sev-g small{color:#a6ecc2}
.hy-tile.sev-n{background:#1b2030;border-color:#3a4258}.hy-tile.sev-n strong{color:#e4e7f0}.hy-tile.sev-n small{color:#aab1c4}
.hy-tile small{opacity:.85}

.hy-rating{display:inline-block;margin:6px 0 0 8px;font:600 11px 'Space Grotesk','Noto Sans KR',sans-serif;padding:1px 7px;border-radius:5px;border:1px solid #3a4258;color:#c9d0e0;vertical-align:middle}.hy-rating.r-great{border-color:#3fbf73;color:#a6ecc2}.hy-rating.r-usable{border-color:#5a8fd6;color:#bcd6ff}

.hy-tile small,.hy-tile strong{word-break:keep-all;overflow-wrap:anywhere}
.hy-tile strong,.hy-tile small{display:block;overflow:visible;-webkit-line-clamp:unset}
.hy-overview,.hy-tactics,.hy-flow{margin:20px 24px;word-break:keep-all;overflow-wrap:break-word}
.hy-overview h3,.hy-tactics h3{font-size:15px;margin:0 0 12px}
.hy-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;align-items:start}
.hy-matchup{background:#171d2b;border:1px solid #424b60;border-radius:10px;padding:12px;border-top:3px solid #788299}
.hy-matchup summary{cursor:pointer;list-style:none;display:flex;flex-direction:column;gap:7px;font-size:13px}
.hy-matchup summary:after{content:'조건 보기 ▾';font-size:10px;color:#acb6c9}
.hy-matchup[open] summary:after{content:'접기 ▴'}
.hy-matchup.is-high{border-top-color:#f27575}.hy-matchup.is-high b{color:#ffaaaa}
.hy-matchup.is-conditional{border-top-color:#dfba68}.hy-matchup.is-conditional b{color:#e9cc8e}
.hy-matchup.is-low{border-top-color:#79a998}.hy-matchup.is-low b{color:#a6c5b9}
.hy-matchup p,.hy-tactics p,.hy-flow p{font-size:13px;line-height:1.7;color:#c5ccdc}
.hy-overview>small{display:block;margin-top:9px;font-size:11px;color:#95a1b8;line-height:1.6}
.hy-matchup .hy-src,.hy-tactics .hy-src,.hy-supplement .hy-src{display:block;margin-top:5px}
.hy-tactics{border-left:3px solid #788eca;padding:4px 16px}
.hy-tactics p{margin-bottom:4px}.hy-tactics>div{margin-bottom:16px}
.hy-supplement{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.65;margin-top:12px;color:#bcc6dc;word-break:keep-all}.hy-supplement>.hy-tile{flex:0 0 112px}.hy-supplement>div{flex:1;min-width:0}
.hy-flow{padding:16px;background:#0b1020;border:1px solid #303b56;border-radius:12px}
.hy-flow>summary{cursor:pointer;font-weight:700}.hy-flow-path{display:flex;align-items:center;gap:16px;overflow:auto;padding:18px 2px;border-top:1px solid #29324a}
.hy-flow-path>div,.hy-flow-path>p{flex:1;min-width:130px}.hy-flow-path b{display:block;font-size:12px;margin-bottom:12px;color:#c6d4f3}
.hy-flow-path small{display:block;font-size:11px;color:#a6b7d5;line-height:1.5;margin-top:8px}
.hy-flow-path .hy-flow-arrow{min-width:70px;flex:0 0 70px;text-align:center;font-size:26px;color:#e1b967}
.hy-flow-caption{max-width:650px}.hy-flow-path .hy-tile{margin:auto}
@media(max-width:650px){.hy-overview,.hy-tactics,.hy-flow{margin:16px 12px}.hy-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hy-flow-path .hy-tile{width:112px}}

/* ===== 마스터 보고서 반영 덱: 카드 나열형 (HYEOL_V2 legacy_view) ===== */
.hy-matchup.is-unclassified{border-top-color:#4a5268;border-top-style:dashed}.hy-matchup.is-unclassified b{color:#aab1c4}
.hy-srcline{display:flex;flex-wrap:wrap;gap:0 8px;margin-top:4px}.hy-srcline .hy-src{margin-top:0}
.hy-matchup .hy-srcline .hy-src{display:inline-block}
.hy-secnote{margin:0 0 10px}
.hy-sevgroups{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-start}.hy-sevgroup{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hy-sevlabel{font-size:11px;padding:2px 8px}
.hy-ctiles{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.hy-ctile{width:136px;display:flex;flex-direction:column;align-items:center;text-align:center}
.hy-ctile>.hy-tile{width:112px}.hy-ctile>p{margin:6px 0 0;font-size:11.5px;line-height:1.5;color:#c5ccdc;word-break:keep-all}
.hy-ctile .hy-srcline{justify-content:center}.hy-ctile .hy-src{font-size:10.5px}
.hy-flow-path+.hy-srcline{margin:-10px 0 8px}
@media(max-width:650px){.hy-sevgroups{gap:12px}.hy-sevgroup{width:100%}.hy-ctiles{gap:8px;width:100%}.hy-ctile{width:calc((100% - 16px)/3)}.hy-ctile>.hy-tile{width:100%}.hy-ctile>p{font-size:10.5px}}
/* Verified report import: readable notes and inspectable original sources. */
.hy-ctile{width:180px;text-align:left;align-items:stretch;gap:5px}
.hy-card-set{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
.hy-card-set .hy-tile{width:112px;text-align:center}
.hy-ctile.hy-multiple{width:max-content;max-width:100%;min-width:0}
.hy-sevgroup,.hy-ctiles{max-width:100%;min-width:0}
.hy-card-set .hy-tile{flex-shrink:0}
.hy-ctile p,.hy-explanation p,.hy-sources{font-size:12px;line-height:1.65;word-break:keep-all;overflow-wrap:break-word;margin:0}
.hy-timing{font-size:12px;line-height:1.5;color:#cbd5e8;word-break:keep-all}
.hy-evidence{font-size:10px;color:#dbb979}
.hy-sources summary,.hy-explanation summary{cursor:pointer;font-size:11px;color:#8fa5cb}
.hy-sources[open]{background:#111929;padding:8px;border-radius:6px}
.hy-sources .hy-srcline{display:block}.hy-sources .hy-src{display:block;margin:6px 0;text-align:left}
.hy-unverified{color:#b9a891!important}.hy-unverified small{overflow-wrap:anywhere}
.hy-secnote{max-width:850px;line-height:1.7;word-break:keep-all}
@media(max-width:650px){.hy-ctile{width:calc((100% - 8px)/2)}.hy-ctile.hy-multiple{width:100%}.hy-card-set .hy-tile{width:100px}.hy-ctile>p{font-size:12px}}

.hy-tips{margin:8px 0 0;padding-left:18px;font-size:12px;color:#c9cfdd;line-height:1.6;word-break:keep-all}
.hy-tips li{margin:2px 0}
.hy-avoid{margin:8px 0 0;font-size:12px;color:#aab1c4;line-height:1.6;word-break:keep-all}
.hy-avoid b{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:999px;background:#3a2a2e;color:#f0b7b7;font-size:11px}
.hy-matchup.is-unknown{border-top-color:#4a5268;border-top-style:dashed}.hy-matchup.is-unknown b{color:#aab1c4}
.hy-ctile p,.hy-secnote,.hy-tips li,.hy-matchup p,.hy-tactics p{white-space:pre-line}
.cm-btn{background:rgba(201,175,255,.08);border:1px solid rgba(201,175,255,.35);color:#cdb8ff;border-radius:999px;font:inherit;font-size:11px;font-weight:600;padding:3px 10px;cursor:pointer;margin-top:6px;white-space:nowrap}
.cm-btn:hover{background:rgba(201,175,255,.18);border-color:var(--accent);color:#fff}.cm-btn.has{background:rgba(201,175,255,.2);border-color:var(--accent);color:#fff}
.cm-sec{display:inline-block;margin-top:10px}
.cm-deck{margin:28px 0 8px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.cm-deck h3{margin:0 0 6px;font-size:16px}.cm-deck h3 small{color:var(--muted);font-weight:400;font-size:12px}
.cm-guide{margin:0 0 12px;color:var(--muted);font-size:12px;word-break:keep-all}
.cm-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.cm-list li{background:#1a1f2d;border-radius:10px;padding:9px 12px}
.cm-list li p{margin:4px 0 0;font-size:13px;line-height:1.6;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}
.cm-list .cm-empty{background:none;color:var(--muted);font-size:13px;padding:4px 0}
.cm-meta{display:flex;gap:8px;align-items:center;font-size:12px}.cm-meta b{color:var(--text)}.cm-meta span{color:var(--muted)}
.cm-report{margin-left:auto;background:none;border:0;color:#6c7389;font:inherit;font-size:11px;cursor:pointer}.cm-report:hover{color:#ff9b9b}
.cm-orphan{margin-bottom:12px}.cm-orphan summary{cursor:pointer;color:var(--muted);font-size:12px;margin-bottom:8px}
.cm-form{display:flex;flex-direction:column;gap:8px}
.cm-row{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cm-form input,.cm-form textarea{background:#0f121b;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:inherit;font-size:13px}
.cm-form input{width:200px;max-width:100%}.cm-form textarea{resize:vertical;min-height:70px}
.cm-form input:focus,.cm-form textarea:focus{outline:none;border-color:var(--accent)}
.cm-count{color:var(--muted);font-size:11px}
.cm-ts{min-height:0;flex:1;min-width:0}
.cm-send{background:var(--accent);color:#16121f;border:0;border-radius:9px;padding:9px 16px;font:inherit;font-weight:700;cursor:pointer}.cm-send:disabled{opacity:.5}
.cm-msg{margin:0;font-size:12px;color:var(--muted);min-height:1em}
.cm-modal{position:fixed;inset:0;z-index:70;background:rgba(5,6,12,.6);display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px}
.cm-modal[hidden]{display:none}
.cm-dialog{width:min(560px,100%);max-height:84vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.cm-dialog header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;word-break:keep-all}
.cm-close{background:none;border:0;color:var(--muted);font-size:22px;cursor:pointer}
@media(max-width:650px){.cm-modal{padding:0;align-items:flex-end}.cm-dialog{border-radius:14px 14px 0 0;max-height:88vh}}
.cm-ov{display:block;width:max-content;margin-top:8px}
.cm-as{color:var(--muted);font-size:12px}.cm-mine{border-left:3px solid var(--accent)}.cm-meta em{font-style:normal;font-size:10px;background:var(--accent);color:#16121f;border-radius:999px;padding:0 6px;margin-left:4px}
.cm-tile{align-self:flex-start;width:max-content}

/* 합성 덱 이미지 (등반 기록기의 .art 대각선 합성 재사용) */
.hy-mix{position:relative;display:block;overflow:hidden;isolation:isolate}
.hy-mix .art:after{display:none}
.hy-item .hy-mix{width:40px;height:40px;border-radius:6px;flex:none}
.hy-hero .hy-mix{position:absolute;inset:0}

/* 마스터듀얼 금제 표시: masterduelmeta와 같은 공식 금제 아이콘을 카드 왼쪽 위에 */
.hy-tile-art img.hy-ban{position:absolute;top:-5px;left:-5px;width:30%;height:auto;border-radius:0;box-shadow:none;filter:drop-shadow(0 1px 2px #000c);z-index:2;pointer-events:none}

.hy-sort{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.hy-sort select{flex:1;min-width:0;font:inherit;font-size:12px;padding:5px 8px;border-radius:8px;background:transparent;color:inherit;border:1px solid var(--line,#3b3f58)}.hy-sort select option{background:#1a1c28}

/* Hand selection: scoped so admin and climb views retain their layout. */
.hy-hand{padding:16px 22px;border-bottom:1px solid var(--line,#d9dee7);background:var(--panel,#fff)}
.hy-hand summary{cursor:pointer;font-weight:700}.hy-hand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:14px}
.hy-hand-grid label,.hy-hand-context label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
.hy-hand select{width:auto;min-width:58px;padding:5px;border:1px solid #9ba7b6;border-radius:6px;background:inherit;color:inherit}
.hy-hand-context{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.hy-hand-context button{padding:5px 10px}
.hy-hand-plan{padding:12px;border-left:3px solid #668ac0;margin:10px 0;background:#668ac00d}
.hy-hand p,.hy-hand li{line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}.hy-hand li{margin:7px 0}.hy-hand small{font-size:11px}
.hy-hand-caption{font-size:12px;color:#697587}.hy-hand-warnings{font-size:13px}.hy-hand-warnings summary{color:#95631b}
.hy-legend small{font-size:12px;color:#6c7888}.hy-ctile .hy-timing{font-weight:650}.hy-ctile p{line-height:1.6;word-break:keep-all}
@media(max-width:600px){.hy-hand{padding:14px}.hy-hand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hy-hand-context{gap:10px}}

.hy-hand-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.hy-hand-heading>button{font-size:12px;padding:4px 8px}
.hy-hand-grid{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:8px;max-width:760px}
.hy-hand-pick{padding:3px 3px 6px!important;position:relative;border:2px solid transparent!important;border-radius:9px;opacity:.64;background:transparent!important;color:inherit;min-width:0;cursor:pointer}
.hy-hand-pick img{width:100%;max-width:66px;aspect-ratio:176/256;object-fit:cover;border-radius:4px;display:block;margin:auto}.hy-hand-pick span{display:block;font-size:11px;margin-top:4px;text-align:center;white-space:nowrap}
.hy-hand-pick i{display:none;position:absolute;top:2px;right:2px;background:#256eaf;color:#fff;border-radius:50%;width:19px;height:19px;line-height:19px;font-style:normal}
.hy-hand-pick[aria-pressed=true]{border-color:#256eaf!important;opacity:1;background:#256eaf12!important}.hy-hand-pick[aria-pressed=true] i{display:block}.hy-hand-pick:hover,.hy-hand-pick:focus-visible{opacity:1;outline:2px solid #789bbd}
.hy-hand-context{display:block;margin:10px 0;font-size:12px}.hy-hand-context summary{font-size:12px;font-weight:400}.hy-hand-context label{display:inline-flex;margin:10px 12px 0 0}.hy-hand-more{margin-top:10px;font-size:12px}.hy-hand-more summary{font-weight:400}
#hyHandResult:empty{display:none}#hyHandResult ul{padding-left:18px}#hyHandResult>p{font-size:12px;margin:8px 0}.hy-hand-warnings{margin-top:12px}
@media(max-width:600px){.hy-hand-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hy-hand-context summary small{display:block}}

.hy-hand-choice{min-width:0}.hy-hand-choice>.hy-hand-pick{width:100%}.hy-hand-numbers{display:flex;justify-content:center;gap:3px;margin-top:3px}
.hy-hand-numbers button{padding:2px 0!important;min-width:20px;height:23px;line-height:17px;border:1px solid #b4c0cc;border-radius:4px;font-size:11px;background:transparent;color:inherit}
.hy-hand-numbers button[aria-pressed=true]{background:#256eaf;color:white;border-color:#256eaf}

.hy-hand-condition{display:block;margin:3px 0 8px;color:#697587;line-height:1.55}

.hy-hand-condition,.hy-hand-caption{color:#b1b9cc}

.hy-hand-group-label{font-size:12px;color:#b1b9cc;margin:12px 0 7px}.hy-hand-first{margin:10px 0!important}.hy-hand-first>span{color:#c6a7ff;font-weight:700}.hy-hand-branches{margin:0 0 8px;padding-left:18px;border-left:2px solid #656285}.hy-hand-branches li{margin:8px 0;line-height:1.6}.hy-hand-targets{margin:12px 0;font-size:13px}.hy-hand-no-plan{color:#b1b9cc;font-size:13px}.hy-hand-plan strong{color:#e2d6ff}

.hy-hand-fold>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.hy-hand-fold>summary::-webkit-details-marker{display:none}.hy-hand-fold>summary::before{content:'▸';color:var(--muted)}.hy-hand-fold[open]>summary::before{content:'▾'}.hy-hand-fold>summary small{color:var(--muted);font-size:12px}.hy-hand-fold[open]>summary{margin-bottom:10px}

.hy-hand-pick.is-unused{opacity:.32;filter:grayscale(1);cursor:not-allowed}.hy-hand-pick.is-unused:hover{transform:none}.hy-hand-hint{color:var(--muted);font-size:12px;margin-left:8px;font-weight:400}

/* 순서도 (패와 턴에 따라 달라지는 선택) */
.hy-route{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0 6px;background:rgba(255,255,255,.02)}
.hy-rt-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-bottom:10px}
.hy-rt-head b{font-size:14px}
.hy-rt-hand{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.hy-rt-mine{display:inline-flex;align-items:center;gap:4px}
.hy-rt-ht{display:inline-flex;flex-direction:column;align-items:center;gap:2px}
.hy-rt-ht img{width:38px;border-radius:4px;display:block}
.hy-rt-ht small{font-size:10px;color:var(--muted);white-space:nowrap}
.hy-rt-or,.hy-rt-plus{font-style:normal;font-size:11px;color:var(--muted)}
.hy-rt-plus{font-size:14px;font-weight:700;margin:0 2px}
.hy-rt-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 0}
.hy-rt-tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#2b2440;color:#d9c8ff;white-space:nowrap;align-self:start;margin-top:4px}
.hy-rt-opp,.hy-rt-resp{display:flex;align-items:center;gap:8px;min-width:0}
.hy-rt-opp p,.hy-rt-resp p{margin:0;font-size:13px;line-height:1.45}
.hy-rt-card img{width:46px;border-radius:4px;display:block;cursor:zoom-in}
.hy-rt-card{flex:none}
.hy-rt-arrow{font-size:18px;color:#c6a7ff;font-weight:700}
.hy-rt-resp{background:rgba(198,167,255,.08);border-radius:8px;padding:6px 8px}
.hy-rt-resp.is-none{background:rgba(255,255,255,.03)}
.hy-rt-resp.is-none p{color:var(--muted)}
.hy-rt-branches{border-left:2px dashed #4a4166;margin-left:22px;padding-left:12px}
.hy-rt-branches .hy-rt-tag{background:#23283a;color:#b9c3e0}
.hy-rt-sub{display:block;font-size:11px;color:var(--muted);margin:4px 0 0}
.hy-rt-note{margin:8px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
@media (max-width:640px){
 .hy-rt-step{grid-template-columns:auto minmax(0,1fr);row-gap:6px}
 .hy-rt-arrow{grid-column:1;justify-self:center;transform:rotate(90deg)}
 .hy-rt-resp{grid-column:2}
 .hy-rt-branches{margin-left:6px;padding-left:8px}
}

.hy-hero-meta{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:28px;row-gap:6px}.hy-hero-meta p{margin:0}.hy-hero-meta .hy-hero-builds{display:flex;align-items:baseline;gap:10px;font-size:12px}.hy-hero-builds>span:first-child{font-weight:600;white-space:nowrap}

.help-heading-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Short spotlight walkthrough */
.help-tour{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#f1f3fb}.help-tour::backdrop{background:transparent;backdrop-filter:none}.tour-ring{position:absolute;border:2px solid #c4a0ff;border-radius:10px;box-shadow:0 0 0 9999px #070910cc;pointer-events:none}.tour-tip{position:absolute;box-sizing:border-box;padding:18px 20px;border:1px solid #9670cd;border-radius:14px;background:#1b2031;box-shadow:0 12px 48px #0008}.tour-top{display:flex;align-items:center;justify-content:space-between;color:#c6a8ff;font-size:12px;font-weight:700}.tour-top button{border:0;background:transparent;padding:0 4px;font-size:22px;color:#d7dcee}.tour-tip h2{font-size:20px;margin:6px 0 10px;line-height:1.35}.tour-tip p{font-size:14px;line-height:1.65;color:#d1d8e9;margin:0 0 18px}.tour-nav{display:flex;justify-content:space-between;gap:12px}.tour-nav button{min-height:40px}.tour-nav button:disabled{opacity:.35}.tour-tip button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.help-tour *{scroll-behavior:auto}}

.branch-help{font-size:11px;padding:3px 8px;margin-left:10px;vertical-align:middle;color:#c6a5ef}.tour-tip p{word-break:keep-all;overflow-wrap:break-word}

.hy-updated{position:absolute;right:16px;top:14px;z-index:2;display:flex;gap:7px;align-items:center;font-size:11px;color:#d8deeb;background:#0c101bc9;border:1px solid #ffffff20;border-radius:6px;padding:5px 9px;pointer-events:none}.hy-updated time{color:#f0f2fa;font-variant-numeric:tabular-nums}@media(max-width:540px){.hy-updated{right:10px;top:10px;font-size:10px;padding:4px 7px}}

.help-tour.tour-no-target{background:#060914bd}

/* Card archive identity */
.brand{gap:10px;flex-shrink:0;letter-spacing:0}.brand-symbol{width:51px;height:56px;display:block}.brand-wordmark{display:flex;flex-direction:column;gap:2px}.brand-kicker{font-size:9px;letter-spacing:3.2px;color:#a9a5c0;font-weight:600}.brand-title{font-family:"Space Grotesk",sans-serif;font-size:21px;line-height:1.1;font-weight:750;letter-spacing:-.7px;color:#f3efff}.brand-title>span{color:#c4a2f4;margin-left:4px;font-weight:500}.brand:hover .brand-symbol{filter:drop-shadow(0 0 6px #bd93ff55)}@media(max-width:650px){.brand-symbol{width:38px;height:44px}.brand{gap:6px}.brand-title{font-size:16px}.brand-kicker{font-size:7px;letter-spacing:2.2px}}

/* Feedback hierarchy: one prominent invitation, quiet per-item actions. */
.cm-btn{background:transparent;border:0;border-radius:5px;color:#a6aec1;font-size:11px;font-weight:500;padding:4px 2px;min-height:28px;margin-top:4px}
.cm-btn:hover,.cm-btn:focus-visible{background:rgba(201,175,255,.1);color:#e1d1ff}
.cm-btn.has{background:rgba(201,175,255,.12);color:#d9c5ff;padding-inline:7px;font-weight:700}
.cm-btn:focus-visible,.cm-invite-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.cm-sec{margin-top:6px}.cm-ov{margin-top:4px}
.cm-invite{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 20px;padding:13px 16px;border:1px solid #45405d;border-radius:10px;background:#1a1929}
.cm-invite strong{font-size:13px;color:#e2d4ff}.cm-invite p{margin:3px 0 0;font-size:12px;color:#b4bbcd;word-break:keep-all}
.cm-invite-btn{flex-shrink:0;border:1px solid #776094;border-radius:8px;background:#332742;color:#efe4ff;padding:9px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.cm-invite-btn:hover{background:#453255}.cm-invite-btn span{margin-left:4px}
@media(max-width:650px){.cm-invite{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.cm-invite-btn{width:100%;min-height:40px}.cm-btn{min-height:32px;padding-inline:5px}}

.cm-trap-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cm-trap-line .cm-sec{margin:0}
.cm-tile-actions{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:2px}.cm-tile-actions .cm-btn{margin:0}.cm-tile-actions .hy-sources{margin:0;min-width:0}
.cm-rating-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cm-rating-line .cm-ov{display:inline-flex;margin:0}
.cm-meta-feedback{margin:0!important;color:#c7bfd9;padding:4px 6px;text-decoration:underline;text-decoration-color:#675d7c;text-underline-offset:4px}

/* Separate adjacent card explanations and preserve intentional timing breaks. */
.hy-ctiles{column-gap:28px;row-gap:24px;align-items:stretch}
.hy-ctile{gap:8px}.hy-ctile .hy-timing{white-space:pre-line;line-height:1.65;margin-top:3px}
.hy-ctile .cm-tile-actions{padding-top:5px}
@media(max-width:650px){.hy-ctiles{column-gap:18px;row-gap:22px}.hy-ctile{width:calc((100% - 18px)/2)}.hy-ctile.hy-multiple{width:100%}}