:root{--bg:#f6f7f2;--surface:#fff;--fg:#1d2a24;--muted:#5d6b63;--line:#dfe4dc;--accent:#0f6b4b;--accent-2:#0a4f37;--accent-soft:#e2f0e8;--ochre:#b8761b;--ochre-2:#8a5713;--ochre-soft:#f6ead6;--bad:#b3362c;--bad-soft:#f8e3e0;--good:#1f7a3f;--good-soft:#e1f3e6;--lock:#c9d0c8;--fire:#d9631e;--heart:#d23b4f;--display:"Fraunces",Georgia,serif;--body:"Atkinson Hyperlegible",system-ui,sans-serif;--ar:"Noto Naskh Arabic","Geeza Pro",serif}@media (prefers-color-scheme:dark){:root{--bg:#111a16;--surface:#18241f;--fg:#e8efe9;--muted:#9aaba1;--line:#2a3a33;--accent:#4fbf8d;--accent-2:#2f8f64;--accent-soft:#1d3a2e;--ochre:#e0a548;--ochre-2:#9a6a22;--ochre-soft:#3a2e1a;--bad:#ef7b70;--bad-soft:#3d1f1c;--good:#6fd394;--good-soft:#173623;--lock:#33433c;--fire:#f08a45;--heart:#f0657a;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.5}.wrap{max-width:860px;margin:0 auto;padding:12px 16px 60px}header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}h1{font-family:var(--display);font-weight:800;font-size:1.8rem;margin:0;color:var(--accent)}h1 span{font-family:var(--ar);color:var(--ochre);font-size:1.4rem;margin-left:8px}h2{font-family:var(--display);font-size:1.35rem;margin:0 0 4px;text-wrap:balance}h3{font-family:var(--display);margin:0}.sub{color:var(--muted);margin:0}.note{font-size:.85rem;color:var(--muted)}.hud{display:flex;gap:14px;font-weight:700;font-variant-numeric:tabular-nums;align-items:center;flex-wrap:wrap}.fire{color:var(--fire)}.gem{color:var(--accent)}.hp{color:var(--heart)}.regionpill{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:4px 10px;font:inherit;font-size:.85rem;cursor:pointer}nav.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0;position:sticky;top:0;background:var(--bg);padding-block:8px;z-index:5}nav.tabs a{text-decoration:none;border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:8px 12px;border-radius:999px;font:inherit;font-size:.92rem;cursor:pointer}nav.tabs a.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ochre);outline-offset:2px}.btn{border:0;background:var(--accent);color:var(--bg);padding:12px 18px;border-radius:12px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 4px 0 var(--accent-2)}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--accent-2)}.btn.ghost{background:var(--accent-soft);color:var(--accent);box-shadow:none}.btn.red{background:var(--bad);box-shadow:0 4px #7d241d}.btn.ochre{background:var(--ochre);box-shadow:0 4px 0 var(--ochre-2)}.btn:disabled{background:var(--lock);color:var(--muted);box-shadow:none;cursor:default}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.center{justify-content:center}.chip{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:700}.chip.ochre{background:var(--ochre-soft);color:var(--ochre)}.lat{font-weight:700;font-size:1.08rem}.ar{font-family:var(--ar);font-size:1.3rem;direction:rtl;color:var(--ochre)}.fr{color:var(--muted)}.say{border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:1rem;flex:0 0 auto}.say.human{border-color:var(--ochre);color:var(--ochre)}.goal{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.bar{height:10px;background:var(--line);border-radius:6px;overflow:hidden;flex:1}.bar i{display:block;height:100%;background:var(--ochre);border-radius:6px;transition:width .4s}.level{margin:22px 0 8px}.lvhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;border-bottom:2px solid var(--line);padding-bottom:6px}.unitbox{margin:18px 0}.ubanner{background:var(--accent);color:var(--bg);border-radius:14px;padding:12px 16px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.ubanner.locked{background:var(--lock);color:var(--muted)}.ubanner p{margin:0;opacity:.9;font-size:.9rem}.ubanner button{background:transparent;border:2px solid currentColor;color:inherit;border-radius:10px;padding:6px 10px;font:inherit;font-weight:700;cursor:pointer}.tip{background:var(--ochre-soft);border-radius:12px;padding:12px 14px;margin-top:8px}.path{display:flex;flex-direction:column;align-items:center;gap:30px;padding:16px 0 26px}.node{width:74px;height:70px;border-radius:50%;border:0;font-size:1.6rem;cursor:pointer;background:var(--accent);color:var(--bg);box-shadow:0 6px 0 var(--accent-2);position:relative}.node.done{background:var(--ochre);box-shadow:0 6px 0 var(--ochre-2)}.node.lock{background:var(--lock);color:var(--muted);box-shadow:0 6px 0 var(--line);cursor:not-allowed}.node.cur{outline:4px solid var(--accent-soft);outline-offset:4px}.node.boss{border-radius:20px}.node small{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;font-size:.72rem;color:var(--muted);white-space:nowrap}@media (prefers-reduced-motion:no-preference){.node.cur{animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{translate:0 -4px}}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50;display:flex;flex-direction:column}.ltop{display:flex;align-items:center;gap:12px;padding:14px 16px;max-width:760px;width:100%;margin:0 auto}.ltop .bar{height:14px}.ltop .bar i{background:var(--accent)}.x{border:0;background:none;color:var(--muted);font-size:1.6rem;cursor:pointer;line-height:1}.lbody{flex:1;overflow-y:auto;padding:8px 16px 20px;max-width:760px;width:100%;margin:0 auto}.q{font-family:var(--display);font-size:1.4rem;margin:8px 0 16px}.prompt{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.bubble{border:2px solid var(--line);border-radius:16px;padding:10px 14px;background:var(--surface);min-width:0}.bubble .lat{font-size:1.3rem}.newtag{color:var(--ochre);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;margin:0}.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.opt{border:2px solid var(--line);border-bottom-width:4px;background:var(--surface);color:var(--fg);padding:14px;border-radius:14px;font:inherit;cursor:pointer;text-align:left;font-size:1.05rem}.opt.sel{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.opt.ok{border-color:var(--good);background:var(--good-soft);color:var(--good)}.opt.bad{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.opt:disabled{cursor:default}.match{display:grid;grid-template-columns:1fr 1fr;gap:10px}.match .col{display:flex;flex-direction:column;gap:10px;min-width:0}.bigsay{width:96px;height:96px;border-radius:24px;border:0;background:var(--accent);color:var(--bg);font-size:2.4rem;cursor:pointer;box-shadow:0 6px 0 var(--accent-2)}.bigsay.sm{width:60px;height:60px;border-radius:18px;font-size:1.4rem}.bigsay.soft{background:var(--accent-soft);color:var(--accent);box-shadow:none}.bigsay.rec{background:var(--bad);box-shadow:0 6px #7d241d}.line{min-height:64px;border-bottom:2px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;padding:8px 0;margin-bottom:18px;align-content:flex-start}.bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tile{border:2px solid var(--line);border-bottom-width:4px;background:var(--surface);color:var(--fg);padding:8px 12px;border-radius:12px;font:inherit;font-size:1.05rem;cursor:pointer}.tile.used{visibility:hidden}textarea,input[type=text],select{font:inherit;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--fg);min-width:0}textarea{width:100%;font-size:1.1rem;border-radius:14px;border-width:2px;min-height:100px;resize:vertical}.foot{border-top:2px solid var(--line);padding:14px 16px}.foot.good{background:var(--good-soft);border-color:transparent}.foot.bad{background:var(--bad-soft);border-color:transparent}.footin{max-width:760px;margin:0 auto;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.fbt{min-width:0;flex:1}.fbt b{font-family:var(--display);font-size:1.25rem;display:block}.foot.good .fbt{color:var(--good)}.foot.bad .fbt{color:var(--bad)}.end{text-align:center;padding:30px 0}.big{font-family:var(--display);font-size:2.6rem;margin:0}.kpis{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0}.kpi{border:2px solid var(--ochre);border-radius:14px;padding:10px 16px;min-width:110px}.kpi b{display:block;font-size:1.5rem;font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse}td,th{padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left}.tw{overflow-x:auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center;margin:12px 0}.card .lat{font-size:1.8rem;font-family:var(--display)}.card .ar{font-size:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}.k{font-family:var(--display);font-size:1.5rem;color:var(--accent)}.dlg p{margin:6px 0;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);max-width:85%}.dlg p.b{margin-left:auto;background:var(--accent-soft)}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}.badge{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:12px;text-align:center}.badge.off{opacity:.45;filter:grayscale(1)}.ic{font-size:2rem}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:10px 0}.statgrid div{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:12px}.statgrid b{display:block;font-size:1.5rem;font-variant-numeric:tabular-nums}.week{display:flex;gap:6px;margin-top:8px}.week span{flex:1;text-align:center;padding:6px 0;border-radius:8px;background:var(--line);font-size:.8rem;color:var(--muted)}.week span.on{background:var(--fire);color:#fff;font-weight:700}.regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:20px 0}.regbtn{border:2px solid var(--line);border-bottom-width:5px;background:var(--surface);color:var(--fg);border-radius:16px;padding:18px;text-align:left;font:inherit;cursor:pointer}.regbtn.sel{border-color:var(--accent);background:var(--accent-soft)}.regbtn b{font-family:var(--display);font-size:1.4rem;display:block}.lexrow td .lat{font-size:1rem}.edit{display:flex;gap:6px;flex-wrap:wrap}.edit input{flex:1;min-width:120px}.tactile{--face:var(--accent);--base:var(--accent-2);--ink:var(--bg);border:0;border-radius:14px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer;background:var(--face);color:var(--ink);box-shadow:0 4px 0 var(--base),inset 0 1px #ffffff40;position:relative}.tactile-red{--face:var(--bad);--base:#7d241d}.tactile-ochre{--face:var(--ochre);--base:var(--ochre-2)}.tactile-soft{--face:var(--accent-soft);--base:var(--line);--ink:var(--accent)}.tactile:disabled{--face:var(--lock);--base:var(--line);--ink:var(--muted);cursor:default}.hold{position:relative;overflow:hidden;border:2px solid var(--bad);color:var(--bad);background:var(--surface);border-radius:12px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.hold-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bad-soft);transform-origin:left}.hold-label{position:relative}.hold small{font-weight:400;opacity:.8}.hold-pending{border-style:dashed}.stamps{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;margin-top:10px}.stamp{position:relative;padding:7px;background:radial-gradient(circle,transparent 3.5px,var(--surface) 4px) -6px -6px/12px 12px;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .15))}.stamp-inner{border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:6px;min-height:130px;background:var(--ochre-soft)}.stamp-art{font-size:2.2rem;text-align:center;flex:1;display:grid;place-items:center}.stamp-meta{display:flex;justify-content:space-between;gap:6px;font-size:.75rem;align-items:end}.stamp-meta b{font-family:var(--display);font-size:.85rem;line-height:1.15}.stamp-meta span{color:var(--ochre);font-weight:700;white-space:nowrap}.stamp-cancel{position:absolute;top:38%;left:8%;transform:rotate(-18deg);border:2px solid var(--accent);color:var(--accent);border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:700;letter-spacing:.08em;opacity:.75}.stamp-off{opacity:.35;filter:grayscale(1)}.cassette{width:min(300px,100%);margin:12px auto;background:var(--fg);border-radius:14px;padding:12px;color:var(--bg)}.cassette-label{background:var(--ochre-soft);color:var(--fg);border-radius:6px;padding:4px 8px;font-family:var(--display);text-align:center;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cassette-window{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface);border-radius:999px;padding:6px 12px}.reel{width:48px;height:48px}.tape{flex:1;height:14px;background:repeating-linear-gradient(90deg,#3b2a1a 0,#3b2a1a 6px,#4a3522 6px,#4a3522 12px);border-radius:4px}.printer{width:min(320px,100%);margin:16px auto 0;position:relative}.printer-slot{height:12px;background:var(--fg);border-radius:8px;position:relative;z-index:1}.receipt{background:#fffdf7;color:#2a2622;font-family:ui-monospace,Menlo,monospace;font-size:.85rem;padding:14px 16px 22px;margin:-4px 10px 0;text-align:left;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 8px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 8px repeat-x}.receipt hr{border:0;border-top:1px dashed #9a948c;margin:8px 0}.receipt-head{text-align:center;margin:0;font-family:var(--ar),ui-monospace,monospace}.receipt-head b{font-family:ui-monospace,Menlo,monospace;letter-spacing:.1em}.receipt-date{text-align:center;color:#6b655d;margin:4px 0 0}.receipt-line{display:flex;justify-content:space-between;gap:10px}.receipt-line span:first-child{min-width:0;overflow-wrap:anywhere}.receipt-total{font-weight:700;font-size:1rem}.receipt-foot{text-align:center;margin:10px 0 0;color:#6b655d}.spark{position:absolute;left:50%;top:50%;pointer-events:none}.spark i{position:absolute;width:7px;height:7px;margin:-3px;border-radius:50%;background:var(--ochre)}.spark i:nth-child(odd){background:var(--good)}.drum{position:relative;width:200px;height:120px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.drum-scroll{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.drum-scroll::-webkit-scrollbar{display:none}.drum-row{height:40px;line-height:40px;text-align:center;scroll-snap-align:center;color:var(--muted);cursor:pointer;font-variant-numeric:tabular-nums}.drum-row.on{color:var(--fg);font-weight:700}.drum-lens{position:absolute;top:40px;right:6px;bottom:40px;left:6px;border-block:1px solid var(--accent);pointer-events:none;border-radius:8px;box-shadow:0 -40px 30px -10px var(--surface),0 40px 30px -10px var(--surface)}.foil{position:relative;overflow:hidden;isolation:isolate}.foil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.55;mix-blend-mode:multiply;background:linear-gradient(115deg,#f6d8a8,#bfe8d4,#c9d4f6,#f3c6dc,#f6d8a8);background-size:250% 250%;background-position:var(--fx,50%) 50%;transition:background-position .2s}@media (prefers-color-scheme:dark){.foil:after{mix-blend-mode:screen;opacity:.18}}.feedback-sheet{position:relative}.rankcard{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.rankcard .ar{font-size:1.1rem}.rankbar{flex:1;min-width:220px}.rankbar .bar{height:12px}.rankbar .bar i{background:var(--accent)}.quests{display:grid;gap:10px;margin-top:10px}.quest{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.quest .bar{margin:6px 0 2px;height:10px}.quest.claimed{opacity:.7}.chestbox{text-align:center;margin-top:16px;padding:18px;border:2px dashed var(--ochre);border-radius:16px;background:var(--ochre-soft)}.shop{display:grid;gap:10px;margin-top:10px}.shopitem{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;flex-wrap:wrap}.shopitem .big{font-size:2rem}.ranks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}.ranks div{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:10px;opacity:.5}.ranks div.on{opacity:1;border-color:var(--accent)}.combo{font-weight:700;color:var(--fire);font-variant-numeric:tabular-nums}.duebanner{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--accent-soft);color:var(--accent);border-radius:14px;padding:10px 14px;margin-top:10px;text-decoration:none;font-weight:700}.seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.seg button{border:0;background:none;color:var(--fg);padding:8px 16px;font:inherit;cursor:pointer}.seg button.on{background:var(--accent);color:var(--bg);font-weight:700}.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.themecard{display:flex;flex-direction:column;gap:4px;text-align:left;border:2px solid var(--line);border-radius:14px;padding:12px;background:var(--surface);color:var(--fg);font:inherit;cursor:pointer}.themecard.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.swatches{display:flex;gap:4px;margin-bottom:4px}.swatches i{width:22px;height:22px;border-radius:50%;border:1px solid var(--line)}.pickers{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px;padding:12px;border:1px dashed var(--line);border-radius:14px}.picker{display:flex;gap:8px;align-items:center;font-size:.9rem}.picker input{width:44px;height:44px;border:0;padding:0;background:none;cursor:pointer}.picker code{font-size:.8rem;color:var(--muted)}.atlas table{min-width:900px}.atlas th{vertical-align:bottom;font-size:.85rem}.atlas td,.atlas th{border-left:1px solid var(--line)}.atlas .mine{background:var(--accent-soft)}.atlas td .lat{font-size:.95rem}.ipa{font-family:Charis SIL,Doulos SIL,Gentium Plus,system-ui,serif}.chipbtn{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:5px 10px;font:inherit;font-size:.85rem;cursor:pointer}.chipbtn.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:700}.wrap{padding-top:max(12px,env(safe-area-inset-top))}nav.tabs{top:env(safe-area-inset-top,0px)}.overlay{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.connexion{max-width:460px;padding-top:max(48px,env(safe-area-inset-top))}.formcol{display:grid;gap:12px;margin-top:16px}.formcol label{display:grid;gap:4px;font-weight:700;font-size:.9rem}.formcol input,.formcol select{font-weight:400}.lien{background:none;border:0;color:var(--accent);text-decoration:underline;font:inherit;cursor:pointer;margin-top:14px;padding:0}.erreur{color:var(--bad);font-weight:700}.synchro{font-size:.8rem;color:var(--muted)}.code{font-family:ui-monospace,Menlo,monospace;font-size:1.4rem;letter-spacing:.08em;background:var(--ochre-soft);color:var(--fg);padding:10px 14px;border-radius:10px;display:inline-block;-webkit-user-select:all;user-select:all}.adminrow td{vertical-align:top}.passkeys{display:grid;gap:4px;font-size:.85rem}