:root{--bg:#fdfdff;--text:#16161d;--text-muted:#16161d94;--text-faint:#16161d5c;--glass:#ffffff94;--glass-hi:#ffffffd1;--glass-line:#16161d14;--glass-line-hi:#16161d2e;--blur:blur(26px) saturate(165%);--blur-lg:blur(40px) saturate(175%);--sheen:inset 0 1px 0 #fffffff2;--sheen-soft:inset 0 1px 0 #ffffffb3;--radius:24px;--radius-sm:16px;--radius-pill:999px;--shadow:0 6px 24px #2a2a5c17;--shadow-lg:0 22px 64px #2a2a5c29;--transition:.22s cubic-bezier(.32, .72, 0, 1);--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--r-commun:#70707e;--r-rare:#2f7fd4;--r-epique:#8b4fc9;--r-legendaire:#bd8c1f;--r-mystere:#dd3b74;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;line-height:1.5;overflow-x:hidden}h1,h2,h3{letter-spacing:-.028em;font-weight:600;line-height:1.12}button{color:inherit;font-family:inherit}.veil-bg{z-index:-2;background:radial-gradient(900px at 2% 0,#a78bfa66,#0000 62%),radial-gradient(1100px at 100% 100%,#60a5fa61,#0000 64%),radial-gradient(700px at 88% 86%,#81b4ff42,#0000 60%),#fff;position:fixed;inset:0}.veil-overlay{z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% 38%,#ffffff8c,#0000 68%);position:fixed;inset:0}.glass{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:var(--shadow), var(--sheen)}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint);font-size:.66rem;font-weight:500}.card{--mx:50%;--my:50%;--tilt-x:0deg;--tilt-y:0deg;--glow:var(--r-commun);--holo:0;aspect-ratio:5/7;perspective:1500px;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.card__inner{width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(calc(var(--flip,0deg) + var(--tilt-y))) rotateX(var(--tilt-x));will-change:transform;transition:transform .5s cubic-bezier(.32,.72,0,1);position:relative}.card__face{backface-visibility:hidden;border-radius:var(--radius);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);position:absolute;inset:0;overflow:hidden}.card__back{border:1px solid var(--glass-line);box-shadow:var(--shadow), var(--sheen);background:repeating-linear-gradient(42deg,#16161d06 0 1px,#0000 1px 13px),linear-gradient(165deg,#ffffffeb,#eceefac7 60%);place-items:center;display:grid;transform:rotateY(0)}.card__back-mark{letter-spacing:.18em;color:#16161d42;aspect-ratio:1;border:1px solid #16161d24;border-radius:50%;place-items:center;width:40%;padding-left:.18em;font-size:clamp(1.5rem,6.5vw,2.1rem);font-weight:300;display:grid}.card__front{background:linear-gradient(170deg, color-mix(in srgb, var(--glow) 9%, #ffffffe0), #ffffffc7 62%);border:1px solid color-mix(in srgb, var(--glow) 22%, var(--glass-line));box-shadow:var(--shadow), var(--sheen), 0 0 26px -12px color-mix(in srgb, var(--glow) 60%, transparent);flex-direction:column;display:flex;transform:rotateY(180deg)}.card__visual{background:linear-gradient(170deg, color-mix(in srgb, var(--glow) 13%, transparent), transparent 70%);flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.card__visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card__placeholder{opacity:.34;filter:grayscale();font-size:clamp(2rem,10vw,3rem)}.card__body{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--glass-line);background:#fffc;padding:11px 13px 13px;position:relative}.card__name{letter-spacing:-.015em;color:var(--text);font-size:.92rem;font-weight:600;line-height:1.2}.card__desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:.72rem;line-height:1.35;display:-webkit-box;overflow:hidden}.card__rarity{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.13em;color:#fff;background:var(--glow);border-radius:var(--radius-pill);margin-bottom:7px;padding:2px 9px;font-size:.56rem;display:inline-block}.card__holo{z-index:3;border-radius:var(--radius);pointer-events:none;opacity:var(--holo);mix-blend-mode:overlay;background:radial-gradient(58% 44% at var(--mx) var(--my), #ffffff8c 0%, #ffffff24 32%, transparent 66%), repeating-linear-gradient(115deg, #ff468233 0%, #ffbe3c33 14%, #3cdca033 28%, #3c96ff33 42%, #aa50ff33 56%, #ff468233 70%);background-size:180% 180%,260% 260%;background-position:calc(var(--mx) * .6) calc(var(--my) * .6), var(--mx) var(--my);transition:opacity .3s;position:absolute;inset:0}.card--mystere .card__visual{animation:3.4s ease-in-out infinite mysterePulse}@keyframes mysterePulse{0%,to{filter:saturate()}50%{filter:saturate(1.5)}}.card--revealed .card__inner{--flip:180deg}.card--pickable:hover .card__inner,.card--pickable:focus-visible .card__inner{transform:rotateY(calc(var(--flip,0deg) + var(--tilt-y))) rotateX(var(--tilt-x)) translateY(-10px) scale(1.035)}.card--picked .card__front{border-color:color-mix(in srgb, var(--glow) 65%, transparent);box-shadow:var(--shadow-lg), var(--sheen), 0 0 0 2px color-mix(in srgb, var(--glow) 45%, transparent)}.card--dimmed{opacity:.34;filter:grayscale(.8);pointer-events:none;transition:opacity .5s var(--transition), filter .5s var(--transition)}@media (prefers-reduced-motion:reduce){.card__inner{transition:none}.card--mystere .card__visual{animation:none}}.app{min-height:100dvh;padding:calc(68px + env(safe-area-inset-top)) 16px calc(44px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:relative}.header{text-align:center;max-width:520px;margin-bottom:26px}.header .mono{margin-bottom:10px;display:block}.header h1{font-size:clamp(1.7rem,7.5vw,2.3rem)}.header__sub{color:var(--text-muted);min-height:2.6em;margin-top:8px;font-size:.92rem}.deck{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:430px;display:grid}@media (width>=760px){.deck{grid-template-columns:repeat(4,1fr);gap:20px;max-width:860px}}.deck--idle .card{opacity:0;pointer-events:none}.actions{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:430px;min-height:96px;margin-top:28px;display:flex}.btn{letter-spacing:-.01em;border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--transition), background var(--transition), border-color var(--transition), opacity var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:.95rem;font-weight:500;display:inline-flex}.btn:active{transform:scale(.96)}.btn--primary{color:#fff;background:#16161d;font-weight:600;box-shadow:0 8px 22px #16161d42}.btn--primary:hover{background:#2a2a36}.btn--glass{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-color:var(--glass-line);box-shadow:var(--sheen)}.btn--glass:hover{background:var(--glass-hi);border-color:var(--glass-line-hi)}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:hover{color:var(--text)}.hint{color:var(--text-muted);text-align:center;font-size:.88rem}.panel{background:var(--glass);width:100%;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--glass-line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-lg), var(--sheen);padding:22px 20px;animation:.45s cubic-bezier(.32,.72,0,1) riseIn}.panel h2{margin-bottom:5px;font-size:1.15rem}.panel p{color:var(--text-muted);font-size:.88rem}.panel__row{justify-content:center;gap:10px;margin-top:20px;display:flex}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.swatches{flex-wrap:wrap;justify-content:center;gap:11px;margin-top:18px;display:flex}.swatch{aspect-ratio:1;background:var(--c);cursor:pointer;width:40px;transition:transform var(--transition), border-color var(--transition);border:1.5px solid #16161d24;border-radius:50%;position:relative;box-shadow:0 3px 10px #2a2a5c2e,inset 0 1px #ffffff73}.swatch:hover{transform:scale(1.12)}.swatch--on{border-color:var(--text);transform:scale(1.14)}.swatch--on:after{content:"";border:1.5px solid color-mix(in srgb, var(--c) 70%, transparent);border-radius:50%;position:absolute;inset:-5px}.swatch-name{color:var(--text-muted);min-height:1.2em;margin-top:14px;font-size:.82rem}.fab-row{top:calc(14px + env(safe-area-inset-top));z-index:20;gap:8px;display:flex;position:fixed;right:14px}.fab{background:var(--glass);width:40px;height:40px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:var(--shadow), var(--sheen);cursor:pointer;transition:transform var(--transition), background var(--transition);border-radius:50%;place-items:center;font-size:.95rem;display:grid}.fab:hover{background:var(--glass-hi)}.fab:active{transform:scale(.92)}@media (prefers-reduced-motion:reduce){.panel{animation:none}}.countdown{text-align:center}.countdown__row{justify-content:center;align-items:flex-start;gap:6px;margin-top:14px;display:flex}.countdown__unit{border-radius:var(--radius-sm);border:1px solid var(--glass-line);min-width:62px;box-shadow:var(--sheen-soft);background:#ffffff80;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.countdown__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500;line-height:1}.countdown__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-size:.6rem}.countdown__note{margin-top:14px;font-size:.86rem}.challenge{text-align:center;margin-top:14px}.challenge__equation{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--glass-line);box-shadow:var(--sheen-soft);background:#ffffff8c;margin:14px 0 12px;padding:14px 12px;font-size:1.15rem;overflow-x:auto}.challenge__preview{border-radius:var(--radius-sm);border:1px solid var(--glass-line);box-shadow:var(--shadow);margin:14px 0;overflow:hidden}.challenge__preview img{width:100%;display:block}.challenge__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.challenge__verdict{margin-top:14px;font-size:.88rem}.challenge__verdict span{color:var(--text-muted);margin-top:6px;font-style:italic;display:block}.challenge__verdict--ok{color:#1d7a4c}.challenge__verdict--ko{color:#c0392b}.challenge__done{margin-top:10px}.tokens{border-radius:var(--radius-pill);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:var(--sheen-soft);align-items:center;gap:6px;padding:6px 13px;font-size:.82rem;font-weight:500;display:inline-flex}.tokens strong{font-family:var(--font-mono)}.admin{flex-direction:column;gap:14px;width:100%;max-width:560px;padding-bottom:24px;display:flex}.admin__bar{text-align:left;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.admin__bar h2{margin-top:2px;font-size:1.1rem}.admin__card{text-align:left;padding:16px}.admin__head{align-items:flex-start;gap:14px;display:flex}.admin__fields{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.admin__row{align-items:center;gap:8px;display:flex}.admin__actions{border-radius:var(--radius-pill);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--glass-line);box-shadow:var(--shadow-lg), var(--sheen);background:#ffffffb8;justify-content:flex-end;gap:10px;padding:10px;display:flex;position:sticky;bottom:12px}.thumb{aspect-ratio:5/7;border-radius:var(--radius-sm);background:var(--glass);width:92px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px dashed var(--glass-line-hi);cursor:pointer;transition:border-color var(--transition), background var(--transition);flex-shrink:0;place-items:center;padding:0;display:grid;overflow:hidden}.thumb:hover{background:var(--glass-hi);border-color:var(--glass-line-hi)}.thumb img{object-fit:cover;width:100%;height:100%}.thumb__hint{color:var(--text-faint);text-align:center;font-size:.68rem;line-height:1.5}.field{text-align:left;width:100%;max-width:560px;display:block}.field__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.13em;color:var(--text-faint);margin-bottom:6px;font-size:.62rem;display:block}.field__label--mt{margin-top:16px}.input{width:100%;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-line);border-radius:var(--radius-sm);transition:border-color var(--transition), background var(--transition);background:#ffffff9e;outline:none;padding:10px 13px;font-family:inherit;font-size:.88rem}.input:focus{border-color:var(--glass-line-hi);background:#fff}.input::placeholder{color:var(--text-faint)}.input--area{resize:vertical;line-height:1.4}.input--select{appearance:none;cursor:pointer;flex:1}.input--select option{color:var(--text);background:#fff}.btn--sm{padding:8px 14px;font-size:.8rem}.swatches--admin{justify-content:flex-start;gap:9px;margin-top:0}.swatch--sm{border-width:1.5px;width:30px}.swatch--sm.swatch--on:after{inset:-4px}.admin__build{font-family:var(--font-mono);color:var(--text-faint);margin-top:4px;font-size:.6rem;display:block}.admin__toggle{text-align:left;cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.admin__toggle input{accent-color:var(--text);flex-shrink:0;margin-top:3px}.admin__toggle strong{font-size:.88rem;font-weight:500;display:block}.admin__toggle em{color:var(--text-muted);margin-top:2px;font-size:.76rem;font-style:normal;display:block}.album{flex-direction:column;gap:14px;width:100%;max-width:560px;padding-bottom:24px;display:flex}.album__bar{text-align:left;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.album__bar h2{margin-top:2px;font-size:1.1rem}.album__grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;display:grid}.album__item{cursor:pointer;text-align:center;transition:transform var(--transition);background:0 0;border:none;flex-direction:column;gap:8px;padding:0;display:flex;position:relative}.album__item:hover{transform:translateY(-3px)}.album__item img{aspect-ratio:5/7;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--glass-line);width:100%;box-shadow:var(--shadow);transition:border-color var(--transition), box-shadow var(--transition)}.album__item--on img{border-color:color-mix(in srgb, var(--glow) 60%, transparent);box-shadow:var(--shadow-lg), 0 0 0 2px color-mix(in srgb, var(--glow) 40%, transparent)}.album__item-name{color:var(--text-muted);font-size:.7rem;line-height:1.25}.album__item--on .album__item-name{color:var(--text);font-weight:500}.album__item-badge{border-radius:var(--radius-pill);box-shadow:var(--shadow);background:#ffffffe0;padding:2px 5px;font-size:.6rem;position:absolute;top:6px;right:6px}.album__empty{padding:28px 22px}.album__detail{text-align:center}.album__detail h2{margin:6px 0 4px}.album__add{margin-top:16px}.album__photo{border-radius:var(--radius-sm);border:1px solid var(--glass-line);box-shadow:var(--shadow), var(--sheen-soft);margin-top:16px;overflow:hidden}.album__photo img{width:100%;display:block}.album__caption{margin-top:10px;font-size:.86rem;font-style:italic}.album__missed{text-align:left;padding:16px 18px}.album__missed-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px;margin-top:12px;display:grid}.album__ghost{text-align:center;opacity:.42;filter:grayscale();transition:opacity var(--transition), filter var(--transition);flex-direction:column;align-items:center;gap:6px;display:flex}.album__ghost:hover{opacity:.75;filter:grayscale(.4)}.album__ghost img{aspect-ratio:5/7;object-fit:cover;border:1px solid var(--glass-line);border-radius:10px;width:100%}.album__ghost span{color:var(--text-faint);font-size:.64rem;line-height:1.2}@media (prefers-reduced-motion:reduce){.album__item{transition:none}}