:root{color-scheme:dark;--night: #0d141d;--night-2: #131d29;--surface: #182536;--surface-2: #1f2f44;--line: #2b3d54;--fg: #eef3f7;--muted: #a9b8c8;--ice: #a6d8f2;--ice-deep: #5aa7d3;--ember: #f2a14a;--danger: #ff8a7a;--ok: #8fd6a0;--font-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--font-body: "Figtree", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--night);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.5}body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;line-height:1;margin:0;text-wrap:balance}h2{font-size:1.6rem;font-weight:900}p{margin:0}a{color:var(--ice)}:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center;padding:64px 16px}.row{display:flex;flex-wrap:wrap;gap:10px}.errors{color:var(--danger);margin:0;padding-left:1.1em}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none}.off{font-size:.75rem;color:var(--danger)}.ok{color:var(--ok)}input,select{font:inherit;color:var(--fg);background:var(--night-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}label{display:grid;gap:6px;font-weight:500}label.inline{grid-template-columns:auto 1fr;align-items:center;gap:10px;font-size:.92rem}label.check{display:flex;gap:8px;align-items:center}.btn{font:inherit;font-weight:700;padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){border-color:var(--ice-deep)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--ember);border-color:var(--ember);color:#1a1206}.btn.primary:hover:not(:disabled){background:#ffb766}.btn.small{padding:6px 12px;font-size:.85rem}.panel{background:var(--surface);border-radius:16px;padding:18px 20px;display:grid;gap:14px;align-content:start;min-width:0}.panel.narrow{max-width:440px;margin:0 auto}.home-bg{background:linear-gradient(to bottom,rgba(13,20,29,.35),rgba(13,20,29,.75) 45%,var(--night) 80%),url(/art/fond-accueil.jpg) center top / cover no-repeat;min-height:100vh}.home,.lobby{max-width:1040px;margin:0 auto;padding:40px max(16px,env(safe-area-inset-left)) 64px;display:grid;gap:32px}.home-hero{display:grid;gap:14px}.home-hero h1{font-size:clamp(3rem,9vw,6rem);font-weight:900;line-height:.9}.home-hero.small h1{font-size:clamp(2.4rem,6vw,3.6rem)}.home-hero h1 span{color:var(--ice);display:block}.home-hero.small h1 span{display:inline}.tiles-row{display:flex;gap:6px;flex-wrap:wrap}.tiles-row img{width:64px;height:auto}.home-hero p{color:var(--muted);font-size:1.1rem;max-width:52ch}.home-forms,.lobby-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.share{display:flex;gap:10px;flex-wrap:wrap}.share input{flex:1 1 260px;font-family:var(--font-mono)}.players{list-style:none;margin:0;padding:0;display:grid;gap:10px}.players li{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.totem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.totem-card{font:inherit;text-align:left;color:var(--fg);background:var(--night-2);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:6px;cursor:pointer}.totem-art{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:110px}.totem-art img{height:100%;width:auto}.totem-art img+img{height:70%}.totem-power{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.totem-power img{width:48px;height:auto}.totem-card b{font-family:var(--font-display);font-size:1.4rem;text-transform:uppercase}.totem-card span{color:var(--muted);font-size:.85rem}.totem-card em{color:var(--muted);font-size:.8rem}.totem-card.on{border-color:var(--ember);background:color-mix(in srgb,var(--ember) 14%,var(--night-2))}.totem-card:disabled{opacity:.45;cursor:default}.game{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr}.topbar{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;padding:12px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--night-2)}.brand{font-family:var(--font-display);font-weight:900;font-size:1.3rem;text-transform:uppercase;color:var(--fg);text-decoration:none}.season{font-family:var(--font-display);font-size:1.3rem;text-transform:uppercase;color:var(--ice)}.sky{font-size:.92rem}.sky b{color:var(--ember)}.sky-card{position:relative;margin:0;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;background:var(--night-2) center / cover no-repeat;display:grid;align-content:end;border:1px solid var(--line)}.sky-card figcaption{padding:34px 16px 12px;background:linear-gradient(to top,rgba(8,12,18,.92),rgba(8,12,18,.6) 60%,transparent);display:grid;gap:2px}.sky-card .kicker{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ice)}.sky-card b{font-family:var(--font-display);font-size:1.4rem;text-transform:uppercase;color:var(--ember);line-height:1.1}.sky-card p{margin:0;font-size:.92rem}.sky-next{position:absolute;top:10px;right:10px;width:64px;border-radius:8px;border:2px solid var(--ice);overflow:hidden;aspect-ratio:1;background:center / cover no-repeat}.code{margin-left:auto;font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:20px;padding:20px max(16px,env(safe-area-inset-left));align-items:start}.board-wrap{background:radial-gradient(ellipse at 50% 30%,#1b2b3e,#111a25 70%);border:1px solid var(--line);border-radius:20px;padding:12px;position:sticky;top:12px}.side{display:grid;gap:16px;min-width:0}.valley{width:100%;max-height:calc(100vh - 140px);display:block;margin:0 auto}.valley .north{fill:var(--ice);font-family:var(--font-mono);font-size:9px;letter-spacing:2px}.valley .tile{stroke:#0d141d;stroke-width:2.5}.valley .tile-art{pointer-events:none}.valley .glyph{fill:none;stroke:#fff6;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.valley .mark{fill:#ffffffbf;font-size:8px}.valley .target{fill:#f2a14a2e;stroke:var(--ember);stroke-width:3;pointer-events:none}.valley .hex.can{cursor:pointer}.valley .hex.can:hover .target{fill:#f2a14a59}.valley .foyer ellipse{stroke:#0d141d;stroke-width:1.2}.valley .mammoth{filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.valley .pawn,.valley .mammoth,.valley .foyer,.valley .mark{pointer-events:none}.valley .pawn.mine{pointer-events:auto}.valley.targeting .pawn.mine{pointer-events:none}.valley .pawn circle{stroke:#0d141d;stroke-width:2}.valley .pawn.mine{cursor:pointer}.valley .pawn.mine circle{stroke:#fff}.valley .pawn.selected circle{stroke:var(--ember);stroke-width:3}.valley .pawn.resting{opacity:.4}.valley .spear{stroke:#0d141d;stroke-width:1.6;stroke-linecap:round}.valley .arrow{stroke:var(--ember);stroke-width:2;stroke-dasharray:4 3;opacity:.9;pointer-events:none}.panel-head{display:flex;justify-content:space-between;align-items:center}.timer{font-family:var(--font-mono);font-weight:700;font-size:1.2rem;color:var(--ice)}.timer.hurry{color:var(--danger)}.hunters{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hunters li{border:1px solid var(--line);border-radius:12px;overflow:hidden}.hunters li.sel{border-color:var(--ember)}.hunter-btn{font:inherit;color:var(--fg);width:100%;text-align:left;background:var(--night-2);border:0;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;cursor:pointer}.hunter-btn span{color:var(--muted);font-size:.85rem}.order-chip{grid-column:1 / -1;color:var(--ember)!important;font-weight:700}.action-pick{padding:10px 12px 12px;display:grid;gap:8px}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions button{font:inherit;font-size:.85rem;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);cursor:pointer}.actions button.on{background:var(--ember);color:#1a1206;border-color:var(--ember)}.hint{color:var(--muted);font-size:.85rem}.spy{color:var(--ice);font-size:.9rem}.clans{display:grid;gap:10px}.clan{border-left:4px solid;background:var(--surface);border-radius:12px;padding:10px 14px;display:grid;gap:4px}.clan.me{background:color-mix(in srgb,var(--ember) 8%,var(--surface))}.clan .figure{height:34px;width:auto}.clan header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.clan-stats{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.fire{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#1a1206;background:var(--ember);padding:2px 8px;border-radius:999px}.res{display:inline-flex;gap:6px;flex-wrap:wrap}.r{font-family:var(--font-mono);font-size:.85rem;font-weight:700;padding:1px 8px 1px 3px;border-radius:999px;background:var(--surface-2);display:inline-flex;align-items:center;gap:3px}.r img{width:22px;height:22px;object-fit:contain}.r.zero{opacity:.45}.log ul,.revealed{margin:0;padding-left:1.1em;display:grid;gap:6px;color:var(--muted);font-size:.92rem}.lynx{display:grid;gap:8px}.end .winner{font-family:var(--font-display);font-size:1.8rem;text-transform:uppercase;color:var(--ember)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.82rem;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--line)}td:last-child,th:last-child{text-align:right}th{color:var(--muted);font-weight:500}.video-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--line)}.tiles{display:flex;gap:10px;overflow-x:auto;flex:1 1 auto}.tile-video{margin:0;width:168px;aspect-ratio:4 / 3;max-width:100%;border:3px solid;border-radius:12px;overflow:hidden;position:relative;background:var(--night-2);flex:none}.tile-video video{width:100%;height:100%;object-fit:cover}.tile-video figcaption{position:absolute;left:0;right:0;bottom:0;padding:4px 8px;font-size:.78rem;background:#0d141db3}.no-cam{display:grid;place-items:center;height:100%;font-family:var(--font-display);font-size:2.6rem;color:var(--muted)}.video-controls{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 900px){.layout,.home-forms,.lobby-grid{grid-template-columns:1fr}.board-wrap{position:static}.code{margin-left:0}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}