.subject-card-art{display:block;aspect-ratio:1;background:url('./group-world/subject-atlas.webp') var(--sx,50%) var(--sy,100%)/300% 300%;border-radius:15px;box-shadow:inset 0 0 0 1px #e9c87966;flex-shrink:0}.subject-card-choices{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.subject-card-choices button{display:flex;flex-direction:column;gap:10px;padding:10px;background:#153b32;color:#fff0c9;border:2px solid #456759;border-radius:20px;transition:transform .2s,box-shadow .2s;text-align:center}.subject-card-choices button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0e312e33}.subject-card-choices button[aria-pressed=true]{border-color:#dfb855;box-shadow:0 0 0 3px #dfb85533}.subject-card-choices .subject-card-art{width:100%}.journey-picker .picker-filters{grid-template-columns:1fr}.journey-picker [data-modules]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.journey-picker .subject-module{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px 16px;padding:18px;margin:0;border:1px solid #a3b5a8;border-radius:18px;background:linear-gradient(120deg,#f6f2e3,#e7eee7)}.subject-module>.subject-card-art{width:78px;grid-row:1/4}.subject-module>.subject-reading{grid-column:1/-1}.subject-module>label{display:flex;align-items:start;gap:10px}.subject-module>label input{width:20px;height:20px;flex:none;margin-top:3px}.group-command{width:min(1080px,96vw);max-width:1080px;background:#f3f1e4}.group-command>header{background:linear-gradient(100deg,#143c32,#315849);color:#ffefc3;padding:20px;border-radius:18px}.group-command>header h2{color:inherit}.group-command h3{margin:32px 0 12px}.group-subjects{display:grid;grid-template-columns:1fr 1fr;gap:14px}.group-subject{border:1px solid #b7ba9c;border-radius:18px;background:#fff9eb;padding:12px;align-self:start}.group-subject summary{display:flex;align-items:center;gap:16px;cursor:pointer}.group-subject summary .subject-card-art{width:90px}.group-subject summary small{display:block;margin-top:8px;color:#526950}.group-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0;max-height:360px;overflow:auto}.group-topic-grid label,.group-practice-setting{display:flex;align-items:start;gap:10px;padding:12px;border:1px solid #ccd2bb;border-radius:12px;line-height:1.5;background:#fffdf4}.group-topic-grid input,.group-practice-setting input{width:20px;height:20px;flex:none;margin-top:3px}.group-practice-setting{margin-top:22px;background:#e0ebda}.group-command .subject-actions{gap:10px;margin-top:15px;flex-wrap:wrap}.group-command .subject-actions button{font-size:.8rem}.recommendation-editor{border:1px solid #bca573;border-radius:18px;padding:18px;margin:16px 0;background:#fffaf0}.group-save{position:sticky;bottom:0;background:#163e35;color:#f9efce;padding:18px;border-radius:16px;margin-top:24px;z-index:2}.group-save p{font-size:.8rem;margin:10px 0 0}.message-styles{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.message-styles label{padding:15px;border-radius:12px;display:flex;gap:8px}.message-styles input{width:18px}.style-emerald{background:linear-gradient(120deg,#164836,#286452);color:#f9edc7}.style-amber{background:linear-gradient(120deg,#674219,#8a622b);color:#fff0c5}.style-amethyst{background:linear-gradient(120deg,#352f5c,#625481);color:#f8eaff}.group-dashboard:empty{display:none}.group-dashboard{margin-bottom:26px}.group-message{display:flex;gap:20px;padding:26px;border:1px solid #c6a966;border-radius:22px;box-shadow:0 12px 26px #153e2422;margin:0 0 22px}.group-message h2{color:inherit}.group-message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.group-seal{font-size:40px;color:#f1cc72;animation:group-glow 4s ease-in-out infinite}.pinned-journeys{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.pinned-journeys article{border:1px solid #c4a666;border-radius:22px;background:#173e35;color:#fbe8ba;overflow:hidden}.pinned-journeys article>div{padding:20px}.pinned-journeys h2{color:inherit;font-size:1.35rem}.pinned-art{--sx:100%;--sy:100%;height:160px;aspect-ratio:auto;border-radius:0;background-size:300% auto}.royale-invitation-art{display:block;width:100%;height:210px;object-fit:cover;border-radius:18px;box-shadow:0 6px 20px #081b2866}.royale-invite{grid-template-columns:1fr!important;max-width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto}.royale-invite>.royale-invitation-art{height:170px;animation:group-glow 4s ease-in-out infinite}.royale-lobby>.royale-invitation-art{max-width:650px;margin:0 auto 18px;height:240px}.golden-ticket-float{position:relative!important;inset:auto!important;width:auto!important;max-width:100%!important;display:flex!important;align-items:center;gap:10px;padding:8px 14px!important;border-radius:16px!important;background:#513b1c!important;border:1px solid #eac367!important;color:#fff2b8!important;animation:group-glow 4s ease-in-out infinite!important}.golden-ticket-float img{width:64px!important;height:48px!important;object-fit:contain}.reward-dock{position:fixed;left:16px;bottom:calc(var(--footer-height,95px) + 14px);z-index:42;display:flex;flex-direction:column;gap:9px;max-width:230px}.token-available{display:flex;align-items:center;gap:8px;background:#153b39;color:#ffe8b7;border:1px solid #bfa164;border-radius:16px;padding:8px 14px}.token-available img{width:45px;height:45px;object-fit:contain}.reward-dock:empty{display:none}body:has(dialog[open]) .reward-dock{visibility:hidden}.shell:has(.activity-beacon:not([hidden])) .reward-dock{bottom:calc(var(--footer-height,95px) + 14px)}@keyframes group-glow{50%{filter:brightness(1.13);box-shadow:0 0 18px #d5ab5433}}@media(max-width:760px){.subject-card-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-card-choices .subject-card-art{max-height:135px;aspect-ratio:1;width:135px;max-width:100%;align-self:center}.journey-picker [data-modules],.group-subjects{grid-template-columns:1fr}.group-topic-grid{grid-template-columns:1fr}.reward-dock{position:relative;inset:auto;flex-direction:row;flex-wrap:wrap;max-width:none;margin:14px 16px}.golden-ticket-float,.token-available{flex:1;min-width:145px;font-size:.8rem}.group-message{padding:18px}.group-save button{white-space:normal}.pinned-art{height:145px}}@media(prefers-reduced-motion:reduce){.group-seal,.golden-ticket-float,.royale-invite>.royale-invitation-art{animation:none!important}.subject-card-choices button{transition:none}}

.practice-topic-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;max-height:430px;overflow:auto;padding:12px 0}.practice-topic-cards button{display:flex;gap:12px;text-align:left;align-items:center;background:#173e35;color:#fce9bd;border:2px solid transparent;border-radius:16px;padding:12px}.practice-topic-cards button[aria-pressed=true]{border-color:#e6bc63}.practice-topic-cards .subject-card-art{width:70px}.practice-topic-cards strong,.practice-topic-cards small{display:block}.reward-dock{grid-column:1/-1}
.pinned-journeys{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.pinned-journeys article{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center}.pinned-art{width:180px;height:180px;background-size:300% 300%;border-radius:0}.pinned-journeys button{white-space:normal}.group-message.style-amethyst{background:linear-gradient(100deg,#342d59f5,#4b3b66e6),url('./library/hall.webp') center/cover}.group-message.style-emerald{background:linear-gradient(100deg,#164836f5,#286452df),url('./library/hall.webp') center/cover}.group-message.style-amber{background:linear-gradient(100deg,#674219f5,#8a622bdf),url('./library/hall.webp') center/cover}@media(max-width:600px){.pinned-journeys article{grid-template-columns:105px minmax(0,1fr)}.pinned-art{width:105px;height:160px}.pinned-journeys article>div{padding:15px}.pinned-journeys h2{font-size:1.1rem}}
.royale-invite{display:grid!important;gap:16px!important}.royale-invite>div{min-width:0}.royale-invite>.royale-invitation-art{width:100%;height:165px}.royale-invite h2{margin:4px 0 10px}.royale-invite p{margin:8px 0}.royale-invite button{margin:8px 8px 0 0}

.royale-invite{bottom:calc(var(--footer-height,95px) + 14px);max-height:calc(100dvh - var(--footer-height,95px) - 40px)}
.pinned-topic-summary{font-size:.85rem;line-height:1.5;overflow-wrap:anywhere;max-height:90px;overflow:auto}
.group-subject summary:after{content:'⌄';margin-left:auto;font-size:1.3rem;color:#5c735e}.group-subject[open] summary:after{content:'⌃'}
.group-command{max-height:90dvh}@media(max-width:600px){.group-save{padding:12px}.group-save p{font-size:.72rem;line-height:1.35}.group-save button{padding:12px}}