:root{--ink:#0e1a14;--ink2:#13241b;--panel:#102019;--turf:#34793a;--turf2:#3e8a44;--turf-dark:#1c4d36;--turf-deep:#244f22;--ingoal-b:rgba(43,139,214,.2);--ingoal-g:rgba(177,29,58,.2);--ll:rgba(244,247,241,.62);--flag:#f2d04b;--chalk:#f3f6f1;--chalk-dim:rgba(243,246,241,.55);--line:rgba(243,246,241,.9);--bleu:#2b8bd6;--bleu-d:#1d6ea8;--grenat:#b11d3a;--grenat-d:#8a132c;--ball:#ffce4d;--disp:"Oswald","Arial Narrow",system-ui,sans-serif;--body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r:12px}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--chalk);font-family:var(--body);-webkit-text-size-adjust:100%}.wrap{position:relative;max-width:460px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:10px 12px 14px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 10px}.brand .btxt{font-family:var(--disp);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:21px;color:#f6f3e8;display:inline-flex;align-items:center;gap:7px;transform:rotate(-1.4deg);text-shadow:-1.5px 0 #233826,1.5px 0 #233826,0 -1.5px #233826,0 1.5px #233826,-1px -1px #233826,1px -1px #233826,-1px 1px #233826,1px 1px #233826,0 3.5px 0 #16281b}.brand .bdot{display:inline-block;flex:none;width:.66em;height:.66em;border-radius:50%;background:radial-gradient(circle at 37% 30%,#ff9c8c 0 6%,#e83c30 28%,#d22a24 62%,#b31f22);border:.1em solid #233826;box-shadow:0 .09em #1220168c;transform:translateY(.03em)}.brand small{display:block;margin-top:4px;color:var(--chalk-dim);font-family:var(--disp);font-weight:500;letter-spacing:.18em;font-size:9.5px;text-transform:uppercase}.newgame{font-family:var(--disp);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:#233826;background:var(--ball);border:3px solid #233826;border-radius:14px;padding:9px 13px;cursor:pointer;box-shadow:0 4px #233826,inset 0 2px #ffffff8c;transition:transform .06s,box-shadow .06s;flex:none}.newgame:active{transform:translateY(3px);box-shadow:0 1px #233826,inset 0 2px #ffffff8c}.scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;background:#f6f3e8;border:3px solid #233826;border-radius:16px;padding:8px 10px;box-shadow:0 5px #1220168c,0 10px 22px #00000059,inset 0 2px #ffffffa6}.team{display:flex;align-items:center;gap:6px;min-width:0;position:relative}.team.right{justify-content:flex-end}.team .nm{font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;font-weight:700;font-size:10px;line-height:1.14;color:#233826;flex:1 1 0;min-width:0;max-height:2.28em;overflow:hidden;overflow-wrap:break-word}.team.right .nm{text-align:right}.team .pts{font-family:var(--disp);font-weight:700;font-size:21px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;border:2.5px solid #233826;border-radius:11px;min-width:40px;padding:4px 7px;text-align:center;box-shadow:0 3px #12201680,inset 0 2px #ffffff59}.team.bleu .pts{background:linear-gradient(180deg,#2f8fd8,#1f6aa6)}.team.grenat .pts{background:linear-gradient(180deg,#bc2444,#8e1630)}.center{display:flex;flex-direction:column;align-items:center;gap:6px}.pips{display:flex;gap:2.5px}.pip{width:10.5px;height:8px;border-radius:50%;border:1.8px solid #233826;transform:rotate(-14deg);opacity:.4;position:relative}.pip:after{content:"";position:absolute;left:50%;top:50%;width:5.5px;height:1.4px;transform:translate(-50%,-50%);background:#ffffffe6;border-radius:1px;opacity:0}.pip.bleu{background:var(--bleu);opacity:1}.pip.grenat{background:var(--grenat);opacity:1}.pip.bleu:after,.pip.grenat:after{opacity:1}.turnlbl{font-family:var(--disp);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#f6f3e8;background:#233826;border-radius:999px;padding:3px 10px;font-weight:600}.pitch{position:relative;flex:1 1 auto;min-height:260px;margin:12px 0 0;border-radius:var(--r);overflow:hidden;border:3px solid #1c3d22;display:flex;box-shadow:0 8px 26px #00000073}#pcanvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.turf{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.band{position:relative;flex:1 1 0;min-height:16px;display:flex;align-items:center;padding:0 20px}.band.line{flex:0 0 62px;padding:0 20px 0 16px;display:flex;align-items:center;z-index:4}.band.line.bleu{border-left:4px solid var(--bleu)}.band.line.grenat{border-left:4px solid var(--grenat)}.band.line.line-att.bleu{background-image:linear-gradient(#2b8bd638,#2b8bd61a)}.band.line.line-att.grenat{background-image:linear-gradient(#b11d3a38,#b11d3a1a)}.band.line.line-def.bleu{background-image:linear-gradient(#2b8bd61f,#2b8bd60d)}.band.line.line-def.grenat{background-image:linear-gradient(#b11d3a1f,#b11d3a0d)}.rrow{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;width:100%}.rcell{position:relative;height:46px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#09140d80;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 5px #0006}button.rcell{cursor:default}.rcell svg{display:block;height:42px;width:auto;max-width:100%;pointer-events:none}.rcell.has-ball{border-color:var(--ball);box-shadow:0 0 12px #ffce4d99,0 2px 5px #0006}.rcell.recv{border-color:var(--ball)}.rcell.recv:after{content:"";position:absolute;inset:-3px;border-radius:15px;border:2px solid var(--ball);box-shadow:0 0 14px #ffce4d99;opacity:.85;animation:pulseHalo 1.1s ease-in-out infinite;pointer-events:none}@keyframes pulseHalo{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}#flyball{position:absolute;left:0;top:0;width:30px;height:22px;z-index:6;pointer-events:none;display:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}#flyball.on{display:block}#flyball svg{width:100%;height:100%;display:block}#kickov{position:absolute;inset:0;z-index:5;pointer-events:none}.kcell{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:var(--disp);font-weight:700;color:#233826;background:#f6f3e8ed;border:2.5px solid #233826;border-radius:10px;box-shadow:0 2.5px #233826cc;line-height:1;padding:0}.kcell .kn{font-size:14px;letter-spacing:.02em}.kcell.ksm .kn{font-size:10.5px}.kcell.h1{background:#f6f2e0ed}.kcell.h2{background:#fae7b7f0}.kcell.h3{background:#fdd88ef2}.kcell.h4{background:#fec66af2}.kcell.h5{background:#ffb24df5}.kcell.h6{background:#ff9936f7}.khalo{position:absolute;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(closest-side,#ffa43a57,#ffa43a21 55%,#ffa43a00 80%)}.kcell.off{background:repeating-linear-gradient(45deg,#f6c945 0 5px,#e3a81c 5px 10px);border-style:dashed}.kcell.goal.g-red{background:#f2a9b8}.kcell.goal.g-blue{background:#a9d2f2}.kcell.cov{background:#be3c5061;border-color:#7d1f33;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.4)}.kcell.cov.d-blue{background:#2f7cbb6b;border-color:#1d5580}.kcell.trou{background:transparent;border:2.5px dashed rgba(246,243,232,.95);box-shadow:none}.kcell.land{border-color:var(--ball)}.kcell.land:after{content:"";position:absolute;inset:-5px;border-radius:14px;border:2.5px solid var(--ball);box-shadow:0 0 14px #ffce4dcc;animation:landPulse 1s ease-in-out infinite;pointer-events:none}@keyframes landPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.14);opacity:.75}}.kcell.act{pointer-events:auto;cursor:pointer}.kcell.act:after{content:"";position:absolute;inset:-4px;border-radius:13px;border:2px solid var(--ball);box-shadow:0 0 12px #ffce4d8c;animation:pulseHalo 1.1s ease-in-out infinite;pointer-events:none}.kcell.act:active{transform:translate(-50%,-50%) scale(.94)}.kcell.p15{background:transparent;border:none;box-shadow:none;overflow:visible;z-index:2}.kcell.p15 svg{height:40px;width:auto;filter:drop-shadow(0 3px 2px rgba(0,0,0,.4))}.kcell.p15.act:after{border-radius:50%}.kcell.p15run{transition:left .62s cubic-bezier(.4,.08,.42,1),top .62s cubic-bezier(.4,.08,.42,1)}.kcell.p15run:not(.p15got) svg{animation:p15trot .28s ease-in-out infinite}@keyframes p15trot{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.kcell .kbadge{position:absolute;bottom:-6px;right:-9px;min-width:17px;height:17px;padding:0 3px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#233826;background:#f6f3e8;border:2px solid #233826;box-shadow:0 2px #233826b3}.tball{position:absolute;width:27px;height:20px;transform:translate(-50%,-50%) rotate(-10deg);z-index:6;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4));animation:tballBob 1.6s ease-in-out infinite}.tball svg{width:100%;height:100%;display:block}@keyframes tballBob{0%,to{transform:translate(-50%,-50%) rotate(-10deg)}50%{transform:translate(-50%,-56%) rotate(-4deg)}}.kbtn,.kgo,.pbtn{font-family:var(--disp);font-weight:700;color:#233826;background:#f6f3e8;border:2.5px solid #233826;border-radius:11px;cursor:pointer;box-shadow:0 3px #233826,inset 0 2px #ffffff8c;transition:transform .05s,box-shadow .05s;padding:0;flex:none}.kbtn:active,.kgo:active,.pbtn:active{transform:translateY(2px);box-shadow:0 1px #233826,inset 0 2px #ffffff8c}.kbtn{width:34px;height:34px;font-size:15px;line-height:1}.kbtn[disabled]{opacity:.35;pointer-events:none}.kval{font-family:var(--disp);font-weight:700;color:#233826;font-size:12.5px;min-width:34px;text-align:center;flex:none}.kgo{background:var(--ball);text-transform:uppercase;letter-spacing:.05em;font-size:12px;padding:8px 12px}.rcell.jump.jwin svg{animation:catchJump 1.05s cubic-bezier(.22,.82,.3,1) both}.rcell.kickstrike svg{animation:kickSwing .74s ease-in-out both;transform-origin:50% 88%}.cbox{position:absolute;top:-9px;display:inline-flex;gap:2px;align-items:center;margin:0;z-index:2}.team.bleu .cbox{right:-3px}.team.grenat .cbox{left:-3px}.cb{display:inline-flex;align-items:center;justify-content:center;width:11px;height:15px;border-radius:2.5px;border:1.5px solid #233826;box-shadow:0 1.5px #233826a6;transform:rotate(7deg);font-family:var(--disp);font-weight:700;font-size:8px;color:#233826}.cb.j{background:#f6c945}.cb.r{background:#c22740}.fdie{position:relative}.dchip{position:absolute;top:-9px;right:-9px;min-width:20px;height:20px;padding:0 3px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:700;font-size:11px;background:#f6f3e8;border:2px solid #233826;box-shadow:0 2px #233826b3;animation:chipPop .45s cubic-bezier(.3,1.8,.5,1) both}.dchip.pos{color:#177a3d}.dchip.neg{color:#bb3327}.dchip.carton{right:auto;left:-9px}.dchip.carton.jaune{background:#f6c945;color:#233826}.dchip.carton.rouge{background:#c22740;color:#fff}@keyframes chipPop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.25) rotate(6deg)}to{transform:scale(1)}}.fdie.shake svg{animation:dieShake .42s ease}@keyframes dieShake{0%,to{transform:translate(0)}20%{transform:translate(-3px) rotate(-4deg)}45%{transform:translate(3px) rotate(4deg)}70%{transform:translate(-2px)}}.rcell.mele-up svg{transform:translateY(-11px) rotate(-9deg) scale(1.05,.86)}.rcell.mele-down svg{transform:translateY(11px) rotate(9deg) scale(1.05,.86)}.rcell.bindin-up svg{animation:bindUp .55s cubic-bezier(.35,1.3,.5,1) both}.rcell.bindin-down svg{animation:bindDown .55s cubic-bezier(.35,1.3,.5,1) both}@keyframes bindUp{0%{transform:translateY(0) rotate(0) scale(1)}to{transform:translateY(-11px) rotate(-9deg) scale(1.05,.86)}}@keyframes bindDown{0%{transform:translateY(0) rotate(0) scale(1)}to{transform:translateY(11px) rotate(9deg) scale(1.05,.86)}}.rcell.drv-lo svg{animation:drvLo .95s cubic-bezier(.3,.75,.35,1) both}.rcell.drv-hi svg{animation:drvHi .95s cubic-bezier(.3,.75,.35,1) both}@keyframes drvLo{0%{transform:translateY(-11px) rotate(-9deg) scale(1.05,.86)}to{transform:translateY(-24px) rotate(-7deg) scale(1.05,.88)}}@keyframes drvHi{0%{transform:translateY(11px) rotate(9deg) scale(1.05,.86)}to{transform:translateY(24px) rotate(7deg) scale(1.05,.88)}}.rcell.bak-hi svg{animation:bakHi .95s cubic-bezier(.3,.75,.35,1) both}.rcell.bak-lo svg{animation:bakLo .95s cubic-bezier(.3,.75,.35,1) both}@keyframes bakHi{0%{transform:translateY(11px) rotate(9deg) scale(1.05,.86)}to{transform:translateY(-7px) rotate(-6deg) scale(1)}}@keyframes bakLo{0%{transform:translateY(-11px) rotate(-9deg) scale(1.05,.86)}to{transform:translateY(7px) rotate(6deg) scale(1)}}.rcell.fall-hi svg{transform-origin:50% 92%;animation:fallHi 1.2s cubic-bezier(.35,.65,.4,1) both}.rcell.fall-lo svg{transform-origin:50% 92%;animation:fallLo 1.2s cubic-bezier(.35,.65,.4,1) both}@keyframes fallHi{0%{transform:translateY(11px) rotate(9deg) scale(1.05,.86)}40%{transform:translateY(2px) rotate(-26deg) scaleY(.95)}to{transform:translateY(-9px) rotate(-80deg) scale(1)}}@keyframes fallLo{0%{transform:translateY(-11px) rotate(-9deg) scale(1.05,.86)}40%{transform:translateY(-2px) rotate(26deg) scaleY(.95)}to{transform:translateY(9px) rotate(80deg) scale(1)}}.fplay{display:inline-block}.fplay svg{height:56px;width:auto;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.fpmini{display:inline-block;vertical-align:middle;margin-right:1px}.fpmini svg{height:22px;width:auto}.tball.tb-blue:after,.tball.tb-red:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2.5px solid var(--bleu);animation:pulseHalo 1.1s ease-in-out infinite;pointer-events:none}.tball.tb-red:after{border-color:var(--grenat);box-shadow:0 0 12px #b11d3a8c}.tball.tb-blue:after{box-shadow:0 0 12px #2b8bd68c}.fliphead{font-family:var(--disp);font-weight:700;font-size:15px;color:#233826;margin-bottom:5px;letter-spacing:.02em}.fcarton{width:44px;height:62px;border-radius:6px;border:3px solid #233826;margin:0 auto 9px;box-shadow:0 5px #233826cc;transform:rotate(-6deg)}.fcarton.j{background:linear-gradient(160deg,#ffd95e,#eab61f)}.fcarton.r{background:linear-gradient(160deg,#d63b55,#a71430)}#ptsBleu.bump,#ptsGrenat.bump{animation:scoreBump .55s cubic-bezier(.3,1.6,.5,1)}@keyframes scoreBump{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}@keyframes kickSwing{0%{transform:rotate(0)}38%{transform:rotate(-12deg) translateY(-1px)}62%{transform:rotate(16deg) translate(2px)}to{transform:rotate(0)}}@keyframes catchJump{0%{transform:translateY(0) scale(1)}16%{transform:translateY(4px) scale(1.05,.92)}to{transform:translateY(-34px) scaleY(1.03)}}.rcell.jump.jwin.hold svg{animation:none;transform:translateY(-34px) scaleY(1.03)}.rcell.jump.jlose.hold svg{animation:none;transform:translateY(-24px) scaleY(1.02)}.rcell.jump.jwin.land svg{animation:landDown .55s cubic-bezier(.42,.05,.6,1) both}.rcell.jump.jlose.land svg{animation:landDownLo .55s cubic-bezier(.42,.05,.6,1) both}@keyframes landDown{0%{transform:translateY(-34px) scaleY(1.03)}72%{transform:translateY(3px) scale(1.06,.92)}to{transform:translateY(0) scale(1)}}@keyframes landDownLo{0%{transform:translateY(-24px) scaleY(1.02)}72%{transform:translateY(3px) scale(1.06,.92)}to{transform:translateY(0) scale(1)}}.pbtn{font-size:12px;padding:8px 11px;text-align:left}.pbtn small{display:block;font-weight:600;font-size:9.5px;opacity:.72;letter-spacing:.02em}.rcell.target{cursor:pointer;border-color:var(--ball);box-shadow:0 0 0 1px var(--ball),0 0 12px #ffce4d66,0 2px 5px #0006}.rcell.target:hover{transform:translateY(-1px)}.rcell.target:active{transform:translateY(0)}.rcell:focus-visible{outline:2px solid var(--ball);outline-offset:2px}.prompt{position:fixed;left:50%;top:60vh;z-index:26;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;row-gap:7px;font-size:13.2px;background:#f6f3e8;border:3px solid #233826;border-radius:14px;box-shadow:0 7px #233826d9,0 14px 26px #00000059;padding:10px 14px;width:max-content;max-width:min(92vw,520px);pointer-events:auto;flex-direction:column;gap:7px;transition:opacity .15s ease}.prompt.anim{animation:promptPop .4s cubic-bezier(.3,1.55,.5,1),promptFloat 2.4s ease-in-out .4s infinite}@keyframes promptPop{0%{transform:translate(-50%) translateY(14px) scale(.82) rotate(-2deg);opacity:0}70%{transform:translate(-50%) translateY(-4px) scale(1.05) rotate(.6deg);opacity:1}to{transform:translate(-50%) translateY(0) scale(1) rotate(-.5deg)}}@keyframes promptFloat{0%,to{transform:translate(-50%) translateY(0) rotate(-.5deg)}50%{transform:translate(-50%) translateY(-5px) rotate(.4deg)}}.prompt.veil{opacity:0;pointer-events:none;animation-play-state:paused}.prompt{cursor:grab;touch-action:none}.prompt.dragged{animation:none;transform:none;cursor:grabbing}#flashcard{touch-action:none}#flashcard.dragged{transform:rotate(-1.1deg)}.prow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;row-gap:6px}.ptitle{font-family:var(--disp);font-weight:700;font-size:15.5px;letter-spacing:.05em;text-transform:uppercase;color:#233826;background:linear-gradient(transparent 58%,rgba(255,206,77,.6) 58%,rgba(255,206,77,.6) 92%,transparent 92%);padding:0 3px}.psub{text-wrap:balance;font-size:12px;color:#54644f;text-align:center;line-height:1.35;max-width:340px}.prompt .who.me{display:inline-flex;align-items:center;gap:5px;background:var(--ball);color:var(--ink);animation:chipWiggle 1.6s ease-in-out infinite}.prompt .who.me svg{width:15px;height:11px;display:block}@keyframes chipWiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.pwait{font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:.03em;color:#233826}.prompt:empty{display:none}.pbig{font-family:var(--disp);font-weight:700;color:#fff;border:2.5px solid #233826;border-radius:12px;cursor:pointer;padding:8px 13px;font-size:15px;letter-spacing:.03em;box-shadow:0 4px #233826,inset 0 2px #ffffff4d;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1;transition:transform .05s,box-shadow .05s}.pbig small{font-size:9.5px;font-weight:600;opacity:.85;letter-spacing:.04em}.pbig:active{transform:translateY(3px);box-shadow:0 1px #233826,inset 0 2px #ffffff4d}.pbig.pb-blue{background:linear-gradient(180deg,#2f8fd8,#1f6aa6)}.pbig.pb-red{background:linear-gradient(180deg,#bc2444,#8e1630)}.kctx{font-family:var(--disp);font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#233826;border:2px solid #233826;border-radius:9px;padding:3px 7px;box-shadow:0 2px #233826b3;flex:none}.kctx.pen{background:var(--ball)}.kctx.jeu{background:#8fd48a}.kctx.ren{background:#d8d2c0}.fplay{position:relative}.fplay.twin:after{content:"";position:absolute;inset:-7px;border-radius:14px;border:3px solid var(--bleu);box-shadow:0 0 14px #2b8bd6b3;animation:pulseHalo 1s ease-in-out infinite;pointer-events:none}.fplay.twin.tw-red:after{border-color:var(--grenat);box-shadow:0 0 14px #b11d3ab3}.fplay.twin svg{animation:winPop .5s cubic-bezier(.3,1.6,.5,1)}@keyframes winPop{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}.fplay.tlose{opacity:.5;filter:saturate(.55)}.fdie.win:after{content:"";position:absolute;inset:-6px;border-radius:13px;border:3px solid var(--ball);box-shadow:0 0 14px #ffce4dd9;animation:pulseHalo .9s ease-in-out infinite;pointer-events:none}.rcell{position:relative}.rcell.celebrate svg{animation:joyJump var(--jd,.8s) ease-in-out var(--joy,0s) infinite;transform-origin:50% 90%}@keyframes joyJump{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(calc(-1 * var(--jh,20px))) rotate(-6deg) scale(1.03,.98)}50%{transform:translateY(calc(-1 * var(--jh,20px) * .7)) rotate(5deg)}70%{transform:translateY(calc(-1 * var(--jh,20px))) rotate(-3deg)}}.rcell.defeated svg{animation:none}.rcell.defeated svg>g{animation:sobShake 1.3s ease-in-out var(--sob,0s) infinite;transform-box:fill-box;transform-origin:50% 0}@keyframes sobShake{0%,to{transform:translateY(0)}20%{transform:translateY(1.1px)}40%{transform:translateY(-.4px)}55%{transform:translateY(1.4px)}72%{transform:translateY(.2px)}88%{transform:translateY(.9px)}}.tears{position:absolute;left:50%;top:20%;transform:translate(-50%);width:34px;height:34px;pointer-events:none;z-index:3}.tears i{position:absolute;top:0;width:6px;height:9px;background:radial-gradient(circle at 40% 30%,#cfefff,#3f9fda);border-radius:60%/70% 70% 50% 50%;box-shadow:0 0 4px #4aa8e0d9;opacity:0}.tears i:nth-child(1){left:6px;animation:tear 1.15s linear var(--td,0s) infinite}.tears i:nth-child(2){right:6px;animation:tear 1.15s linear calc(var(--td,0s) + .55s) infinite}@keyframes tear{0%{top:0;opacity:0;transform:scaleY(.6)}12%{opacity:1;transform:scaleY(1)}80%{opacity:1}to{top:34px;opacity:0;transform:scaleY(1.4)}}.rcell.jump.jlose svg{animation:catchLose 1.05s cubic-bezier(.22,.82,.3,1) both}@keyframes catchLose{0%{transform:translateY(0) scale(1)}16%{transform:translateY(4px) scale(1.05,.92)}to{transform:translateY(-24px) scaleY(1.02)}}.prompt .who{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:11px;padding:3px 8px;border-radius:999px;flex:none}.prompt .who.me{color:var(--ink);background:var(--ball)}.prompt .who.opp{color:var(--grenat);box-shadow:inset 0 0 0 1.5px var(--grenat)}.prompt .who.fin{color:var(--ink);background:var(--chalk)}.prompt .txt{color:#233826}.dots{display:inline-flex;gap:3px;margin-left:2px}.dots i{width:5px;height:5px;border-radius:50%;background:#233826;opacity:.4;animation:b 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes b{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.feed{margin-top:14px;background:linear-gradient(180deg,#0c1712,#0a130e);border:1px solid #1c2c23;border-radius:var(--r);padding:8px 10px;max-height:28vh;overflow:auto}.feed .ev{display:flex;align-items:flex-start;gap:8px;padding:5px 2px;border-bottom:1px solid rgba(255,255,255,.04);font-size:12.5px;color:#d7e2da;line-height:1.35}.feed .ev:first-child{color:#fff}.feed .ev .ic{flex:none;width:18px;text-align:center;opacity:.9}.feed .ev.turn{color:var(--chalk-dim);font-family:var(--disp);letter-spacing:.12em;text-transform:uppercase;font-size:10px;border-bottom:0;padding-top:9px}.feed .ev.try{color:#fff;font-weight:700}.feed .ev.try.bleu{background:#2b8bd629}.feed .ev.try.grenat{background:#b11d3a29}.feed .ev.turnover{color:#ffd784}.die{display:inline-block;width:15px;height:15px;vertical-align:-3px}.die svg{width:100%;height:100%;display:block}.flash{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:30;transition:opacity .14s}.flash.on{opacity:1}.flash.wash-bleu{background:radial-gradient(circle at center,#2b8bd66b,#2b8bd600 62%)}.flash.wash-grenat{background:radial-gradient(circle at center,#b11d3a6b,#b11d3a00 62%)}.flashcard{position:absolute;left:50%;top:50%;transform:translate(-50%) rotate(-1.1deg);width:max-content;max-width:82%;text-align:center;padding:15px 22px;border-radius:18px;background:#f6f3e8;border:3px solid #233826;box-shadow:0 6px #1220168c,0 16px 34px #00000061,inset 0 2px #ffffffa6;animation:flashpop .2s ease}.ftext{font-family:var(--disp);font-size:20px;font-weight:700;color:#1d3a26;line-height:1.3;letter-spacing:.01em;text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.cq{display:inline-block;white-space:nowrap;font-family:var(--disp);font-weight:700;letter-spacing:.02em;background:linear-gradient(180deg,#fffaea,#f0e3bf);color:#233826;border:2px solid #233826;border-radius:9px;padding:1px 8px;margin:0 1px;box-shadow:0 2px #2338268c;vertical-align:baseline}.cq.num{background:linear-gradient(180deg,#ffe9a8,#f5cf6b);font-variant-numeric:tabular-nums}.line .cq{padding:0 5px;border-width:1.5px;border-radius:7px;box-shadow:0 1px #23382673;font-size:.94em}.flashcard.gold .ftext{color:#8a5f00}.flashcard.adv .ftext{color:#177a3d}.flashcard.rec .ftext{color:#bb3327}.flashcard.ok .ftext{color:#177a3d}.flashcard.no .ftext{color:#bb3327}.flashcard.big{padding:22px 28px}.fbig{font-family:var(--disp);font-weight:700;font-size:42px;letter-spacing:.04em;text-transform:uppercase;color:#1d3a26;line-height:1.02;text-shadow:0 2px 0 rgba(255,255,255,.55)}.flashcard.t-bleu .fbig{color:#1f6aa6}.flashcard.t-grenat .fbig{color:#8e1630}.flashcard.dice .fdice{display:flex;gap:16px;justify-content:center}.fdie{width:62px;height:62px;display:inline-block;will-change:transform}.fdie svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 3px rgba(0,0,0,.28))}.fdie.rolling{animation:dieroll .1s steps(2,end) infinite}@keyframes dieroll{0%{transform:translateY(-4px) rotate(-14deg) scale(1.05)}to{transform:translateY(4px) rotate(14deg) scale(.95)}}.fdie.settle{animation:diesettle .34s cubic-bezier(.2,1.5,.4,1)}@keyframes diesettle{0%{transform:scale(1.14,.9)}55%{transform:scale(.96,1.03)}to{transform:scale(1)}}.fsub{text-wrap:balance;margin-top:7px;font-family:var(--disp);font-weight:700;letter-spacing:.04em;font-size:17px;color:#233826;text-transform:uppercase}.fverdict{text-wrap:balance;margin-top:13px;font-family:var(--disp);font-weight:700;font-size:21px;letter-spacing:.01em;line-height:1.15;opacity:0;transform:translateY(7px);transition:opacity .24s ease,transform .24s ease}.fverdict.show{opacity:1;transform:translateY(0)}.fverdict.ok{color:#177a3d}.fverdict.no{color:#bb3327}.fverdict.tie{color:#a86f00}@keyframes flashpop{0%{transform:translate(-50%) rotate(-1.1deg) scale(.86);opacity:.2}60%{transform:translate(-50%) rotate(-1.1deg) scale(1.03)}to{transform:translate(-50%) rotate(-1.1deg) scale(1);opacity:1}}.logtoggle{margin:12px auto 0;display:block;font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--chalk-dim);background:transparent;border:1px solid #243029;border-radius:999px;padding:7px 14px;cursor:pointer}.logtoggle:active{transform:translateY(1px)}.feed.hide{display:none}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.flash.on{opacity:1}}.psub{font-size:15px;line-height:1.45;color:#3d4b3a;max-width:none;width:100%;text-wrap:pretty}.wrap{padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right));padding-bottom:calc(14px + env(safe-area-inset-bottom));padding-top:calc(10px + env(safe-area-inset-top))}.turf{position:relative;display:block}.turf .band{position:absolute;left:0;right:0;min-height:0}.prompt{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%)}.prompt.anim{animation:promptPop .4s cubic-bezier(.3,1.55,.5,1)}.pbtn.sel{background:var(--ball)!important}.kbtn,.pbtn{min-width:44px;min-height:44px}.codechip{font-family:var(--disp);font-weight:700;letter-spacing:.2em;font-size:22px;background:#f6f3e8;color:#233826;border:3px solid #233826;border-radius:12px;padding:8px 16px;display:inline-block;box-shadow:0 4px #233826}.lobby{display:flex;flex-direction:column;gap:14px;margin-top:8vh}.lobby .card{background:#f6f3e8;border:3px solid #233826;border-radius:16px;padding:16px;color:#233826;box-shadow:0 5px #1220168c,0 10px 22px #00000059}.lobby h2{font-family:var(--disp);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:16px}.lobby input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:10px 12px;border:2.5px solid #233826;border-radius:10px;background:#fff;margin-bottom:10px;text-transform:none}.lobby input.code{letter-spacing:.35em;text-transform:uppercase;font-family:var(--disp);font-weight:700}.bigbtn{display:block;width:100%;font-family:var(--disp);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:15px;color:#233826;background:var(--ball);border:3px solid #233826;border-radius:14px;padding:13px;cursor:pointer;box-shadow:0 4px #233826,inset 0 2px #ffffff8c;margin-top:4px}.bigbtn.alt{background:#8fd48a}.bigbtn.ghost{background:#f6f3e8}.bigbtn:active{transform:translateY(3px);box-shadow:0 1px #233826,inset 0 2px #ffffff8c}.bigbtn[disabled]{opacity:.5;pointer-events:none}.errmsg{color:#bb3327;font-weight:600;font-size:13px;margin-top:8px}.wait-banner{display:flex;align-items:center;justify-content:center;gap:12px;background:#f6f3e8;border:3px solid #233826;border-radius:14px;color:#233826;padding:10px 14px;margin:10px 0 0;font-family:var(--disp);flex-wrap:wrap;text-align:center}.presence-banner{position:fixed;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:40;background:#ffd95e;color:#233826;border:3px solid #233826;border-radius:12px;padding:8px 14px;font-family:var(--disp);font-weight:700;font-size:13px;box-shadow:0 4px #233826;display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.presence-banner button{font:inherit;font-size:12px;background:#f6f3e8;border:2px solid #233826;border-radius:9px;padding:5px 9px;cursor:pointer;box-shadow:0 2px #233826}.finpanel{text-align:center}.finpanel .fbig{font-size:30px}.conn-dot{position:fixed;right:calc(10px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));width:12px;height:12px;border-radius:50%;border:2px solid #233826;z-index:50}.conn-dot.online{background:#57b04a}.conn-dot.reconnecting{background:#e3a81c;animation:b 1s infinite}.conn-dot.offline{background:#c22740}.finpanel2{position:relative;overflow:hidden;text-align:center;padding:10px 22px 14px;min-width:min(78vw,330px)}.fin-eyebrow{font-family:var(--disp);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:#54644f;margin-bottom:2px}.fin-headline{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:38px;line-height:1.05;color:#233826;text-shadow:0 2px 0 rgba(255,255,255,.55);margin:2px 0 10px}.fin-headline.hw{color:#177a3d}.fin-headline.hl{color:#8e1630}.fin-score{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:10px;flex-wrap:wrap}.fin-score .nm{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:14px;color:#233826;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-score .pts{font-family:var(--disp);font-weight:700;font-size:26px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;border:2.5px solid #233826;border-radius:11px;min-width:46px;padding:6px 8px;box-shadow:0 3px #12201680,inset 0 2px #ffffff59}.fin-score .pts.pb{background:linear-gradient(180deg,#2f8fd8,#1f6aa6)}.fin-score .pts.pg{background:linear-gradient(180deg,#bc2444,#8e1630)}.fin-score .dash{font-family:var(--disp);font-weight:700;font-size:22px;color:#233826}.fin-pips{justify-content:center;display:flex;margin-bottom:12px}.fin-btn{max-width:260px;margin:0 auto}.konfetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.konfetti i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;opacity:.9;animation:kfall 2.6s linear infinite}.konfetti i.k0{background:#ffce4d}.konfetti i.k1{background:#2f8fd8}.konfetti i.k2{background:#bc2444}.konfetti i.k3{background:#8fd48a}.konfetti i:nth-child(1){left:6%;animation-delay:0s}.konfetti i:nth-child(2){left:14%;animation-delay:.9s}.konfetti i:nth-child(3){left:22%;animation-delay:.4s}.konfetti i:nth-child(4){left:31%;animation-delay:1.6s}.konfetti i:nth-child(5){left:40%;animation-delay:.2s}.konfetti i:nth-child(6){left:49%;animation-delay:1.2s}.konfetti i:nth-child(7){left:58%;animation-delay:.6s}.konfetti i:nth-child(8){left:66%;animation-delay:1.9s}.konfetti i:nth-child(9){left:74%;animation-delay:.1s}.konfetti i:nth-child(10){left:82%;animation-delay:1.4s}.konfetti i:nth-child(11){left:90%;animation-delay:.7s}.konfetti i:nth-child(12){left:96%;animation-delay:2.1s}@keyframes kfall{0%{transform:translateY(-12px) rotate(0);opacity:0}8%{opacity:.95}to{transform:translateY(230px) rotate(340deg);opacity:.15}}@media(prefers-reduced-motion:reduce){.konfetti{display:none}}