:root{--sky:#59caf0;--sky-deep:#30b4e6;--grass:#9ad619;--leaf:#64ad2e;--leaf-dark:#347b26;--ink:#264a42;--muted:#688079;--cream:#fffdf5;--sun:#ffbd24;--sun-dark:#e88708;--purple:#a845d4;--line:#dbe8dc;--shadow:0 24px 60px rgba(25,81,75,.18);font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;color:var(--ink);background:#f8fbf3;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f8fbf3}a{color:inherit}img{max-width:100%}button,input{font:inherit}.skip-link{position:fixed;z-index:99;left:18px;top:-60px;padding:12px 18px;border-radius:10px;color:#fff;background:#183f37}.skip-link:focus{top:18px}.site-header{position:absolute;z-index:20;left:0;right:0;top:0}.nav-shell{width:min(1180px,92vw);height:94px;margin:auto;display:flex;align-items:center;gap:34px}.brand{display:flex;width:180px;flex:0 0 auto}.brand img{display:block;width:100%;filter:drop-shadow(0 6px 8px rgba(22,83,101,.2))}.site-nav{display:flex;align-items:center;gap:27px;margin-left:auto}.site-nav a{position:relative;color:#fff;text-decoration:none;font-weight:900;font-size:14px;text-shadow:0 2px 2px rgba(0,84,119,.22)}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:3px;border-radius:9px;background:#fff;transition:.2s}.site-nav a:hover:after,.site-nav a.active:after{right:0}.nav-actions{display:flex;align-items:center;gap:9px}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border:0;border-radius:14px;text-decoration:none;font-weight:900;line-height:1;cursor:pointer;transition:transform .16s,filter .16s,box-shadow .16s}.button:hover{transform:translateY(-2px);filter:brightness(1.04)}.button-small{min-height:43px;padding:0 17px}.button-large{min-height:55px;padding:0 25px;border-radius:17px}.button-sun{color:#fff;background:linear-gradient(#ffd44d,#f4a00b);border:1px solid #e39100;border-bottom-width:4px;text-shadow:0 2px #b56b00;box-shadow:0 9px 20px rgba(205,128,3,.27)}.button-cloud{color:#3a655b;background:#fff;border:1px solid #dce9df;box-shadow:0 9px 22px rgba(24,86,72,.13)}.button-quiet{color:#fff;text-shadow:0 2px 2px rgba(0,84,119,.22);padding:0 9px}.button-leaf{color:#fff;background:linear-gradient(#76c74b,#4d9c2f);border:1px solid #438c28;border-bottom-width:4px;text-shadow:0 2px #377925;box-shadow:0 9px 20px rgba(58,131,44,.22)}
.hero{position:relative;min-height:790px;overflow:hidden;color:#fff;background:linear-gradient(180deg,#5dcff2 0,#75ddf2 40%,#a7dd27 78%)}.hero-sky{position:absolute;inset:0}.sun{position:absolute;right:8%;top:115px;width:180px;height:180px;border-radius:50%;background:rgba(255,248,166,.64);box-shadow:0 0 90px #fff7a0}.cloud{position:absolute;width:150px;height:34px;border-radius:50px;background:rgba(255,255,255,.67);filter:drop-shadow(0 8px 8px rgba(21,103,138,.12))}.cloud:before,.cloud:after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.cloud:before{left:25px;width:63px;height:63px}.cloud:after{right:24px;width:78px;height:78px}.cloud-a{left:4%;top:220px;transform:scale(.72)}.cloud-b{right:27%;top:105px;transform:scale(.48)}.hero-forest{position:absolute;left:50%;bottom:20px;width:max(1420px,100vw);height:450px;transform:translateX(-50%);background:url('/flashclient-20141201/desktop-client/ui/assets/panfu-trees.png') center bottom/100% 100% no-repeat}.hero-grass{position:absolute;left:0;right:0;bottom:0;height:92px;background:linear-gradient(180deg,transparent,#89c617 28%,#79b813)}.hero-shell{position:relative;z-index:2;width:min(1180px,92vw);min-height:760px;margin:auto;padding-top:162px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);align-items:start;gap:52px}.hero-copy{padding-top:34px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.6);border-radius:999px;color:#246d54;background:rgba(255,255,255,.85);font:900 12px "Segoe UI",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 22px rgba(26,95,104,.12)}.eyebrow.plain{padding:0;border:0;background:none;box-shadow:none;color:#63a936}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#61bf38;box-shadow:0 0 0 5px rgba(97,191,56,.16)}.hero h1{max-width:680px;margin:16px 0 18px;font-size:clamp(48px,5.4vw,76px);line-height:.99;letter-spacing:-.055em;text-shadow:0 4px 0 rgba(38,112,60,.18),0 13px 28px rgba(24,93,92,.22)}.hero h1 em{display:block;color:#fff59a;font-style:normal}.hero-copy>p{max-width:610px;margin:0;color:#f5ffff;font:700 18px/1.6 "Segoe UI",Arial,sans-serif;text-shadow:0 2px 2px rgba(24,102,92,.28)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.play-mark{display:grid;place-items:center;width:26px;height:26px;padding-left:2px;border-radius:50%;color:#fff;background:#60b83b;font-size:11px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#f7fff3;font:800 12px "Segoe UI",Arial,sans-serif;text-shadow:0 2px 2px rgba(35,91,48,.3)}.trust-row b{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:4px;border-radius:50%;color:#4c9830;background:#f1ffd9;text-shadow:none}.hero-scene{position:relative;height:535px}.welcome-board{position:absolute;z-index:2;right:0;top:50px;width:385px;padding:26px 25px 25px;border:8px solid #8c4817;border-radius:22px;color:#fff7d2;background:repeating-linear-gradient(0deg,#a95b20 0,#a95b20 29px,#9a4f1b 30px,#9a4f1b 32px);box-shadow:0 22px 42px rgba(68,80,34,.26),inset 0 0 0 2px rgba(255,194,90,.22);transform:rotate(1.4deg)}.welcome-board:before,.welcome-board:after{content:"";position:absolute;z-index:-1;top:-55px;width:18px;height:420px;border-radius:8px;background:#7e3e13}.welcome-board:before{left:27px}.welcome-board:after{right:28px}.board-kicker{color:#ffdf63;font:900 12px "Segoe UI",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.welcome-board h2{margin:6px 0 16px;color:#fff;font-size:30px;letter-spacing:-.035em}.welcome-board ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;font:800 15px/1.2 "Segoe UI",Arial,sans-serif}.welcome-board li{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;background:rgba(72,29,7,.17)}.welcome-board li i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:#8c4d19;background:#ffe86a;font-style:normal}.hero-panda{position:absolute;z-index:4;left:-42px;bottom:6px;width:245px;filter:drop-shadow(0 22px 13px rgba(36,83,51,.36))}.bolly-bubble{position:absolute;z-index:5;right:25px;bottom:10px;display:flex;align-items:center;gap:6px;padding:7px 12px 7px 7px;border:4px solid #fff;border-radius:28px;color:#6c8529;background:#fffbd3;box-shadow:0 10px 24px rgba(51,87,40,.2);font-weight:900;transform:rotate(-3deg)}.bolly-bubble img{width:42px;height:42px;object-fit:contain}.section-pad{padding:96px max(4vw,24px)}.section-heading{max-width:760px;margin:0 auto 45px;text-align:center}.section-heading h2{margin:12px 0 14px;font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.045em}.section-heading p{margin:0;color:var(--muted);font:17px/1.65 "Segoe UI",Arial,sans-serif}.island-intro{position:relative;background:#fbfdf7}.feature-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{position:relative;overflow:hidden;min-height:315px;padding:30px 26px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(47,90,72,.09);transition:.2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(47,90,72,.14)}.feature-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--accent)}.feature-card h3{margin:20px 0 10px;font-size:23px;letter-spacing:-.03em}.feature-card p{min-height:98px;margin:0;color:var(--muted);font:14.5px/1.62 "Segoe UI",Arial,sans-serif}.feature-card a{display:inline-flex;gap:7px;margin-top:15px;color:var(--accent-dark);font-weight:900;text-decoration:none}.feature-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--pale);font-size:31px;transform:rotate(-3deg)}.feature-quests{--accent:#8c5bd1;--accent-dark:#7142b4;--pale:#f0e8ff}.feature-games{--accent:#ef9c17;--accent-dark:#bb7200;--pale:#fff0d1}.feature-style{--accent:#ec5e86;--accent-dark:#c33b65;--pale:#ffe5ee}.feature-friends{--accent:#42aad4;--accent-dark:#2282aa;--pale:#def5ff}.game-window{background:linear-gradient(150deg,#eef9e7,#e4f8ff)}.game-window-shell{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:64px}.game-copy h2{margin:12px 0 16px;font-size:clamp(36px,4vw,54px);line-height:1.04;letter-spacing:-.045em}.game-copy>p{color:var(--muted);font:16px/1.7 "Segoe UI",Arial,sans-serif}.check-list{display:grid;gap:11px;margin:23px 0 28px;padding:0;list-style:none;color:#4a6a61;font:800 14px "Segoe UI",Arial,sans-serif}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:23px;height:23px;margin-right:9px;border-radius:50%;color:#fff;background:#67b33a}.client-preview{position:relative;margin:0;padding:30px 10px 10px;border:9px solid #fff;border-radius:26px;background:#fff;box-shadow:var(--shadow);transform:rotate(1deg)}.client-preview img{display:block;width:100%;border-radius:14px}.window-dots{position:absolute;left:20px;top:13px;display:flex;gap:6px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#ff7867}.window-dots i:nth-child(2){background:#ffc541}.window-dots i:nth-child(3){background:#74c94c}.client-preview figcaption{position:absolute;right:24px;bottom:-21px;display:flex;align-items:center;gap:9px;padding:11px 16px;border:4px solid #fff;border-radius:99px;color:#477456;background:#f5ffe8;box-shadow:0 9px 20px rgba(55,96,62,.15);font-weight:900}.join-banner{padding-top:80px;padding-bottom:80px;background:#fbfdf7}.join-shell{width:min(1080px,100%);min-height:235px;margin:auto;padding:30px 42px 30px 205px;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;border:7px solid #fff;border-radius:32px;background:linear-gradient(120deg,#eaffcb,#c8f1a0);box-shadow:var(--shadow)}.join-shell>img{position:absolute;left:25px;bottom:0;width:170px;height:205px;object-fit:contain;object-position:bottom}.join-shell h2{margin:8px 0;font-size:38px;letter-spacing:-.04em}.join-shell p{margin:0;color:#66805c;font:15px "Segoe UI",Arial,sans-serif}.site-footer{padding:70px max(4vw,24px) 25px;color:#dff4d6;background:#285b39}.footer-shell{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px}.footer-shell h2{margin:5px 0 18px;color:#fff;font-size:15px}.footer-shell>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-shell a{color:#d3e7d1;text-decoration:none;font:13px "Segoe UI",Arial,sans-serif}.footer-shell a:hover{color:#fff;text-decoration:underline}.footer-brand img{width:160px;filter:brightness(0) invert(1);opacity:.92}.footer-brand p{max-width:280px;color:#bad5bd;font:13px/1.6 "Segoe UI",Arial,sans-serif}.footer-bottom{width:min(1180px,100%);margin:55px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px;color:#a9c8ae;font:11px "Segoe UI",Arial,sans-serif}
@media(max-width:1020px){.nav-shell{gap:18px}.site-nav{gap:18px}.hero{min-height:920px}.hero-shell{grid-template-columns:1fr;padding-top:125px;text-align:center}.hero-copy{padding-top:10px}.hero-copy>p,.hero h1{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-scene{height:365px;width:min(590px,100%);margin:-20px auto 0}.welcome-board{top:20px}.hero-panda{left:20px;width:200px}.feature-grid{grid-template-columns:repeat(2,1fr)}.game-window-shell{grid-template-columns:1fr;gap:45px}.game-copy{text-align:center}.check-list{justify-content:center}.footer-shell{grid-template-columns:1.5fr repeat(3,1fr);gap:30px}}
@media(max-width:780px){.nav-shell{height:78px}.brand{width:145px}.nav-toggle{display:flex;width:45px;height:42px;margin-left:auto;padding:10px;border:1px solid rgba(255,255,255,.5);border-radius:12px;flex-direction:column;justify-content:center;gap:4px;color:#fff;background:rgba(255,255,255,.15)}.nav-toggle span{display:block;height:3px;border-radius:9px;background:#fff}.nav-toggle b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-nav{position:absolute;left:4vw;right:4vw;top:72px;display:none;padding:15px;border:5px solid #fff;border-radius:20px;flex-direction:column;align-items:stretch;background:#fff;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{padding:11px 14px;border-radius:10px;color:var(--ink);text-shadow:none}.site-nav a:hover,.site-nav a.active{background:#eef8e8}.site-nav a:after{display:none}.nav-actions{display:none}.hero{min-height:875px}.hero-shell{width:92vw;padding-top:100px;gap:10px}.hero h1{font-size:clamp(43px,12vw,62px)}.hero-copy>p{font-size:16px}.hero-scene{height:350px}.welcome-board{right:1%;width:340px;text-align:left}.hero-panda{left:1%;width:172px}.bolly-bubble{right:5px}.section-pad{padding:72px 22px}.feature-card p{min-height:0}.feature-grid{grid-template-columns:1fr}.game-window-shell{gap:35px}.join-shell{padding:32px;text-align:center;grid-template-columns:1fr}.join-shell>img{display:none}.footer-shell{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.client-preview{border-width:5px}.client-preview figcaption{right:12px}}
@media(max-width:500px){.hero{min-height:900px}.hero-actions{display:grid}.button-large{width:100%}.trust-row{gap:9px 13px}.hero-scene{height:335px;margin-top:6px}.welcome-board{left:0;right:0;width:100%;padding:20px 18px}.welcome-board h2{font-size:25px}.welcome-board li{font-size:13px}.hero-panda{display:none}.bolly-bubble{bottom:-4px}.feature-grid{gap:13px}.section-heading{text-align:left}.join-shell h2{font-size:32px}.footer-shell{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Inner pages */
.inner-page{background:#f7fbf4}.inner-page .site-header{position:relative;background:linear-gradient(180deg,#58caef,#51c3ea)}.inner-page .site-nav a,.inner-page .button-quiet{color:#fff}.page-hero{position:relative;overflow:hidden;min-height:390px;padding:100px 24px 120px;text-align:center;color:#fff;background:linear-gradient(180deg,#58caf0,#78dded 62%,#99d527)}.page-hero:after{content:"";position:absolute;left:50%;bottom:-2px;width:max(1200px,100vw);height:220px;transform:translateX(-50%);background:url('/flashclient-20141201/desktop-client/ui/assets/panfu-trees.png') center bottom/100% 100% no-repeat;opacity:.92}.page-hero>*{position:relative;z-index:2}.page-hero .eyebrow{margin-bottom:12px}.page-hero h1{max-width:850px;margin:0 auto 13px;font-size:clamp(42px,6vw,70px);line-height:1;letter-spacing:-.052em;text-shadow:0 5px 18px rgba(23,91,92,.24)}.page-hero p{max-width:700px;margin:auto;color:#f4ffff;font:700 17px/1.55 "Segoe UI",Arial,sans-serif;text-shadow:0 2px 2px rgba(28,102,82,.25)}.content-shell{width:min(1080px,92vw);margin:auto}.content-section{padding:85px 0}.content-section+.content-section{border-top:1px solid #e1ebdf}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.split.reverse .visual-panel{order:-1}.content-copy h2{margin:8px 0 16px;font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.045em}.content-copy p{color:var(--muted);font:16px/1.72 "Segoe UI",Arial,sans-serif}.visual-panel{position:relative;min-height:350px;border:8px solid #fff;border-radius:28px;background:linear-gradient(145deg,#dff5ff,#e7ffc7);box-shadow:var(--shadow);overflow:hidden}.visual-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.visual-panel.panda-panel img{object-fit:contain;padding:35px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{padding:27px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(47,90,72,.08)}.info-card .feature-icon{width:52px;height:52px;font-size:25px}.info-card h3{margin:16px 0 8px;font-size:21px}.info-card p{margin:0;color:var(--muted);font:14px/1.62 "Segoe UI",Arial,sans-serif}.anchor-target{scroll-margin-top:30px}
.account-surface{min-height:calc(100vh - 94px);padding:65px 24px 90px;background:linear-gradient(180deg,#62cff0 0,#8edee8 42%,#9cd51f 42.2%,#f4faec 82%)}.account-shell{width:min(960px,95vw);margin:auto;display:grid;grid-template-columns:300px minmax(0,560px);align-items:end;justify-content:center}.account-mascot{position:relative;z-index:2;margin-right:-28px;text-align:center}.account-mascot img{display:block;width:275px;max-height:430px;margin:auto;object-fit:contain;filter:drop-shadow(0 22px 14px rgba(38,81,49,.28))}.account-mascot span{display:inline-block;margin-top:-4px;padding:9px 14px;border:4px solid #fff;border-radius:14px;color:#52732b;background:#fff9ce;font-weight:900;transform:rotate(-2deg)}.account-card{position:relative;z-index:1;padding:38px;border:7px solid #fff;border-radius:26px;background:#fffefa;box-shadow:var(--shadow)}.account-card h1{margin:7px 0 8px;font-size:38px;letter-spacing:-.045em}.account-card>.intro{margin:0 0 25px;color:var(--muted);font:14px/1.55 "Segoe UI",Arial,sans-serif}.field{display:grid;gap:7px;margin-bottom:15px}.field>span,.field-label{color:#3b6157;font:800 12px "Segoe UI",Arial,sans-serif}.field input,.field select{width:100%;min-height:48px;padding:11px 13px;border:1.5px solid #ccdcd3;border-radius:12px;outline:0;color:#24483f;background:#fbfdf9}.field input:focus,.field select:focus{border-color:#69b64b;box-shadow:0 0 0 4px rgba(105,182,75,.14)}.field small{color:#82938e;font:11px/1.4 "Segoe UI",Arial,sans-serif}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-row{display:flex;align-items:flex-start;gap:9px;margin:5px 0 18px;color:#637872;font:12px/1.45 "Segoe UI",Arial,sans-serif}.check-row input{width:18px;height:18px;accent-color:#59a938;flex:0 0 auto}.check-row a{color:#438f2d;font-weight:800}.form-notice{min-height:0;margin-top:13px;padding:0;border-radius:11px;text-align:center;font:800 12px/1.4 "Segoe UI",Arial,sans-serif}.form-notice:not(:empty){padding:11px}.form-notice.error{color:#a33b28;background:#ffebe6}.form-notice.success,.form-notice.working{color:#287431;background:#e9f7e4}.account-links{display:flex;justify-content:center;gap:16px;margin-top:17px;color:#69817a;font:12px "Segoe UI",Arial,sans-serif}.account-links a{color:#438f2d;font-weight:900}.style-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 15px;padding:0;border:0}.style-picker legend{margin-bottom:8px;color:#3b6157;font:800 12px "Segoe UI",Arial,sans-serif}.style-option{position:relative}.style-option input{position:absolute;opacity:0}.style-option span{display:flex;align-items:center;gap:10px;padding:7px;border:1.5px solid #d4e2dc;border-radius:13px;color:#5b756b;background:#fbfdf9;font-weight:900}.style-option img{width:58px;height:58px;object-fit:contain}.style-option input:checked+span{border-color:#69ad4b;color:#3d852e;background:#f1faeb;box-shadow:0 0 0 3px rgba(98,173,67,.09)}
.download-panel{width:min(960px,92vw);margin:-70px auto 90px;position:relative;z-index:3;padding:38px;border:7px solid #fff;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.release-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:22px}.platform-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:23px;color:#fff;background:linear-gradient(145deg,#58c9ef,#3aaad7);font-size:38px;font-weight:900}.release-row h2{margin:0 0 5px;font-size:27px}.release-row p{margin:0;color:var(--muted);font:13px/1.5 "Segoe UI",Arial,sans-serif}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;padding-top:30px;border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:36px 1fr;gap:11px}.step>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#69b63f}.step h3{margin:2px 0 5px;font-size:15px}.step p{margin:0;color:var(--muted);font:12px/1.45 "Segoe UI",Arial,sans-serif}.notice-box{padding:22px 24px;border:1px solid #f2d382;border-radius:17px;color:#765c1e;background:#fff7d8;font:13px/1.55 "Segoe UI",Arial,sans-serif}.notice-box strong{color:#654b0c}.legal-copy{max-width:800px;margin:auto}.legal-copy h2{margin:40px 0 10px;font-size:26px}.legal-copy h2:first-child{margin-top:0}.legal-copy p,.legal-copy li{color:var(--muted);font:14px/1.7 "Segoe UI",Arial,sans-serif}.legal-copy a{color:#468f30;font-weight:800}
.download-panel-wide{width:min(1080px,92vw)}.platform-downloads{display:grid;grid-template-columns:1fr 1fr;gap:18px}.release-card{display:grid;grid-template-columns:82px 1fr;align-content:start;gap:18px;padding:25px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,#f7fdff,#eefaff);box-shadow:0 12px 28px rgba(47,90,72,.08)}.release-card.mac-card{background:linear-gradient(145deg,#fbfbff,#f1f0fa)}.release-card .button{grid-column:1/-1;width:100%;margin-top:2px}.release-copy h2{margin:3px 0 6px;font-size:25px}.release-copy p{margin:0;color:var(--muted);font:12.5px/1.55 "Segoe UI",Arial,sans-serif}.platform-label{color:#3b9cca;font:900 11px "Segoe UI",Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}.mac-card .platform-label{color:#7669a5}.apple-icon{background:linear-gradient(145deg,#77718c,#403c50);font-size:0}.apple-icon:after{content:"◆";font-size:35px;transform:rotate(45deg);color:#fff}
.dashboard{display:none}.dashboard.ready{display:block}.dashboard-loading{display:block;text-align:center;padding:80px 20px}.dashboard.ready+.dashboard-loading{display:none}.profile-card{display:grid;grid-template-columns:240px 1fr;gap:35px;align-items:center}.profile-avatar{display:grid;place-items:center;min-height:280px;border-radius:28px;background:radial-gradient(circle,#fff4a5,#dff2a6 55%,#eff9e8)}.profile-avatar img{width:235px;height:250px;object-fit:contain}.profile-main h1{margin:7px 0 8px;font-size:44px}.profile-badges{display:flex;gap:8px;flex-wrap:wrap}.profile-badges span{padding:7px 11px;border-radius:999px;color:#4d7466;background:#edf5ed;font:800 12px "Segoe UI",Arial,sans-serif}.profile-badges .gold{color:#946000;background:#fff0ba}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:23px 0}.stat{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfdf9}.stat span{display:block;color:#82938e;font:11px "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.stat strong{display:block;margin-top:4px;font-size:21px}.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.text-action{border:0;color:#72867f;background:transparent;font-weight:800;cursor:pointer;text-decoration:underline}
@media(max-width:780px){.page-hero{min-height:350px;padding-top:75px}.split{grid-template-columns:1fr;gap:35px}.split.reverse .visual-panel{order:0}.mini-grid{grid-template-columns:1fr}.account-surface{padding:35px 15px 70px}.account-shell{grid-template-columns:1fr;width:min(560px,96vw)}.account-mascot{display:none}.account-card{padding:28px 22px;border-width:5px}.form-row{grid-template-columns:1fr;gap:0}.download-panel{padding:25px 20px}.release-row{grid-template-columns:65px 1fr}.release-row .button{grid-column:1/-1}.platform-icon{width:62px;height:62px}.steps{grid-template-columns:1fr}.profile-card{grid-template-columns:1fr;text-align:center}.profile-avatar{min-height:230px}.profile-avatar img{height:220px}.profile-badges,.dashboard-actions{justify-content:center}}
@media(max-width:780px){.platform-downloads{grid-template-columns:1fr}.release-card{grid-template-columns:62px 1fr;padding:20px}.release-copy h2{font-size:22px}}

.bolly-bubble img{width:34px;height:32px;object-fit:none;object-position:left top}
.mobile-account-links{display:none}
@media(max-width:780px){.mobile-account-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid #e2ebdf}.mobile-account-links a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:8px!important;color:#fff!important;background:#62ae39!important;text-shadow:none!important}.mobile-account-links a:last-child{background:#f5a40e!important}}
@media(max-width:780px){.account-shell{width:100%}}
.transport-warning{margin:0 0 18px;padding:11px 13px;border:1px solid #f0cf75;border-radius:11px;color:#725714;background:#fff7d5;font:700 11px/1.45 "Segoe UI",Arial,sans-serif}

/* Cohesive Panfu refresh — built only from the restored game artwork. */
body[data-page="home"]{background:#88ce30}
body[data-page="home"] .hero{padding-bottom:76px;background:linear-gradient(180deg,#60d0f3 0 54%,#91d437 78%,#83c82d 100%)}
body[data-page="home"] .hero-grass{height:94px;background:linear-gradient(180deg,transparent,#8ed234 44%,#83c82d)}
.welcome-board{transform:none!important}
.welcome-board:before,.welcome-board:after{transform:none!important}
.board-list{display:grid!important;gap:7px!important}
.board-list li{min-height:52px!important;padding:5px 13px 5px 8px!important}
.board-list li img{width:43px;height:43px;flex:0 0 43px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(73,31,5,.3))}
.panfu-notices{position:relative;overflow:hidden;margin-top:-1px;padding:78px 4vw 0;background:linear-gradient(180deg,#83c82d 0,#9adc35 23%,#8fd231 58%,#73b82c 100%)}
.panfu-notices:before,.panfu-notices:after{content:"";position:absolute;z-index:0;width:320px;height:330px;bottom:110px;background:url("/flashclient-20141201/desktop-client/ui/assets/panfu-trees.png") center/cover no-repeat;opacity:.55}
.panfu-notices:before{left:-155px}.panfu-notices:after{right:-155px;transform:scaleX(-1)}
.notice-path{position:absolute;z-index:0;left:50%;top:180px;width:260px;height:760px;transform:translateX(-50%) rotate(-5deg);border-radius:50%;background:linear-gradient(90deg,transparent,#d6dc82 24% 76%,transparent);opacity:.5}
.panfu-notice-shell{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;width:min(1080px,92vw);margin:auto}
.panfu-notice{position:relative;min-height:390px;padding:30px 32px;border:8px solid #fff5cf;border-radius:24px;color:#63340d;background:linear-gradient(180deg,#fffadd,#fff4bc);box-shadow:0 18px 0 rgba(75,122,22,.18),0 24px 44px rgba(49,94,18,.24),inset 0 0 0 2px #e8c969}
.panfu-notice:before{content:"";position:absolute;inset:10px;border:2px dashed rgba(167,108,30,.3);border-radius:13px;pointer-events:none}
.panfu-notice header{position:relative;display:flex;align-items:center;gap:15px;margin-bottom:18px;padding-bottom:16px;border-bottom:2px solid rgba(177,116,31,.22)}
.panfu-notice header>img{width:80px;height:64px;object-fit:contain}
.panfu-notice header span{color:#6fae25;font:900 11px "Segoe UI",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.panfu-notice h2{margin:3px 0 0;color:#6e390d;font-size:27px;line-height:1.05}
.panfu-notice p{position:relative;margin:0 0 23px;color:#735a3e;font:14px/1.7 "Segoe UI",Arial,sans-serif}
.panfu-notice .button{position:relative}
.panfu-checklist{background:linear-gradient(180deg,#fff7d1,#f9e8a8)}
.panfu-checklist ul{position:relative;display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}
.panfu-checklist li{display:flex;align-items:center;gap:12px;min-height:48px;padding:7px 12px;border-radius:12px;color:#65442c;background:rgba(255,255,255,.5);font-weight:900}
.panfu-checklist li img{width:42px;height:38px;object-fit:contain}
.panfu-download-strip{position:relative;z-index:1;display:grid;grid-template-columns:210px 1fr 210px;align-items:end;width:min(1000px,92vw);margin:90px auto 0;padding:34px 34px 0;border:7px solid #fff;border-bottom:0;border-radius:30px 30px 0 0;text-align:center;background:linear-gradient(180deg,#fffbdc,#eff8c7);box-shadow:0 -10px 34px rgba(56,109,28,.18)}
.panfu-download-strip>div{padding-bottom:34px}.panfu-download-strip h2{margin:6px 0 8px;color:#285843;font-size:32px}.panfu-download-strip p{margin:0 0 18px;color:#5d7768;font:14px/1.55 "Segoe UI",Arial,sans-serif}.strip-panda{width:205px;height:245px;object-fit:contain;filter:drop-shadow(0 14px 9px rgba(35,83,39,.25))}.strip-panda.girl{transform:scaleX(-1)}

.passport-surface{position:relative;min-height:calc(100vh - 82px);overflow:hidden;padding:54px 18px 80px;background:linear-gradient(180deg,#62cff2 0 45%,#96d63c 72%,#79bd2e 100%)}
.passport-surface:before{content:"";position:absolute;inset:auto 0 0;height:65%;background:url("/flashclient-20141201/desktop-client/ui/assets/panfu-trees.png") center bottom/cover no-repeat;opacity:.82;pointer-events:none}
.passport-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,420px) minmax(430px,560px);align-items:center;justify-content:center;gap:0;width:min(970px,96vw);margin:auto}
.passport-story{position:relative;z-index:2;min-height:580px;margin-right:-20px;padding:28px 46px 28px 30px;border:7px solid #71360e;border-radius:25px 0 0 25px;color:#fff1bc;background:repeating-linear-gradient(2deg,rgba(255,255,255,.06) 0 2px,transparent 2px 48px),linear-gradient(100deg,#9a4a12,#bf6b22);box-shadow:0 25px 50px rgba(42,76,29,.3),inset 0 0 0 3px #d58a3f}
.passport-logo{display:block;width:170px;height:64px;margin:0 auto 4px;filter:drop-shadow(0 4px 4px rgba(74,34,7,.35))}.panda-pair{display:flex;justify-content:center;height:240px;margin:-2px 0 4px}.panda-pair img{width:195px;height:245px;margin:0 -28px;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(66,30,8,.32))}.passport-story h2{margin:4px 0 8px;color:#fff8cd;font-size:29px;line-height:1.06}.passport-story>p{margin:0 0 18px;color:#ffecc9;font:13px/1.6 "Segoe UI",Arial,sans-serif}.passport-perks{display:grid;gap:8px;margin:0;padding:0;list-style:none}.passport-perks li{display:flex;align-items:center;gap:10px;min-height:42px;padding:5px 10px;border-radius:10px;color:#fff7d8;background:rgba(84,33,5,.25);font-weight:900}.passport-perks img{width:36px;height:34px;object-fit:contain}.passport-card{z-index:3;min-height:540px;padding:35px 38px 30px;border-radius:0 28px 28px 0}.passport-card h1{font-size:40px}.full-button{width:100%}.compact-field{max-width:230px}.panda-gender-picker span{position:relative;display:grid!important;grid-template-columns:78px 1fr;grid-template-rows:1fr 1fr;min-height:90px!important;padding:4px 10px!important}.panda-gender-picker img{grid-row:1/3;width:72px!important;height:78px!important}.panda-gender-picker b{align-self:end}.panda-gender-picker small{align-self:start;color:#8a9b96;font:10px "Segoe UI",Arial,sans-serif}.panda-gender-picker input:checked+span small{color:#5f9448}
.login-passport{grid-template-columns:350px minmax(420px,520px)}.login-story{display:grid;place-items:end center;min-height:510px;padding:0;border-radius:25px 0 0 25px}.key-character{width:315px;height:430px;object-fit:contain;filter:drop-shadow(0 15px 9px rgba(66,30,8,.32))}.speech-plaque{position:absolute;left:24px;right:24px;bottom:20px;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;border:4px solid #fff;border-radius:16px;color:#53802d;background:#fff9ce;box-shadow:0 8px 20px rgba(65,31,9,.25);font-weight:900}.speech-plaque img{width:35px;height:35px;object-fit:contain}

.account-dashboard-surface{background:linear-gradient(180deg,#62cff2 0,#91d23a 56%,#79bd2e 100%)}
.account-dashboard-surface:before{content:"";position:absolute;inset:auto 0 0;height:60%;background:url("/flashclient-20141201/desktop-client/ui/assets/panfu-trees.png") center bottom/cover no-repeat;opacity:.4;pointer-events:none}.account-dashboard-surface .content-shell{position:relative;z-index:1}.coin-stat strong{display:flex!important;align-items:center;gap:8px}.coin-stat strong img{width:31px;height:31px;object-fit:contain;image-rendering:auto}.account-settings{margin-top:30px;padding-top:28px;border-top:2px dashed #c3d7b8}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.settings-heading h2{margin:5px 0 3px;font-size:28px}.settings-heading p{margin:0;color:#71867e;font:13px/1.5 "Segoe UI",Arial,sans-serif}.settings-close{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;color:#587269;background:#edf5e9;font-size:25px;cursor:pointer}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.settings-panel{position:relative;padding:23px;border:1px solid #d7e5d8;border-radius:20px;background:#f8fcf4}.settings-panel>img{float:right;width:64px;height:54px;object-fit:contain}.settings-panel h3{margin:3px 0 19px;font-size:20px}.settings-panel .button{width:100%}.settings-panel>p{margin:-8px 0 18px;color:#7d6b64;font:12px/1.55 "Segoe UI",Arial,sans-serif}.danger-panel{border-color:#edc8be;background:#fff6f2}.danger-panel h3{color:#9b402c}.danger-check{color:#8d4d3f}.danger-button{border:1px solid #9e281d;border-bottom:4px solid #7b1c15;color:#fff;background:linear-gradient(#e85d47,#c93b2c);text-shadow:0 1px #7f2219}.danger-button:hover{filter:brightness(1.05)}

@media(max-width:900px){.panfu-notice-shell{grid-template-columns:1fr}.panfu-download-strip{grid-template-columns:160px 1fr 160px}.strip-panda{width:160px}.passport-shell{grid-template-columns:300px minmax(400px,520px)}.passport-story{padding-left:22px}.panda-pair img{width:165px}.login-passport{grid-template-columns:300px minmax(400px,520px)}.key-character{width:275px}}
@media(max-width:780px){.site-nav{top:76px!important;padding:13px!important;border:3px solid #7a3c12!important;border-radius:0 0 18px 18px!important;background:linear-gradient(180deg,#a95618,#7f350d)!important;box-shadow:0 16px 30px rgba(45,77,34,.3)!important}.site-nav a{display:block!important;padding:12px 14px!important;border-radius:10px!important;color:#fff7d8!important;background:rgba(85,31,4,.22)!important;text-shadow:0 1px #542007!important}.site-nav a:hover,.site-nav a.active{color:#5d370d!important;background:#fff4bf!important;text-shadow:none!important}.mobile-account-links{border-color:rgba(255,255,255,.25)!important}.mobile-account-links a{color:#fff!important;background:#60ad37!important;text-shadow:0 1px rgba(47,77,25,.5)!important}.mobile-account-links a:last-child{background:#f3a20b!important}.panfu-notices{padding-top:45px}.panfu-notice-shell{width:min(560px,94vw)}.panfu-notice{min-height:0;padding:25px 22px}.panfu-download-strip{grid-template-columns:115px 1fr 115px;width:96vw;padding-left:5px;padding-right:5px}.strip-panda{width:125px;height:210px}.panfu-download-strip h2{font-size:25px}.passport-surface{padding:32px 12px 65px}.passport-shell,.login-passport{grid-template-columns:1fr;width:min(570px,96vw)}.passport-story{min-height:270px;margin:0 0 -16px;padding:18px 24px 34px;border-radius:24px 24px 0 0}.passport-logo{height:46px}.panda-pair{height:150px}.panda-pair img{width:145px;height:165px}.passport-story h2,.passport-story>p,.passport-perks{display:none}.passport-card{min-height:0;border-radius:24px}.login-story{min-height:260px;padding:0}.key-character{width:230px;height:275px}.speech-plaque{bottom:25px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:560px){.panfu-notices{padding-left:8px;padding-right:8px}.panfu-notice header>img{width:62px}.panfu-notice h2{font-size:23px}.panfu-download-strip{grid-template-columns:70px 1fr 70px;margin-top:55px}.strip-panda{width:95px;height:175px;margin-left:-13px}.strip-panda.girl{margin-left:-12px}.panfu-download-strip>div{padding-bottom:25px}.panfu-download-strip p{display:none}.passport-card{padding:28px 20px}.passport-card h1{font-size:34px}.panda-gender-picker{grid-template-columns:1fr 1fr!important}.panda-gender-picker span{display:flex!important;flex-direction:column;justify-content:center;gap:0!important;text-align:center}.panda-gender-picker img{width:62px!important;height:63px!important}.panda-gender-picker small{display:none}.settings-panel{padding:19px}}

/* Nostalgia refresh: preserve the proportions of every restored bitmap. */
.hero-forest,
.page-hero:after {
  left: 0;
  width: 100%;
  transform: none;
  background-size: cover;
  background-position: center bottom;
}
.hero-forest { height: clamp(330px, 38vw, 500px); }
.page-hero:after { height: clamp(190px, 23vw, 270px); }
.panfu-notices:before,
.panfu-notices:after,
.passport-surface:before,
.account-dashboard-surface:before { background-size: cover; background-repeat: no-repeat; }

.default-panda-colour {
  filter: grayscale(1) contrast(1.8) brightness(.75) drop-shadow(0 12px 8px rgba(44,72,38,.22)) !important;
}
.hero-panda-classic {
  left: -66px;
  bottom: -6px;
  width: 275px;
  filter: grayscale(1) contrast(1.8) brightness(.75) drop-shadow(0 22px 13px rgba(36,83,51,.34));
}
.bolly-sprite {
  display: inline-block;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  background: url('/site/assets/bolly.png') 0 0 / 768px 32px no-repeat;
}
.bolly-bubble .bolly-sprite,
.speech-plaque .bolly-sprite { width: 32px; height: 32px; }

.inner-page > main:not(.passport-surface):not(.account-surface) {
  background: linear-gradient(180deg, #dff1bd 0, #f4f8df 220px, #fffaf1 620px, #f7fbf4 100%);
}
.page-hero {
  min-height: clamp(350px, 37vw, 470px);
  background: linear-gradient(180deg, #58caf0 0, #79ddee 52%, #a1d833 100%);
}
.nostalgia-hero p { max-width: 790px; }
.nostalgia-content { width: min(1120px, 92vw); }
.nostalgia-content .content-section { padding: clamp(62px, 8vw, 100px) 0; }
.memory-photo {
  position: relative;
  margin: 0;
  padding: 11px 11px 42px;
  border: 1px solid #dccb9b;
  border-radius: 8px;
  background: #fffdf2;
  box-shadow: 0 22px 46px rgba(62,93,56,.18), 0 3px 0 #e2d7ad;
  transform: rotate(1deg);
}
.split.reverse .memory-photo { order: -1; transform: rotate(-1deg); }
.memory-photo:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -14px;
  width: 92px;
  height: 27px;
  transform: translateX(-50%) rotate(-2deg);
  background: rgba(250,226,140,.7);
  box-shadow: 0 1px 1px rgba(111,80,23,.12);
}
.memory-photo img {
  display: block;
  width: 100%;
  aspect-ratio: 772 / 480;
  object-fit: cover;
  border-radius: 4px;
}
.memory-photo figcaption {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 10px;
  color: #7c5a33;
  text-align: center;
  font: 800 13px/1.4 "Trebuchet MS", sans-serif;
}
.game-memory img { object-position: center; }
.picture-list {
  display: grid;
  gap: 10px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  color: #4f6e60;
  font-weight: 900;
}
.picture-list li { display: flex; align-items: center; gap: 11px; }
.picture-list img { width: 38px; height: 38px; object-fit: contain; }
.pet-showcase { min-height: 410px; background: linear-gradient(145deg,#dff5ff,#f0ffd1); }
.feature-art {
  width: 62px;
  height: 62px;
  object-fit: contain;
  padding: 7px;
  border-radius: 18px;
  background: #eff8d9;
}
.safety-grid .info-card:nth-child(2) .feature-art { background: #e9f5ff; }
.safety-grid .info-card:nth-child(3) .feature-art { background: #fff3cf; }

.passport-surface {
  background: linear-gradient(180deg,#62cff2 0 42%,#9bd63d 72%,#79bd2e 100%);
}
.passport-surface:before { height: min(68%, 610px); background-size: cover; background-position: center bottom; }
.passport-story { transform: none; }
.speech-plaque { line-height: 1.3; }
.profile-avatar .default-panda-colour { object-fit: contain; }

@media (min-width: 1600px) {
  .hero-shell { width: min(1320px, 86vw); }
  .hero-copy { padding-left: 35px; }
  .hero-forest { height: 540px; }
  .page-hero:after { height: 300px; }
}
@media (max-width: 1020px) {
  .hero-panda-classic { left: 0; width: 210px; }
}
@media (max-width: 780px) {
  .memory-photo,
  .split.reverse .memory-photo { order: 0; transform: none; }
  .page-hero:after { background-size: auto 100%; }
  .passport-surface:before { background-size: auto 100%; }
}
@media (max-width: 500px) {
  .hero-forest { background-size: auto 100%; }
  .memory-photo { padding: 7px 7px 38px; }
  .pet-showcase { min-height: 330px; }
}

/* Scene-led homepage: familiar Panfu first, decoration second. */
.player-note {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 8px 14px;
  border: 3px solid #8a4718;
  border-radius: 12px;
  color: #fff5cb;
  background: linear-gradient(#a85a20,#844013);
  box-shadow: 0 6px 0 rgba(91,50,16,.18), inset 0 0 0 1px rgba(255,215,121,.22);
  font: 900 12px/1 "Trebuchet MS", sans-serif;
  letter-spacing: .02em;
}
.player-note .live-dot { background: #a8e844; box-shadow: 0 0 0 4px rgba(190,242,94,.18); }
.hero-shell { grid-template-columns: minmax(400px,.88fr) minmax(540px,1.12fr); gap: 46px; }
.hero-copy { padding-top: 66px; }
.hero-copy > p { max-width: 570px; font-size: 17px; }
.hero-memory-scene {
  position: relative;
  align-self: center;
  margin: 6px 0 0;
  padding: 12px 12px 70px;
  border: 5px solid #fff8d6;
  border-radius: 25px;
  background: #fff8d6;
  box-shadow: 0 30px 58px rgba(35,91,55,.25), 0 7px 0 rgba(93,139,36,.18);
}
.hero-memory-scene:before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 50%;
  top: -17px;
  width: 124px;
  height: 32px;
  transform: translateX(-50%) rotate(-1deg);
  background: rgba(255,226,125,.78);
  box-shadow: 0 2px 3px rgba(112,85,30,.13);
}
.hero-memory-scene img { display: block; width: 100%; aspect-ratio: 8/5; object-fit: cover; border-radius: 14px; }
.hero-memory-scene figcaption { position: absolute; left: 23px; right: 23px; bottom: 17px; display: flex; align-items: baseline; justify-content: space-between; gap: 16px; color: #704a27; }
.hero-memory-scene figcaption b { font-size: 18px; }
.hero-memory-scene figcaption span { color: #8a725d; font: 800 12px "Trebuchet MS", sans-serif; }
.strip-memory { width: 205px; height: 190px; margin-bottom: 0; border: 7px solid #fff; border-bottom: 0; border-radius: 20px 20px 0 0; object-fit: cover; box-shadow: 0 -7px 20px rgba(58,100,34,.15); }
.footer-logo { display: inline-flex; padding: 9px 14px; border-radius: 15px; background: #f9f3cf; box-shadow: inset 0 0 0 2px rgba(94,132,51,.15); }
.footer-brand .footer-logo img { width: 160px; filter: none; opacity: 1; }

.memory-gallery { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin: -42px 0 42px; position: relative; z-index: 3; }
.memory-gallery figure { position: relative; overflow: hidden; margin: 0; min-height: 180px; border: 7px solid #fffdf1; border-radius: 18px; background: #fffdf1; box-shadow: 0 16px 32px rgba(61,94,50,.18); }
.memory-gallery img { display: block; width: 100%; height: 100%; min-height: 180px; object-fit: cover; }
.memory-gallery figcaption { position: absolute; left: 9px; bottom: 9px; padding: 7px 11px; border-radius: 9px; color: #fff9dc; background: rgba(92,50,16,.82); font: 900 12px "Trebuchet MS",sans-serif; }

@media (min-width: 1600px) {
  .hero-shell { grid-template-columns: minmax(470px,.9fr) minmax(650px,1.1fr); }
  .hero-memory-scene { max-width: 690px; }
}
@media (max-width: 1050px) {
  .hero-shell { grid-template-columns: 1fr 1fr; gap: 25px; }
  .hero-memory-scene { padding-bottom: 62px; }
  .hero-memory-scene figcaption { align-items: flex-start; flex-direction: column; gap: 2px; }
}
@media (max-width: 780px) {
  body[data-page="home"] .hero { min-height: 1040px; }
  .hero-shell { display: flex; flex-direction: column; width: min(620px,92vw); padding-top: 125px; }
  .hero-copy { padding-top: 0; text-align: center; }
  .player-note { margin: auto; }
  .hero-copy > p { margin-left: auto; margin-right: auto; }
  .hero-actions { justify-content: center; }
  .hero-memory-scene { width: 100%; margin-top: 18px; }
  .panfu-download-strip { grid-template-columns: 105px 1fr 105px; }
  .strip-memory { width: 105px; height: 165px; }
  .memory-gallery { grid-template-columns: 1fr 1fr; margin-top: -24px; }
}
@media (max-width: 500px) {
  body[data-page="home"] .hero { min-height: 980px; }
  .hero h1 { font-size: 43px; }
  .hero-memory-scene { padding: 7px 7px 62px; }
  .hero-memory-scene figcaption { left: 15px; right: 15px; bottom: 13px; }
  .panfu-download-strip { grid-template-columns: 52px 1fr 52px; }
  .strip-memory { width: 70px; height: 130px; margin-left: -9px; }
  .memory-gallery { gap: 8px; }
  .memory-gallery figure,.memory-gallery img { min-height: 135px; }
}