.playful-game.gem-clash-app{--play-accent:#7b3fe4;--play-shadow:#a98bd8;--play-soft:#efe6ff;--play-ink:#2c2050;--gc-danger:0;background:#0c0820;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden;overflow:clip}.gem-clash-app .gc-scene{position:absolute;inset:0;width:100%;height:100dvh;display:block;touch-action:none}.gem-clash-app[data-phase=play] .gc-scene{cursor:pointer}.gem-clash-app .gc-hud{position:absolute;z-index:5;display:flex;gap:8px;pointer-events:none;top:calc(env(safe-area-inset-top, 0px) + 10px);left:50%;transform:translateX(-50%);align-items:stretch;justify-content:center;width:max-content;max-width:calc(100vw - 16px)}.gem-clash-app[data-orient=landscape] .gc-hud{left:calc(env(safe-area-inset-left, 0px) + 12px);transform:none;top:calc(env(safe-area-inset-top, 0px) + 12px);flex-direction:column;width:140px;align-items:stretch}.gem-clash-app:is([data-phase=menu],[data-phase=loading],[data-phase=results]) .gc-hud,.gem-clash-app[data-phase=party]:not(.gc-in-party) .gc-hud{visibility:hidden}.gem-clash-app .gc-stat{flex:0 0 auto;min-width:84px;display:flex;flex-direction:column;justify-content:center;padding:3px 14px;border:3px solid #fff;border-radius:16px;background:rgba(255,251,255,.92);box-shadow:0 4px 0 var(--play-shadow)}.gem-clash-app .gc-stat span{font-size:12px;font-weight:800;color:#7a6a9a;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.gem-clash-app .gc-stat b{font-size:24px;line-height:1.05;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gem-clash-app.gc-urgent .gc-stat-clock{background:#ffe0e6;animation:gc-pulse .5s ease-in-out infinite alternate}.gem-clash-app.gc-urgent .gc-stat-clock b{color:#d42c4c}.gem-clash-app .gc-streak{align-self:center;min-width:58px;padding:6px 10px;border:3px solid #fff;border-radius:14px;text-align:center;background:#ffd45e;color:#7a4a0a;font-size:20px;font-weight:800;box-shadow:0 4px 0 #bb842e;opacity:.4;filter:grayscale(.8);transition:opacity .2s,filter .2s}.gem-clash-app[data-orient=landscape] .gc-streak{align-self:stretch}.gem-clash-app .gc-streak.on{opacity:1;filter:none}.gem-clash-app .gc-streak.burst{animation:gc-burst .45s ease-out}.gem-clash-app .gc-incoming{display:flex;align-items:center;gap:6px;padding:4px 10px;border:3px solid #fff;border-radius:16px;background:rgba(255,251,255,.92);box-shadow:0 4px 0 var(--play-shadow);--drop:0}.gem-clash-app .gc-incoming[hidden]{display:none}.gem-clash-app .gc-incoming-bar{position:relative;width:12px;height:34px;border-radius:6px;background:#ddd5ee;overflow:hidden}.gem-clash-app .gc-incoming-bar i{position:absolute;inset:0;background:linear-gradient(#ff5d73,#8a8f99);transform-origin:bottom;transform:scaleY(0);transition:transform .2s}.gem-clash-app .gc-incoming-txt{display:flex;flex-direction:column;line-height:1}.gem-clash-app .gc-incoming-txt b{font-size:22px;color:#6b6f78;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gem-clash-app .gc-incoming-txt small{font-size:10px;font-weight:800;text-transform:uppercase;color:#7a6a9a}.gem-clash-app .gc-incoming.on{background:#ffe3e8;animation:gc-pulse calc(.7s - var(--drop) * .5s) ease-in-out infinite alternate}.gem-clash-app .gc-incoming.on b{color:#d42c4c}.gem-clash-app .gc-hud-btns{display:flex;align-self:center;gap:6px;pointer-events:auto}.gem-clash-app .gc-icon-btn{width:44px;height:44px;display:grid;place-items:center;cursor:pointer;padding:0;border:3px solid #fff;border-radius:13px;background:#fffbff;color:var(--play-ink);box-shadow:0 3px 0 var(--play-shadow)}.gem-clash-app .gc-icon-btn .off,.gem-clash-app .gc-icon-btn[aria-pressed=true] .on{display:none}.gem-clash-app .gc-icon-btn[aria-pressed=true] .off{display:inline}.gem-clash-app .gc-leave{display:none}.gem-clash-app.gc-in-party .gc-leave{display:grid}.gem-clash-app.gc-in-party .gc-pause{display:none}.gem-clash-app[data-phase=party] :is(.gc-stat,.gc-streak,.gc-incoming){display:none}.gem-clash-app[data-phase=party][data-orient=portrait] .gc-hud{left:auto;right:calc(env(safe-area-inset-right, 0px) + 10px);transform:none}.gem-clash-app[data-phase=party][data-orient=landscape] .gc-hud{width:44px}.gem-clash-app[data-phase=party][data-orient=landscape] .gc-hud-btns{flex-direction:column}@media (max-width:560px){.gem-clash-app .gc-hud{gap:5px}.gem-clash-app .gc-stat{min-width:0;padding:3px 9px}.gem-clash-app .gc-stat span{font-size:10px;letter-spacing:0}.gem-clash-app .gc-stat b{font-size:20px}.gem-clash-app .gc-streak{min-width:44px;font-size:16px;padding:4px 6px}.gem-clash-app .gc-incoming{padding:3px 7px}.gem-clash-app .gc-incoming-txt small{display:none}.gem-clash-app .gc-icon-btn{width:44px;height:44px;border-width:2px}}@media (max-height:460px){.gem-clash-app[data-orient=landscape] .gc-hud{gap:5px;width:128px}.gem-clash-app[data-orient=landscape] .gc-stat{padding:2px 10px}.gem-clash-app[data-orient=landscape] .gc-stat b{font-size:19px}.gem-clash-app[data-orient=landscape] .gc-streak{font-size:16px;padding:3px 6px}}.gem-clash-app .gc-standings-slot{position:absolute;z-index:5;pointer-events:none}.gem-clash-app[data-orient=portrait] .gc-standings-slot{top:calc(env(safe-area-inset-top, 0px) + 66px);left:8px;right:8px}.gem-clash-app[data-orient=landscape] .gc-standings-slot{top:10px;bottom:10px;right:calc(env(safe-area-inset-right, 0px) + 8px);width:150px;overflow-y:auto}.gem-clash-app[data-orient=landscape] .gc-standings-slot .pp-standings{flex-direction:column;overflow-x:visible;touch-action:pan-y}@media (min-width:560px){.gem-clash-app[data-orient=portrait] .gc-standings-slot{top:calc(env(safe-area-inset-top, 0px) + 78px)}}@media (min-width:1000px){.gem-clash-app[data-orient=landscape] .gc-standings-slot{width:190px}}.gem-clash-app:is([data-phase=menu],[data-phase=loading]) .gc-standings-slot{display:none}.gem-clash-app .gc-countdown{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:6;pointer-events:none;white-space:nowrap;font:800 clamp(56px,14vw,120px)/1 Playful,Avenir Next,sans-serif;color:#fffbff;-webkit-text-stroke:3px var(--play-accent);paint-order:stroke fill;text-shadow:0 7px 0 #4a1f99}.gem-clash-app .gc-countdown.tick{animation:gc-count .6s ease-out}.gem-clash-app .gc-toast{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 18px);z-index:7;pointer-events:none;transform:translate(-50%,10px);opacity:0;padding:7px 16px;border:3px solid #fff;border-radius:999px;white-space:nowrap;background:#fffbff;color:var(--play-ink);font-size:17px;font-weight:800;box-shadow:0 4px 0 var(--play-shadow);transition:opacity .18s,transform .18s}.gem-clash-app .gc-toast.show{opacity:1;transform:translate(-50%)}.gem-clash-app .gc-toast[data-tone=bad]{background:#ffe1e6;color:#b0263b}.gem-clash-app .gc-toast[data-tone=good]{background:#fff1b8;color:#8a5300}.gem-clash-app .gc-banner{position:absolute;left:50%;top:50%;z-index:6;pointer-events:none;transform:translate(-50%,-50%) scale(.9);opacity:0;padding:10px 20px;border:3px solid #fff;border-radius:18px;background:rgba(255,251,255,.95);color:var(--play-ink);font-size:20px;font-weight:800;box-shadow:0 5px 0 var(--play-shadow);text-align:center;max-width:min(88vw,420px);transition:opacity .2s,transform .2s}.gem-clash-app .gc-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.gem-clash-app .gc-banner[data-tone=good]{background:#fff1b8;color:#8a5300}.gem-clash-app:is([data-phase=play],[data-phase=countdown]) .gc-banner{opacity:0}.gem-clash-app .gc-fx{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.gem-clash-app .gc-pop{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font:800 26px/1 Playful,Avenir Next,sans-serif;color:#fffbff;-webkit-text-stroke:5px #3d1a7a;paint-order:stroke fill;animation:gc-pop .95s ease-out forwards}.gem-clash-app .gc-pop-gold{color:#ffd23f;font-size:32px}.gem-clash-app .gc-pop-mult{color:#9ff3ff;-webkit-text-stroke-color:#0f3f66;font-size:19px}.gem-clash-app .gc-pop-bad{color:#ff6b7e;-webkit-text-stroke-color:#5a1020;font-size:26px}.gem-clash-app .gc-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0}.gem-clash-app .gc-flash[data-tone=bad]{background:radial-gradient(ellipse at center,transparent 50%,rgba(220,30,60,.45))}.gem-clash-app .gc-flash.go{animation:gc-flash .5s ease-out}.gem-clash-app.gc-danger:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 calc(40px + var(--gc-danger) * 120px) rgba(255,40,70,calc(var(--gc-danger) * .7));animation:gc-pulse .8s ease-in-out infinite alternate}.gem-clash-app .gc-keys{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 6px);transform:translateX(-50%);margin:0;color:rgba(239,230,255,.55);font-size:12px;font-weight:700;pointer-events:none;white-space:nowrap}.gem-clash-app:not([data-phase=play]) .gc-keys{display:none}@media (hover:none),(pointer:coarse){.gem-clash-app .gc-keys{display:none}}.playful-game.gem-clash-app .gc-menu{background:linear-gradient(270deg,transparent 45%,rgba(12,8,32,.55));-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-start;padding-left:max(24px,3vw)}.gem-clash-app .gc-panel{width:min(440px,100%);text-align:center;padding:20px 20px 16px}.gem-clash-app .gc-kicker{display:block;color:#8a6fc4;font-size:12px;font-weight:800;letter-spacing:.12em}.gem-clash-app .gc-logo{margin:2px 0 6px;font:800 clamp(40px,7vw,56px)/1 Playful,Avenir Next,sans-serif;color:#fffbff;-webkit-text-stroke:2px var(--play-accent);paint-order:stroke fill;text-shadow:0 5px 0 var(--play-accent);transform:rotate(-2deg)}.gem-clash-app .gc-sub{margin:0 0 8px;font-size:14px;line-height:1.4}.gem-clash-app .gc-panel h2.gc-label{margin:10px 0 6px;font-size:13px;line-height:1.2;font-weight:800;color:#7a6a9a;text-transform:uppercase;letter-spacing:.06em;text-align:left}.gem-clash-app .gc-cards{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px}.gem-clash-app .gc-card{grid-column:span 2}.gem-clash-app .gc-card-race,.gem-clash-app .gc-card-versus{grid-column:span 3}.gem-clash-app .gc-card{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;min-height:44px;padding:7px 4px 6px;border:2px solid #e0d4f5;border-radius:14px;background:#fff;color:var(--play-ink);cursor:pointer;transition:transform .12s,border-color .12s}.gem-clash-app .gc-card:hover{transform:translateY(-2px)}.gem-clash-app .gc-card[aria-checked=true]{border-color:var(--play-accent);background:var(--play-soft);box-shadow:0 3px 0 var(--play-shadow)}.gem-clash-app .gc-card-icon{font-size:22px;line-height:1.1}.gem-clash-app .gc-card b{font-size:13px;line-height:1.15;font-weight:800}.gem-clash-app .gc-card small{font-size:10.5px;line-height:1.15;color:#7a6a9a}.gem-clash-app .gc-bots-row{display:none}.gem-clash-app.gc-party-mode .gc-bots-row{display:block}.gem-clash-app .gc-chips{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px;padding:4px;border-radius:14px;background:var(--play-soft)}.gem-clash-app .gc-chip{min-height:40px;padding:6px 4px;border:0;border-radius:10px;background:transparent;color:var(--play-ink);font-size:16px;font-weight:800;cursor:pointer}.gem-clash-app .gc-chip[aria-checked=true]{background:#fff;color:var(--play-accent);box-shadow:0 3px 0 var(--play-shadow)}.gem-clash-app .gc-howto,.gem-clash-app .gc-note{margin:8px 0 0;font-size:12.5px;line-height:1.4;color:#6a5a8a;text-align:left}.gem-clash-app .gc-best-line{margin:10px 0 8px;font-size:15px;font-weight:700;color:#7a6a9a}.gem-clash-app .gc-best-line b{color:var(--play-accent);font-size:19px}.gem-clash-app.gc-party-mode .gc-best-line{display:none}.gem-clash-app .gc-settings{display:flex;gap:6px;margin-top:10px}.gem-clash-app .gc-setting{flex:1 1;min-height:44px;padding:6px;border:2px solid #e0d4f5;border-radius:12px;background:#fff;color:var(--play-ink);font-size:13.5px;font-weight:700;cursor:pointer}.gem-clash-app .gc-setting[aria-pressed=false]{color:#a898c4;text-decoration:line-through}.playful-game.gem-clash-app :is(.gc-paused,.gc-results){background:rgba(12,8,32,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gem-clash-app .gc-card-panel{width:min(430px,100%);text-align:center}.gem-clash-app .gc-title{margin:0 0 16px;color:var(--play-accent);font-size:30px}.gem-clash-app .gc-r-score{margin:4px 0 0;font:800 62px/1 Playful,Avenir Next,sans-serif;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gem-clash-app .gc-r-new{display:none;margin:8px auto 0;width:-moz-fit-content;width:fit-content;padding:4px 14px;border-radius:999px;background:#ffd45e;color:#7a4a0a;font-weight:800;font-size:16px;box-shadow:0 3px 0 #bb842e}.gem-clash-app .gc-r-new.show{display:block;animation:gc-burst .8s ease-out}.gem-clash-app .gc-r-best{margin:8px 0 12px;font-size:15px;font-weight:700;color:#7a6a9a}.gem-clash-app .gc-r-stats{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin:0 0 14px;padding:0}.gem-clash-app .gc-r-stats li{display:flex;flex-direction:column;padding:8px 2px;border-radius:14px;background:var(--play-soft)}.gem-clash-app .gc-r-stats b{font-size:21px;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gem-clash-app .gc-r-stats span{font-size:11.5px;font-weight:700;color:#7a6a9a;line-height:1.15}.gem-clash-app .gc-r-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;align-items:stretch}.gem-clash-app .gc-r-row>*{margin-top:12px;width:100%;font-size:15px}@media (max-width:899px){.playful-game.gem-clash-app .gc-menu{align-items:center;justify-content:flex-start;padding:0 10px 14px;background:linear-gradient(180deg,transparent 28%,rgba(12,8,32,.55) 55%)}.gem-clash-app .gc-menu:before{content:"";display:block;flex:0 0 auto;height:max(150px,34vh)}.gem-clash-app .gc-panel{padding:14px 12px 12px;border-radius:24px}.gem-clash-app .gc-logo{font-size:38px}}@media (max-width:899px) and (max-height:500px){.gem-clash-app .gc-menu:before{height:0}.playful-game.gem-clash-app .gc-menu{align-items:flex-start;padding:60px 12px 10px;background:linear-gradient(270deg,transparent 40%,rgba(12,8,32,.55))}.gem-clash-app .gc-panel{width:min(420px,56vw)}.gem-clash-app .gc-sub{display:none}}@media (max-width:480px){.gem-clash-app .gc-card small{display:none}.gem-clash-app .gc-sub{font-size:13px}.gem-clash-app .gc-r-score{font-size:52px}.gem-clash-app .gc-r-stats b{font-size:18px}}@keyframes gc-pop{0%{opacity:0;transform:translate(-50%,-60%) scale(.6)}15%{opacity:1;transform:translate(-50%,-110%) scale(1.15)}to{opacity:0;transform:translate(-50%,-240%) scale(1)}}@keyframes gc-count{0%{transform:translate(-50%,-50%) scale(1.6);opacity:0}30%{transform:translate(-50%,-50%) scale(.95);opacity:1}to{transform:translate(-50%,-50%) scale(1)}}@keyframes gc-burst{0%{transform:scale(1)}35%{transform:scale(1.3) rotate(-4deg)}to{transform:scale(1)}}@keyframes gc-pulse{0%{filter:brightness(1)}to{filter:brightness(1.12)}}@keyframes gc-flash{0%{opacity:1}to{opacity:0}}