:root{--bg:#0a0e15;--panel:#111927b8;--panel-solid:#0f1620c7;--border:#78bed247;--ink:#dbe9ee;--ink-body:#b7c9d1;--ink-muted:#7891a1;--ink-dim:#4f6675;--g-sante:#4fd68c;--g-sante-rgb:79, 214, 140;--g-population:#f0a83c;--g-population-rgb:240, 168, 60;--g-budget:#35d0e8;--g-budget-rgb:53, 208, 232;--g-reseau:#e0459e;--g-reseau-rgb:224, 69, 158;--left-accent:var(--g-population);--left-accent-rgb:var(--g-population-rgb);--right-accent:var(--g-reseau);--right-accent-rgb:var(--g-reseau-rgb);--font-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--grid-cell:22px;--dial-size:50px;--dial-icon:15px;--reticle:16px;--column:560px}@media (min-width:768px){:root{--grid-cell:26px;--dial-size:56px;--dial-icon:17px;--reticle:18px}}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background-color:var(--bg);background-image:linear-gradient(#35d0e80d 1px,#0000 1px),linear-gradient(90deg,#35d0e80d 1px,#0000 1px);background-size:var(--grid-cell) var(--grid-cell);color:var(--ink);font-family:var(--font-mono);-webkit-font-smoothing:antialiased}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -8%,#35d0e81a,#0000 55%);position:fixed;inset:0}a{color:var(--g-budget);text-decoration:none}a:hover{color:#7fe6f4}.hud-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.reticle{width:var(--reticle);height:var(--reticle);pointer-events:none;--reticle-color:var(--g-budget);position:absolute}.reticle--tl{border-top:2px solid var(--reticle-color);border-left:2px solid var(--reticle-color);top:-1px;left:-1px}.reticle--tr{border-top:2px solid var(--reticle-color);border-right:2px solid var(--reticle-color);top:-1px;right:-1px}.reticle--bl{border-bottom:2px solid var(--reticle-color);border-left:2px solid var(--reticle-color);bottom:-1px;left:-1px}.reticle--br{border-bottom:2px solid var(--reticle-color);border-right:2px solid var(--reticle-color);bottom:-1px;right:-1px}.hud{z-index:1;justify-content:center;min-height:100dvh;display:flex;position:relative;overflow-x:clip}.hud__column{width:100%;max-width:var(--column);flex-direction:column;min-height:100dvh;padding:20px 18px 24px;display:flex}.hud__spacer{flex:1;min-height:16px}.hud__decision{position:relative}.hud__status{text-align:center;color:var(--ink-muted);margin:0;padding:28px 0;font-size:13px}.hud__status a{border-bottom:1px solid #35d0e866}@media (min-width:768px){.hud__column{justify-content:center;padding:40px 24px}.hud__spacer{flex:0 0 32px;min-height:0}}.dials{justify-content:space-between;margin-bottom:14px;display:flex}.dial{--dial-color:var(--g-budget);flex-direction:column;align-items:center;gap:4px;display:flex}.dial[data-gauge=sante]{--dial-color:var(--g-sante)}.dial[data-gauge=population]{--dial-color:var(--g-population)}.dial[data-gauge=budget]{--dial-color:var(--g-budget)}.dial[data-gauge=reseau]{--dial-color:var(--g-reseau)}.dial__ring{width:var(--dial-size);height:var(--dial-size);transform-origin:50%;will-change:transform;position:relative}.dial__svg{width:100%;height:100%;transform:rotate(-90deg)}.dial__track{stroke:#dbe9ee1a;stroke-width:8px}.dial__value{stroke:var(--dial-color);stroke-width:8px;filter:drop-shadow(0 0 4px var(--dial-color));transition:stroke-dashoffset .4s}.dial__icon{width:var(--dial-icon);height:var(--dial-icon);color:var(--dial-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dial__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);font-size:7.5px;font-weight:500}@media (min-width:768px){.dials{margin-bottom:18px}.dial{gap:6px}.dial__label{font-size:9px}}.km__readout{color:var(--ink-muted);justify-content:space-between;margin-bottom:5px;font-size:10px;display:flex}.km__track{border:1px solid var(--border);background:#dbe9ee14;height:3px;overflow:hidden}.km__fill{background:var(--g-budget);height:100%;box-shadow:0 0 6px var(--g-budget);transition:width .5s}@media (min-width:768px){.km__readout{margin-bottom:6px;font-size:11px}}.context-link{color:var(--g-budget);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:12px;padding:0;font-size:10px;font-weight:500;transition:color .15s}.context-link:before{content:"> "}.context-link:hover{color:#7fe6f4}@media (min-width:768px){.context-link{font-size:11px}}.modifiers{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.modifier{color:var(--g-reseau);background:#e0459e14;border:1px solid #e0459e59;align-items:center;gap:6px;padding:3px 8px;font-size:8.5px;display:inline-flex}.modifier__pip{background:var(--g-reseau);width:5px;height:5px;box-shadow:0 0 5px var(--g-reseau)}.storylet{background:var(--panel-solid);will-change:transform;border:1px solid #78bed24d;padding:22px 18px 18px;position:relative;box-shadow:0 0 0 1px #35d0e80f,0 20px 44px #0000008c}.storylet[data-interactive=true]{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.storylet[data-interactive=true]:active{cursor:grabbing}.storylet__wash{pointer-events:none;position:absolute;inset:0}.storylet__wash--left{background:linear-gradient(115deg, rgba(var(--left-accent-rgb), .24), transparent 60%)}.storylet__wash--right{background:linear-gradient(245deg, rgba(var(--right-accent-rgb), .24), transparent 60%)}.storylet__edge{pointer-events:none;position:absolute;inset:-1px}.storylet__edge--left{border:1px solid rgba(var(--left-accent-rgb), .45);box-shadow:0 0 0 1px rgba(var(--left-accent-rgb), .1)}.storylet__edge--right{border:1px solid rgba(var(--right-accent-rgb), .45);box-shadow:0 0 0 1px rgba(var(--right-accent-rgb), .1)}.storylet .reticle--accent-left{--reticle-color:var(--left-accent)}.storylet .reticle--accent-right{--reticle-color:var(--right-accent)}.stamp{pointer-events:none;background:#0a0e15cc;padding:5px 10px;font-size:10px;position:absolute;top:-13px}.stamp--left{border:1.5px solid var(--left-accent);color:var(--left-accent);left:18px;transform:rotate(-10deg)}.stamp--right{border:1.5px solid var(--right-accent);color:var(--right-accent);right:18px;transform:rotate(10deg)}.storylet__kicker{color:var(--ink-muted);align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex;position:relative}.storylet__pip{background:var(--g-population);width:6px;height:6px;box-shadow:0 0 6px var(--g-population)}.storylet__title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);margin:0 0 12px;font-size:17px;font-weight:700;position:relative}.storylet__body{color:var(--ink-body);white-space:pre-line;margin:0 0 20px;font-size:13px;line-height:1.6;position:relative}.storylet__body:before{content:"> ";color:var(--ink-muted)}.storylet__foot{display:grid;position:relative}.storylet__foot>*{grid-area:1/1;padding-top:12px}.foot__hint{color:var(--ink-dim);border-top:1px solid #78bed229;justify-content:center;align-self:center;align-items:center;gap:10px;font-size:8.5px;display:flex}.foot__arrow{font-size:13px;line-height:1}.foot__choice{flex-direction:column;align-self:end;gap:6px;display:flex}.foot__choice--left{border-top:1px solid rgba(var(--left-accent-rgb), .3);text-align:left}.foot__choice--right{border-top:1px solid rgba(var(--right-accent-rgb), .3);text-align:right}.foot__cue{font-size:8.5px}.foot__choice--left .foot__cue{color:var(--left-accent)}.foot__choice--right .foot__cue{color:var(--right-accent)}.foot__text{color:var(--ink);font-size:13px;line-height:1.4}@media (min-width:768px){.storylet{padding:26px 26px 22px;box-shadow:0 0 0 1px #35d0e80f,0 24px 48px #0000008c}.storylet__title{margin-bottom:14px;font-size:20px}.storylet__body{margin-bottom:0;font-size:14px;line-height:1.65}.storylet__kicker{margin-bottom:12px;font-size:11px}.storylet__foot,.storylet__wash,.storylet__edge,.stamp,.reticle--accent-left,.reticle--accent-right{display:none}}.storylet[data-busy=true] .storylet__kicker,.storylet[data-busy=true] .storylet__title,.storylet[data-busy=true] .storylet__body,.storylet[data-busy=true] .storylet__foot{filter:blur(3px);opacity:.28;pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .2s,opacity .2s}.card-placeholder{background:var(--panel-solid);border:1px solid #78bed24d;justify-content:center;align-items:center;min-height:232px;display:flex;position:relative;box-shadow:0 0 0 1px #35d0e80f,0 20px 44px #0000008c}.card-loader{pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-placeholder .card-loader{position:static;transform:none}.card-loader__dial{width:42px;height:42px}.card-loader__track{stroke:#dbe9ee1a;stroke-width:6px}.card-loader__arc{stroke:var(--g-budget);stroke-width:6px;stroke-dasharray:66 198;filter:drop-shadow(0 0 5px var(--g-budget));transform-origin:50%;animation:.9s linear infinite card-loader-spin}.card-loader__label{color:var(--ink-muted);background:#0a0e15bf;padding:2px 6px;font-size:8.5px}@keyframes card-loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.card-loader__arc{animation:1.4s ease-in-out infinite card-loader-pulse}@keyframes card-loader-pulse{0%,to{opacity:.3}50%{opacity:1}}}.choices{gap:16px;margin-top:16px;display:none}.choice{background:var(--panel);border:1px solid var(--border);color:var(--ink);text-align:left;cursor:pointer;--reticle:12px;flex-direction:column;flex:1;align-items:stretch;padding:18px 18px 16px;font-family:inherit;transition:border-color .15s;display:flex;position:relative}.choice:hover:not(:disabled),.choice:focus-visible:not(:disabled){border-color:#dbe9ee80;outline:none}.choice:disabled{cursor:default;opacity:.4}.choice--left .reticle{--reticle-color:var(--left-accent)}.choice--right .reticle{--reticle-color:var(--right-accent)}.choice__head{color:var(--ink-muted);align-items:center;gap:8px;margin-bottom:10px;font-size:9.5px;display:flex}.choice__pip{flex-shrink:0;width:7px;height:7px}.choice--left .choice__pip{background:var(--left-accent);box-shadow:0 0 5px var(--left-accent)}.choice--right .choice__pip{background:var(--right-accent);box-shadow:0 0 5px var(--right-accent)}.choice__text{margin-bottom:14px;font-size:13.5px;line-height:1.45}.choice__arrow{align-self:flex-end;margin-top:auto;font-size:14px}.choice--left .choice__arrow{color:var(--left-accent)}.choice--right .choice__arrow{color:var(--right-accent)}@media (min-width:768px){.choices{display:flex}}.game-over-screen{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100dvh;padding:48px 20px;display:flex;position:relative}.game-over-screen>*{width:min(var(--column), 100%)}.game-over-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--g-reseau);text-shadow:0 0 14px #e0459e59;margin:0;font-size:26px;font-weight:700}.game-over-title:before{content:"// ";color:var(--ink-dim);text-shadow:none}.game-over-stat{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.7}.game-over-legacy,.game-over-fault{background:var(--panel);border:1px solid var(--border);padding:20px 20px 18px;position:relative}.game-over-legacy:before,.game-over-fault:before{content:"";width:var(--reticle);height:var(--reticle);border-top:2px solid var(--corner,var(--g-budget));border-left:2px solid var(--corner,var(--g-budget));position:absolute;top:-1px;left:-1px}.game-over-legacy:after,.game-over-fault:after{content:"";width:var(--reticle);height:var(--reticle);border-bottom:2px solid var(--corner,var(--g-budget));border-right:2px solid var(--corner,var(--g-budget));position:absolute;bottom:-1px;right:-1px}.game-over-legacy{--corner:var(--g-reseau)}.game-over-legacy__label,.game-over-km__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;font-size:10px;font-weight:500}.game-over-legacy__label{color:var(--g-reseau)}.game-over-km__label{color:var(--ink-muted)}.game-over-legacy p{color:var(--ink-body);margin:0;font-size:13px;line-height:1.65}.game-over-fault{--corner:var(--g-population)}.game-over-fault__year{font-family:var(--font-display);letter-spacing:.12em;color:var(--g-population);margin-bottom:8px;font-size:10px;font-weight:500;display:block}.game-over-fault p{color:var(--ink-body);margin:0;font-size:12.5px;line-height:1.65}.game-over-fault__source{color:var(--ink-dim);margin-top:10px;font-size:10px;font-style:normal;display:block}.game-over-km__context{color:var(--ink-muted);margin:12px 0 0;font-size:12px;line-height:1.6}.game-over-actions{flex-direction:column;align-items:center;gap:16px;margin-top:6px;display:flex}.restart-button{border:1px solid var(--g-budget);color:var(--g-budget);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#35d0e81a;padding:13px 34px;font-size:12px;font-weight:600;transition:background .15s,box-shadow .15s;box-shadow:0 0 14px #35d0e826}.restart-button:hover{background:#35d0e833;box-shadow:0 0 22px #35d0e84d}.game-over-actions .context-link{align-self:center;margin-top:0}@media (min-width:768px){.game-over-title{font-size:32px}.game-over-stat{font-size:14px}}.intro-overlay{z-index:10000;background-color:var(--bg);background-image:linear-gradient(#35d0e80d 1px,#0000 1px),linear-gradient(90deg,#35d0e80d 1px,#0000 1px);background-size:var(--grid-cell) var(--grid-cell);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:60px 20px 36px;display:flex;position:fixed;inset:0;overflow-y:auto}.intro-skip{border:1px solid var(--border);color:var(--ink-dim);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;padding:6px 12px;font-size:9px;font-weight:500;transition:color .15s,border-color .15s;position:absolute;top:18px;right:18px}.intro-skip:hover{color:var(--ink);border-color:#dbe9ee80}.intro-slide{width:min(var(--column), 100%);background:var(--panel-solid);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;--corner:var(--g-budget);border:1px solid #78bed24d;flex-direction:column;min-height:380px;padding:28px 24px 24px;display:flex;position:relative;box-shadow:0 0 0 1px #35d0e80f,0 24px 48px #0000008c}.intro-slide:before,.intro-slide:after{content:"";width:var(--reticle);height:var(--reticle);pointer-events:none;position:absolute}.intro-slide:before{border-top:2px solid var(--corner);border-left:2px solid var(--corner);top:-1px;left:-1px}.intro-slide:after{border-bottom:2px solid var(--corner);border-right:2px solid var(--corner);bottom:-1px;right:-1px}.intro-slide:active{cursor:grabbing}.intro-eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--g-budget);margin:0 0 10px;font-size:10px;font-weight:500}.intro-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);margin:0 0 18px;font-size:22px;font-weight:700;line-height:1.25}.intro-body p{color:var(--ink-body);margin:0 0 14px;font-size:13px;line-height:1.7}.intro-body p:last-child{margin-bottom:0}.intro-figure{border-top:1px solid #78bed229;margin-top:auto;padding-top:18px}.intro-figure__value{font-family:var(--font-display);letter-spacing:.01em;color:var(--g-budget);text-shadow:0 0 16px #35d0e84d;font-size:30px;font-weight:700;display:block}.intro-figure__caption{color:var(--ink-dim);margin-top:6px;font-size:11px;line-height:1.5;display:block}.intro-slide--question{--corner:var(--g-reseau);border-color:#e0459e66}.intro-slide--question .intro-title{color:var(--g-reseau);text-shadow:0 0 16px #e0459e4d;font-size:25px}.intro-dots{gap:8px;display:flex}.intro-dot{cursor:pointer;background:#dbe9ee2e;border:none;width:7px;height:7px;padding:0;transition:background .2s,box-shadow .2s}.intro-dot--active{background:var(--g-budget);box-shadow:0 0 8px var(--g-budget)}.intro-nav{align-items:center;gap:12px;display:flex}.intro-nav__back,.intro-nav__next,.intro-cta{border:1px solid var(--border);color:var(--ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;padding:11px 24px;font-size:11px;font-weight:500;transition:background .15s,border-color .15s}.intro-nav__back:hover,.intro-nav__next:hover{background:#dbe9ee0a;border-color:#dbe9ee80}.intro-cta{border-color:var(--g-reseau);color:var(--g-reseau);background:#e0459e1a;padding:12px 28px;font-weight:600;box-shadow:0 0 14px #e0459e26}.intro-cta:hover{background:#e0459e33;box-shadow:0 0 22px #e0459e4d}@media (min-width:768px){.intro-slide{padding:34px 32px 28px}.intro-title{font-size:26px}.intro-body p{font-size:14px}}