:root{--bg:#f3f6fb;--surface:#fff;--surface-alt:#f8fafc;--card:#fffdf7;--text:#344054;--heading:#101828;--muted:#667085;--border:#d0d7e2;--border-strong:#98a2b3;--accent:#2563eb;--accent-soft:#2563eb1a;--danger:#b5473f;--danger-soft:#b5473f1f;--shadow:0 18px 40px #0f172a14;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:320px;margin:0}button,input,select{font:inherit}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--heading);line-height:1.1}h1{font-size:clamp(2rem,4vw,3.4rem)}h2{font-size:clamp(1.4rem,2vw,1.8rem)}#root{width:min(1200px,100%);min-height:100vh;margin:0 auto}.app-shell{gap:24px;padding:24px;display:grid}.control-panel,.deck-overview,.deck-preview{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:24px}.panel-heading,.summary-heading{text-align:left;gap:8px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}.panel-copy,.summary-heading p,.empty-state,.upload-copy,.upload-list-item p,.overview-card span,.status-label,.card-header span{color:var(--muted)}.order-picker,.status-grid,.overview-grid,.upload-list,.deck-grid{gap:12px;display:grid}.order-picker,.status-grid,.overview-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.order-picker,.status-grid,.actions-row,.upload-summary,.deck-grid,.overview-grid{margin-top:20px}.order-button,.primary-action,.secondary-action{border:1px solid var(--border);border-radius:14px;transition:border-color .2s,transform .2s,background-color .2s}.order-button{background:var(--surface-alt);color:var(--text);cursor:pointer;text-align:left;gap:4px;padding:14px;display:grid}.order-button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--heading)}.order-button:hover,.primary-action:hover,.secondary-action:hover{border-color:var(--border-strong);transform:translateY(-1px)}.status-card,.overview-card{background:var(--surface-alt);border:1px solid var(--border);text-align:left;border-radius:16px;gap:6px;padding:16px;display:grid}.status-card strong,.overview-card strong{color:var(--heading);font-size:1.35rem}.upload-dropzone{background:var(--surface-alt);border:1px dashed var(--border-strong);cursor:pointer;text-align:left;border-radius:16px;gap:8px;margin-top:20px;padding:18px;display:grid}.upload-title{color:var(--heading);font-size:1rem;font-weight:700}.upload-dropzone input{font:inherit}.feedback{text-align:left;border-radius:14px;margin-top:16px;padding:14px 16px}.feedback.error{background:var(--danger-soft);color:var(--danger);border:1px solid #b9483d33}.feedback p,.feedback ul{margin:0}.feedback ul{padding-left:20px}.actions-row{flex-wrap:wrap;gap:12px;display:flex}.primary-action,.secondary-action{cursor:pointer;padding:12px 18px;font-weight:600}.primary-action{background:var(--accent);border-color:var(--accent);color:#fff}.primary-action:disabled{cursor:not-allowed;background:#94a3b8;border-color:#94a3b8;transform:none}.secondary-action:disabled{cursor:not-allowed;opacity:.65;transform:none}.secondary-action{color:var(--heading);background:0 0}.upload-summary{gap:16px;display:grid}.upload-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0;padding:0;list-style:none}.upload-list-item{background:var(--surface-alt);border:1px solid var(--border);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.upload-list-item img{object-fit:cover;background:#fff;border-radius:10px;width:56px;height:56px}.upload-list-item strong,.card-header h3{color:var(--heading)}.empty-state{background:var(--surface-alt);border:1px dashed var(--border);border-radius:14px;padding:16px}.deck-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dobble-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:18px;gap:14px;padding:16px;display:grid}.card-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card-header h3{font-size:1.1rem}.card-face{aspect-ratio:1;background:var(--card);border:1px solid var(--border-strong);isolation:isolate;border-radius:999px;position:relative;overflow:hidden}.symbol-tile{transform-origin:50%;justify-content:center;align-items:center;min-height:0;margin:0;display:flex;position:absolute;overflow:visible}.symbol-tile img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.missing-symbol{color:var(--muted);padding:8px;font-size:.9rem}@media (width<=720px){.app-shell{padding:16px}.control-panel,.deck-overview,.deck-preview{padding:18px}.actions-row{flex-direction:column}.primary-action,.secondary-action{width:100%}}