:root{--bg-0: #07091a;--bg-1: #0d1126;--bg-2: #141a35;--bg-card: rgba(20, 26, 53, .85);--border: #2a315c;--text: #e8eaf4;--text-dim: #a6acc9;--muted: #8890af;--accent: #f7a83a;--accent-2: #ffd166;--danger: #ef476f;--success: #06d6a0;--warn: #ffd166;--shadow: 0 10px 30px rgba(0,0,0,.45);--radius: 14px;--map-bg: #0a0f24;--map-land: #17203a;--map-water: #0b1a33;--map-route: #f7a83a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1200px 600px at 20% -10%,#1a2253 0%,transparent 60%),radial-gradient(900px 500px at 120% 10%,#3b1a4d 0%,transparent 60%),var(--bg-0);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;touch-action:manipulation}h1,h2,h3,.brand-text,.title{font-family:Cinzel,serif;letter-spacing:.02em}h1{font-size:1.8rem;margin:0 0 1rem}h2{font-size:1.3rem;margin:0 0 .7rem}h3{font-size:1.05rem;margin:1rem 0 .5rem}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.page{flex:1;padding:1.5rem;max-width:1180px;margin:0 auto;width:100%;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}@media (max-width: 600px){.page{padding:.9rem}}.loading{text-align:center;padding:3rem;color:var(--text-dim)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;padding-top:calc(.8rem + env(safe-area-inset-top));border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07091a99;position:sticky;top:0;z-index:20;gap:.4rem}@media (max-width: 480px){.site-header{padding:.6rem .7rem;padding-top:calc(.6rem + env(safe-area-inset-top))}.brand-text{font-size:.95rem}}.brand{display:flex;align-items:center;gap:.6rem;color:var(--text);font-weight:700;font-size:1.1rem}.brand-mark{color:var(--accent);font-size:1.4rem;filter:drop-shadow(0 0 6px rgba(247,168,58,.6))}.site-header-right{display:flex;align-items:center;gap:.5rem}.lang-toggle{display:flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.lang-toggle button{background:transparent;color:var(--text-dim);border:0;padding:.3rem .8rem;cursor:pointer;font-weight:600}.lang-toggle button.active{background:var(--accent);color:#111}.icon-btn{background:transparent;border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.site-footer{text-align:center;padding:1rem;color:var(--muted);font-size:.85rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);margin-bottom:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 600px){.card{padding:1rem;border-radius:12px}}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);font-weight:600}.mt{margin-top:1.2rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.row.space{justify-content:space-between}.btn{background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.55rem 1rem;cursor:pointer;font-weight:600;transition:transform .1s,border-color .2s,background .2s;min-height:40px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media (max-width: 600px){.btn{min-height:44px;padding:.65rem 1rem}.btn.small{min-height:36px;padding:.4rem .7rem;font-size:.9rem}}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#1a1408;border-color:transparent}.btn.primary:hover{filter:brightness(1.08)}.btn.big{padding:.8rem 1.4rem;font-size:1.05rem}.btn.ghost{background:transparent}.btn.warn{background:var(--warn);color:#2b2000;border-color:transparent}.btn.danger{background:var(--danger);color:#fff;border-color:transparent}.btn.small{padding:.25rem .6rem;font-size:.85rem}input,textarea,select{background:#00000040;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.55rem .75rem;font:inherit;width:100%;font-size:16px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f7a83a40}textarea{resize:vertical;font-family:inherit}.mono{font-family:Menlo,Consolas,monospace}label{display:block;font-weight:600;font-size:.9rem;color:var(--text-dim);margin-bottom:.4rem}.home .hero{text-align:center;padding:2rem 0 1rem}.home .title{font-size:clamp(2rem,6vw,3.4rem);margin:0;background:linear-gradient(180deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(247,168,58,.25)}.home .subtitle{color:var(--text-dim);margin:.5rem 0 0}.home .story{white-space:pre-line}.home .start-form label{margin-top:.8rem}.home .start-form input{max-width:420px}.scoreboard{margin-top:1.5rem}.scoreboard table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.scoreboard th,.scoreboard td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--border)}.scoreboard tr:last-child td{border-bottom:0}.scoreboard .trophy{font-size:1.2rem}.scoreboard .time{font-family:monospace}.marseille-map svg{width:100%;height:auto;border-radius:var(--radius);display:block}.marseille-map.sm{max-width:320px}.marseille-map.md{max-width:620px;margin:0 auto}.map-marker .map-dot{fill:#6d7bb0;stroke:#07091a;stroke-width:2;transition:fill .3s}.map-marker.done .map-dot{fill:var(--success)}.map-marker.active .map-dot{fill:var(--accent);filter:drop-shadow(0 0 6px rgba(247,168,58,.9));animation:pulse 1.8s ease-in-out infinite}.map-marker .map-num{fill:#0a1022;font-size:10px;font-weight:700;font-family:Inter,sans-serif}.map-marker.pending .map-num{fill:#e8eaf4}.map-marker.active .map-num{fill:#1a1408}.map-marker .map-label{fill:var(--text-dim);font-size:9px;font-family:Cinzel,serif;letter-spacing:1px;text-transform:uppercase;opacity:.75}.map-marker.active .map-label{fill:var(--accent-2);opacity:1}.map-marker.done .map-label{fill:var(--success);opacity:.9}@keyframes pulse{0%,to{r:12}50%{r:15}}.game{display:grid;grid-template-columns:1fr 320px;gap:1.4rem}.game .mini-map{position:sticky;top:5rem;align-self:start}@media (max-width: 900px){.game{grid-template-columns:1fr;gap:.9rem}.game .mini-map{order:-1;position:static}}@media (max-width: 600px){.game .mini-map,.marseille-map.sm{max-width:100%}}.hud{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.hud-left,.hud-right{display:flex;gap:.4rem;flex-wrap:wrap}.hud .pill{background:var(--bg-2);border:1px solid var(--border);padding:.3rem .7rem;border-radius:999px;font-size:.9rem}@media (max-width: 480px){.hud .pill{font-size:.8rem;padding:.25rem .55rem}}.timer-pill{font-family:monospace;font-weight:700;color:var(--accent)}.progress-bar{height:6px;background:var(--bg-2);border-radius:999px;overflow:hidden;margin-bottom:1rem}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .5s}.flash{position:fixed;top:calc(80px + env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:.8rem 1.4rem;border-radius:10px;font-weight:700;z-index:30;box-shadow:var(--shadow);animation:flash-in .2s ease-out;max-width:calc(100% - 2rem);text-align:center}.flash.wrong{background:var(--danger);color:#fff}.flash.correct{background:var(--success);color:#042018}.flash.pursuit{background:#ef476ff2;color:#fff;animation:pulse-red 1.5s infinite,flash-in .3s;border:1px solid #ff7fa4;text-shadow:0 0 6px rgba(255,255,255,.4)}@keyframes flash-in{0%{opacity:0;transform:translate(-50%,-10px)}}@keyframes pulse-red{0%,to{box-shadow:0 0 10px #ef476f80}50%{box-shadow:0 0 30px #ef476fe6}}.level-head h2{margin-bottom:.2rem}.level-head .loc{color:var(--text-dim);font-size:.9rem;margin:0 0 .8rem}.level-img{display:block;margin:0 auto .9rem;width:auto;max-width:100%;max-height:clamp(160px,32vh,320px);border-radius:var(--radius)}@media (max-width: 600px){.level-img{max-height:26vh}}.level .story{color:var(--text-dim);font-style:italic}.level .task{white-space:pre-line}.hint-box{background:#ffd1661a;border:1px solid rgba(255,209,102,.5);border-radius:10px;padding:.6rem .8rem;margin-bottom:.5rem}.hint-controls{display:flex;align-items:center;gap:.7rem}.solve-row{margin-top:.9rem;padding-top:.7rem;border-top:1px dashed var(--border);text-align:right}.solve-row .btn{opacity:.75}.solve-row .btn:hover{opacity:1}.level-done{text-align:center;animation:unlock .6s ease-out}.level-done h2.glow{color:var(--success);text-shadow:0 0 20px rgba(6,214,160,.6)}@keyframes unlock{0%{opacity:0;transform:scale(.95)}}.puzzle{margin-top:1rem}.puzzle .question{font-size:1.05rem;margin-bottom:.7rem}.puzzle .sentence{font-size:1.1rem;line-height:2.3;margin-bottom:1rem;word-break:break-word}.blank{display:inline-block;width:auto!important;min-width:120px;margin:0 .3rem}@media (max-width: 600px){.puzzle .sentence{font-size:1rem;line-height:2.1}.blank{min-width:90px}}.puzzle.mc .options{display:grid;gap:.5rem}.puzzle.mc .option{border:1px solid var(--border);padding:.6rem .8rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:border-color .2s,background .2s}.puzzle.mc .option:hover{border-color:var(--accent)}.puzzle.mc .option.on{border-color:var(--accent);background:#f7a83a1a}.puzzle.mc .option input{width:auto}.order-list{list-style:none;padding:0;display:grid;gap:.4rem}.order-list li{display:flex;align-items:center;gap:.6rem;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:.5rem .7rem}.order-list .num{width:1.5rem;color:var(--accent);font-family:monospace;font-weight:700}.order-list .txt{flex:1}.order-list .actions button{width:28px;height:28px}.dnd-pool{display:flex;flex-direction:column;gap:.5rem;padding:.6rem;border:1px dashed var(--border);border-radius:10px;min-height:50px;margin-bottom:.8rem}.dnd-chip-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.3rem;border-bottom:1px dashed rgba(255,255,255,.04)}.dnd-chip-row:last-child{border-bottom:0}.dnd-chip-row .chip{flex:0 0 auto}.chip-picker{display:flex;gap:.3rem;flex-wrap:wrap;margin-left:auto}.chip-picker .btn{padding:.3rem .6rem;min-height:32px;font-size:.85rem}@media (max-width: 600px){.dnd-chip-row{flex-direction:column;align-items:stretch}.chip-picker{margin-left:0}.chip-picker .btn{flex:1;min-height:40px}}.dnd-cats{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}@media (max-width: 600px){.dnd-cats{grid-template-columns:1fr}}.dnd-cat{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:.7rem;min-height:120px}.dnd-cat h4{margin:0 0 .5rem;color:var(--accent-2)}.dnd-cat ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.chip{background:#f7a83a1f;border:1px solid var(--accent);color:var(--text);border-radius:999px;padding:.4rem .8rem;cursor:grab;min-height:36px;display:inline-flex;align-items:center}.chip:active{cursor:grabbing}.chip.small{padding:.3rem .3rem .3rem .7rem;font-size:.9rem;gap:.4rem;cursor:pointer}.chip-x{background:transparent;border:0;color:var(--text);font-size:1.1rem;line-height:1;padding:0 .4rem;border-radius:999px;cursor:pointer;min-height:28px}.chip-x:hover{background:#ffffff1a;color:var(--danger)}.dnd-progress{text-align:right;margin:.3rem 0 .6rem;font-family:monospace}.cipher-text{background:#0006;border:1px solid var(--border);border-radius:10px;padding:.8rem;font-size:1.1rem;letter-spacing:.1em;color:var(--accent-2);overflow-x:auto}.text-input{max-width:480px}.click-area{position:relative;width:100%;aspect-ratio:16/9;background:#111 center/cover no-repeat;border:1px solid var(--border);border-radius:10px;cursor:crosshair}.click-marker{position:absolute;width:16px;height:16px;background:var(--accent);border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%)}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:calc(var(--radius) + 2px);background:linear-gradient(45deg,var(--accent),var(--accent-2),var(--success));z-index:-1;filter:blur(10px);opacity:.5}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.7rem;margin:1rem 0}.stat{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;text-align:center}.stat span{display:block;color:var(--muted);font-size:.8rem}.stat b{font-size:1.3rem;color:var(--accent-2);font-family:monospace}.achievements ul{list-style:none;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}.achievements li{background:var(--bg-2);border:1px solid var(--accent);border-radius:999px;padding:.3rem .8rem}.admin-login{max-width:420px;margin:3rem auto}.admin-login .card{padding:1.6rem}.admin-layout{display:grid;grid-template-columns:220px 1fr;gap:1rem}@media (max-width: 900px){.admin-layout{grid-template-columns:1fr}}@media (max-width: 900px){.admin-side nav{flex-direction:row;flex-wrap:wrap}}.admin-side{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;align-self:start}.admin-side nav{display:flex;flex-direction:column;margin:1rem 0}.admin-side nav a{color:var(--text-dim);padding:.5rem .7rem;border-radius:8px;text-decoration:none}.admin-side nav a:hover{background:#ffffff0d;color:var(--text)}.admin-side nav a.active{background:var(--accent);color:#111}.admin-main{min-width:0}.list{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.list-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.list th,.list td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;font-size:.9rem}@media (max-width: 600px){.list th,.list td{padding:.4rem .5rem;font-size:.8rem}}.list tr.selected td,.list tr.dirty td{background:#f7a83a14}.list .actions{display:flex;gap:.3rem;flex-wrap:wrap}.list .truncate{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.form-grid fieldset{border:1px solid var(--border);border-radius:10px;padding:.7rem}.form-grid fieldset.wide{grid-column:1 / -1}.form-grid label{margin-top:.4rem}@media (max-width: 700px){.form-grid{grid-template-columns:1fr}}.hide-sm{display:table-cell}@media (max-width: 600px){.hide-sm{display:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040612b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;z-index:100;overflow-y:auto;animation:flash-in .15s ease-out}.modal-card{width:100%;max-width:820px;margin:0;max-height:calc(100dvh - 8vh);overflow-y:auto;-webkit-overflow-scrolling:touch}@media (max-width: 600px){.modal-backdrop{padding:1rem .5rem}.modal-card{max-height:calc(100dvh - 2rem)}}