:root{--papier: #FBF7F0;--papier-2: #F1EADB;--encre: #1A1712;--rose: #FF4D6D;--bleu: #2B4DFF;--jaune: #FFC93C;--menthe: #00C2A8;--gris: #6B6355;--font-display: "Archivo", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--trait: 2.5px solid var(--encre);--ombre-dure: 5px 5px 0 var(--encre);--ombre-dure-rose: 5px 5px 0 var(--rose);--r: 4px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--encre);background-color:var(--papier);background-image:radial-gradient(var(--encre) .6px,transparent .7px);background-size:7px 7px;min-height:100dvh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--papier);opacity:.82;pointer-events:none;z-index:-1}.app-shell{max-width:520px;margin:0 auto;padding:20px 18px calc(96px + env(safe-area-inset-bottom));min-height:100dvh}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:.98;letter-spacing:-.01em;text-transform:uppercase}.eyebrow{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;background:var(--bleu);color:var(--papier);padding:4px 9px;transform:rotate(-1.5deg)}.muted{color:var(--gris)}.tabular{font-variant-numeric:tabular-nums}.hero{padding:26px 0 22px}.hero h1{font-size:clamp(2.8rem,14vw,4.2rem);margin-top:14px}.hero h1 .accent{position:relative;color:var(--rose)}.hero h1 .accent:after{content:attr(data-word);position:absolute;left:2.5px;top:2px;color:var(--bleu);mix-blend-mode:multiply;z-index:-1}.hero p{margin-top:14px;color:var(--gris);font-size:1.05rem;max-width:32ch}.card{background:var(--papier);border:var(--trait);border-radius:var(--r);padding:20px;box-shadow:var(--ombre-dure)}.field{margin-bottom:16px}.field label{display:block;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.06em;margin-bottom:7px}.input{width:100%;background:var(--papier);border:var(--trait);border-radius:var(--r);color:var(--encre);font:inherit;padding:13px 14px;transition:box-shadow .1s ease,transform .1s ease}.input:focus{outline:none;box-shadow:var(--ombre-dure-rose);transform:translate(-1px,-1px)}.input.code{font-family:var(--font-display);font-weight:800;letter-spacing:.35em;text-align:center;font-size:1.7rem;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:var(--trait);border-radius:var(--r);font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:1.05rem;padding:14px 18px;cursor:pointer;box-shadow:var(--ombre-dure);transition:transform .1s ease,box-shadow .1s ease}.btn:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--encre)}.btn-primary{color:var(--papier);background:var(--rose)}.btn-primary:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--encre)}.btn-ghost{color:var(--encre);background:var(--jaune)}.btn-ghost:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--encre)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--ombre-dure);transform:none}.status{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em;border:2px solid var(--encre);padding:3px 8px;background:var(--papier)}.dot{width:9px;height:9px;border-radius:50%;background:var(--rose)}.dot.ok{background:var(--menthe)}.board-title{display:flex;align-items:flex-end;justify-content:space-between;margin:4px 0 18px}.row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:var(--trait);border-radius:var(--r);background:var(--papier);margin-bottom:12px;box-shadow:4px 4px 0 var(--encre)}.rank{font-family:var(--font-display);font-weight:800;font-size:1.6rem;text-align:center;width:44px;height:44px;line-height:44px;border:2px solid var(--encre);border-radius:50%}.row.podium-1{background:var(--jaune);box-shadow:5px 5px 0 var(--encre)}.row.podium-1 .rank{background:var(--encre);color:var(--jaune)}.row.podium-2{background:var(--menthe)}.row.podium-2 .rank{background:var(--encre);color:var(--menthe)}.row.podium-3{background:var(--rose)}.row.podium-3 .rank{background:var(--encre);color:var(--rose)}.player{display:flex;align-items:center;gap:11px;min-width:0}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--encre);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:.95rem;background:var(--bleu);color:var(--papier);flex-shrink:0}.player .name{font-family:var(--font-display);font-weight:700;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player .team{font-size:.74rem;color:var(--gris);font-weight:500}.row.podium-1 .team,.row.podium-2 .team,.row.podium-3 .team{color:var(--encre)}.score{font-family:var(--font-display);font-weight:800;font-size:1.5rem}.score small{font-size:.68rem;font-weight:700}.empty{text-align:center;padding:44px 20px;color:var(--gris)}.empty .big{font-size:2.4rem;margin-bottom:10px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--papier);border-top:var(--trait);display:flex;align-items:center;justify-content:space-around}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--gris);font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:.68rem;letter-spacing:.04em}.bottom-nav a.active{color:var(--rose)}.bottom-nav .glyph{font-size:1.3rem}.stack>*+*{margin-top:12px}.spacer{height:18px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}:focus-visible{outline:3px solid var(--bleu);outline-offset:2px}