:root{--ink: #131110;--ink-2: #1c1917;--ink-3: #262220;--line: #3a332e;--parchment: #ece3d2;--parchment-dim: #a99e8c;--brass: #c9a24b;--brass-bright: #e6c56d;--crimson: #b8352c;--emerald: #3f9b63;--display: "Cinzel", serif;--body: "Alegreya Sans", sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%}body{font-family:var(--body);background:var(--ink);color:var(--parchment);background-image:radial-gradient(ellipse at 20% -10%,#241f1b 0%,transparent 55%),radial-gradient(ellipse at 110% 110%,#201a17 0%,transparent 50%)}.shell{display:flex;min-height:100vh}.sidebar{width:350px;flex-shrink:0;padding:22px 20px 30px;border-right:1px solid var(--line);background:linear-gradient(180deg,#191512,#14110f);display:flex;flex-direction:column;gap:14px;height:100vh;overflow-y:auto;position:sticky;top:0}.brand{display:flex;gap:12px;align-items:center;padding-bottom:6px}.brand-glyph{font-size:26px;color:var(--brass);filter:drop-shadow(0 0 6px rgba(201,162,75,.35))}.brand h1{font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:.06em;color:var(--brass-bright)}.brand p{font-size:12.5px;color:var(--parchment-dim)}.field{display:flex;flex-direction:column;gap:5px}.field span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--parchment-dim);font-weight:700}.field input,.search{background:var(--ink-3);border:1px solid var(--line);border-radius:6px;color:var(--parchment);font:500 14.5px var(--body);padding:9px 11px;outline:none;transition:border-color .15s}.field input:focus,.search:focus{border-color:var(--brass)}.results{border:1px solid var(--line);border-radius:8px;overflow:hidden auto;max-height:44vh;background:var(--ink-2)}.result+.result{border-top:1px solid #2a2521}.result-row{display:flex;align-items:center;gap:8px;width:100%;padding:9px 11px;background:none;border:0;color:var(--parchment);font:500 14px var(--body);text-align:left;cursor:pointer}.result-row:hover,.result.open .result-row{background:#241f1b}.pitch-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #00000080 inset}.result-name{flex-shrink:0}.result-type{font-size:11.5px;color:var(--parchment-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto;padding-left:10px}.printings{display:flex;flex-direction:column;background:#12100e;padding:4px;gap:2px}.printing{display:flex;align-items:center;gap:10px;padding:5px 7px;border:0;border-radius:6px;background:none;color:var(--parchment);cursor:pointer;text-align:left}.printing:hover{background:#2b241f}.printing img{width:34px;border-radius:3px;aspect-ratio:450 / 628;object-fit:cover;background:#000}.any-printing{border-bottom:1px solid #241f1b}.pthumb{position:relative;flex-shrink:0;display:inline-flex;border-radius:3px;overflow:hidden}.foil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.foil-R{background:linear-gradient(115deg,#fff0 30%,#ffffff80,#fff0 60%),linear-gradient(115deg,#ff3c82bf,#ff9e1ba6 18%,#ffeb3b8c,#4cd96499,#40c4ffad 66%,#7c4dffbf 84%,#ff4081b8);mix-blend-mode:overlay}.foil-desat{background:#92a2b4;mix-blend-mode:saturation;opacity:.75}.foil-C{background:linear-gradient(115deg,#fff0 34%,#ebf8ff8c,#fff0 60%),linear-gradient(105deg,#0f2346cc,#bee1ffd9 20%,#284673cc,#e1f5ffe6 56%,#142d55cc 76%,#96c3f0bf);mix-blend-mode:overlay}.foil-G{background:linear-gradient(115deg,#fff0 34%,#fff8dc8c,#fff0 60%),linear-gradient(105deg,#6e3c05d9,#ffe178e6 20%,#965f14d9,#fff0a5eb 56%,#78460ad9 76%,#ffd264cc);mix-blend-mode:overlay}.any-glyph{width:34px;aspect-ratio:450 / 628;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;border:1px dashed var(--brass);color:var(--brass);font-size:15px;flex-shrink:0}.printing-info{display:flex;flex-direction:column;line-height:1.25}.printing-info b{font-size:12.5px;font-weight:700}.printing-info i{font-style:normal;font-size:11.5px;color:var(--parchment-dim)}.divider{border-top:1px solid var(--line);margin:4px 0}.segmented{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--ink-3)}.seg{flex:1;padding:8px 0;border:0;background:none;color:var(--parchment-dim);font:700 12.5px var(--body);letter-spacing:.04em;cursor:pointer;transition:background .15s,color .15s}.seg+.seg{border-left:1px solid var(--line)}.seg:hover{color:var(--parchment)}.seg.active{color:#fff}.seg.active.buy{background:var(--emerald)}.seg.active.sell{background:var(--crimson)}.seg.active.mixed{background:#57503f;color:var(--brass-bright)}.actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}.btn{font:700 13px var(--body);letter-spacing:.04em;padding:10px 14px;border-radius:6px;border:1px solid var(--line);background:var(--ink-3);color:var(--parchment);cursor:pointer;transition:transform .1s,background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--brass);transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:linear-gradient(180deg,#d4ab52,#a97f2f);border-color:#e0bc6b;color:#221a09}.btn.danger:hover:not(:disabled){border-color:var(--crimson);color:#e08078}.credits{margin-top:auto;font-size:11px;color:#6f665b;line-height:1.5}.share-box{border:1px solid var(--line);border-radius:8px;background:var(--ink-2);padding:10px 12px}.share-url{display:block;width:100%;background:none;border:0;padding:0 0 5px;color:var(--brass-bright);font:700 14px var(--body);letter-spacing:.02em;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-box p{font-size:11.5px;color:var(--parchment-dim);line-height:1.45}.linklike{background:none;border:0;padding:0;color:var(--brass);font:600 11.5px var(--body);text-decoration:underline;cursor:pointer}.shell.viewing{flex-direction:column}.viewbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 26px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#191512,#14110f)}.viewbar-actions{display:flex;gap:8px}.viewbar .btn{text-decoration:none;display:inline-flex;align-items:center}.empty-page{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:16px;color:var(--parchment-dim)}.empty-page .btn{text-decoration:none}.viewing .poster input,.viewing .poster select,.viewing .poster .badge{pointer-events:none}.viewing .poster .ui-only{display:none}.stage{flex:1;display:flex;justify-content:center;padding:34px 28px 60px}.poster{width:920px;max-width:100%;align-self:flex-start;background:linear-gradient(180deg,#181411,#131110);border:1px solid #453b32;outline:6px solid #0d0b0a;border-radius:4px;padding:34px 38px 20px;box-shadow:0 30px 70px #0000008c}.poster-head{text-align:center;margin-bottom:26px}.poster-head .rule{height:1px;background:linear-gradient(90deg,transparent,var(--brass) 20%,var(--brass) 80%,transparent);opacity:.55}.poster-head h2{font-family:var(--display);font-weight:900;font-size:44px;letter-spacing:.14em;color:var(--brass-bright);text-shadow:0 2px 14px rgba(201,162,75,.25);padding:10px 0 8px}.mode-banner{display:inline-block;margin-top:14px;padding:6px 22px;border-radius:5px;font:800 15px var(--body);letter-spacing:.22em;color:#fff;box-shadow:0 3px 12px #00000073}.mode-banner.buy{background:var(--emerald)}.mode-banner.sell{background:var(--crimson)}.contact{margin-top:10px;font-size:16.5px;font-weight:500;color:var(--parchment);letter-spacing:.02em}.empty{border:1.5px dashed var(--line);border-radius:8px;padding:70px 30px;text-align:center;color:var(--parchment-dim);font-size:15px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tile{display:flex;flex-direction:column}.tile-art{position:relative;border-radius:9px;overflow:hidden;background:#000;aspect-ratio:450 / 628;transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .35s ease,box-shadow .35s ease;will-change:transform}.tile-art:hover{transition:transform .06s linear;z-index:5;box-shadow:0 14px 34px #0009}.glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at calc(var(--px, .5) * 100%) calc(var(--py, .5) * 100%),rgba(255,255,255,.5),rgba(255,255,255,.13) 32%,transparent 62%);mix-blend-mode:overlay;opacity:0;transition:opacity .25s}.tile-art:hover .glare{opacity:1}.tile-art:hover .foil-R{filter:hue-rotate(calc((var(--px, .5) - .5) * 140deg))}.tile-art:hover .foil-C,.tile-art:hover .foil-G{filter:brightness(calc(.85 + var(--px, .5) * .4))}@media(prefers-reduced-motion:reduce){.tile-art,.tile-art:hover{transform:none;transition:none}.glare{display:none}.tile-art:hover .foil-R,.tile-art:hover .foil-C,.tile-art:hover .foil-G{filter:none}}.tile-art img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;top:9.5%;left:8px;font:800 11px var(--body);letter-spacing:.12em;padding:4px 8px;border-radius:4px;border:0;cursor:pointer;color:#fff;box-shadow:0 2px 8px #0000008c}.badge.buy{background:var(--emerald)}.badge.sell{background:var(--crimson)}.any-chip{position:absolute;top:9.5%;right:8px;font:800 10px var(--body);letter-spacing:.12em;padding:4px 7px;border-radius:4px;background:#14100bd9;border:1px solid var(--brass);color:var(--brass-bright);box-shadow:0 2px 8px #0000008c}.thumbs{position:absolute;bottom:7%;right:6px;display:flex;flex-direction:row-reverse}.thumb{position:relative;width:27%;min-width:46px;border-radius:5px;overflow:visible;margin-left:-12%;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7))}.thumbs .thumb:first-child{margin-left:0}.thumb img{width:100%;aspect-ratio:450 / 628;object-fit:cover;display:block;border-radius:5px;border:1.5px solid #d8c58f;background:#000}.thumb-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:0;background:#000000bf;color:#ddd;font-size:12px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s}.tile-art:hover .thumb-remove{opacity:1}.thumb-remove:hover{background:var(--crimson);color:#fff}.remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:0;background:#000000a6;color:#ddd;font-size:15px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s}.tile-art:hover .remove{opacity:1}.remove:hover{background:var(--crimson);color:#fff}.tile.done .tile-art img{filter:grayscale(.85) brightness(.55)}.tile.done .foil{opacity:.25}.tile.done .plate{opacity:.55}.stamp{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-16deg);font-family:var(--display);font-weight:900;font-size:26px;letter-spacing:.14em;padding:6px 16px;border:3px solid;border-radius:6px;background:#0c0a08b8;white-space:nowrap;pointer-events:none}.stamp.buy{color:#5fc98a;border-color:#5fc98a}.stamp.sell{color:#e0685e;border-color:#e0685e}.done-btn{position:absolute;bottom:6px;left:6px;width:26px;height:26px;border-radius:50%;border:0;background:#000000a6;color:#ddd;font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s}.tile-art:hover .done-btn{opacity:1}.done-btn:hover{background:var(--emerald);color:#fff}.plate{background:#201b17;border:1px solid #383026;border-top:0;border-radius:0 0 8px 8px;margin:-6px 5px 0;padding:9px 10px 7px}.ladder{display:flex;flex-direction:column;gap:1px}.ladder-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ladder-label{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--parchment-dim);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ladder-row.main .ladder-label{color:var(--parchment-dim)}.price{color:var(--brass-bright);font-weight:800;font-size:21px;display:inline-flex;align-items:baseline}.price em{font-style:normal;font-size:14px;margin-right:1px;opacity:.85}.price-input{background:none;border:0;outline:none;color:var(--brass-bright);font:800 21px var(--body);padding:0;width:auto;min-width:14px}.price-input::placeholder{color:#6d5c33}.price.small,.price-input.small{font-size:15px}.price.small em{font-size:11px}.price-input.small::placeholder{color:#a3853f}.qty{font-size:14px;font-weight:700;color:var(--parchment);display:inline-flex;align-items:center;gap:4px}.step{border:1px solid var(--line);background:var(--ink-3);color:var(--parchment);width:18px;height:18px;border-radius:4px;font-size:12px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s}.tile:hover .step{opacity:1}.plate-sub{display:flex;justify-content:space-between;align-items:center;margin-top:3px;padding-top:3px;border-top:1px solid #2c261f}.cond{background:none;border:0;color:var(--parchment-dim);font:700 11.5px var(--body);cursor:pointer;outline:none;text-align:right}.cond option{background:var(--ink-2)}.poster-foot{display:flex;justify-content:space-between;margin-top:24px;padding-top:12px;border-top:1px solid #2c2521;font-size:12.5px;color:var(--parchment-dim);letter-spacing:.04em}.poster.exporting .remove,.poster.exporting .step,.poster.exporting .glare,.poster.exporting .tile.done{display:none}.poster.exporting .tile-art{transform:none;box-shadow:none}.poster.exporting .foil{filter:none}.poster.exporting .badge{cursor:default}.poster.exporting .cond{-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:#262018;border:1px solid var(--brass);color:var(--parchment);font-weight:600;padding:11px 20px;border-radius:8px;box-shadow:0 10px 30px #0009;animation:toast-in .2s ease-out;z-index:50}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}
