.odq-forza4{--p-brand:#7A3FF2;--p-accent:#ff8100;--p-bg:#f6f2ff;--p-ink:#241a3b;--p-line:#d9cdf7;--board:#5b34b8;--pc1:#14b8a6;--pc2:#ff8100;--ink1:#0b2e2a;--ink2:#1d1530;font-family:Montserrat,system-ui,sans-serif;color:var(--p-ink);max-width:520px;margin:0 auto;padding:16px;box-sizing:border-box;line-height:1.3}.odq-forza4 *{box-sizing:border-box}.odq-forza4 .odq-forza4__bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.odq-forza4 .odq-forza4__field--wide{grid-column:1/-1}.odq-forza4 .odq-forza4__label{font-size:12px;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.odq-forza4 .odq-forza4__seg{display:flex;border:2px solid var(--p-brand);border-radius:12px;overflow:hidden;background:#fff}.odq-forza4 button.odq-forza4__segbtn,.odq-forza4 button.odq-forza4__segbtn:hover,.odq-forza4 button.odq-forza4__segbtn:focus{flex:1;border:0;border-radius:0;background:#fff;color:var(--p-brand);font:700 13px/1.2 Montserrat,sans-serif;padding:10px 4px;cursor:pointer;min-height:44px;box-shadow:none;text-transform:none;letter-spacing:0}.odq-forza4 button.odq-forza4__segbtn[aria-pressed="true"],.odq-forza4 button.odq-forza4__segbtn[aria-pressed="true"]:hover,.odq-forza4 button.odq-forza4__segbtn[aria-pressed="true"]:focus{background:var(--p-brand);color:#fff}.odq-forza4 button.odq-forza4__segbtn:focus-visible{outline:3px solid var(--p-accent);outline-offset:-3px}.odq-forza4 .odq-forza4__score{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:12px 0;text-align:center}.odq-forza4 .odq-forza4__scorebox{background:var(--p-bg);border-radius:12px;padding:8px 4px;font-size:12px;font-weight:700}.odq-forza4 .odq-forza4__scorebox b{display:block;font-size:24px;font-weight:800;color:var(--p-brand)}.odq-forza4 .odq-forza4__scorebox.is-active{outline:3px solid var(--p-accent)}.odq-forza4 .odq-forza4__dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;vertical-align:-1px}.odq-forza4 .odq-forza4__dot--R{background:var(--pc1)}.odq-forza4 .odq-forza4__dot--Y{background:var(--pc2)}.odq-forza4 .odq-forza4__status{min-height:28px;text-align:center;font-weight:800;font-size:18px;margin:6px 0 10px}.odq-forza4 .odq-forza4__board{display:grid;grid-template-columns:repeat(7,1fr);gap:0;background:var(--board);padding:8px;border-radius:18px;touch-action:manipulation}.odq-forza4 button.odq-forza4__col,.odq-forza4 button.odq-forza4__col:focus{display:grid;grid-template-rows:repeat(6,1fr);gap:6px;padding:3px;margin:0;border:0;border-radius:10px;background:#fff0;cursor:pointer;min-width:0;min-height:0;box-shadow:none;color:inherit}.odq-forza4 button.odq-forza4__col:hover:not(:disabled){background:rgb(255 255 255 / .14)}.odq-forza4 button.odq-forza4__col:disabled{cursor:default}.odq-forza4 button.odq-forza4__col:focus-visible{outline:3px solid var(--p-accent);outline-offset:1px}.odq-forza4 .odq-forza4__cell{aspect-ratio:1;border-radius:50%;background:#fff;position:relative;overflow:visible}.odq-forza4 .odq-forza4__pc{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 -4px 0 rgb(0 0 0 / .18)}.odq-forza4 .odq-forza4__pc--R{background:var(--pc1)}.odq-forza4 .odq-forza4__pc--Y{background:var(--pc2)}.odq-forza4 .odq-forza4__pc svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.odq-forza4 .odq-forza4__ring{fill:none;stroke-width:2;opacity:.2}.odq-forza4 .odq-forza4__sig{font:700 22px Montserrat,system-ui,sans-serif;text-anchor:middle;letter-spacing:0;opacity:.38;stroke:none}.odq-forza4 .odq-forza4__pc--R .odq-forza4__sig{fill:var(--ink1)}.odq-forza4 .odq-forza4__pc--R .odq-forza4__ring{stroke:var(--ink1)}.odq-forza4 .odq-forza4__pc--Y .odq-forza4__sig{fill:var(--ink2)}.odq-forza4 .odq-forza4__pc--Y .odq-forza4__ring{stroke:var(--ink2)}.odq-forza4 .odq-forza4__pc.is-new{animation:odq-forza4-drop calc(.12s + var(--fall)*.06s) cubic-bezier(.5,0,.9,.6)}.odq-forza4 .odq-forza4__pc.is-win{box-shadow:0 0 0 3px #fff,0 0 0 6px #241a3b,inset 0 -4px 0 rgb(0 0 0 / .18);z-index:1}@keyframes odq-forza4-drop{from{transform:translateY(calc(var(--fall)*-110%))}}@media (prefers-reduced-motion:reduce){.odq-forza4 .odq-forza4__pc.is-new{animation:none}}.odq-forza4 .odq-forza4__actions{display:flex;gap:10px;margin-top:14px}.odq-forza4 button.odq-forza4__btn,.odq-forza4 button.odq-forza4__btn:hover,.odq-forza4 button.odq-forza4__btn:focus{flex:1;border:2px solid var(--p-brand);border-radius:12px;font:800 15px/1.2 Montserrat,sans-serif;padding:13px 6px;cursor:pointer;background:var(--p-brand);color:#fff;min-height:48px;box-shadow:none;text-transform:none;letter-spacing:0}.odq-forza4 button.odq-forza4__btn--ghost,.odq-forza4 button.odq-forza4__btn--ghost:hover,.odq-forza4 button.odq-forza4__btn--ghost:focus{background:#fff;color:var(--p-brand)}.odq-forza4 button.odq-forza4__btn:disabled{opacity:.4;cursor:default}.odq-forza4 button.odq-forza4__btn:focus-visible,.odq-forza4 button.odq-forza4__link:focus-visible,.odq-forza4 button.odq-forza4__lk:focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}.odq-forza4 .odq-forza4__foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.odq-forza4 .odq-forza4__note{font-size:12px;opacity:.75;margin:0}.odq-forza4 button.odq-forza4__link,.odq-forza4 button.odq-forza4__link:hover,.odq-forza4 button.odq-forza4__link:focus{background:none;border:0;padding:8px 4px;color:var(--p-brand);font:700 13px/1.2 Montserrat,sans-serif;text-decoration:underline;cursor:pointer;box-shadow:none;min-height:44px;text-transform:none}.odq-forza4 .odq-forza4__stats{margin-top:8px;background:var(--p-bg);border-radius:12px;padding:10px;overflow-x:auto}.odq-forza4 .odq-forza4__stats table{width:100%;border-collapse:collapse;font-size:13px;margin:0;background:#fff0}.odq-forza4 .odq-forza4__stats caption{font-weight:800;text-align:left;padding-bottom:6px}.odq-forza4 .odq-forza4__stats th,.odq-forza4 .odq-forza4__stats td{padding:6px 4px;text-align:center;border:0;background:#fff0}.odq-forza4 .odq-forza4__stats th[scope=row]{text-align:left}.odq-forza4 .odq-forza4__stats tr+tr{border-top:1px solid var(--p-line)}.odq-forza4 .odq-forza4__look{margin-top:16px;border-top:2px solid var(--p-line);padding-top:12px}.odq-forza4 .odq-forza4__looks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.odq-forza4 button.odq-forza4__lk,.odq-forza4 button.odq-forza4__lk:hover,.odq-forza4 button.odq-forza4__lk:focus{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px solid var(--p-line);border-radius:12px;background:#fff;padding:8px 2px;min-height:60px;cursor:pointer;font:700 11px/1.1 Montserrat,sans-serif;color:var(--p-ink);box-shadow:none;text-transform:none;letter-spacing:0}.odq-forza4 button.odq-forza4__lk[aria-pressed="true"],.odq-forza4 button.odq-forza4__lk[aria-pressed="true"]:hover,.odq-forza4 button.odq-forza4__lk[aria-pressed="true"]:focus{border-color:var(--p-brand);background:var(--p-bg)}.odq-forza4 .odq-forza4__pair{display:flex;gap:4px}.odq-forza4 .odq-forza4__pair i{width:18px;height:18px;border-radius:50%;display:block;box-shadow:inset 0 -2px 0 rgb(0 0 0 / .18);border:1px solid rgb(0 0 0 / .12)}.odq-forza4 .odq-forza4__sigrow{margin-top:10px}@media (max-width:380px){.odq-forza4{padding:6px}.odq-forza4 .odq-forza4__board{padding:5px}.odq-forza4 .odq-forza4__bar{grid-template-columns:1fr}}.odq-forza4 .odq-forza4__bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.odq-forza4 .odq-forza4__field,.odq-forza4 .odq-forza4__seg{min-width:0}.odq-forza4 .odq-forza4__score{grid-template-columns:repeat(3,minmax(0,1fr))}.odq-forza4 .odq-forza4__looks{grid-template-columns:repeat(4,minmax(0,1fr))}.odq-forza4 button.odq-forza4__segbtn,.odq-forza4 button.odq-forza4__segbtn:hover,.odq-forza4 button.odq-forza4__segbtn:focus,.odq-forza4 button.odq-forza4__btn,.odq-forza4 button.odq-forza4__btn:hover,.odq-forza4 button.odq-forza4__btn:focus,.odq-forza4 button.odq-forza4__lk,.odq-forza4 button.odq-forza4__lk:hover,.odq-forza4 button.odq-forza4__lk:focus{white-space:normal;min-width:0;overflow-wrap:break-word}.odq-forza4 .odq-forza4__actions{flex-wrap:wrap}.odq-forza4 .odq-forza4__note{flex:1 1 auto;min-width:0}.odq-forza4 button.odq-forza4__link{flex:none}.odq-forza4 .odq-forza4__actions>button{flex:1 1 0%}@media (max-width:430px){.odq-forza4 .odq-forza4__bar{grid-template-columns:minmax(0,1fr)}.odq-forza4 button.odq-forza4__btn,.odq-forza4 button.odq-forza4__btn:hover,.odq-forza4 button.odq-forza4__btn:focus{font-size:14px;padding:11px 4px}}.odq-forza4 .odq-forza4__foot{flex-wrap:wrap}.odq-forza4 .odq-forza4__foot .odq-forza4__full{margin-left:auto}@media (max-width:430px){.odq-forza4 .odq-forza4__note{flex-basis:100%;order:2}}.odq-forza4.is-full{position:fixed;inset:0;z-index:99999;max-width:none;margin:0;background:#fff;overflow:auto;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.odq-forza4.is-full>*{width:100%;max-width:min(560px,max(300px,calc((100dvh - 465px) * 1.15)));margin-left:auto;margin-right:auto}.odq-forza4.is-full .odq-forza4__look,.odq-forza4.is-full .odq-forza4__note{display:none}.odq-forza4.is-full .odq-forza4__score{margin:6px auto}.odq-forza4.is-full .odq-forza4__status{margin:2px auto 6px}@media (max-width:430px){.odq-forza4.is-full>*{max-width:100%}}.odq-forza4 .odq-forza4__status.is-end{display:flex;align-items:center;justify-content:center;min-height:56px;padding:10px 14px;border-radius:14px;font-size:26px;line-height:1.15;color:#fff;margin:8px 0 12px;box-shadow:0 6px 18px rgb(36 26 59 / .18)}.odq-forza4 .odq-forza4__status.is-win{background:#16a34a}.odq-forza4 .odq-forza4__status.is-loss{background:#e11d48}.odq-forza4 .odq-forza4__status.is-draw,.odq-forza4 .odq-forza4__status.is-end2p{background:var(--p-brand)}@media (prefers-reduced-motion:no-preference){.odq-forza4 .odq-forza4__status.is-pop{animation:odq-forza4-esito .45s cubic-bezier(.2,1.4,.4,1)}}@keyframes odq-forza4-esito{from{transform:scale(.7);opacity:0}}.odq-forza4{touch-action:manipulation}.odq-forza4 button.odq-forza4__col,.odq-forza4 button.odq-forza4__col:focus,.odq-forza4 button.odq-forza4__col:hover{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;height:auto}.odq-forza4 .odq-forza4__cell{width:100%;max-width:100%;flex:none;aspect-ratio:1/1}@media (max-width:430px){.odq-forza4.is-full .odq-forza4__bar{gap:6px;margin-bottom:6px}.odq-forza4.is-full .odq-forza4__label{font-size:10px;margin-bottom:2px}.odq-forza4.is-full button.odq-forza4__segbtn,.odq-forza4.is-full button.odq-forza4__segbtn:hover,.odq-forza4.is-full button.odq-forza4__segbtn:focus{min-height:36px;padding:6px 4px}.odq-forza4.is-full .odq-forza4__score{margin:4px auto}.odq-forza4.is-full .odq-forza4__scorebox{padding:4px}.odq-forza4.is-full .odq-forza4__scorebox b{font-size:20px}}