/* Independent bubbles: blur their backdrops, never the text or the whole page. */
.family-games, .game-invite-banner, .game-topbar-navigation {
  --game-glass: linear-gradient(140deg,rgba(255,255,255,.47),rgba(244,203,219,.17));
  --game-border: rgba(168,91,123,.23);
  --game-shadow: inset 0 1px 1px rgba(255,255,255,.64),0 7px 22px rgba(72,28,45,.08);
  --game-success: #14723f;
  --game-miss: #b9233e;
  color: var(--text);
}
html[data-theme="dark"] .family-games, html[data-theme="dark"] .game-invite-banner, html[data-theme="dark"] .game-topbar-navigation {
  --game-glass: linear-gradient(140deg,rgba(98,65,81,.32),rgba(58,29,43,.18));
  --game-border: rgba(235,173,201,.21);
  --game-shadow: inset 0 1px 1px rgba(255,255,255,.09),0 7px 22px rgba(0,0,0,.14);
  --game-success: #71e1a3;
  --game-miss: #ff626b;
}
.family-games { display:flex; flex-direction:column; gap:12px; min-width:0; max-width:860px; margin:0 auto; width:100%; padding:0 2px 20px; }
.game-bubble { background:var(--game-glass); border:1px solid var(--game-border); box-shadow:var(--game-shadow); border-radius:26px; backdrop-filter:blur(18px) saturate(150%); -webkit-backdrop-filter:blur(18px) saturate(150%); }
.family-games button { color:var(--text); font:inherit; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
.family-games button:hover:not(:disabled) { border-color:var(--brand); background-color:var(--brand-soft); }
.family-games button:disabled { cursor:default; opacity:.45; }
.family-games button:focus-visible { outline:2px solid var(--brand); outline-offset:2px; }
.family-games svg, .game-invite-banner svg, .tab.game-header-tab svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.tab.game-header-tab { display:grid; place-items:center; width:48px; padding:0; }
.game-header-icon { position:relative; display:grid; place-items:center; width:24px; height:24px; }
.game-header-badge { position:absolute; top:-9px; right:-10px; min-width:17px; height:17px; padding:0 4px; border:2px solid var(--panel); font-size:9px; }
.topbar-inner.game-selected-header > .desktop-header-add-button,
.topbar-inner.game-selected-header > .mobile-header-actions,
.topbar-inner.game-selected-header > .family-tree-header-count { display:none !important; }
.game-topbar-navigation { display:flex; align-items:center; flex:0 1 auto; gap:8px; min-width:0; max-width:100%; }
.game-topbar-back { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; padding:0; color:var(--text); border-radius:50%; touch-action:manipulation; }
.game-topbar-back span { display:contents; }
.game-topbar-back svg { display:block; width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.game-topbar-back:hover:not(:disabled) { background-color:var(--brand-soft); }
.game-topbar-back:focus-visible { outline:2px solid var(--brand); outline-offset:2px; }
.game-topbar-title { display:flex; align-items:center; min-width:0; height:48px; padding:0 18px; margin:0; font:750 16px/1.1 system-ui; white-space:nowrap; }
@media(max-width:699px) {
  .game-topbar-navigation { flex:1 1 auto; }
  .game-topbar-back { flex-basis:44px; width:44px; height:44px; }
  .game-topbar-title { height:44px; font-size:16px; }
}
@media(min-width:700px) and (max-width:900px) {
  .game-selected-header .tabs { gap:6px; }
  .game-selected-header .tab:not(.game-header-tab) { padding-inline:12px; }
  .game-topbar-title { padding-inline:14px; }
}
.game-heading { display:flex; align-items:center; gap:10px; }
.game-heading h1 { font-family:inherit; font-size:20px; font-weight:750; line-height:1.2; margin:0; padding:12px 20px; }
.family-games .game-button { min-height:44px; padding:10px 16px; display:inline-flex; justify-content:center; align-items:center; gap:8px; font-size:14px; font-weight:650; width:fit-content; max-width:100%; }
.family-games .game-round { width:44px; height:44px; min-width:44px; padding:0; border-radius:50%; }
.family-games .game-primary { color:var(--brand-ink); background-color:var(--brand-soft); border-color:var(--brand-border); }
.game-card { display:flex; align-items:center; padding:20px; gap:16px; text-align:left; width:100%; }
.game-card strong { display:block; font-size:21px; }
.game-card small { display:block; color:var(--muted); margin-top:5px; }
.game-card > span:last-child { margin-left:auto; font-size:26px; }
.game-card-icon, .game-stage-icon { display:grid; place-items:center; color:var(--brand-ink); }
.game-card-icon svg, .game-stage-icon svg { width:48px; height:48px; }
.game-card-icon .alphabet-game-icon rect { fill:var(--brand-soft); stroke:currentColor; stroke-width:1.4; }
.game-card-icon .alphabet-game-icon text { fill:currentColor; stroke:none; font:750 6px/1 system-ui; text-anchor:middle; }
.tama-card-icon { width:48px; height:48px; }
.game-card-icon .tamagotchi-game-icon { fill:var(--brand-soft); stroke:currentColor; stroke-width:1.35; }
.game-card-icon .tamagotchi-game-icon path:nth-child(n+2) { fill:none; stroke-width:1.5; }
.game-card-tail { display:flex; align-items:center; gap:10px; }
.game-card-tail i { font-style:normal; }
.game-care-badge { display:inline-grid; place-items:center; min-width:24px; height:24px; padding:0 7px; border-radius:99px; background:var(--danger); color:#fff; font-size:12px; font-style:normal; line-height:1; }
.game-care-badge[hidden] { display:none; }

/* Tamagotchi */
.tamagotchi { max-width:720px; }
.tama-loading { min-height:52vh; display:grid; place-items:center; color:var(--muted); font-weight:650; }
.tama-entry { display:grid; grid-template-columns:96px minmax(0,1fr); align-items:center; gap:20px; padding:22px; }
.tama-mini-pet { display:grid; place-items:center; width:96px; height:96px; overflow:hidden; border-radius:32px; background:linear-gradient(145deg,#fff3c8,#ffd8e6); box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(99,50,67,.10); }
.tama-mini-sprite { display:block; width:92px; height:92px; background-position:0 0; background-repeat:no-repeat; background-size:2400% 900%; }
html[data-theme="dark"] .tama-mini-pet { background:linear-gradient(145deg,#4c3d34,#583747); }
.tama-entry p,.tama-entry h2 { margin:0; }
.tama-entry p,.tama-entry small { color:var(--muted); }
.tama-entry h2 { margin-block:4px; font-size:28px; }
.tama-entry-alert,.tama-entry-ok { margin:0; padding:10px 16px; border-radius:18px; text-align:center; font-weight:700; }
.tama-entry-alert { color:var(--danger); background:color-mix(in srgb,var(--danger) 10%,transparent); }
.tama-entry-ok { color:var(--game-success); }
.tama-entry-actions { display:grid; gap:9px; }
.family-games .tama-entry-actions .game-button { width:100%; min-height:52px; }
.tama-select-head { display:grid; justify-items:center; gap:5px; text-align:center; padding:5px 18px 8px; }
.tama-select-head h2,.tama-select-head p { margin:0; }
.tama-select-head p { max-width:490px; color:var(--muted); font-size:14px; line-height:1.45; }
.tama-egg { font-size:54px; animation:tama-float 2.2s ease-in-out infinite; }
.tama-create-form { display:grid; gap:12px; }
.tama-kind-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.family-games .tama-kind { display:grid; grid-template-columns:54px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; gap:2px 9px; min-height:92px; padding:12px; text-align:left; }
.tama-kind-art { grid-row:1/3; display:grid; place-items:center; width:58px; height:64px; overflow:hidden; }
.tama-kind-art i { display:block; width:72px; height:72px; background-position:0 0; background-repeat:no-repeat; background-size:2400% 900%; }
.kind-cat .tama-mini-sprite,.kind-cat .tama-kind-art i,.kind-cat .tama-sprite { background-image:url('/assets/tamagotchi/v144/cat-sprites-24f.webp'); }
.kind-dog .tama-mini-sprite,.kind-dog .tama-kind-art i,.kind-dog .tama-sprite { background-image:url('/assets/tamagotchi/v144/dog-sprites-24f.webp'); }
.kind-fish .tama-mini-sprite,.kind-fish .tama-kind-art i,.kind-fish .tama-sprite { background-image:url('/assets/tamagotchi/v144/fish-sprites-24f.webp'); }
.tama-kind strong { font-size:16px; }
.tama-kind small { color:var(--muted); font-size:11px; }
.tama-kind.selected { border-color:var(--brand); background:var(--brand-soft); box-shadow:inset 0 0 0 1px var(--brand),var(--game-shadow); }
.tama-name { display:grid; gap:7px; padding:13px 16px; }
.tama-name span { color:var(--muted); font-size:12px; font-weight:650; }
.tama-name input { width:100%; padding:0; border:0; outline:0; background:transparent; color:var(--text); font:750 20px/1.4 system-ui; }
.tama-name input::placeholder { color:var(--muted); font-weight:500; opacity:.65; }
.family-games .tama-create { width:100%; min-height:54px; font-size:17px; }
.family-games .tama-cancel { width:100%; margin:0 auto; color:var(--muted); background:transparent; border:0; box-shadow:none; }
.tama-confirm { display:grid; justify-items:center; gap:12px; padding:30px 22px; text-align:center; }
.tama-confirm > span { font-size:58px; }
.tama-confirm h2,.tama-confirm p { margin:0; }
.tama-confirm p { max-width:470px; color:var(--muted); line-height:1.5; }
.tama-confirm > div { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:5px; }
.tama-room { overflow:hidden; padding:0; }
.tama-room-top { position:relative; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px; padding:12px 16px; color:var(--muted); font-size:11px; }
.tama-room-top strong { color:var(--text); font-size:18px; text-align:center; }
.tama-room-top span:last-child { text-align:right; }
.tama-environment { display:grid; grid-template-columns:1fr 1fr 1fr auto; align-items:center; gap:5px; padding:0 12px 9px; color:var(--muted); font-size:10px; text-align:center; }
.tama-environment span { padding:5px 7px; border-radius:12px; background:rgba(128,128,128,.07); }
.tama-environment small { display:block; margin-top:1px; font-size:7px; opacity:.72; }
.family-games .tama-environment button { display:grid; place-items:center; width:29px; height:29px; min-height:0; padding:0; border:0; border-radius:50%; background:rgba(128,128,128,.08); font-size:15px; }
.tama-scene { position:relative; height:260px; overflow:hidden; background:linear-gradient(#c9edff 0 64%,#c8e9ad 64% 100%); }
html[data-theme="dark"] .tama-scene { background:linear-gradient(#293d51 0 64%,#33472f 64% 100%); }
.season-spring .tama-scene { background:linear-gradient(#c9edff 0 64%,#bde8a5 64% 100%); }
.season-summer .tama-scene { background:linear-gradient(#8edcff 0 64%,#91d66d 64% 100%); }
.season-autumn .tama-scene { background:linear-gradient(#c7def0 0 64%,#d7b56e 64% 100%); }
.season-winter .tama-scene { background:linear-gradient(#c4d9e8 0 64%,#eef5fa 64% 100%); }
.phase-morning .tama-scene { background:linear-gradient(#ffd2b1 0,#bce8f5 64%,#b9df9e 64% 100%); }
.phase-evening .tama-scene { background:linear-gradient(#e19cad 0,#8ca6d4 64%,#73895f 64% 100%); }
.phase-night .tama-scene { background:linear-gradient(#101c3d 0,#283e69 64%,#283c2c 64% 100%); }
.weather-rain .tama-scene,.weather-storm .tama-scene { background:linear-gradient(#71879c 0,#92a5b4 64%,#728262 64% 100%); }
.weather-fog .tama-scene { filter:saturate(.7); }
.weather-storm .tama-scene { background:linear-gradient(#3b465b 0,#637384 64%,#596850 64% 100%); }
.tama-scene::after { content:""; position:absolute; left:0; right:0; top:64%; height:4px; background:rgba(255,255,255,.35); }
.tama-sun { position:absolute; top:18px; right:30px; font-size:38px; filter:drop-shadow(0 0 12px #ffdb57); }
.phase-night .tama-sun { filter:drop-shadow(0 0 13px rgba(231,237,255,.75)); }
.tama-cloud { position:absolute; z-index:1; top:20px; font-size:49px; opacity:.9; filter:drop-shadow(0 5px 5px rgba(40,53,69,.15)); animation:tama-cloud 18s linear infinite alternate; }
.cloud-one { left:8%; }.cloud-two { top:68px; left:68%; font-size:39px; animation-duration:23s; animation-direction:alternate-reverse; }
.tama-weather-particles { position:absolute; z-index:4; inset:0; pointer-events:none; }
.tama-rain i { position:absolute; top:-18px; width:2px; height:18px; border-radius:2px; background:rgba(214,239,255,.85); transform:rotate(12deg); animation:tama-rain .85s linear infinite; }
.tama-rain i:nth-child(3n+1) { animation-duration:.7s; }.tama-rain i:nth-child(3n+2) { animation-duration:1s; }
.tama-rain i:nth-child(1),.tama-snow i:nth-child(1) { left:4%; }.tama-rain i:nth-child(2),.tama-snow i:nth-child(2) { left:10%; animation-delay:.3s; }.tama-rain i:nth-child(3),.tama-snow i:nth-child(3) { left:17%; animation-delay:.6s; }.tama-rain i:nth-child(4),.tama-snow i:nth-child(4) { left:24%; animation-delay:.15s; }.tama-rain i:nth-child(5),.tama-snow i:nth-child(5) { left:31%; animation-delay:.75s; }.tama-rain i:nth-child(6),.tama-snow i:nth-child(6) { left:38%; animation-delay:.4s; }.tama-rain i:nth-child(7),.tama-snow i:nth-child(7) { left:45%; animation-delay:.05s; }.tama-rain i:nth-child(8),.tama-snow i:nth-child(8) { left:52%; animation-delay:.55s; }.tama-rain i:nth-child(9),.tama-snow i:nth-child(9) { left:59%; animation-delay:.2s; }.tama-rain i:nth-child(10),.tama-snow i:nth-child(10) { left:66%; animation-delay:.7s; }.tama-rain i:nth-child(11),.tama-snow i:nth-child(11) { left:73%; animation-delay:.35s; }.tama-rain i:nth-child(12),.tama-snow i:nth-child(12) { left:80%; animation-delay:.85s; }.tama-rain i:nth-child(13),.tama-snow i:nth-child(13) { left:87%; animation-delay:.45s; }.tama-rain i:nth-child(14),.tama-snow i:nth-child(14) { left:94%; animation-delay:.1s; }.tama-rain i:nth-child(15) { left:14%; animation-delay:.8s; }.tama-rain i:nth-child(16) { left:42%; animation-delay:.25s; }.tama-rain i:nth-child(17) { left:69%; animation-delay:.5s; }.tama-rain i:nth-child(18) { left:91%; animation-delay:.65s; }
.tama-snow i { position:absolute; top:-25px; color:#fff; font:14px/1 system-ui; text-shadow:0 1px 4px #89a; animation:tama-snow 4.5s linear infinite; }
.tama-snow i:nth-child(3n+1) { animation-duration:5.5s; }.tama-snow i:nth-child(3n+2) { animation-duration:3.8s; }
.tama-lightning { position:absolute; z-index:5; top:32px; left:55%; font-size:50px; opacity:0; animation:tama-lightning 5s steps(1) infinite; }
.tama-fog { position:absolute; z-index:4; left:-10%; width:120%; height:25px; border-radius:50%; background:rgba(245,250,252,.42); filter:blur(8px); animation:tama-fog 7s ease-in-out infinite alternate; }
.fog-one { top:52px; }.fog-two { top:105px; animation-delay:-2s; }.fog-three { top:153px; animation-delay:-4s; }
.tama-season-ground { position:absolute; z-index:2; left:0; right:0; bottom:9px; padding:0 20px; font-size:20px; word-spacing:80px; }
.tama-snow-ground { bottom:0; height:42px; border-radius:55% 50% 0 0; background:rgba(255,255,255,.74); }
.tama-season-particles { position:absolute; z-index:3; inset:0; pointer-events:none; }
.tama-leaves i { position:absolute; top:-28px; font-style:normal; font-size:18px; animation:tama-leaf 7s linear infinite; }.tama-leaves i:nth-child(1) { left:12%; }.tama-leaves i:nth-child(2) { left:75%; animation-delay:-3s; }.tama-leaves i:nth-child(3) { left:44%; animation-delay:-5s; }
.family-games .tama-pet { position:absolute; z-index:4; left:50%; bottom:25px; display:block; width:208px; height:208px; min-height:0; padding:0; border:0; background:transparent; color:inherit; transform:translateX(-50%); animation:tama-breathe 2.15s ease-in-out infinite; filter:drop-shadow(0 10px 6px rgba(44,35,29,.16)); cursor:pointer; -webkit-tap-highlight-color:transparent; }
.family-games .tama-pet:hover:not(:disabled),.family-games .tama-pet:active,.family-games .tama-pet:focus { border-color:transparent; outline:0; background:transparent; box-shadow:none; }
.family-games .tama-pet:disabled { opacity:1; cursor:default; }
.tama-pet-body { display:block; width:208px; height:208px; overflow:hidden; background:none !important; transform-origin:50% 72%; }
.mood-sad .tama-sprite { --sprite-row:25%; animation-duration:2.4s; }
.need-feed .tama-sprite { --sprite-row:37.5%; animation-duration:2s; }
.action-feed .tama-sprite { --sprite-row:50%; animation-duration:2.4s; }
.action-play .tama-sprite { --sprite-row:62.5%; animation-duration:2.4s; }
.mood-sleeping .tama-sprite,.action-sleep .tama-sprite { --sprite-row:75%; animation-duration:3s; }
.action-refuse .tama-sprite { --sprite-row:87.5%; animation-duration:1.8s; }
.reaction-meow .tama-sprite,.reaction-bark .tama-sprite,.reaction-bubbles .tama-sprite { --sprite-row:100%; animation-duration:1.2s; }
.mood-sad .tama-pet,.mood-uncomfortable .tama-pet { animation-duration:2.8s; filter:grayscale(.12) drop-shadow(0 10px 6px rgba(44,35,29,.16)); }
.tama-mood-mark { position:absolute; top:-20px; right:-12px; font-size:30px; }
.tama-mood-mark.is-sleeping { color:#52608d; font:800 28px/1.1 system-ui; letter-spacing:-3px; text-shadow:0 2px 0 #fff8; animation:tama-zzz 1.4s ease-out infinite; }
.tama-action-prop { position:absolute; z-index:5; left:22%; bottom:53px; font-size:45px; filter:drop-shadow(0 5px 4px rgba(45,34,35,.18)); }
.tama-action-prop img { display:block; width:62px; height:62px; object-fit:contain; }
.action-feed .tama-action-prop { animation:tama-feed-prop 1.8s ease-in infinite; }.action-feed .tama-pet { animation:tama-eat .3s ease-in-out infinite alternate; }
.action-refuse .tama-action-prop { animation:tama-refuse-food 1.35s ease-in-out infinite; }.action-refuse .tama-pet { animation:tama-refuse-pet .72s ease-in-out infinite; }
.action-play .tama-action-prop { animation:tama-play-prop .9s ease-in-out infinite; }.action-play .tama-pet { animation:tama-play-pet .55s ease-in-out infinite; }
.action-clean .tama-action-prop { left:50%; bottom:70px; animation:tama-clean-prop .9s ease-out infinite; }.action-clean .tama-pet { animation:tama-shake .26s ease-in-out infinite alternate; }.action-clean .tama-poop { animation:tama-poop-away .8s ease-in forwards; }
.action-sleep .tama-action-prop { left:64%; bottom:154px; animation:tama-zzz .9s ease-out infinite; }.action-sleep .tama-pet { animation:tama-sleep-pet .9s ease-in-out infinite alternate; transform-origin:bottom center; }
.tama-poop { position:absolute; z-index:3; bottom:28px; font-size:35px; filter:drop-shadow(0 4px 3px rgba(60,35,20,.2)); }
.tama-poop-1 { left:18%; }.tama-poop-2 { right:18%; }.tama-poop-3 { left:28%; bottom:16px; }
.tama-rug { position:absolute; left:50%; bottom:22px; width:220px; height:38px; transform:translateX(-50%); border-radius:50%; background:rgba(255,156,190,.35); }
.is-aquarium .tama-aquarium-label { grid-template-columns:1fr 1fr auto; }
.is-aquarium .tama-scene { background:linear-gradient(180deg,rgba(184,242,255,.12),rgba(24,137,172,.18)),url('/assets/tamagotchi/v143/aquarium-scene.webp') center/cover no-repeat; box-shadow:inset 0 10px 28px rgba(255,255,255,.42),inset 0 -18px 30px rgba(0,70,101,.18); }
html[data-theme="dark"] .is-aquarium .tama-scene { background:linear-gradient(180deg,#236880,#17546c 48%,#10374d 100%); }
.is-aquarium .tama-scene::before { content:""; position:absolute; z-index:1; inset:0; background:repeating-linear-gradient(105deg,transparent 0 42px,rgba(255,255,255,.10) 48px 68px,transparent 76px 112px); animation:tama-water-rays 8s ease-in-out infinite alternate; }
.is-aquarium .tama-scene::after { top:auto; bottom:0; height:36px; background:radial-gradient(ellipse at 20% 100%,#e8d09e 0 16%,transparent 17%),radial-gradient(ellipse at 65% 100%,#d9bd83 0 18%,transparent 19%),linear-gradient(#dcbf83,#b79660); opacity:.9; }
.is-aquarium .tama-rug { display:none; }
.is-aquarium .tama-pet { bottom:43px; animation:tama-fish-swim 4.8s ease-in-out infinite; filter:drop-shadow(0 9px 8px rgba(2,64,90,.25)); }
.tama-water-light { position:absolute; z-index:2; left:11%; top:18px; width:78%; height:20px; border-radius:50%; border-top:3px solid rgba(255,255,255,.55); animation:tama-water-line 3.6s ease-in-out infinite alternate; }
.tama-aquarium-plant { position:absolute; z-index:2; bottom:24px; color:#147f68; font:900 84px/1 system-ui; transform-origin:bottom; filter:drop-shadow(0 3px 1px rgba(0,60,45,.16)); animation:tama-plant 3.3s ease-in-out infinite alternate; }
.plant-left { left:8%; transform:rotate(-76deg); }.plant-right { right:9%; color:#2b9d68; transform:scaleX(-1) rotate(-76deg); animation-delay:-1.4s; }
.tama-aquarium-bubbles,.tama-reaction-bubbles { position:absolute; z-index:3; inset:0; pointer-events:none; }
.tama-aquarium-bubbles i,.tama-reaction-bubbles i { position:absolute; bottom:-14px; width:9px; height:9px; border:1.5px solid rgba(236,253,255,.8); border-radius:50%; box-shadow:inset 2px 1px 2px rgba(255,255,255,.5); animation:tama-bubble 5.2s linear infinite; }
.tama-aquarium-bubbles i:nth-child(1) { left:8%; }.tama-aquarium-bubbles i:nth-child(2) { left:18%; animation-delay:-2s; width:6px; height:6px; }.tama-aquarium-bubbles i:nth-child(3) { left:31%; animation-delay:-4s; }.tama-aquarium-bubbles i:nth-child(4) { left:46%; animation-delay:-1s; width:12px; height:12px; }.tama-aquarium-bubbles i:nth-child(5) { left:59%; animation-delay:-3.4s; }.tama-aquarium-bubbles i:nth-child(6) { left:70%; animation-delay:-.4s; width:5px; height:5px; }.tama-aquarium-bubbles i:nth-child(7) { left:82%; animation-delay:-2.8s; }.tama-aquarium-bubbles i:nth-child(8) { left:91%; animation-delay:-4.6s; width:7px; height:7px; }.tama-aquarium-bubbles i:nth-child(9) { left:53%; animation-delay:-1.9s; width:5px; height:5px; }
.tama-reaction-bubbles { left:62%; top:-10px; right:auto; bottom:auto; width:70px; height:130px; }
.tama-reaction-bubbles i { left:20%; animation-duration:1.3s; }.tama-reaction-bubbles i:nth-child(2) { left:48%; animation-delay:-.3s; width:13px; height:13px; }.tama-reaction-bubbles i:nth-child(3) { left:72%; animation-delay:-.7s; }.tama-reaction-bubbles i:nth-child(4) { left:36%; animation-delay:-1s; width:6px; height:6px; }
.reaction-meow .tama-pet-body { animation:tama-meow .42s ease-in-out 6; }.reaction-bark .tama-pet-body { animation:tama-bark .32s ease-in-out 8; }.reaction-bubbles .tama-pet-body { animation:tama-fish-react .65s ease-in-out 4; }
.tama-speech { position:relative; z-index:2; width:fit-content; max-width:calc(100% - 28px); margin:-18px auto 14px; padding:9px 14px; border-radius:16px; background:var(--panel); box-shadow:0 5px 18px rgba(58,30,42,.12); text-align:center; font-size:13px; font-weight:700; }
.tama-needs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.family-games .tama-need { display:flex; align-items:center; gap:10px; min-height:54px; padding:9px 13px; text-align:left; }
.tama-need span { font-size:27px; }.tama-need strong { font-size:12px; }
.tama-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.tama-stat { display:grid; grid-template-columns:28px minmax(0,1fr) 28px; align-items:center; gap:8px; padding:10px 12px; }
.tama-stat > span { font-size:21px; }.tama-stat > strong { font-size:11px; text-align:right; font-variant-numeric:tabular-nums; }
.tama-stat small { display:block; margin-bottom:5px; color:var(--muted); font-size:10px; }
.tama-meter { height:6px; overflow:hidden; border-radius:9px; background:rgba(128,128,128,.17); }
.tama-meter i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--brand),#ef97b8); transition:width .25s ease; }
.tama-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.family-games .tama-actions button { display:grid; place-items:center; gap:4px; min-width:0; min-height:72px; padding:8px 4px; }
.tama-actions span { font-size:28px; }.tama-actions strong { font-size:11px; }
.tama-food-picker { position:relative; display:grid; gap:12px; padding:14px; border-color:color-mix(in srgb,var(--brand) 48%,var(--game-border)); animation:tama-picker-in .24s ease-out; }
.tama-food-picker > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-inline:3px; }
.family-games .tama-food-picker > div:first-child button { width:32px; min-height:32px; padding:0; border:0; border-radius:50%; background:rgba(128,128,128,.10); color:var(--text); font-size:22px; }
.tama-food-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.family-games .tama-food { display:grid; justify-items:center; gap:5px; min-height:88px; padding:9px 5px; border:1px solid var(--game-border); border-radius:18px; background:var(--panel); color:var(--text); box-shadow:0 4px 15px rgba(58,30,42,.07); }
.tama-food img { display:block; width:48px; height:48px; object-fit:contain; filter:drop-shadow(0 4px 3px rgba(45,34,35,.13)); }.tama-food strong { font-size:11px; text-align:center; }
.tama-push { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; padding:12px 14px; }
.tama-push > span:first-child { font-size:27px; }.tama-push strong,.tama-push small { display:block; }.tama-push strong { font-size:13px; }.tama-push small { margin-top:2px; color:var(--muted); font-size:10px; line-height:1.35; }
.family-games .tama-push .game-button { min-height:38px; padding:7px 11px; font-size:11px; }
@keyframes tama-breathe { 0%,100% { transform:translateX(-50%) translateY(0) rotate(-1deg); } 50% { transform:translateX(-50%) translateY(-7px) rotate(1deg); } }
@keyframes tama-sprite-cycle { from { background-position-x:0%; } to { background-position-x:100%; } }
@keyframes tama-float { 0%,100% { transform:translateY(0) rotate(-2deg); } 50% { transform:translateY(-6px) rotate(2deg); } }
@keyframes tama-cloud { from { transform:translateX(-10px); } to { transform:translateX(24px); } }
@keyframes tama-rain { to { transform:translate(20px,285px) rotate(12deg); } }
@keyframes tama-snow { to { transform:translate(22px,285px) rotate(300deg); } }
@keyframes tama-lightning { 0%,91%,94%,100% { opacity:0; } 92%,95% { opacity:1; } }
@keyframes tama-fog { from { transform:translateX(-15px); opacity:.5; } to { transform:translateX(15px); opacity:.9; } }
@keyframes tama-leaf { to { transform:translate(70px,275px) rotate(420deg); } }
@keyframes tama-feed-prop { 0% { transform:translate(-55px,15px) rotate(-20deg) scale(.8); } 70%,100% { transform:translate(135px,-20px) rotate(15deg) scale(.45); opacity:.2; } }
@keyframes tama-eat { from { transform:translateX(-50%) scale(1); } to { transform:translateX(-50%) scale(1.05,.94); } }
@keyframes tama-refuse-food { 0%,100% { transform:translate(-35px,3px) rotate(-8deg); } 50% { transform:translate(-70px,14px) rotate(-26deg); opacity:.55; } }
@keyframes tama-refuse-pet { 0%,100% { transform:translateX(-50%) rotate(-7deg); } 50% { transform:translateX(-50%) rotate(7deg); } }
@keyframes tama-play-prop { 0%,100% { transform:translate(-10px,0) rotate(0); } 50% { transform:translate(160px,-25px) rotate(230deg); } }
@keyframes tama-play-pet { 0%,100% { transform:translateX(-50%) translateY(0) rotate(0); } 50% { transform:translateX(-50%) translateY(-35px) rotate(5deg); } }
@keyframes tama-clean-prop { from { transform:translate(-50%,15px) scale(.7); opacity:.4; } to { transform:translate(-50%,-80px) scale(1.4); opacity:0; } }
@keyframes tama-shake { from { transform:translateX(-50%) rotate(-4deg); } to { transform:translateX(-50%) rotate(4deg); } }
@keyframes tama-poop-away { to { transform:translateY(45px) scale(.2); opacity:0; } }
@keyframes tama-zzz { from { transform:translate(0,20px) scale(.7); opacity:.3; } to { transform:translate(25px,-30px) scale(1.25); opacity:0; } }
@keyframes tama-sleep-pet { from { transform:translateX(-50%) rotate(-4deg) scaleY(.96); } to { transform:translateX(-50%) rotate(4deg) scaleY(.9); } }
@keyframes tama-water-rays { from { transform:translateX(-18px) skewX(-4deg); opacity:.55; } to { transform:translateX(18px) skewX(4deg); opacity:.9; } }
@keyframes tama-water-line { from { transform:translateX(-9px) scaleX(.94); } to { transform:translateX(9px) scaleX(1.04); } }
@keyframes tama-plant { from { translate:-3px 0; rotate:-2deg; } to { translate:6px 0; rotate:5deg; } }
@keyframes tama-bubble { from { transform:translateY(0) scale(.65); opacity:0; } 12% { opacity:.9; } to { transform:translate(18px,-275px) scale(1.2); opacity:0; } }
@keyframes tama-fish-swim { 0%,100% { transform:translateX(-50%) translate(-18px,2px) rotate(-2deg); } 50% { transform:translateX(-50%) translate(18px,-12px) rotate(2deg); } }
@keyframes tama-meow { 0%,100% { transform:scale(1) rotate(0); } 45% { transform:scale(1.06,.94) rotate(-2deg); } 70% { transform:scale(.98,1.04) rotate(2deg); } }
@keyframes tama-bark { 0%,100% { transform:translateX(0) scale(1); } 35% { transform:translateX(7px) scale(1.07,.94); } 65% { transform:translateX(-3px) scale(.98,1.04); } }
@keyframes tama-fish-react { 0%,100% { transform:rotate(0) scale(1); } 40% { transform:rotate(-7deg) scale(1.08,.94); } 70% { transform:rotate(5deg) scale(.97,1.05); } }
@keyframes tama-picker-in { from { transform:translateY(10px); opacity:0; } }
@media(prefers-reduced-motion:reduce) {
  .tama-pet,.tama-pet-body,.tama-egg,.tama-cloud,.tama-weather-particles i,.tama-lightning,.tama-fog,.tama-leaves i,.tama-action-prop,.tama-poop,.tama-aquarium-bubbles i,.tama-reaction-bubbles i,.tama-aquarium-plant,.tama-water-light { animation-duration:.001ms !important; animation-iteration-count:1 !important; }
}
@media(max-width:520px) {
  .tama-kind-grid { grid-template-columns:1fr; }
  .family-games .tama-kind { min-height:76px; grid-template-columns:54px minmax(0,1fr); }
  .tama-kind-art { width:50px; height:58px; }.tama-kind-art i { width:66px; height:66px; }
  .tama-entry { grid-template-columns:76px minmax(0,1fr); gap:14px; padding:17px; }
  .tama-mini-pet { width:76px; height:76px; border-radius:25px; font-size:54px; }
  .tama-entry h2 { font-size:23px; }
  .tama-scene { height:250px; }.family-games .tama-pet,.tama-pet-body { width:196px; height:196px; }
  .tama-environment { grid-template-columns:repeat(3,1fr) auto; padding-inline:8px; }.tama-environment span { padding-inline:3px; }
  .tama-push { grid-template-columns:auto minmax(0,1fr); }.tama-push .game-button { grid-column:1/3; width:100%; }
}
.snake-game-only { display:grid; place-items:center; align-content:center; gap:10px; min-width:0; min-height:calc(100dvh - 190px); }
.snake-current-score { display:flex; align-items:baseline; gap:7px; width:min(100%,480px); padding-inline:4px; font-size:14px; font-variant-numeric:tabular-nums; }
.snake-current-score strong { color:var(--brand-ink); font-size:22px; }
.snake-scoreboard { display:flex; justify-content:space-between; width:min(100%,480px); gap:12px; font-size:14px; font-variant-numeric:tabular-nums; }
.snake-scoreboard span { display:flex; align-items:baseline; gap:6px; }
.snake-scoreboard strong { color:var(--brand-ink); font-size:22px; }
.snake-canvas { display:block; width:min(100%,480px); height:auto; aspect-ratio:1; border:1px solid var(--game-border); border-radius:22px; box-shadow:var(--game-shadow); touch-action:none; }
.snake-status { min-height:20px; margin:0; font-size:13px; text-align:center; }
.snake-controls { display:grid; grid-template-columns:repeat(3,48px); grid-template-rows:repeat(2,48px); gap:6px; }
.family-games .snake-control { display:grid; place-items:center; width:48px; height:48px; min-height:48px; padding:0; border-radius:17px; font-size:24px; font-weight:700; line-height:1; }
.snake-up { grid-column:2; grid-row:1; }
.snake-left { grid-column:1; grid-row:2; }
.snake-down { grid-column:2; grid-row:2; }
.snake-right { grid-column:3; grid-row:2; }
.family-games .snake-toggle { min-width:132px; }
.snake-ranking-card { display:grid; align-content:start; gap:8px; min-width:0; }
.snake-ranking-screen { width:min(100%,560px); margin:0 auto; }
.family-games .snake-start { width:100%; min-height:52px; margin-bottom:4px; font-size:17px; }
.snake-ranking-card h2 { margin:0; padding:12px 18px; font-size:17px; }
.snake-ranking { display:grid; gap:7px; min-width:0; }
.snake-ranking-head, .snake-ranking-row { display:grid; grid-template-columns:36px minmax(0,1fr) 30px 54px; align-items:center; gap:6px; min-width:0; }
.snake-ranking-head { color:var(--muted); font-size:10px; text-align:center; }
.snake-ranking-head > :nth-child(2) { padding-left:12px; text-align:left; }
.snake-ranking-row.is-me .snake-record { color:var(--brand-ink); border-color:var(--brand-border); }
.snake-ranking-row .game-player-avatar { width:36px; height:36px; }
.snake-ranking-row .game-avatar { width:34px; height:34px; font-size:18px; }
.snake-ranking-row .game-player-name { min-height:36px; }
.snake-ranking-row .game-player-name strong { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.snake-record { display:grid; place-items:center; min-height:36px; padding:4px 2px; font-size:13px; font-variant-numeric:tabular-nums; }
.tetris-game-only { display:grid; grid-template-columns:minmax(0,auto); justify-content:center; align-content:start; gap:8px; min-width:0; }
.tetris-hud { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto; align-items:center; gap:8px; width:100%; padding:7px 10px; font-size:11px; font-variant-numeric:tabular-nums; }
.tetris-hud > span { display:flex; flex-direction:column; align-items:center; gap:1px; color:var(--muted); }
.tetris-hud strong { color:var(--brand-ink); font-size:16px; }
.tetris-hud .tetris-next-label { flex-direction:row; gap:2px; }
.tetris-next-label canvas { display:block; width:56px; height:34px; }
.tetris-canvas { display:block; width:min(100%,330px,calc((100dvh - 230px) / 2)); min-width:190px; height:auto; aspect-ratio:1/2; margin:0 auto; border:1px solid var(--game-border); border-radius:18px; box-shadow:var(--game-shadow); touch-action:none; }
.tetris-controls { display:grid; grid-template-columns:repeat(5,minmax(44px,1fr)); gap:6px; width:100%; max-width:360px; margin:0 auto; }
.family-games .tetris-control { width:100%; min-width:0; min-height:44px; padding:4px; border-radius:16px; font-size:23px; line-height:1; }
.family-games .tetris-drop { color:var(--brand-ink); background-color:var(--brand-soft); border-color:var(--brand-border); }
.lines-game-only { display:grid; justify-items:center; align-content:start; gap:10px; width:min(100%,500px); margin:0 auto; min-width:0; }
.lines-hud { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:center; width:100%; padding:9px 12px; font-size:11px; font-variant-numeric:tabular-nums; }
.lines-hud > span { display:flex; flex-direction:column; align-items:center; gap:2px; color:var(--muted); }
.lines-hud strong { color:var(--brand-ink); font-size:17px; }
.lines-next i { display:flex; align-items:center; gap:4px; min-height:20px; font-style:normal; }
.lines-next .lines-ball { width:17px; height:17px; }
.lines-board { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:3px; width:min(100%,500px,calc(100dvh - 245px)); min-width:270px; padding:7px; aspect-ratio:1; border-radius:22px; touch-action:manipulation; }
.family-games .lines-cell { display:grid; place-items:center; width:100%; min-width:0; min-height:0; padding:0; aspect-ratio:1; border:1px solid rgba(168,91,123,.13); border-radius:9px; background:rgba(128,128,128,.045); }
.family-games .lines-cell:hover:not(:disabled) { background:rgba(190,92,132,.09); }
.family-games .lines-cell.selected { border-color:var(--brand); background:var(--brand-soft); box-shadow:inset 0 0 0 1px var(--brand); }
.lines-ball { display:block; width:72%; height:72%; border-radius:50%; box-shadow:inset 3px 3px 5px rgba(255,255,255,.58),inset -3px -4px 6px rgba(0,0,0,.2),0 3px 5px rgba(61,25,41,.2); }
.lines-cell.selected .lines-ball { transform:translateY(-3px); box-shadow:inset 3px 3px 5px rgba(255,255,255,.65),inset -3px -4px 6px rgba(0,0,0,.18),0 6px 8px rgba(61,25,41,.24); }
.lines-ball.ruby { background:#df416c; }
.lines-ball.amber { background:#f1c735; }
.lines-ball.emerald { background:#35b875; }
.lines-ball.sky { background:#43aee2; }
.lines-ball.violet { background:#9565d8; }
.lines-ball.coral { background:#ef774f; }
.lines-status { min-height:20px; margin:0; color:var(--brand-ink); font-size:13px; font-weight:650; text-align:center; }
.lines-game-only .game-hint { max-width:420px; text-align:center; }
@media(min-width:700px) and (min-height:720px) {
  .tetris-game-only { grid-template-columns:auto 150px; grid-template-rows:auto 1fr; align-items:start; gap:12px; }
  .tetris-canvas { grid-column:1; grid-row:1 / span 2; width:min(330px,calc((100dvh - 150px) / 2)); }
  .tetris-hud { grid-column:2; grid-row:1; grid-template-columns:1fr; padding:14px 10px; }
  .tetris-hud > span { padding:5px 0; }
  .tetris-hud .tetris-next-label { flex-direction:column; }
  .tetris-controls { grid-column:2; grid-row:2; grid-template-columns:repeat(2,1fr); align-self:end; }
  .tetris-controls .tetris-drop { grid-column:1 / span 2; }
}
@media(max-width:699px) {
  body.game-play-active .mobile-bottom-nav { display:none; }
  body.game-play-active .layout { padding-bottom:calc(12px + env(safe-area-inset-bottom)); }
}
.game-muted { color:var(--muted); }
.game-hint { font-size:12px; line-height:1.5; margin:0 4px; }
.game-error, .game-network { margin:0 4px; font-size:13px; line-height:1.4; color:var(--brand-ink); }
.game-error:empty, .game-network:empty { display:none; }
.game-ranking { display:grid; gap:8px; width:100%; min-width:0; }
.game-ranking-head, .game-ranking-row { display:grid; grid-template-columns:36px minmax(0,1fr) 30px repeat(3,34px) 36px; align-items:center; gap:6px; padding:0; text-align:center; font-size:13px; }
.game-ranking-head { color:var(--muted); font-size:10px; }
.game-ranking-head > :nth-child(2) { text-align:left; padding-left:12px; }
.game-ranking-row { min-height:36px; font-variant-numeric:tabular-nums; }
.game-player-avatar { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; }
.game-player-name { display:flex; align-items:center; flex-wrap:wrap; gap:3px 6px; min-width:0; min-height:36px; padding:7px 10px; text-align:left; font-size:13px; line-height:1.2; overflow-wrap:anywhere; }
.game-player-name small { color:var(--muted); font-size:10px; font-weight:400; }
.game-stat { display:grid; place-items:center; min-width:0; min-height:36px; padding:4px 2px; font-size:12px; }
.game-presence { display:grid; place-items:center; min-height:36px; }
.game-presence-dot { display:block; width:10px; height:10px; border-radius:50%; background:var(--game-miss); }
.game-presence-dot.online { background:var(--game-success); }
.family-games .game-ranking .game-round { min-width:36px; width:36px; height:36px; min-height:36px; }
.game-ranking .game-avatar { width:34px; height:34px; font-size:18px; }
.game-avatar { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border-radius:50%; background:var(--brand); color:white; font-size:21px; font-weight:750; object-fit:cover; }
.game-wins { color:var(--brand-ink); font-weight:750; }
.game-opponent { display:flex; align-items:center; gap:10px; padding:8px 14px 8px 8px; width:fit-content; max-width:100%; }
.game-opponent strong { overflow-wrap:anywhere; min-width:0; }
.game-opponent .game-muted { font-size:12px; }
.game-stage { text-align:center; padding:26px 16px; display:grid; justify-items:center; gap:16px; }
.game-stage h2 { font-size:21px; margin:0; }
.game-stage p { font-size:13px; margin:0; }
.game-countdown { font-size:48px; font-variant-numeric:tabular-nums; font-weight:750; }
.game-urgent { color:var(--danger); }
.game-actions { display:flex; flex-wrap:wrap; gap:8px; }
.game-setup-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.family-games .game-setup-actions .game-button { width:100%; min-width:0; padding:10px 6px; font-size:13px; white-space:nowrap; }
.game-status { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:17px; margin:0; padding:12px 18px; }
.game-status [data-game-timer] { flex:none; font-variant-numeric:tabular-nums; font-weight:750; }
.game-turn-copy { display:flex; align-items:baseline; min-width:0; font-weight:750; }
.game-turn-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:inherit; }
.game-last-shot { flex:none; white-space:nowrap; font:inherit; color:var(--muted); }
.game-last-shot.game-shot-miss { color:var(--game-miss); }
.game-last-shot.game-shot-success { color:var(--game-success); }
.game-fleet { display:flex; flex-wrap:wrap; gap:6px; }
.family-games .game-ship { display:grid; place-items:center; width:44px; height:44px; min-width:44px; min-height:44px; padding:6px; border-radius:16px; }
.game-ship-shape { display:flex; gap:2px; pointer-events:none; }
.game-ship-shape.vertical { flex-direction:column; }
.game-ship-shape i { display:block; width:6px; height:6px; border-radius:2px; background:currentColor; }
.game-ship.selected { background-color:var(--brand-soft); border-color:var(--brand); color:var(--brand-ink); }
.game-board-shell { display:grid; grid-template-columns:14px minmax(0,1fr); grid-template-rows:16px auto; gap:3px; padding:10px 10px 12px 7px; border-radius:22px; width:100%; max-width:480px; margin:0 auto; }
.game-board-letters { grid-column:2; display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); text-align:center; color:var(--muted); font-size:10px; }
.game-board-numbers { grid-column:1; grid-row:2; display:grid; grid-template-rows:repeat(10,minmax(0,1fr)); align-items:center; text-align:center; color:var(--muted); font-size:10px; }
.game-board { grid-column:2; grid-row:2; display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:3px; aspect-ratio:1; min-width:0; }
.family-games .game-cell { display:grid; place-items:center; width:100%; min-width:0; min-height:0; padding:0; margin:0; aspect-ratio:1; border:1px solid var(--game-border); border-radius:5px; background:rgba(128,128,128,.07); font:700 clamp(14px,4vw,22px)/1 system-ui; color:var(--muted); }
.family-games .game-cell:disabled { opacity:1; }
.family-games .game-cell.ship { background:var(--brand-soft); color:var(--brand-ink); border-color:var(--brand-border); }
.family-games .game-cell.hit { background:rgba(232,103,67,.24); color:#db6045; border-color:#db6045; }
.family-games .game-cell.sunk { background:rgba(214,54,80,.26); color:var(--danger); border-color:var(--danger); }
.family-games .game-cell.miss { background:rgba(128,128,128,.13); color:var(--muted); }
.game-battle-boards { display:grid; gap:18px; min-width:0; }
.game-battle-boards section { min-width:0; }
.game-battle-boards h3 { display:flex; justify-content:space-between; max-width:480px; margin:0 auto 8px; padding:0 6px; font-size:14px; }
.game-battle-boards h3 span { font-size:12px; color:var(--muted); }
.family-games .game-subtle { margin:6px auto; font-size:12px; color:var(--muted); }
.family-games .game-danger { color:var(--danger); }
.game-invite-banner { position:fixed; z-index:180; right:12px; bottom:calc(112px + env(safe-area-inset-bottom,0px)); max-width:min(360px,calc(100vw - 24px)); padding:12px 14px; display:flex; align-items:center; gap:12px; background:var(--panel-2); border:1px solid var(--brand-border); border-radius:26px; box-shadow:0 8px 30px #0003; }
.game-invite-banner button { background:transparent; color:var(--text); padding:0; text-align:left; font-size:13px; }
.game-invite-banner strong { display:block; color:var(--brand-ink); }
.game-invite-banner button:last-child { min-width:32px; height:32px; text-align:center; font-size:22px; }
@media(min-width:900px) {
  .game-battle-boards-pair { grid-template-columns:1fr 1fr; }
}
@media(max-width:359px) {
  .game-ranking-head, .game-ranking-row { grid-template-columns:34px minmax(0,1fr) 26px repeat(3,30px) 34px; gap:4px; }
  .game-player-avatar { width:34px; height:34px; }
  .game-ranking .game-avatar { width:32px; height:32px; }
  .family-games .game-ranking .game-round { min-width:34px; width:34px; height:34px; min-height:34px; }
  .game-player-name { font-size:12px; padding:7px 8px; }
  .family-games .game-setup-actions .game-button { font-size:12px; }
}