[hidden]{display:none!important}.playroom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:22px 0}.profile-panel{margin-top:0}.profile-panel form{display:grid;gap:14px;margin-top:16px}.profile-panel label{display:grid;gap:6px}.profile-panel .toggle{display:flex;align-items:center}.profile-panel input[type=checkbox]{min-height:20px}.public-panel{margin-bottom:28px}.member-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.member{display:flex;align-items:center;gap:12px;background:#f1f4e9;border:1px solid #e0e5d4;padding:12px;border-radius:16px;min-width:0}.member>div{flex:1;min-width:0;overflow-wrap:anywhere}.member small{display:block;color:#627168}.avatar{font-size:30px}.member button{font-size:13px;padding:8px}.learn-card{background:linear-gradient(140deg,#eff1d6,#fff8ed)}.learn-card h2{font-size:30px}.learn-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.learn-panel{max-width:720px;margin:auto}.learn-panel>p{max-width:58ch}.learn-board-scroll{overflow:auto}.learn-board{display:grid;grid-template-columns:repeat(5,56px);width:280px;margin:12px auto;background:#dfb97f;padding:0}.learn-board button{width:56px;height:56px;min-height:56px;padding:0;border:0;border-radius:0;position:relative;background:linear-gradient(90deg,transparent calc(50% - 1px),#80643c calc(50% - 1px),#80643c calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(transparent calc(50% - 1px),#80643c calc(50% - 1px),#80643c calc(50% + 1px),transparent calc(50% + 1px))}.learn-board button:disabled{opacity:1}.learn-board .picked:after,.learn-board .hint-point:after{content:'';position:absolute;inset:19px;border-radius:50%;background:#36765c;box-shadow:0 0 0 4px #fff8}.learn-board .hint-point:after{background:#e2a42f}.learn-feedback{min-height:32px;font-weight:700;color:#285c48}.invitation{padding:12px;margin-top:10px;border-radius:12px;background:#fff1cf}.invitation button{margin:6px}.family-panel form{margin-top:18px}.family-panel select{min-width:0}.family-panel .game-settings{margin-top:10px;gap:8px}.learn-panel button{min-height:56px}
/* Kid-friendly Playroom Styling */
.game-catalog{margin:18px 0 26px}.catalog-header{margin-bottom:16px}.catalog-title{font-size:clamp(20px,3.2vw,28px);margin:8px 0 4px;color:#1e3a2b;font-weight:850;letter-spacing:-.02em}.kid-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:13px;font-weight:800;background:#fdf3d6;color:#925807;border:1px solid #f6e2a2}.game-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.kid-game-card{display:flex;flex-direction:column;background:linear-gradient(135deg,#ffffff,#faf7ee);border:2px solid #e5e0d3;border-radius:24px;padding:22px;box-shadow:0 6px 20px rgba(35,50,30,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer;position:relative}.kid-game-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(35,50,30,.12);border-color:#3b7c59}.kid-game-card.active-game{border-color:#2e7d32;box-shadow:0 0 0 3px rgba(46,125,50,.22),0 8px 24px rgba(35,50,30,.08);background:linear-gradient(135deg,#ffffff,#f4fbf5)}.kid-game-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kid-game-icon-wrap{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 4px 12px rgba(0,0,0,.06)}.kid-game-icon-wrap.go-bg{background:linear-gradient(135deg,#e3f2fd,#c5e1a5)}.kid-game-icon-wrap.chess-bg{background:linear-gradient(135deg,#f3e5f5,#d1c4e9)}.kid-game-tag{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:750;background:#eaf3e7;color:#2d6b45}.kid-game-card.active-game .kid-game-tag{background:#2e7d32;color:#ffffff}.kid-game-info{margin-bottom:16px;flex:1}.kid-game-info h3{font-size:22px;font-weight:850;margin:0 0 8px;color:#1e3a2b}.kid-game-desc{margin:0;font-size:14px;line-height:1.55;color:#5d6d63}.kid-game-enter-btn{width:100%;min-height:48px;border-radius:16px;font-size:16px;font-weight:800;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:filter .15s ease,transform .15s ease}.kid-game-enter-btn:hover{filter:brightness(1.07);transform:scale(1.01)}.kid-game-enter-btn.go-btn{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#ffffff}.kid-game-enter-btn.chess-btn{background:linear-gradient(135deg,#7b1fa2,#4a148c);color:#ffffff}.kid-profile-summary{cursor:pointer;user-select:none;list-style:none}.kid-profile-summary::-webkit-details-marker{display:none}.kid-profile-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:#ffffff;border:1.5px solid #dedad0;box-shadow:0 3px 10px rgba(40,60,30,.06);transition:border-color .15s ease,transform .15s ease}.kid-profile-pill:hover{border-color:#3b7c59;transform:translateY(-1px)}.avatar-pill{font-size:24px}.profile-name-text{font-size:15px;color:#213a2f}.profile-edit-tag{font-size:13px;color:#3a6b4c;font-weight:750;background:#eef6ed;padding:3px 9px;border-radius:8px}.kid-profile-form{margin-top:14px;background:#ffffff;border:1.5px solid #dedad0;border-radius:20px;padding:20px;box-shadow:0 5px 16px rgba(0,0,0,.05)}.kid-form-tip{margin:0 0 10px;font-weight:800;font-size:15px;color:#284c39}.kid-avatar-picker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.avatar-choice-btn{font-size:26px;width:48px;height:48px;border-radius:50%;border:2px solid #e0ded4;background:#fdfbf7;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease}.avatar-choice-btn:hover{transform:scale(1.15);border-color:#356e4a}.avatar-choice-btn.picked{border-color:#2e7d32;background:#e8f5e9;transform:scale(1.15);box-shadow:0 0 0 3px rgba(46,125,50,.25)}.hidden-select-wrap{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.kid-name-label{display:flex;flex-direction:column;gap:6px;font-weight:750;margin-bottom:12px}.kid-name-label input{min-height:46px;border-radius:12px;padding:10px 14px;font-size:15px}.kid-toggle{display:flex;align-items:center;gap:8px;font-size:14px;margin:10px 0}.kid-privacy-tip{font-size:13px;color:#637166;margin:6px 0 14px;line-height:1.4}.kid-save-btn{min-height:48px;border-radius:14px;font-size:16px;font-weight:800;width:100%}.game-zone-header{display:flex;justify-content:space-between;align-items:center;margin:28px 0 16px;flex-wrap:wrap;gap:12px}.game-zone-title-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.game-zone-title-group h2{margin:0;font-size:clamp(22px,3.5vw,30px)}.back-to-hub-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;min-height:44px;border-radius:14px;background:#ffffff;border:1.5px solid #d4cfc1;font-weight:750;color:#354a3c;cursor:pointer;transition:all .15s ease}.back-to-hub-btn:hover{background:#f1ede1;border-color:#356e4a;color:#1e3a2b}.kid-mode-card{border-radius:20px;padding:20px}.kid-mode-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:4px}.kid-mode-badge{font-size:12px;font-weight:750;padding:3px 10px;border-radius:10px;background:#edf5eb;color:#2c6340}.join-panel{margin:20px 0;padding:20px;border-radius:20px}.card-eyebrow-row{margin-bottom:8px}.kid-tag{display:inline-block;padding:3px 10px;border-radius:8px;font-size:12px;font-weight:800;background:#eef4ec;color:#2f6844}.kid-sub-desc{margin:0 0 14px;color:#5c6c62;font-size:14px}.kid-progress-badge{font-size:16px;font-weight:800;color:#c06c09;margin:8px 0 16px}.kid-progress-badge::before{content:'⭐ '}.kid-action-btn{width:100%;min-height:48px;border-radius:14px;font-size:15px;font-weight:750}.family-entry-actions{display:flex;flex-direction:column;gap:12px;margin-top:14px}.kid-create-family-btn{width:100%;min-height:48px;border-radius:14px;font-size:15px}.kid-family-join{margin:0}.kid-join-btn{min-height:48px;border-radius:14px}.kid-refresh-btn{min-height:40px;padding:6px 14px;border-radius:12px;font-size:13px}.kid-empty-notice{font-size:14px;color:#6a796e;padding:12px;margin:0}.kid-history-details{margin-top:18px;border-radius:18px}
.lobby-title-group{display:flex;flex-direction:column;gap:2px}.lobby-title-group h2{margin:0}.kid-guest-tag{font-size:11px;font-weight:750;background:#fff3cd;color:#856404;padding:2px 8px;border-radius:6px;margin-left:6px;vertical-align:middle}.kid-game-enter-btn{text-decoration:none!important}.cards.four-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(max-width:760px){.playroom-grid{grid-template-columns:1fr}.member-list{grid-template-columns:1fr}.learn-panel{padding:12px}.profile-panel{padding:16px}.learn-top h2{font-size:21px}.family-panel .game-settings{display:grid;grid-template-columns:1fr 1fr}.member{padding:10px}.learn-top button{font-size:13px}.game-choice-grid{grid-template-columns:1fr}.game-zone-header{flex-direction:column;align-items:flex-start}.back-to-hub-btn{width:100%;justify-content:center}}