:root{
  color-scheme:dark;
  --bg:#07111f;--bg-2:#0a1627;--surface:#0e1c30;--surface-2:#14243a;--surface-3:#1a2c45;
  --text:#f6faff;--muted:#93a6bc;--line:rgba(190,220,255,.11);
  --primary:#4de2ff;--primary-2:#7c7bff;--pink:#ff70ae;--orange:#ffad68;--green:#5be6ad;--danger:#ff6684;
  --gradient:linear-gradient(135deg,#4de2ff 0%,#7c7bff 55%,#ff70ae 100%);
  --shadow:0 26px 80px rgba(0,0,0,.34);--radius-xl:32px;--radius-lg:24px;--radius-md:17px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;color:var(--text);background:radial-gradient(circle at 12% -10%,rgba(77,226,255,.15),transparent 31rem),radial-gradient(circle at 90% 11%,rgba(124,123,255,.16),transparent 30rem),radial-gradient(circle at 55% 80%,rgba(255,112,174,.075),transparent 34rem),var(--bg)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{width:min(1220px,calc(100% - 30px));height:78px;margin:15px auto 0;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:rgba(8,20,35,.76);backdrop-filter:blur(20px);border-radius:22px;position:sticky;top:10px;z-index:30;box-shadow:0 16px 50px rgba(0,0,0,.16)}
.brand{display:inline-flex;align-items:center;gap:11px}.brand img{width:43px;height:43px}.brand-copy{display:grid;line-height:1}.brand-copy b{font-size:18px;letter-spacing:-.025em}.brand-copy small{margin-top:6px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.15em}.header-actions{display:flex;gap:9px}.icon-button,.language-button{height:40px;min-width:40px;padding:0 13px;border:1px solid var(--line);border-radius:13px;color:var(--text);background:rgba(255,255,255,.045);cursor:pointer;font-size:13px;font-weight:800}.icon-button{font-size:17px}.icon-button:hover,.language-button:hover{background:rgba(255,255,255,.08)}
.hero{min-height:565px;display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:center;padding-block:72px 50px}.eyebrow{display:inline-block;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:19px 0 21px;max-width:680px;font-size:clamp(48px,6.25vw,84px);line-height:.97;letter-spacing:-.07em}.hero p{max-width:620px;margin:0;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-button,.secondary-button{min-height:53px;padding:0 25px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:850}.primary-button{color:#06111e;background:linear-gradient(135deg,#62e6ff,#8e89ff);box-shadow:0 16px 38px rgba(77,226,255,.18)}.secondary-button{border:1px solid var(--line);background:rgba(255,255,255,.035)}.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px}.hero-points span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.hero-points i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:rgba(91,230,173,.13);color:var(--green);font-style:normal;font-size:10px}.hero-points b{font-weight:700}
.hero-visual{min-height:440px;position:relative;display:grid;place-items:center}.hero-glow{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(77,226,255,.18),rgba(124,123,255,.09) 43%,transparent 72%);filter:blur(4px)}.orbit{position:absolute;border:1px solid rgba(180,220,255,.09);border-radius:50%}.orbit-one{width:425px;height:425px}.orbit-two{width:335px;height:335px}.hero-console{width:280px;height:338px;padding:20px;border-radius:43px;background:linear-gradient(150deg,#182b45,#0c182a);border:1px solid rgba(210,232,255,.15);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.12);transform:rotate(7deg);position:relative}.console-screen{height:210px;padding:21px;border-radius:28px;background:#06101d;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:38px;gap:6px;align-content:end;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.console-screen span{border-radius:7px;background:linear-gradient(145deg,#4de2ff,#7c7bff);box-shadow:0 0 15px rgba(77,226,255,.25)}.console-screen span:nth-child(2),.console-screen span:nth-child(5){background:linear-gradient(145deg,#ff70ae,#8d75ff)}.console-screen span:nth-child(3){grid-column:3;grid-row:3}.console-screen span:nth-child(4){grid-column:2;grid-row:4}.console-screen i{grid-column:3;grid-row:4;border-radius:7px;background:#5be6ad}.console-controls{height:88px;display:flex;align-items:center;justify-content:space-around}.console-controls>b{font-size:64px;line-height:1;color:#7187a2;font-weight:300}.console-controls div{display:flex;gap:16px;transform:rotate(-25deg)}.console-controls i{width:25px;height:25px;border-radius:50%;background:var(--pink);box-shadow:0 0 18px rgba(255,112,174,.35)}.console-controls i:last-child{background:var(--primary);box-shadow:0 0 18px rgba(77,226,255,.35)}.floating-chip{position:absolute;width:60px;height:60px;border-radius:19px;display:grid;place-items:center;font-weight:900;font-size:21px;background:rgba(18,38,61,.9);border:1px solid var(--line);box-shadow:0 16px 35px rgba(0,0,0,.25)}.chip-one{left:4%;top:18%;color:var(--primary);transform:rotate(-14deg)}.chip-two{right:2%;top:27%;color:var(--pink);transform:rotate(13deg)}.chip-three{right:14%;bottom:7%;color:var(--green);transform:rotate(-7deg)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:24px;background:rgba(14,28,48,.68);overflow:hidden}.stats article{min-height:112px;padding:22px 30px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.stats article:last-child{border-right:0}.stats strong{font-size:32px;letter-spacing:-.05em}.stats span{margin-top:6px;color:var(--muted);font-size:12px}.games-section{padding-block:94px 66px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:31px}.section-heading h2{margin:10px 0 0;font-size:clamp(31px,4vw,48px);letter-spacing:-.045em}.section-heading p{margin:0;color:var(--muted);font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{min-width:0;position:relative;padding:13px 13px 20px;border:1px solid var(--line);border-radius:27px;background:linear-gradient(155deg,rgba(18,36,58,.96),rgba(10,23,40,.94));transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:hidden}.game-card:hover{transform:translateY(-6px);border-color:rgba(77,226,255,.3);box-shadow:0 28px 60px rgba(0,0,0,.24)}.new-badge{position:absolute;top:24px;right:24px;z-index:2;padding:6px 9px;border-radius:999px;background:rgba(6,17,30,.78);border:1px solid rgba(255,255,255,.13);font-size:9px;font-weight:900;letter-spacing:.12em}.game-art{height:225px;border-radius:20px;position:relative;overflow:hidden;background:#0a1728}.game-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 3px 11px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.game-tag{color:var(--primary)}.game-card h3{margin:0 3px 9px;font-size:23px;letter-spacing:-.035em}.game-card>p{min-height:50px;margin:0 3px;color:var(--muted);font-size:13px;line-height:1.65}.card-footer{margin:18px 3px 0;padding-top:15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}.card-footer span:first-child{display:flex;align-items:baseline;gap:6px}.card-footer b{font-size:18px}.card-footer em{color:var(--muted);font-size:11px;font-style:normal}.play-arrow{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:18px}
.tetris-art{display:grid;grid-template-columns:repeat(6,34px);grid-auto-rows:34px;gap:5px;place-content:center;background:radial-gradient(circle at 50% 45%,rgba(77,226,255,.12),transparent 55%),#091729}.tetris-art span{border-radius:8px;background:linear-gradient(145deg,#4de2ff,#638fff);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 16px rgba(0,0,0,.22)}.tetris-art span:nth-child(1){grid-column:2;grid-row:1}.tetris-art span:nth-child(2){grid-column:3;grid-row:1}.tetris-art span:nth-child(3){grid-column:3;grid-row:2}.tetris-art span:nth-child(4){grid-column:4;grid-row:2}.tetris-art span:nth-child(5){grid-column:1;grid-row:4;background:linear-gradient(145deg,#ff70ae,#9c72ff)}.tetris-art span:nth-child(6){grid-column:2;grid-row:4;background:linear-gradient(145deg,#ff70ae,#9c72ff)}.tetris-art span:nth-child(7){grid-column:3;grid-row:4;background:linear-gradient(145deg,#ffad68,#ff70ae)}.tetris-art span:nth-child(8){grid-column:4;grid-row:4;background:linear-gradient(145deg,#5be6ad,#4de2ff)}.tetris-art span:nth-child(9){grid-column:5;grid-row:4;background:linear-gradient(145deg,#5be6ad,#4de2ff)}.tetris-art span:nth-child(10){grid-column:6;grid-row:4;background:linear-gradient(145deg,#7c7bff,#ff70ae)}
.sudoku-art{display:grid;grid-template-columns:repeat(3,52px);grid-auto-rows:52px;gap:5px;place-content:center;background:radial-gradient(circle at 50% 35%,rgba(124,123,255,.12),transparent 55%),#0b1729}.sudoku-art span{display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.045);font-size:20px;font-weight:850;color:#dbeaff}.sudoku-art span:nth-child(5),.sudoku-art span:nth-child(7){color:var(--primary);background:rgba(77,226,255,.08)}
.mines-art{display:grid;grid-template-columns:repeat(3,52px);grid-auto-rows:52px;gap:6px;place-content:center;background:radial-gradient(circle at 60% 45%,rgba(255,112,174,.1),transparent 55%),#0a1728}.mines-art span{display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#1b304b,#102039);border:1px solid rgba(255,255,255,.08);font-size:18px;font-weight:900}.mines-art span:nth-child(4){color:var(--orange)}.mines-art span:nth-child(9){color:var(--pink);box-shadow:0 0 22px rgba(255,112,174,.17)}.mines-art span:nth-child(1),.mines-art span:nth-child(8){color:var(--primary)}.mines-art span:nth-child(3),.mines-art span:nth-child(5){color:var(--primary-2)}
.snake-art{background:radial-gradient(circle at 45% 45%,rgba(91,230,173,.13),transparent 55%),#081728}.snake-art span{position:absolute;width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,#70efc0,#2fcf96);box-shadow:0 0 18px rgba(91,230,173,.25)}.snake-art span:nth-child(1){left:28%;top:55%}.snake-art span:nth-child(2){left:39%;top:55%}.snake-art span:nth-child(3){left:50%;top:55%}.snake-art span:nth-child(4){left:50%;top:38%}.snake-art i{position:absolute;right:24%;top:28%;width:25px;height:25px;border-radius:8px;background:var(--pink);box-shadow:0 0 24px rgba(255,112,174,.5)}
.memory-art{display:grid;grid-template-columns:repeat(3,58px);grid-auto-rows:70px;gap:9px;place-content:center;background:radial-gradient(circle at 40% 30%,rgba(124,123,255,.15),transparent 55%),#0a1729}.memory-art span{display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#293d5b,#14243b);border:1px solid rgba(255,255,255,.09);font-size:22px}.memory-art span:nth-child(even){background:linear-gradient(145deg,#745ef4,#a66af0)}
.merge-art{display:grid;grid-template-columns:repeat(2,72px);grid-auto-rows:72px;gap:10px;place-content:center;background:radial-gradient(circle at 55% 40%,rgba(255,173,104,.11),transparent 55%),#0a1728}.merge-art span{display:grid;place-items:center;border-radius:17px;font-weight:900;font-size:23px;background:#243854}.merge-art span:nth-child(2){background:#5c62d8}.merge-art span:nth-child(3){background:#b65dba}.merge-art span:nth-child(4){background:#e8788e}
.privacy-note{margin-block:8px 72px;padding:28px 30px;border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(120deg,rgba(77,226,255,.07),rgba(124,123,255,.07));display:flex;gap:18px;align-items:center}.privacy-icon{flex:0 0 auto;width:50px;height:50px;border-radius:16px;background:rgba(91,230,173,.13);display:grid;place-items:center;color:var(--green);font-weight:900}.privacy-note h2{margin:0 0 5px;font-size:19px}.privacy-note p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}.site-footer{min-height:100px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
/* Shared game pages */
.game-page{min-height:100vh;background:radial-gradient(circle at 50% -15%,rgba(77,226,255,.12),transparent 34rem),radial-gradient(circle at 75% 10%,rgba(124,123,255,.1),transparent 28rem),var(--bg)}.game-shell{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:24px 0 50px}.game-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:24px}.game-topbar>:last-child{justify-self:end}.back-link{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:14px;font-weight:700}.game-title-wrap{text-align:center}.game-title-wrap h1{margin:0;font-size:22px}.game-title-wrap p{margin:4px 0 0;color:var(--muted);font-size:12px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.game-panel{border:1px solid var(--line);background:rgba(11,25,43,.86);border-radius:30px;padding:24px;box-shadow:var(--shadow)}.game-board-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:620px}.game-sidebar{display:flex;flex-direction:column;gap:16px}.info-card{border:1px solid var(--line);background:rgba(255,255,255,.032);border-radius:20px;padding:20px}.info-card h2{margin:0 0 14px;font-size:13px;color:var(--muted);font-weight:750}.score-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.score-box{padding:15px;border-radius:16px;background:rgba(255,255,255,.045)}.score-box span{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.score-box strong{font-size:25px;letter-spacing:-.04em}.game-button{width:100%;min-height:48px;border:0;border-radius:15px;cursor:pointer;font-weight:850;color:#07111f;background:linear-gradient(135deg,#58e5ff,#8985ff)}.game-button.secondary{color:var(--text);background:rgba(255,255,255,.055);border:1px solid var(--line)}.instructions{color:var(--muted);font-size:13px;line-height:1.75;margin:0;padding-left:18px}.modal{position:fixed;inset:0;display:none;place-items:center;padding:20px;background:rgba(3,8,15,.76);backdrop-filter:blur(9px);z-index:50}.modal.show{display:grid}.modal-card{width:min(420px,100%);border:1px solid var(--line);background:#0f2035;border-radius:28px;padding:32px;text-align:center;box-shadow:var(--shadow)}.modal-icon{width:70px;height:70px;border-radius:23px;margin:0 auto 18px;display:grid;place-items:center;background:rgba(77,226,255,.12);font-size:30px}.modal-card h2{margin:0 0 8px;font-size:27px}.modal-card p{margin:0 0 22px;color:var(--muted);line-height:1.65}.touch-controls{display:none;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,60px);gap:8px;justify-content:center;margin-top:18px}.touch-controls button,.control-pad button{border:1px solid var(--line);background:rgba(255,255,255,.055);color:white;border-radius:17px;font-size:20px;touch-action:manipulation}.touch-controls .up{grid-column:2}.touch-controls .left{grid-column:1;grid-row:2}.touch-controls .down{grid-column:2;grid-row:2}.touch-controls .right{grid-column:3;grid-row:2}.difficulty-row{display:flex;gap:8px}.difficulty-row button{flex:1;min-height:38px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}.difficulty-row button.active{background:rgba(77,226,255,.12);border-color:rgba(77,226,255,.35);color:var(--primary)}
@media(max-width:940px){.hero{grid-template-columns:1fr;padding-top:58px}.hero-copy{text-align:center}.hero-copy p{margin-inline:auto}.hero-actions,.hero-points{justify-content:center}.hero-visual{min-height:370px}.game-grid{grid-template-columns:repeat(2,1fr)}.game-layout{grid-template-columns:1fr}.game-board-wrap{min-height:auto}.game-sidebar{display:grid;grid-template-columns:1fr 1fr}.game-sidebar>.game-button{align-self:stretch}}
@media(max-width:650px){.shell{width:min(100% - 24px,1180px)}.site-header{width:calc(100% - 20px);height:65px;margin-top:9px;border-radius:18px;top:7px}.brand img{width:39px;height:39px}.hero{min-height:auto;padding:54px 2px 35px;gap:10px}.hero h1{font-size:48px}.hero p{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions a{padding-inline:12px;font-size:13px}.hero-points{gap:11px}.hero-visual{min-height:325px;transform:scale(.84);margin-inline:-26px}.stats{grid-template-columns:1fr}.stats article{min-height:88px;border-right:0;border-bottom:1px solid var(--line);padding:17px 21px}.stats article:last-child{border-bottom:0}.games-section{padding-block:72px 48px}.section-heading{display:block}.section-heading p{margin-top:12px}.game-grid{grid-template-columns:1fr}.game-art{height:220px}.game-card>p{min-height:auto}.privacy-note{align-items:flex-start;padding:22px 20px;margin-bottom:43px}.site-footer{min-height:90px;display:block;padding:24px 0}.site-footer p{margin:5px 0}.game-shell{width:calc(100% - 20px);padding-top:12px}.game-topbar{grid-template-columns:40px 1fr 40px}.back-link span{display:none}.game-panel{padding:12px;border-radius:22px}.game-sidebar{grid-template-columns:1fr}.touch-controls{display:grid}}
.game-actions{display:flex;align-items:center;gap:8px;justify-self:end}
@media(max-width:650px){.game-actions .language-button{display:none}}

/* PocketJoy v3 card artwork */
.link-art{display:grid;grid-template-columns:repeat(3,58px);grid-auto-rows:58px;gap:9px;place-content:center;background:radial-gradient(circle at 50% 35%,rgba(77,226,255,.14),transparent 58%),#091729}.link-art span{display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#203b58,#12243d);border:1px solid rgba(255,255,255,.1);font-size:25px}.link-art span:nth-child(1),.link-art span:nth-child(3){box-shadow:0 0 20px rgba(255,112,174,.13)}
.breakout-art{background:radial-gradient(circle at 50% 30%,rgba(124,123,255,.16),transparent 55%),#091729}.breakout-art span{position:absolute;top:35px;width:52px;height:24px;border-radius:7px;background:linear-gradient(145deg,#4de2ff,#638fff)}.breakout-art span:nth-child(1){left:16%}.breakout-art span:nth-child(2){left:38%;background:linear-gradient(145deg,#7c7bff,#a76cff)}.breakout-art span:nth-child(3){left:60%;background:linear-gradient(145deg,#ff70ae,#ff8d87)}.breakout-art span:nth-child(4){left:27%;top:68px;background:linear-gradient(145deg,#5be6ad,#4de2ff)}.breakout-art span:nth-child(5){left:49%;top:68px;background:linear-gradient(145deg,#ffad68,#ff70ae)}.breakout-art span:nth-child(6){left:71%;top:68px;background:linear-gradient(145deg,#7c7bff,#4de2ff)}.breakout-art i{position:absolute;left:48%;top:128px;width:26px;height:26px;border-radius:50%;background:#f7fbff;box-shadow:0 0 26px rgba(77,226,255,.8)}.breakout-art b{position:absolute;left:34%;bottom:31px;width:32%;height:15px;border-radius:99px;background:linear-gradient(90deg,#4de2ff,#7c7bff)}
.gomoku-art{background-color:#0c1b2e;background-image:linear-gradient(rgba(170,210,245,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(170,210,245,.13) 1px,transparent 1px);background-size:28px 28px;background-position:center}.gomoku-art span{position:absolute;width:25px;height:25px;border-radius:50%;box-shadow:0 5px 12px rgba(0,0,0,.3)}.gomoku-art span:nth-child(1){left:34%;top:32%;background:#07111f}.gomoku-art span:nth-child(2){left:42%;top:44%;background:#07111f}.gomoku-art span:nth-child(3){left:50%;top:56%;background:#07111f}.gomoku-art span:nth-child(4){left:58%;top:68%;background:#07111f}.gomoku-art span:nth-child(5){left:58%;top:32%;background:#e7f4ff}.gomoku-art span:nth-child(6){left:50%;top:44%;background:#e7f4ff}.gomoku-art span:nth-child(7){left:42%;top:56%;background:#e7f4ff}
.flappy-art{background:linear-gradient(#102e4c 0 68%,#0b2138 68%);overflow:hidden}.flappy-art:before,.flappy-art:after{content:"";position:absolute;width:54px;background:linear-gradient(90deg,#3bc99d,#5be6ad);border:1px solid rgba(255,255,255,.18)}.flappy-art:before{right:26%;top:0;height:67px;border-radius:0 0 10px 10px}.flappy-art:after{right:26%;bottom:0;height:72px;border-radius:10px 10px 0 0}.flappy-art span{position:absolute;left:28%;top:45%;width:44px;height:34px;border-radius:55% 60% 50% 55%;background:linear-gradient(145deg,#ffad68,#ff70ae);box-shadow:0 0 26px rgba(255,112,174,.25)}.flappy-art i{position:absolute;left:36%;top:50%;width:8px;height:8px;border-radius:50%;background:#07111f}.flappy-art b{position:absolute;left:23%;top:52%;width:17px;height:10px;border-radius:60%;background:#7c7bff}.flappy-art em{position:absolute;inset:auto 0 0;height:14px;background:repeating-linear-gradient(90deg,#5be6ad 0 18px,#4de2ff 18px 36px)}
.slider-art{display:grid;grid-template-columns:repeat(3,54px);grid-auto-rows:54px;gap:5px;place-content:center;background:radial-gradient(circle at 35% 25%,rgba(255,112,174,.16),transparent 45%),linear-gradient(145deg,#0c2035,#0a1728)}.slider-art span{display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,rgba(77,226,255,.23),rgba(124,123,255,.3));border:1px solid rgba(255,255,255,.12);font-size:17px;font-weight:900}.slider-art span:nth-child(8){background:rgba(255,255,255,.03);border-style:dashed}
.solitaire-art{display:flex;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at 50% 40%,rgba(91,230,173,.12),transparent 55%),#091729}.solitaire-art span{width:58px;height:84px;border-radius:10px;display:grid;place-items:center;background:#eef7ff;color:#0a1728;font-size:29px;font-weight:900;box-shadow:0 12px 25px rgba(0,0,0,.25);transform:rotate(-7deg)}.solitaire-art span:nth-child(2),.solitaire-art span:nth-child(3){color:#e94c70}.solitaire-art span:nth-child(2){transform:rotate(3deg) translateY(-6px)}.solitaire-art span:nth-child(3){transform:rotate(-2deg) translateY(4px)}.solitaire-art span:nth-child(4){transform:rotate(8deg)}

/* PocketJoy v4 card artwork */
.sokoban-art{background:#091729;display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,54px);gap:7px;place-content:center}.sokoban-art:before{content:"";position:absolute;inset:18px;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:54px 54px}.sokoban-art span{position:relative;border-radius:9px;background:linear-gradient(145deg,#29445f,#162b42);border:1px solid rgba(255,255,255,.08)}.sokoban-art span:nth-child(2),.sokoban-art span:nth-child(4){background:linear-gradient(145deg,#ffad68,#ff70ae)}.sokoban-art span.target{background:transparent;border:2px dashed #ff70ae}.sokoban-art i{position:absolute;left:50%;bottom:37px;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#4de2ff,#7c7bff);box-shadow:0 0 20px rgba(77,226,255,.3)}.sokoban-art b{display:none}
.water-art{background:radial-gradient(circle at 50% 40%,rgba(77,226,255,.14),transparent 55%),#091729;display:flex;align-items:center;justify-content:center;gap:14px}.water-art>span{width:43px;height:126px;border:3px solid rgba(220,242,255,.48);border-top:0;border-radius:0 0 15px 15px;display:flex;flex-direction:column-reverse;padding:3px;gap:2px;position:relative}.water-art>span:before{content:"";position:absolute;left:-6px;right:-6px;top:-4px;height:7px;border:3px solid rgba(220,242,255,.48);border-radius:50%}.water-art i{display:block;height:26px;border-radius:6px;background:#ff70ae}.water-art span:nth-child(1) i:nth-child(2){background:#4de2ff}.water-art span:nth-child(1) i:nth-child(3){background:#ffad68}.water-art span:nth-child(2) i:nth-child(1){background:#7c7bff}.water-art span:nth-child(2) i:nth-child(2){background:#5be6ad}.water-art span:nth-child(2) i:nth-child(3){background:#4de2ff}.water-art span:nth-child(3) i:nth-child(1){background:#ffad68}.water-art span:nth-child(3) i:nth-child(2){background:#ff70ae}
.nonogram-art{display:grid;grid-template-columns:repeat(5,31px);grid-template-rows:repeat(5,31px);gap:4px;place-content:center;background:#091729}.nonogram-art span{border-radius:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.nonogram-art span.on{background:linear-gradient(145deg,#4de2ff,#7c7bff);box-shadow:0 0 12px rgba(77,226,255,.13)}
.maze-art{background-color:#091729;background-image:linear-gradient(90deg,transparent 44%,#294762 44% 56%,transparent 56%),linear-gradient(transparent 44%,#294762 44% 56%,transparent 56%);background-size:38px 38px}.maze-art:before,.maze-art:after{content:"";position:absolute;background:#091729}.maze-art:before{left:19%;top:18%;width:58%;height:12%;box-shadow:54px 37px 0 #091729,-12px 75px 0 #091729,45px 112px 0 #091729}.maze-art i{position:absolute;left:22%;top:25%;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#4de2ff,#7c7bff);box-shadow:0 0 16px rgba(77,226,255,.45)}.maze-art b{position:absolute;right:18%;bottom:18%;font-size:28px;color:#ffad68;filter:drop-shadow(0 0 9px rgba(255,173,104,.55))}
.match3-art{display:grid;grid-template-columns:repeat(3,55px);grid-template-rows:repeat(3,55px);gap:6px;place-content:center;background:radial-gradient(circle at 50% 45%,rgba(124,123,255,.15),transparent 58%),#091729}.match3-art span{display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.075);font-size:27px}.match3-art span:nth-child(1),.match3-art span:nth-child(5),.match3-art span:nth-child(8){background:rgba(77,226,255,.1);box-shadow:0 0 16px rgba(77,226,255,.12)}
.connect4-art{display:grid;grid-template-columns:repeat(7,25px);grid-template-rows:repeat(3,25px);gap:5px;place-content:center;background:linear-gradient(145deg,#14385d,#0c2542)}.connect4-art span{border-radius:50%;background:#071421;box-shadow:inset 0 4px 7px rgba(0,0,0,.35)}.connect4-art span.a{background:linear-gradient(145deg,#4de2ff,#5be6ad)}.connect4-art span.b{background:linear-gradient(145deg,#ff70ae,#7c7bff)}

/* PocketJoy v5 experience layer */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f3f6fb;--bg-2:#e9eff7;--surface:#ffffff;--surface-2:#eef3f9;--surface-3:#e4ebf4;
  --text:#102034;--muted:#61738a;--line:rgba(43,68,98,.13);
  --primary:#087f9b;--primary-2:#655bd7;--pink:#d64c88;--orange:#d47528;--green:#168764;--danger:#d44763;
  --gradient:linear-gradient(135deg,#1eb8d4 0%,#746be5 55%,#e45e9b 100%);
  --shadow:0 26px 70px rgba(45,65,91,.15);
}
html[data-theme="light"] body{background:radial-gradient(circle at 12% -10%,rgba(30,184,212,.13),transparent 31rem),radial-gradient(circle at 90% 11%,rgba(116,107,229,.12),transparent 30rem),radial-gradient(circle at 55% 80%,rgba(228,94,155,.06),transparent 34rem),var(--bg)}
html[data-theme="light"] .site-header{background:rgba(255,255,255,.78);box-shadow:0 16px 50px rgba(69,89,116,.1)}
html[data-theme="light"] .stats,html[data-theme="light"] .game-card,html[data-theme="light"] .privacy-note,html[data-theme="light"] .recent-panel,html[data-theme="light"] .daily-pick{background:rgba(255,255,255,.78)}
html[data-theme="light"] .game-card{background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(241,246,252,.98))}
html[data-theme="light"] .game-panel{background:rgba(255,255,255,.88)}
html[data-theme="light"] .info-card,html[data-theme="light"] .score-box,html[data-theme="light"] .difficulty-row button,html[data-theme="light"] .icon-button,html[data-theme="light"] .language-button{background:rgba(30,55,88,.045)}
html[data-theme="light"] .modal-card,html[data-theme="light"] .experience-sheet{background:#fff}
html[data-theme="light"] .touch-controls button,html[data-theme="light"] .control-pad button{color:var(--text);background:rgba(30,55,88,.06)}
html[data-theme="light"] .experience-overlay{background:rgba(31,45,63,.34)}
html[data-theme="light"] .experience-sheet .sheet-actions button{background:#f5f8fc}
html[data-theme="light"] .search-box,html[data-theme="light"] .filter-chip{background:rgba(255,255,255,.75)}
html[data-theme="light"] .recent-game{background:#f5f8fc}

.stats{grid-template-columns:repeat(4,1fr)}
.stats article:nth-child(3){border-right:1px solid var(--line)}
.stats article:last-child{border-right:0}
.header-actions{align-items:center}.install-button[hidden]{display:none}
.icon-button.active{border-color:rgba(77,226,255,.28);background:rgba(77,226,255,.1)}

.discovery-section{padding-top:22px;display:grid;grid-template-columns:1.04fr .96fr;gap:18px}
.daily-pick,.recent-panel{border:1px solid var(--line);border-radius:26px;background:rgba(14,28,48,.68);box-shadow:0 18px 50px rgba(0,0,0,.1)}
.daily-pick{min-height:190px;padding:27px;display:grid;grid-template-columns:82px 1fr auto;gap:22px;align-items:center;position:relative;overflow:hidden}
.daily-pick:after{content:"";position:absolute;width:210px;height:210px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(77,226,255,.17),transparent 68%);pointer-events:none}
.daily-icon{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;font-size:27px;font-weight:900;color:#06111e;background:var(--gradient);box-shadow:0 18px 38px rgba(77,226,255,.18)}
.daily-copy{min-width:0}.daily-copy h2{margin:8px 0 8px;font-size:28px;letter-spacing:-.04em}.daily-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.65;max-width:490px}
.daily-button{min-height:46px;padding:0 18px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;color:#07111f;background:linear-gradient(135deg,#62e6ff,#8e89ff);font-size:13px;font-weight:850;position:relative;z-index:1}
.recent-panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panel-heading h2{font-size:23px;margin:7px 0 0;letter-spacing:-.035em}.text-button{border:0;background:transparent;color:var(--muted);padding:6px 2px;cursor:pointer;font-size:12px;font-weight:750}.text-button:hover{color:var(--primary)}
.recent-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.recent-game{min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;transition:border-color .2s,transform .2s}.recent-game:hover{border-color:rgba(77,226,255,.3);transform:translateY(-2px)}.recent-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(77,226,255,.09);color:var(--primary);font-weight:900}.recent-game span:nth-child(2){min-width:0}.recent-game b,.recent-game small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-game b{font-size:12px}.recent-game small{margin-top:4px;color:var(--muted);font-size:9px}.recent-game em{font-style:normal;color:var(--muted)}.empty-recent{margin:22px 0 5px;color:var(--muted);font-size:13px;text-align:center}

.game-tools{margin:0 0 25px;padding:14px;border:1px solid var(--line);border-radius:21px;background:rgba(14,28,48,.5);display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:14px;align-items:center;position:sticky;top:98px;z-index:18;backdrop-filter:blur(18px)}
.search-box{height:46px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:9px;padding:0 14px;color:var(--muted)}.search-box span{font-size:22px;transform:rotate(-15deg)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:13px}.search-box input::placeholder{color:var(--muted)}
.filter-row{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{height:40px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:var(--muted);cursor:pointer;white-space:nowrap;font-size:11px;font-weight:800}.filter-chip:hover{color:var(--text)}.filter-chip.active{color:var(--text);border-color:rgba(77,226,255,.34);background:rgba(77,226,255,.1)}.favorites-chip{display:flex;align-items:center;gap:6px}.favorites-chip span:first-child{color:var(--orange)}
.results-meta{min-width:110px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:var(--muted);font-size:10px}.results-meta .text-button{font-size:10px;padding:0}
.favorite-button{position:absolute;z-index:5;top:24px;left:24px;width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(6,17,30,.75);backdrop-filter:blur(8px);color:#d6e4f2;display:grid;place-items:center;cursor:pointer;font-size:18px;transition:transform .2s,background .2s,color .2s}.favorite-button:hover{transform:scale(1.08)}.favorite-button.active{color:#ffc06d;background:rgba(255,173,104,.14);border-color:rgba(255,173,104,.35)}
.game-card.is-hidden{display:none}.no-results{padding:70px 20px;text-align:center;border:1px dashed var(--line);border-radius:26px}.no-results>div{font-size:44px;color:var(--primary)}.no-results h3{margin:12px 0 7px;font-size:23px}.no-results p{margin:0 0 22px;color:var(--muted);font-size:13px}.no-results .secondary-button{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.04);cursor:pointer}

.scroll-top{position:fixed;right:22px;bottom:22px;z-index:28;width:48px;height:48px;border-radius:16px;border:1px solid var(--line);background:rgba(13,29,48,.88);backdrop-filter:blur(15px);color:var(--text);font-size:20px;cursor:pointer;box-shadow:0 15px 35px rgba(0,0,0,.2);opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.scroll-top.show{opacity:1;pointer-events:auto;transform:none}
.toast{position:fixed;left:50%;bottom:28px;z-index:80;transform:translate(-50%,18px);padding:12px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(12,27,46,.94);color:var(--text);box-shadow:0 18px 45px rgba(0,0,0,.28);font-size:12px;font-weight:750;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}html[data-theme="light"] .toast{background:rgba(255,255,255,.96)}

/* Unified in-game settings */
.ux-menu-button{font-size:12px;letter-spacing:1px}.experience-overlay{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:flex-end;padding:20px;background:rgba(3,8,15,.66);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .2s}.experience-overlay.show{opacity:1;pointer-events:auto}.experience-sheet{width:min(520px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;border:1px solid var(--line);border-radius:28px;background:#0f2035;padding:12px 20px 22px;box-shadow:var(--shadow);transform:translateY(24px);transition:transform .24s}.experience-overlay.show .experience-sheet{transform:none}.sheet-handle{width:42px;height:4px;margin:0 auto 14px;border-radius:999px;background:var(--line)}.sheet-heading{display:flex;justify-content:space-between;align-items:center}.sheet-heading h2{margin:6px 0 0;font-size:24px}.sheet-close{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04);color:var(--text);font-size:24px;cursor:pointer}.sheet-game{margin:20px 0 13px;padding:14px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:13px;background:rgba(77,226,255,.055)}.sheet-game-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#06111e;background:var(--gradient);font-weight:900}.sheet-game b,.sheet-game small{display:block}.sheet-game small{margin-top:4px;color:var(--muted);font-size:10px}.sheet-actions{display:grid;gap:8px}.sheet-actions button{width:100%;min-height:62px;padding:9px 12px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035);color:var(--text);display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;text-align:left;cursor:pointer}.sheet-actions button>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(77,226,255,.08);color:var(--primary);font-size:18px}.sheet-actions button b,.sheet-actions button small{display:block}.sheet-actions button b{font-size:13px}.sheet-actions button small{margin-top:4px;color:var(--muted);font-size:10px}.sheet-actions button em{font-style:normal;color:var(--muted);font-size:20px}.menu-open{overflow:hidden}.game-toast{bottom:22px}

@media(max-width:1040px){.game-tools{grid-template-columns:1fr}.filter-row{order:2}.results-meta{order:3;flex-direction:row;justify-content:space-between;align-items:center}.discovery-section{grid-template-columns:1fr}.recent-list{grid-template-columns:repeat(4,1fr)}.recent-game{grid-template-columns:38px 1fr}.recent-game em{display:none}}
@media(max-width:650px){
  .stats{grid-template-columns:1fr 1fr}.stats article{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)}.stats article:nth-child(2n){border-right:0!important}.stats article:nth-child(3),.stats article:nth-child(4){border-bottom:0}
  .header-actions{gap:5px}.header-actions .icon-button,.header-actions .language-button{height:38px;min-width:38px;padding:0 10px}.header-actions .install-button{display:none!important}
  .discovery-section{padding-top:14px}.daily-pick{grid-template-columns:58px 1fr;padding:20px;gap:15px}.daily-icon{width:58px;height:58px;border-radius:18px}.daily-copy h2{font-size:22px}.daily-copy p{font-size:12px}.daily-button{grid-column:1/-1;width:100%}.recent-panel{padding:19px}.recent-list{grid-template-columns:1fr 1fr}.recent-game{grid-template-columns:34px 1fr;padding:10px}.recent-icon{width:34px;height:34px}.panel-heading .text-button{font-size:10px}
  .game-tools{top:80px;margin-left:-2px;margin-right:-2px;padding:10px;border-radius:18px}.filter-row{margin-inline:-2px}.filter-chip{height:38px}.results-meta{padding-inline:2px}
  .favorite-button{top:21px;left:21px}.scroll-top{right:13px;bottom:13px;width:44px;height:44px}.toast{bottom:16px;max-width:calc(100% - 30px);text-align:center}
  .game-topbar{grid-template-columns:38px minmax(0,1fr) auto;gap:7px}.game-actions{gap:5px}.game-actions .icon-button{height:38px;min-width:38px;padding:0 9px}.game-title-wrap h1{font-size:18px}.game-title-wrap p{font-size:10px}.experience-overlay{padding:0;align-items:flex-end}.experience-sheet{max-height:86vh;border-radius:26px 26px 0 0;border-bottom:0;padding-bottom:max(22px,env(safe-area-inset-bottom))}
}
@media(max-width:390px){.brand-copy small{display:none}.header-actions .icon-button{min-width:35px;padding:0 8px}.recent-list{grid-template-columns:1fr}.hero-actions{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stats article{border-right:0!important;border-bottom:1px solid var(--line)!important}.stats article:last-child{border-bottom:0!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.game-layout,.game-layout>*{min-width:0}
@media(max-width:940px){.game-layout{grid-template-columns:minmax(0,1fr)}.game-panel,.game-sidebar{width:100%;min-width:0}.link-board,.tetris-stage,.control-pad{max-width:100%}}
@media(max-width:650px){.tetris-stage{width:100%}.tetris-board{min-width:0}.next-wrap{flex:0 0 88px}}
.link-board{grid-template-columns:repeat(8,minmax(0,1fr))}.link-tile{min-width:0;padding:0}

/* v6 game card artwork */
.shooter-art{background:radial-gradient(circle at 50% 70%,rgba(77,226,255,.24),transparent 45%),linear-gradient(#07182e,#08111e);display:grid;place-items:center}.shooter-art span{font-size:70px;filter:drop-shadow(0 0 20px #4de2ff);transform:rotate(-8deg)}.shooter-art i{position:absolute;width:5px;height:45px;border-radius:9px;background:#ff70ae;top:18px}.shooter-art i:nth-of-type(1){left:34%}.shooter-art i:nth-of-type(2){right:31%;height:30px}.shooter-art b{position:absolute;right:20%;top:28%;color:#ffad68;font-size:28px}.reversi-art{display:grid;grid-template-columns:repeat(4,42px);gap:10px;place-content:center;background:#0d6259}.reversi-art span{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#fff,#a9b9ca);box-shadow:0 5px 10px rgba(0,0,0,.3)}.reversi-art span:nth-child(2n){background:linear-gradient(145deg,#24344a,#02060b)}.fruit-art{display:flex;align-items:flex-end;justify-content:center;gap:4px;background:linear-gradient(180deg,#17304c,#07111f)}.fruit-art span{font-size:48px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.25))}.fruit-art span:last-child{font-size:76px}.klotski-art{display:grid;grid-template-columns:repeat(4,42px);grid-template-rows:repeat(4,42px);gap:6px;place-content:center;background:#101c29}.klotski-art span{border-radius:9px;background:linear-gradient(145deg,#4de2ff,#7c7bff)}.klotski-art .target{grid-column:2/4;grid-row:1/3;background:linear-gradient(145deg,#ffad68,#ff6684);display:grid;place-items:center;color:#07111f;font-weight:900}.whack-art{display:grid;grid-template-columns:repeat(3,70px);gap:12px;place-content:center;background:#132234}.whack-art span{height:54px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(ellipse,#03070c 0 40%,#1e3c54 42%);font-size:34px}.word-art{display:grid;grid-template-columns:repeat(3,52px);gap:7px;place-content:center;background:#10192f}.word-art span{height:52px;border-radius:12px;display:grid;place-items:center;background:rgba(77,226,255,.1);color:#b9f5ff;font-weight:900;font-size:20px}.word-art span:nth-child(3),.word-art span:nth-child(4){background:linear-gradient(135deg,#5be6ad,#4de2ff);color:#07111f}

/* v7 game card artwork */
.pong-art{background:#071421}.pong-art:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed rgba(255,255,255,.14)}.pong-art span,.pong-art i{position:absolute;width:10px;height:90px;border-radius:8px;background:#4de2ff;left:18%;top:62px;box-shadow:0 0 18px #4de2ff}.pong-art i{left:auto;right:18%;background:#ff70ae;box-shadow:0 0 18px #ff70ae}.pong-art b{position:absolute;width:28px;height:28px;border-radius:50%;left:48%;top:38%;background:#fff;box-shadow:0 0 18px #fff}.racer-art{background:linear-gradient(90deg,#07111f 0 12%,#263443 12% 88%,#07111f 88%);display:grid;place-items:center}.racer-art span{font-size:72px;z-index:2}.racer-art i{position:absolute;top:0;bottom:0;width:4px;background:repeating-linear-gradient(#fff 0 18px,transparent 18px 35px);opacity:.45}.racer-art i:nth-of-type(1){left:35%}.racer-art i:nth-of-type(2){right:35%}.racer-art b{position:absolute;width:40px;height:65px;background:#ff70ae;border-radius:9px;right:21%;top:18px}.pipe-art{display:grid;grid-template-columns:repeat(3,55px);gap:7px;place-content:center;background:#0b1a29}.pipe-art span{height:55px;border-radius:12px;background:rgba(77,226,255,.08);display:grid;place-items:center;color:#4de2ff;font-size:35px;font-weight:300}.stroke-art{display:grid;place-items:center;background:#0b1829}.stroke-art svg{width:74%;height:74%}.stroke-art path{fill:none;stroke:#4de2ff;stroke-width:5;filter:drop-shadow(0 0 5px #4de2ff)}.stroke-art circle{fill:#ffad68}.spider-art{display:flex;justify-content:center;align-items:center;background:#102036}.spider-art span{width:72px;height:105px;margin-left:-38px;border-radius:10px;background:#fff;color:#172334;padding:8px;font-weight:900;box-shadow:0 8px 15px rgba(0,0,0,.25);transform:rotate(-7deg)}.spider-art span:first-child{margin-left:0}.spider-art span:nth-child(2){transform:rotate(-2deg)}.spider-art span:nth-child(3){transform:rotate(4deg)}.spider-art span:nth-child(4){transform:rotate(9deg)}.math-art{display:grid;place-items:center;background:linear-gradient(145deg,#12233b,#0a1424)}.math-art span{font-size:56px;font-weight:900;color:#dffaff}.math-art b{position:absolute;right:18%;bottom:18%;font-size:34px;color:#5be6ad}.math-art i{position:absolute;left:18%;top:18%;font-size:30px;color:#ff70ae;font-style:normal}

/* PocketJoy v8 game card art */
.lights-art{display:grid;grid-template-columns:repeat(3,42px);place-content:center;gap:10px;background:radial-gradient(circle at 50% 40%,#263f45,#071421)}.lights-art span{width:42px;height:42px;border-radius:12px;background:#142a3d;display:grid;place-items:center;color:#ffd45e;font-size:24px}.lights-art span:nth-child(odd){background:#ffc85c;box-shadow:0 0 18px #ffba45;color:#fff}
.hanoi-art{display:flex;align-items:flex-end;justify-content:center;gap:8px;background:linear-gradient(#102b45,#071421)}.hanoi-art:before{content:"";position:absolute;width:70%;height:8px;bottom:48px;border-radius:8px;background:#526f89}.hanoi-art i{position:absolute;width:7px;height:110px;bottom:48px;background:#526f89}.hanoi-art span{position:absolute;height:20px;border-radius:9px;background:linear-gradient(90deg,#4de2ff,#7c7bff);bottom:56px}.hanoi-art span:nth-child(1){width:55%}.hanoi-art span:nth-child(2){width:40%;bottom:80px}.hanoi-art span:nth-child(3){width:25%;bottom:104px}
.runner-art{background:linear-gradient(#183b59,#071421);display:flex;align-items:flex-end}.runner-art span{font-size:70px;margin:0 0 40px 44px}.runner-art i{position:absolute;right:44px;bottom:35px;width:28px;height:58px;border-radius:5px;background:#ff6f91}.runner-art b{position:absolute;left:0;right:0;bottom:28px;height:7px;background:#4de2ff}
.catch-art{background:linear-gradient(#153852,#071421)}.catch-art span{position:absolute;font-size:47px}.catch-art span:nth-child(1){left:20%;top:25%}.catch-art span:nth-child(2){right:22%;top:18%}.catch-art span:nth-child(3){left:48%;top:52%}.catch-art b{position:absolute;width:120px;height:34px;left:50%;bottom:25px;transform:translateX(-50%);border-radius:12px;background:#ffad68}
.checkers-art{display:grid;grid-template-columns:repeat(4,42px);place-content:center;background:#263e53}.checkers-art:before{content:"";position:absolute;inset:25px;background:repeating-conic-gradient(#d8c2a1 0 25%,#49647b 0 50%) 0/56px 56px;border-radius:15px}.checkers-art span{z-index:1;width:34px;height:34px;border-radius:50%;background:#e85b68;box-shadow:inset 0 4px #ff9c9f}.checkers-art span:nth-child(even){background:#172636;box-shadow:inset 0 4px #5f7890}
.freecell-art{display:flex;justify-content:center;align-items:center;gap:0;background:#0d4b3c}.freecell-art span{width:66px;height:94px;margin-left:-24px;border-radius:9px;background:#f7f8fb;color:#182230;display:grid;place-items:center;font-size:19px;font-weight:900;transform:rotate(-6deg);box-shadow:0 8px 14px rgba(0,0,0,.25)}.freecell-art span:nth-child(even){color:#d63e56;transform:rotate(6deg)}
.zoo-art{display:grid;grid-template-columns:repeat(2,70px);place-content:center;gap:10px;background:radial-gradient(circle,#264d51,#071421)}.zoo-art span{width:70px;height:70px;border-radius:22px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:42px}
.miner-art{display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,#6a4a32,#211b1b 65%,#071421)}.miner-art span{font-size:82px}.miner-art b{position:absolute;right:26%;top:25%;font-size:34px;color:#ffd45e}.miner-art i{position:absolute;left:24%;bottom:24%;font-size:32px;color:#4de2ff}


/* PocketJoy v9 game card art */
.number-slide-art{display:grid;grid-template-columns:repeat(3,52px);gap:6px;place-content:center;background:#0a1728}.number-slide-art span{height:52px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#4de2ff,#7c7bff);color:#07111f;font-weight:900;font-size:19px}.number-slide-art span:last-child{background:rgba(255,255,255,.04)}
.flow-art{background:#091827}.flow-art span,.flow-art i{position:absolute;border-radius:999px;background:#4de2ff;box-shadow:0 0 14px #4de2ff}.flow-art span:nth-child(1){width:28px;height:28px;left:28px;top:42px}.flow-art span:nth-child(2){width:28px;height:28px;right:36px;bottom:42px;background:#ff70ae;box-shadow:0 0 14px #ff70ae}.flow-art span:nth-child(3){width:28px;height:28px;right:42px;top:34px;background:#ffad68;box-shadow:0 0 14px #ffad68}.flow-art i:nth-of-type(1){left:42px;top:54px;width:65%;height:9px;transform:rotate(27deg)}.flow-art i:nth-of-type(2){right:51px;top:56px;width:50%;height:9px;transform:rotate(112deg);background:#ff70ae;box-shadow:0 0 14px #ff70ae}
.pinball-art{background:radial-gradient(circle at 50% 38%,#173658,#07111f)}.pinball-art span{position:absolute;width:58px;height:58px;border-radius:50%;left:50%;top:30%;transform:translate(-50%,-50%);background:#ff70ae;box-shadow:0 0 24px #ff70ae}.pinball-art i,.pinball-art b{position:absolute;width:100px;height:16px;bottom:42px;border-radius:12px;background:#4de2ff;transform:rotate(20deg);left:20%;box-shadow:0 0 18px #4de2ff}.pinball-art b{left:auto;right:20%;transform:rotate(-20deg);background:#7c7bff}
.tower-art{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:6px;background:linear-gradient(#17334d,#07111f)}.tower-art span{height:30px;border-radius:7px;background:linear-gradient(90deg,#4de2ff,#7c7bff);width:72%}.tower-art span:nth-child(2){width:59%}.tower-art span:nth-child(3){width:45%}.tower-art span:nth-child(4){width:32%;background:linear-gradient(90deg,#ff70ae,#ffad68)}
.tictactoe-art{display:grid;grid-template-columns:repeat(3,52px);gap:7px;place-content:center;background:#0a1728}.tictactoe-art span{height:52px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05);font-size:28px;font-weight:900;color:#4de2ff}.tictactoe-art span:nth-child(even){color:#ff70ae}
.pyramid-art{display:flex;align-items:center;justify-content:center;background:#0d4b3c}.pyramid-art span{width:74px;height:105px;margin-left:-34px;border-radius:10px;background:#fff;color:#172435;padding:8px;font-weight:900;box-shadow:0 8px 15px rgba(0,0,0,.24);transform:rotate(-8deg)}.pyramid-art span:first-child{margin-left:0}.pyramid-art span:nth-child(2){color:#d73552;transform:rotate(0)}.pyramid-art span:nth-child(3){color:#d73552;transform:rotate(8deg)}
.planets-art{display:flex;align-items:center;justify-content:center;gap:2px;background:radial-gradient(circle,#263658,#07111f 68%)}.planets-art span{font-size:48px}.planets-art span:nth-child(2){font-size:62px}.planets-art span:nth-child(3){font-size:76px}
.farm-art{display:flex;align-items:flex-end;justify-content:center;gap:9px;background:linear-gradient(#24566a 0 45%,#386544 45%)}.farm-art span{font-size:48px;margin-bottom:35px}.farm-art:after{content:"";position:absolute;left:0;right:0;bottom:24px;height:20px;background:repeating-linear-gradient(90deg,#765035 0 40px,#68442c 40px 80px)}