.moi-overlay{z-index:50;background:color-mix(in srgb, var(--background) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.moi-overlay__close{cursor:default;flex:auto;min-height:0}.moi-sheet{isolation:isolate;width:100%;height:100dvh;color:var(--foreground);background-color:var(--background);background-image:radial-gradient(closest-side, var(--halo-peach), transparent) , radial-gradient(closest-side, var(--halo-lilac), transparent), radial-gradient(closest-side, var(--halo-sky), transparent), radial-gradient(closest-side, var(--halo-mint), transparent);background-position:-260px -240px,calc(100% + 300px) 120px,-280px 420px,calc(100% + 260px) calc(100% + 300px);background-repeat:no-repeat;background-size:620px 620px,640px 640px,620px 620px,640px 640px;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=640px){.moi-sheet{max-width:40rem;height:min(92dvh,56rem);box-shadow:var(--glass-shadow);border-radius:2rem 2rem 0 0}}.moi-sheet__head{padding:max(.625rem, env(safe-area-inset-top)) .75rem .5rem;flex-shrink:0}.moi-sheet__body{overscroll-behavior:contain;min-height:0;padding:.25rem 1rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;flex:auto;gap:.75rem;display:flex;overflow-y:auto}@media (width>=640px){.moi-sheet__body{padding-inline:1.5rem}}.moi-icon-btn{width:2.75rem;height:2.75rem;color:var(--foreground);background:color-mix(in srgb, var(--surface) 85%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 100%, transparent), 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);transition:transform var(--dur-1) var(--ease-out-soft);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.moi-icon-btn:active{transform:scale(.96)}.moi-icon-btn:focus-visible,.moi-pill:focus-visible,.moi-banner:focus-visible,.moi-goal:focus-visible,.moi-tile:focus-visible,.moi-row-link:focus-visible,.moi-hublot__btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.moi-card{background:var(--card);color:var(--card-foreground,var(--foreground));box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 8px 24px -14px color-mix(in srgb, var(--ink) 18%, transparent);border-radius:1.25rem}.moi-section{border-radius:1.5rem;gap:.6rem;padding:.875rem;display:grid}.moi-pill{white-space:nowrap;min-height:2.25rem;color:var(--foreground);background:color-mix(in srgb, var(--surface) 80%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 100%, transparent), 0 0 0 1px color-mix(in srgb, var(--ink) 7%, transparent);transition:background-color var(--dur-2) var(--ease-out-soft), transform var(--dur-1) var(--ease-out-soft);border-radius:999px;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.875rem;font-weight:600;display:inline-flex}button.moi-pill{min-height:2.75rem}button.moi-pill:active{transform:scale(.98)}.moi-pill[aria-pressed=true]{color:var(--accent-foreground);background:var(--orange-wash);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--orange) 55%, transparent)}.moi-chip{font:700 .875rem/1 var(--font-display);color:var(--foreground);background:var(--glass-bg-strong);box-shadow:var(--glass-edge);border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .65rem;display:inline-flex}.moi-scroll-x{scrollbar-width:none;padding-bottom:2px;overflow-x:auto}.moi-scroll-x::-webkit-scrollbar{display:none}.moi-hero{gap:.875rem;padding:1rem;display:grid}.moi-hublot{flex-shrink:0;width:5.25rem;height:5.25rem;position:relative}.moi-hublot__ring{background:conic-gradient(from 200deg, var(--ans-a-solid), var(--ans-b-solid), var(--ans-c-solid), var(--ans-d-solid), var(--ans-a-solid));filter:blur(1px);border-radius:999px;position:absolute;inset:-6px}.moi-hublot__btn{background:radial-gradient(circle at 50% 35%, var(--surface), var(--surface-2));box-shadow:0 0 0 3px var(--surface), 0 18px 32px -16px #fc651873;transition:transform var(--dur-1) var(--ease-out-soft);border-radius:999px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.moi-hublot__btn:active{transform:scale(.96)}.moi-hublot__owl{--owl-bg:transparent;width:100%}.moi-hublot__pen{pointer-events:none;width:1.875rem;height:1.875rem;color:var(--primary-ink);background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent), 0 6px 12px -4px #1f1a1440;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:-4px;right:-6px}.moi-lvl{height:1.375rem;font:600 .75rem/1 var(--font-mono,ui-monospace);color:var(--ans-a-ink);background:var(--ans-a-bg);border-radius:999px;align-items:center;padding:0 .5rem;display:inline-flex}.moi-xp{background:color-mix(in srgb, var(--ink) 8%, transparent);height:.5rem;box-shadow:inset 0 1px 1px color-mix(in srgb, var(--ink) 6%, transparent);border-radius:999px;display:block;position:relative}.moi-xp>span{border-radius:inherit;background:linear-gradient(180deg, #fff6, #fff0 60%), linear-gradient(90deg, #ff9a5c, var(--orange));transition:width .8s var(--ease-out-soft);position:absolute;inset:0 auto 0 0;box-shadow:0 0 14px -2px #fc651899}.moi-banner{min-height:2.75rem;color:var(--ans-a-ink);background:var(--ans-a-bg);border-radius:999px;align-items:center;gap:.625rem;padding:0 .75rem 0 .875rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:inset 0 1px #fffc,0 10px 24px -16px #fc651899}.moi-goal{text-align:left;border-radius:1.5rem;align-items:center;gap:.875rem;padding:.75rem .875rem .75rem .75rem;display:flex}.moi-bar{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:999px;flex:auto;height:.375rem;display:block;position:relative}.moi-bar__fill{border-radius:inherit;transition:width .6s var(--ease-out-soft);position:absolute;inset:0 auto 0 0}.moi-bar__fill--a{background:linear-gradient(90deg, var(--ans-a-solid), var(--orange))}.moi-bar__fill--b{background:linear-gradient(90deg, var(--ans-b-solid), #a78bfa)}.moi-bar__fill--c{background:linear-gradient(90deg, var(--ans-c-solid), #38bdf8)}.moi-bar__fill--d{background:linear-gradient(90deg, var(--ans-d-solid), #34d399)}.moi-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.moi-tile{text-align:left;min-height:5.5rem;transition:transform var(--dur-1) var(--ease-out-soft);border-radius:1.5rem;flex-direction:column;justify-content:space-between;gap:.375rem;padding:.75rem .875rem;display:flex}.moi-tile:active,.moi-goal:active,.moi-banner:active{transform:scale(.98)}.moi-tile__head{color:var(--ink-2);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.moi-tile__big{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.875rem;font-weight:700;line-height:1}.moi-move{white-space:nowrap;border-radius:999px;align-items:center;gap:.15rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.moi-move.is-up{color:var(--live-ink);background:var(--live-wash)}.moi-move.is-down{color:var(--primary-ink);background:var(--orange-wash)}.moi-row-link{min-height:3rem;color:var(--foreground);transition:background-color var(--dur-2) var(--ease-out-soft);border-radius:1rem;align-items:center;gap:.75rem;padding:0 .875rem;font-size:.9375rem;font-weight:600;display:flex}.moi-row-link:hover{background:color-mix(in srgb, var(--surface) 50%, transparent)}.moi-danger{color:#b42318}html[data-theme=nuit] .moi-danger{color:#f97066}.moi-avatar__top{z-index:3;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:var(--glass-edge), var(--glass-shadow);border-radius:1.5rem;gap:.5rem;margin:-.25rem -.25rem 0;padding:.25rem;display:grid;position:sticky;top:-.25rem}.moi-avatar__stage{background:radial-gradient(circle at 50% 45%, var(--orange-wash), transparent 70%);border-radius:1.25rem;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.5rem .5rem 0;display:flex}.moi-avatar__owl{width:7rem}.moi-avatar .avatar-tabs{background:color-mix(in srgb, var(--ink) 5%, transparent)}.moi-avatar .avatar-choice{background:var(--card);box-shadow:inset 0 0 0 2px transparent, 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent)}.moi-avatar .avatar-choice.is-on{background:var(--orange-wash);box-shadow:inset 0 0 0 2px var(--orange)}.moi-avatar .avatar-worn{background:var(--card)}.moi-avatar .avatar-confirm{background:var(--popover);bottom:4.5rem}.moi-avatar__save{z-index:3;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:var(--glass-edge), var(--glass-shadow);border-radius:999px;margin:0 -.25rem;padding:.5rem;position:sticky;bottom:0}.moi-guard{z-index:60;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.moi-guard__card{width:min(100%,22rem);padding:1.25rem}.moi-recap{text-align:left;gap:.875rem;width:min(100%,26rem);margin-top:.5rem;display:grid}.moi-recap__hero{gap:.875rem;padding:1rem;animation:.5s cubic-bezier(.34,1.56,.64,1) quiz-pop;display:grid}.moi-recap__gain{font-family:var(--font-display);color:var(--primary-ink);font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:700;line-height:1.05}.moi-recap__line{align-items:center;gap:.75rem;min-height:2.875rem;padding:.5rem 0;font-size:.9375rem;line-height:1.3;display:flex}.moi-recap__league{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-height:2.75rem;padding:0 .25rem;font-size:.9375rem;font-weight:600;display:flex}.moi-new{height:1.375rem;font:600 .75rem/1 var(--font-mono,ui-monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--primary-ink);background:var(--orange-wash);border-radius:6px;align-items:center;padding:0 .5rem;display:inline-flex}@media (prefers-reduced-motion:reduce){.moi-recap__hero{animation:none}.moi-tile,.moi-goal,.moi-banner,.moi-pill,.moi-icon-btn,.moi-hublot__btn{transition:none}.moi-tile:active,.moi-goal:active,.moi-banner:active,button.moi-pill:active,.moi-icon-btn:active,.moi-hublot__btn:active{transform:none}}.moi-sheet .lot3-card,.moi-sheet .class-goal,.moi-recap .class-goal{background:var(--card);box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 8px 24px -14px color-mix(in srgb, var(--ink) 18%, transparent);border-radius:1.25rem;margin-top:0}.moi-sheet .season-card{background:radial-gradient(120% 140% at 0% 0%, var(--orange-wash), var(--card) 65%)}.moi-sheet section[aria-label=Mes\ badges]{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:var(--glass-edge), var(--glass-shadow)}.moi-sheet .class-board-row{min-height:2.75rem}.moi-sheet .recovery-code{background:var(--secondary)}html[data-theme=nuit] .progress-hero,html[data-theme=nuit] .session-recap{background:var(--glass-bg);box-shadow:var(--glass-edge), var(--glass-shadow)}html[data-theme=nuit] .avatar-stage{background:radial-gradient(circle at 50% 40%, var(--orange-wash), var(--card) 70%)}html[data-theme=nuit] .season-card{background:radial-gradient(120% 140% at 0% 0%, var(--orange-wash), var(--card) 65%)}html[data-theme=nuit] .moi-banner{box-shadow:0 10px 24px -16px #fc651899}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.moi-avatar__top,.moi-avatar__save,.moi-sheet section[aria-label=Mes\ badges]{background:var(--glass-fallback)}}@media (prefers-reduced-transparency:reduce){.moi-avatar__top,.moi-avatar__save,.moi-sheet section[aria-label=Mes\ badges]{background:var(--glass-fallback);-webkit-backdrop-filter:none;backdrop-filter:none}}