:root{--bg:#05070e;--text:#f2f2f7;--text-muted:#f2f2f78f;--text-faint:#f2f2f757;--glass:#ffffff0e;--glass-hi:#ffffff1a;--glass-line:#ffffff1f;--glass-line-hi:#ffffff42;--blur:blur(28px) saturate(170%);--blur-lg:blur(42px) saturate(180%);--sheen:inset 0 1px 0 #ffffff2e;--sheen-soft:inset 0 1px 0 #ffffff1a;--surface:#ffffff12;--surface-strong:#ffffff21;--accent-solid:#f2f2f7;--accent-ink:#0b0b11;--shadow:0 8px 30px #00000073;--shadow-lg:0 24px 70px #0009;--back-1:#ffffff1a;--back-2:#ffffff06;--back-ink:#ffffff57;--back-ink-line:#ffffff29;--holo-blend:color-dodge;--holo-white:.3;--holo-band:.085;--ok:#4ade80;--ko:#f87171;--game-pipe:#82b4ff66;--game-pipe-line:#afd4ffcc;--fade:#05070e;--radius:24px;--radius-sm:16px;--radius-pill:999px;--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:#a8a6b4;--r-rare:#5aa9f5;--r-epique:#b77cf0;--r-legendaire:#f2c14e;--r-mystere:#ff6b9d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--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;--surface:#ffffff9e;--surface-strong:#ffffffe6;--accent-solid:#16161d;--accent-ink:#fff;--shadow:0 6px 24px #2a2a5c17;--shadow-lg:0 22px 64px #2a2a5c29;--back-1:#ffffffeb;--back-2:#eceefac7;--back-ink:#16161d42;--back-ink-line:#16161d24;--holo-blend:overlay;--holo-white:.55;--holo-band:.2;--ok:#1d7a4c;--ko:#c0392b;--game-pipe:#346ecd47;--game-pipe-line:#285fbe99;--fade:#fff;--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(circle 1000px at 6% 0%, #3884ff57, transparent 64%), radial-gradient(circle 1200px at 100% 100%, #1656be52, transparent 66%), radial-gradient(circle 800px at 70% 30%, #286edc24, transparent 60%), var(--bg);position:fixed;inset:0}:root[data-theme=light] .veil-bg{background:radial-gradient(1000px at 6% 0,#93bdff6b,#0000 64%),radial-gradient(1200px at 100% 100%,#60a5fa66,#0000 66%),radial-gradient(700px at 78% 24%,#bad6ff4d,#0000 60%),#fff}.veil-overlay{z-index:-1;pointer-events:none;background:radial-gradient(140% 100% at 50% 20%,#0000 50%,#00000073 100%);position:fixed;inset:0}:root[data-theme=light] .veil-overlay{background:radial-gradient(120% 80% at 50% 38%,#ffffff8c,#0000 68%)}.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{background:linear-gradient(165deg, var(--back-1), var(--back-2) 60%);border:1px solid var(--glass-line);box-shadow:var(--shadow), var(--sheen);place-items:center;display:grid;transform:rotateY(0)}.card__back-mark{letter-spacing:.18em;color:var(--back-ink);border:1px solid var(--back-ink-line);aspect-ratio:1;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) 11%, var(--back-1)), var(--back-2) 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{width:38%;color:var(--glow);opacity:.34}.card__body{z-index:2;background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--glass-line);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:var(--holo-blend);background:radial-gradient(58% 44% at var(--mx) var(--my), rgba(255, 255, 255, var(--holo-white)) 0%, rgba(255, 255, 255, calc(var(--holo-white) * .26)) 32%, transparent 66%), repeating-linear-gradient(115deg, rgba(255, 70, 130, var(--holo-band)) 0%, rgba(255, 190, 60, var(--holo-band)) 14%, rgba(60, 220, 160, var(--holo-band)) 28%, rgba(60, 150, 255, var(--holo-band)) 42%, rgba(170, 80, 255, var(--holo-band)) 56%, rgba(255, 70, 130, var(--holo-band)) 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{background:var(--accent-solid);color:var(--accent-ink);box-shadow:var(--shadow);font-weight:600}.btn--primary:hover{opacity:.88}.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;border:1.5px solid var(--glass-line-hi);background:var(--c);cursor:pointer;width:40px;transition:transform var(--transition), border-color var(--transition);box-shadow:var(--shadow), inset 0 1px 0 #ffffff73;border-radius:50%;position:relative}.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}@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);background:var(--surface);border:1px solid var(--glass-line);min-width:62px;box-shadow:var(--sheen-soft);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);background:var(--surface);border:1px solid var(--glass-line);box-shadow:var(--sheen-soft);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:var(--ok)}.challenge__verdict--ko{color:var(--ko)}.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)}.push-prompt{text-align:center;margin-top:16px}.push-prompt__error{color:var(--ko);margin-top:8px;font-size:.8rem}.nav{z-index:50;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--glass-line);height:48px;padding-top:env(safe-area-inset-top);position:fixed;top:0;left:0;right:0}.nav__inner{align-items:center;gap:18px;max-width:1024px;height:48px;margin:0 auto;padding:0 18px;display:flex}.nav__mark{cursor:pointer;letter-spacing:-.02em;color:var(--text);background:0 0;border:none;flex-shrink:0;padding:0;font-size:.95rem;font-weight:600}.nav__list{align-items:center;gap:4px;margin:0 auto 0 4px;list-style:none;display:flex}.nav__link{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-pill);transition:color var(--transition), background var(--transition);background:0 0;border:none;padding:6px 11px;font-size:.78rem;font-weight:400}.nav__link:hover{color:var(--text)}.nav__link--on{color:var(--text);background:var(--glass)}.nav__tools{flex-shrink:0;align-items:center;gap:2px;display:flex}.nav__icon{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.nav__icon:hover{color:var(--text);background:var(--glass)}.nav__icon:active{transform:scale(.94)}@media (width<=420px){.nav__inner{gap:10px;padding:0 12px}.nav__link{padding:6px 8px;font-size:.74rem}}.games{flex-direction:column;gap:14px;width:100%;max-width:440px;display:flex}.games__head{text-align:center}.games__head h2{margin:4px 0 12px;font-size:1.15rem}.games__game{text-align:center}.game{margin-top:12px}.game__board{aspect-ratio:320/480;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg) 55%, transparent);border:1px solid var(--glass-line);width:100%;box-shadow:var(--sheen-soft);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.game__board canvas{width:100%;height:100%;display:block}.game__overlay{background:color-mix(in srgb, var(--bg) 42%, transparent);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.game__overlay strong{font-size:1.3rem;font-weight:600}.game__overlay span{color:var(--text-muted);font-size:.82rem}.game__meta{color:var(--text-muted);justify-content:space-between;gap:12px;margin-top:12px;font-size:.78rem;display:flex}.admin{flex-direction:column;gap:14px;width:100%;max-width:560px;padding-bottom:24px;display:flex}.admin__bar{text-align:left;padding:16px 18px}.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);background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--glass-line);box-shadow:var(--shadow-lg), var(--sheen);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);background:var(--surface);-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);outline:none;padding:10px 13px;font-family:inherit;font-size:.88rem}.input:focus{border-color:var(--glass-line-hi);background:var(--surface-strong)}.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{background:var(--bg);color:var(--text)}.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;padding:16px 18px}.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{background:var(--surface-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow);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}}