.jj-app{--jj-ink:#23284a;--jj-paper:#fffaf0;--jj-red:#e8323c;--jj-pink:#e04fb3;--jj-gold:#ffd23f;--jj-teal:#23b5b5;--jj-night:#3d4fa8;--play-accent:#5a4fcf;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#9a7fd1;color:#fff}.jj-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.jj-app:not([data-phase=play]) :is(.jj-head,.jj-goal,.jj-controls,.jj-keys,.jj-quit,.jj-toast,.jj-twist){display:none}.jj-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);pointer-events:none;display:flex;gap:6px;padding:0 100px 0 10px}.jj-head,.jj-pill{align-items:center}.jj-pill{display:inline-flex;gap:5px;height:38px;padding:0 10px;border-radius:19px;flex-shrink:0;background:rgba(35,40,74,.78);border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff}.jj-pill b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.jj-pill small{font:800 10px/1 Playful,sans-serif;letter-spacing:1px;opacity:.75}.jj-lotpill{background:var(--jj-teal)}.jj-movespill{flex-direction:column;justify-content:center;align-items:stretch;gap:3px;padding:0 10px;min-width:76px}.jj-movesrow{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.jj-movesrow b{font-size:15px}.jj-fuel{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}.jj-fuel i{display:block;height:100%;background:#6fe0a8;transform-origin:left;transition:transform .25s,background .3s}.jj-fuel i[data-level=mid]{background:var(--jj-gold)}.jj-fuel i[data-level=low]{background:#ff5a5a}.jj-hurry .jj-movespill{animation:jj-pulse .5s ease-in-out infinite alternate;border-color:#ff8a8a}@keyframes jj-pulse{to{transform:scale(1.06)}}.jj-scorepill{background:var(--jj-gold);color:var(--jj-ink);border-color:#fff4c8}.jj-goal{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 58px);transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:16px;background:var(--jj-paper);color:var(--jj-ink);border:2px solid #fff;box-shadow:0 4px 0 rgba(35,40,74,.3);pointer-events:none}.jj-goal.fresh{animation:jj-slip .45s cubic-bezier(.3,1.5,.5,1)}@keyframes jj-slip{0%{transform:translate(-50%,-24px);opacity:0}}.jj-goal-chip{font-style:normal;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--jj-red);color:var(--jj-gold);font-size:18px;flex-shrink:0}.jj-goal[data-target=coupe] .jj-goal-chip{background:var(--jj-pink)}.jj-goal>span{display:flex;flex-direction:column;gap:1px}.jj-goal b{font:800 11px/1 Playful,sans-serif;letter-spacing:1px;color:#7a6fd8;text-transform:uppercase}.jj-goal span span{font:800 14px/1.15 Playful,sans-serif}.jj-goal .jj-par{flex-shrink:0;align-items:center;margin-left:4px;padding:4px 8px;border-radius:10px;background:#efecff}.jj-par small{font:800 9px/1 Playful,sans-serif;letter-spacing:1px;color:#7a6fd8}.jj-par b{font:800 17px/1 Playful,sans-serif;color:var(--jj-ink);letter-spacing:0;text-transform:none}.jj-toast{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 112px);transform:translate(-50%);opacity:0;pointer-events:none;padding:8px 16px;border-radius:16px;font:800 16px/1.1 Playful,sans-serif;white-space:nowrap;background:rgba(35,40,74,.9);color:#fff;border:2px solid rgba(255,255,255,.85)}.jj-toast[data-kind=good]{background:#2f9a6a}.jj-toast[data-kind=bad]{background:#d8414a}.jj-toast[data-kind=warn]{background:#c7811c}.jj-toast.show{animation:jj-toast 1.5s ease forwards}@keyframes jj-toast{0%{opacity:0;transform:translate(-50%,12px) scale(.85)}12%,75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-14px)}}.jj-twist{position:absolute;z-index:7;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-4deg) scale(.5);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 26px 16px;border-radius:22px;background:var(--jj-pink);color:#fff;border:4px solid #fff;box-shadow:0 7px 0 #8e2a6e,0 16px 40px rgba(0,0,0,.3)}.jj-twist b{font:800 46px/1 Playful,sans-serif;letter-spacing:1px;text-shadow:0 3px 0 #8e2a6e}.jj-twist span{font:800 16px/1.2 Playful,sans-serif;text-align:center}.jj-twist.show{animation:jj-twist 2.4s cubic-bezier(.3,1.4,.5,1) forwards}@keyframes jj-twist{0%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(.4)}14%{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1.08)}22%,82%{opacity:1;transform:translate(-50%,-50%) rotate(-4deg) scale(1)}to{opacity:0;transform:translate(-50%,-70%) rotate(-4deg) scale(.9)}}.jj-controls{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 14px);transform:translateX(-50%);width:min(96vw,460px);gap:8px}.jj-controls,.jj-tool{display:flex;justify-content:center}.jj-tool{flex:1 1;max-width:92px;height:64px;flex-direction:column;align-items:center;gap:3px;border-radius:18px;cursor:pointer;color:var(--jj-ink);background:var(--jj-paper);border:3px solid #fff;box-shadow:inset 0 -3px 0 rgba(35,40,74,.12),0 5px 0 rgba(35,40,74,.35);font:800 13px/1 Playful,sans-serif;transition:transform .08s,box-shadow .08s,opacity .2s}.jj-tool:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(35,40,74,.35)}.jj-tool:disabled{opacity:.45;cursor:default;transform:none}.jj-tool[hidden]{display:none}.jj-flip{background:#ff4655;color:#fff;border-color:#ffd5d9}.jj-flip[aria-pressed=true]{background:#8b5cf6}.jj-keys{position:absolute;z-index:5;left:0;right:0;bottom:4px;text-align:center;font:600 12px/1 Playful,sans-serif;color:rgba(255,255,255,.75);text-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none}@media (max-width:700px),(pointer:coarse){.jj-keys{display:none}}.jj-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 10px);right:12px;display:flex;gap:6px}.jj-app[data-phase=loading] .jj-corner{display:none}.jj-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(35,40,74,.78);border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.25)}.jj-icon-btn .off{display:none}.jj-icon-btn[aria-pressed=true] .off{display:block}.jj-icon-btn[aria-pressed=true] .on{display:none}.jj-app:not([data-phase=play]) .jj-corner{top:calc(env(safe-area-inset-top, 0px) + 14px)}.jj-app .overlay{background:linear-gradient(180deg,rgba(61,79,168,.12),rgba(35,40,74,.5));backdrop-filter:none;-webkit-backdrop-filter:none}.jj-app .jj-loading{background:linear-gradient(#3d4fa8,#9a7fd1 60%,#ffb38a)}.jj-card{width:min(400px,100%);margin:auto;padding:22px 22px 20px;border-radius:28px;text-align:center;color:var(--jj-ink);background:var(--jj-paper);border:4px solid #fff;box-shadow:0 8px 0 rgba(35,40,74,.4),0 20px 50px rgba(0,0,0,.3)}.jj-kicker{font:800 12px/1 Playful,sans-serif;letter-spacing:2px;color:#7a6fd8}.jj-title{margin:8px 0 6px;font:800 54px/.9 Playful,sans-serif;color:var(--jj-gold);letter-spacing:-1px;-webkit-text-stroke:2px var(--jj-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--jj-red);transform:rotate(-3deg)}.jj-blurb{margin:10px 0 12px;font:700 15px/1.35 Playful,sans-serif;color:#4b4f74}.jj-rules{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-gap:8px;gap:8px;text-align:left}.jj-rules li{display:grid;grid-template-columns:28px 1fr;grid-column-gap:10px;column-gap:10px;font:600 13px/1.3 Playful,sans-serif;color:#4b4f74}.jj-rules li span{grid-row:span 2;width:28px;height:28px;border-radius:9px;background:var(--jj-red);color:#fff;display:grid;place-items:center;font:800 16px/1 Playful,sans-serif}.jj-rules li b{font:800 15px/1.1 Playful,sans-serif;color:var(--jj-ink)}.jj-app button.big{width:100%;background:linear-gradient(#ff5a63,#d8303b);color:#fff;border-color:#ffd5d9;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 5px 0 #8e1f27}.jj-app button.big:active{box-shadow:0 1px 0 #8e1f27}.jj-best{margin:10px 0 0;font:700 13px/1.3 Playful,sans-serif;color:#6d6f92}.jj-link-btn{margin-top:10px;background:none;border:0;color:#5a4fcf;font:800 15px/1 Playful,sans-serif;text-decoration:underline;cursor:pointer;padding:6px 8px}.jj-row{display:flex;justify-content:center;gap:10px}.jj-select-title{margin:0 0 4px;font:800 30px/1 Playful,sans-serif;color:var(--jj-ink)}.jj-select-key{margin:0 0 12px;font:700 12px/1.3 Playful,sans-serif;color:#6d6f92}.jj-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.jj-lot{position:relative;aspect-ratio:1;border-radius:14px;border:3px solid #fff;background:#e9e6ff;color:var(--jj-ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 0 rgba(35,40,74,.25);padding:0}.jj-lot b{font:800 20px/1 Playful,sans-serif}.jj-lot-stars{font-size:10px;letter-spacing:1px;color:#c8c0e8}.jj-lot.done{background:#fff3c4}.jj-lot.done .jj-lot-stars{color:#e3a90f}.jj-lot em{position:absolute;top:2px;right:4px;font-style:normal;font-size:10px;color:#7a6fd8}.jj-lot:disabled{opacity:.45;cursor:default;background:#d6d3ea}.jj-lot:disabled b:after{content:" 🔒";font-size:11px}.jj-lot:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 rgba(35,40,74,.25)}.jj-result-title{margin:0;font:800 34px/1 Playful,sans-serif;color:var(--jj-red)}.jj-fail-title{color:#5a4fcf}.jj-r-stars{display:flex;justify-content:center;gap:6px;margin:8px 0 2px}.jj-r-stars i{font-style:normal;font-size:42px;line-height:1;color:#e2def2}.jj-r-stars i.on{color:var(--jj-gold);-webkit-text-stroke:2px #c8900c;animation:jj-star .5s cubic-bezier(.3,1.8,.5,1) both}@keyframes jj-star{0%{transform:scale(0) rotate(-40deg)}}.jj-result-line{margin:6px 0 10px;font:700 14px/1.35 Playful,sans-serif;color:#4b4f74}.jj-result-big{display:flex;align-items:baseline;justify-content:center;gap:8px}.jj-result-big b{font:800 60px/1 Playful,sans-serif;color:var(--jj-ink)}.jj-result-big span{font:800 18px/1 Playful,sans-serif;color:#7a6fd8}.jj-result-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 12px;gap:6px 12px;margin:10px 0 14px}.jj-result-list div{display:flex;justify-content:space-between;padding:6px 10px;border-radius:10px;background:#efecff;font:700 14px/1.2 Playful,sans-serif}.jj-result-list dt{color:#6d6f92}.jj-result-list dd{margin:0;color:var(--jj-ink);font-weight:800}.jj-app .share-btn{width:100%;color:#5a4fcf}@media (min-width:900px){.jj-head{padding-left:24px;top:18px}.jj-goal{top:70px}.jj-controls{bottom:30px}}@media (max-height:700px) and (max-width:700px){.jj-tool{height:56px}.jj-rules li{font-size:12px}.jj-title{font-size:44px}}