/* Pocket Choir: a portable paper theater, separate from the ear-training answer scenes. */
#pocketChoir{background:#f8f2e8;color:#302f4c;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain;font-weight:600;}
#pocketChoir *{box-sizing:border-box;}
#pocketChoir button:focus-visible{outline:3px solid #dd765f;outline-offset:4px;}
.pc-head{display:flex;align-items:center;gap:12px;padding:14px 22px 8px;width:min(1280px,100%);margin:0 auto;flex-shrink:0;position:sticky;top:0;z-index:10;background:#f8f2e8f2;backdrop-filter:blur(12px);}
.pc-book,.pc-director,.pc-roster{scroll-margin-top:92px;}
.pc-back,.pc-wallet,.pc-settings{background:#fff;border:1px solid #e5dfd5;border-radius:22px;min-height:60px;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;}
.pc-head-title{flex:1;min-width:0;}.pc-kicker{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#8d6b62;font-weight:800;}.pc-head h1{font-size:clamp(24px,4vw,36px);letter-spacing:-.045em;line-height:1.1;margin:3px 0;}.pc-wallet{font-weight:800;white-space:nowrap;font-size:20px;}.pc-wallet span:first-child{color:#c68b28;}
.pc-layout{width:min(1280px,100%);padding:12px 22px 28px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start;}
.pc-theater{position:relative;overflow:hidden;isolation:isolate;border-radius:26px;background:#292d50;box-shadow:0 10px 0 #ded3c3;aspect-ratio:1.65;min-height:320px;}
.pc-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 95%,#655276,transparent 70%),linear-gradient(#242943,#363858);}
.pc-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#ffebbb 1px,transparent 2px),radial-gradient(circle,#eee4fb 1px,transparent 2px);background-size:83px 71px,127px 117px;background-position:17px 21px,47px 37px;opacity:.6;}
.pc-moon{position:absolute;top:10%;left:44%;width:12%;aspect-ratio:1;border-radius:50%;background:#f9e5ad;box-shadow:0 0 65px #f7e6b136;}.pc-moon:after{content:'';position:absolute;width:90%;height:90%;border-radius:50%;background:#2e304e;left:24%;top:-10%;}
.pc-arch{position:absolute;width:115%;height:130%;border:18px solid #b45c5a;border-radius:50% 50% 0 0;left:-7.5%;top:-12%;box-shadow:inset 0 0 0 4px #edb478,0 0 0 6px #5a3b52;pointer-events:none;}
.pc-rope{position:absolute;top:0;bottom:15%;width:1px;background:#d5aa7a66;left:15%;}.pc-rope:after{content:'✦';position:absolute;top:18%;left:-9px;color:#efcf8d;font-size:25px;}.pc-rope.right{left:auto;right:17%;height:48%;}
.pc-stage-floor{position:absolute;bottom:0;left:0;right:0;height:24%;border-top:3px solid #c08d73;background:repeating-linear-gradient(0deg,transparent 0 22px,#bf8e771c 23px 24px),linear-gradient(#795d6b,#51475f);}
.pc-stage-floor:after{content:'POCKET CHOIR';position:absolute;bottom:7px;left:0;right:0;text-align:center;letter-spacing:.32em;font-size:10px;color:#f3dabb99;}
.pc-lights{position:absolute;inset:0;background:conic-gradient(from 155deg at 27% -10%,transparent 0 5deg,#ffe6aa0c 6deg 25deg,transparent 26deg),conic-gradient(from 173deg at 76% -10%,transparent 0 5deg,#eedaff12 6deg 25deg,transparent 26deg);pointer-events:none;}
.pc-stage-cats{position:absolute;left:7%;right:7%;bottom:12%;height:65%;display:flex;align-items:flex-end;justify-content:center;gap:0;}
.pc-performer{position:relative;flex:1;min-width:0;max-width:33.333%;height:100%;padding:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;touch-action:manipulation;color:#f5e9d2;}
.pc-performer:before{content:'';position:absolute;bottom:20px;width:82%;height:15%;background:#1a1a3455;border-radius:50%;}
.pc-performer.solo:before{background:#ffe3a445;box-shadow:0 0 38px #ffe4a522;}
.pc-performer .cc-cat{width:100%;height:calc(100% - 21px);max-height:290px;position:relative;overflow:visible;filter:drop-shadow(0 9px 3px #17162b22);}
.pc-performer .pc-cat-name{font-size:13px;font-weight:700;letter-spacing:.04em;position:relative;min-height:21px;}
.pc-empty{font-size:30px;width:65%;height:60%;border:1px dashed #f7e4bb55;border-radius:65px;margin-bottom:21px;}
.pc-status{position:absolute;left:18px;top:16px;color:#f6e6cd;max-width:80%;font-size:13px;display:flex;gap:8px;align-items:center;z-index:2;}
.pc-live-dot{height:7px;width:7px;background:#e8ba83;border-radius:50%;flex:none;}.pc-theater.playing .pc-live-dot{background:#b5e7b3;box-shadow:0 0 8px #a0dca0;}
.pc-stop{position:absolute;right:12px;top:8px;min-width:60px;min-height:60px;color:#fff1d8;font-size:13px;z-index:3;}
.pc-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden;}.pc-effects svg{width:100%;height:100%;}.pc-effects:empty{display:none;}
.pc-beat{position:absolute;bottom:27%;left:30%;right:30%;display:flex;gap:7px;justify-content:center;pointer-events:none;}.pc-beat i{width:6px;height:6px;border-radius:50%;background:#fff5;}.pc-beat i.on{background:#ffe5a3;box-shadow:0 0 9px #ffe5a3;}
.pc-caption{min-height:37px;text-align:center;font-size:13px;color:#7f6c70;margin:17px 0 4px;line-height:1.45;}
.pc-cues{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
.pc-cue{border-radius:18px;background:#fff;border:1px solid #e4dbcf;min-height:94px;padding:11px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#443a56;box-shadow:0 4px 0 #e7ded2;font-size:14px;font-weight:800;}
.pc-cue svg{width:30px;height:30px;}.pc-cue small{font-size:10px;font-weight:600;color:#8b7b88;}.pc-cue.active{background:#f6ddd0;border-color:#d58b70;box-shadow:0 4px 0 #d6a58b;}.pc-cue.queued{outline:2px dashed #a475a8;outline-offset:2px;}
.pc-cue:active,.pc-action:active{transform:translateY(2px);box-shadow:none;}
.pc-cast{display:flex;align-items:center;gap:7px;margin-top:18px;flex-wrap:wrap;}.pc-cast-label{font-size:12px;color:#8b776e;margin-right:2px;}.pc-slot{flex:1;min-height:60px;min-width:60px;background:#eee6db;border:1px solid transparent;border-radius:14px;padding:7px 9px;text-align:left;font-size:12px;display:flex;align-items:center;gap:7px;}.pc-slot b{display:block;}.pc-slot small{color:#8a7776;display:block;font-size:10px;margin-top:2px;}.pc-slot.sel{border-color:#a77c98;background:#f3e7ed;}.pc-slot i{font-style:normal;opacity:.55;}
.pc-book{background:#fffdf8;border:1px solid #e5ddd1;border-radius:24px;overflow:hidden;position:relative;}
.pc-book:before{content:'';position:absolute;left:12px;top:0;bottom:0;border-left:1px dashed #e6d6c8;pointer-events:none;}
.pc-detail-top{padding:18px 20px 12px 28px;background:linear-gradient(#f4e8dc,#fffdf8);}.pc-detail-meta{display:flex;justify-content:space-between;align-items:center;gap:5px;}.pc-detail-meta .pc-kicker{font-size:10px;}.pc-number{font-family:Georgia,serif;font-style:italic;font-size:18px;color:#b09286;}.pc-portrait{height:154px;text-align:center;position:relative;}.pc-portrait .cc-cat{height:100%;width:145px;overflow:visible;}.pc-portrait:before{content:'';position:absolute;width:130px;height:130px;border-radius:50%;background:#ead9cd66;left:calc(50% - 65px);bottom:0;}
.pc-cat-heading{display:flex;align-items:baseline;gap:9px;margin:4px 0;}.pc-cat-heading h2{font-size:28px;letter-spacing:-.04em;margin:0;}.pc-cat-heading span{color:#a48575;font-size:12px;}.pc-personality{color:#847279;font-size:13px;line-height:1.55;margin:6px 0 0;min-height:40px;}.pc-detail-body{padding:4px 20px 18px 28px;}
.pc-action{min-height:60px;border-radius:16px;padding:10px 16px;background:#373652;color:#fff9ea;font-size:14px;line-height:1.35;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-shadow:0 4px 0 #d5ccbf;}
.pc-action.coral{background:#bc6756;}.pc-action.secondary{background:#f0e9df;color:#5d4e5b;box-shadow:none;border:1px solid #e3d8ca;}.pc-action:disabled{background:#eae3da;color:#a49890;box-shadow:none;cursor:default;}.pc-action small{font-size:11px;display:block;font-weight:600;}.pc-price{white-space:nowrap;margin-left:auto;color:inherit;}
.pc-placement{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}.pc-placement .pc-action{min-height:60px;padding:7px 4px;border-radius:12px;justify-content:center;text-align:center;font-size:11px;line-height:1.2;}.pc-placement .pc-action small{font-size:10px;font-weight:600;margin-top:4px;}.pc-position{justify-content:center;text-align:center;background:#eee6db;}.pc-position small:first-child{text-transform:capitalize;font-size:11px;margin:0 0 4px;}.pc-position b{font-size:14px;}.pc-learned button[aria-pressed="true"]{color:#9b5b56;font-weight:800;background:#f6eee7;}
.pc-concert{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;border:1px solid #c9d2c6;border-radius:18px;padding:9px 16px;margin:7px 0 13px;background:#e5ebde;color:#435b4b;text-align:left;font-size:19px;font-weight:800;box-shadow:0 4px 0 #d5dccd;}.pc-concert>span:first-child{font-size:32px;}.pc-concert small{display:block;font-size:11px;font-weight:600;margin-top:3px;}.pc-concert i{margin-left:auto;font-size:16px;font-style:normal;}.pc-concert.active{background:#d2e2ca;border-color:#8ca183;}.pc-song{padding:5px 2px 14px;font-size:13px;color:#61566d;}.pc-song[hidden]{display:none;}.pc-song>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;}.pc-song-title{font-size:15px;}.pc-song-cue{font-size:11px;white-space:nowrap;}.pc-song progress{display:block;width:100%;height:7px;border:0;border-radius:8px;margin-top:9px;overflow:hidden;accent-color:#8d9f80;}.pc-song progress::-webkit-progress-bar{background:#e9dfd2;}.pc-song progress::-webkit-progress-value{background:#8d9f80;border-radius:8px;}
.pc-progress{display:flex;gap:5px;margin:16px 0 11px;}.pc-progress i{height:5px;flex:1;border-radius:6px;background:#ebe3db;}.pc-progress i.done{background:#be8067;}
.pc-lesson-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a08375;margin:13px 0 5px;}.pc-lesson-name{font-size:19px;letter-spacing:-.025em;margin:0;}.pc-lesson-copy{font-size:12px;line-height:1.5;color:#85737b;margin:6px 0 12px;min-height:36px;}.pc-lesson-buttons{display:flex;gap:7px;}.pc-lesson-buttons .pc-action{flex:1;}.pc-preview{min-width:60px;min-height:60px;border:1px solid #d9cbbb;border-radius:16px;font-size:12px;background:#fff9ef;}
.pc-bond-hint{font-size:11px;color:#8b7775;line-height:1.5;border-top:1px dashed #e5d8ca;margin-top:18px;padding-top:12px;}.pc-bond-hint b{color:#805d79;}
.pc-learned{margin-top:15px;}.pc-learned button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:60px;border-top:1px solid #ebe0d5;text-align:left;font-size:12px;color:#665369;padding:8px 0;}.pc-learned button span{font-size:10px;color:#9b857a;white-space:nowrap;}.pc-learned [data-show-stage]{font-weight:800;color:#ab655d;}
.pc-roster{grid-column:1 / -1;}.pc-section-head{display:flex;align-items:baseline;gap:12px;margin:7px 0 13px;}.pc-section-head h2{font-size:21px;letter-spacing:-.03em;margin:0;}.pc-section-head span{font-size:12px;color:#947e77;}.pc-members{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;}
.pc-member-label{display:flex;flex-direction:column;align-items:center;gap:4px;}
.pc-member{background:#fffdf7;border:1px solid #e5d9cb;border-radius:18px;padding:8px 5px 10px;position:relative;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;}.pc-member .cc-cat{width:82px;height:93px;overflow:visible;}.pc-member.locked{background:#f0e9df;}.pc-member.selected{border:2px solid #b67a77;padding:7px 4px 9px;box-shadow:0 3px 0 #ddc8b6;}.pc-member b{font-size:14px;}.pc-member small{font-size:11px;color:#947a74;}.pc-member .pc-dot{position:absolute;top:9px;right:10px;background:#e9d0b4;width:6px;height:6px;border-radius:50%;}.pc-member .pc-dot.owned{background:#8caa91;}
.pc-footer{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e4d9ca;padding-top:16px;font-size:12px;color:#938075;}.pc-practice{min-height:60px;min-width:170px;border-radius:18px;background:#e9dfd1;padding:10px 17px;font-size:13px;font-weight:800;color:#67564e;}
.pc-message{font-size:12px;line-height:1.5;min-height:25px;color:#91615d;margin:12px 0 0;}.pc-message.success{color:#54735a;}
.pc-toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#fff8e8;color:#5f4455;padding:13px 22px;border:1px solid #d4bba7;border-radius:18px;box-shadow:0 8px 28px #1e1d3640;font-size:14px;z-index:30;max-width:90vw;transition:opacity .2s,transform .2s;text-align:center;}.pc-toast.on{opacity:1;transform:translate(-50%,0);}
@media(min-width:1100px){.pc-layout{grid-template-columns:minmax(0,1fr) 320px;}.pc-book{grid-column:2;grid-row:1 / 3;}.pc-roster{grid-column:1;}.pc-members{grid-template-columns:repeat(4,minmax(0,1fr));}.pc-member{flex-direction:row;min-height:85px;justify-content:flex-start;gap:9px;text-align:left;padding:6px 10px;}.pc-member.selected{padding:5px 9px;}.pc-member .cc-cat{width:53px;height:65px;flex-shrink:0;}.pc-member .pc-member-label{display:flex;flex-direction:column;gap:4px;}.pc-roster{margin-top:0;}}
@media(max-width:900px){.pc-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px;padding:10px 16px 25px;}.pc-head{padding:12px 16px 4px;}.pc-theater{min-height:285px;aspect-ratio:1.3;}.pc-members{grid-template-columns:repeat(4,minmax(0,1fr));}.pc-detail-top{padding:14px 16px 10px 24px;}.pc-detail-body{padding:3px 16px 16px 24px;}.pc-portrait{height:130px;}.pc-cue{font-size:12px;}.pc-cue small{font-size:9px;}}
@media(max-width:650px){.pc-head{gap:8px;padding:10px 12px 5px;}.pc-back{min-width:60px;width:60px;padding:8px;font-size:13px;}.pc-back span{display:none;}.pc-head h1{font-size:28px;}.pc-kicker{font-size:9px;letter-spacing:.12em;}.pc-wallet{min-width:66px;padding:9px;font-size:17px;}.pc-layout{grid-template-columns:1fr;gap:20px;padding:9px 12px 25px;}.pc-theater{aspect-ratio:1.35;min-height:245px;border-radius:22px;}.pc-status{font-size:11px;top:15px;left:16px;max-width:77%;}.pc-performer .pc-cat-name{font-size:11px;}.pc-stage-cats{left:4%;right:4%;height:65%;}.pc-cue{min-height:85px;font-size:12px;padding:9px 2px;}.pc-cues{gap:7px;}.pc-caption{font-size:12px;margin-top:16px;}.pc-cast{margin-top:15px;}.pc-slot{padding:8px 6px;gap:5px;}.pc-book{grid-row:3;}.pc-roster{grid-row:2;}.pc-members{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}.pc-member{min-height:122px;padding:6px 3px;}.pc-member .cc-cat{width:65px;height:78px;}.pc-member b{font-size:12px;}.pc-member small{font-size:10px;}.pc-section-head{gap:8px;}.pc-section-head span{font-size:11px;}.pc-detail-top{padding:17px 22px 12px 29px;}.pc-portrait{height:155px;float:right;width:130px;}.pc-cat-heading{padding-top:14px;}.pc-personality{max-width:65%;min-height:80px;}.pc-detail-body{padding:5px 22px 20px 29px;}.pc-footer{align-items:flex-start;font-size:11px;}.pc-practice{min-width:145px;}.pc-bond-hint{font-size:12px;}}
@media(prefers-reduced-motion:reduce){.pc-toast{transition:none;}.pc-performer .cc-cat{filter:none;}}
.pc-credits{display:flex;align-items:center;min-height:60px;color:#67564e;}