*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--txt);font-family:JetBrains Mono,monospace;font-size:13px;overflow:hidden}.top{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-veil);border-bottom:1px solid var(--border);flex-wrap:wrap}.dots span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}.dots span:nth-child(1){background:var(--dot-red)}.dots span:nth-child(2){background:var(--dot-yellow)}.dots span:nth-child(3){background:var(--dot-green)}.modes{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.modes button{background:none;border:none;border-right:1px solid var(--border);color:var(--dim);font:inherit;font-size:12px;padding:5px 12px;cursor:pointer}.modes button:last-child{border-right:none}.modes button[aria-pressed=true]{background:var(--coral);color:var(--bg);font-weight:700}select,button.ctl{background:var(--panel2);border:1px solid var(--border);border-radius:6px;color:var(--txt);font:inherit;font-size:12px;padding:4px 9px;cursor:pointer}button.ctl[aria-pressed=false]{opacity:.45}label{color:var(--dim);font-size:11px;display:flex;gap:6px;align-items:center}input[type=range]{accent-color:var(--coral);width:80px}button:focus-visible,select:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.sp{flex:1}#stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;overflow:hidden}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:18px;transition:opacity .4s}#splash.bye{opacity:0;pointer-events:none}#splash .term{width:min(560px,100%);background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 60px #0000008c;padding:26px 28px}#splash h1{font-size:15px;color:var(--coral);margin-bottom:12px}#splash p{font-size:12.5px;line-height:1.7;margin:6px 0;color:var(--txt)}#splash .ok{color:var(--green)}#splash .dim{color:var(--dim)}#splash button{margin-top:18px;background:transparent;border:1px solid var(--coral);color:var(--coral);border-radius:6px;font:inherit;font-size:13px;padding:8px 20px;cursor:pointer}#splash button:hover,#splash button:focus-visible{background:var(--coral);color:var(--bg);outline:none}.flash-word{position:relative;z-index:5;text-align:center;padding:0 6vw;max-width:100vw;animation:zoomIn .22s cubic-bezier(.1,.9,.2,1)}@keyframes zoomIn{0%{transform:scale(.3);opacity:.2}to{transform:scale(1);opacity:1}}.flash-word .w{font-family:Archivo;font-weight:900;font-style:italic;font-size:clamp(46px,13vw,170px);line-height:.98;color:var(--ivory);word-break:break-word;text-shadow:0 0 34px rgba(255,139,100,.28)}.flash-word .t{font-size:clamp(15px,2.8vw,30px);margin-top:8px;font-weight:700;color:var(--coral);letter-spacing:.06em}.flash-word .g{font-size:clamp(11px,1.7vw,17px);margin-top:8px;color:var(--cyan)}.flash-word .l{position:fixed;top:52px;right:18px;font-size:12px;letter-spacing:.15em;color:var(--dim)}.tick{position:fixed;font-size:20px;color:var(--coral);opacity:.5;pointer-events:none;z-index:4}.satwrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--sat-bg)}.tile-grid{position:absolute;left:50%;top:50%;width:768px;height:768px;display:grid;grid-template-columns:repeat(3,256px)}.tile-grid img{width:256px;height:256px;display:block}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:7;opacity:.9}.hud{position:absolute;top:52px;left:14px;z-index:8;background:var(--bg-veil-soft);border:1px solid var(--border);border-radius:8px;padding:8px 13px;font-size:12px;line-height:1.6;color:var(--txt)}.hud b{color:var(--coral)}.attrib{position:absolute;right:8px;bottom:32px;z-index:8;background:var(--bg-veil-light);color:var(--dim);font-size:9.5px;border-radius:4px;padding:2px 8px}.scene{position:absolute;top:0;right:0;bottom:0;left:0}.mist{position:absolute;left:0;right:0;bottom:0}.vcard{position:relative;text-align:center;z-index:8;padding:0 6vw;animation:zoomIn .35s cubic-bezier(.1,.9,.2,1)}.vcard .place{font-family:Archivo;font-weight:900;font-size:clamp(30px,8vw,96px);line-height:1;color:var(--ivory);text-shadow:0 4px 30px rgba(0,0,0,.7)}.vcard .meta{margin-top:10px;font-size:clamp(12px,2vw,20px);color:var(--txt)}.vcard .langtag{display:inline-block;margin-top:14px;background:var(--langtag-bg);border-top:3px solid var(--amber);padding:6px 16px;font-size:clamp(12px,1.7vw,17px);font-weight:700;color:var(--ivory)}.vcard .langtag b{color:var(--amber)}#actionSvg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.action-word{position:absolute;left:50%;top:9%;transform:translate(-50%);z-index:6;text-align:center;width:96vw}.action-word .w{font-family:Archivo;font-weight:900;font-style:italic;font-size:clamp(36px,9vw,104px);color:var(--white);-webkit-text-stroke:2.5px var(--night-ink);text-shadow:0 0 26px var(--elec),0 6px 0 var(--night-ink)}.action-word .t{font-size:clamp(12px,2vw,19px);color:var(--action-sub);background:var(--night-ink-veil);display:inline-block;border-radius:6px;padding:3px 12px;margin-top:8px}.calwrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.calpaper{position:relative;width:min(90vw,860px);height:min(56vh,420px);background:linear-gradient(var(--cal-top),var(--panel2));border:1px solid var(--border);border-radius:12px;box-shadow:inset 0 0 80px #00000080,0 20px 60px #00000080}.calpaper svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.calword{fill:none;stroke:var(--ivory);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}.calword.draw{stroke-dasharray:2600;stroke-dashoffset:2600;animation:drawInk var(--dur,1.8s) ease forwards}@keyframes drawInk{to{stroke-dashoffset:0}}.calword.fillin{animation:fillInk .5s ease forwards;animation-delay:var(--dur,1.8s)}@keyframes fillInk{to{fill:var(--ivory)}}.calmeta{text-align:center;font-size:clamp(12px,2vw,17px);color:var(--cyan)}.calmeta b{color:var(--coral);font-size:1.2em}.calmeta .fr{color:var(--dim);display:block;margin-top:3px}#hzTarget{display:flex;gap:6px;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center}.brush{position:absolute;z-index:9;width:60px;pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.6))}.calligrapher{position:absolute;bottom:-8px;z-index:8;pointer-events:none}@media (prefers-reduced-motion:reduce){.flash-word,.vcard{animation:none}.calword.draw{animation:none;stroke-dashoffset:0}.calword.fillin{animation:none;fill:var(--ivory)}}.cards-wrap{position:absolute;top:52px;right:2vw;bottom:34px;left:2vw;overflow-y:auto;padding:14px 2vw 20px;z-index:6}.cats-row{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}.cats-row button{background:var(--panel2);border:1px solid var(--border);border-radius:6px;color:var(--dim);font:inherit;font-size:12px;padding:4px 11px;cursor:pointer}.cats-row button[aria-pressed=true]{background:var(--amber);border-color:var(--amber);color:var(--bg);font-weight:700}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:11px;max-width:1100px;margin:0 auto}.gcard{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;text-align:left;font:inherit;color:var(--txt);transition:border-color .15s,transform .15s}.gcard:hover,.gcard:focus-visible{border-color:var(--coral);transform:translateY(-3px);outline:none}.gcard .en{font-family:Archivo;font-weight:900;font-size:16px;color:var(--ivory)}.gcard .fr{font-size:12px;color:var(--coral);margin-bottom:6px}.gcard .ges{font-size:11.5px;line-height:1.55;color:var(--txt)}.gcard .gesfr{font-size:10.5px;color:var(--dim);margin-top:4px}.gcard .hand{float:right;font-size:20px}.tui{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--bg-veil);border-top:1px solid var(--border);font-size:11px;color:var(--dim);padding:5px 14px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.tui .ok{color:var(--green)}.tui .warn{color:var(--coral)}body.projection #stage{zoom:1.4}body.projection .tui{display:none}#help{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:var(--bg-veil);display:flex;align-items:center;justify-content:center;padding:18px}#help .term{width:min(480px,100%);background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:22px 26px}#help h2{font-size:14px;color:var(--coral);margin-bottom:10px}#help table{border-collapse:collapse;font-size:12.5px}#help td{padding:3px 14px 3px 0;color:var(--txt)}#help td:first-child{color:var(--amber);font-weight:700;white-space:nowrap}#help p{margin-top:12px;color:var(--dim);font-size:11.5px}