:root{--c-parchment: #f9f7f4;--c-sand: #e3eef7;--c-brown: #2a4866;--c-charcoal: #494949;--c-ink: #141418;--c-grey-light: #d3d3d3;--c-grey-mid: #9f9f9f;--c-sky: #7ac2e7;--c-bronze: #5b8fc4;--c-gold: #f5b942;--bg-grad: linear-gradient(160deg, #ffffff 0%, #eef5fb 60%, #e3eef7 100%);--bg-stop-1: #ffffff;--bg-stop-2: #eef5fb;--bg-stop-3: #e3eef7;--body-text: #2b2b2b;--surface-card: rgba(255, 255, 255, .7);--surface-card-border: rgba(42, 72, 102, .12);--surface-input: rgba(255, 255, 255, .85);--surface-input-border: rgba(42, 72, 102, .2);--surface-emphasis: rgba(122, 194, 231, .12);--surface-dim: rgba(42, 72, 102, .04);--btn-primary-bg: linear-gradient(135deg, #2a4866 0%, #3d6a94 100%);--btn-primary-fg: #ffffff;--btn-primary-border: rgba(122, 194, 231, .4);--btn-primary-hover-shadow: 0 4px 20px rgba(42, 72, 102, .25);--btn-secondary-border: rgba(42, 72, 102, .25);--btn-secondary-fg: #2a4866;--btn-secondary-active-bg: rgba(122, 194, 231, .15);--rarity-n: #9ca3af;--rarity-r: #5fa5d3;--rarity-sr: #7c3aed;--rarity-ssr: #f5b942;--badge-unused-bg: #e5e7eb;--badge-unused-fg: #4b5563;--badge-pending-bg: #e0e7ef;--badge-pending-fg: #33475c;--badge-rolling-bg: #dbeafe;--badge-rolling-fg: #1e40af;--badge-selected-bg: #dcfce7;--badge-selected-fg: #166534;--badge-shipped-bg: #fef3c7;--badge-shipped-fg: #92400e;--badge-delivered-bg: #d1fae5;--badge-delivered-fg: #065f46;--badge-scheduled-bg: #e5e7eb;--badge-scheduled-fg: #4b5563;--badge-active-bg: #dcfce7;--badge-active-fg: #166534;--badge-archived-bg: #e5e7eb;--badge-archived-fg: #6b7280;--feedback-error: #dc2626;--feedback-warning: #b45309;--feedback-hint: #6b7280;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--radius-card: 18px;--radius-btn: 24px;--radius-btn-sm: 12px;--shadow-card-hover: 0 4px 20px rgba(42, 72, 102, .1);--shadow-card-warm: 0 4px 24px rgba(42, 72, 102, .12);--shadow-focus: 0 0 0 3px rgba(122, 194, 231, .35);--shadow-selected: 0 0 0 1px rgba(42, 72, 102, .25)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem}.card{background:var(--surface-card);border:1px solid var(--surface-card-border);border-radius:var(--radius-card);padding:var(--space-6);max-width:500px;width:100%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-card-hover)}.title{font-size:2rem;font-weight:600;margin-bottom:.5rem}.subtitle{color:#5b6b7c;margin-bottom:1.5rem}.code-input{width:100%;padding:var(--space-3);font-size:1.25rem;text-align:center;border-radius:var(--radius-md);border:1px solid var(--surface-input-border);background:var(--surface-input);color:var(--c-ink);margin-bottom:var(--space-4);letter-spacing:.1em}.code-input:focus{outline:none;border-color:var(--c-bronze);box-shadow:var(--shadow-focus)}.btn-primary{width:100%;padding:var(--space-3) var(--space-5);font-size:1.1rem;font-weight:600;border:none;border-radius:var(--radius-btn);background:var(--btn-primary-bg);color:var(--btn-primary-fg);cursor:pointer;transition:transform .15s,opacity .15s}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-pull{font-size:1.3rem;padding:var(--space-4);margin-top:var(--space-4)}.btn-secondary{padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--btn-secondary-border);background:transparent;color:var(--btn-secondary-fg);cursor:pointer;font-size:.9rem}.btn-small{padding:var(--space-1) var(--space-3);border-radius:var(--radius-btn-sm);border:1px solid rgba(42,72,102,.2);background:#ffffffb3;color:var(--c-ink);cursor:pointer;font-size:.8rem}.code-info{margin:1rem 0}.badge-scheduled{background:var(--badge-scheduled-bg);color:var(--badge-scheduled-fg)}.badge-active{background:var(--badge-active-bg);color:var(--badge-active-fg)}.badge-archived{background:var(--badge-archived-bg);color:var(--badge-archived-fg)}.gacha-reveal{display:flex;flex-direction:column;align-items:center;padding:1rem;max-width:600px;width:100%}.gacha-progress{font-size:.9rem;font-weight:600;color:#5b6b7c;letter-spacing:.05em;margin-bottom:1rem}.gacha-stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:320px}.gacha-stage-card{width:min(240px,70vw)}.gacha-skip{margin-top:1.25rem}.gacha-card-wrapper{aspect-ratio:3/4;width:100%;position:relative}.gacha-card{position:relative;width:100%;height:100%;transform-style:preserve-3d}.gacha-card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px}.gacha-card-back{transform:rotateY(0);background:linear-gradient(135deg,#2a4866,#1e3a5f);border:2px solid var(--c-bronze)}.gacha-mystery{font-size:3.5rem;font-weight:900;color:#ffffffe6;animation:gacha-mystery-pulse 1.2s ease-in-out infinite}@keyframes gacha-mystery-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.15);opacity:1}}.gacha-card-front{transform:rotateY(180deg);border:2px solid var(--rarity-n)}.gacha-card-front--n{background:linear-gradient(135deg,#9ca3af38,#9ca3af14);border-color:var(--rarity-n)}.gacha-card-front--r{background:linear-gradient(135deg,#5fa5d340,#5fa5d314);border-color:var(--rarity-r)}.gacha-card-front--sr{background:linear-gradient(135deg,#7c3aed4d,#7c3aed1a);border-color:var(--rarity-sr);box-shadow:0 0 18px #7c3aeda6,0 0 42px #7c3aed59;animation:gacha-glow-sr 1.8s ease-in-out infinite}@property --ssr-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.gacha-card-front--ssr{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:4px solid #0000;background-clip:padding-box}@supports (mask: conic-gradient(red 0 0) subtract){.gacha-card-front--ssr:before,.gacha-card-front--ssr:after{--ssr-full: conic-gradient(red 0 0);content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:inherit;border-radius:inherit;box-shadow:0 0 40px #0000;background:conic-gradient(from var(--ssr-angle),#f94144,#f3722c,#f8961e,#f9844a,#f9c74f,#90be6d,#43aa8b,#4d908e,#277da1,#577590,#f94144) border-box;mask:var(--ssr-full) no-clip subtract,var(--ssr-full) padding-box;pointer-events:none;z-index:-1;animation:ssr-angle-spin 4s linear infinite}.gacha-card-front--ssr:after{filter:blur(14px)}}@keyframes ssr-angle-spin{to{--ssr-angle: 1turn}}@keyframes gacha-glow-sr{0%,to{box-shadow:0 0 18px #7c3aeda6,0 0 42px #7c3aed59}50%{box-shadow:0 0 26px #7c3aede6,0 0 64px #7c3aed80}}.gacha-burst{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);pointer-events:none;z-index:1}.gacha-burst--sr{background:radial-gradient(circle,#7c3aed8c,#7c3aed00 70%)}.gacha-burst--ssr{background:radial-gradient(circle,#ffffffb3,#f5b94259 40%,#ff525200 70%)}.gacha-up{position:absolute;top:4px;left:4px;font-size:.7rem;font-weight:700;color:#fff;background:var(--c-gold);padding:2px 6px;border-radius:4px}.gacha-sparkle{position:absolute;top:4px;right:4px;font-size:1.2rem}.gacha-cracks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;border-radius:var(--radius-md)}.gacha-sticker{font-size:1.5rem;margin-bottom:4px}.gacha-rarity{font-size:.75rem;font-weight:700;text-transform:uppercase}.gacha-card-static{aspect-ratio:3/4}.gacha-card-static .gacha-card-face{position:relative;transform:none}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;width:100%;margin-bottom:1rem}.reveal-complete{font-size:1.5rem;font-weight:600;color:var(--c-gold);margin-top:1rem}.rolls-list{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.roll-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600}.btn-select{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:none;background:#166534;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600}.roll-items{display:flex;flex-wrap:wrap;gap:.5rem}.rarity-N{color:var(--rarity-n)}.rarity-R{color:var(--rarity-r)}.rarity-SR{color:var(--rarity-sr)}.rarity-SSR{color:var(--rarity-ssr);font-weight:700}.admin-page{max-width:800px;width:100%}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab{padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);border:1px solid rgba(42,72,102,.2);background:transparent;color:#5b6b7c;cursor:pointer}.tab.active{background:#7ac2e733;border-color:#7ac2e7;color:var(--c-brown)}.admin-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.admin-table th{text-align:left;padding:.5rem;border-bottom:1px solid rgba(42,72,102,.15);font-size:.85rem;color:#5b6b7c}.admin-table td{padding:.5rem;border-bottom:1px solid rgba(42,72,102,.08)}.code-gen-form{display:flex;gap:1rem;align-items:end;margin-bottom:1rem;flex-wrap:wrap}.code-gen-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#5b6b7c}.code-gen-form input{width:80px;padding:.4rem;border-radius:6px;border:1px solid rgba(42,72,102,.2);background:#ffffffd9;color:var(--c-ink)}.generated-codes{margin:1rem 0}.generated-code{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.generated-code code{font-size:1.2rem;letter-spacing:.1em;color:var(--c-gold)}.error{color:var(--feedback-error);margin-top:.5rem;font-size:.9rem}.warning{color:var(--feedback-warning);margin-top:.5rem}.hint{color:var(--feedback-hint);font-size:.85rem;font-style:italic;margin-top:1rem}.ts-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;color:#5b6b7c;white-space:nowrap}.badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.badge-unused{background:var(--badge-unused-bg);color:var(--badge-unused-fg)}.badge-pending{background:var(--badge-pending-bg);color:var(--badge-pending-fg)}.badge-rolling{background:var(--badge-rolling-bg);color:var(--badge-rolling-fg)}.badge-selected{background:var(--badge-selected-bg);color:var(--badge-selected-fg)}.badge-shipped{background:var(--badge-shipped-bg);color:var(--badge-shipped-fg)}.badge-delivered{background:var(--badge-delivered-bg);color:var(--badge-delivered-fg)}.action-row{display:flex;gap:1rem;align-items:center;margin:1rem 0;flex-wrap:wrap}.ship-form{background:var(--surface-card);border:1px solid var(--surface-card-border);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-3)}.ship-form .form-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.ship-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#5b6b7c;flex:1;min-width:180px}.ship-form input,.ship-form select{padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(42,72,102,.2);background:#ffffffd9;color:var(--c-ink);font-size:.9rem}.ship-form .form-actions{display:flex;gap:.5rem}.timeline{list-style:none;padding:0;margin:1rem 0;border-left:2px solid rgba(42,72,102,.12)}.timeline-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0 .5rem 1rem;position:relative}.timeline-dot{position:absolute;left:-6px;top:1rem;width:10px;height:10px;border-radius:50%;background:#7ac2e7;box-shadow:0 0 0 3px #7ac2e766}.timeline-label{font-size:.95rem}.timeline-body{flex:1}.meta-line{color:#6b7280;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin-top:.15rem}.roll-item{background:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-3)}.roll-item-selected{background:#7ac2e726;border-color:#2a486666;box-shadow:0 0 0 1px #2a486633}.roll-item-starred{border-color:#f5b94280}.selected-badge{margin-left:var(--space-2);color:var(--c-gold);font-weight:600}.discarded-badge{margin-left:var(--space-2);color:#6b7280;font-size:.75rem;font-weight:500}.events-log{margin-top:2rem;background:#2a48660a;border:1px solid rgba(42,72,102,.1);border-radius:8px;padding:.5rem 1rem}.events-log summary{cursor:pointer;color:#5b6b7c;font-size:.85rem;font-weight:500;padding:.5rem 0}.events-log table{font-size:.75rem}.events-log table th,.events-log table td{padding:.35rem}