/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4
 * macrostructure: Catalogue · theme: Plain (locked project system)
 * nav: N1a (language selector) · footer: Ft2 · enrichment: original owned-card images
 * motion: control feedback only · typography: Korean system sans + mono
 */
:root{--color-paper:#f6f7f9;--color-surface:#fff;--color-ink:#17212f;--color-muted:#586476;--color-rule:#d6dde5;--color-subtle:#e9edf2;--color-accent:#244dce;--color-accent-hover:#1b3da9;--color-accent-ink:#fff;--color-selected:#edf2ff;--color-focus:#000;--color-success:#14664c;--color-success-bg:#e9f5f0;--color-error:#a72f36;--color-error-bg:#fff2f2;--color-backdrop:#17212f80;--color-transparent:transparent;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Malgun Gothic",sans-serif;--font-display:var(--font-body);--font-mono:ui-monospace,"SFMono-Regular",Consolas,monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius:8px}
*{box-sizing:border-box}html,body{overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:14px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,summary,select{cursor:pointer}button,a,summary{touch-action:manipulation}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button,.button,a,summary{white-space:nowrap}input,select{width:100%;min-width:0;height:44px;padding:10px 12px;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:6px}input::placeholder{color:var(--color-muted)}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-style:normal;min-width:0;overflow-wrap:anywhere}h1{font-size:clamp(24px,2vw,30px);line-height:1.25;letter-spacing:-.04em}h2{font-size:17px}h3{font-size:15px}a{color:var(--color-accent)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.container,.masthead-inner{width:min(1440px,100%);margin-inline:auto;padding-inline:clamp(12px,3vw,40px)}.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:12px;z-index:50;padding:12px;background:var(--color-surface)}.skip-link:focus{inset-block-start:8px}.masthead{background:var(--color-surface);border-bottom:1px solid var(--color-rule)}.masthead-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:16px}.wordmark{display:inline-flex;align-items:baseline;gap:10px;color:var(--color-ink);text-decoration:none;font-size:22px;font-weight:750;letter-spacing:-.05em}.wordmark span{font:10px var(--font-mono);letter-spacing:.14em;color:var(--color-muted)}.regions{display:flex;gap:4px}.regions button{min-height:44px;padding:8px 12px;border:0;border-radius:6px;background:var(--color-transparent);color:var(--color-muted);font-weight:600}.regions button[aria-pressed=true]{background:var(--color-selected);color:var(--color-accent)}.page-heading{display:flex;flex-direction:column;gap:16px;padding-block:30px 24px}.page-heading p{color:var(--color-muted);margin-top:8px}.pricing-note{font-size:13px;flex-shrink:0}.pricing-note strong{color:var(--color-ink)}.pricing-note span{margin-inline-start:10px}.filters{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius)}#filter-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}label{display:block;min-width:0}label>span{display:block;margin-bottom:6px;font-size:12px;font-weight:600}.search-field{grid-column:1/-1}.input-wrap{position:relative}.input-wrap svg{position:absolute;inset-inline-start:12px;inset-block-start:13px;color:var(--color-muted)}.input-wrap input{padding-inline-start:40px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid var(--color-rule);border-radius:6px;background:var(--color-surface);color:var(--color-ink);font-size:13px;font-weight:600;transition:background 140ms,transform 100ms}.button:active:not(:disabled),.copy-code:active{transform:translateY(1px)}.reset-button{align-self:end}#card-filter{border-top:1px solid var(--color-rule)}summary{display:flex;align-items:center;gap:12px;min-height:52px;list-style:none;padding:12px 16px;font-weight:600;font-size:13px}summary::-webkit-details-marker{display:none}summary>span:not(.disclosure){font-size:12px;font-weight:400;color:var(--color-muted)}.disclosure{margin-inline-start:auto;font-size:20px;line-height:1}details[open] .disclosure{transform:rotate(180deg)}.card-filter-body{padding:0 16px 16px}.card-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.card-filter-heading p{font-size:12px;color:var(--color-muted)}.text-button{min-height:44px;padding:8px 0;border:0;background:var(--color-transparent);color:var(--color-accent);font-size:12px}.result-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-block:28px 12px}.result-heading h2{font-size:16px}.result-heading p{font-size:12px;color:var(--color-muted)}.accounts{display:grid;gap:16px;outline:0}.account{min-width:0;padding:16px;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius);content-visibility:auto;contain-intrinsic-size:auto 260px}.account-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.identity,.account-actions{display:flex;gap:10px;align-items:center;min-width:0}.region-badge{font-size:11px;font-weight:600;padding:3px 6px;border:1px solid var(--color-rule);border-radius:4px;white-space:nowrap}.copy-code{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:44px;padding:5px 0;border:0;background:var(--color-transparent);font:600 13px var(--font-mono);color:var(--color-accent)}.copy-code span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-actions{margin-inline-start:auto;gap:12px}.price{font-size:18px;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}.details-button{padding-inline:12px}.details-button span{font-size:16px;color:var(--color-muted)}.facts{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin-block:10px 16px;color:var(--color-muted);font-size:12px}.facts b{font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums;margin-inline-start:4px}.ticket-list{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.ticket{display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 7px;border:1px solid var(--color-rule);border-radius:4px;font-size:11px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(88px,100%),1fr));gap:10px;align-items:start}.owned-card{min-width:0;max-width:120px;width:100%;position:relative}.card-image{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-rule);border-radius:5px;background:var(--color-paper)}.card-image img{width:100%;height:100%;object-fit:contain;display:block}.quantity{position:absolute;right:3px;top:3px;background:var(--color-ink);color:var(--color-surface);border-radius:3px;padding:1px 4px;font:600 11px/1.5 var(--font-body)}.rarity{position:absolute;left:3px;bottom:3px;padding:0 3px;background:var(--color-surface);color:var(--color-ink);border-radius:2px;font:700 10px/1.5 var(--font-mono)}.card-title{margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.4;min-height:2.8em;overflow-wrap:anywhere}.card-character{font-size:11px;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-image{font-size:11px;color:var(--color-muted);padding:6px;text-align:center}.filter-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(88px,100%),1fr));max-height:370px;overflow:auto;padding:3px}.card-choice{position:relative;min-width:0;border:1px solid var(--color-rule);border-radius:6px;padding:5px;background:var(--color-surface);color:var(--color-ink);text-align:left;white-space:normal}.card-choice[aria-pressed=true]{outline:2px solid var(--color-accent);outline-offset:-2px;background:var(--color-selected)}.card-choice .card-title{font-size:11px}.card-choice .card-character{font-size:10px}.choice-mark{position:absolute;right:7px;top:7px;background:var(--color-accent);color:var(--color-accent-ink);border-radius:3px;font-size:11px;padding:0 4px}.pagination{display:flex;justify-content:center;gap:24px;align-items:center;margin-block:24px 40px}.pagination span{color:var(--color-muted);font:12px var(--font-mono)}.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px 24px;border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:11px}.empty{text-align:center;padding:50px 16px}.empty svg{color:var(--color-muted);margin-bottom:12px}.empty h2{font-size:17px}.empty p{margin:8px 0 20px;color:var(--color-muted)}.empty-inline{grid-column:1/-1;color:var(--color-muted);padding-block:18px;font-size:13px}.notice{background:var(--color-error-bg);color:var(--color-error);border-radius:6px;padding:16px;display:flex;align-items:center;gap:16px;margin-block:12px}dialog{margin:auto;width:min(1000px,calc(100% - 24px));max-height:min(90dvh,1000px);border:1px solid var(--color-rule);border-radius:10px;padding:20px;background:var(--color-surface);color:var(--color-ink);overscroll-behavior:contain}dialog::backdrop{background:var(--color-backdrop)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-top h2{font-size:22px;font-family:var(--font-mono);letter-spacing:-.03em}.eyebrow{font-size:12px;color:var(--color-muted)}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;border-radius:6px;background:var(--color-transparent);color:var(--color-muted)}.detail-summary{display:flex;gap:12px 24px;align-items:center;flex-wrap:wrap;padding:18px 0 12px;font-size:13px}.detail-summary b{font-size:16px;margin-inline-start:5px}.muted{font-size:12px;color:var(--color-muted)}.detail-tabs{display:flex;gap:20px;border-bottom:1px solid var(--color-rule);margin-top:20px}.detail-tabs button{position:relative;min-height:48px;padding:10px 0;background:var(--color-transparent);border:0;color:var(--color-muted);font-size:13px;font-weight:600}.detail-tabs button[aria-selected=true]{color:var(--color-accent)}.detail-tabs button[aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-accent)}.detail-content{min-height:200px;padding-block:20px 8px}.item-group+.item-group{margin-top:24px}.item-group h3{margin-bottom:10px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:8px}.item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--color-paper);border-radius:6px;min-width:0}.item img{width:42px;height:42px;object-fit:contain}.item>div{min-width:0;flex:1}.item-name{font-size:12px;overflow-wrap:anywhere}.item-amount{font:600 14px var(--font-mono);margin-top:3px}.loading-line{background:var(--color-subtle);border-radius:5px;height:16px;width:70%;margin-bottom:14px}.loading-line:nth-child(2){width:50%}.loading-line:nth-child(3){width:85%}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;background:var(--color-ink);color:var(--color-surface);border-radius:8px;z-index:100;font-size:13px;text-align:center;overflow-wrap:anywhere}.copy-code[data-copied=true]{color:var(--color-success)}
@media(hover:hover){.button:hover:not(:disabled),.icon-button:hover{background:var(--color-paper)}.regions button:hover,.card-choice:hover{background:var(--color-selected)}.copy-code:hover,.text-button:hover{color:var(--color-accent-hover)}}
@media(min-width:40rem){.page-heading{flex-direction:row;align-items:flex-end;justify-content:space-between}.account{padding:20px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr))}.filter-card-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.masthead-inner{flex-wrap:nowrap}.account-top{flex-wrap:nowrap}.facts{margin-top:4px}.pricing-note span{display:block;text-align:right;font-size:11px;margin-top:3px}.reset-button{justify-self:start}}
@media(min-width:60rem){#filter-form{grid-template-columns:minmax(220px,2.4fr) minmax(100px,1fr) minmax(120px,1.2fr) minmax(160px,1.3fr) auto;align-items:end;gap:16px}.search-field{grid-column:auto}.card-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr))}.filter-card-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.card-level{font-size:11px;color:var(--color-muted);margin-top:5px}

.language-picker{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--color-muted)}.language-picker>span{margin:0;font-weight:400}.language-picker select{width:105px;height:44px;padding:8px}.detail-created{font-size:12px;color:var(--color-muted);margin-top:4px}

.card-choice>.card-character{display:block;min-width:0}