.oga-app,.oga-stats{max-width:900px;margin:1rem auto;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.oga-card{background:#fff;border:1px solid #ddd;border-radius:16px;padding:1rem;margin:1rem 0;box-shadow:0 8px 24px rgba(0,0,0,.06)}.oga-card h2{margin-top:0}.oga-card input,.oga-card select{width:100%;max-width:360px;padding:.65rem;border:1px solid #bbb;border-radius:10px;margin:.25rem 0 .75rem}.oga-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.oga-actions button,.oga-join-room,.oga-resign,.oga-rematch{border:0;border-radius:999px;padding:.7rem 1rem;background:#1d4ed8;color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.oga-actions button:hover,.oga-join-room:hover,.oga-rematch:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(29,78,216,.22)}.oga-resign{background:#991b1b}.oga-status{min-height:1.4rem}.oga-error{color:#b91c1c}.oga-hidden{display:none}.oga-invite input{max-width:100%;font-size:.9rem}.oga-match-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #eee;padding-bottom:.5rem;margin-bottom:.5rem}.oga-turn{font-weight:600}.oga-connect4{display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));gap:.4rem;max-width:560px;background:linear-gradient(180deg,#2563eb,#1d4ed8);padding:.6rem;border-radius:18px;box-shadow:inset 0 -6px 16px rgba(0,0,0,.18),0 12px 28px rgba(29,78,216,.18)}.oga-cell{aspect-ratio:1;border-radius:50%;border:0;background:#f8fafc;box-shadow:inset 0 2px 5px rgba(0,0,0,.25);cursor:pointer;transform:translateZ(0);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.oga-cell:not(:disabled):hover{transform:scale(1.08);filter:brightness(1.04)}.oga-cell:disabled{cursor:not-allowed}.oga-p1{background:radial-gradient(circle at 35% 28%,#fecaca 0,#ef4444 42%,#991b1b 100%)}.oga-p2{background:radial-gradient(circle at 35% 28%,#fef9c3 0,#facc15 42%,#b45309 100%)}.oga-last-move{animation:oga-drop .42s cubic-bezier(.2,.9,.25,1.2)}.oga-win-cell{animation:oga-win-pulse .9s ease-in-out infinite;box-shadow:0 0 0 4px rgba(255,255,255,.9),0 0 18px 7px rgba(250,204,21,.75),inset 0 2px 5px rgba(0,0,0,.28)}.oga-game-message,.oga-winner{font-weight:700}.oga-finished-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.oga-finished-actions small{color:#555}.oga-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.oga-stat{border:1px solid #ddd;border-radius:14px;padding:1rem;background:#fff}.oga-stat strong{display:block;font-size:1.6rem}.oga-stat span{font-size:.9rem;color:#555}@keyframes oga-drop{0%{transform:translateY(-85px) scale(.82);opacity:.25}72%{transform:translateY(5px) scale(1.04);opacity:1}100%{transform:translateY(0) scale(1)}}@keyframes oga-win-pulse{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.12);filter:saturate(1.3)}}@media(max-width:600px){.oga-actions{display:block}.oga-actions button,.oga-actions select{margin:.25rem 0;width:100%}.oga-connect4{gap:.25rem;padding:.4rem}}

/* v0.2.1 polish */
.oga-app{color:#111827}.oga-card{background:linear-gradient(180deg,#ffffff,#f8fafc);border-color:#e5e7eb}.oga-card h2{font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.03em}.oga-actions{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:18px;padding:.75rem}.oga-actions button,.oga-join-room,.oga-resign,.oga-rematch{font-weight:700}.oga-actions select,.oga-card input{background:#fff}.oga-status{margin-top:.75rem;font-weight:650;color:#334155}.oga-invite{margin:.9rem 0;padding:.8rem;border:1px dashed #93c5fd;background:#eff6ff;border-radius:14px}.oga-invite input{display:block;width:100%;margin-top:.45rem}.oga-game-card{overflow:hidden}.oga-match-head{align-items:center;background:#f8fafc;margin:-1rem -1rem .75rem;padding:1rem;border-bottom:1px solid #e5e7eb}.oga-match-head strong{text-transform:capitalize;font-size:1.15rem}.oga-match-head span{font-size:.95rem;color:#475569}.oga-turn{display:inline-flex;align-items:center;gap:.35rem;background:#eef2ff;color:#3730a3;border-radius:999px;padding:.45rem .7rem}.oga-connect4{margin-top:1rem}.oga-game-message{color:#1f2937}.oga-finished-actions{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:.75rem}.oga-rematch{background:#047857}.oga-rematch:hover{box-shadow:0 8px 18px rgba(4,120,87,.22)}.oga-stats .oga-card{background:#f8fafc}.oga-stat{box-shadow:0 6px 18px rgba(15,23,42,.05)}

/* v0.2.2 UI tidy-up */
.oga-invite-mode .oga-start-actions{display:none}
.oga-invite-mode .oga-join{display:block;margin-top:.75rem}
.oga-in-game>.oga-card{display:none}
.oga-copy-link{margin-top:.45rem;border:0;border-radius:999px;padding:.55rem .85rem;background:#0f766e;color:#fff;font-weight:700;cursor:pointer}
.oga-card{max-width:860px}
.oga-game-card{padding:0}
.oga-game-card .oga-connect4,.oga-game-card .oga-game-message,.oga-game-card .oga-winner,.oga-game-card .oga-resign,.oga-game-card .oga-finished-actions{margin-left:1rem;margin-right:1rem}
.oga-game-card .oga-connect4{margin-bottom:1rem}
.oga-finished-actions{margin-bottom:1rem}
.oga-connect4{max-width:min(560px,100%);box-sizing:border-box}
.oga-cell{box-sizing:border-box}
.oga-match-head strong{font-weight:800}
.oga-match-head span{line-height:1.5}
.oga-join-room{background:#047857}
.oga-invite-mode .oga-status{background:#ecfdf5;color:#065f46;border-radius:12px;padding:.75rem}
.oga-game-message{margin-top:.75rem}
.oga-winner{color:#92400e}


/* v0.2.3 invite link visibility + calmer placed counters */
.oga-game-card .oga-invite-box{margin:1rem;border:1px dashed #60a5fa;background:#eff6ff;border-radius:16px;padding:.85rem}
.oga-invite-box strong{display:block;margin-bottom:.45rem;color:#1e3a8a}
.oga-link-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.oga-link-row input{flex:1 1 280px;max-width:none;margin:0;font-size:.9rem;background:#fff}
.oga-link-row .oga-copy-link{margin:0;white-space:nowrap}
.oga-invite-box small{display:block;margin-top:.4rem;color:#475569}
.oga-cell:not(.oga-last-move):not(.oga-win-cell){animation:none}

/* v0.3.0 playable Battleship */
.oga-battleship{margin:1rem}.oga-bs-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.oga-bs-actions button{border:0;border-radius:999px;padding:.65rem 1rem;background:#1d4ed8;color:#fff;font-weight:800;cursor:pointer}.oga-bs-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;align-items:start}.oga-bs-grid{display:grid;grid-template-columns:repeat(10,minmax(20px,1fr));gap:.22rem;max-width:420px;background:linear-gradient(180deg,#0f766e,#0e7490);padding:.45rem;border-radius:14px;box-shadow:0 12px 26px rgba(14,116,144,.16)}.oga-bs-cell{aspect-ratio:1;border:0;border-radius:7px;background:#dff8ff;color:#111827;font-weight:900;cursor:pointer;transition:transform .13s ease,filter .13s ease,box-shadow .13s ease}.oga-bs-cell:not(:disabled):hover{transform:scale(1.08);filter:brightness(1.08);box-shadow:0 0 0 2px rgba(255,255,255,.75)}.oga-bs-cell:disabled{cursor:not-allowed}.oga-bs-ship{background:#64748b}.oga-bs-hit{background:#ef4444;color:#fff;animation:oga-bs-pop .35s ease}.oga-bs-miss{background:#93c5fd;color:#1e3a8a}.oga-bs-wait{padding:1rem;border-radius:14px;background:#ecfdf5;color:#065f46;font-weight:800}.oga-bs-note{font-size:.9rem;color:#475569}.oga-battleship h3{margin:.75rem 0 .35rem;font-size:1rem}@keyframes oga-bs-pop{0%{transform:scale(.7)}70%{transform:scale(1.12)}100%{transform:scale(1)}}@media(max-width:600px){.oga-bs-grid{max-width:100%;gap:.14rem;padding:.3rem}.oga-bs-cell{border-radius:5px}.oga-battleship{margin:.75rem}}

/* Battleship v0.3.1 */
.oga-battleship { margin-top: 18px; }
.oga-bs-actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:16px; border:1px solid #e5e7eb; border-radius:18px; background:#f8fafc; max-width:680px; }
.oga-bs-actions button { background:#0f766e; color:#fff; border:0; border-radius:999px; padding:12px 18px; font-weight:700; cursor:pointer; }
.oga-bs-actions small, .oga-bs-wait { color:#475569; }
.oga-bs-boards { display:grid; grid-template-columns:repeat(2, minmax(260px, 420px)); gap:22px; align-items:start; }
.oga-bs-panel { margin-top:14px; }
.oga-bs-panel h4 { margin:0 0 10px; font-size:16px; }
.oga-bs-grid { display:grid; grid-template-columns:repeat(10, minmax(22px, 1fr)); gap:4px; max-width:420px; padding:10px; border-radius:18px; background:linear-gradient(135deg,#dbeafe,#eff6ff); border:1px solid #bfdbfe; }
.oga-bs-cell { aspect-ratio:1; min-width:0; border:0; border-radius:8px; background:#fff; box-shadow:inset 0 0 0 1px rgba(30,64,175,.12); color:#0f172a; font-size:18px; line-height:1; display:flex; align-items:center; justify-content:center; cursor:default; transition:transform .16s ease, background .16s ease; }
.oga-bs-target:not(:disabled) { cursor:pointer; }
.oga-bs-target:not(:disabled):hover { transform:translateY(-2px); background:#e0f2fe; }
.oga-bs-ship { background:#94a3b8; color:#334155; }
.oga-bs-hit { background:#fecaca; color:#991b1b; animation:oga-bs-pop .28s ease; }
.oga-bs-miss { background:#bfdbfe; color:#1d4ed8; }
.oga-bs-log { display:flex; gap:14px; flex-wrap:wrap; margin-top:14px; color:#334155; }
.oga-bs-log span { background:#f8fafc; border:1px solid #e2e8f0; border-radius:999px; padding:8px 12px; }
@keyframes oga-bs-pop { 0%{transform:scale(.7)} 70%{transform:scale(1.15)} 100%{transform:scale(1)} }
@media (max-width: 760px) { .oga-bs-boards { grid-template-columns:1fr; } .oga-bs-grid { max-width:100%; gap:3px; padding:8px; } .oga-bs-cell { border-radius:6px; font-size:14px; } }

/* v0.3.2 manual Battleship deployment */
.oga-bs-place-wrap{max-width:760px}
.oga-bs-toolbar{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin:.75rem 0;padding:.8rem;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}
.oga-bs-toolbar button,.oga-bs-ship-choice{border:0;border-radius:999px;padding:.55rem .85rem;font-weight:800;cursor:pointer;background:#e0f2fe;color:#075985}
.oga-bs-toolbar .oga-bs-submit{background:#047857;color:#fff}
.oga-bs-toolbar .oga-bs-submit:disabled{background:#94a3b8;cursor:not-allowed}
.oga-bs-ship-list{display:flex;gap:.45rem;flex-wrap:wrap;margin:.65rem 0}
.oga-bs-ship-choice.is-selected{background:#1d4ed8;color:#fff}
.oga-bs-ship-choice.is-placed{box-shadow:inset 0 0 0 2px #10b981}
.oga-bs-placement-grid{margin-top:.65rem}
.oga-bs-place-cell{cursor:pointer}
.oga-bs-place-cell:hover{transform:translateY(-2px);background:#e0f2fe}


/* Battleship v0.3.3 polish */
.oga-bs-grid-labelled{grid-template-columns:24px repeat(10,minmax(22px,1fr));}
.oga-bs-axis{display:flex;align-items:center;justify-content:center;min-height:22px;font-size:12px;font-weight:900;color:#1e3a8a;background:rgba(255,255,255,.72);border-radius:6px}
.oga-bs-corner{background:transparent}
.oga-bs-hit,.oga-bs-miss{animation:none!important}
.oga-bs-sunk{background:#111827!important;color:#fff!important;box-shadow:inset 0 0 0 2px #f97316}
.oga-bs-visuals{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px;margin-top:16px}
.oga-bs-fleet{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px}
.oga-bs-fleet h4{margin:0 0 10px}
.oga-bs-fleet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #e2e8f0}
.oga-bs-fleet-row:first-of-type{border-top:0}
.oga-bs-fleet-row.is-sunk-row strong{text-decoration:line-through;color:#991b1b}
.oga-bs-fleet-dots{display:flex;gap:5px}
.oga-bs-fleet-dots span{width:14px;height:14px;border-radius:999px;display:inline-block;background:#d1fae5;border:1px solid #86efac}
.oga-bs-fleet-dots span.is-hit{background:#fecaca;border-color:#fca5a5}
.oga-bs-fleet-dots span.is-sunk{background:#111827;border-color:#f97316}
@media (max-width:760px){.oga-bs-grid-labelled{grid-template-columns:20px repeat(10,minmax(18px,1fr));}.oga-bs-axis{font-size:10px;min-height:18px}.oga-bs-visuals{grid-template-columns:1fr}}


/* Battleship v0.3.4 one-shot turn animation */
.oga-bs-hit,.oga-bs-miss{animation:none!important}
.oga-bs-fresh-hit{animation:oga-bs-hit-once .48s ease!important}
.oga-bs-fresh-miss{animation:oga-bs-miss-once .42s ease!important}
@keyframes oga-bs-hit-once{0%{transform:scale(.76);filter:brightness(1.25)}65%{transform:scale(1.14)}100%{transform:scale(1);filter:none}}
@keyframes oga-bs-miss-once{0%{transform:scale(.82);filter:brightness(1.2)}65%{transform:scale(1.08)}100%{transform:scale(1);filter:none}}


/* Hangman */
.oga-hangman { display: grid; gap: 18px; }
.oga-hm-setup { display: grid; gap: 14px; max-width: 520px; }
.oga-hm-setup input { width: 100%; padding: 12px 14px; border: 1px solid #d8deea; border-radius: 14px; margin-top: 6px; }
.oga-hm-layout { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(220px, .75fr); gap: 18px; align-items: start; }
.oga-hm-target, .oga-hm-defend { border: 1px solid #e0e6f2; border-radius: 18px; padding: 18px; background: #fff; box-shadow: 0 10px 24px rgba(21, 31, 62, .06); }
.oga-hm-figure { position: relative; width: 150px; height: 150px; margin: 8px 0 12px; }
.oga-hm-gallows:before { content: ''; position: absolute; left: 15px; bottom: 0; width: 110px; height: 4px; background: #26364f; border-radius: 8px; }
.oga-hm-gallows:after { content: ''; position: absolute; left: 34px; bottom: 0; width: 4px; height: 128px; background: #26364f; box-shadow: 0 -124px 0 0 #26364f, 70px -124px 0 0 #26364f; }
.hm-head, .hm-body, .hm-arm, .hm-leg { position: absolute; opacity: .12; background: #b11616; transition: opacity .25s ease, transform .25s ease; }
.hm-head { left: 92px; top: 30px; width: 34px; height: 34px; border: 4px solid #b11616; background: transparent; border-radius: 50%; }
.hm-body { left: 107px; top: 66px; width: 4px; height: 44px; border-radius: 8px; }
.hm-arm { left: 108px; top: 76px; width: 38px; height: 4px; transform-origin: left center; }
.hm-arm.hm-left { transform: rotate(145deg); }
.hm-arm.hm-right { transform: rotate(35deg); }
.hm-leg { left: 108px; top: 106px; width: 38px; height: 4px; transform-origin: left center; }
.hm-leg.hm-left { transform: rotate(130deg); }
.hm-leg.hm-right { transform: rotate(50deg); }
.hm-head.on, .hm-body.on, .hm-arm.on, .hm-leg.on { opacity: 1; }
.oga-hm-word { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.oga-hm-word span { width: 34px; height: 42px; border-bottom: 4px solid #26364f; display: inline-flex; align-items: center; justify-content: center; font-size: 1.35rem; font-weight: 800; }
.oga-hm-word span.is-space { border: 0; width: 18px; }
.oga-hm-keyboard { display: flex; flex-wrap: wrap; gap: 7px; max-width: 520px; }
.oga-hm-letter { width: 40px; height: 40px; border-radius: 12px; border: 1px solid #d5ddec; background: #f7f9fd; font-weight: 800; cursor: pointer; }
.oga-hm-letter:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 8px 16px rgba(30, 75, 160, .14); }
.oga-hm-letter.is-used, .oga-hm-letter:disabled { opacity: .45; cursor: not-allowed; }
.oga-hm-hint { color: #34425f; background: #eef3ff; padding: 8px 12px; border-radius: 999px; display: inline-block; }
.oga-hm-own { font-size: 1.25rem; font-weight: 800; letter-spacing: .08em; }
@media (max-width: 780px) { .oga-hm-layout { grid-template-columns: 1fr; } }


/* Hangman v0.4.3 side-by-side board + animation polish */
.oga-hm-setup-shell{display:grid;grid-template-columns:minmax(280px,560px) minmax(220px,320px);gap:18px;align-items:start}
.oga-hm-setup-side,.oga-hm-panel,.oga-hm-setup{border:1px solid #e0e7ff;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 16px 34px rgba(15,23,42,.08);padding:18px}
.oga-hm-setup h3{margin:0 0 12px;font-size:1.15rem}
.oga-hm-setup .oga-bs-note{margin-bottom:0}
.oga-hm-locked-word .oga-hm-word{transform:scale(.92);transform-origin:left center}
.oga-hm-scorebar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-weight:700}
.oga-hm-turn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#e2e8f0;color:#334155;font-weight:900}
.oga-hm-turn.is-yours{background:#dcfce7;color:#166534;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.oga-hm-arena{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px;align-items:start}
.oga-hm-panel{position:relative;overflow:hidden}
.oga-hm-panel:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#38bdf8,#6366f1);opacity:.9}
.oga-hm-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
.oga-hm-panel-head h4{margin:0;font-size:1.05rem}
.oga-hm-panel-head span{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#64748b}
.oga-hm-attack .oga-hm-panel-head h4{color:#1d4ed8}
.oga-hm-defense .oga-hm-panel-head h4{color:#7c2d12}
.oga-hm-figure{margin-inline:auto}
.oga-hm-risk{display:flex;gap:6px;margin:10px 0 6px}
.oga-hm-risk span{height:9px;flex:1;border-radius:999px;background:#e2e8f0}
.oga-hm-risk span.is-lit{background:#fb7185;box-shadow:0 0 0 3px rgba(251,113,133,.14)}
.oga-hm-chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.oga-hm-chip{min-width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;border:1px solid #cbd5e1;background:#f8fafc;color:#334155}
.oga-hm-chip.is-hit{background:#dcfce7;border-color:#86efac;color:#166534}
.oga-hm-chip.is-miss{background:#fee2e2;border-color:#fecaca;color:#991b1b}
.oga-hm-chip.is-empty{width:auto;padding:0 10px;font-weight:700;color:#64748b}
.oga-hm-chip.is-fresh{animation:oga-hm-chip-pop .46s ease}
.oga-hm-word-pop .oga-hm-word span:not(.is-space){animation:oga-hm-letter-reveal .38s ease}
.oga-hm-panel.has-fresh-guess{animation:oga-hm-panel-glow .58s ease}
.oga-hm-keyboard{margin-top:14px}
.oga-hm-letter:not(:disabled){background:#eef2ff;border-color:#c7d2fe;color:#1e1b4b}
.oga-hm-letter:not(:disabled):active{transform:scale(.92)}
.oga-hm-own-word .oga-hm-word span{background:#fff7ed;border-radius:10px;border-bottom-color:#f97316}
@keyframes oga-hm-chip-pop{0%{transform:scale(.55) rotate(-8deg);filter:brightness(1.2)}70%{transform:scale(1.18) rotate(3deg)}100%{transform:scale(1) rotate(0);filter:none}}
@keyframes oga-hm-letter-reveal{0%{transform:translateY(12px) scale(.8);opacity:.25}70%{transform:translateY(-3px) scale(1.08)}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes oga-hm-panel-glow{0%{box-shadow:0 0 0 rgba(59,130,246,0)}45%{box-shadow:0 0 0 6px rgba(59,130,246,.16),0 18px 34px rgba(15,23,42,.12)}100%{box-shadow:0 16px 34px rgba(15,23,42,.08)}}
@media (max-width:820px){.oga-hm-setup-shell,.oga-hm-arena{grid-template-columns:1fr}.oga-hm-scorebar{align-items:flex-start}.oga-hm-panel,.oga-hm-setup,.oga-hm-setup-side{padding:14px}.oga-hm-word span{width:28px;height:36px;font-size:1.1rem}.oga-hm-letter{width:36px;height:36px;border-radius:10px}}

/* v0.4.4 privacy controls */
.oga-panel-headline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.oga-panel-headline h4{margin:0;}
.oga-privacy-toggle{border:0;border-radius:999px;padding:7px 11px;background:#20283a;color:#fff;font-size:12px;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.12);}
.oga-privacy-toggle[aria-pressed="true"]{background:#3d5afe;}
.oga-privacy-note{margin:6px 0 10px;font-size:12px;opacity:.72;}
.oga-secret-wrap{display:grid;gap:8px;justify-items:start;}
.oga-hm-word-hidden span{background:repeating-linear-gradient(135deg, rgba(255,255,255,.15) 0 4px, rgba(0,0,0,.08) 4px 8px);color:transparent;text-shadow:none;}
.oga-hm-word-hidden span.is-space{background:transparent;}
.oga-hm-own-word .oga-secret-wrap,.oga-hm-locked-word .oga-secret-wrap{justify-items:center;}


/* Find Wally */
.oga-wally { display:grid; gap:14px; }
.oga-wally-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap; }
.oga-wally-head h3 { margin:0 0 3px; font-size:1.25rem; }
.oga-wally-head p { margin:0; opacity:.75; }
.oga-wally-score { display:flex; gap:8px; flex-wrap:wrap; }
.oga-wally-score span, .oga-wally-tip, .oga-wally-legend span { background:#f6f7fb; border:1px solid #e5e7ef; border-radius:999px; padding:7px 10px; font-size:.9rem; }
.oga-wally-tip { margin:0; border-radius:14px; }
.oga-wally-scene { position:relative; display:block; width:100%; min-height:430px; border:0; border-radius:24px; overflow:hidden; cursor:crosshair; background:linear-gradient(#9fd9ff 0 38%, #f9d978 39% 50%, #80c783 51%); box-shadow:inset 0 0 0 1px rgba(0,0,0,.08), 0 16px 30px rgba(12,20,40,.12); }
.oga-wally-scene:disabled { cursor:not-allowed; opacity:.86; }
.oga-wally-scene.scene-market { background:linear-gradient(#cde7ff 0 30%, #f2b36c 31% 50%, #d9a15f 51%); }
.oga-wally-scene.scene-festival { background:linear-gradient(#c8b7ff 0 32%, #ffdf8a 33% 48%, #75c88b 49%); }
.oga-wally-sky, .oga-wally-ground { position:absolute; inset:auto; pointer-events:none; }
.oga-wally-sky:before { content:"☁️ ☁️ 🎪 ☁️"; position:absolute; left:5%; top:18px; font-size:28px; letter-spacing:28px; opacity:.9; }
.oga-wally-ground:before { content:""; position:absolute; left:0; right:0; bottom:0; height:38%; background:repeating-linear-gradient(45deg, rgba(255,255,255,.18) 0 14px, rgba(0,0,0,.04) 14px 28px); }
.oga-wally-decoy { position:absolute; z-index:2; font-size:28px; line-height:1; user-select:none; pointer-events:none; filter:drop-shadow(0 2px 2px rgba(0,0,0,.12)); }
.oga-wally-dot { position:absolute; z-index:4; width:18px; height:18px; margin:-9px 0 0 -9px; border-radius:50%; background:#64748b; border:3px solid #fff; box-shadow:0 2px 7px rgba(0,0,0,.28); pointer-events:none; }
.oga-wally-dot.mine { background:#2563eb; }
.oga-wally-dot.theirs { background:#9333ea; }
.oga-wally-dot.hit { background:#22c55e; width:28px; height:28px; margin:-14px 0 0 -14px; }
.oga-wally-dot.is-fresh { animation:ogaWallyPing .75s ease-out; }
.oga-wally-target-found { position:absolute; z-index:5; font-size:38px; margin:-19px 0 0 -19px; filter:drop-shadow(0 4px 7px rgba(0,0,0,.25)); animation:ogaWallyFound .9s ease-out; }
.oga-wally-legend { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.oga-wally-legend i { display:inline-block; width:12px; height:12px; border-radius:50%; margin-right:6px; vertical-align:-1px; background:#64748b; }
.oga-wally-legend i.mine { background:#2563eb; }
.oga-wally-legend i.theirs { background:#9333ea; }
.oga-wally-legend i.hit { background:#22c55e; }
@keyframes ogaWallyPing { 0% { transform:scale(.4); box-shadow:0 0 0 0 rgba(34,197,94,.55); } 100% { transform:scale(1); box-shadow:0 0 0 20px rgba(34,197,94,0); } }
@keyframes ogaWallyFound { 0% { transform:scale(.2) rotate(-20deg); opacity:0; } 70% { transform:scale(1.3) rotate(8deg); opacity:1; } 100% { transform:scale(1) rotate(0); } }
@media (max-width:700px) { .oga-wally-scene { min-height:330px; } .oga-wally-decoy { font-size:23px; } }

/* v0.5.1 Find Wally playability upgrade */
.oga-wally-scene { min-height:540px; background:linear-gradient(#9fd9ff 0 35%, #f9d978 36% 50%, #80c783 51%) !important; }
.oga-wally-person { position:absolute; z-index:2; width:22px; height:42px; margin:-21px 0 0 -11px; pointer-events:none; filter:drop-shadow(0 2px 2px rgba(0,0,0,.16)); }
.oga-wally-person:before { content:""; position:absolute; left:5px; top:0; width:12px; height:12px; border-radius:50%; background:#f2c09b; border:1px solid rgba(0,0,0,.16); }
.oga-wally-person i { position:absolute; left:3px; top:12px; width:16px; height:18px; border-radius:6px 6px 3px 3px; background:#64748b; }
.oga-wally-person b { position:absolute; left:4px; top:30px; width:5px; height:11px; background:#334155; box-shadow:9px 0 #334155; border-radius:3px; }
.oga-wally-person.p1 i { background:#f97316; } .oga-wally-person.p2 i { background:#22c55e; } .oga-wally-person.p3 i { background:#8b5cf6; } .oga-wally-person.p4 i { background:#06b6d4; } .oga-wally-person.p5 i { background:#eab308; } .oga-wally-person.p6 i { background:#ec4899; }
.oga-wally-balloon { position:absolute; z-index:3; width:18px; height:24px; margin:-12px 0 0 -9px; border-radius:50% 50% 45% 45%; background:#ef4444; box-shadow:12px 6px 0 #2563eb; pointer-events:none; }
.oga-wally-booth { position:absolute; z-index:1; top:34%; width:120px; height:72px; border-radius:14px 14px 6px 6px; background:repeating-linear-gradient(90deg,#ef4444 0 18px,#fff 18px 36px); box-shadow:0 8px 15px rgba(0,0,0,.12); opacity:.9; }
.oga-wally-booth.b1 { left:7%; }
.oga-wally-booth.b2 { right:9%; background:repeating-linear-gradient(90deg,#2563eb 0 18px,#fff 18px 36px); }
.oga-wally-banner { position:absolute; z-index:2; left:50%; top:8%; transform:translateX(-50%) rotate(-2deg); background:#fff; border:3px solid #111827; border-radius:999px; padding:8px 18px; font-weight:900; letter-spacing:.08em; color:#dc2626; box-shadow:0 6px 0 rgba(0,0,0,.14); }
.oga-wally-character { position:absolute; z-index:4; width:32px; height:54px; margin:-27px 0 0 -16px; pointer-events:none; filter:drop-shadow(0 4px 3px rgba(0,0,0,.22)); }
.oga-wally-character:before { content:""; position:absolute; left:7px; top:5px; width:18px; height:18px; border-radius:50%; background:#f2c09b; border:2px solid #111827; }
.oga-wally-character:after { content:""; position:absolute; left:3px; top:0; width:26px; height:12px; border-radius:12px 12px 4px 4px; background:repeating-linear-gradient(90deg,#dc2626 0 6px,#fff 6px 12px); border:2px solid #111827; }
.oga-wally-character i { position:absolute; left:5px; top:24px; width:22px; height:19px; border-radius:6px 6px 3px 3px; background:repeating-linear-gradient(90deg,#dc2626 0 6px,#fff 6px 12px); border:2px solid #111827; }
.oga-wally-character b { position:absolute; left:7px; top:41px; width:7px; height:13px; background:#2563eb; box-shadow:11px 0 #2563eb; border-radius:3px; }
.oga-wally-character em { position:absolute; left:8px; top:12px; width:16px; height:5px; border-top:2px solid #111827; border-bottom:2px solid #111827; border-radius:8px; }
.oga-wally-character.hint-pulse { animation:ogaWallyHint 1.5s ease-in-out infinite; }
.oga-wally-character.found { animation:ogaWallyFound .9s ease-out; }
@keyframes ogaWallyHint { 0%,100% { transform:scale(1); } 50% { transform:scale(1.18); } }
@media (max-width:700px) { .oga-wally-scene { min-height:390px; } .oga-wally-person { scale:.82; } .oga-wally-character { scale:.9; } }


/* v0.5.2 Find Wally illustrated scenes */
.oga-wally-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:24px}.oga-wally-scene2{position:relative;display:block;width:100%;min-width:900px;height:570px;border:0;border-radius:24px;overflow:hidden;cursor:crosshair;box-shadow:inset 0 0 0 1px rgba(15,23,42,.12),0 18px 36px rgba(12,20,40,.14);background:#a9dcff;isolation:isolate}.oga-wally-scene2:disabled{cursor:not-allowed;opacity:.92}.oga-wally-scene2:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(#a9dcff 0 31%,#f8df8d 31% 48%,#90cc8f 48%)}.oga-wally-scene2.scene-market:before{background:linear-gradient(#d8ecff 0 28%,#f4c27c 28% 48%,#d89c5b 48%)}.oga-wally-scene2.scene-festival:before{background:linear-gradient(#c9bbff 0 28%,#ffd775 28% 47%,#87ca78 47%)}.oga-wally-scene2.scene-museum:before{background:linear-gradient(#e8eef8 0 22%,#d8c3a5 22% 45%,#c09b72 45%)}.oga-wally-scene2.scene-station:before{background:linear-gradient(#bed7ef 0 24%,#d8d8d8 24% 48%,#aeb7c2 48%)}.oga-wally-horizon{position:absolute;z-index:1;left:0;right:0;top:47%;height:4px;background:rgba(255,255,255,.55);box-shadow:0 4px 0 rgba(0,0,0,.04)}.oga-wally-banner2{position:absolute;z-index:8;left:50%;top:5%;transform:translateX(-50%) rotate(-2deg);background:#fff;border:4px solid #111827;border-radius:999px;padding:9px 24px;font-weight:900;color:#dc2626;letter-spacing:.12em;box-shadow:0 8px 0 rgba(0,0,0,.14)}.oga-wally-prop{position:absolute;z-index:2;transform:translate(-50%,-50%);pointer-events:none;font-weight:900;color:#17324d;text-align:center}.oga-wally-prop.stall{width:132px;height:76px;border-radius:16px 16px 8px 8px;padding-top:50px;font-size:11px;color:#111827;background:repeating-linear-gradient(90deg,#ef4444 0 18px,#fff 18px 36px);box-shadow:0 8px 16px rgba(0,0,0,.16)}.oga-wally-prop.stall.blue{background:repeating-linear-gradient(90deg,#2563eb 0 18px,#fff 18px 36px)}.oga-wally-prop.stall.green{background:repeating-linear-gradient(90deg,#16a34a 0 18px,#fff 18px 36px)}.oga-wally-prop.icecream{width:105px;height:82px;border-radius:12px;background:#fff;border:3px solid #ef4444;padding-top:56px;font-size:10px;box-shadow:0 8px 16px rgba(0,0,0,.14)}.oga-wally-prop.icecream:before{content:"🍦";position:absolute;top:10px;left:0;right:0;font-size:34px}.oga-wally-prop.umbrella{width:112px;height:60px;border-radius:90px 90px 8px 8px;background:repeating-linear-gradient(90deg,#ef4444 0 18px,#fff 18px 36px);box-shadow:0 7px 14px rgba(0,0,0,.14)}.oga-wally-prop.umbrella:after{content:"";position:absolute;left:53px;top:55px;width:6px;height:70px;background:#6b4f2a}.oga-wally-prop.umbrella.blue{background:repeating-linear-gradient(90deg,#2563eb 0 18px,#fff 18px 36px)}.oga-wally-prop.towel{width:100px;height:48px;border-radius:8px;background:repeating-linear-gradient(90deg,#dc2626 0 12px,#fff 12px 24px);box-shadow:0 4px 10px rgba(0,0,0,.12)}.oga-wally-prop.picnic{width:92px;height:46px;background:repeating-linear-gradient(45deg,#ef4444 0 12px,#fff 12px 24px);border-radius:12px;transform:translate(-50%,-50%) rotate(-5deg)}.oga-wally-prop.stage{width:160px;height:95px;background:#7c3aed;color:#fff;border-radius:12px 12px 4px 4px;padding-top:56px;box-shadow:0 8px 16px rgba(0,0,0,.18)}.oga-wally-prop.stage:before{content:"♪ ♫ ♪";position:absolute;left:0;right:0;top:16px;font-size:28px}.oga-wally-prop.tent{width:128px;height:82px;clip-path:polygon(50% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#ef4444 0 18px,#fff 18px 36px)}.oga-wally-prop.tent.blue{background:repeating-linear-gradient(90deg,#2563eb 0 18px,#fff 18px 36px)}.oga-wally-prop.gallery{width:126px;height:72px;background:#f8fafc;border:5px solid #7c4a21;border-radius:8px;padding-top:26px;box-shadow:0 8px 16px rgba(0,0,0,.12)}.oga-wally-prop.train{width:210px;height:88px;background:#334155;color:#fff;border-radius:16px;padding-top:48px;box-shadow:0 8px 16px rgba(0,0,0,.18)}.oga-wally-prop.train:before{content:"";position:absolute;left:16px;right:16px;top:14px;height:24px;background:repeating-linear-gradient(90deg,#bfdbfe 0 30px,#1e293b 30px 38px);border-radius:6px}.oga-wally-prop.clock{width:78px;height:78px;border-radius:50%;background:#fff;border:5px solid #111827;padding-top:25px;box-shadow:0 6px 12px rgba(0,0,0,.15)}.oga-wally-prop.kiosk{width:112px;height:70px;background:#fde68a;border:4px solid #92400e;border-radius:12px;padding-top:44px;font-size:10px}.oga-wally-prop.queue{width:86px;height:26px;border-top:5px dotted rgba(15,23,42,.36);border-bottom:5px dotted rgba(15,23,42,.18)}.oga-wally-prop.dog:before{content:"🐕";font-size:34px}.oga-wally-prop.surfboards:before{content:"🏄 🏄";font-size:34px}.oga-wally-prop.statue:before{content:"🗿";font-size:46px}.oga-wally-prop.bench:before{content:"▰▰▰";font-size:34px;color:#7c4a21}.oga-wally-prop.signpost{background:#fff;border:3px solid #111827;border-radius:8px;padding:6px 10px;font-size:11px;box-shadow:0 4px 0 rgba(0,0,0,.12)}.oga-wally-prop.flagline{width:190px;height:50px;border-top:4px solid #334155}.oga-wally-prop.flagline:before{content:"";position:absolute;left:10px;right:10px;top:-2px;height:30px;background:repeating-linear-gradient(90deg,#ef4444 0 16px,#facc15 16px 32px,#22c55e 32px 48px,#3b82f6 48px 64px);clip-path:polygon(0 0,100% 0,100% 55%,94% 100%,88% 55%,82% 100%,76% 55%,70% 100%,64% 55%,58% 100%,52% 55%,46% 100%,40% 55%,34% 100%,28% 55%,22% 100%,16% 55%,10% 100%,4% 55%,0 100%)}.oga-wally-prop.balloon-cluster{width:44px;height:52px}.oga-wally-prop.balloon-cluster:before{content:"";position:absolute;left:4px;top:4px;width:22px;height:30px;border-radius:50%;background:#ef4444;box-shadow:22px 8px 0 #3b82f6,11px 18px 0 #facc15}.oga-wally-prop.luggage:before{content:"🧳 🧳";font-size:34px}.oga-wally-person2{position:absolute;z-index:5;width:26px;height:48px;margin:-24px 0 0 -13px;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}.oga-wally-person2:before{content:"";position:absolute;left:7px;top:0;width:13px;height:13px;border-radius:50%;background:#f1c59f;border:1px solid rgba(0,0,0,.18)}.oga-wally-person2 i{position:absolute;left:4px;top:13px;width:19px;height:20px;border-radius:7px 7px 4px 4px;background:#22c55e}.oga-wally-person2 b{position:absolute;left:5px;top:32px;width:6px;height:14px;background:#334155;box-shadow:11px 0 #334155;border-radius:3px}.oga-wally-person2 em{display:none}.oga-wally-person2.k1 i{background:#f97316}.oga-wally-person2.k2 i{background:#22c55e}.oga-wally-person2.k3 i{background:#8b5cf6}.oga-wally-person2.k4 i{background:#06b6d4}.oga-wally-person2.k5 i{background:#eab308}.oga-wally-person2.k6 i{background:#ec4899}.oga-wally-person2.stripe-red i{background:repeating-linear-gradient(90deg,#dc2626 0 5px,#fff 5px 10px);border:1px solid #777}.oga-wally-person2.bluelegs b{background:#2563eb;box-shadow:11px 0 #2563eb}.oga-wally-person2.redhat:after{content:"";position:absolute;left:3px;top:-4px;width:20px;height:9px;border-radius:10px 10px 4px 4px;background:#dc2626}.oga-wally-person2.wave em{display:block;position:absolute;right:-9px;top:15px;width:12px;height:4px;background:#f1c59f;transform:rotate(-35deg);border-radius:3px}.oga-wally-person2.sit{transform:scaleY(.82) rotate(-4deg)}.oga-wally-character2{position:absolute;z-index:7;width:34px;height:58px;margin:-29px 0 0 -17px;pointer-events:none;filter:drop-shadow(0 4px 3px rgba(0,0,0,.28))}.oga-wally-character2:before{content:"";position:absolute;left:8px;top:6px;width:18px;height:18px;border-radius:50%;background:#f1c59f;border:2px solid #111827}.oga-wally-character2:after{content:"";position:absolute;left:3px;top:0;width:28px;height:13px;border-radius:14px 14px 4px 4px;background:repeating-linear-gradient(90deg,#dc2626 0 6px,#fff 6px 12px);border:2px solid #111827}.oga-wally-character2 i{position:absolute;left:5px;top:25px;width:24px;height:20px;border-radius:6px 6px 3px 3px;background:repeating-linear-gradient(90deg,#dc2626 0 6px,#fff 6px 12px);border:2px solid #111827}.oga-wally-character2 b{position:absolute;left:7px;top:43px;width:7px;height:14px;background:#2563eb;box-shadow:12px 0 #2563eb;border-radius:3px}.oga-wally-character2 em{position:absolute;left:8px;top:13px;width:17px;height:5px;border-top:2px solid #111827;border-bottom:2px solid #111827;border-radius:8px}.oga-wally-character2 strong{position:absolute;left:1px;top:29px;width:32px;height:3px;background:#111827;transform:rotate(-12deg);border-radius:3px;opacity:.72}.oga-wally-character2.hint-pulse{animation:ogaWallyHint 1.5s ease-in-out infinite}.oga-wally-character2.found{animation:ogaWallyFound .9s ease-out}@media(max-width:700px){.oga-wally-scene2{width:980px;height:540px}.oga-wally-banner2{font-size:.85rem}.oga-wally-scroll{box-shadow:inset -18px 0 20px rgba(0,0,0,.08)}}

/* v0.5.3 image-based hard Find Wally */
.oga-wally-hard .oga-wally-head{align-items:flex-start;gap:16px}.oga-wally-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.oga-wally-tools .oga-wally-zoom{width:38px;height:38px;border-radius:999px;border:1px solid #d8dbe8;background:#fff;font-size:22px;font-weight:900;line-height:1;box-shadow:0 6px 16px rgba(0,0,0,.08);cursor:pointer}.oga-wally-tools .oga-wally-mode{padding:8px 12px;border-radius:999px;background:#fff3d6;color:#724d00;font-weight:700}.oga-wally-scroll.hard-image{width:100%;max-width:100%;overflow:auto;border-radius:22px;border:1px solid #d8dbe8;background:#0d1630;padding:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 18px 42px rgba(0,0,0,.16);-webkit-overflow-scrolling:touch}.oga-wally-scene-img{position:relative;display:block;min-width:1000px;max-width:none;border:0;padding:0;margin:0;background:#111;border-radius:16px;overflow:hidden;cursor:crosshair;box-shadow:0 0 0 1px rgba(255,255,255,.15)}.oga-wally-scene-img[disabled]{cursor:not-allowed;opacity:.88}.oga-wally-scene-img img{display:block;width:100%;height:auto;user-select:none;pointer-events:none}.oga-wally-scene-img .oga-wally-dot{position:absolute;z-index:4;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:3px solid #fff;background:#e04747;box-shadow:0 0 0 3px rgba(224,71,71,.55),0 4px 16px rgba(0,0,0,.35)}.oga-wally-scene-img .oga-wally-dot.theirs{background:#2f6df6;box-shadow:0 0 0 3px rgba(47,109,246,.5),0 4px 16px rgba(0,0,0,.35)}.oga-wally-scene-img .oga-wally-dot.hit{background:#20b26b;box-shadow:0 0 0 5px rgba(32,178,107,.35),0 0 0 12px rgba(32,178,107,.18)}.oga-wally-scene-img .oga-wally-dot.is-fresh{animation:ogaWallyPopOnce .75s ease-out 1}.oga-wally-found-ring{position:absolute;z-index:5;width:70px;height:70px;margin:-35px 0 0 -35px;border:5px solid #22c55e;border-radius:50%;box-shadow:0 0 0 8px rgba(34,197,94,.18),0 0 30px rgba(34,197,94,.65);animation:ogaFoundPulse 1.2s ease-in-out infinite}.oga-wally-scene-img.has-soft-hint:after{content:'';position:absolute;left:33%;top:44%;width:18%;height:16%;border-radius:50%;border:4px dashed rgba(255,255,255,.5);box-shadow:0 0 34px rgba(255,255,255,.5);animation:ogaHintBreathe 1.6s ease-in-out infinite;pointer-events:none}.oga-wally-legend{gap:10px;flex-wrap:wrap}.oga-wally-tip{max-width:980px}.oga-wally-score span{white-space:nowrap}@keyframes ogaWallyPopOnce{0%{transform:scale(.2);opacity:.1}60%{transform:scale(1.5);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes ogaFoundPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes ogaHintBreathe{0%,100%{opacity:.16;transform:scale(.96)}50%{opacity:.6;transform:scale(1.04)}}@media (max-width:700px){.oga-wally-scene-img{min-width:900px}.oga-wally-tools .oga-wally-mode{width:100%;text-align:center}.oga-wally-found-ring{width:54px;height:54px;margin:-27px 0 0 -27px}}

/* UNO */
.oga-uno { display:grid; gap:14px; }
.oga-uno-lobby, .oga-uno-table, .oga-uno-controls, .oga-uno-roster, .oga-uno-hand { background:#f8fafc; border:1px solid #e5e7eb; border-radius:18px; padding:14px; }
.oga-uno-lobby h3, .oga-uno-table h3 { margin:0 0 6px; }
.oga-uno-players, .oga-uno-roster { display:flex; flex-wrap:wrap; gap:8px; }
.oga-uno-players span, .oga-uno-player { background:#fff; border:1px solid #e5e7eb; border-radius:999px; padding:8px 11px; }
.oga-uno-player.is-active { outline:3px solid rgba(59,130,246,.22); }
.oga-uno-player span { margin-left:7px; opacity:.72; }
.oga-uno-table { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.oga-uno-top { min-width:126px; min-height:168px; border-radius:18px; display:grid; place-items:center; text-align:center; font-weight:900; color:#fff; box-shadow:0 12px 22px rgba(15,23,42,.15); border:6px solid rgba(255,255,255,.9); }
.oga-uno-top small { display:block; opacity:.75; font-weight:700; }
.oga-uno-current { margin-top:6px; }
.oga-uno-pill { display:inline-block; border-radius:999px; padding:4px 10px; color:#fff; text-transform:capitalize; }
.oga-uno-controls { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.oga-uno-color { max-width:130px; }
.oga-uno-hand { display:flex; gap:8px; overflow-x:auto; padding-bottom:18px; }
.oga-uno-card { flex:0 0 82px; height:122px; border:5px solid #fff; border-radius:16px; color:#fff; font-size:1.6rem; font-weight:900; box-shadow:0 10px 18px rgba(15,23,42,.14); cursor:pointer; }
.oga-uno-card:disabled { opacity:.45; cursor:not-allowed; filter:grayscale(.35); }
.oga-uno-card span { display:grid; place-items:center; width:100%; height:100%; border:2px solid rgba(255,255,255,.8); border-radius:999px; background:rgba(255,255,255,.18); }
.oga-uno-red { background:#dc2626; }
.oga-uno-yellow { background:#ca8a04; }
.oga-uno-green { background:#16a34a; }
.oga-uno-blue { background:#2563eb; }
.oga-uno-wild { background:conic-gradient(#dc2626 0 25%, #ca8a04 0 50%, #16a34a 0 75%, #2563eb 0); }
@media (max-width:700px) { .oga-uno-card { flex-basis:70px; height:104px; font-size:1.25rem; } }

/* UNO immersive refresh */
.oga-uno { position:relative; isolation:isolate; padding:16px; border-radius:26px; background:radial-gradient(circle at 20% 0%, rgba(250,204,21,.28), transparent 30%), radial-gradient(circle at 90% 15%, rgba(37,99,235,.20), transparent 34%), linear-gradient(135deg,#0f172a,#111827 55%,#1e1b4b); color:#f8fafc; box-shadow:0 24px 60px rgba(2,6,23,.28); overflow:hidden; }
.oga-uno:before { content:""; position:absolute; inset:auto -15% -35% -15%; height:45%; background:radial-gradient(ellipse at center, rgba(255,255,255,.14), transparent 65%); z-index:-1; }
.oga-uno-lobby, .oga-uno-table, .oga-uno-controls, .oga-uno-roster, .oga-uno-hand { background:rgba(15,23,42,.72); border:1px solid rgba(255,255,255,.14); box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 40px rgba(2,6,23,.2); backdrop-filter:blur(10px); }
.oga-uno-lobby h3, .oga-uno-table h3 { color:#fff; letter-spacing:.04em; font-size:2rem; text-shadow:0 3px 18px rgba(0,0,0,.3); }
.oga-uno-hero { display:grid; gap:8px; }
.oga-uno-flow { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.oga-uno-flow span, .oga-uno-stack { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:6px 10px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.14); color:#fff; font-weight:800; }
.oga-uno-stack { margin-left:8px; background:linear-gradient(135deg,#f97316,#ef4444); }
.oga-uno-player { color:#fff; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14); transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.oga-uno-player.is-active { background:rgba(34,197,94,.22); outline:3px solid rgba(34,197,94,.28); box-shadow:0 0 0 1px rgba(34,197,94,.25), 0 10px 24px rgba(34,197,94,.14); transform:translateY(-2px); }
.oga-uno-player.is-next { box-shadow:0 0 0 2px rgba(250,204,21,.55); }
.oga-uno-player span { color:rgba(255,255,255,.82); opacity:1; }
.oga-uno-current { color:rgba(255,255,255,.9); }
.oga-uno-top { transform:rotate(2deg); min-width:145px; min-height:195px; box-shadow:0 22px 45px rgba(0,0,0,.32); position:relative; overflow:hidden; }
.oga-uno-top:after, .oga-uno-card:after { content:""; position:absolute; inset:8px; border-radius:14px; border:2px solid rgba(255,255,255,.75); pointer-events:none; }
.oga-uno-controls { color:#fff; }
.oga-uno-colour-picker { display:flex; align-items:center; gap:8px; font-weight:800; }
.oga-uno-color { background:#fff; color:#0f172a; border-radius:999px; border:0; padding:8px 12px; min-width:130px; }
.oga-uno-hand { align-items:flex-end; min-height:162px; }
.oga-uno-card { position:relative; flex:0 0 92px; height:136px; border-radius:18px; transition:transform .16s ease, box-shadow .16s ease, filter .16s ease; box-shadow:0 18px 34px rgba(0,0,0,.30); }
.oga-uno-card:not(:disabled):hover { transform:translateY(-12px) rotate(-2deg); box-shadow:0 28px 44px rgba(0,0,0,.36); }
.oga-uno-card span { font-size:1.9rem; text-shadow:0 2px 12px rgba(0,0,0,.35); }
.oga-uno.is-busy .oga-uno-card { filter:saturate(.75) brightness(.86); }
.oga-uno .oga-game-message { color:#f8fafc; }
.oga-uno button:not(.oga-uno-card) { border-radius:999px; font-weight:900; }
@media (max-width:700px) { .oga-uno { padding:10px; border-radius:20px; } .oga-uno-flow { display:grid; } .oga-uno-card { flex-basis:74px; height:110px; } .oga-uno-top { min-width:112px; min-height:150px; } }

/* v0.6.3 lobby readability */
.oga-uno-lobby .oga-uno-players span{color:#111827;background:#fff;border-color:#d1d5db;}
.oga-uno-call{border:0;border-radius:999px;padding:.7rem 1rem;background:linear-gradient(135deg,#facc15,#f97316);color:#111827;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 20px rgba(249,115,22,.25);text-transform:uppercase}.oga-uno-call:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.oga-uno-player span{font-weight:700}
.oga-uno-kick {
  margin-left: 8px;
  padding: 5px 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  color: #b91c1c;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0,0,0,.16);
}
.oga-uno-kick:hover:not(:disabled) { transform: translateY(-1px); }
.oga-uno-kick:disabled { opacity: .55; cursor: not-allowed; }
.oga-uno-player .oga-uno-kick { justify-self: end; }

/* v0.6.6 Dots & Boxes */
.oga-dotsboxes{position:relative;display:grid;gap:16px;padding:18px;border-radius:26px;background:radial-gradient(circle at 10% 0%,rgba(59,130,246,.18),transparent 32%),radial-gradient(circle at 90% 12%,rgba(236,72,153,.16),transparent 28%),linear-gradient(135deg,#101827,#172033);color:#f8fafc;box-shadow:0 24px 60px rgba(2,6,23,.22);overflow:hidden}.oga-db-head{display:grid;gap:8px}.oga-db-head h3{margin:0;font-size:2rem;letter-spacing:.02em;color:#fff}.oga-db-scores{display:flex;gap:10px;flex-wrap:wrap}.oga-db-score{display:flex;gap:10px;align-items:center;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.oga-db-score.is-active{background:rgba(34,197,94,.24);box-shadow:0 0 0 3px rgba(34,197,94,.20)}.oga-db-score span{font-weight:900;color:#fde68a}.oga-db-grid{--gap:10px;display:grid;grid-template-columns:repeat(calc(var(--db-size) * 2 + 1),auto);grid-template-rows:repeat(calc(var(--db-size) * 2 + 1),auto);gap:var(--gap);align-items:center;justify-content:center;max-width:100%;overflow:auto;padding:18px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.oga-db-dot{width:15px;height:15px;border-radius:50%;background:#f8fafc;box-shadow:0 0 0 4px rgba(255,255,255,.08),0 4px 16px rgba(0,0,0,.22)}.oga-db-line{border:0;border-radius:999px;background:rgba(255,255,255,.16);cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.oga-db-h{width:58px;height:12px}.oga-db-v{width:12px;height:58px}.oga-db-line:not(:disabled):hover{background:#facc15;transform:scale(1.08);box-shadow:0 0 0 5px rgba(250,204,21,.18)}.oga-db-line:disabled{cursor:not-allowed}.oga-db-line.p1{background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 0 20px rgba(37,99,235,.32)}.oga-db-line.p2{background:linear-gradient(135deg,#fb7185,#dc2626);box-shadow:0 0 20px rgba(220,38,38,.30)}.oga-db-line.is-last{outline:3px solid rgba(250,204,21,.7);outline-offset:3px}.oga-db-box{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:rgba(255,255,255,.35);font-weight:1000;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}.oga-db-box.p1{background:linear-gradient(135deg,rgba(56,189,248,.52),rgba(37,99,235,.56));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.24)}.oga-db-box.p2{background:linear-gradient(135deg,rgba(251,113,133,.54),rgba(220,38,38,.58));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}.oga-db-tip{margin:0;color:rgba(248,250,252,.82);font-weight:700}.oga-dotsboxes .oga-game-message{color:#f8fafc}@media(max-width:700px){.oga-db-grid{--gap:6px;padding:12px;justify-content:start}.oga-db-h{width:42px}.oga-db-v{height:42px}.oga-db-box{width:42px;height:42px;border-radius:12px}.oga-db-dot{width:12px;height:12px}.oga-db-head h3{font-size:1.55rem}}

/* Snakes & Ladders */
.oga-snakesladders{--sl-green:#4ade80;--sl-dark:#143824;--sl-gold:#facc15;--sl-rose:#fb7185;--sl-blue:#60a5fa;background:radial-gradient(circle at 20% 0%,rgba(250,204,21,.25),transparent 28%),linear-gradient(135deg,#102f1f,#164e35 55%,#0f172a);border-radius:28px;padding:clamp(14px,3vw,26px);color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden;position:relative}.oga-snakesladders:before{content:"";position:absolute;inset:-40%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 2px,transparent 2px 18px);animation:oga-sl-shimmer 16s linear infinite;pointer-events:none}.oga-sl-top,.oga-sl-scores,.oga-sl-board-wrap,.oga-sl-rules{position:relative;z-index:1}.oga-sl-top{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.oga-sl-top h3{margin:.1rem 0 .35rem;font-size:clamp(1.35rem,4vw,2.1rem);letter-spacing:.02em}.oga-sl-top .oga-game-message{margin:0;color:#dcfce7}.oga-sl-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.oga-sl-die{width:62px;height:62px;border-radius:18px;background:#fff;color:#111827;display:grid;place-items:center;font-size:2rem;font-weight:900;box-shadow:0 10px 0 #d1d5db,0 18px 30px rgba(0,0,0,.25);transform:rotate(-4deg)}.oga-sl-die.is-idle{color:#94a3b8}.oga-sl-roll{border:0;border-radius:999px;padding:14px 22px;font-weight:900;background:linear-gradient(135deg,#fde047,#fb923c);color:#422006;box-shadow:0 10px 24px rgba(251,146,60,.32);cursor:pointer}.oga-sl-roll:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}.oga-sl-event{display:inline-flex;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.14);text-transform:capitalize;font-weight:800}.oga-sl-event.is-snake{background:rgba(251,113,133,.22)}.oga-sl-event.is-ladder{background:rgba(74,222,128,.22)}.oga-sl-event.is-bounce,.oga-sl-event.is-triple_six{background:rgba(96,165,250,.22)}.oga-sl-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}.oga-sl-score{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:18px;padding:12px;display:grid;gap:3px;backdrop-filter:blur(8px)}.oga-sl-score strong{font-size:1rem}.oga-sl-score span{font-weight:800}.oga-sl-score small{color:#bbf7d0}.oga-sl-board-wrap{display:grid;grid-template-columns:minmax(280px,680px) minmax(140px,1fr);gap:14px;align-items:start}.oga-sl-board{aspect-ratio:1/1;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:4px;padding:8px;border-radius:22px;background:rgba(15,23,42,.5);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),0 20px 45px rgba(0,0,0,.25)}.oga-sl-cell{position:relative;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(220,252,231,.92));color:#0f172a;min-width:0;overflow:hidden;box-shadow:inset 0 -2px 0 rgba(15,23,42,.12)}.oga-sl-cell:nth-child(odd){background:linear-gradient(135deg,rgba(254,249,195,.96),rgba(240,253,244,.93))}.oga-sl-cell.has-snake{box-shadow:inset 0 0 0 3px rgba(244,63,94,.42)}.oga-sl-cell.has-ladder{box-shadow:inset 0 0 0 3px rgba(34,197,94,.42)}.oga-sl-cell.is-last{animation:oga-sl-pop .7s ease both}.oga-sl-num{position:absolute;top:5px;left:7px;font-size:.72rem;font-weight:900;opacity:.78}.oga-sl-mark{position:absolute;right:5px;top:3px;font-size:clamp(.9rem,2.1vw,1.25rem);filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}.oga-sl-tokens{position:absolute;left:5px;right:5px;bottom:5px;display:flex;gap:3px;align-items:center;justify-content:center}.oga-sl-token{width:clamp(18px,4vw,28px);height:clamp(18px,4vw,28px);border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;border:2px solid rgba(255,255,255,.85);box-shadow:0 5px 10px rgba(0,0,0,.28)}.oga-sl-p1{background:linear-gradient(135deg,#ef4444,#be123c)}.oga-sl-p2{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.oga-sl-token.is-me{outline:3px solid #fef08a}.oga-sl-legend{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);border-radius:20px;padding:12px;display:flex;gap:8px;align-content:flex-start;flex-wrap:wrap;max-height:680px;overflow:auto}.oga-sl-jump{border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:900;background:rgba(255,255,255,.12)}.oga-sl-ladder-line{color:#bbf7d0}.oga-sl-snake-line{color:#fecdd3}.oga-sl-rules{margin:14px 0 0;color:#dcfce7;font-weight:700}.oga-match-head strong{text-transform:capitalize}@keyframes oga-sl-pop{0%{transform:scale(.82)}55%{transform:scale(1.09)}100%{transform:scale(1)}}@keyframes oga-sl-shimmer{to{transform:translate3d(120px,120px,0)}}@media (max-width:760px){.oga-sl-board-wrap{grid-template-columns:1fr}.oga-sl-legend{max-height:160px}.oga-sl-board{gap:2px;padding:5px}.oga-sl-cell{border-radius:8px}.oga-sl-num{font-size:.58rem;top:3px;left:4px}.oga-sl-mark{font-size:.78rem}.oga-sl-die{width:54px;height:54px}}


/* v0.7.1 Snakes & Ladders board-integrated routes */
.oga-sl-board-wrap{grid-template-columns:minmax(280px,720px);justify-content:center}.oga-sl-board-shell{position:relative;width:min(100%,720px);aspect-ratio:1/1}.oga-sl-board{position:absolute;inset:0;z-index:2;background:rgba(15,23,42,.62)}.oga-sl-routes{position:absolute;inset:8px;z-index:3;pointer-events:none;overflow:visible}.oga-sl-link{filter:drop-shadow(0 2px 2px rgba(15,23,42,.3));opacity:.9}.oga-sl-link-ladder line{stroke:#92400e;stroke-width:.75;stroke-linecap:round}.oga-sl-link-ladder .rail-two{stroke:#f59e0b}.oga-sl-link-ladder .rung{stroke:#fde68a;stroke-width:.55}.oga-sl-link-snake path{fill:none;stroke:#16a34a;stroke-width:1.35;stroke-linecap:round;stroke-dasharray:1.2 1.1;animation:oga-sl-slither 2.6s linear infinite}.oga-sl-link-snake .snake-head{fill:#ef4444;stroke:#fff;stroke-width:.35}.oga-sl-link-snake .snake-tail{fill:#bbf7d0}.oga-sl-cell{z-index:1}.oga-sl-cell.has-snake,.oga-sl-cell.has-ladder{z-index:4}.oga-sl-cell.is-last{z-index:5;box-shadow:inset 0 0 0 3px rgba(250,204,21,.72),0 0 24px rgba(250,204,21,.7);animation:oga-sl-pop .7s ease both,oga-sl-glow 1.2s ease-in-out 2}.oga-sl-dest{position:absolute;right:4px;bottom:34px;border-radius:999px;padding:2px 5px;font-size:clamp(.48rem,1.4vw,.68rem);font-weight:900;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.24)}.oga-sl-dest-ladder{background:#15803d}.oga-sl-dest-snake{background:#be123c}.oga-sl-mark{z-index:2}.oga-sl-tokens{z-index:6}.oga-sl-die.is-rolling{animation:oga-sl-dice-wiggle .8s cubic-bezier(.2,.8,.2,1)}.oga-sl-legend{display:none!important}@keyframes oga-sl-slither{to{stroke-dashoffset:-8}}@keyframes oga-sl-glow{50%{filter:brightness(1.2) saturate(1.15)}}@keyframes oga-sl-dice-wiggle{0%{transform:rotate(-10deg) scale(.92)}30%{transform:rotate(12deg) scale(1.08)}55%{transform:rotate(-7deg) scale(1.02)}100%{transform:rotate(-4deg) scale(1)}}@media (max-width:760px){.oga-sl-board-wrap{grid-template-columns:1fr}.oga-sl-board-shell{width:100%}.oga-sl-routes{inset:5px}.oga-sl-dest{bottom:25px;padding:1px 4px}}

/* v0.7.1 Snakes & Ladders static snakes and host lobby */
.oga-sl-lobby{position:relative;z-index:1;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);border-radius:24px;padding:clamp(16px,3vw,28px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.oga-sl-lobby h3{margin:.1rem 0 .4rem;font-size:clamp(1.35rem,4vw,2.1rem)}
.oga-sl-lobby-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:16px 0}
.oga-sl-lobby-players span{border:1px solid rgba(255,255,255,.14);background:rgba(15,23,42,.32);border-radius:16px;padding:10px 12px;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:8px}
.oga-sl-start,.oga-sl-kick{border:0;border-radius:999px;font-weight:900;cursor:pointer}.oga-sl-start{padding:13px 20px;background:linear-gradient(135deg,#86efac,#22c55e);color:#052e16;box-shadow:0 10px 24px rgba(34,197,94,.24)}.oga-sl-start:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}.oga-sl-kick{padding:6px 10px;background:#fecdd3;color:#881337}.oga-sl-kick:hover{filter:brightness(1.05)}
.oga-sl-link-snake .snake-body-shadow{fill:none;stroke:rgba(15,23,42,.45);stroke-width:2.4;stroke-linecap:round}
.oga-sl-link-snake .snake-body{fill:none;stroke:#15803d;stroke-width:1.9;stroke-linecap:round;stroke-dasharray:none;animation:none!important}
.oga-sl-link-snake .snake-belly{fill:none;stroke:#86efac;stroke-width:.65;stroke-linecap:round;stroke-dasharray:1.1 2.2;animation:none!important;opacity:.9}
.oga-sl-link-snake .snake-head{fill:#22c55e;stroke:#14532d;stroke-width:.35}
.oga-sl-link-snake .snake-eye{fill:#052e16}
.oga-sl-link-snake .snake-tongue{fill:none;stroke:#ef4444;stroke-width:.28;stroke-linecap:round}
.oga-sl-link-snake .snake-tail{fill:#86efac;stroke:#14532d;stroke-width:.25}
.oga-sl-link-snake .snake-spot{fill:#bbf7d0;stroke:#14532d;stroke-width:.12;opacity:.95}
.oga-sl-link-snake path{stroke-dasharray:none;animation:none!important}
.oga-sl-p3{background:linear-gradient(135deg,#a855f7,#6d28d9)}.oga-sl-p4{background:linear-gradient(135deg,#f97316,#c2410c)}

/* v0.7.2 board polish, 10x10 Dots & Boxes, active kick controls */
.oga-sl-board-wrap{margin-bottom:14px}.oga-sl-scores{margin:14px 0 0}.oga-sl-score{align-content:start}.oga-sl-score .oga-sl-kick{justify-self:start;margin-top:6px}.oga-sl-link-ladder .rail-one,.oga-sl-link-ladder .rail-two{stroke-width:.82}.oga-sl-link-ladder .rung{stroke-width:.64;stroke-linecap:round}.oga-sl-link-snake .snake-body-shadow{stroke-width:2.7}.oga-sl-link-snake .snake-body{stroke-width:2.1}.oga-sl-link-snake .snake-head{filter:drop-shadow(0 .4px .3px rgba(0,0,0,.35))}.oga-invite-box strong{display:block;margin-bottom:6px}.oga-db-grid{--gap:3px;max-width:min(96vw,780px);overflow:auto}.oga-db-h{width:clamp(24px,4.2vw,42px);height:10px}.oga-db-v{width:10px;height:clamp(24px,4.2vw,42px)}.oga-db-box{width:clamp(24px,4.2vw,42px);height:clamp(24px,4.2vw,42px);border-radius:10px;font-size:.78rem}.oga-db-dot{width:10px;height:10px}@media(max-width:700px){.oga-db-grid{--gap:2px;padding:10px}.oga-db-h{width:26px;height:8px}.oga-db-v{width:8px;height:26px}.oga-db-box{width:26px;height:26px;border-radius:7px;font-size:.65rem}.oga-db-dot{width:8px;height:8px}.oga-sl-scores{grid-template-columns:1fr 1fr}}

/* v0.7.3 Snakes & Ladders double dice */
.oga-sl-dice-pair{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.oga-sl-dice-pair .oga-sl-die{width:52px;height:52px;font-size:1.55rem;margin:0}
.oga-sl-dice-pair .oga-sl-total{border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-weight:900;color:#fef9c3}
.oga-sl-dice-pair.is-rolling .oga-sl-die{animation:oga-sl-dice-wiggle .8s cubic-bezier(.2,.8,.2,1)}
@media(max-width:760px){.oga-sl-dice-pair .oga-sl-die{width:46px;height:46px;font-size:1.35rem}.oga-sl-dice-pair{gap:5px}}

/* Mute/unmute toggle button in match header */
.oga-mute-btn{background:none;border:1px solid #e2e8f0;border-radius:999px;padding:.3rem .55rem;font-size:1rem;cursor:pointer;line-height:1;transition:background .15s,transform .15s;margin-left:auto;flex-shrink:0}
.oga-mute-btn:hover{background:#f1f5f9;transform:scale(1.1)}