.upx-tabs{gap:8px;margin:0 0 12px;display:flex}.upx-tabs button{border:1px solid var(--cards-panel-border);background:var(--cards-panel);color:var(--cards-text-soft);cursor:pointer;border-radius:999px;padding:8px 16px;font-weight:800}.upx-tabs button.is-on{color:#fff;background:linear-gradient(120deg,#a855f7,#ec4899);border-color:#0000}.upx-tabs button span{color:#fff;vertical-align:2px;background:#ec4899;border-radius:5px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:900}.upx-tabs button.is-on span{background:#ffffff40}.upx-tabs button:focus-visible,.upx button:focus-visible{outline-offset:2px;outline:3px solid #38bdf8}.upx{--upx-r1:#c08457;--upx-r2:#94a3b8;--upx-r3:#f59e0b;--upx-r4:#0ea5e9;--upx-r5:#ec4899;--upx-ok:#16a34a;--upx-bad:#e11d48}.upx .cards-desc b{color:var(--upx-bad)}.upx h2{color:var(--cards-text-strong);margin:0;font-size:18px;font-weight:900}.upx-rules{border:1px solid var(--cards-panel-border);background:var(--cards-panel);border-radius:14px;flex-direction:column;margin-bottom:16px;display:flex;overflow:hidden}.upx-rule{border:0;border-top:1px solid var(--cards-panel-border);text-align:left;font:inherit;color:var(--cards-text-strong);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;grid-template-columns:1.4fr 1fr .8fr;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:grid}.upx-rule.head{cursor:default;color:var(--cards-text-soft);background:#7c4dff0d;border-top:0;font-size:12px;font-weight:700}.upx-rule.is-on{background:linear-gradient(90deg,#a855f724,#ec489914)}.upx-rule small{color:var(--cards-text-muted);margin-left:4px}.upx-rule .ok,.upx .ok{color:var(--upx-ok);font-weight:800}.upx-rule .bad,.upx .bad{color:var(--upx-bad);font-weight:800}.upx-dot{vertical-align:0;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.upx-dot.r1{background:var(--upx-r1)}.upx-dot.r2{background:var(--upx-r2)}.upx-dot.r3{background:var(--upx-r3)}.upx-dot.r4{background:var(--upx-r4)}.upx-dot.r5{background:var(--upx-r5)}@media (max-width:560px){.upx-rule{grid-template-columns:1.3fr 1fr .8fr}}.upx-stage{background:var(--cards-panel);border:1px solid var(--cards-panel-border);border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:flex}.upx-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.upx-stage-head p{color:var(--cards-text-soft);font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:13px}.upx-stage-tools{gap:8px;display:flex}.upx-slots{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.3fr);align-items:stretch;gap:10px;display:grid}@media (max-width:700px){.upx-slots{grid-template-columns:repeat(5,minmax(0,1fr))}.upx-go{grid-column:1/-1}}.upx-slot{border:2px dashed var(--cards-panel-border);min-height:120px;color:var(--cards-text-muted);font:inherit;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:12px;display:flex}.upx-slot.is-filled{cursor:pointer;border-style:solid;border-color:#a855f7}.upx-slot.is-filled span{color:var(--cards-text-strong);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.upx-slot .card-tile{width:100%}.upx-go{color:var(--cards-text-soft);background:var(--cards-panel-border);cursor:pointer;border:0;border-radius:14px;padding:12px;font-size:15px;font-weight:900}.upx-go.is-ready:not(:disabled){color:#fff;background:linear-gradient(120deg,#e11d48,#a855f7);box-shadow:0 10px 24px -10px #e11d48b3}.upx-go:disabled{cursor:not-allowed}.upx-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.upx-card{border:1px solid var(--cards-panel-border);cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:12px;flex-direction:column;align-items:stretch;gap:3px;min-width:0;padding:6px;display:flex}.upx-card:hover:not(:disabled){border-color:#a855f7}.upx-card:disabled{opacity:.45;cursor:not-allowed}.upx-card strong{color:var(--cards-text-strong);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.upx-card small{color:var(--cards-text-muted);font-size:10.5px}.upx-empty,.upx-note{color:var(--cards-text-soft);margin:0;font-size:12.5px}.upx-note{color:var(--cards-text-muted)}.upx-result{z-index:80;background:#06040ed1;place-items:center;padding:16px;animation:.25s ease-out upxIn;display:grid;position:fixed;inset:0}.upx-result-box{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:14px;max-width:420px;display:flex}.upx-result-word{letter-spacing:.06em;font-family:Noto Serif KR,Nanum Myeongjo,serif;font-size:clamp(30px,7vw,48px);font-weight:900;animation:.6s cubic-bezier(.2,.9,.2,1.2) upxWord}.upx-result.is-success .upx-result-word{color:#0000;background:linear-gradient(90deg,#fde68a,#f9a8d4,#a5f3fc);-webkit-background-clip:text;background-clip:text}.upx-result.is-fail .upx-result-word{color:#fb7185}.upx-result-card{filter:drop-shadow(0 0 30px #fde68a73);width:min(64vw,240px);animation:.8s cubic-bezier(.2,.9,.2,1.1) .15s both upxCard}.upx-result p{color:#e5e0f5;margin:0}.upx-shards{width:160px;height:100px;position:relative}.upx-shards i{background:linear-gradient(160deg,#64748b,#1e293b);border-radius:6px;width:34px;height:48px;animation:1s ease-out forwards upxShard;position:absolute;top:50%;left:50%}.upx-shards i:first-child{--dx:-70px;--dy:-30px;--rot:-40deg}.upx-shards i:nth-child(2){--dx:-30px;--dy:40px;--rot:25deg}.upx-shards i:nth-child(3){--dx:10px;--dy:-45px;--rot:60deg}.upx-shards i:nth-child(4){--dx:50px;--dy:30px;--rot:-20deg}.upx-shards i:nth-child(5){--dx:80px;--dy:-15px;--rot:80deg}@keyframes upxIn{0%{opacity:0}}@keyframes upxWord{0%{opacity:0;transform:scale(2)}}@keyframes upxCard{0%{opacity:0;transform:rotateY(90deg)scale(.6)}}@keyframes upxShard{0%{opacity:1;transform:translate(-50%,-50%)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion:reduce){.upx-result,.upx-result-word,.upx-result-card,.upx-shards i{animation:none}}