.pianomode-play-hub{--pm-surface: var(--pm-black);--pm-surface-2: var(--pm-black-soft);--pm-surface-3: var(--pm-black-muted);--pm-text: #F5EFE3;--pm-text-soft: rgba(245, 239, 227, .72);--pm-text-muted: rgba(245, 239, 227, .45);--pm-border: var(--pm-gold-a15);--pm-border-strong: var(--pm-gold-a35);--pm-accent: var(--pm-gold);--pm-overlay: rgba(11, 11, 11, .72);--pm-game-accent: #A78BE0;--pm-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .022), rgba(255, 255, 255, 0) 42%), var(--pm-surface-2);--pm-card-bg-hover: linear-gradient(180deg, var(--pm-gold-a08), rgba(255, 255, 255, 0) 48%), var(--pm-surface-2);--pm-grad-accent: linear-gradient(135deg, var(--pm-gold-bright) 0%, var(--pm-gold) 40%, var(--pm-gold-dark) 80%, var(--pm-gold) 100%);--pm-shadow-card-hover: 0 0 0 1.5px var(--pm-gold-a35), 0 22px 60px rgba(0, 0, 0, .55), 0 8px 24px var(--pm-gold-a15);--pm-page-bg: radial-gradient(135% 75% at 50% -12%, rgba(220, 196, 136, .16) 0%, rgba(215, 191, 129, .05) 30%, transparent 60%), radial-gradient(85% 55% at 86% 2%, rgba(230, 212, 168, .06), transparent 50%), linear-gradient(180deg, #131311 0%, #0C0C0C 48%, #080808 100%);position:relative;background:var(--pm-page-bg)!important;color:var(--pm-text);font-family:var(--pm-font);min-height:100vh;overflow-x:clip}.pianomode-play-hub:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(38% 30% at 22% 26%,rgba(215,191,129,.08),transparent 60%),radial-gradient(34% 26% at 80% 72%,rgba(190,168,110,.06),transparent 60%);animation:pm-play-aurora 26s ease-in-out infinite alternate}.pianomode-play-hub>*{position:relative;z-index:1}@keyframes pm-play-aurora{0%{transform:translateZ(0) scale(1);opacity:.85}50%{transform:translate3d(2.5%,-2%,0) scale(1.08);opacity:1}to{transform:translate3d(-2%,2.5%,0) scale(1.02);opacity:.9}}@media(prefers-reduced-motion:reduce){.pianomode-play-hub:before{animation:none}}.pianomode-play-hub .play-notes-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.pianomode-play-hub .play-notes-bg span{position:absolute;bottom:-8%;color:var(--pm-accent);opacity:0;font-size:clamp(1.3rem,1.8vw,2.3rem);line-height:1;filter:drop-shadow(0 0 8px var(--pm-gold-a25));animation:pm-note-rise 36s linear infinite;will-change:transform,opacity}@keyframes pm-note-rise{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}8%{opacity:.18}50%{transform:translateY(-55vh) translate(3vw) rotate(12deg);opacity:.13}92%{opacity:.1}to{transform:translateY(-110vh) translate(-2vw) rotate(-8deg);opacity:0}}.pianomode-play-hub .play-notes-bg span:nth-child(1){left:4%;animation-duration:36s;animation-delay:0s}.pianomode-play-hub .play-notes-bg span:nth-child(2){left:11%;animation-duration:44s;animation-delay:7s;font-size:1.5rem}.pianomode-play-hub .play-notes-bg span:nth-child(3){left:19%;animation-duration:40s;animation-delay:14s}.pianomode-play-hub .play-notes-bg span:nth-child(4){left:27%;animation-duration:48s;animation-delay:3s;font-size:1.4rem}.pianomode-play-hub .play-notes-bg span:nth-child(5){left:35%;animation-duration:38s;animation-delay:20s}.pianomode-play-hub .play-notes-bg span:nth-child(6){left:43%;animation-duration:46s;animation-delay:10s}.pianomode-play-hub .play-notes-bg span:nth-child(7){left:51%;animation-duration:42s;animation-delay:26s;font-size:1.5rem}.pianomode-play-hub .play-notes-bg span:nth-child(8){left:59%;animation-duration:50s;animation-delay:5s}.pianomode-play-hub .play-notes-bg span:nth-child(9){left:67%;animation-duration:39s;animation-delay:17s}.pianomode-play-hub .play-notes-bg span:nth-child(10){left:75%;animation-duration:45s;animation-delay:30s;font-size:1.4rem}.pianomode-play-hub .play-notes-bg span:nth-child(11){left:83%;animation-duration:41s;animation-delay:12s}.pianomode-play-hub .play-notes-bg span:nth-child(12){left:90%;animation-duration:47s;animation-delay:23s}.pianomode-play-hub .play-notes-bg span:nth-child(13){left:96%;animation-duration:43s;animation-delay:34s}.pianomode-play-hub .play-notes-bg span:nth-child(14){left:7%;animation-duration:49s;animation-delay:40s;font-size:1.5rem}@media(max-width:768px){.pianomode-play-hub .play-notes-bg{display:none}}@media(prefers-reduced-motion:reduce){.pianomode-play-hub .play-notes-bg{display:none}}.pianomode-play-hub.pm-anim-ready .pm-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--pm-ease-smooth, ease),transform .6s var(--pm-ease-smooth, ease);will-change:opacity,transform}.pianomode-play-hub.pm-anim-ready .pm-reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.pianomode-play-hub.pm-anim-ready .pm-reveal{opacity:1;transform:none;transition:none}}.pianomode-play-hub.pm-anim-ready .pm-reveal{animation:pm-play-reveal-failsafe .4s ease-out 1.6s forwards}@keyframes pm-play-reveal-failsafe{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pianomode-play-hub.pm-anim-ready .pm-reveal{animation:none}}html[data-theme=light] .pianomode-play-hub{--pm-surface: var(--pm-paper);--pm-surface-2: var(--pm-paper-2);--pm-surface-3: var(--pm-paper-3);--pm-text: var(--pm-ink);--pm-text-soft: rgba(10, 9, 8, .72);--pm-text-muted: rgba(10, 9, 8, .5);--pm-border: rgba(160, 137, 74, .3);--pm-border-strong: rgba(160, 137, 74, .55);--pm-accent: var(--pm-gold-deep);--pm-overlay: rgba(40, 34, 24, .4);--pm-game-accent: #6A4FB0;--pm-page-bg: radial-gradient(135% 75% at 50% -12%, rgba(215, 191, 129, .24) 0%, rgba(215, 191, 129, .07) 32%, transparent 60%), linear-gradient(180deg, var(--pm-paper) 0%, var(--pm-paper-2) 100%);--pm-card-bg: linear-gradient(180deg, rgba(215, 191, 129, .07), rgba(215, 191, 129, 0) 50%), var(--pm-surface-2);--pm-card-bg-hover: linear-gradient(180deg, rgba(215, 191, 129, .14), rgba(215, 191, 129, 0) 55%), var(--pm-surface-2);--pm-grad-accent: linear-gradient(135deg, var(--pm-gold-deep) 0%, var(--pm-gold-deep-2026) 55%, var(--pm-gold-deep) 100%);--pm-shadow-card-hover: 0 0 0 1.5px rgba(160, 137, 74, .45), 0 22px 50px rgba(120, 96, 40, .16), 0 8px 20px rgba(160, 137, 74, .12)}body:has(.pm-lp-hero--play){--theme-content-vertical-spacing: 0 !important}body:has(.pm-lp-hero--play) #main,body:has(.pm-lp-hero--play) .site-main,body:has(.pm-lp-hero--play) .ct-main-content,body:has(.pm-lp-hero--play) .ct-container,body:has(.pm-lp-hero--play) [class*=entry-content]{padding-top:0!important;margin-top:0!important}.pianomode-play-page .site-main,.page-template-page-play .site-main,.pianomode-play-page .content-area,.page-template-page-play .content-area,.pianomode-play-page .entry-content,.page-template-page-play .entry-content{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}body.pianomode-play-page,body.page-template-page-play{overflow-x:hidden!important;background:#0a0a0a!important}html[data-theme=light] body.pianomode-play-page,html[data-theme=light] body.page-template-page-play{background:var(--pm-paper)!important}body.pianomode-play-page .ct-container,body.page-template-page-play .ct-container{padding-left:0!important;padding-right:0!important;max-width:none!important}.pianomode-play-hub .play-container{max-width:var(--pm-content-max, 1200px);margin:0 auto;padding:0 clamp(16px,4vw,32px)}.pianomode-play-hub .play-section-header{text-align:center;max-width:720px;margin:0 auto clamp(28px,4vw,44px)}.pianomode-play-hub .play-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--pm-r-pill, 999px);background:var(--pm-gold-a08);border:1px solid var(--pm-border);color:var(--pm-accent);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.pianomode-play-hub .play-eyebrow svg{color:var(--pm-accent)}.pianomode-play-hub .play-section-title{font-family:var(--pm-font);font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:var(--pm-text);margin:0}.pianomode-play-hub .play-section-title-accent{background:var(--pm-grad-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 8px var(--pm-gold-a25))}.pianomode-play-hub .play-section-sub{margin:14px auto 0;max-width:560px;font-size:clamp(.92rem,1.4vw,1.02rem);line-height:1.65;color:var(--pm-text-soft)}.pianomode-play-hub .pm-lp-hero{position:relative;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--pm-black);font-family:var(--pm-font);min-height:clamp(440px,64vh,660px);padding:clamp(20px,4vh,44px) 24px clamp(80px,10vh,112px);margin:0!important}.pianomode-play-hub .pm-lp-hero *{box-sizing:border-box}.pianomode-play-hub .pm-lp-hero__overlay{position:absolute;inset:0;z-index:1;background:var(--pm-hero-overlay)}.pianomode-play-hub .pm-lp-hero__notes{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.pianomode-play-hub .pm-lp-hero__note{position:absolute;font-size:clamp(1.2rem,2.5vw,2rem);color:var(--pm-gold-bright);opacity:0;animation:pm-play-float 12s ease-in-out infinite;filter:drop-shadow(0 0 6px var(--pm-gold-a25))}.pianomode-play-hub .pm-lp-hero__note:nth-child(1){left:5%;top:20%;animation-delay:0s;animation-duration:11s}.pianomode-play-hub .pm-lp-hero__note:nth-child(2){left:15%;top:60%;animation-delay:1.5s;animation-duration:13s}.pianomode-play-hub .pm-lp-hero__note:nth-child(3){left:25%;top:30%;animation-delay:3s;animation-duration:10s}.pianomode-play-hub .pm-lp-hero__note:nth-child(4){left:45%;top:70%;animation-delay:2s;animation-duration:14s}.pianomode-play-hub .pm-lp-hero__note:nth-child(5){left:60%;top:15%;animation-delay:4s;animation-duration:12s}.pianomode-play-hub .pm-lp-hero__note:nth-child(6){left:70%;top:55%;animation-delay:1s;animation-duration:11s}.pianomode-play-hub .pm-lp-hero__note:nth-child(7){left:85%;top:25%;animation-delay:3.5s;animation-duration:13s}.pianomode-play-hub .pm-lp-hero__note:nth-child(8){left:92%;top:65%;animation-delay:2.5s;animation-duration:10s}@keyframes pm-play-float{0%{opacity:0;transform:translateY(30px) rotate(-8deg)}15%{opacity:.45}50%{opacity:.3;transform:translateY(-20px) rotate(8deg)}85%{opacity:.45}to{opacity:0;transform:translateY(30px) rotate(-8deg)}}.pianomode-play-hub .pm-lp-hero__content{position:relative;z-index:3;text-align:center;max-width:720px;color:#fff}.pianomode-play-hub .pm-lp-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--pm-hero-badge-bg);border:1px solid var(--pm-hero-badge-border);border-radius:var(--pm-r-pill, 999px);color:var(--pm-gold);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:22px;animation:pm-play-fadeInUp 1s ease-out .2s both}.pianomode-play-hub .pm-lp-hero__title{font-family:var(--pm-font);font-weight:800;font-size:clamp(2.5rem,7vw,4.5rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 clamp(16px,2.4vw,28px)}.pianomode-play-hub .pm-lp-hero__title-main{display:block;color:#fff;margin-bottom:.4rem;text-shadow:0 4px 20px rgba(0,0,0,.5);animation:pm-play-fadeInUp 1s ease-out .3s both}.pianomode-play-hub .pm-lp-hero__title-accent{display:block;background:var(--pm-hero-title-accent);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 4px 12px var(--pm-gold-a50));will-change:transform;animation:pm-play-heroShimmer 3s ease-in-out infinite,pm-play-fadeInUp 1s ease-out .4s both}.pianomode-play-hub .pm-lp-hero__subtitle{font-family:var(--pm-font);font-weight:400;font-size:clamp(15px,2vw,18px);line-height:1.65;color:#f5efe3d1;max-width:600px;margin:0 auto clamp(20px,3.2vw,32px);text-shadow:0 2px 16px rgba(0,0,0,.35);animation:pm-play-fadeInUp 1s ease-out .7s both}.pianomode-play-hub .pm-lp-hero__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;animation:pm-play-fadeInUp 1s ease-out .85s both}.pianomode-play-hub .pm-lp-hero__btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;font-family:var(--pm-font);font-size:13px;font-weight:600;letter-spacing:.04em;border-radius:var(--pm-r-pill, 999px);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform var(--pm-dur, .24s) var(--pm-ease-smooth, ease),box-shadow var(--pm-dur, .24s) var(--pm-ease, ease),background var(--pm-dur, .24s) var(--pm-ease, ease),color var(--pm-dur, .24s) var(--pm-ease, ease),border-color var(--pm-dur, .24s) var(--pm-ease, ease);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pianomode-play-hub .pm-lp-hero__btn--primary{background:var(--pm-gold);color:#0a0908;box-shadow:0 8px 28px var(--pm-gold-a35)}.pianomode-play-hub .pm-lp-hero__btn--primary:hover{background:var(--pm-gold-bright-2026, #E8CF92);transform:translateY(-2px);box-shadow:0 14px 36px var(--pm-gold-a50);color:#0a0908}.pianomode-play-hub .pm-lp-hero__btn--secondary{background:#f5efe30f;color:#f5efe3;border-color:#f5efe340}.pianomode-play-hub .pm-lp-hero__btn--secondary:hover{background:#f5efe31f;border-color:var(--pm-gold);color:var(--pm-gold);transform:translateY(-2px)}.pianomode-play-hub .pm-lp-hero__stats{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:clamp(16px,2vw,22px) clamp(20px,4vw,56px);display:flex;justify-content:center;align-items:baseline;gap:clamp(20px,4vw,64px);flex-wrap:wrap;animation:pm-play-fadeInUp 1s ease-out 1s both}.pianomode-play-hub .pm-lp-hero__stat{display:inline-flex;align-items:baseline;gap:10px;color:#f5efe38c;font-family:var(--pm-font);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.pianomode-play-hub .pm-lp-hero__stat strong{font-family:var(--pm-font-display, "Fraunces", Georgia, serif);font-style:italic;font-weight:400;font-size:clamp(22px,3vw,30px);letter-spacing:0;color:var(--pm-gold);line-height:1;font-variation-settings:"opsz" 96}@keyframes pm-play-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pm-play-heroShimmer{0%{background-position:-200% center}to{background-position:200% center}}.pianomode-play-hub .play-reassure{position:relative;z-index:5;padding:clamp(34px,6vw,56px) 0 clamp(8px,2vw,16px)}.pianomode-play-hub .play-reassure__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}.pianomode-play-hub .play-reassure__card{display:flex;align-items:flex-start;gap:16px;padding:clamp(18px,2vw,24px);background:var(--pm-card-bg);border:1px solid var(--pm-border);border-radius:var(--pm-r-card, 18px);transition:transform var(--pm-dur, .24s) var(--pm-ease, ease),border-color var(--pm-dur, .24s) var(--pm-ease, ease),box-shadow var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-reassure__card:hover{transform:translateY(-4px);border-color:var(--pm-border-strong);box-shadow:var(--pm-shadow-gold-sm, 0 4px 16px rgba(215,191,129,.25))}.pianomode-play-hub .play-reassure__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--pm-r-md, 12px);background:var(--pm-gold-a15);border:1px solid var(--pm-border);color:var(--pm-accent)}.pianomode-play-hub .play-reassure__text{display:flex;flex-direction:column;gap:6px}.pianomode-play-hub .play-reassure__text strong{font-size:1rem;font-weight:700;color:var(--pm-text)}.pianomode-play-hub .play-reassure__text span{font-size:.85rem;line-height:1.55;color:var(--pm-text-soft)}.pianomode-play-hub .play-games-section{padding:clamp(40px,6vw,72px) 0 clamp(40px,6vw,64px)}.pianomode-play-hub .play-search-wrapper{max-width:540px;margin:0 auto clamp(20px,3vw,32px)}.pianomode-play-hub .play-search{position:relative;display:flex;align-items:center;gap:10px;padding:4px 6px 4px 16px;background:var(--pm-surface-2);border:1px solid var(--pm-border);border-radius:var(--pm-r-pill, 999px);transition:border-color var(--pm-dur, .24s) var(--pm-ease, ease),box-shadow var(--pm-dur, .24s) var(--pm-ease, ease),background var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-search:hover{border-color:var(--pm-border-strong)}.pianomode-play-hub .play-search:focus-within{border-color:var(--pm-accent)}.pianomode-play-hub .play-search__icon{display:flex;align-items:center;justify-content:center;color:var(--pm-accent);opacity:.85;flex-shrink:0}.pianomode-play-hub .play-search__input,.pianomode-play-hub .play-search__input:hover,.pianomode-play-hub .play-search__input:focus,.pianomode-play-hub .play-search__input:active,.pianomode-play-hub .play-search__input:focus-visible,.pianomode-play-hub .play-search__input:-webkit-autofill,.pianomode-play-hub .play-search__input:-webkit-autofill:hover,.pianomode-play-hub .play-search__input:-webkit-autofill:focus,.pianomode-play-hub .play-search__input:-internal-autofill-selected{flex:1;min-width:0;padding:13px 8px 13px 0;background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;outline:0!important;-webkit-appearance:none;appearance:none;color:var(--pm-accent)!important;-webkit-text-fill-color:var(--pm-accent)!important;caret-color:var(--pm-accent);font-family:var(--pm-font);font-size:.95rem;font-weight:600;box-shadow:0 0 0 1000px var(--pm-surface-2) inset!important;-webkit-box-shadow:0 0 0 1000px var(--pm-surface-2) inset!important;transition:background-color 9999s ease-in-out 0s}.pianomode-play-hub .play-search__input::placeholder{color:var(--pm-accent)!important;-webkit-text-fill-color:var(--pm-accent)!important;font-weight:500;opacity:.5}.pianomode-play-hub .play-tags-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px;margin:0 auto clamp(28px,4vw,44px)}.pianomode-play-hub .play-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--pm-gold-a08);border:1px solid var(--pm-border);border-radius:var(--pm-r-pill, 999px);color:var(--pm-text-soft);font-family:var(--pm-font);font-size:.85rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:all var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-filter-tag:hover{border-color:var(--pm-border-strong);color:var(--pm-accent);transform:translateY(-2px)}.pianomode-play-hub .play-filter-tag.active{background:var(--pm-grad-gold, linear-gradient(135deg, var(--pm-gold-bright), var(--pm-gold) 45%, var(--pm-gold-dark)));border-color:transparent;color:var(--pm-text-on-gold, #1b1505);box-shadow:var(--pm-shadow-gold-sm, 0 4px 16px rgba(215,191,129,.25))}.pianomode-play-hub .play-games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,28px)}.pianomode-play-hub .play-game-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(165deg,rgba(215,191,129,.09) 0%,rgba(215,191,129,.02) 42%,transparent 100%),#201e19;border:1.5px solid var(--pm-border);border-radius:var(--pm-r-card, 18px);overflow:hidden;box-shadow:var(--pm-shadow-sm, 0 2px 8px rgba(0,0,0,.18));transition:transform var(--pm-dur, .24s) var(--pm-ease-smooth, ease),border-color var(--pm-dur, .24s) var(--pm-ease, ease),box-shadow var(--pm-dur, .24s) var(--pm-ease, ease),background var(--pm-dur, .24s) var(--pm-ease, ease)}html[data-theme=light] .pianomode-play-hub .play-game-card{background:linear-gradient(165deg,rgba(215,191,129,.18) 0%,rgba(215,191,129,.05) 45%,transparent 100%),var(--pm-paper)}.pianomode-play-hub .play-game-card:after{content:"";position:absolute;top:-60%;left:-75%;width:45%;height:220%;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(230,212,168,.1),transparent);transform:translate(0) rotate(12deg);animation:pm-card-sheen 17s ease-in-out infinite;will-change:transform}html[data-theme=light] .pianomode-play-hub .play-game-card:after{background:linear-gradient(90deg,transparent,rgba(190,168,110,.14),transparent)}.pianomode-play-hub .play-games-grid .play-game-card:nth-child(3n+2):after{animation-delay:5.5s}.pianomode-play-hub .play-games-grid .play-game-card:nth-child(3n+3):after{animation-delay:11s}@keyframes pm-card-sheen{0%,72%{transform:translate(0) rotate(12deg)}to{transform:translate(420%) rotate(12deg)}}@media(prefers-reduced-motion:reduce){.pianomode-play-hub .play-game-card:after{animation:none;opacity:0}}.pianomode-play-hub .play-game-card:hover{transform:translateY(-8px);border-color:var(--pm-accent);box-shadow:var(--pm-shadow-card-hover)}.pianomode-play-hub .play-game-card--coming-soon{opacity:.78}.pianomode-play-hub .play-game-card--coming-soon:hover{opacity:.92}.pianomode-play-hub .play-game-card__image{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--pm-surface-3)}.pianomode-play-hub .play-game-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--pm-dur-slow, .42s) var(--pm-ease, ease)}.pianomode-play-hub .play-game-card:hover .play-game-card__image img{transform:scale(1.08)}.pianomode-play-hub .play-game-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--pm-text-muted)}.pianomode-play-hub .play-game-card__scrim{position:absolute;inset:0;background:linear-gradient(180deg,#08070500 45%,#0807058c);pointer-events:none}.pianomode-play-hub .play-game-card__category{position:absolute;top:12px;left:12px;z-index:2;padding:5px 12px;border-radius:var(--pm-r-pill, 999px);font-family:var(--pm-font);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f5efe3;background:var(--pm-overlay);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pianomode-play-hub .play-game-card__category--learning_game{color:var(--pm-gold-bright);border-color:var(--pm-gold-a35)}.pianomode-play-hub .play-game-card__category--mini_game{color:var(--pm-level-ele, #6F90C8);border-color:#6f90c873}.pianomode-play-hub .play-game-card__category--both{color:#fff;border-color:#ffffff47}.pianomode-play-hub .play-game-card__badge{position:absolute;top:12px;right:12px;z-index:2;padding:5px 12px;border-radius:var(--pm-r-pill, 999px);font-family:var(--pm-font);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pianomode-play-hub .play-game-card__badge--soon{background:var(--pm-gold-a15);color:var(--pm-gold-bright);border:1px solid var(--pm-border-strong);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pianomode-play-hub .play-game-card__body{padding:clamp(18px,2vw,24px);flex:1;display:flex;flex-direction:column}.pianomode-play-hub .play-game-card__title{font-family:var(--pm-font);font-size:1.22rem;font-weight:700;color:var(--pm-text);margin:0 0 .55rem;line-height:1.3}.pianomode-play-hub .play-game-card__desc{font-family:var(--pm-font);font-size:.88rem;color:var(--pm-text-soft);line-height:1.6;margin:0 0 1.4rem;flex:1}.pianomode-play-hub .play-game-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;width:fit-content;border-radius:var(--pm-r-pill, 999px);border:none;font-family:var(--pm-font);font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer;color:var(--pm-text-on-gold, #1b1505)!important;background:var(--pm-grad-gold, linear-gradient(135deg, var(--pm-gold-bright) 0%, var(--pm-gold) 45%, var(--pm-gold-dark) 100%));box-shadow:var(--pm-shadow-gold-sm, 0 4px 16px rgba(215,191,129,.25));transition:transform var(--pm-dur, .24s) var(--pm-ease, ease),box-shadow var(--pm-dur, .24s) var(--pm-ease, ease),filter var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-game-card__btn:hover{transform:translateY(-2px);box-shadow:var(--pm-shadow-gold-md, 0 8px 28px rgba(215,191,129,.35));filter:brightness(1.05);color:var(--pm-text-on-gold, #1b1505)!important;text-decoration:none}.pianomode-play-hub .play-game-card__btn--disabled{background:var(--pm-surface-3);color:var(--pm-text-muted)!important;cursor:default;box-shadow:none;border:1px solid var(--pm-border)}.pianomode-play-hub .play-game-card__btn--disabled:hover{transform:none;box-shadow:none;filter:none;color:var(--pm-text-muted)!important}.pianomode-play-hub .play-game-card--filtered-out{display:none!important}.pianomode-play-hub .play-game-card.hidden{display:none}.pianomode-play-hub .play-no-games,.pianomode-play-hub .play-no-results{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--pm-text-muted);font-family:var(--pm-font);font-size:.95rem}.pianomode-play-hub .play-no-results{display:flex;flex-direction:column;align-items:center;gap:10px}.pianomode-play-hub .play-no-results svg{color:var(--pm-accent);opacity:.7}.pianomode-play-hub .play-no-results p{margin:0}.pianomode-play-hub .play-game-card__leaderboard{border-top:1px solid var(--pm-border);overflow:hidden}.pianomode-play-hub .play-game-card__lb-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:.85rem clamp(18px,2vw,24px);background:none;border:none;color:var(--pm-accent);font-family:var(--pm-font);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;opacity:.85;transition:background var(--pm-dur-fast, .16s) var(--pm-ease, ease),opacity var(--pm-dur-fast, .16s) var(--pm-ease, ease)}.pianomode-play-hub .play-game-card__lb-toggle:hover{background:var(--pm-gold-a08);opacity:1}.pianomode-play-hub .play-game-card__lb-chevron{margin-left:auto;transition:transform var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-game-card__leaderboard.open .play-game-card__lb-chevron{transform:rotate(180deg)}.pianomode-play-hub .play-game-card__lb-content{max-height:0;overflow:hidden;transition:max-height var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-game-card__leaderboard.open .play-game-card__lb-content{max-height:520px}.pianomode-play-hub .play-game-card__lb-row{display:flex;align-items:center;padding:.5rem clamp(18px,2vw,24px);border-top:1px solid var(--pm-border);font-family:var(--pm-font);font-size:.82rem}.pianomode-play-hub .play-game-card__lb-row--me{background:var(--pm-gold-a08)}.pianomode-play-hub .play-game-card__lb-rank{min-width:28px;font-weight:700;color:var(--pm-accent);text-align:center}.pianomode-play-hub .play-game-card__lb-name{flex:1;padding:0 .75rem;color:var(--pm-text);font-weight:500}.pianomode-play-hub .play-game-card__lb-score{font-weight:700;color:var(--pm-accent)}.pianomode-play-hub .play-game-card__comp-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--pm-r-pill, 999px);background:var(--pm-gold-a15);color:var(--pm-accent);font-size:.7rem;font-weight:700}.pianomode-play-hub .play-game-card__comp-list{display:flex;flex-direction:column}.pianomode-play-hub .play-game-card__comp-empty{margin:0;padding:14px clamp(18px,2vw,24px);font-size:.8rem;line-height:1.5;color:var(--pm-text-muted)}.pianomode-play-hub .play-game-card__comp-row{display:flex;align-items:center;gap:10px;padding:9px clamp(18px,2vw,24px);border-top:1px solid var(--pm-border)}.pianomode-play-hub .play-game-card__comp-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pianomode-play-hub .play-game-card__comp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;color:var(--pm-text)}.pianomode-play-hub .play-game-card__comp-notes{font-size:.7rem;color:var(--pm-text-muted)}.pianomode-play-hub .play-game-card__comp-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.pianomode-play-hub .play-game-card__comp-load{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--pm-r-pill, 999px);color:var(--pm-text-on-gold, #1b1505);background:var(--pm-grad-gold, linear-gradient(135deg, var(--pm-gold-bright), var(--pm-gold) 45%, var(--pm-gold-dark)));border:0;font-size:.74rem;font-weight:700;text-decoration:none;transition:transform var(--pm-dur-fast, .16s) var(--pm-ease, ease)}.pianomode-play-hub .play-game-card__comp-load:hover{transform:translateY(-1px);color:var(--pm-text-on-gold, #1b1505)}.pianomode-play-hub .play-game-card__comp-del{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--pm-r-sm, 8px);color:var(--pm-text-muted);background:transparent;border:1px solid var(--pm-border);cursor:pointer;transition:color var(--pm-dur-fast, .16s) var(--pm-ease, ease),border-color var(--pm-dur-fast, .16s) var(--pm-ease, ease),background var(--pm-dur-fast, .16s) var(--pm-ease, ease)}.pianomode-play-hub .play-game-card__comp-del:hover{color:var(--pm-error, #DC2626);border-color:var(--pm-error, #DC2626);background:#dc262614}.pianomode-play-hub .play-game-card__comp-del:disabled{opacity:.5;cursor:default}.pianomode-play-hub .play-game-card__comp-new{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px clamp(18px,2vw,24px) 14px;padding:9px 14px;border-radius:var(--pm-r-pill, 999px);border:1px dashed var(--pm-border-strong);background:transparent;color:var(--pm-accent);font-size:.78rem;font-weight:600;text-decoration:none;transition:background var(--pm-dur-fast, .16s) var(--pm-ease, ease)}.pianomode-play-hub .play-game-card__comp-new:hover{background:var(--pm-gold-a08)}.pianomode-play-hub .play-games-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:clamp(28px,4vw,44px)}.pianomode-play-hub .play-games-pagination button{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--pm-r-pill, 999px);border:1px solid var(--pm-border);background:var(--pm-gold-a08);color:var(--pm-text-soft);font-family:var(--pm-font);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-games-pagination button:hover:not(:disabled){background:var(--pm-gold-a15);border-color:var(--pm-border-strong);color:var(--pm-accent);transform:translateY(-2px)}.pianomode-play-hub .play-games-pagination button:disabled{opacity:.35;cursor:not-allowed}.pianomode-play-hub .play-page-indicator{color:var(--pm-text-muted);font-size:13px;font-weight:600;padding:0 8px}.pianomode-play-hub .play-compositions-section{padding:clamp(40px,6vw,64px) 0;border-top:1px solid var(--pm-border);background:var(--pm-surface-2)}.pianomode-play-hub .pm-compositions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.pianomode-play-hub .pm-composition-card{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--pm-card-bg);border:1px solid var(--pm-border);border-radius:var(--pm-r-card, 18px);transition:transform var(--pm-dur, .24s) var(--pm-ease, ease),border-color var(--pm-dur, .24s) var(--pm-ease, ease),box-shadow var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .pm-composition-card:hover{transform:translateY(-4px);border-color:var(--pm-accent);box-shadow:var(--pm-shadow-card-hover)}.pianomode-play-hub .pm-composition-card__icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--pm-gold-a15);color:var(--pm-accent);border-radius:var(--pm-r-md, 12px);border:1px solid var(--pm-border)}.pianomode-play-hub .pm-composition-card__name{font-size:1rem;font-weight:700;color:var(--pm-text);margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pianomode-play-hub .pm-composition-card__meta{display:flex;flex-wrap:wrap;gap:6px}.pianomode-play-hub .pm-composition-card__chip{background:var(--pm-surface-3);color:var(--pm-text-soft);font-size:11px;padding:3px 10px;border-radius:var(--pm-r-pill, 999px);font-weight:600;letter-spacing:.02em}.pianomode-play-hub .pm-composition-card__chip--ts{background:var(--pm-gold-a15);color:var(--pm-gold-bright)}html[data-theme=light] .pianomode-play-hub .pm-composition-card__chip--ts{color:var(--pm-gold-deep)}.pianomode-play-hub .pm-composition-card__chip--date{color:var(--pm-text-muted);font-weight:500}.pianomode-play-hub .pm-composition-card__actions{display:flex;gap:8px;margin-top:auto}.pianomode-play-hub .pm-composition-card__btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 14px;border-radius:var(--pm-r-pill, 999px);background:var(--pm-gold-a08);color:var(--pm-text);border:1px solid var(--pm-border);font-weight:600;font-size:13px;text-decoration:none;transition:background var(--pm-dur-fast, .16s) var(--pm-ease, ease),border-color var(--pm-dur-fast, .16s) var(--pm-ease, ease),color var(--pm-dur-fast, .16s) var(--pm-ease, ease)}.pianomode-play-hub .pm-composition-card__btn:hover{background:var(--pm-gold-a15);border-color:var(--pm-accent);color:var(--pm-text)}.pianomode-play-hub .pm-composition-card__btn--primary{background:var(--pm-grad-gold, linear-gradient(135deg, var(--pm-gold-bright), var(--pm-gold) 45%, var(--pm-gold-dark)));color:var(--pm-text-on-gold, #1b1505);border-color:transparent}.pianomode-play-hub .pm-composition-card__btn--primary:hover{color:var(--pm-text-on-gold, #1b1505);filter:brightness(1.05)}.pianomode-play-hub .pm-compositions-empty{background:var(--pm-card-bg);border:1px dashed var(--pm-border-strong);border-radius:var(--pm-r-card, 18px);padding:40px 28px;text-align:center;color:var(--pm-text-soft)}.pianomode-play-hub .pm-compositions-empty svg{color:var(--pm-accent);margin-bottom:12px}.pianomode-play-hub .pm-compositions-empty h3{font-size:1.1rem;color:var(--pm-text);margin:0 0 8px}.pianomode-play-hub .pm-compositions-empty p{color:var(--pm-text-soft);font-size:.9rem;line-height:1.6;margin:0 auto 18px;max-width:520px}.pianomode-play-hub .pm-compositions-empty p strong{color:var(--pm-accent)}.pianomode-play-hub .pm-compositions-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--pm-r-pill, 999px);background:var(--pm-grad-gold, linear-gradient(135deg, var(--pm-gold-bright), var(--pm-gold) 45%, var(--pm-gold-dark)));color:var(--pm-text-on-gold, #1b1505);font-weight:700;text-decoration:none;box-shadow:var(--pm-shadow-gold-sm, 0 4px 16px rgba(215,191,129,.25));transition:transform var(--pm-dur-fast, .16s) var(--pm-ease, ease),box-shadow var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .pm-compositions-cta:hover{transform:translateY(-2px);box-shadow:var(--pm-shadow-gold-md, 0 8px 28px rgba(215,191,129,.35));color:var(--pm-text-on-gold, #1b1505)}.pianomode-play-hub .pm-compositions-footer{display:flex;justify-content:center;margin-top:24px}.pianomode-play-hub .play-score-section{padding:clamp(40px,6vw,64px) 0}.pianomode-play-hub .pm-play-dual-scores{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center;max-width:900px;margin:0 auto}.pianomode-play-hub .pm-play-score-card{position:relative;border-radius:var(--pm-r-xl, 20px);overflow:hidden;transition:transform var(--pm-dur-slow, .42s) var(--pm-ease-smooth, ease),box-shadow var(--pm-dur-slow, .42s) var(--pm-ease, ease)}.pianomode-play-hub .pm-play-score-card:hover{transform:translateY(-6px)}.pianomode-play-hub .pm-play-score-card__glow{position:absolute;inset:-1px;border-radius:calc(var(--pm-r-xl, 20px) + 2px);z-index:0;opacity:.6;transition:opacity var(--pm-dur-slow, .42s) var(--pm-ease, ease)}.pianomode-play-hub .pm-play-score-card:hover .pm-play-score-card__glow{opacity:1}.pianomode-play-hub .pm-play-score-learning .pm-play-score-card__glow{background:linear-gradient(135deg,var(--pm-gold-bright),var(--pm-gold) 50%,var(--pm-gold-dark))}.pianomode-play-hub .pm-play-score-gaming .pm-play-score-card__glow{background:linear-gradient(135deg,var(--pm-level-ele, #6F90C8),var(--pm-level-adv, #A668B5))}.pianomode-play-hub .pm-play-score-card__inner{position:relative;z-index:1;margin:1.5px;padding:clamp(24px,3vw,32px) clamp(20px,2.5vw,28px);border-radius:calc(var(--pm-r-xl, 20px) - 2px);background:var(--pm-surface-2)}.pianomode-play-hub .pm-play-score-learning .pm-play-score-card__inner{border:1px solid var(--pm-border-strong)}.pianomode-play-hub .pm-play-score-gaming .pm-play-score-card__inner{border:1px solid rgba(111,144,200,.35)}.pianomode-play-hub .pm-play-score-card__header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.pianomode-play-hub .pm-play-score-card__icon-ring{width:54px;height:54px;border-radius:var(--pm-r-lg, 14px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pianomode-play-hub .pm-play-score-learning .pm-play-score-card__icon-ring{background:var(--pm-gold-a15);border:1px solid var(--pm-border-strong);color:var(--pm-accent)}.pianomode-play-hub .pm-play-score-gaming .pm-play-score-card__icon-ring{background:#6f90c829;border:1px solid rgba(111,144,200,.35);color:var(--pm-level-ele, #6F90C8)}.pianomode-play-hub .pm-play-score-card__label{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pianomode-play-hub .pm-play-score-learning .pm-play-score-card__label{color:var(--pm-accent)}.pianomode-play-hub .pm-play-score-gaming .pm-play-score-card__label{color:var(--pm-level-ele, #6F90C8)}.pianomode-play-hub .pm-play-score-card__value{font-size:clamp(36px,5vw,48px);font-weight:800;line-height:1;margin-bottom:16px;font-family:var(--pm-font);letter-spacing:-.02em;color:var(--pm-text)}.pianomode-play-hub .pm-play-score-learning .pm-play-score-card__value{color:var(--pm-accent)}.pianomode-play-hub .pm-play-score-gaming .pm-play-score-card__value{color:var(--pm-game-accent)}.pianomode-play-hub .pm-play-score-card__bar{height:6px;border-radius:var(--pm-r-pill, 999px);background:var(--pm-surface-3);margin-bottom:14px;overflow:hidden}.pianomode-play-hub .pm-play-score-card__bar-fill{height:100%;border-radius:var(--pm-r-pill, 999px);transition:width 1.4s var(--pm-ease-smooth, ease)}.pianomode-play-hub .pm-play-score-learning .pm-play-score-card__bar-fill{background:linear-gradient(90deg,var(--pm-gold-dark),var(--pm-gold))}.pianomode-play-hub .pm-play-score-gaming .pm-play-score-card__bar-fill{background:linear-gradient(90deg,var(--pm-level-ele, #6F90C8),var(--pm-level-adv, #A668B5))}.pianomode-play-hub .pm-play-score-card__footer{font-size:12px;color:var(--pm-text-muted);letter-spacing:.02em}.pianomode-play-hub .pm-play-score-vs{display:flex;align-items:center;justify-content:center;padding:0 20px}.pianomode-play-hub .pm-play-score-vs__circle{width:52px;height:52px;border-radius:50%;background:var(--pm-surface-3);border:1px solid var(--pm-border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--pm-text-soft);letter-spacing:.06em;text-transform:uppercase}.pianomode-play-hub .pm-play-total-score{text-align:center;margin-top:28px;padding:16px 0}.pianomode-play-hub .pm-play-total-score__label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--pm-text-muted);margin-bottom:6px}.pianomode-play-hub .pm-play-total-score__value{font-size:clamp(22px,3vw,28px);font-weight:800;background:var(--pm-grad-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.pianomode-play-hub .play-subscribe{position:relative;padding:clamp(48px,7vw,80px) clamp(16px,4vw,32px);text-align:center;background:radial-gradient(90% 130% at 50% 0%,rgba(220,196,136,.24),rgba(215,191,129,.05) 46%,transparent 72%),linear-gradient(180deg,#100f0d,#0a0a09);border-top:1px solid var(--pm-border-strong);border-bottom:1px solid var(--pm-border-strong);box-shadow:inset 0 1px 0 var(--pm-gold-a15),inset 0 -1px 0 var(--pm-gold-a15)}html[data-theme=light] .pianomode-play-hub .play-subscribe{background:radial-gradient(90% 130% at 50% 0%,rgba(215,191,129,.34),rgba(215,191,129,.08) 46%,transparent 72%),linear-gradient(180deg,var(--pm-paper-2) 0%,var(--pm-paper-3) 100%)}.pianomode-play-hub .play-subscribe__inner{max-width:620px;margin:0 auto}.pianomode-play-hub .play-subscribe__title{font-family:var(--pm-font);font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;line-height:1.14;letter-spacing:-.02em;color:var(--pm-text);margin:0 0 14px}.pianomode-play-hub .play-subscribe__sub{font-size:clamp(.92rem,1.4vw,1.02rem);line-height:1.65;color:var(--pm-text-soft);margin:0 auto 28px;max-width:520px}.pianomode-play-hub .play-subscribe__form{display:flex;gap:10px;max-width:480px;margin:0 auto}.pianomode-play-hub .play-subscribe__field{position:relative;flex:1;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--pm-surface);border:1px solid var(--pm-border);border-radius:var(--pm-r-pill, 999px);transition:border-color var(--pm-dur, .24s) var(--pm-ease, ease),box-shadow var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-subscribe__field:focus-within{border-color:var(--pm-accent)}.pianomode-play-hub .play-subscribe__field-icon{display:flex;color:var(--pm-accent);opacity:.85;flex-shrink:0}.pianomode-play-hub .play-subscribe__input,.pianomode-play-hub .play-subscribe__input:hover,.pianomode-play-hub .play-subscribe__input:focus,.pianomode-play-hub .play-subscribe__input:active,.pianomode-play-hub .play-subscribe__input:focus-visible,.pianomode-play-hub .play-subscribe__input:-webkit-autofill,.pianomode-play-hub .play-subscribe__input:-webkit-autofill:hover,.pianomode-play-hub .play-subscribe__input:-webkit-autofill:focus,.pianomode-play-hub .play-subscribe__input:-internal-autofill-selected{flex:1;min-width:0;padding:14px 0;background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;outline:0!important;-webkit-appearance:none;appearance:none;color:var(--pm-accent)!important;-webkit-text-fill-color:var(--pm-accent)!important;caret-color:var(--pm-accent);font-family:var(--pm-font);font-size:.95rem;font-weight:600;box-shadow:0 0 0 1000px var(--pm-surface) inset!important;-webkit-box-shadow:0 0 0 1000px var(--pm-surface) inset!important;transition:background-color 9999s ease-in-out 0s}.pianomode-play-hub .play-subscribe__input::placeholder{color:var(--pm-accent)!important;-webkit-text-fill-color:var(--pm-accent)!important;opacity:.5}.pianomode-play-hub .play-subscribe__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border:none;border-radius:var(--pm-r-pill, 999px);background:var(--pm-grad-gold, linear-gradient(135deg, var(--pm-gold-bright), var(--pm-gold) 45%, var(--pm-gold-dark)));color:var(--pm-text-on-gold, #1b1505);font-family:var(--pm-font);font-size:.92rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:var(--pm-shadow-gold-sm, 0 4px 16px rgba(215,191,129,.25));transition:transform var(--pm-dur, .24s) var(--pm-ease, ease),box-shadow var(--pm-dur, .24s) var(--pm-ease, ease),filter var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-subscribe__btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--pm-shadow-gold-md, 0 8px 28px rgba(215,191,129,.35));filter:brightness(1.05)}.pianomode-play-hub .play-subscribe__btn:disabled{opacity:.6;cursor:default}.pianomode-play-hub .play-subscribe__btn svg{transition:transform var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-subscribe__btn:hover:not(:disabled) svg{transform:translate(3px)}.pianomode-play-hub .play-subscribe__status{margin-top:16px;font-size:.85rem;font-weight:600;min-height:1.2em;color:var(--pm-text-soft)}.pianomode-play-hub .play-subscribe__status.is-ok{color:var(--pm-success, #10B981)}.pianomode-play-hub .play-subscribe__status.is-error{color:var(--pm-error, #DC2626)}.pianomode-play-hub .play-faq{padding:clamp(48px,7vw,80px) clamp(16px,4vw,32px)}.pianomode-play-hub .play-faq__inner{max-width:820px;margin:0 auto}.pianomode-play-hub .play-faq__list{display:flex;flex-direction:column;gap:12px}.pianomode-play-hub .play-faq__item{background:var(--pm-card-bg);border:1px solid var(--pm-border);border-radius:var(--pm-r-lg, 14px);overflow:hidden;transition:border-color var(--pm-dur, .24s) var(--pm-ease, ease),box-shadow var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-faq__item:hover{border-color:var(--pm-border-strong)}.pianomode-play-hub .play-faq__item.is-open{border-color:var(--pm-accent);box-shadow:var(--pm-shadow-gold-sm, 0 4px 16px rgba(215,191,129,.25))}.pianomode-play-hub .play-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;background:none;border:0;cursor:pointer;text-align:left;font-family:var(--pm-font);font-size:1rem;font-weight:600;color:var(--pm-text)}.pianomode-play-hub .play-faq__q-chev{flex:0 0 auto;color:var(--pm-accent);transition:transform var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-faq__item.is-open .play-faq__q-chev{transform:rotate(180deg)}.pianomode-play-hub .play-faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-faq__item.is-open .play-faq__a{grid-template-rows:1fr}.pianomode-play-hub .play-faq__a-inner{overflow:hidden}.pianomode-play-hub .play-faq__a-pad{padding:2px 22px 20px}.pianomode-play-hub .play-faq__a p{margin:0;padding:0;font-size:.92rem;line-height:1.65;color:var(--pm-text-soft)}.pianomode-play-hub .play-faq__a-link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:9px 16px;border-radius:var(--pm-r-pill, 999px);border:1px solid var(--pm-border-strong);background:var(--pm-gold-a08);color:var(--pm-accent);font-size:.85rem;font-weight:600;text-decoration:none;transition:background var(--pm-dur, .24s) var(--pm-ease, ease),transform var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-faq__a-link svg{transition:transform var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-faq__a-link:hover{background:var(--pm-gold-a15);transform:translateY(-1px)}.pianomode-play-hub .play-faq__a-link:hover svg{transform:translate(3px)}.pianomode-play-hub .play-faq__cta{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.pianomode-play-hub .play-faq__cta-text{font-size:.95rem;color:var(--pm-text-soft)}.pianomode-play-hub .play-faq__cta-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:var(--pm-r-pill, 999px);border:1px solid var(--pm-accent);background:transparent;color:var(--pm-accent);font-family:var(--pm-font);font-weight:600;font-size:.9rem;text-decoration:none;transition:background var(--pm-dur, .24s) var(--pm-ease, ease),color var(--pm-dur, .24s) var(--pm-ease, ease),transform var(--pm-dur, .24s) var(--pm-ease, ease),box-shadow var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-faq__cta-btn svg{transition:transform var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-faq__cta-btn:hover{background:var(--pm-gold-a08);transform:translateY(-2px);box-shadow:var(--pm-shadow-gold-sm, 0 4px 16px rgba(215,191,129,.25))}.pianomode-play-hub .play-faq__cta-btn:hover svg{transform:translate(3px)}.pianomode-play-hub .play-chart-card{max-width:900px;margin:clamp(24px,4vw,36px) auto 0;padding:clamp(18px,2.4vw,28px);background:var(--pm-card-bg);border:1px solid var(--pm-border);border-radius:var(--pm-r-card, 18px)}.pianomode-play-hub .play-chart-card__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.pianomode-play-hub .play-chart-card__title{margin:0;font-size:1.05rem;font-weight:700;color:var(--pm-text)}.pianomode-play-hub .play-chart-card__sub{display:block;font-size:.8rem;color:var(--pm-text-muted);margin-top:2px}.pianomode-play-hub .play-chart{display:flex;flex-direction:column;gap:12px}.pianomode-play-hub .play-chart__legend{display:flex;flex-wrap:wrap;gap:18px}.pianomode-play-hub .play-chart__lg{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--pm-text-soft)}.pianomode-play-hub .play-chart__lg i{width:16px;height:4px;border-radius:2px;display:inline-block;flex:0 0 auto}.pianomode-play-hub .play-chart__lg--learn i{background:linear-gradient(90deg,#e6d4a8,#bea86e)}.pianomode-play-hub .play-chart__lg--game i{background:linear-gradient(90deg,#6f90c8,#a668b5)}.pianomode-play-hub .play-chart__lg--avg i{height:0;border:0;border-top:2px dashed var(--pm-accent);border-radius:0}.pianomode-play-hub .play-chart__plot{display:flex;gap:8px}.pianomode-play-hub .play-chart__yaxis{position:relative;flex:0 0 38px}.pianomode-play-hub .play-chart__yaxis span{position:absolute;right:6px;transform:translateY(-50%);font-size:.68rem;font-weight:600;color:var(--pm-text-muted);white-space:nowrap}.pianomode-play-hub .play-chart__canvas{position:relative;flex:1 1 auto;min-width:0}.pianomode-play-hub .play-chart__yaxis--learn span{color:#bea86e}.pianomode-play-hub .play-chart__yaxis--game span{right:auto;left:6px;color:#8c7cc8}.pianomode-play-hub .play-chart:not(.play-chart--guest) .play-chart__xaxis{padding-right:46px}.pianomode-play-hub .play-chart__lg em{font-style:normal;font-weight:500;opacity:.55;margin-left:3px}.pianomode-play-hub .play-chart__svg{display:block;width:100%;height:auto;overflow:visible}.pianomode-play-hub .play-chart__grid{stroke:var(--pm-border);stroke-width:1}.pianomode-play-hub .play-chart__line{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.pianomode-play-hub .play-chart__dot{stroke:var(--pm-surface-2);stroke-width:2.5;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.pianomode-play-hub .play-chart__avg{stroke:var(--pm-accent);stroke-width:2;stroke-dasharray:7 6;opacity:.95;filter:drop-shadow(0 0 4px var(--pm-gold-a50));animation:pm-chart-flow 1.1s linear infinite}@keyframes pm-chart-flow{to{stroke-dashoffset:-13}}.pianomode-play-hub.pm-anim-ready .play-chart__line{stroke-dasharray:1;stroke-dashoffset:1}.pianomode-play-hub.pm-anim-ready .play-chart-card.is-in .play-chart__line{animation:pm-chart-draw 1.5s var(--pm-ease-smooth, ease) forwards}.pianomode-play-hub.pm-anim-ready .play-chart-card.is-in .play-chart__line--game{animation-delay:.15s}@keyframes pm-chart-draw{to{stroke-dashoffset:0}}.pianomode-play-hub.pm-anim-ready .play-chart__area{opacity:0}.pianomode-play-hub.pm-anim-ready .play-chart-card.is-in .play-chart__area{animation:pm-chart-fade 1s ease-out .5s forwards}@keyframes pm-chart-fade{to{opacity:1}}.pianomode-play-hub.pm-anim-ready .play-chart__dot{opacity:0}.pianomode-play-hub.pm-anim-ready .play-chart-card.is-in .play-chart__dot{animation:pm-chart-dot .5s var(--pm-ease-spring, ease) 1.3s forwards}@keyframes pm-chart-dot{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.pianomode-play-hub .play-chart__avg{animation:none}.pianomode-play-hub.pm-anim-ready .play-chart__line{stroke-dasharray:none;stroke-dashoffset:0}.pianomode-play-hub.pm-anim-ready .play-chart__area,.pianomode-play-hub.pm-anim-ready .play-chart__dot{opacity:1}}.pianomode-play-hub .play-chart__avg-label{position:absolute;right:6px;transform:translateY(-50%);font-size:.64rem;font-weight:700;color:var(--pm-accent);background:var(--pm-surface-2);border:1px solid var(--pm-border-strong);padding:2px 9px;border-radius:var(--pm-r-pill, 999px);white-space:nowrap;pointer-events:none}.pianomode-play-hub .play-chart__xaxis{display:flex;justify-content:space-between;padding-left:46px;font-size:.7rem;font-weight:600;color:var(--pm-text-muted)}.pianomode-play-hub .play-chart__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.pianomode-play-hub .play-chart__kpi{padding:12px 16px;background:var(--pm-surface);border:1px solid var(--pm-border);border-radius:var(--pm-r-md, 10px)}html[data-theme=light] .pianomode-play-hub .play-chart__kpi{background:var(--pm-surface-3)}.pianomode-play-hub .play-chart__kpi-label{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--pm-text-muted);margin-bottom:5px}.pianomode-play-hub .play-chart__kpi-val{font-size:1.15rem;font-weight:800;color:var(--pm-text);line-height:1.1}.pianomode-play-hub .play-chart__kpi-val--learn{color:var(--pm-accent)}.pianomode-play-hub .play-chart__kpi-val--game{color:var(--pm-game-accent)}.pianomode-play-hub .play-chart__kpi-val--up{color:var(--pm-success, #10B981);font-size:.95rem}.pianomode-play-hub .play-chart__kpi-val--down{color:var(--pm-text-soft);font-size:.95rem}.pianomode-play-hub .play-chart--guest .play-chart__svg{opacity:.55}.pianomode-play-hub .play-chart__guest-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:16px;background:radial-gradient(ellipse at center,var(--pm-surface) 18%,transparent 78%)}.pianomode-play-hub .play-chart__guest-cta p{margin:0;max-width:360px;font-size:.9rem;line-height:1.5;color:var(--pm-text-soft)}.pianomode-play-hub .play-chart__guest-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--pm-r-pill, 999px);background:var(--pm-grad-gold, linear-gradient(135deg, var(--pm-gold-bright), var(--pm-gold) 45%, var(--pm-gold-dark)));color:var(--pm-text-on-gold, #1b1505);font-size:.88rem;font-weight:700;text-decoration:none;box-shadow:var(--pm-shadow-gold-sm, 0 4px 16px rgba(215,191,129,.25));transition:transform var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-chart__guest-btn:hover{transform:translateY(-2px)}.pianomode-play-hub .play-chart__guest-btn svg{transition:transform var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-chart__guest-btn:hover svg{transform:translate(3px)}.pianomode-play-hub .play-evolution-section{padding:clamp(40px,6vw,64px) 0 clamp(36px,6vw,60px);border-top:1px solid var(--pm-border)}.pianomode-play-hub .play-leaderboard-section{padding:clamp(48px,7vw,80px) 0 clamp(40px,6vw,64px);border-top:1px solid var(--pm-border)}.pianomode-play-hub .play-evolution-section .play-chart-card{margin-bottom:clamp(8px,2vw,18px)}.pianomode-play-hub .play-lb{max-width:760px;margin:0 auto}.pianomode-play-hub .play-lb__tabs{display:flex;gap:4px;padding:5px;margin:0 auto clamp(18px,3vw,26px);background:var(--pm-surface-2);border:1px solid var(--pm-border);border-radius:var(--pm-r-pill, 999px);width:100%;max-width:380px;justify-content:space-between}.pianomode-play-hub .play-lb__tab{flex:1;padding:9px 14px;border:0;border-radius:var(--pm-r-pill, 999px);background:transparent;color:var(--pm-text-soft);font-family:var(--pm-font);font-size:.82rem;font-weight:600;cursor:pointer;transition:background var(--pm-dur, .24s) var(--pm-ease, ease),color var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-lb__tab:hover{color:var(--pm-accent)}.pianomode-play-hub .play-lb__tab.is-active{background:var(--pm-grad-gold, linear-gradient(135deg, var(--pm-gold-bright), var(--pm-gold) 45%, var(--pm-gold-dark)));color:var(--pm-text-on-gold, #1b1505)}.pianomode-play-hub .play-lb__panel{display:none;flex-direction:column;gap:10px}.pianomode-play-hub .play-lb__panel.is-active{display:flex}.pianomode-play-hub .play-lb__scroll{position:relative;display:flex;flex-direction:column;gap:8px;max-height:540px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--pm-border-strong) transparent}.pianomode-play-hub .play-lb__scroll::-webkit-scrollbar{width:8px}.pianomode-play-hub .play-lb__scroll::-webkit-scrollbar-track{background:transparent}.pianomode-play-hub .play-lb__scroll::-webkit-scrollbar-thumb{background:var(--pm-border-strong);border-radius:var(--pm-r-pill, 999px)}.pianomode-play-hub .play-lb__pinned{padding-top:10px;border-top:1px dashed var(--pm-border-strong)}.pianomode-play-hub .play-lb__row{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;background:var(--pm-card-bg);border:1px solid var(--pm-border);border-radius:var(--pm-r-md, 12px);transition:border-color var(--pm-dur, .24s) var(--pm-ease, ease),transform var(--pm-dur, .24s) var(--pm-ease, ease)}.pianomode-play-hub .play-lb__row:hover{border-color:var(--pm-border-strong);transform:translate(3px)}.pianomode-play-hub .play-lb__rank{font-family:var(--pm-font-display, serif);font-style:italic;font-weight:600;font-size:1.1rem;color:var(--pm-text-muted);text-align:center}.pianomode-play-hub .play-lb__row--top1 .play-lb__rank{color:var(--pm-gold)}.pianomode-play-hub .play-lb__row--top2 .play-lb__rank{color:#c7c7ce}.pianomode-play-hub .play-lb__row--top3 .play-lb__rank{color:#c28e5c}.pianomode-play-hub .play-lb__row--top1{border-color:var(--pm-border-strong)}.pianomode-play-hub .play-lb__name{font-size:.92rem;font-weight:600;color:var(--pm-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pianomode-play-hub .play-lb__you{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pm-text-on-gold, #1b1505);background:var(--pm-gold);padding:2px 7px;border-radius:var(--pm-r-pill, 999px);margin-left:6px}.pianomode-play-hub .play-lb__row--me{border-color:var(--pm-accent);background:var(--pm-card-bg-hover)}.pianomode-play-hub .play-lb__plays{font-size:.74rem;color:var(--pm-text-muted);white-space:nowrap}.pianomode-play-hub .play-lb__score{font-size:.95rem;font-weight:800;color:var(--pm-accent);white-space:nowrap}.pianomode-play-hub .play-lb__empty{text-align:center;padding:32px 16px;color:var(--pm-text-muted);background:var(--pm-card-bg);border:1px dashed var(--pm-border-strong);border-radius:var(--pm-r-card, 18px)}@media(max-width:1024px){.pianomode-play-hub .play-games-grid{grid-template-columns:repeat(2,1fr)}.pianomode-play-hub .play-reassure__grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media(max-width:768px){.pianomode-play-hub .pm-lp-hero{min-height:clamp(420px,70vh,600px);padding:clamp(16px,3vh,28px) 18px clamp(78px,16vw,104px)}.pianomode-play-hub .pm-lp-hero__title{font-size:clamp(2rem,9vw,2.9rem);margin-bottom:14px}.pianomode-play-hub .pm-lp-hero__subtitle{font-size:14px;line-height:1.55;margin-bottom:18px}.pianomode-play-hub .pm-lp-hero__stats{gap:16px;padding:12px 16px 14px}.pianomode-play-hub .pm-lp-hero__stat{font-size:9.5px;letter-spacing:.14em;gap:6px}.pianomode-play-hub .pm-lp-hero__stat strong{font-size:18px}.pianomode-play-hub .play-reassure__grid,.pianomode-play-hub .play-games-grid{grid-template-columns:1fr}.pianomode-play-hub .pm-play-dual-scores{grid-template-columns:1fr;gap:16px}.pianomode-play-hub .pm-play-score-vs{padding:6px 0}.pianomode-play-hub .pm-play-score-vs__circle{width:42px;height:42px;font-size:12px}.pianomode-play-hub .play-subscribe__form{flex-direction:column}.pianomode-play-hub .play-subscribe__btn{justify-content:center}}@media(max-width:480px){.pianomode-play-hub .pm-lp-hero{min-height:clamp(400px,72vh,560px);padding:22px 16px 92px}.pianomode-play-hub .pm-lp-hero__badge{font-size:11px;padding:7px 14px}.pianomode-play-hub .pm-lp-hero__actions{flex-direction:column;align-items:stretch;width:100%;max-width:300px;margin-inline:auto}.pianomode-play-hub .pm-lp-hero__btn{width:100%;justify-content:center}.pianomode-play-hub .play-game-card__title{font-size:1.1rem}.pianomode-play-hub .play-section-title{font-size:clamp(1.7rem,7vw,2.1rem)}.pianomode-play-hub .play-chart__kpi{padding:10px 12px}.pianomode-play-hub .play-chart__kpi-val{font-size:1rem}.pianomode-play-hub .play-chart__kpi-val--up,.pianomode-play-hub .play-chart__kpi-val--down{font-size:.85rem}.pianomode-play-hub .play-chart__yaxis{flex-basis:30px}.pianomode-play-hub .play-chart__xaxis{padding-left:38px}.pianomode-play-hub .play-chart:not(.play-chart--guest) .play-chart__xaxis{padding-right:38px}.pianomode-play-hub .play-lb__plays{display:none}.pianomode-play-hub .play-lb__row{grid-template-columns:30px 1fr auto;gap:10px;padding:11px 14px}}@media(max-height:560px)and (orientation:landscape){.pianomode-play-hub .pm-lp-hero{min-height:auto;padding:70px 24px 56px}.pianomode-play-hub .pm-lp-hero__title{font-size:clamp(1.6rem,6vw,2.4rem);margin-bottom:10px}.pianomode-play-hub .pm-lp-hero__subtitle{margin-bottom:14px}.pianomode-play-hub .pm-lp-hero__notes{display:none}.pianomode-play-hub .pm-lp-hero__stats{position:static;margin-top:18px;padding:8px 0 0}}@media(prefers-reduced-motion:reduce){.pianomode-play-hub .pm-lp-hero__note,.pianomode-play-hub .pm-lp-hero__badge,.pianomode-play-hub .pm-lp-hero__title-main,.pianomode-play-hub .pm-lp-hero__title-accent,.pianomode-play-hub .pm-lp-hero__subtitle,.pianomode-play-hub .pm-lp-hero__actions,.pianomode-play-hub .pm-lp-hero__stats{animation:none!important}}@media print{.pianomode-play-hub .pm-lp-hero,.pianomode-play-hub .play-search-wrapper,.pianomode-play-hub .play-subscribe{display:none}}