@font-face{font-family:Bitter;src:url('assets/fonts/Bitter[wght].ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
.finish-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px 14px;padding:12px 24px;color:#c4c8bd;font-size:11px}.finish-controls p{margin:0 0 0 auto;color:#a8b39e;font-size:10px}.finish-controls .segmented button[data-finish=pearl][aria-pressed=true]{background:radial-gradient(ellipse at 30% 10%,#596461,#3e4546);border-color:#8c9580;color:#fff1db}@media(max-width:600px){.finish-controls{padding:12px 14px}.finish-controls p{width:100%;margin:0}.stage[data-view=finish]{grid-template-columns:minmax(0,460px)}}
.masthead-catalog{text-align:right}.masthead-catalog>a{display:inline-block;color:#e5d4ad;text-decoration:none;border:1px solid #635c46;border-radius:7px;padding:6px 13px;margin-bottom:8px;font-size:12px}.masthead-catalog>a:focus-visible{outline:2px solid #cdb888;outline-offset:3px}.selected-card-info{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid #343930}.selected-card-info h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.04em}.selected-card-info p{margin:3px 0 0;font-size:11px;color:#adb4a5}.selection-source{text-align:right;flex:none;font-size:10px;color:#a7b999}.selection-source>[data-customized=true]{color:#e7c685}.selection-source button{display:block;margin:5px 0 0 auto;border:1px solid #706449;background:#342f20;padding:4px 9px;border-radius:5px;font-size:10px}.experiment-note{font-size:10px;color:#a9b39e;margin:0 0 10px}.segmented button:disabled{cursor:default;opacity:.35}.workbench,.card-library{scroll-margin-top:15px}
@media(max-width:600px){.masthead-catalog{margin-top:12px;text-align:left}.masthead-catalog>a{margin-bottom:0}.selected-card-info{display:block;padding-bottom:12px;margin-bottom:12px}.selected-card-info h2{font-size:16px}.selected-card-info p{font-size:10px}.selection-source{display:flex;align-items:center;gap:10px;text-align:left;margin-top:7px;font-size:9px}.selection-source button{margin:0}.copy-controls .segmented button{font-size:9px!important}}
:root{color-scheme:dark;--ink:#ece9e2;--muted:#a2a49b;--line:#343930;--panel:#191e19;--accent:#cdb888;--stage:rgb(39,41,40)}
*{box-sizing:border-box}body{margin:0;background:#101510;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,select,input[type=range],input[type=checkbox],summary{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.ability:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{color:inherit}button,select{transition:background .16s,border-color .16s}button:hover{border-color:#93846a}button:active{transform:translateY(1px)}[hidden]{display:none!important}.shell{max-width:1400px;margin:auto;padding:30px 40px 22px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;margin:0 0 9px;color:var(--accent)}.eyebrow span{color:#64705f;margin:0 9px}h1{font-size:27px;letter-spacing:-.06em;font-weight:500;line-height:1.2;margin:0}.revision-note{margin:0;color:#a7ae9f;font-size:11px;line-height:1.7;text-align:right}.workbench{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:clip}.controls{padding:18px 22px}.select-grid{display:grid;grid-template-columns:minmax(170px,1.7fr) repeat(3,minmax(110px,1fr));gap:15px}.select-grid label,.sample-inputs label{font-size:11px;color:#bcc2b6;min-width:0}.select-grid select{display:block;margin-top:5px}select{width:100%;height:39px;background:#222a22;border:1px solid #414a3c;border-radius:6px;color:var(--ink);padding:0 10px;font-size:12px;min-width:0}.control-row{display:flex;align-items:center;gap:20px;margin-top:15px}.segmented{display:flex;padding:3px;background:#10170f;border-radius:6px;border:1px solid #2f3b2b;min-width:0}.segmented button{flex:1;background:none;border:1px solid transparent;border-radius:4px;font-size:11px;padding:5px 16px;color:#a2aa9a;white-space:nowrap}.segmented button[aria-pressed=true]{background:#3b4132;color:#f0e5ca;border-color:#555741}.unit-toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:#c4cbbc;white-space:nowrap}.unit-toggle input{appearance:none;width:31px;height:18px;border-radius:12px;background:#4b5344;position:relative;margin:0}.unit-toggle input:before{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background:#e1e0d7;border-radius:50%;transition:transform .15s}.unit-toggle input:checked{background:#9a875c}.unit-toggle input:checked:before{transform:translateX(13px)}.display-options{margin-left:auto;position:relative}.display-options>summary{font-size:11px;color:#b8c0ae;list-style-position:inside}.options-panel{position:absolute;right:0;top:29px;z-index:20;width:255px;padding:18px;background:#20291e;border:1px solid #53614b;border-radius:8px;box-shadow:0 7px 24px #0008}.sample-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sample-inputs input{width:100%;margin-top:4px;padding:5px 8px;color:#e8e3d4;background:#151d12;border:1px solid #48563e;border-radius:4px;font-family:Bitter,serif;font-size:16px}.brightness-label{display:flex;justify-content:space-between;font-size:11px;color:#bdc5b4;margin-top:16px}.brightness-label output{color:var(--muted)}input[type=range]{width:100%;accent-color:var(--accent);display:block;margin:8px 0 15px}.reload{border:1px solid #4b5941;background:transparent;border-radius:5px;width:100%;padding:6px 9px;font-size:11px;color:#c0c8b7}.copy-controls{border-top:1px solid #323d2d;margin-top:15px;padding-top:13px;display:flex;gap:13px;align-items:center}.copy-controls>span:first-child{font-size:11px;color:#bac4b1;white-space:nowrap}.copy-hint{font-size:10px;color:#98a38b;margin-left:auto}.custom-copy{margin-top:13px}.custom-copy>label{display:flex;justify-content:space-between;font-size:11px;color:#c4cdb8}.custom-copy>label span{font-size:10px;color:#98a38b}textarea{display:block;width:100%;resize:vertical;min-height:110px;max-height:320px;margin-top:6px;padding:11px 13px;background:#121b0f;border:1px solid #4d5f3e;color:#e4ebda;border-radius:6px;line-height:1.7;font-size:13px}.editor-foot{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#9aaa89;margin-top:5px}.stage-toolbar,.stage-foot{display:flex;justify-content:space-between;gap:10px;padding:11px 24px;color:#a6b09d;font-size:10px}.stage-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stage-toolbar>span:first-child{color:#e4e1d7}.stage{display:grid;grid-template-columns:repeat(2,minmax(0,460px));justify-content:center;align-items:start;gap:44px;padding:26px 36px 23px;background:var(--stage);transition:background .18s;min-height:300px}.card-figure{width:100%;max-width:460px;margin:0;justify-self:center;min-width:0}.card{aspect-ratio:2/3;position:relative;isolation:isolate;container-type:inline-size;width:100%}.card img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.card>.layer[data-layer="원화"],.dimming-surface{clip-path:inset(2.5% 3.5% 2.6% round 10% / 6.67%)}.dimming-surface{position:absolute;inset:0;pointer-events:none}.runtime-text{position:absolute;text-align:center;transform:translate(-50%,-50%);margin:0;pointer-events:none;white-space:nowrap}.stat-number{font-family:Bitter,Georgia,serif;font-weight:700;font-variant-numeric:lining-nums tabular-nums;color:#fff5da;line-height:1;text-shadow:0 .18cqw .4cqw #191813e6}.card-title{line-height:1.2;font-weight:700;letter-spacing:-.025em;color:#fff3d8;text-shadow:0 .15cqw .35cqw #000;max-width:74%;overflow:hidden;text-overflow:ellipsis}.ability{position:absolute;text-align:left;margin:0;color:#f7f0df;line-height:1.6;font-weight:500;letter-spacing:-.027em;word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 .16cqw .45cqw #000b;white-space:pre-wrap;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#b9a77980 transparent;scrollbar-gutter:stable;padding-right:1cqw}.ability strong{color:#f0d9a7;font-weight:750}.ability::-webkit-scrollbar{width:.75cqw}.ability::-webkit-scrollbar-thumb{background:#b9a77980;border-radius:1cqw}.ability::-webkit-scrollbar-track{background:transparent}.card-figure figcaption{display:flex;align-items:center;justify-content:center;gap:13px;font-size:11px;margin-top:4px;color:var(--caption,#d0d2c7)}figcaption small{font-size:10px;opacity:.7}.scroll-hint{font-size:10px;text-align:center;margin:7px 0 0;color:var(--caption,#c1cab5)}.stage[data-view=normal],.stage[data-view=detail]{grid-template-columns:minmax(0,460px)}.stage[data-view=normal] [data-mode=detail],.stage[data-view=detail] [data-mode=normal]{display:none}.stage-foot{border-top:1px solid var(--line);font-size:9px;flex-wrap:wrap}.stage-foot b{margin:0 7px;font-weight:400;color:#6a7a5a}.stage-foot [data-missing=true]{color:#ebc18b}.gallery-section{margin-top:32px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;gap:20px}.section-heading .eyebrow{font-size:9px;margin-bottom:6px}.section-heading h2{font-size:19px;letter-spacing:-.04em;font-weight:500;margin:0}.section-heading>p{color:var(--muted);font-size:11px;margin:0 0 2px}.gallery{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}.gallery-item{min-width:0;padding:0;border:0;background:none;cursor:pointer;text-align:left;border-radius:6px}.gallery-item .card{transition:transform .2s}.gallery-item:hover .card{transform:translateY(-4px)}.gallery-item[aria-pressed=true]{outline:1px solid #cbb57d;outline-offset:4px}.gallery-caption{display:flex;justify-content:center;align-items:center;margin-top:6px;padding-bottom:4px;color:#d0d8c5;font-size:11px}.production-note{border-top:1px solid var(--line);margin-top:28px;padding:16px 0;color:#a0ae92;font-size:11px;line-height:1.9}.production-note summary{color:#c0cbb3}.production-note p{max-width:850px}footer{display:flex;justify-content:space-between;border-top:1px solid #2c3b24;padding-top:17px;color:#778a68;font-size:10px}
@media(max-width:900px){.shell{padding:25px 22px}.stage{padding:22px 25px;gap:24px}.copy-hint{display:none}.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.shell{padding:19px 12px}.masthead{display:block;padding:0 4px 18px}h1{font-size:24px}.eyebrow{font-size:9px;margin-bottom:7px}.revision-note{text-align:left;font-size:10px;margin-top:9px}.revision-note br{display:none}.controls{padding:13px}.select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.select-grid label{font-size:10px}select{height:37px;font-size:11px}.control-row{gap:10px;flex-wrap:wrap;margin-top:12px}.segmented button{padding:5px 12px;font-size:10px}.unit-toggle{font-size:10px;margin-left:auto;gap:6px}.display-options{width:100%;margin-left:0}.display-options>summary{font-size:10px}.options-panel{position:static;width:100%;margin-top:9px;padding:13px;box-shadow:none}.copy-controls{margin-top:10px;padding-top:10px;gap:8px}.copy-controls>span:first-child{font-size:10px}.copy-controls .segmented{flex:1}.copy-controls .segmented button{padding:5px 4px}.custom-copy>label span{display:none}.editor-foot{font-size:9px}.stage-toolbar,.stage-foot{padding-left:14px;padding-right:14px;font-size:9px;gap:6px;flex-wrap:wrap}.stage{padding:15px 8px 17px;gap:24px}.stage[data-view=compare]{grid-template-columns:minmax(0,460px)}.card-figure{max-width:420px}.section-heading{display:block}.section-heading>p{margin-top:5px;font-size:10px}.gallery-section{margin-top:25px}.gallery{gap:16px 7px}.gallery-caption{font-size:10px}.production-note{font-size:10px}footer{font-size:9px}footer span{max-width:48%;text-align:right}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Export screenshots compose original PNGs; no source raster is modified. */
body.export-mode{margin:0;padding:0;width:1024px;height:1536px;min-width:1024px;background:transparent;overflow:hidden}.export-mode .export-card{width:1024px;height:1536px;max-width:none;aspect-ratio:2/3;margin:0;padding:0}
/* Compact symbols and rarity crops share the same registered source canvases. */
.symbol-workbench{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:24px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:10px;background:#171e15}.symbol-gallery{display:grid;grid-template-columns:repeat(7,minmax(84px,1fr));gap:12px}.symbol-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 4px 11px;border:1px solid #34452b;border-radius:8px;background:#202b1b;min-width:0}.symbol-item>span{font-size:11px;color:#c2d0b4}.symbol-item[aria-pressed=true]{border-color:#c2ae7c;background:#333b28}.symbol-window{width:72px;height:72px;position:relative;overflow:hidden;flex:none}.symbol-window-large{width:160px;height:160px;margin:auto}.symbol-canvas{position:absolute;max-width:none;pointer-events:none}.symbol-detail{margin:0;text-align:center;border-left:1px solid #35482a;padding-left:24px}.symbol-detail figcaption{font-size:11px;margin-top:9px;color:#d6dfc9}.symbol-detail>small{font-size:9px;color:#8a9f77;display:block;margin-top:3px}.rarity-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.rarity-item{min-width:0;border:1px solid #34452b;border-radius:9px;background:#20291c;padding:11px 8px 12px;overflow:hidden}.rarity-item[aria-pressed=true]{border-color:#cfb986;background:#333b28}.rarity-window{position:relative;width:100%;aspect-ratio:320/230;overflow:hidden;border-radius:5px}.rarity-canvas{position:absolute;width:320%;left:-110%;top:0;max-width:none;pointer-events:none}.rarity-caption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px;color:#cbd7be}.rarity-caption strong{font-family:Bitter,serif;font-size:15px;color:#e8d6a4}.rarity-caption>span{font-size:10px}.symbol-item:hover,.rarity-item:hover{border-color:#ac9b72}
@media(max-width:1050px){.symbol-gallery{grid-template-columns:repeat(3,minmax(84px,1fr))}.symbol-workbench{grid-template-columns:minmax(0,1fr) 205px}}
@media(max-width:600px){.symbol-workbench{grid-template-columns:minmax(0,1fr);padding:13px;gap:17px}.symbol-gallery{gap:9px}.symbol-item{padding:11px 4px 9px;gap:7px}.symbol-detail{border-left:0;border-top:1px solid #35482a;padding:17px 0 0}.rarity-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rarity-item{padding:6px 4px 9px}.rarity-caption{flex-direction:column;gap:1px;margin-top:6px}.rarity-caption strong{font-size:14px}.rarity-caption>span{font-size:9px}}

@media(max-width:1050px){.symbol-item[data-class="neutral"]{grid-column:2}}

#finish-controls button:disabled,#view-controls button:disabled{opacity:.38;cursor:not-allowed}

/* Keyword rules stay outside the printed card and scroll independently. */
.card-keywords{max-height:132px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:14px 22px;border-top:1px solid var(--line);background:#192017;color:#c6cebd;scrollbar-width:thin}
.card-keywords[hidden]{display:none}
.card-keywords dl{max-width:760px;margin:0 auto}
.card-keywords dl>div+div{margin-top:14px}
.card-keywords dt{display:inline-block;padding:3px 9px;border:1px solid #706443;border-radius:6px;color:#e7d39d;font-size:12px;font-weight:650;line-height:1.5}
.card-keywords dd{margin:7px 0 0;font-size:12px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.card-keywords:focus-visible{outline:1px solid #d0b882;outline-offset:-3px}
@media(max-width:600px){.card-keywords{padding:12px 14px}}