@import"https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Bangers&family=Comic+Neue:wght@400;700&family=Cinzel:wght@700&family=EB+Garamond:ital,wght@0,400;1,400&display=swap";:root{color-scheme:light dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}.theme-switcher{position:fixed;bottom:.6rem;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:.3rem}.theme-switcher button{font-size:.65rem;font-family:system-ui,sans-serif;color:#f5f2eabf;background:#14121047;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.25rem .55rem;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .15s ease,opacity .15s ease;opacity:.55}.theme-switcher button:hover{background:#1412108c;opacity:1}.theme-switcher button[aria-pressed=true]{background:#ffffffd9;color:#17161a;border-color:transparent;opacity:.9}.icon-btn{font-family:system-ui,sans-serif;font-size:.7rem;font-weight:600;color:#ffffffe6;background:#14121073;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.4rem .85rem;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .15s ease,transform .1s ease}.icon-btn:hover{background:#141210a6;transform:translateY(-1px)}.icon-btn:disabled{opacity:.6;cursor:default;transform:none}.stage{display:none;min-height:100vh;min-height:100svh}body[data-theme=ecole] .stage-ecole,body[data-theme=bd] .stage-bd,body[data-theme=carte] .stage-carte{display:flex}.stage-ecole{flex-direction:column;background:radial-gradient(circle at 15% 25%,rgba(255,255,255,.05) 0%,transparent 3%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.04) 0%,transparent 2.5%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.045) 0%,transparent 3%),radial-gradient(circle at 85% 15%,rgba(255,255,255,.035) 0%,transparent 2%),radial-gradient(circle at 25% 55%,rgba(255,255,255,.03) 0%,transparent 2%),linear-gradient(160deg,#234a3a,#1c3c2f 55%,#17332a);border:16px solid;border-image:linear-gradient(200deg,#9c6a3f,#6f4526 40%,#4d301a 70%,#7a4f2c) 1}.ecole-board{flex:1;position:relative;padding:2.5rem 1.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.2rem}.ecole-title{font-family:Kalam,cursive;font-weight:700;font-size:1.7rem;color:#f4f0e2;text-shadow:0 0 6px rgba(244,240,226,.25);transform:rotate(-1deg);margin:0}.ecole-underline{width:6.5rem;height:10px;margin-top:-.7rem;border-bottom:3px solid #ecd48a;border-radius:50%;opacity:.85;transform:rotate(-2deg)}.ecole-joke{font-family:Kalam,cursive;font-weight:400;font-size:1.4rem;color:#f4f0e2;text-shadow:0 0 5px rgba(244,240,226,.2);white-space:pre-line;line-height:1.5;margin:0;max-width:34rem}.ecole-author{font-family:Kalam,cursive;font-size:.65rem;color:#cbd8cb;opacity:.6;position:absolute;bottom:.8rem;right:1.2rem;margin:0}.ecole-btn{font-family:Kalam,cursive;font-weight:700;font-size:1.15rem;color:#f4f0e2;background:transparent;border:2.5px dashed rgba(244,240,226,.6);border-radius:.6rem;padding:.65rem 1.5rem;cursor:pointer;transform:rotate(.6deg);transition:background .15s ease,transform .1s ease}.ecole-btn:hover{background:#f4f0e214;transform:rotate(.6deg) scale(1.03)}.ecole-btn:disabled{opacity:.5;cursor:default}.ecole-tray{height:2rem;background:linear-gradient(180deg,#7a4f2c,#5c3b20);display:flex;align-items:center;gap:.9rem;padding:0 1.5rem;border-top:2px solid rgba(0,0,0,.25)}.ecole-chalk{width:2rem;height:.55rem;background:#f4f0e2;border-radius:2px;box-shadow:0 1px 1px #0000004d}.ecole-chalk--yellow{background:#e8d9a0}.ecole-eraser{width:2.3rem;height:.75rem;background:linear-gradient(180deg,#8a97a8,#5f6b78);border-radius:2px;box-shadow:0 1px 1px #0000004d}.stage-bd{flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:2rem;background:radial-gradient(circle,rgba(198,110,10,.35) 1.6px,transparent 1.6px) 0 0/18px 18px,#ffc93c;border:6px solid #16151d}.bd-bubble{position:relative;background:#fffdf7;border:4px solid #16151d;border-radius:52% 48% 46% 54%/60% 55% 45% 40%;padding:2.2rem 2.4rem 2.6rem;max-width:32rem;text-align:center;box-shadow:4px 5px #16151d26}.bd-setup{font-family:Comic Neue,cursive;font-weight:700;font-size:1.3rem;color:#16213a;margin:0 0 .6rem;line-height:1.4}.bd-punch-wrap{display:flex;justify-content:center}.bd-punch:empty{display:none}.bd-punch{font-family:Bangers,cursive;font-size:1.9rem;letter-spacing:.02em;color:#fff6e8;background:#ff4d3d;padding:.4rem 1.2rem .3rem;border:3px solid #16151d;border-radius:.4rem;transform:rotate(-2.5deg);display:inline-block;line-height:1.15;box-shadow:3px 3px #16151dd9}.bd-tail{position:absolute;left:50%;bottom:-1.3rem;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid #16151d}.bd-tail:after{content:"";position:absolute;top:-23px;left:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:18px solid #fffdf7}.bd-author{font-family:Comic Neue,cursive;font-weight:700;font-size:.6rem;color:#16151d;background:#fff6e8;border:1.5px solid #16151d;padding:.15rem .55rem;border-radius:999px;transform:rotate(-3deg);margin-top:.6rem}.bd-btn{font-family:Bangers,cursive;font-size:1.3rem;letter-spacing:.03em;color:#16151d;background:#4ce0d2;border:3px solid #16151d;border-radius:.55rem;padding:.6rem 1.6rem .5rem;cursor:pointer;box-shadow:4px 4px #16151d;transition:transform .08s ease,box-shadow .08s ease}.bd-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #16151d}.bd-btn:disabled{opacity:.6;cursor:default}.stage-carte{align-items:center;justify-content:center;padding:2.5rem;background:radial-gradient(ellipse at 50% 30%,#223257,#182038 65%,#121729)}.carte-card{position:relative;width:22rem;background:#f3e9d4;border-radius:.9rem;padding:1.4rem;box-shadow:0 18px 38px -12px #0000008c,0 2px #ffffff26 inset;transform:rotate(-1.5deg)}.carte-frame{border:2px solid #a9762f;border-radius:.55rem;padding:1.6rem 1.2rem 1.3rem;position:relative;min-height:22rem;display:flex;flex-direction:column;align-items:center;text-align:center}.carte-frame:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(169,118,47,.55);border-radius:.4rem;pointer-events:none}.carte-emblem{width:2.6rem;height:2.6rem;border-radius:50%;background:#a9762f;color:#f3e9d4;display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-top:.3rem;box-shadow:0 0 0 3px #f3e9d4,0 0 0 4px #a9762f}.carte-title{font-family:Cinzel,serif;font-weight:700;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:#6b3f22;margin:.9rem 0 0}.carte-rule{width:4rem;height:2px;background:#a9762f;margin:.65rem 0 1rem;opacity:.7}.carte-setup{font-family:EB Garamond,serif;font-size:1.25rem;color:#2c2416;line-height:1.45;margin:0 0 .6rem}.carte-punch:empty{display:none}.carte-punch{font-family:EB Garamond,serif;font-style:italic;font-size:1.25rem;color:#6b3f22;line-height:1.45;margin:0}.carte-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:1.1rem}.carte-author{font-family:EB Garamond,serif;font-style:italic;font-size:.68rem;color:#8a7654}.carte-index{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.08em;color:#a9762f;border:1px solid #a9762f;border-radius:999px;padding:.15rem .6rem}.carte-btn-wrap{display:flex;justify-content:center;margin-top:1.3rem}.carte-btn{font-family:Cinzel,serif;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#f3e9d4;background:linear-gradient(180deg,#b6853f,#8a6023);border:1px solid #6b4a1c;border-radius:999px;padding:.6rem 1.4rem;cursor:pointer;transition:filter .15s ease,transform .1s ease}.carte-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.carte-btn:disabled{opacity:.6;cursor:default}.carte-share-wrap{display:flex;justify-content:center;margin-top:.6rem}