:root{--ground: #10131c;--ground-lift: #161b27;--surface: #1b2130;--surface-2: #242b3d;--line: #2e3750;--line-soft: #222a3c;--ink: #eef1f8;--ink-dim: #8b95ae;--ink-faint: #5a6480;--bone: #f3eee1;--bone-ink: #14181f;--cork: #c9a87b;--font-display: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Varela Round", "Trebuchet MS", system-ui, sans-serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.bar{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:14px}.bar--bottom{padding:10px 14px calc(18px + var(--safe-bottom))}.spacer{flex:1}.icon-btn{width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--ink-dim);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .12s ease}.icon-btn:hover:not(:disabled){color:var(--ink);border-color:#3b466a;background:#ffffff12}.icon-btn:active:not(:disabled){transform:scale(.93)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn[aria-pressed=false]{color:var(--ink-faint);opacity:.6}.icon-btn svg{width:19px;height:19px;display:block}.btn{width:100%;padding:15px;border:0;border-radius:16px;background:var(--bone);color:var(--bone-ink);font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.005em;cursor:pointer;transition:transform .12s ease,filter .15s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.975)}.btn--ghost{background:transparent;color:var(--ink-dim);box-shadow:inset 0 0 0 1px var(--line);font-size:15px}.btn--ghost:hover{color:var(--ink);filter:none}:where(.btn,.icon-btn,.tile):focus-visible{outline:2px solid var(--bone);outline-offset:3px}.pill{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);padding:7px 13px;border-radius:999px;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--line-soft);font-variant-numeric:tabular-nums}.pill b{color:var(--ink);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0}.counter{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums;letter-spacing:.04em}.counter b{color:var(--ink-dim);font-weight:500}.field{flex:1 1 auto;position:relative;min-height:0}.field canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;cursor:pointer}.field canvas:focus-visible{outline:2px solid var(--bone);outline-offset:-4px;border-radius:12px}.overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:30px 22px calc(34px + var(--safe-bottom));background:linear-gradient(to top,#0c0f16 34%,#0c0f1600 80%);opacity:0;visibility:hidden;transition:opacity .34s ease,visibility .34s}.overlay.is-on{opacity:1;visibility:visible}.overlay__card{width:100%;text-align:center;display:flex;flex-direction:column;gap:9px;transform:translateY(18px);transition:transform .44s cubic-bezier(.2,.95,.3,1) .06s}.overlay.is-on .overlay__card{transform:none}.overlay__card h2{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0}.overlay__card p{margin:0 0 11px;font-size:13.5px;color:var(--ink-dim)}.overlay__card p b{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.game--decantation{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:var(--safe-top);background:radial-gradient(120% 62% at 50% 8%,#202739,#171c29 74%)}.game--goupille{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:var(--safe-top);background:radial-gradient(120% 62% at 50% 8%,#1e2536,#141926 74%)}.goupille__goal{display:flex;align-items:center;gap:12px;padding:0 16px 10px;flex:0 0 auto}.goupille__jauge{flex:1;height:6px;border-radius:999px;background:#ffffff12;overflow:hidden}.goupille__jauge-fill{display:block;height:100%;width:0;border-radius:999px;transition:width .18s linear}.goupille__count{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.goupille__count b{color:var(--ink);font-weight:700}.game--goupille .counter{font-family:var(--font-ui);font-size:12px;letter-spacing:0;text-align:right;color:var(--ink-faint)}.game--goupille .counter{max-width:62%;line-height:1.3}*{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;margin:0 auto;max-width:520px;overflow:hidden;background:var(--surface);isolation:isolate}@media(min-width:620px)and (min-height:720px){#app{top:26px;bottom:26px;border-radius:30px;box-shadow:0 0 0 1px var(--line),0 30px 64px -20px #000000b8}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate(14px) scale(.985);transition:opacity .3s ease,transform .34s cubic-bezier(.22,.9,.3,1),visibility .34s}.screen.is-active{opacity:1;visibility:visible;transform:none}.screen--hub:not(.is-active){transform:translate(-14px) scale(.985)}.screen--hub{gap:22px;padding:calc(34px + var(--safe-top)) 22px calc(26px + var(--safe-bottom));overflow-y:auto;background:radial-gradient(130% 55% at 50% 0%,#232b3e,#1b2130 70%)}.hub__head h1{font-family:var(--font-display);font-size:33px;font-weight:700;letter-spacing:-.02em;line-height:1;margin:0}.hub__head p{margin:7px 0 0;font-size:13.5px;color:var(--ink-dim)}.tiles{display:flex;flex-direction:column;gap:12px}.tile{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;width:100%;padding:15px;text-align:left;font:inherit;color:inherit;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-2);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.tile:hover:not(:disabled){border-color:#3b466a;background:#293145}.tile:active:not(:disabled){transform:scale(.985)}.tile:disabled{cursor:default;opacity:.62}.tile__art{width:58px;height:58px;border-radius:15px;background:#121722;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff0d}.tile__txt{min-width:0}.tile__txt b,.tile__txt span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile__txt b{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.01em}.tile__txt span{font-size:12.5px;color:var(--ink-dim);margin-top:1px}.status{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--line);color:var(--ink-faint);white-space:nowrap}.status--live{color:var(--bone-ink);background:var(--bone);border-color:var(--bone)}.hub__slot{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:15px;padding:15px;border-radius:var(--r-lg);border:1px dashed var(--line);color:var(--ink-faint);font-size:13px}.hub__slot-art{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-soft)}.hub__foot{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}