/* HashPool arcade extension — namespaced to avoid changing other HashPool pages. */
.hp-arcade-heading{align-items:center;gap:20px}
.hp-games-hero{display:flex;align-items:center;gap:22px;padding:25px 28px;margin-bottom:20px;background:radial-gradient(circle at 90% 0%,#fbd26025,transparent 35%),linear-gradient(120deg,#262047,#171b36);border:1px solid #7564bd70;border-radius:22px;box-shadow:0 10px 28px #080b2070}
.hp-games-hero-icon{font-size:66px;filter:drop-shadow(0 9px 20px #070916aa);animation:hp-game-bob 4s ease-in-out infinite}
.hp-games-hero h2{font-weight:900;letter-spacing:-.04em;color:#fff}
.hp-games-hero p{font-size:13px;color:#bec8e2;max-width:690px}
.hp-quota-track{width:min(330px,100%);height:10px;background:#101629;border:1px solid #40476c;border-radius:30px;overflow:hidden;margin-top:14px}
.hp-quota-track span{display:block;height:100%;background:linear-gradient(90deg,#13d8d0,#a3f85c);transition:width .4s;border-radius:30px}
.hp-arcade-days{background:#202445;border:1px solid #6868a2;padding:18px 23px;border-radius:17px;min-width:132px;text-align:center;flex-shrink:0}
.hp-arcade-days strong,.hp-arcade-days span{display:block}.hp-arcade-days strong{color:#ffc45e;font-size:21px;line-height:1.2}.hp-arcade-days span{font-size:11px;color:#bec8e2;margin-top:7px}
.hp-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.hp-game-card{min-width:0;overflow:hidden;border:1px solid #3b4067;background:linear-gradient(145deg,#242747,#1a1d37);border-radius:20px;box-shadow:0 8px 22px #080b183d;transition:transform .2s,border-color .2s,box-shadow .2s}
.hp-game-card:hover{transform:translateY(-4px);border-color:#a39af3;box-shadow:0 16px 35px #0e13385c}
.hp-game-poster{position:relative;min-height:165px;overflow:hidden;display:flex;align-items:end;padding:20px;background:radial-gradient(circle at 55% 35%,#ffe48c88,transparent 43%),linear-gradient(140deg,#b97416,#422459)}
.hp-game-card--merge .hp-game-poster{background:radial-gradient(circle at 56% 45%,#e7a7ff7d,transparent 44%),linear-gradient(130deg,#784acc,#22275b)}
.hp-game-card--match .hp-game-poster{background:radial-gradient(circle at 60% 42%,#55dfff87,transparent 45%),linear-gradient(135deg,#1278ad,#292561)}
.hp-game-poster:after{content:"";position:absolute;inset:0;opacity:.19;background-image:linear-gradient(#ffffff 1px,transparent 1px),linear-gradient(90deg,#ffffff 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.hp-game-poster-decor{position:absolute;top:18px;right:20%;font-size:90px;line-height:1;transform:rotate(-15deg);filter:drop-shadow(0 14px 2px #15132950);animation:hp-game-bob 3.9s ease-in-out infinite}
.hp-game-card--merge .hp-game-poster-decor{animation-delay:-1.1s}.hp-game-card--match .hp-game-poster-decor{animation-delay:-2.1s}
.hp-game-difficulty{position:absolute;z-index:1;top:14px;left:14px;letter-spacing:.8px;font-size:10px;font-weight:900;background:#14152bdb;color:#ffeaaa;padding:6px 9px;border:1px solid #ffffff33;border-radius:8px}
.hp-game-poster-title{position:relative;z-index:1;font-size:26px;font-weight:1000;color:white;letter-spacing:-1px;text-shadow:0 3px 10px #130b2a}
.hp-game-content{padding:21px}.hp-game-content h3{font-size:21px;font-weight:900;margin:0 0 5px;color:#fff}.hp-game-objective{color:#9bf3ed;font-size:12px;font-weight:700}
.hp-game-content p{font-size:13px;color:#b8c6da;min-height:56px;margin:14px 0}
.hp-game-reward{padding:12px;background:#131b32;border:1px solid #3f5271;border-radius:12px;margin:15px 0}.hp-game-reward>span{display:block;color:#a8bbd6;font-size:10px;letter-spacing:.8px;font-weight:800}.hp-game-reward strong{display:block;font-size:19px;color:#bfffb0}.hp-game-reward strong small{font-size:11px;color:#b8c6da;font-weight:500}
.hp-game-content .btn-electric{font-weight:800}.hp-game-content .btn-electric:disabled{opacity:.6}
.hp-arcade-message{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px}.hp-arcade-message p{font-size:12px;color:#b8c6da;margin-top:6px}.hp-arcade-message--win{border-color:#87ee8788}
.hp-games-lower{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hp-game-grant{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #ffffff1b;color:#e7eefc;font-size:12px}.hp-game-grant:last-child{border-bottom:0}.hp-game-grant span:last-child{color:#a4e9d7}.hp-arcade-outcome{font-weight:900}.hp-arcade-outcome--lost{color:#ff989e!important}.hp-arcade-outcome--won,.hp-arcade-outcome--claimed{color:#a5ffc2!important}
.hp-game-ad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;margin:22px 0;padding:13px;background:repeating-linear-gradient(45deg,#20263c,#20263c 9px,#222a42 9px,#222a42 18px);border:1px dashed #55617e;border-radius:13px;min-width:0}
.hp-game-ad--banner{min-height:96px}.hp-game-ad--rectangle{min-height:265px}.hp-game-ad-label{font-size:10px;letter-spacing:2px;color:#b3c2d5;font-weight:900}.hp-game-ad-text{font-size:12px;color:#7b8da7}
.hp-game-play-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,265px);gap:20px;align-items:start}
.hp-game-play-card{position:relative;overflow:hidden;min-height:520px;padding:22px;background:linear-gradient(158deg,#202142,#161b31);border:1px solid #55568b}
.hp-game-play-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:11px;font-weight:800;letter-spacing:.65px}.hp-game-play-header strong{color:#bcff9c}.hp-game-play-header small{font-weight:400;color:#bac3d4;letter-spacing:0}.hp-game-live-dot{color:#5afbaf;padding-right:6px}
.hp-game-scoreboard{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:20px 0 16px;padding:10px 13px;border-radius:10px;background:#13172c;border:1px solid #343b61;font-size:12px;font-weight:800;color:#c7f3ff}
.hp-game-board{position:relative;width:min(100%,420px);margin:0 auto;min-height:275px}
.hp-game-feedback{text-align:center;min-height:27px;margin:9px auto;color:#b7ffe2;font-size:12px;font-weight:700}
.hp-game-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:16px 0}.hp-game-controls .btn{min-width:62px}
.hp-game-play-card button:focus-visible,.hp-game-card button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hp-game-result{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:28px 24px;background:linear-gradient(#141c36f5,#151b37fc);backdrop-filter:blur(10px)}
.hp-game-result h2{font-weight:950;font-size:clamp(26px,4vw,40px);letter-spacing:-.05em;color:#fff;margin:0}.hp-game-result p{max-width:380px;color:#c5d2e6;font-size:14px}.hp-game-result-icon{font-size:78px;animation:hp-game-bob 3s ease-in-out infinite}
.hp-game-collect-progress{width:min(360px,100%);margin-top:6px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.hp-game-collect-progress strong{font-size:15px;color:#bdffab}.hp-game-collect-progress small{color:#b7c7dc;font-size:11px}.hp-game-collect-bar{height:15px;border:2px solid #5b6487;border-radius:40px;overflow:hidden;background:#0c1127}.hp-game-collect-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#36d5ef,#baff67);border-radius:40px;transition:width .1s linear}
.hp-arcade-guidelines{display:flex;gap:16px;flex-wrap:wrap;color:#b5c4dc;font-size:11px}
/* Coin catcher: visible upcoming lane, one server-verified decision per wave. */
.hp-catcher-stage{border:2px solid #5c569a;border-radius:17px;overflow:hidden;background:linear-gradient(#30386e,#1c2f62 54%,#222541);height:295px;position:relative;box-shadow:inset 0 12px 20px #080d3455}
.hp-catcher-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:100%}
.hp-catcher-lane{position:relative;border-right:2px dashed #ffffff25;text-align:center}.hp-catcher-lane:last-child{border-right:0}.hp-catcher-lane:before{content:"";position:absolute;bottom:0;left:0;right:0;height:16px;background:#3aa199}
.hp-catcher-coin{position:absolute;top:20px;left:0;right:0;font-size:49px;line-height:1;filter:drop-shadow(0 4px 10px #15142c);animation:hp-game-bob 1.3s ease-in-out infinite}
.hp-catcher-stage.falling .hp-catcher-coin{animation:hp-game-drop .75s ease-in forwards}.hp-catcher-bucket{position:absolute;bottom:14px;left:0;right:0;font-size:44px;line-height:1;transition:transform .2s}
.hp-catcher-stage .hp-game-stage-label{position:absolute;top:10px;left:12px;color:#fff;font-size:10px;letter-spacing:.8px;font-weight:900;background:#15234799;padding:5px 8px;border-radius:7px}
.hp-game-controls .hp-catcher-action{min-width:125px}
/* 2048: tile puzzle */
.hp-2048-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:380px;margin:0 auto;padding:10px;background:#292a54;border:2px solid #55558e;border-radius:16px;touch-action:none;user-select:none}
.hp-2048-tile{aspect-ratio:1;min-width:0;display:grid;place-items:center;border-radius:9px;background:#454567;color:transparent;font-size:clamp(16px,4vw,29px);font-weight:950;letter-spacing:-1px;box-shadow:inset 0 -5px #00000015;transition:background .12s,color .12s}
.hp-2048-tile[data-value="2"]{background:#eddaae;color:#544167}.hp-2048-tile[data-value="4"]{background:#efc38d;color:#563f5a}.hp-2048-tile[data-value="8"]{background:#f9a36f;color:#fff}.hp-2048-tile[data-value="16"]{background:#fc825c;color:#fff}.hp-2048-tile[data-value="32"]{background:#ef5c7c;color:#fff}.hp-2048-tile[data-value="64"]{background:#c957e6;color:white}.hp-2048-tile[data-value="128"]{background:#aaff71;color:#21372e}.hp-2048-tile[data-value="256"],.hp-2048-tile[data-value="512"]{background:#3cd7ff;color:#15334d}.hp-2048-tile[data-value="1024"],.hp-2048-tile[data-value="2048"]{background:#fff19a;color:#514023}
.hp-2048-help{text-align:center;font-size:11px;color:#a4b6d2;margin:10px 0 0}
/* Memory cards */
.hp-match-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:420px;margin:0 auto;perspective:900px}
.hp-match-card{aspect-ratio:1;border:1px solid #7c72ab;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#4c45a0,#242454);color:#c7f7ff;box-shadow:inset 0 -6px #11133944,0 3px 9px #0e163f;transition:transform .22s ease,background .2s;cursor:pointer;font-size:clamp(25px,5vw,44px)}
.hp-match-card:hover:not(:disabled){transform:translateY(-3px);border-color:#a4fff1}.hp-match-card:disabled{cursor:default}.hp-match-card.is-revealed{background:linear-gradient(160deg,#faf0ca,#edbb77);transform:rotateY(180deg);border-color:#f5ce80}.hp-match-card.is-revealed span{transform:rotateY(180deg)}.hp-match-card.is-matched{background:linear-gradient(160deg,#356c76,#266e4e);border-color:#89ffc2;opacity:.77}
.hp-arcade-promo{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;padding:24px 27px;border:1px solid #8a7bde;background:radial-gradient(circle at 90% 40%,#ad79ed42,transparent 50%),linear-gradient(120deg,#262144,#1a2840);border-radius:18px}.hp-arcade-promo h2{font-size:24px;font-weight:950;color:white}.hp-arcade-promo p{font-size:13px;color:#b9c9df}
.hp-game-new{margin-left:auto;font-size:9px;padding:4px 6px;background:#80eead;color:#111f20;border-radius:5px;font-weight:950}
@keyframes hp-game-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes hp-game-drop{0%{transform:translateY(0) scale(1)}90%{transform:translateY(205px) scale(1.05)}100%{transform:translateY(220px) scale(.8);opacity:.6}}
@media(max-width:1199px){.hp-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.hp-game-play-layout{grid-template-columns:minmax(0,1fr)}.hp-game-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.hp-game-ad--rectangle{min-height:200px;margin:0}.hp-games-hero-icon{font-size:45px}}
@media(max-width:620px){.hp-game-grid,.hp-games-lower,.hp-game-aside{grid-template-columns:1fr}.hp-games-hero{padding:18px;gap:14px;flex-wrap:wrap}.hp-games-hero-icon{font-size:42px}.hp-arcade-days{min-width:110px;padding:10px 16px}.hp-arcade-heading{align-items:flex-start}.hp-arcade-message{flex-direction:column;align-items:flex-start}.hp-game-play-card{padding:13px;min-height:460px}.hp-game-play-header{font-size:10px}.hp-game-scoreboard{font-size:11px}.hp-catcher-stage{height:255px}.hp-catcher-stage.falling .hp-catcher-coin{animation-name:hp-game-drop-mobile}.hp-game-board{min-height:245px}.hp-game-controls .btn{min-width:55px}.hp-game-ad--rectangle{min-height:130px}}
@keyframes hp-game-drop-mobile{0%{transform:translateY(0) scale(1)}90%{transform:translateY(170px)}100%{transform:translateY(187px) scale(.8);opacity:.6}}
@media(prefers-reduced-motion:reduce){.hp-games-hero-icon,.hp-game-poster-decor,.hp-game-result-icon,.hp-catcher-coin,.hp-catcher-stage.falling .hp-catcher-coin{animation:none!important}.hp-game-card,.hp-2048-tile,.hp-match-card,.hp-catcher-bucket{transition:none!important}}