:root{--bg: #1a3a5c;--bg-2: #14304d;--bg-touche: #2d4f73;--texte: #f5f0e1;--texte-dim: rgba(245, 240, 225, .65);--paper: #f6efd9;--paper-2: #ebdfbc;--paper-3: #e1d39d;--ink: #2a2a2a;--ink-2: #4b4b4b;--ink-3: #8a8a8a;--gold: #d4b76a;--gold-2: #b6904a;--r: #e3514a;--o: #e58844;--y: #e6c34a;--g: #5fa86b;--b: #4a82c9;--i: #5b5cae;--v: #9457b5}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--texte);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;overscroll-behavior-y:contain}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);min-height:100dvh}#root{min-height:100dvh}.app{width:100%;min-height:100dvh;background-color:var(--bg);background-image:radial-gradient(rgba(255,235,200,.04) 1px,transparent 1.5px),radial-gradient(rgba(255,210,160,.03) 1px,transparent 1.5px),radial-gradient(ellipse at 20% 15%,rgba(60,90,130,.45),transparent 55%),radial-gradient(ellipse at 80% 85%,rgba(15,40,70,.55),transparent 60%),linear-gradient(180deg,#1f4264,#1a3a5c 55%,#143352);background-size:7px 7px,13px 13px,100% 100%,100% 100%,100% 100%;position:relative;overflow:hidden;color:var(--texte);isolation:isolate;display:flex;flex-direction:column}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(102deg,transparent 0 24px,rgba(255,220,170,.025) 24px 25px),repeating-linear-gradient(8deg,transparent 0 33px,rgba(255,210,160,.02) 33px 34px);opacity:.9}@media (min-width: 500px){.app{max-width:440px;margin:0 auto;box-shadow:0 0 60px #0000004d}}.page{display:flex;flex-direction:column;flex:1 1 auto;min-height:100dvh;position:relative}.header{text-align:center;padding:22px 24px 8px;position:relative;z-index:4}.header img{width:220px;max-width:62%;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}.cartouche-wrap{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2.5vh,28px) 28px clamp(14px,3.5vh,32px);position:relative;z-index:3;min-height:0}.cartouche{position:relative;background:radial-gradient(ellipse at 30% 25%,rgba(255,255,255,.4),transparent 55%),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);border-radius:22px 16px 26px 18px;padding:18px 36px 22px;min-width:180px;max-width:min(360px,86%);width:100%;box-sizing:border-box;text-align:center;box-shadow:0 10px 30px #00000059,inset 0 0 0 1.5px var(--gold-2),inset 0 0 0 4px var(--paper),inset 0 0 0 5.5px var(--gold-2);transform:rotate(-.4deg)}.cartouche:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:15px 10px 19px 11px;background-image:radial-gradient(rgba(100,70,30,.05) 1px,transparent 1.5px),radial-gradient(rgba(140,100,50,.04) 1px,transparent 1.5px);background-size:5px 5px,11px 11px;pointer-events:none;border-radius:inherit}.cartouche .label{font-family:Caveat,cursive;font-size:16px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-2);opacity:.9;margin-bottom:2px}.cartouche .number{font-family:Caveat Brush,cursive;font-size:clamp(64px,11vh,92px);line-height:.95;color:var(--ink);text-shadow:0 2px 0 rgba(0,0,0,.05);position:relative}.cartouche .number .placeholder{color:var(--ink-3);opacity:.35;font-size:clamp(46px,8vh,64px);letter-spacing:4px}.cartouche .hint{font-family:Caveat,cursive;font-style:italic;font-size:14px;color:var(--ink-3);margin-top:2px}.cartouche .digit-slot{display:inline-block;transition:opacity .15s,transform .25s}.cartouche .digit-slot.placeholder-slot{opacity:.2}.cartouche .digit-slot.appearing{animation:digit-pop .35s cubic-bezier(.34,1.6,.64,1) both}@keyframes digit-pop{0%{transform:translateY(8px) scale(.6);opacity:0}60%{transform:translateY(-3px) scale(1.12);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.cartouche.invalid{animation:shake .5s ease-in-out both}.cartouche.invalid .number{color:#c04030}@keyframes shake{0%,to{transform:rotate(-.4deg) translate(0)}20%{transform:rotate(-.4deg) translate(-8px)}40%{transform:rotate(-.4deg) translate(7px)}60%{transform:rotate(-.4deg) translate(-5px)}80%{transform:rotate(-.4deg) translate(3px)}}.compass{position:absolute;top:-28px;right:-28px;bottom:-28px;left:-28px;pointer-events:none;opacity:0;transform:rotate(0) scale(.85);transition:opacity .25s}.compass.spinning{opacity:.85;animation:compass-spin 1.1s cubic-bezier(.5,.1,.3,1) forwards}@keyframes compass-spin{0%{transform:rotate(0) scale(.7);opacity:0}20%{opacity:1}to{transform:rotate(720deg) scale(1.05);opacity:0}}.compass svg{width:100%;height:100%}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 32px 24px;position:relative;z-index:3}.key{aspect-ratio:1.65/1;background:var(--bg-touche);color:var(--texte);border:1.5px solid rgba(212,183,106,.4);border-radius:14px 10px 16px 11px;display:flex;align-items:center;justify-content:center;font-family:Caveat Brush,cursive;font-size:30px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;box-shadow:0 3px #0000004d,inset 0 1px #ffffff0f;transition:transform .08s ease,background-color .12s,box-shadow .08s;-webkit-tap-highlight-color:transparent}.key.icon{font-size:22px;color:var(--texte-dim)}.key:active{transform:scale(.94);box-shadow:0 1px #0000004d}.key.rainbow-flash{animation:rainbow-flash .45s ease-out both}@keyframes rainbow-flash{0%{background-color:var(--bg-touche)}20%{background-color:var(--flash, var(--y));box-shadow:0 0 24px var(--flash, var(--y)),0 3px #0000004d}to{background-color:var(--bg-touche)}}.key:focus-visible{outline:2px dashed var(--gold);outline-offset:3px}.credit{text-align:center;padding:8px 0 18px;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.5px;color:var(--texte-dim);opacity:.7;position:relative;z-index:3}.clue{padding:18px 22px;box-sizing:border-box}.navbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.back-btn{background:#f5f0e114;border:1.5px solid rgba(212,183,106,.4);border-radius:12px 9px 14px 10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--texte);-webkit-tap-highlight-color:transparent;transition:background-color .15s,transform .1s}.back-btn:active{background:#f5f0e126;transform:scale(.95)}.num-pastille{width:48px;height:48px;border-radius:50%;border:2px solid var(--gold-2);display:flex;align-items:center;justify-content:center;font-family:Caveat Brush,cursive;font-size:26px;color:var(--texte);background:transparent;box-shadow:0 0 0 1px #d4b76a40}.parchemin{flex:1 1 auto;background:radial-gradient(ellipse at 30% 18%,rgba(255,255,255,.4),transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(180,140,80,.12),transparent 60%),linear-gradient(170deg,var(--paper) 0%,var(--paper-2) 100%);border-radius:22px 16px 24px 18px;padding:22px 22px 18px;color:var(--ink);position:relative;box-shadow:0 14px 40px #0006,inset 0 0 0 1.5px var(--gold-2),inset 0 0 0 4px var(--paper),inset 0 0 0 5.5px var(--gold-2);overflow:auto;display:flex;flex-direction:column}.parchemin:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background-image:radial-gradient(rgba(100,70,30,.05) 1px,transparent 1.5px),radial-gradient(rgba(140,100,50,.04) 1px,transparent 1.5px);background-size:5px 5px,11px 11px;pointer-events:none;border-radius:18px 12px 20px 14px;z-index:0}.parchemin>*{position:relative;z-index:1}.clue-title{font-family:Caveat Brush,cursive;font-size:30px;line-height:1.05;text-align:center;color:var(--ink);margin-bottom:8px;text-wrap:balance}.pill{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ink);border-radius:999px;padding:3px 12px;font-family:Patrick Hand,cursive;font-size:14px;background:#ffffff80;align-self:center}.pill .swatch{width:10px;height:10px;border-radius:50%;border:1px solid var(--ink)}.squiggle{display:block;margin:10px auto;width:80%;opacity:.55}.clue-image{align-self:center;background:#fff;border:1.5px solid var(--ink);padding:8px 8px 24px;transform:rotate(-1.5deg);box-shadow:4px 6px #0000002e,0 8px 24px #00000040;width:100%;box-sizing:border-box;margin:6px auto 14px}.clue-image img{display:block;width:100%;height:auto;object-fit:cover;border:1px solid var(--ink)}.clue-body{font-family:Inter,sans-serif;font-size:16px;line-height:1.65;color:var(--ink)}.clue-body b{color:#000}.clue-body i{color:#533}.clue-source{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:6px;justify-content:flex-end;font-family:Caveat,cursive;font-style:italic;font-size:14px;color:var(--ink-3)}.empty-state{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:14px}.empty-state .glyph{opacity:.55}.empty-state .msg-title{font-family:Caveat Brush,cursive;font-size:26px;line-height:1.15;color:var(--ink)}.empty-state .msg-sub{font-family:Caveat,cursive;font-style:italic;font-size:16px;color:var(--ink-2);max-width:260px}.empty-state button{margin-top:6px;padding:10px 22px;border:1.5px solid var(--ink);background:#fff;border-radius:14px 10px 16px 11px;box-shadow:3px 4px 0 var(--ink);font-family:Caveat Brush,cursive;font-size:18px;cursor:pointer}