@font-face{font-family:Lilita;src:url('/src/assets/fonts/lilita-one.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url('/src/assets/fonts/nunito-bold.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{color-scheme:dark;--ink:#171323;--cream:#fff0d6;--muted:#c8bfd5;--gold:#ffc97c;--purple:#b38aed;--border:#d5b4ff42;font-family:Nunito,system-ui,sans-serif;color:var(--cream);background:#0c0a14;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 40%,#332643,#0c0a14 70%)}button,input{-webkit-tap-highlight-color:transparent;font:inherit}button{color:inherit;cursor:pointer;border:1px solid var(--border);background:#302640;border-radius:16px;min-height:44px;padding:10px 15px;touch-action:manipulation;transition:transform .15s,background .15s,box-shadow .15s}button:disabled{opacity:.4;cursor:default;filter:saturate(.3)}button:not(:disabled):active{transform:translateY(3px) scale(.97);box-shadow:none}button:focus-visible,input:focus-visible{outline:3px solid #ffe1a3;outline-offset:3px}button img{pointer-events:none}.glyph{width:22px;height:22px;flex-shrink:0;vertical-align:middle}h1,h2,p{margin:0}h1,h2{font-family:Lilita,sans-serif;font-weight:400}h1{font-size:clamp(31px,9.4vw,44px);line-height:1.02;letter-spacing:.1px;text-shadow:0 3px 0 #0a071d45}h1 em{font-style:normal;color:#d9b7ff}h2{font-size:25px}p{color:var(--muted);font-size:12px;line-height:1.5}#app{width:min(100%,480px);height:100dvh;min-height:500px;margin:auto;position:relative;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 13px) 22px calc(env(safe-area-inset-bottom) + 15px);isolation:isolate;overflow:hidden;background:#171126;box-shadow:0 0 100px #0008}.world{position:absolute;inset:0;z-index:-3;background:linear-gradient(#160d2ba8,#140e2575 45%,#110d20ed),url('/src/assets/background/Wolfou_village_photo.png') center/cover}.world:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,transparent 20%,#110c1d85 100%)}.world-role{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.24;filter:saturate(.8)}.world-fog{position:absolute;inset:40% -40% -25%;background:radial-gradient(ellipse,#957abc1a,transparent 65%);animation:fog 16s ease-in-out infinite}.sparks{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.sparks i{position:absolute;left:var(--x);bottom:-10px;width:3px;height:3px;border-radius:50%;background:#ffdf97;box-shadow:0 0 9px #ffc863;animation:ember var(--d) var(--delay) linear infinite;opacity:0}.toolbar{display:flex;align-items:center;gap:10px;height:44px;flex-shrink:0;z-index:2;margin-bottom:12px}.toolbar-actions{display:flex;gap:6px;margin-left:auto}.toolbar-title{font:15px Lilita;letter-spacing:1.7px;text-transform:uppercase;color:#e7d9f9}.icon{width:42px;min-height:42px;height:42px;padding:9px;border-radius:50%;background:#1e172dcc;box-shadow:inset 0 1px 0 #ffffff12,0 3px 0 #0d0919;display:grid;place-items:center}.icon .glyph{width:19px;height:19px}.edition{font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;gap:7px;color:#efe0ff}.edition .glyph{width:15px;color:#ffd18a}.screen-content{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;position:relative}.screen-content.enter>header,.screen-content.enter>.role-art,.screen-content.enter>.booth,.screen-content.enter>.tiles{animation:arrive .28s ease-out both}header{text-align:center;flex-shrink:0;position:relative;z-index:1}.eyebrow{display:block;font-size:9px;letter-spacing:1.8px;color:#d6bbee;margin-bottom:9px}header p{margin-top:9px;max-width:340px;margin-inline:auto}footer{margin-top:auto;display:flex;flex-direction:column;gap:9px;flex-shrink:0;text-align:center;position:relative;z-index:1}footer p{font-size:10px;line-height:1.4}footer p .glyph{width:13px;height:13px;margin-right:4px}.primary{min-height:60px;border:1px solid #e2baff;border-bottom:4px solid #5c357e;border-radius:19px 19px 21px 21px;background:linear-gradient(170deg,#c39af5 0%,#a378d5 55%,#9167c0);color:#211332;box-shadow:inset 0 2px 0 #f5deff6e,0 5px 0 #170c2980,0 8px 28px #110a224d;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;font-family:Lilita;font-size:21px;letter-spacing:.2px;text-align:left}.primary .glyph{width:24px}.secondary{background:linear-gradient(#493554,#2c223a);box-shadow:inset 0 1px 0 #ffffff16,0 3px 0 #110c20;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px}.text{border:0;background:transparent;font-size:11px;min-height:36px;padding:5px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.text .glyph{width:16px;height:16px}.inline{display:flex;gap:12px;justify-content:center;flex-shrink:0}.note{text-align:center;font-size:11px}.selected{border-color:#f3d49f!important;box-shadow:0 0 0 2px #f3d49f66,0 4px 14px #0003!important}.steps{display:flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0}.steps span{display:flex;align-items:center;gap:5px;color:#a69ab6;font-size:10px}.steps b,.steps .glyph{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#4a3b56;font-size:10px}.steps .active{color:#ffe1a3}.steps .active b{background:#e6c184;color:#382139}.steps .done .glyph{background:#766489;padding:3px;color:#f2dfff}
/* The village is a scene, not a menu. */
.home .world{background:linear-gradient(#140a2480 0%,#1c102520 48%,#120a21d6 77%,#110b1cf7 100%),url('/src/assets/background/Wolfou_village_photo.png') center/cover}.home .toolbar{margin-bottom:4px}.home-kicker{text-align:center;font-size:8px;letter-spacing:1.6px;color:#d6c5df;margin-top:8px}.brand{text-align:center;position:relative;z-index:2}.brand>span{font:17px Lilita;color:#e6cbf3;letter-spacing:.5px}.brand h1{font:clamp(67px,20vw,95px)/1 Lilita;letter-spacing:-2px;color:#ffe1a2;text-shadow:0 3px 0 #b66b4e,0 6px 0 #592d49,0 10px 20px #0b051a;transform:rotate(-3deg);margin:0 0 12px}.brand h1 span{display:inline-block;transform:rotate(8deg) translateY(-2px)}.brand p{font-size:12px;color:#f3deef;text-shadow:0 2px 5px #000}.hero-cast{position:relative;flex:1;min-height:170px;margin:0 3px;perspective:900px}.cast-main{position:absolute;inset:3% 24% 15%;transform:rotate(-5deg);z-index:3;animation:cardfloat 6s ease-in-out infinite}.cast-side{position:absolute;top:17%;bottom:16%;width:43%;z-index:1}.cast-side.left{left:2%;transform:rotate(-18deg) translateY(7px)}.cast-side.right{right:0;transform:rotate(16deg) translateY(5px)}.cast-main .role-art,.cast-side .role-art{height:100%;width:100%}.cast-side .role-art{filter:brightness(.85)}.hero-cast .card-title{padding:30px 6px 9px}.hero-cast .card-title h2{font-size:18px}.hero-cast .card-title>span{font-size:6px;letter-spacing:1px}.hero-cast .card-rune{width:23px;height:23px;top:7px;right:7px}.hero-cast .card-rune .glyph{width:13px}.hero-moon{position:absolute;right:-4px;top:-20px;width:60px;height:75px;z-index:5;transform:rotate(15deg)}.hero-moon .moon{width:100%;height:100%}.cast-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#f5dfcd;font-size:10px;text-shadow:0 2px 5px #000}.home-tools{display:flex;gap:10px}.home-tools button{flex:1;display:flex;gap:9px;align-items:center;text-align:left;padding:10px;background:linear-gradient(120deg,#3b2b48db,#21182bdb);border-color:#a88bb946;border-radius:14px;min-height:64px}.home-tools button>.glyph{width:24px;color:#d7b7f2}.home-tools span{font-family:Lilita;font-size:15px;white-space:nowrap}.home-tools small{display:block;font:9px Nunito;color:#c8b8d4;margin-top:3px}.home-facts{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:5px;color:#a99ab8}.home-facts i{width:3px;height:3px;border-radius:50%;background:#b095c6}.resume{background:transparent;border:0;font-size:11px;min-height:30px;padding:0;display:flex;justify-content:center;gap:7px;align-items:center}.resume .glyph{height:14px;width:14px}
/* Cast the narrator. */
.mode-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:160px;max-height:280px;margin-top:5px}.mode{position:relative;overflow:hidden;text-align:left;padding:0;border:1px solid #9878ac;border-radius:65px 65px 18px 18px;background:radial-gradient(ellipse at 50% 20%,#8269b7,#332945 70%);box-shadow:0 7px 0 #0b081c70}.mode img{position:absolute;width:80%;height:60%;top:2%;left:10%;object-fit:contain;filter:drop-shadow(0 0 15px #c0a1ff44)}.mode.human img{width:100%;height:100%;inset:0;object-fit:cover}.mode>div{position:absolute;inset:auto 0 0;padding:45px 11px 15px;background:linear-gradient(transparent,#201629f5 38%)}.mode h2{font-size:25px;margin:4px 0 6px;line-height:1}.mode p{font-size:9px}.ribbon{font-size:7px;letter-spacing:1px;color:#e7c896}.mode-tick{position:absolute;right:9px;top:9px;z-index:2;width:23px;height:23px;border:1px solid #c0a3d0;border-radius:50%;background:#352743;display:grid;place-items:center}.mode-tick .glyph{width:15px;opacity:0}.mode.selected .mode-tick{background:#efcd8a;color:#352743}.mode.selected .mode-tick .glyph{opacity:1}.mode-explainer{display:flex;gap:10px;align-items:center;padding:2px 5px}.mode-explainer>.glyph{color:#d5b4f8}.mode-explainer p{font-size:11px}.voice-invite{display:flex;align-items:center;gap:12px;background:#281c3980;border-style:dashed;min-height:57px;text-align:left;font-size:11px}.voice-invite>.glyph{color:#c9a0ec}.voice-invite>.glyph:last-child{width:15px;margin-left:auto}.voice-invite small{display:block;font-size:9px;color:#af9fbe;margin-top:3px}
/* Le photomaton : bandeau de visages magnétique, prénom, et la bande épinglée en polaroïds. Un seul écran, tout sous le pouce. */
.booth{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.face-strip{display:flex;gap:10px;margin:0 -22px;padding:8px calc(50% - 6px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.face-strip::-webkit-scrollbar{display:none}.face{position:relative;flex:0 0 58px;height:58px;padding:0;min-height:0;border-radius:50%;overflow:hidden;border:2px solid #8f74a4;scroll-snap-align:center;opacity:calc(1 - var(--d,0)*.55);transform:scale(calc(1.12 - var(--d,0)*.3));transition:border-color .2s,box-shadow .2s}.face img{width:100%;height:100%;object-fit:cover;display:block}.face.selected{border-color:#ffd98f;box-shadow:0 0 0 3px #ffd98f44,0 0 18px #ffd98f55}.face.taken img{filter:grayscale(1) brightness(.5)}.face.taken .glyph{position:absolute;inset:0;margin:auto;width:20px;color:#b9edbe}.name-row{display:flex;align-items:center;gap:8px}.booth-frame{width:56px;height:56px;flex-shrink:0;border-radius:18px;overflow:hidden;border:2px solid #d7b0df;box-shadow:0 4px 0 #32233f,0 0 22px #b98cff33}.booth-frame img{width:100%;height:100%;object-fit:cover;display:block}.booth-frame img.pop{animation:heropop .3s ease-out}.name-row input{flex:1;min-width:0;height:52px;padding:0 16px;color:#fff0dd;background:#21172dcc;border:1px solid #a88ab158;border-radius:16px;font-size:18px;font-weight:700}.name-row input::placeholder{color:#9f8aaa;font-weight:400;font-size:15px}.name-row input:focus-visible{outline:2px solid #ffe1a3;outline-offset:0;border-color:#ffe1a3}.dice,.add{width:52px;height:52px;min-height:52px;flex-shrink:0;padding:12px;border-radius:16px;background:#4a3556;color:#ffe1a3}.add{background:linear-gradient(170deg,#ffd98f,#e0a85c);color:#3c2433;border-color:#ffe6b2;box-shadow:0 4px 0 #8a5a3a}.add .glyph{width:26px;height:26px;stroke-width:2.4}.editing .add{background:linear-gradient(170deg,#b9edbe,#6db47a);border-color:#d9f5d8;box-shadow:0 4px 0 #3e6b47}.shake{animation:shake .4s}.field-hint{text-align:center;font-size:11px;min-height:16px;color:#c8bfd5}.field-hint.error{color:#ffb3a7;font-weight:700}.field-hint strong{color:#ffe1a3}.link{border:0;background:none;padding:0;min-height:0;font:inherit;color:#ffd98f;text-decoration:underline;text-underline-offset:3px}.board{flex:1;min-height:90px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:10px 8px;justify-content:center;align-content:flex-start;padding:8px 4px 4px;-webkit-mask:linear-gradient(#000 88%,transparent);mask:linear-gradient(#000 88%,transparent)}.polaroid{width:calc(25% - 8px);min-width:64px;max-width:96px;padding:5px 5px 0;min-height:0;border:0;border-radius:4px;background:#f6e9d6;color:#3e293d;display:flex;flex-direction:column;transform:rotate(var(--tilt));box-shadow:0 5px 14px #0007;transition:transform .2s,box-shadow .2s}.polaroid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px;display:block}.polaroid span{font:12px/24px Lilita;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.polaroid.selected{transform:rotate(0) scale(1.08);box-shadow:0 0 0 3px #ffd98f,0 8px 20px #0008;z-index:1}.polaroid.joined{animation:pin .45s cubic-bezier(.2,.9,.2,1.4)}.polaroid.ghost{background:#2a1f3566;border:1.5px dashed #bba2cb66;color:#a991b9;align-items:center;justify-content:center;gap:2px;padding:5px;aspect-ratio:.8}.polaroid.ghost .glyph{width:22px}.polaroid.ghost span{font:9px Nunito;line-height:1.2}
/* Living cards. */
.role-art{position:relative;min-height:0;flex:1;overflow:hidden;border:2px solid #b294bb;border-radius:23px 23px 17px 17px;background:#291d32;box-shadow:0 5px 0 #23112c,0 15px 35px #08030e80;isolation:isolate}.role-art:after{content:'';position:absolute;inset:5px;border:1px solid #ffdcaf50;border-radius:16px 16px 11px 11px;pointer-events:none;z-index:3}.role-art>img,.role-art>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.role-art>video{opacity:0;transition:opacity .3s}.role-art>video.ready{opacity:1}.card-title{position:absolute;inset:auto 0 0;padding:70px 12px 17px;text-align:center;background:linear-gradient(transparent,#1e1128f5 85%);z-index:2}.card-title h2{font-size:34px;color:#fff1d9;text-shadow:0 3px 0 #1a081c}.card-title>span{font-size:8px;letter-spacing:2px;color:var(--role)}.card-rune{position:absolute;top:12px;right:12px;z-index:2;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#231129aa;color:var(--role);border:1px solid var(--role)}.card-rune .glyph{width:19px}.card-shine{position:absolute;inset:0;z-index:4;background:linear-gradient(115deg,transparent 20%,#fff3 40%,transparent 60%);transform:translateX(-140%);pointer-events:none}.revealed .card-shine{animation:shine 1s .2s ease-out}.revealed>.screen-content>.role-art{animation:reveal .55s cubic-bezier(.2,.8,.2,1)}.role-copy{text-align:center;flex-shrink:0}.role-copy>strong{font-size:11px;color:#efd7b9}.role-copy>p{font-size:10px;line-height:1.4;margin:5px auto 0;max-width:360px}.role-tabs{display:flex;justify-content:center;gap:8px}.role-tabs button{padding:8px;min-height:40px;width:40px;border-radius:50%;background:#32203e}.role-tabs .active{border-color:#f1cb90;color:#f1cb90}
/* La table des rôles : six grandes cartes lisibles, compteur sur la carte, jauge d'équilibre. */
.scenarios{display:flex;gap:6px;justify-content:center;flex-shrink:0}.scenarios button{border:1px solid #8d6f9e55;border-radius:20px;min-height:32px;padding:5px 11px;font-size:10px;background:#26182e;display:inline-flex;align-items:center;gap:5px}.scenarios .glyph{width:14px;height:14px}.scenarios button.active{color:#24152d;background:#e8c898;border-color:#e8c898}.tiles{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px}.tile{position:relative;min-height:0;display:flex;flex-direction:column;border-radius:16px;border:1.5px solid #6b5478;background:#261b30;overflow:hidden;box-shadow:0 3px 0 #130b20;transition:border-color .2s,box-shadow .2s,transform .2s}.tile.in{border-color:var(--role);box-shadow:0 0 0 1px var(--role),0 6px 18px #0006}.tile.pop{animation:tilepop .35s ease-out}.tile-art{flex:1;min-height:0;position:relative;padding:0;border:0;border-radius:0;background:none;overflow:hidden;isolation:isolate}.tile-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:filter .25s,transform .25s}.tile:not(.in) .tile-art img{filter:saturate(.55) brightness(.7)}.tile-art:not(:disabled):active img{transform:scale(1.06)}.tile-art:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1a0f22f0)}.tile-tag{position:absolute;left:0;right:0;bottom:26px;z-index:1;font-size:6px;letter-spacing:1.5px;color:var(--role)}.tile-art h2{position:absolute;left:2px;right:2px;bottom:6px;z-index:1;font-size:15px;color:#fff1d9;text-shadow:0 2px 0 #1a081c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-count{position:absolute;top:6px;right:6px;z-index:1;min-width:26px;height:26px;padding:0 7px;border-radius:13px;background:var(--role);color:#24152d;font:14px Lilita;display:grid;place-items:center;box-shadow:0 2px 0 #0006}.tile-count .glyph{width:15px;stroke-width:3}.tile-bar{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:4px;background:#1c1427}.tile-bar button{width:30px;height:30px;min-height:30px;padding:7px;border-radius:50%;background:#33253f}.tile-bar span{font-size:7px;color:#8f7ea3;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tally{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:8px 12px;border:1px solid #a88ab13d;border-radius:16px;background:#1c1427cc}.tally>b{font:24px Lilita;color:#ffe1a3;line-height:1}.tally small{font:12px Nunito;color:#b29abd}.tally>div{flex:1;min-width:0}.balance{display:flex;height:7px;border-radius:5px;overflow:hidden;background:#3a2b45}.balance i{display:block;min-width:0}.balance .wolves{background:linear-gradient(90deg,#f28779,#d55d5d)}.balance .village{background:linear-gradient(90deg,#a5d594,#6db47a)}.balance .solo{background:#ecacd1}.balance-legend{display:flex;gap:12px;margin-top:5px;font-size:9px;color:#c8bfd5}.balance-legend span{display:inline-flex;align-items:center;gap:4px}.balance-legend .glyph{width:12px;height:12px}.balance-legend .wolves{color:#f4b4af}.balance-legend .village{color:#b9e3a6}.balance-legend .solo{color:#ecacd1}.role-sheet{gap:12px}.role-sheet .role-art{flex:none;height:min(48vh,380px)}.role-sheet .role-copy>p{font-size:12px;margin-top:6px}
/* Passing the phone never carries over a role palette or artwork. */
.handoff-stage{flex:1;min-height:140px;position:relative;display:grid;place-items:center}.handoff-portrait{width:min(48vw,195px);aspect-ratio:1;position:relative;z-index:2}.handoff-portrait>img{width:100%;height:100%;object-fit:cover;border:3px solid #d6b695;border-radius:50%;box-shadow:0 8px 0 #3f2a45,0 0 50px #bf92ed33}.handoff-portrait>span{position:absolute;bottom:-12px;right:0;width:50px;height:50px;background:linear-gradient(#d29c69,#b27451);border:3px solid #f0bd83;border-radius:50%;display:grid;place-items:center;color:#4c2535;box-shadow:0 4px 0 #4d2841}.handoff-orbit{position:absolute;width:72%;aspect-ratio:1;border:1px dashed #c4a2d73b;border-radius:50%;max-height:100%;z-index:0}.handoff-stars{position:absolute;bottom:3%;font-size:15px;color:#ebca91;letter-spacing:12px}.pass-progress{display:flex;align-items:center;gap:5px;justify-content:center;min-height:20px}.pass-progress i{width:8px;height:8px;border-radius:50%;background:#5d436b}.pass-progress i.done{background:#e7c491;box-shadow:0 0 6px #d9b97d44}.pass-progress span{font-size:9px;color:#c8afd3;margin-left:8px}.night-track{display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0}.night-track span{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#8f7ea3;padding:4px 8px;border-radius:14px;border:1px solid transparent}.night-track .glyph{width:13px;height:13px}.night-track span.active{color:#ffe1a3;border-color:#ffe1a355;background:#3a2b45}.night-track span.done{color:#b9a7cc;text-decoration:line-through}.night-track i{width:12px;height:1px;background:#6d5a80}.moon{position:relative;width:min(48vw,185px);height:210px;display:grid;place-items:center;margin:auto}.moon>img{width:90%;height:95%;object-fit:contain;position:relative;filter:drop-shadow(0 0 23px #dfb8eb40);animation:moonfloat 7s ease-in-out infinite}.moon-halo{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(#ceade933,transparent 70%);box-shadow:0 0 50px #a384c619}.secret-card{align-self:center;flex:1;min-height:160px;max-height:380px;width:70%;margin:7px 0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 30%,#654d81,#2b1b3f 75%);border:2px solid #cba9d1;border-radius:24px;outline:1px solid #ccabb333;outline-offset:6px;box-shadow:0 8px 0 #1f112d,0 12px 50px #0005;transform:rotate(-3deg)}.secret-card:before{content:'';position:absolute;inset:9px;border:1px solid #d4b2aa69;border-radius:17px}.secret-card .moon{width:90px;height:105px;position:absolute;top:12%;right:6%;opacity:.8}.secret-emblem{font:100px Lilita;color:#e4c697;text-shadow:0 4px 0 #73516e;position:relative;z-index:1}.secret-instruction{font-size:8px;letter-spacing:1.5px;color:#ead3bd;position:absolute;bottom:25px}.card-corner{position:absolute;color:#daba94;font-size:20px}.card-corner.tl{top:15px;left:15px}.card-corner.br{bottom:15px;right:15px}.team-strip,.pack-strip{display:flex;gap:9px;align-items:center;padding:9px 12px;border-left:2px solid var(--role,#dd969a);background:#63354833;border-radius:3px 12px 12px 3px;flex-shrink:0}.team-strip{background:#3a2b4599;border-left-color:var(--role)}.team-strip .glyph,.pack-strip .glyph{color:var(--role,#f4b4af);width:17px}.team-strip span,.pack-strip span{font-size:11px}.team-strip strong{color:#ffe1a3}.night-stage{flex:1;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center}.night-stage .moon{max-height:85%}.night-label{font-size:8px;letter-spacing:3px;color:#d6b5dd}.night-ritual{display:flex;gap:10px;justify-content:center}.night-ritual>div{display:flex;align-items:center;gap:8px;padding:10px 9px;border:1px solid #a88cbd30;border-radius:12px;background:#241a3499}.night-ritual b{font:23px Lilita;color:#d6b1f5}.night-ritual span{font-size:11px}.night-ritual small{display:block;font-size:9px;color:#b7a7c8}.sleep-stage{flex:1;min-height:100px;position:relative;display:grid;place-items:center}.sleep-stage .moon{max-height:100%}.zzz{position:absolute;right:14%;top:20%;font:25px Lilita;color:#a18abc;transform:rotate(15deg)}.zzz b{font-size:35px}.secret-tip{display:flex;gap:10px;padding:15px 8px;align-items:center}.secret-tip .glyph{color:#bc9aca}.secret-tip p{font-size:11px}.night_actions header h1{font-size:35px}.night_actions.theme-loup{--purple:#eb9b99}.theme-loup .world{background:linear-gradient(#361329,#191126)}.theme-sorciere .world{background:linear-gradient(#372353,#171326)}.theme-corbeau .world{background:linear-gradient(#334153,#131422)}.theme-villageois .world,.theme-chasseur .world,.theme-condamne .world{background:linear-gradient(#222039,#151128)}.portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:9px;flex:1;min-height:0;max-height:450px;align-content:stretch}.person{position:relative;padding:0;overflow:hidden;min-height:55px;background:#261b30;border-radius:17px;border:1px solid #ab83b478;box-shadow:0 3px 0 #130b20;isolation:isolate}.person>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.person:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#160d28ed);z-index:-1}.person>span{position:absolute;bottom:8px;left:3px;right:3px;text-align:center;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;text-shadow:0 2px 3px #000}.target-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#f7d599;color:#332136;display:none;place-items:center}.target-check .glyph{width:14px}.person.selected .target-check{display:grid}.person.selected{transform:translateY(-2px);box-shadow:0 0 0 2px #ffe1ac,0 5px 18px #bc8b3c33!important}.person>small{position:absolute;left:3px;top:5px;color:#f9e0bc;background:#29172a;padding:3px;border-radius:4px;font-size:8px}.person.blocked{opacity:.55;filter:grayscale(.7);border-style:dashed}.person.blocked>small{left:50%;top:45%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:3px;max-width:92%;background:#1a0f22dd;border:1px solid #b493a5;padding:4px 6px;white-space:normal;text-align:center;line-height:1.2;font-size:8px}.person.blocked .glyph{width:11px;height:11px}.choice-label{min-height:16px;font-size:10px;color:#c2abcf;text-align:center}.choice-label strong{color:#f5d298}.victim{display:flex;align-items:center;gap:10px;justify-content:center;background:#7d5c9c26;border:1px solid #b293c444;border-radius:15px;padding:7px 13px;flex-shrink:0}.victim>img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid #d8abd1;transition:border-color .3s}.victim>span{font-size:8px;letter-spacing:1px;color:#b8a0cd}.victim strong{display:block;font:21px Lilita;color:#f6e1ca;letter-spacing:0;margin-top:2px}.victim.saved{border-color:#b9edbe77;background:#5f9c6a26}.victim.saved>img{border-color:#b9edbe}.saved-badge{margin-left:auto;font-size:9px;color:#b9edbe;display:inline-flex;gap:3px;align-items:center;border:1px solid #b9edbe66;border-radius:12px;padding:3px 7px}.saved-badge .glyph{width:11px;height:11px}.potions{display:flex;gap:8px;flex-shrink:0}.potions>button,.poison-status{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:1px solid #a082b047;background:#30283daa;border-radius:14px;padding:8px;text-align:left;font-size:13px}.potions small{display:block;font-size:8px;color:#c6b3d6;line-height:1.3}.flask{width:30px;height:34px;display:grid;place-items:center;color:#b9edbe;filter:drop-shadow(0 0 7px #b9edbe55)}.flask.poison{color:#e9a4de;filter:drop-shadow(0 0 7px #e9a4de66)}.potions .glyph{width:25px;height:29px}.potions>button>.glyph{width:14px}.spent{opacity:.4}.spent-art{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.spent-art .glyph{width:70px;height:70px;color:#856899}.letter{display:flex;gap:10px;align-items:center;background:#e2c399;color:#3e293d;padding:12px;border-radius:2px 12px 3px 12px;box-shadow:0 4px 0 #725273;font-size:11px;transform:rotate(-1deg)}.letter .glyph{width:25px}.fallen{display:flex;align-items:center;gap:10px;justify-content:center;background:#7d5c9c26;border:1px solid #b293c444;border-radius:15px;padding:7px 13px;flex-shrink:0}.fallen>img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #d8abd1;filter:grayscale(.6)}.fallen span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#f6e1ca}.fallen .glyph{width:16px;color:#e4c7b5}.day_start .world{background:linear-gradient(#452e4b6b,#38244177 45%,#211527ed),url('/src/assets/background/Wolfou_village_photo.png') center/cover}.day_start h1 em{color:#ffcf91}.deaths{flex:1;min-height:100px;display:flex;gap:12px;align-items:stretch;justify-content:center;margin:7px 25px}.death-card{flex:1;min-width:0;position:relative;border:2px solid #caa6ac;border-radius:80px 80px 18px 18px;overflow:hidden;box-shadow:0 5px 0 #3a233a;transform:rotate(-3deg)}.death-card>img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.death-card>div{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#27172bef);padding:50px 8px 20px;text-align:center}.death-card h2{font-size:32px}.death-card p{font-size:12px;color:#ebc9aa}.death-card small{display:block;font-size:9px;color:#d9aeb5;margin-top:3px}.death-mark{position:absolute;top:14px;right:14px;background:#291a32b5;border:1px solid #ba929f;border-radius:50%;padding:8px;color:#e4c7b5}.deaths.multiple{margin-inline:0}.multiple .death-card{border-radius:40px 40px 15px 15px}.multiple .death-card h2{font-size:21px}.multiple .death-card:nth-child(2){transform:rotate(3deg)}.multiple .death-card:nth-child(3){transform:rotate(-2deg)}.multiple .death-card p{font-size:10px}.multiple .death-card small{font-size:8px}.multiple .death-mark{padding:5px;right:7px;top:9px}.peaceful{display:flex;flex-direction:column;justify-content:center;text-align:center}.peaceful h2{font-size:22px}.vote-tally{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;max-height:64px;overflow:auto}.vote-tally>span{font-size:9px;background:#3b2a48;border-radius:20px;padding:5px 8px}.vote-tally b{color:#f0ce96;padding-left:5px}.council-ring{flex:1;min-height:200px;max-height:330px;position:relative;margin:0 14px;display:grid;place-items:center}.timer-orbit{width:170px;height:170px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(#332239 65%,transparent 66%),conic-gradient(#efc888 var(--progress),#6a4f7c 0);box-shadow:0 0 45px #dd9d4930;position:relative}.timer{font:51px Lilita;font-variant-numeric:tabular-nums;color:#ffe0a4;line-height:1.1}.timer-orbit>span{font-size:6px;letter-spacing:1.4px;color:#d6b6dd}.council-avatar{position:absolute;width:40px;height:40px;left:calc(50% - 20px);top:calc(50% - 20px);transform:rotate(var(--angle)) translateY(-112px) rotate(calc(-1 * var(--angle)));border-radius:50%;overflow:hidden;border:2px solid #b49aba;box-shadow:0 3px 0 #24172c}.council-avatar img{width:100%;height:100%;object-fit:cover}.debate-prompt{font-size:13px;text-align:center;color:#ebd2ed;font-style:italic;padding:0 10px}.raven-notice{font-size:10px;text-align:center;color:#ecd2a5}.raven-notice .glyph{width:15px}.victory-medal{position:relative;height:160px;flex-shrink:0;width:130px;align-self:center}.victory-medal>img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid #e9c078;box-shadow:0 0 40px #e6bb7933;position:absolute;bottom:18px;left:5px}.victory-medal>.glyph{position:absolute;z-index:2;top:-3px;left:38px;width:54px;height:45px;color:#ffdb83;fill:#5c3e44;filter:drop-shadow(0 3px 0 #3a243c)}.victory-medal>span{position:absolute;bottom:0;white-space:nowrap;left:50%;transform:translateX(-50%);font-size:10px;color:#f3ce8a;background:#5b3f57;padding:5px 12px;border-radius:7px}.results{flex:1;overflow:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:7px;align-content:start}.results>div{display:flex;align-items:center;gap:7px;padding:5px;background:#33223990;border:1px solid #92759d40;border-radius:12px;min-width:0}.results img{width:34px;height:38px;object-fit:cover;border-radius:8px}.results span{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results small{display:block;color:#ddbc99;font-size:8px}.results .glyph{width:13px;margin-left:auto;color:#b99bcc}.secret-results{grid-template-columns:1fr}.secret-results>div{padding:8px}.secret-results img{width:45px;height:45px}.secret-results span{font-size:14px}.secret-results small{font-size:11px}
/* The family recording booth. */
.studio .world{background:radial-gradient(ellipse at 50% 30%,#54406680,transparent),linear-gradient(#211932e8,#180f28ef),url('/src/assets/background/Wolfou_village_photo.png') center/cover}.studio-reel{display:flex;gap:6px;justify-content:center;flex-shrink:0}.studio-reel button{min-height:30px;height:30px;width:30px;padding:4px;border-radius:50%;font-size:10px;background:#372443}.studio-reel .active{background:#f2cb92;color:#412644;box-shadow:0 0 0 3px #edc48c22}.studio-reel .saved{border-color:#a9c59d}.studio-reel .glyph{width:15px;height:15px}.script-sheet{position:relative;background:linear-gradient(120deg,#ffe5bc,#d9b68b);border:1px solid #f5d4a5;border-radius:5px 18px 6px 20px;color:#4a2c3e;padding:18px 16px;text-align:center;transform:rotate(-2deg);box-shadow:0 6px 0 #6c485f,0 12px 25px #0003;margin:6px 0}.script-sheet>span{font-size:8px;letter-spacing:1.3px;color:#865467}blockquote{font:26px/1.15 Lilita;margin:12px 0;color:#4b2b40}.script-sheet p{font-size:10px;color:#7a5060}.record-stage{flex:1;min-height:135px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.record{position:relative;border-radius:50%;width:90px;height:90px;flex-shrink:0;padding:20px;color:#f8dba4;border:2px solid #d7a4c1;background:radial-gradient(#805073,#4a2b57);box-shadow:0 6px 0 #2b173b,0 0 0 9px #a376b117,0 0 0 10px #bd8eb929;touch-action:none;user-select:none;z-index:2}.record>.glyph{width:38px;height:38px}.record.on{background:radial-gradient(#e79fa2,#a45177);box-shadow:0 6px 0 #572747,0 0 0 13px #d782aa22;animation:recordpulse .8s ease-in-out infinite alternate}.record-label{font-size:10px;text-align:center;margin-top:17px}.wave{position:absolute;left:0;right:0;top:calc(50% - 37px);height:60px;display:flex;align-items:center;justify-content:space-between;gap:4px;pointer-events:none}.wave i{width:4px;border-radius:8px;background:#bf93c6;opacity:.25;transition:height .1s}.wave.recording i{opacity:.85;background:#f7c291}.studio #studio-message{min-height:28px;font-size:10px}
/* Short, cancellable scene changes; no snapshots of secret screens. */
.cinematic{background:radial-gradient(#4a335d,#130d23)!important;align-items:center;justify-content:center;gap:25px;text-align:center}.cinematic-emblem{width:180px;height:190px;display:grid;place-items:center;animation:cinematicIn .7s ease-out}.cinematic-emblem>.glyph{width:90px;height:90px;color:#f8ce8a;filter:drop-shadow(0 0 20px #eabb9166)}.cinematic header{animation:arrive .5s ease-out}.cinematic.dawn{background:radial-gradient(#a86e6c,#2e1d35)!important}.cinematic.vote{background:radial-gradient(#715264,#1b1027)!important}.cinematic.win{background:radial-gradient(#755074,#24172f)!important}.cinematic.shot{background:radial-gradient(#6a3d4a,#1b0f1c)!important}.cinematic .text{position:absolute;bottom:22px}.cinematic-line{height:3px;width:100px;background:#f1ce95;transform-origin:left;animation:loading 1.3s ease-out}.privacy{background:#08060d!important;justify-content:center;gap:20px;text-align:center}.privacy>.glyph{width:50px;height:50px;align-self:center;color:#c4a1d9}.privacy h1{font-size:37px}.privacy .primary{margin-top:30px}.toast{position:absolute;bottom:90px;left:15px;right:15px;z-index:30;animation:arrive .25s,toastout .4s 2.8s forwards;background:#824253;border:1px solid #efb9a7;border-radius:14px;padding:13px;text-align:center;font-size:12px;box-shadow:0 5px 30px #0007}.sheet-backdrop{position:absolute;inset:0;z-index:20;background:#0b061cd9;backdrop-filter:blur(8px);display:flex;align-items:center;padding:20px}.sheet{position:relative;width:100%;max-height:95%;display:flex;flex-direction:column;gap:18px;background:linear-gradient(#574068,#291b3b);padding:24px 20px;border:1px solid #cca6cd;border-radius:25px;box-shadow:0 10px 70px #0008}.sheet>.icon{align-self:flex-end}.sheet header p{font-size:13px;line-height:1.6}.help-symbol{align-self:center;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:#e6bd8a;color:#553250;box-shadow:0 5px 0 #ae7b7d}.help-symbol .glyph{width:40px;height:40px}.help-dots{display:flex;gap:8px;justify-content:center}.help-dots i{width:8px;height:8px;border-radius:50%;background:#80658b}.help-dots .active{background:#f0c98d}.journal{overflow:auto;min-height:0;display:grid;gap:14px}.journal>div{display:flex;gap:12px;align-items:center}.journal strong{display:block;color:#f4cf98}.journal .glyph{color:#cba6d8}
/* Sceller un destin se mérite : le bouton se remplit sous le pouce. */
.hold{position:relative;overflow:hidden;isolation:isolate}.hold-fill{position:absolute;inset:0;z-index:-1;background:linear-gradient(170deg,#f0b657,#d18a3f);transform:scaleX(0);transform-origin:left;pointer-events:none}.hold.holding .hold-fill{transition:transform var(--hold,650ms) linear;transform:scaleX(1)}.hold.holding{transform:none!important}.hold-hint{font-size:9px;color:#cbb3d8;text-align:center;margin-top:-3px}
.results .honor{color:#ffd98f;font-size:8px}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ember{0%{transform:translate(0,0);opacity:0}15%{opacity:.6}90%{opacity:0}100%{transform:translate(25px,-85vh);opacity:0}}@keyframes fog{50%{transform:translateX(30px)}}@keyframes flame{to{height:45px;filter:brightness(1.15)}}@keyframes cardfloat{50%{transform:rotate(-3deg) translateY(-5px)}}@keyframes moonfloat{50%{transform:translateY(-5px) rotate(4deg)}}@keyframes join{from{transform:scale(.6);filter:brightness(1.8)}to{transform:scale(1);filter:brightness(1)}}@keyframes beckon{0%{box-shadow:0 0 0 0 #ffd98f66}100%{box-shadow:0 0 0 12px #ffd98f00}}@keyframes glowpulse{to{filter:brightness(1.3)}}@keyframes heropop{from{transform:scale(.86);filter:brightness(1.5)}}@keyframes reveal{from{transform:perspective(700px) rotateY(80deg) scale(.92);filter:brightness(1.7)}to{transform:perspective(700px) rotateY(0) scale(1);filter:brightness(1)}}@keyframes shine{to{transform:translateX(140%)}}@keyframes cinematicIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes loading{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes recordpulse{to{filter:brightness(1.18)}}@keyframes toastout{to{opacity:0;visibility:hidden}}@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes pin{from{transform:rotate(var(--tilt)) scale(.4);opacity:0}}@keyframes tilepop{50%{transform:scale(1.05)}}
@media(min-height:850px){.home .brand{margin-top:12px}.home .hero-cast{margin-block:5px}.role-copy p{font-size:12px}.role-copy strong{font-size:13px}.person>span{font-size:14px}.script-sheet{padding-block:25px}blockquote{font-size:31px}.record{width:105px;height:105px}.mode h2{font-size:29px}}
@media(max-height:740px){.face{flex-basis:50px;height:50px}.face-strip{padding-block:6px}.booth-frame,.name-row input,.dice,.add{height:46px;min-height:46px}.booth-frame,.dice,.add{width:46px}.name-row input{font-size:16px}.polaroid{width:calc(20% - 7px)}.polaroid span{font-size:10px;line-height:20px}.tile-art h2{font-size:13px}.tile-tag{bottom:22px;font-size:5px}.tile-bar button{width:26px;height:26px;min-height:26px;padding:6px}.tally{padding:6px 10px}.tally>b{font-size:20px}.balance-legend{font-size:8px;gap:8px}#app{padding:calc(env(safe-area-inset-top) + 8px) 18px calc(env(safe-area-inset-bottom) + 10px)}.toolbar{height:38px;margin-bottom:8px}.icon{width:38px;height:38px;min-height:38px;padding:8px}.screen-content{gap:9px}h1{font-size:33px}.eyebrow{font-size:8px;margin-bottom:6px}header p{font-size:10px;margin-top:6px}.primary{min-height:51px;font-size:18px;padding:10px 16px}.home-kicker{margin-top:1px;font-size:7px}.brand h1{font-size:75px;margin-bottom:8px}.brand>span{font-size:15px}.brand p{font-size:11px}.hero-cast{min-height:130px}.home-tools button{min-height:54px;padding:8px;gap:6px}.home-tools span{font-size:13px}.home-tools small{font-size:8px}.home-tools button>.glyph{width:20px}.home-facts{padding-top:1px}.mode-list{min-height:140px}.mode h2{font-size:23px}.mode>div{padding:35px 9px 11px}.voice-invite{min-height:48px;padding:8px;font-size:10px}.mode-explainer p{font-size:10px}.steps{gap:14px}.steps span{font-size:9px}.card-title{padding-bottom:13px}.role-copy>strong{font-size:10px}.role-copy>p{font-size:9px;margin-top:3px}.scenarios button{font-size:9px;min-height:29px;padding:4px 9px}.steps b,.steps .glyph{width:17px;height:17px}.night_actions header h1{font-size:29px}.pack-strip,.team-strip{padding:7px 10px}.pack-strip span,.team-strip span{font-size:10px}.night-track span{font-size:8px;padding:3px 6px}.victim{padding:5px 10px}.victim>img{width:30px;height:30px}.victim strong{font-size:18px}.potions>button,.poison-status{padding:6px;gap:5px;font-size:12px}.potions small{font-size:7px}.potions .glyph{width:22px;height:26px}.portraits{gap:6px}.person{min-height:44px;border-radius:12px}.person>span{font-size:10px;bottom:5px}.portraits.crowded{grid-template-columns:repeat(4,minmax(0,1fr))}.target-check{width:17px;height:17px;top:4px;right:4px}.target-check .glyph{width:12px}.choice-label{font-size:9px;min-height:12px}.fallen{padding:5px 10px}.fallen>img{width:34px;height:34px}.fallen span{font-size:10px}.night-ritual>div{padding:8px 6px}.night-ritual span{font-size:10px}.night-ritual small{font-size:8px}.moon{width:150px;height:170px}.handoff-portrait{width:150px}.handoff-stars{bottom:0}.council-ring{min-height:170px;margin-inline:0}.timer-orbit{width:135px;height:135px}.timer{font-size:43px}.timer-orbit>span{font-size:5px}.council-avatar{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);transform:rotate(var(--angle)) translateY(-87px) rotate(calc(-1 * var(--angle)))}.debate-prompt{font-size:11px}.victory-medal{height:105px;width:100px}.victory-medal>img{width:80px;height:80px;left:10px;bottom:12px}.victory-medal>.glyph{width:37px;height:30px;left:31px;top:-2px}.victory-medal>span{font-size:8px;padding:3px 8px}.results>div{gap:5px;padding:4px}.results img{width:28px;height:30px}.results span{font-size:9px}.results small{font-size:7px}.results{gap:5px}.script-sheet{padding:12px;margin:3px 0}blockquote{font-size:22px;margin:8px 0}.script-sheet p{font-size:9px}.record-stage{min-height:107px}.record{width:70px;height:70px;padding:15px}.record>.glyph{width:32px;height:32px}.record-label{font-size:9px;margin-top:13px}.studio-reel{gap:5px}.studio-reel button{width:26px;height:26px;min-height:26px}.studio #studio-message{font-size:9px;min-height:23px}.wave{top:calc(50% - 34px)}footer{gap:7px}footer p{font-size:9px}.sheet{padding:15px;gap:12px}.sheet header p{font-size:11px}.help-symbol{width:60px;height:60px}.help-symbol .glyph{width:32px}}
@media(max-height:600px){#app{padding-inline:16px}.face{flex-basis:44px;height:44px}.face-strip{margin-inline:-16px}.booth{gap:5px}.field-hint{font-size:10px;min-height:0}.board{min-height:70px}.tiles{gap:6px}.tile-bar{padding:2px}.tile-bar span{display:none}.scenarios button{min-height:26px;padding:3px 8px;font-size:8px}.tally{padding:4px 8px}.tally .balance-legend{margin-top:2px}.screen-content{gap:7px}.toolbar{margin-bottom:6px;height:34px}.toolbar .icon{width:34px;height:34px;min-height:34px;padding:7px}.toolbar-title{font-size:12px}.edition{font-size:7px;letter-spacing:1px}h1{font-size:29px}.eyebrow{font-size:7px;letter-spacing:1.4px}.home-kicker{font-size:6px}.brand h1{font-size:66px}.brand>span{font-size:12px}.brand p{font-size:10px}.hero-cast{min-height:123px}.cast-caption{font-size:8px}.hero-cast .card-title h2{font-size:15px}.home-tools button{min-height:49px}.home-tools span{font-size:12px}.home-tools small{font-size:7px}.home .primary{font-size:18px}.primary{min-height:47px;font-size:17px;border-radius:15px}.steps{gap:12px}.steps span{font-size:8px}.mode-list{min-height:130px}.mode h2{font-size:21px}.ribbon{font-size:6px}.mode p{font-size:8px}.mode-explainer p{font-size:9px}.voice-invite{min-height:44px}.voice-invite small{font-size:8px}.role-copy>p{font-size:8.5px;line-height:1.3}.role-copy>strong{font-size:9px}.card-title h2{font-size:25px}.scenarios{gap:4px}.scenarios button{min-height:26px;padding:3px 8px;font-size:8px}.night_actions header h1{font-size:25px}.night_actions header p{font-size:9px}.night-track span{font-size:7px;padding:2px 5px}.night-track .glyph{width:11px;height:11px}.victim{padding:4px 9px}.victim>span{font-size:7px}.potions>button,.poison-status{min-height:44px;padding:4px 6px}.pack-strip,.team-strip{padding:6px 8px}.person>span{font-size:9px}.person>small{font-size:6px}.person.blocked>small{font-size:7px;padding:3px 5px}.letter{padding:8px;font-size:9px}.night-ritual{gap:6px}.night-ritual span{font-size:9px}.night-ritual small{font-size:7px}.night-stage{min-height:130px}.handoff-portrait{width:135px}.secret-card{min-height:150px;width:65%}.secret-emblem{font-size:85px}.secret-card .moon{width:65px;height:85px}.secret-instruction{font-size:6px;bottom:22px}.pass-progress i{width:6px;height:6px}.council-ring{min-height:175px}.council-avatar{width:29px;height:29px;left:calc(50% - 14px);top:calc(50% - 14px);transform:rotate(var(--angle)) translateY(-81px) rotate(calc(-1 * var(--angle)))}.timer-orbit{width:120px;height:120px}.timer{font-size:38px}.debate-prompt{font-size:10px}.victory-medal{height:85px}.victory-medal>img{height:64px;width:64px;left:18px}.victory-medal>.glyph{height:26px;top:-3px}.script-sheet{padding:10px}blockquote{font-size:21px}.studio-reel button{height:24px;min-height:24px;width:24px}.record-stage{min-height:102px}.record{width:63px;height:63px;padding:13px}.record>.glyph{width:29px;height:29px}.record-label{font-size:8px}.studio .inline button{min-height:36px;font-size:10px}.studio #studio-message{font-size:8px;min-height:22px}.script-sheet>span{font-size:7px}.script-sheet p{font-size:8px}.text{min-height:30px;font-size:10px}.death-card h2{font-size:26px}.death-card p{font-size:10px}.death-card small{font-size:7px}.vote-tally{max-height:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.role-art>video{display:none}.sparks{display:none}.role-gallery{scroll-behavior:auto}}@media(orientation:landscape) and (max-height:500px){body:after{content:'Le village vous attend en portrait. Tournez le téléphone.';position:fixed;inset:0;display:grid;place-items:center;background:#171126;color:#f1d29b;z-index:100;text-align:center;padding:30px;font:25px Lilita}#app{visibility:hidden}}