@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap";:root{--mp-pink: #ffc0cb;--mp-pink-dim: #f8a5b5;--mp-lavender: #e6e6fa;--mp-white: #ffffff;--mp-text: #4a4a4a;--mp-text-light: #888888;--mp-accent: #ffb7b2;--mp-overlay: rgba(255, 255, 255, .7);--font-en: "Playfair Display", serif;--font-jp: "Zen Old Mincho", serif;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-en);background-color:var(--mp-white);color:var(--mp-text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:.05em}a{text-decoration:none;color:inherit;transition:opacity .3s ease}a:hover{opacity:.7}.font-jp{font-family:var(--font-jp)}.font-en{font-family:var(--font-en)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--mp-white)}::-webkit-scrollbar-thumb{background:var(--mp-pink);border-radius:4px}.navbar{position:fixed;top:0;left:0;width:100%;padding:1rem 0;background:#ffffffd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;border-bottom:1px solid var(--mp-pink-dim)}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-md)}.logo a{display:flex;align-items:center}.logo-img{height:60px;width:auto}.nav-links{list-style:none;display:flex;gap:var(--spacing-lg)}.nav-links a{font-size:1.1rem;color:var(--mp-text);text-transform:uppercase;letter-spacing:.1em;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--mp-pink);transition:width .3s ease}.nav-links a:hover:after{width:100%}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:80px}.footer{text-align:center;padding:var(--spacing-md);background:var(--mp-lavender);color:var(--mp-text-light);font-size:.9rem;border-top:1px solid white}.hero{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#ffdce5,#fff);position:relative;overflow:hidden;margin-top:-80px}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--mp-white) 15%,transparent 16%),radial-gradient(var(--mp-white) 15%,transparent 16%);background-size:60px 60px;background-position:0 0,30px 30px;opacity:.3}.hero-content{z-index:2;text-align:center;padding:var(--spacing-lg);position:relative}.hero-title{font-size:5rem;color:var(--mp-text);margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(255,192,203,.5)}.hero-subtitle{font-size:1.5rem;color:var(--mp-text-light);letter-spacing:.2rem}.hero-content:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;border:1px solid var(--mp-pink);border-radius:50%;opacity:.5;z-index:-1;animation:spin 20s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:768px){.hero-title{font-size:3rem}}.section-container{padding:var(--spacing-xl) 0;position:relative}.section-header{text-align:center;margin-bottom:var(--spacing-xl);position:relative}.section-title{font-size:3rem;color:var(--mp-pink-dim);display:inline-block;background:var(--mp-white);padding:0 var(--spacing-md);position:relative;z-index:1}.section-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:1px;background:var(--mp-text-light);opacity:.3;z-index:0}.section-decoration:before,.section-decoration:after{content:"♦";color:var(--mp-pink);position:absolute;top:50%;transform:translateY(-50%);font-size:1rem}.section-decoration:before{left:0}.section-decoration:after{right:0}.home-page{width:100%;overflow-x:hidden}.intro-section{text-align:center}.intro-text{text-align:center;font-size:1.2rem;line-height:2;color:var(--mp-text);margin-top:var(--spacing-md)}.intro-text .mt-4{margin-top:var(--spacing-lg);font-size:1rem;color:var(--mp-text-light)}.news-list{max-width:800px;margin:0 auto}.news-item{display:flex;align-items:baseline;padding:var(--spacing-sm) 0;border-bottom:1px dotted var(--mp-pink-dim);cursor:pointer;transition:color .3s ease}.news-item:hover{color:var(--mp-pink)}.news-date{font-weight:700;margin-right:var(--spacing-md);color:var(--mp-pink-dim);width:100px}.news-content{flex:1}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);padding:0 var(--spacing-md);max-width:1200px;margin:0 auto}.gallery-item{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 15px #0000001a;aspect-ratio:4/3}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}@media(max-width:600px){.news-item{flex-direction:column}}.news-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md)}.news-modal-content{background:var(--mp-white);width:100%;max-width:700px;max-height:85vh;border-radius:12px;position:relative;box-shadow:0 10px 40px #0000001a;border:1px solid var(--mp-lavender);display:flex;flex-direction:column}.news-close-button{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:2rem;color:var(--mp-text-light);cursor:pointer;line-height:1;z-index:10}.news-modal-body{padding:40px;overflow-y:auto}.news-modal-date{color:var(--mp-pink-dim);margin-bottom:8px}.news-modal-title{font-size:1.8rem;color:var(--mp-text);margin-bottom:20px}.news-modal-text{line-height:1.8;color:var(--mp-text);margin-bottom:40px;white-space:pre-wrap}.news-comments-section{border-top:1px dashed var(--mp-lavender);padding-top:30px}.comments-header{font-size:1.2rem;color:var(--mp-text-light);margin-bottom:20px}.comment-item{background:#ffffff80;border-radius:8px;padding:15px;margin-bottom:15px;border:1px solid rgba(0,0,0,.03)}.comment-user{font-weight:700;color:var(--mp-pink-dim);font-size:.9rem;margin-bottom:4px}.comment-text{font-size:.95rem;margin-bottom:12px}.idol-reply{background:#fff0f580;border-radius:8px;padding:10px;display:flex;gap:12px;align-items:flex-start;margin-top:8px;border-left:3px solid var(--mp-pink)}.idol-avatar-container{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid white;box-shadow:0 2px 5px #0000001a}.idol-avatar{width:100%;height:100%;object-fit:cover}.reply-content{flex:1}.idol-name{font-size:.85rem;font-weight:700;margin-bottom:2px}.reply-text{font-size:.9rem;color:var(--mp-text)}.member-card{width:280px;background:var(--mp-white);padding:var(--spacing-md);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000000d;text-align:center;transition:box-shadow .3s ease;cursor:pointer;position:relative;overflow:hidden}.member-card:hover{box-shadow:0 10px 30px #ffc0cb33}.member-image-container{width:200px;height:200px;margin:0 auto var(--spacing-md);border-radius:50%;border:2px solid;padding:5px;position:relative}.member-image{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden;opacity:1;position:relative;background-color:#fff!important}.member-photo{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.member-card:hover .member-photo{transform:scale(1.1)}.member-concept{font-size:.75rem;font-style:italic;color:var(--mp-text);margin-bottom:8px;font-family:var(--font-en)}.member-initial{font-size:4rem;color:#fff;font-family:var(--font-en)}.member-name-en{font-size:1.5rem;margin-bottom:4px;letter-spacing:.05em}.member-name-jp{font-size:.9rem;color:var(--mp-text-light);margin-bottom:var(--spacing-sm)}.member-role{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mp-text-light);border-top:1px solid var(--mp-accent);display:inline-block;padding-top:4px}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto;justify-items:center}.member-card-wrapper{cursor:pointer;transition:transform .3s ease}.member-card-wrapper:hover{transform:translateY(-10px)}.member-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md)}.member-modal-content{background:var(--mp-white);width:100%;max-width:1000px;height:80vh;border-radius:20px;position:relative;box-shadow:0 20px 60px #0000001a;border:1px solid white;overflow:hidden}.member-close-button{position:absolute;top:20px;right:20px;background:#0000000d;border:none;font-size:2rem;color:var(--mp-text-light);cursor:pointer;z-index:10;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.member-close-button:hover{background:var(--mp-pink);color:#fff}.member-modal-grid{display:grid;grid-template-columns:1fr 1.2fr;height:100%}.member-modal-image-col{background:#fcfcfc;height:100%;display:flex;justify-content:center;align-items:center;padding:20px}.member-sitting-image{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}.member-modal-info-col{padding:60px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}.member-modal-header{border-bottom:2px solid;padding-bottom:20px;margin-bottom:30px}.member-modal-name{font-size:4rem;margin:0;line-height:1}.member-modal-jp-name{font-size:1.5rem;color:var(--mp-text-light);margin-top:10px}.member-modal-role{display:inline-block;padding:6px 16px;border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;margin-top:15px;letter-spacing:.1em}.member-modal-concept{font-size:1.8rem;font-style:italic;color:var(--mp-text);margin-bottom:30px;font-family:Playfair Display,serif}.member-modal-intro p{font-size:1.1rem;line-height:2.2;color:var(--mp-text);margin-bottom:1em;font-family:Zen Old Mincho,serif}@media(max-width:768px){.member-modal-grid{grid-template-columns:1fr;overflow-y:auto}.member-modal-image-col{height:60%;padding:40px}.member-modal-info-col{padding:30px}.member-modal-name{font-size:2.5rem}}.member-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;background:#ffffff80;padding:1rem;border-radius:12px;border:1px solid var(--mp-pink-dim)}.profile-item{display:flex;flex-direction:column}.profile-item.full-width{grid-column:span 2}.profile-item .label{font-family:var(--font-en);font-size:.8rem;color:var(--mp-pink-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.profile-item .value{font-size:1rem;color:var(--mp-text);font-weight:500}.schedule-table-container{max-width:1000px;margin:0 auto;overflow-x:auto}.schedule-table{width:100%;border-collapse:collapse;text-align:left}.schedule-table th{border-bottom:2px solid var(--mp-pink);padding:var(--spacing-md);color:var(--mp-pink-dim);text-transform:uppercase;letter-spacing:.1em}.schedule-table td{border-bottom:1px solid rgba(0,0,0,.05);padding:var(--spacing-md);color:var(--mp-text)}.schedule-table tr:hover td{background-color:#fafafa}.date-col{white-space:nowrap;font-weight:700}.date-col .time{font-weight:400;color:var(--mp-text-light);margin-left:8px;font-size:.9em}.title-col{font-weight:700}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;border:1px solid}.status-badge.on-sale{color:var(--mp-pink);border-color:var(--mp-pink)}.status-badge.few-left{color:orange;border-color:orange}.status-badge.coming-soon{color:var(--mp-text-light);border-color:var(--mp-text-light)}.status-badge.completed{color:#999;border-color:#ddd;background-color:#f5f5f5}@media(max-width:768px){.schedule-table thead{display:none}.schedule-table tr{display:flex;flex-direction:column;margin-bottom:var(--spacing-md);border:1px solid var(--mp-pink-dim);border-radius:8px;padding:var(--spacing-sm)}.schedule-table td{border:none;padding:4px}}.diary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.diary-card{background:var(--mp-white);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,192,203,.3);cursor:pointer}.diary-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffc0cb33}.diary-preview{font-size:.9rem;color:var(--mp-text-light);line-height:1.6;margin-bottom:var(--spacing-sm)}.read-more{font-size:.8rem;color:var(--mp-pink);font-weight:700;text-align:right}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md)}.modal-content{background:var(--mp-white);width:100%;max-width:800px;max-height:90vh;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column}.close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2rem;color:var(--mp-white);cursor:pointer;z-index:10;text-shadow:0 2px 4px rgba(0,0,0,.3)}.close-button:hover{color:var(--mp-pink)}.modal-scroll{overflow-y:auto;flex:1}.modal-header{position:relative;width:100%;height:400px}.modal-image{width:100%;height:100%;object-fit:cover}.modal-date{position:absolute;bottom:20px;right:20px;background:#ffffffe6;padding:6px 16px;border-radius:20px;font-weight:700;color:var(--mp-text)}.modal-body{padding:var(--spacing-xl)}.modal-title{font-size:1.8rem;color:var(--mp-pink-dim);margin-bottom:var(--spacing-sm)}.modal-author{font-size:1rem;color:var(--mp-text-light);margin-bottom:var(--spacing-lg);border-bottom:1px dotted var(--mp-lavender);padding-bottom:var(--spacing-sm)}.modal-text p{font-size:1.1rem;line-height:2;color:var(--mp-text);margin-bottom:var(--spacing-md);white-space:pre-wrap}@media(max-width:768px){.modal-header{height:250px}.modal-body{padding:var(--spacing-md)}.modal-title{font-size:1.4rem}}.diary-image-container{width:100%;aspect-ratio:4/3;overflow:hidden;position:relative}.diary-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.diary-card:hover .diary-image{transform:scale(1.05)}.diary-date-badge{position:absolute;top:10px;right:10px;background:#ffffffe6;padding:4px 8px;border-radius:4px;font-size:.8rem;color:var(--mp-text);font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.diary-content-container{padding:var(--spacing-md)}.diary-title{font-size:1.2rem;margin-bottom:4px;color:var(--mp-text)}.diary-author{font-size:.8rem;color:var(--mp-pink-dim);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px dotted var(--mp-lavender);padding-bottom:8px}.diary-text{font-size:.95rem;line-height:1.8;color:var(--mp-text);white-space:pre-wrap}.discography-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.album-card{background:var(--mp-white);border-radius:8px;padding:var(--spacing-md);box-shadow:0 4px 20px #0000000d;transition:transform .3s ease;cursor:pointer;border:1px solid rgba(255,192,203,.3)}.album-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffc0cb33}.album-cover-container{width:100%;aspect-ratio:1;border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-md);position:relative;box-shadow:0 4px 10px #0000001a}.album-cover{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.album-card:hover .album-cover{transform:scale(1.05)}.album-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.album-card:hover .album-overlay{opacity:1}.view-lyrics-btn{color:#fff;border:1px solid white;padding:8px 16px;border-radius:20px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.album-info{text-align:center}.album-type{font-size:.8rem;color:var(--mp-pink-dim);margin-bottom:4px;letter-spacing:.1em}.album-title{font-size:1.4rem;color:var(--mp-text);margin-bottom:8px}.album-date{font-size:.9rem;color:var(--mp-text-light)}.lyrics-container{overflow:hidden;margin-top:var(--spacing-md);border-top:1px dotted var(--mp-lavender);padding-top:var(--spacing-md)}.lyrics-content{text-align:center;font-size:.95rem;line-height:2;color:var(--mp-text);white-space:pre-wrap;background:#fff0f54d;padding:var(--spacing-md);border-radius:8px}.chat-container-wrapper{max-width:800px;margin:0 auto;background:#f9f9f9;border-radius:20px;box-shadow:0 10px 30px #0000000d;overflow:hidden;border:1px solid var(--mp-lavender)}.chat-header{background:#fff;padding:20px;text-align:center;border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:10}.chat-header h2{color:var(--mp-pink);font-size:1.5rem;margin-bottom:5px}.chat-subtitle{color:var(--mp-text-light);font-size:.9rem}.chat-body{padding:30px;display:flex;flex-direction:column;gap:24px;background-image:radial-gradient(#ffd1dc 1px,transparent 1px),radial-gradient(#ffd1dc 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;background-color:snow}.chat-message{display:flex;gap:15px;max-width:85%}.chat-message.right{align-self:flex-end;flex-direction:row-reverse;text-align:right}.chat-message.right .message-content{align-items:flex-end}.avatar-wrapper{flex-shrink:0}.chat-avatar{width:50px;height:50px;border-radius:50%;border:2px solid white;box-shadow:0 2px 5px #0000001a;object-fit:cover}.message-content{display:flex;flex-direction:column;gap:5px}.sender-name{font-size:.8rem;font-weight:700;margin-left:5px}.chat-message.right .sender-name{margin-right:5px}.message-bubble{background:#fff;padding:12px 18px;border-radius:2px 15px 15px;box-shadow:0 2px 5px #00000005;font-size:.95rem;line-height:1.6;color:var(--mp-text);position:relative;white-space:pre-wrap}.chat-message.right .message-bubble{background:var(--mp-pink);color:#fff;border-top-left-radius:15px;border-top-right-radius:2px}.message-image-container{max-width:300px;border-radius:10px;overflow:hidden;margin-bottom:5px;box-shadow:0 4px 10px #0000001a}.message-image{width:100%;height:auto;display:block}.group-message{align-self:center;margin:20px 0}.group-bubble{background:linear-gradient(135deg,var(--mp-pink),var(--mp-lavender));color:#fff;border-radius:20px;padding:10px 30px;font-weight:700;text-align:center;font-size:1.1rem}@media(max-width:600px){.chat-message{max-width:95%}.message-image-container{max-width:220px}}.games-page{width:100%;min-height:calc(100vh - 60px);background:radial-gradient(circle at top left,#ffe6f2,#fff0f5 30%,#e6e6fa 70%,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;font-family:Zen Maru Gothic,sans-serif;position:relative;overflow:hidden}.games-page:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffb7b2 15%,transparent 16%),radial-gradient(#87cefa 10%,transparent 11%);background-size:60px 60px,90px 90px;background-position:0 0,45px 45px;opacity:.15;z-index:0;pointer-events:none;animation:bgScroll 60s linear infinite}@keyframes bgScroll{0%{background-position:0 0,45px 45px}to{background-position:60px 60px,105px 105px}}.games-page:before{content:"";position:absolute;top:-20%;right:-10%;width:70vw;height:70vw;background:radial-gradient(circle,#ff69b426,#fff0 70%);border-radius:50%;z-index:0;pointer-events:none;animation:blobFloat 20s ease-in-out infinite alternate}@keyframes blobFloat{0%{transform:translate(0)}to{transform:translate(-30px,50px)}}.table-area{width:100%;max-width:1200px;height:900px;background:#fff6;border-radius:60px;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);box-shadow:0 30px 60px #ff69b433,inset 0 0 0 1px #fffc,inset 0 0 20px #ffffff80;border:1px solid rgba(255,255,255,.6);position:relative;display:flex;justify-content:center;align-items:center;z-index:1}.opponent{position:absolute;display:flex;flex-direction:column;align-items:center;width:140px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);z-index:10}.opponent-left{top:20%;left:5%}.opponent-right{top:20%;right:5%}.avatar-circle{width:120px;height:120px;border-radius:50%;border:4px solid #fff;box-shadow:0 10px 25px #ff69b44d;overflow:hidden;position:relative;background-color:#fff;z-index:2;transition:all .3s ease}.avatar-circle img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.avatar-wrapper{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:5px}.thinking-ring{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.thinking-ring:before,.thinking-ring:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;border:3px solid #ff69b4;opacity:0;box-shadow:0 0 15px #ff69b4;animation:pulseWave 1.8s infinite ease-out}.thinking-ring:after{animation-delay:.6s}@keyframes pulseWave{0%{width:120px;height:120px;opacity:.8;border-width:3px}to{width:220px;height:220px;opacity:0;border-width:0px}}.member-name{font-size:1.1rem;color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.2);background:linear-gradient(135deg,#ffb6c1,#ff1493);padding:8px 20px;border-radius:25px;box-shadow:0 5px 15px #ff149366;position:relative;z-index:3;margin-top:-20px;transform:scale(.9)}.landlord-badge{position:absolute;top:-25px;left:50%;transform:translate(-50%) rotate(-10deg);font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));z-index:10;animation:crownFloat 3s ease-in-out infinite alternate}@keyframes crownFloat{0%{transform:translate(-50%) rotate(-10deg) translateY(0)}to{transform:translate(-50%) rotate(-5deg) translateY(-5px)}}.opponent-cards{margin-top:5px;font-size:.9rem;font-weight:700;color:#555;background:#ffffffe6;padding:5px 15px;border-radius:15px;box-shadow:0 2px 8px #0000001a}.played-cards-area{position:absolute;display:flex;justify-content:center;align-items:center;z-index:5;pointer-events:none;filter:drop-shadow(0 15px 25px rgba(0,0,0,.15))}.played-cards-user{bottom:320px;left:50%;transform:translate(-50%)}.played-cards-left{top:30%;left:240px}.played-cards-right{top:30%;right:240px}.card-animate-enter{animation:cardFlyIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes cardFlyIn{0%{opacity:0;transform:scale(.5) translateY(50px) rotate(10deg)}to{opacity:1;transform:scale(.8) translateY(0) rotate(0)}}.played-cards-area .card{transform:scale(.8);margin-right:-70px}.card{width:110px;height:160px;background:#fff;border-radius:18px;box-shadow:-2px 5px 15px #0000001a;display:flex;flex-direction:column;padding:10px;position:relative;margin-right:-65px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:1px solid #f0f0f0;-webkit-user-select:none;user-select:none;background-image:linear-gradient(135deg,#fff,#fcecff)}.card:last-child{margin-right:0}.card:hover{transform:translateY(-30px) scale(1.1) rotate(2deg);z-index:100;box-shadow:0 20px 40px #0003;border-color:#ffb7b2}.card.selected{transform:translateY(-40px);border:2px solid #ff69b4;box-shadow:0 0 20px #ff69b466}.card-rank{font-size:1.8rem;font-weight:800;line-height:1}.card-suit{font-size:3.8rem;flex-grow:1;display:flex;justify-content:center;align-items:center;opacity:.9}.card-mini-suit{position:absolute;top:45px;left:10px;font-size:1.2rem}.card.red{color:#ff5274;background-image:linear-gradient(135deg,#fff,#fff0f5)}.card.black{color:#333}.game-controls{position:absolute;bottom:250px;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:50;animation:floatUp .5s ease-out}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.btn-pink{background:linear-gradient(135deg,#ff9a9e,#ff69b4,#fe5196);background-size:200% 200%;border:none;padding:18px 50px;color:#fff;font-size:1.3rem;font-weight:800;border-radius:50px;cursor:pointer;box-shadow:0 15px 35px #ff69b466,inset 0 2px #fff6;transition:all .3s ease;animation:shimmer 3s infinite linear}.btn-pink:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 45px #ff69b499}.btn-pink:active{transform:translateY(2px)}.btn-pink:disabled{filter:grayscale(1);cursor:not-allowed;opacity:.7}.btn-pass{background:linear-gradient(135deg,#e0e0e0,#cfcfcf);color:#666;box-shadow:0 10px 25px #0000001a}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.game-info{position:absolute;top:15%;font-size:1.8rem;color:#ff1493;background:#ffffffe6;padding:20px 60px;border-radius:40px;box-shadow:0 20px 50px #ff149333,inset 0 0 0 4px #fff;font-weight:800;text-align:center;border:2px solid #ffb6c1;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.speech-bubble{position:absolute;background:#fff;border-radius:25px;padding:18px;min-width:180px;color:#333;font-size:1.1rem;font-weight:700;box-shadow:0 10px 25px #00000026;z-index:20;opacity:0;transform:scale(.5);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:3px solid #ffc0cb}.speech-bubble.visible{opacity:1;transform:scale(1) rotate(-2deg)}.opponent-left .speech-bubble{top:-90px;left:100px}.opponent-right .speech-bubble{top:-90px;right:100px}.user-hand-area{position:absolute;bottom:20px;width:95%;height:200px;display:flex;justify-content:center;align-items:flex-end;perspective:1000px}.hand-container{display:flex;justify-content:center;align-items:flex-end;position:relative}.turn-timer{position:absolute;top:30px;left:30px;width:70px;height:70px;background:#fff;border:4px solid #ff69b4;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.8rem;font-weight:900;color:#ff69b4;box-shadow:0 10px 20px #ff69b44d;z-index:100}.timer-urgent{background:#ff4757;color:#fff;border-color:#fff;animation:urgentPulse .8s infinite}@keyframes urgentPulse{0%{transform:scale(1)}50%{transform:scale(1.2);box-shadow:0 0 30px #ff4757}to{transform:scale(1)}}.debug-box{margin-top:20px;width:80%;background:#000c;color:#0f0;padding:10px;border-radius:10px;font-size:.8rem;display:none}.app-container{width:100%;min-height:100vh;position:relative}