/* ---- styles.css ---- */ :root{ --bg:#eee9df;--paper:#fbf8f1;--paper2:#f4eee4;--ink:#29261f;--muted:#746d62;--line:#d7cec0; --dark:#25251f;--wine:#66382f;--olive:#596357;--gold:#97786d;--blue:#66727a;--shadow:0 12px 28px rgba(58,44,30,.07); } *{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--tjp-font,Georgia),"Times New Roman",serif} button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh} .sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:var(--dark);color:#ede7e4;padding:22px 16px;display:flex;flex-direction:column} .brand{font-size:18px;letter-spacing:1.5px}.brand-sub{font-size:10px;color:#b9b0a4;margin-top:4px;letter-spacing:1px;text-transform:uppercase} .profile-card{display:flex;gap:10px;align-items:center;margin:22px 0 16px;padding:11px;border:1px solid #45463e;border-radius:10px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-weight:bold}.profile-name{font-size:13px}.profile-role{font-size:10px;color:#aaa296;text-transform:uppercase;letter-spacing:.8px;margin-top:2px} .nav{display:flex;flex-direction:column;gap:3px}.nav button{background:transparent;border:0;color:#d8d1c5;text-align:left;padding:8px 10px;border-radius:7px;display:flex;justify-content:space-between}.nav button:hover,.nav button.active{background:#383932;color:#fff} .nav .section-label{font-size:9px;color:var(--ink3);letter-spacing:1.2px;text-transform:uppercase;margin:12px 8px 3px}.sidebar-footer{margin-top:auto;border-top:1px solid #41423a;padding-top:14px;font-size:11px}.mini-status{display:flex;align-items:center;gap:7px;color:#bcb4a8}.ghost-link{background:none;border:0;color:#cfc7bb;padding:8px 0} .main{padding:28px 34px 80px;max-width:1600px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.top-actions{display:flex;gap:8px;flex-wrap:wrap} .eyebrow{font-size:10px;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase}h1{font-size:31px;font-weight:500;margin:3px 0 4px}h2{font-size:20px;font-weight:500;margin:0 0 10px}h3{font-size:16px;margin:0 0 8px}.page-sub,.muted{font-size:12px;color:var(--muted);line-height:1.5}.page{display:none}.page.active{display:block} .btn{border:1px solid var(--line);background:var(--paper);padding:9px 12px;border-radius:8px}.btn.primary{background:var(--wine);color:white;border-color:var(--wine)}.btn.secondary{background:var(--olive);color:white;border-color:var(--olive)}.btn.tiny{padding:5px 8px;font-size:11px}.btn.full{width:100%}.text-btn{background:none;border:0;color:var(--wine);font-size:12px} .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.span12{grid-column:1/-1}.span9{grid-column:span 9}.span8{grid-column:span 8}.span7{grid-column:span 7}.span6{grid-column:span 6}.span5{grid-column:span 5}.span4{grid-column:span 4}.span3{grid-column:span 3} .card,.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:17px;box-shadow:var(--shadow)}.hero{background:linear-gradient(135deg,var(--paper),var(--paper3))}.hero-title{font-size:28px;margin:7px 0}.hero-text{color:var(--muted);margin-bottom:14px}.hero-actions{display:flex;gap:8px;margin-top:14px}.stat-card span{display:block;color:var(--muted);font-size:11px}.stat-card b{display:block;font-size:32px;margin:8px 0 3px}.stat-card small{color:var(--muted)} .card-title-row,.lesson-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.badge{display:inline-block;border:1px solid var(--line);border-radius:100px;padding:3px 7px;font-size:10px;background:var(--paper2)}.badge.gold{background:var(--paper3)}.badge.wine{background:var(--paper3);color:var(--wine)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#aaa}.dot.ok{background:var(--good)} .progress{height:7px;background:var(--paper3);border-radius:100px;overflow:hidden}.progress.large{height:9px}.bar{height:100%;background:var(--olive)}.stack{display:flex;flex-direction:column;gap:8px}.stack.compact{gap:5px}.item{border:1px solid var(--line);border-radius:9px;padding:11px;background:var(--paper)}.item.clickable{cursor:pointer}.item.clickable:hover{border-color:#b7a995}.item-row{display:flex;justify-content:space-between;gap:12px}.top-gap{margin-top:10px}.sep{height:1px;background:var(--line);margin:14px 0}.row{display:flex;gap:8px;flex-wrap:wrap} input,select,textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}textarea{min-height:100px;resize:vertical;line-height:1.45}label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.toolbar input{max-width:420px}.toolbar select{width:auto} .today-list{display:grid;gap:7px}.today-task{display:flex;gap:9px;align-items:flex-start}.today-task span:first-child{width:21px;height:21px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:10px}.mastery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mastery-box{border:1px solid var(--line);border-radius:9px;padding:11px}.mastery-box b{display:block;font-size:14px}.mastery-level{font-size:22px;margin-top:5px} .course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.course-card{border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px;display:flex;flex-direction:column;min-height:190px}.course-card .bottom{margin-top:auto}.course-card h3{font-size:16px;margin:8px 0}.chip{border:1px solid var(--line);background:var(--paper);padding:6px 9px;border-radius:100px;font-size:11px}.chip.active{background:var(--olive);color:#fff;border-color:var(--olive)}.filter-row{display:flex;gap:5px;flex-wrap:wrap} .lesson-list{display:flex;flex-direction:column;gap:6px}.lesson-button{width:100%;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:10px}.lesson-button.active{background:var(--paper3);border-color:#b7a995}.lesson-button small{display:block;color:var(--muted);margin-top:3px}.video-stage{aspect-ratio:16/9;background:var(--ink);border-radius:11px;display:grid;place-items:center;color:var(--paper);overflow:hidden}.video-placeholder{text-align:center}.play-circle{width:56px;height:56px;border:1px solid #9f9b8e;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px}.transcript-wrap{margin-top:14px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:2px}.tab{border:0;background:none;padding:8px 10px;color:var(--muted)}.tab.active{color:var(--ink);border-bottom:2px solid var(--wine)}.tab-pane{display:none;padding-top:12px}.tab-pane.active{display:block}.transcript{line-height:1.65}.timestamp{font-size:10px;color:var(--wine);margin-right:6px} .sutra-source{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.sutra-sanskrit{font-size:25px;line-height:1.55;margin:12px 0}.sutra-translit{font-size:17px;font-style:italic;line-height:1.55}.sutra-section{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.word-table{width:100%;border-collapse:collapse}.word-table td,.word-table th{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:12px} .text-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.text-card{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:12px;min-height:220px;display:flex;flex-direction:column}.book-cover{aspect-ratio:2/3;background:var(--paper3);border-radius:7px;display:grid;place-items:center;font-size:30px;color:var(--gold)}.text-card .bottom{margin-top:auto} .reader-shell{display:grid;grid-template-columns:240px minmax(0,1fr) 330px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);min-height:78vh}.reader-sidebar{padding:13px;background:var(--paper2);overflow:auto;max-height:82vh}.reader-main{background:#d7d0c6;overflow:auto;max-height:82vh;padding:12px}.reader-toolbar{display:flex;gap:7px;justify-content:center;margin-bottom:10px}.reader-nav{display:flex;gap:6px;align-items:center}.reader-nav input{width:65px}.page-text{white-space:pre-wrap;line-height:1.5;background:white;border:1px solid var(--line);border-radius:8px;padding:10px;max-height:320px;overflow:auto}#pdfCanvas{display:block;background:white;margin:auto;box-shadow:0 5px 18px rgba(0,0,0,.14)} .graha-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.graha-symbol{width:56px;height:56px;border-radius:50%;background:var(--paper3);border:1px solid var(--line);display:grid;place-items:center;font-size:25px}.atlas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.atlas-box{border:1px solid var(--line);border-radius:9px;padding:12px}.atlas-box h3{font-size:13px}.callout{background:var(--ink);color:var(--paper);border-radius:9px;padding:13px;font-size:12px;line-height:1.5}.chart-case{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:13px}.reasoning-box{background:var(--paper2);padding:10px;border-radius:8px;margin-top:8px}.assignment-card{border:1px solid var(--line);border-radius:10px;padding:13px;background:var(--paper);margin-bottom:9px}.submission{border-left:3px solid var(--olive);padding-left:10px;margin-top:9px}.thread{border-bottom:1px solid var(--line);padding:10px 0}.thread:last-child{border-bottom:0}.admin-banner{display:flex;justify-content:space-between;align-items:center}.discussion-box{background:var(--paper2);border-radius:9px;padding:10px} .modal{position:fixed;inset:0;background:rgba(25,23,20,.62);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-card{width:min(900px,100%);max-height:90vh;overflow:auto;background:var(--paper);border-radius:14px;padding:20px;position:relative}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:25px} .command-results{display:grid;gap:7px;margin-top:10px}.search-result{border:1px solid var(--line);border-radius:8px;padding:10px}.search-result .type{font-size:9px;text-transform:uppercase;color:var(--wine);letter-spacing:.8px} @media(max-width:1150px){.span9,.span8,.span7,.span6,.span5,.span4,.span3{grid-column:1/-1}.text-grid{grid-template-columns:repeat(3,1fr)}.reader-shell{grid-template-columns:1fr}.reader-sidebar,.reader-main{max-height:none}.course-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav{flex-direction:row;overflow:auto}.nav .section-label{display:none}.nav button{white-space:nowrap;width:auto}.sidebar-footer{display:none}.main{padding:18px}.topbar{flex-direction:column}.course-grid,.text-grid,.mastery-grid,.atlas-grid{grid-template-columns:1fr}} .auth-gate{position:fixed;inset:0;background:var(--bg);z-index:500;display:flex;align-items:center;justify-content:center;padding:22px} .auth-gate.hidden{display:none}.auth-card{width:min(470px,100%);background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)} .auth-brand{color:var(--ink)}.auth-tabs{margin:20px 0 16px}.auth-pane{display:none}.auth-pane.active{display:block} .auth-message{font-size:12px;line-height:1.5;margin-top:12px;color:var(--wine)}.auth-card h1{font-size:28px;margin-top:22px} .check-row{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--ink)} .check-row input{width:auto} .bulk-area{min-height:235px;font-family:inherit} .lecture-library{display:grid;gap:8px} .lecture-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) 100px minmax(220px,1.4fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--paper)} .lecture-row .video-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:var(--muted)} .module-heading{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:9px 4px 3px} .video-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:7px} @media(max-width:900px){.lecture-row{grid-template-columns:1fr}.lecture-row .video-link{white-space:normal}} .clean-summary{display:grid;gap:9px} .summary-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)} .summary-line:last-child{border-bottom:0}.summary-line span{color:var(--muted);font-size:11px}.summary-line strong{font-size:12px;text-align:right} .study-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px} .tool-card{border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:13px;text-align:left} .tool-card:hover{border-color:#b7a995}.tool-card strong{display:block;font-size:14px}.tool-card span{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:4px} .empty-state{border:1px dashed var(--line);border-radius:9px;padding:18px;color:var(--muted);font-size:12px;text-align:center} @media(max-width:760px){.study-tool-grid{grid-template-columns:1fr}} .btn.danger{border-color:var(--line2);color:var(--wine);background:var(--paper)} .btn.danger:hover{border-color:#a87272;background:var(--paper)} .text-card .row.bottom{margin-top:auto;display:flex;gap:7px;align-items:center} .text-card .row.bottom .btn{flex:1} .learning-sidebar{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 36px);overflow:auto} .learn-course-select{font-family:inherit;font-size:13px;background:var(--paper)} .sep.compact{margin:12px 0} .video-stage{aspect-ratio:16/9;height:auto;min-height:0} .lecture-iframe{width:100%;height:100%;border:0;display:block} #videoMeta{min-height:26px;padding:7px 0 2px;margin:0;display:flex;justify-content:space-between;align-items:center;gap:12px} #videoMeta:empty{display:none} .lesson-button small{opacity:.72} .lesson-head h2{line-height:1.15} @media(max-width:900px){.learning-sidebar{position:static;max-height:none}} /* ===== V1.4 PUBLIC LANDING + MEMBERSHIP ===== */ .public-gate{position:fixed;inset:0;z-index:600;display:block;overflow:auto;background:var(--paper2);padding:0} .public-gate.hidden{display:none} .public-shell{min-height:100%;background: radial-gradient(circle at 77% 8%,color-mix(in srgb,var(--wine) 8%,transparent),transparent 30%), linear-gradient(var(--paper),var(--bg))} .public-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(24px,5vw,72px);border-bottom:1px solid color-mix(in srgb,var(--gold) 25%,transparent);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px)} .public-nav-actions{display:flex;align-items:center;gap:8px} .public-main{max-width:1240px;margin:0 auto;padding:0 clamp(24px,5vw,72px) 60px} .public-hero{padding:clamp(70px,10vw,140px) 0 80px;max-width:970px} .public-kicker{font-size:11px;letter-spacing:2px;color:var(--muted);margin-bottom:18px} .public-hero h1{font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-2.5px;max-width:900px;margin:0} .public-hero>p{font-size:clamp(17px,2vw,23px);line-height:1.55;max-width:780px;color:var(--muted);margin:26px 0 0} .public-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px} .large-btn{padding:13px 19px;font-size:14px} .public-section{padding:80px 0;border-top:1px solid color-mix(in srgb,var(--gold) 28%,transparent)} .public-section-head{max-width:760px}.public-section-head.centered{text-align:center;margin:0 auto 34px} .public-section-head h2{font-size:clamp(32px,4vw,50px);line-height:1.06;margin:8px 0 14px} .public-section-head p{font-size:16px;line-height:1.65;color:var(--muted)} .public-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px} .public-feature{border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);background:rgba(255,252,246,.72);border-radius:14px;padding:24px} .public-feature>span{font-size:10px;letter-spacing:1px;color:var(--muted)} .public-feature h3{font-size:18px;margin:32px 0 8px}.public-feature p{font-size:13px;line-height:1.55;color:var(--muted)} .public-course-preview{background:var(--ink);color:var(--paper);padding-left:34px;padding-right:34px;border-radius:18px;border-top:0;margin:20px 0} .public-course-preview .muted,.public-course-preview p,.public-course-preview .eyebrow{color:#cfc4b5} .pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:880px;margin:0 auto} .pricing-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;min-height:400px} .pricing-card.featured{border-color:var(--gold);box-shadow:0 14px 40px rgba(62,45,35,.08)} .pricing-card h3{font-size:39px;margin:12px 0 5px}.pricing-card h3 small{font-size:14px;font-weight:400;color:var(--muted)} .pricing-card>p{color:var(--muted);font-size:13px}.pricing-card ul{padding-left:18px;line-height:1.9;font-size:13px;flex:1} .public-footnote{text-align:center;margin-top:22px;color:var(--muted);font-size:12px} .public-footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(24px,5vw,72px);border-top:1px solid color-mix(in srgb,var(--gold) 28%,transparent);background:var(--paper3)} .auth-dialog{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:22px} .auth-dialog.hidden{display:none}.auth-dialog-backdrop{position:absolute;inset:0;background:rgba(25,22,18,.48);backdrop-filter:blur(5px)} .auth-dialog .auth-card{position:relative;z-index:2}.auth-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer;color:var(--muted)} .invite-banner,.checkout-banner{margin-top:34px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);background:var(--paper);border-radius:13px;padding:17px;display:flex;align-items:center;justify-content:space-between;gap:18px} .invite-banner.hidden,.checkout-banner.hidden{display:none}.invite-banner p{margin:4px 0 0;color:var(--muted);font-size:12px} .checkout-banner{display:block;color:var(--muted)} .invite-result{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px}.invite-result.hidden{display:none} .invite-create-cell{display:flex;align-items:flex-end}.invite-create-cell .btn{margin-bottom:0} #appShell{visibility:visible} @media(max-width:900px){ .public-feature-grid{grid-template-columns:repeat(2,1fr)} .pricing-grid{grid-template-columns:1fr} .public-nav .ghost-link{display:none} } @media(max-width:620px){ .public-feature-grid{grid-template-columns:1fr} .public-nav{align-items:flex-start} .public-nav-actions{flex-direction:column;align-items:flex-end} .public-hero h1{letter-spacing:-1.5px} } .invite-result input{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace} .public-footnote .text-btn{vertical-align:baseline} /* ===== V1.5 SCRIPTURE + CORE LIBRARY ===== */ .scripture-grid{align-items:start} .scripture-nav-card,.scripture-verses-card,.sutra-detail-card{min-height:calc(100vh - 155px)} .scripture-nav-card,.scripture-verses-card{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto} .scripture-chapter-list,.sutra-verse-list{display:grid;gap:6px} .chapter-button,.verse-button{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:10px;text-align:left;font-family:inherit;cursor:pointer} .chapter-button:hover,.verse-button:hover{border-color:var(--gold)} .chapter-button.active,.verse-button.active{background:var(--paper3);border-color:var(--gold)} .chapter-button strong,.verse-button strong{display:block;font-size:12px;line-height:1.25} .chapter-button small,.verse-button small{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.35} .scripture-chapter-title{font-size:12px;line-height:1.35} .sutra-reference{font-size:11px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase} .sutra-sanskrit.deep{font-size:26px;line-height:1.85;margin:18px 0 20px;white-space:pre-line} .sutra-study-block{border-top:1px solid var(--line);padding-top:16px;margin-top:16px} .sutra-study-block h3{font-size:14px;margin:0 0 8px} .sutra-study-block p{font-size:13px;line-height:1.7;white-space:pre-line} .sutra-source-box{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:16px;font-size:11px;line-height:1.55;color:var(--muted)} .sutra-detail-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap} .sutra-nav-actions{display:flex;gap:6px} .core-book-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--paper)} .core-book-row .meta{font-size:11px;color:var(--muted);line-height:1.45} .core-book-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap} .core-badge{display:inline-flex;align-items:center;gap:4px} .lock-icon{font-size:11px} .sync-status{min-height:22px;font-size:12px;line-height:1.5} .sync-progress{height:7px;background:var(--paper3);border-radius:20px;overflow:hidden;margin-top:7px} .sync-progress>div{height:100%;background:var(--wine);width:0} .sync-button-cell{display:flex;align-items:flex-end} .text-card.core-text{border-color:var(--gold);background:var(--paper)} .text-card .book-status{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-top:7px} .text-card .core-lock{font-size:10px;color:var(--wine)} @media(max-width:1000px){ .scripture-nav-card,.scripture-verses-card{position:static;max-height:none;min-height:auto} .sutra-detail-card{min-height:auto} .core-book-row{grid-template-columns:1fr} .core-book-actions{justify-content:flex-start} } /* ===== V1.5.1 CANONICAL SUTRA PRESENTATION ===== */ .scripture-corpus-summary{ display:flex;flex-wrap:wrap;gap:7px;align-items:center; padding:9px 10px;border:1px solid var(--line);border-radius:8px; background:var(--paper);font-size:10px;color:var(--muted) } .scripture-corpus-summary strong{color:var(--ink);font-size:10px} .sutra-sanskrit.deep{ font-size:28px; line-height:1.72; margin:22px 0 15px; white-space:normal; letter-spacing:.01em } .sanskrit-line{display:block} .sanskrit-line+.sanskrit-line{margin-top:3px} .verse-number{ white-space:nowrap; color:var(--gold); font-size:.73em; letter-spacing:.04em; margin-left:5px } .iast-panel{ border:1px solid var(--line); border-radius:10px; background:var(--paper); padding:14px 15px; margin:0 0 18px } .iast-verse{ font-size:15px; line-height:1.72; margin-top:8px; letter-spacing:.015em } .iast-line{display:block} .iast-line+.iast-line{margin-top:2px} .iast-verse-number{ white-space:nowrap; color:var(--muted); font-size:.9em; margin-left:4px } .source-critical-note{ border:1px solid var(--gold); background:var(--paper); border-radius:9px; padding:11px 12px; margin:0 0 18px; font-size:11px; line-height:1.55 } .source-critical-note strong{display:block;margin-bottom:4px} .source-note-dot{color:var(--gold)} /* ===== V1.6 INTERACTION FEEDBACK ===== */ .app-activity-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;pointer-events:none;overflow:hidden} .app-activity-bar>div{height:100%;width:0;background:var(--wine);opacity:0;transition:width .25s ease,opacity .25s ease} .app-activity-bar.running>div{width:76%;opacity:1;animation:activitySweep 1.25s ease-in-out infinite} .app-activity-bar.done>div{width:100%;opacity:0} @keyframes activitySweep{0%{transform:translateX(-18%)}50%{transform:translateX(20%)}100%{transform:translateX(55%)}} .toast-stack{position:fixed;right:20px;bottom:20px;z-index:10000;display:grid;gap:8px;max-width:min(390px,calc(100vw - 36px))} .toast{background:var(--ink);color:var(--paper);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:11px 13px;box-shadow:0 12px 35px rgba(0,0,0,.22);font-size:12px;line-height:1.45;animation:toastIn .2s ease both} .toast.success{background:var(--ink)}.toast.error{background:var(--wine)}.toast.out{animation:toastOut .2s ease both} @keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}} .study-loader{position:fixed;inset:0;z-index:8500;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(4px)} .study-loader.hidden{display:none}.study-loader-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px 30px;text-align:center;min-width:min(360px,calc(100vw - 40px));box-shadow:0 20px 60px rgba(60,45,35,.12)} .study-spinner{width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--wine);border-radius:50%;margin:0 auto 14px;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}} button,.btn,.lesson-button,.chapter-button,.verse-button,.tool-card{transition:transform .12s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease} button:active,.btn:active,.lesson-button:active,.chapter-button:active,.verse-button:active,.tool-card:active{transform:translateY(1px) scale(.985)} .click-flash{animation:clickFlash .28s ease}@keyframes clickFlash{0%{box-shadow:0 0 0 0 rgba(111,59,48,.22)}100%{box-shadow:0 0 0 8px rgba(111,59,48,0)}} .page.page-enter{animation:pageEnter .18s ease both}@keyframes pageEnter{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}} .btn.is-busy{position:relative;opacity:.76;pointer-events:none}.btn.is-busy::after{content:"";display:inline-block;width:11px;height:11px;margin-left:8px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:spin .7s linear infinite} .auth-message.busy::before{content:"";display:inline-block;width:10px;height:10px;margin-right:7px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-1px} /* ===== V1.6 STUDY REPOSITORY ===== */ .repository-grid{align-items:start}.repository-index-card,.repository-resources-card{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto} .repository-entry-list{display:grid;gap:6px}.repository-entry{width:100%;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:10px;cursor:pointer;font-family:inherit} .repository-entry.active{background:var(--paper3);border-color:var(--gold)}.repository-entry strong{display:block;font-size:12px}.repository-entry small{display:block;color:var(--muted);margin-top:3px;text-transform:capitalize} .repository-title{font-size:36px;line-height:1.05;margin:8px 0}.repository-sanskrit{font-size:20px;line-height:1.6}.repository-iast{font-size:13px;color:var(--muted);margin-top:3px} .repository-summary{font-size:16px;line-height:1.65;margin:20px 0}.repository-body{font-size:14px;line-height:1.8;white-space:pre-line} .repository-resource{border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--paper);cursor:pointer}.repository-resource .type{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)} .repository-search-sutras{border:1px dashed var(--line);border-radius:8px;padding:12px;text-align:center}.repository-edit-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px} /* ===== V1.6 YOUTUBE IMPORT ===== */ .youtube-url-area{min-height:116px}.youtube-action-cell{display:flex;align-items:flex-end;justify-content:flex-end}.youtube-import-preview{display:grid;gap:7px} .youtube-import-row{display:grid;grid-template-columns:32px 64px minmax(220px,2fr) 130px minmax(180px,1fr);gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--paper)} .youtube-import-row img{width:64px;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.youtube-import-row input[type=checkbox]{width:auto}.youtube-import-row .yt-action{font-size:10px;color:var(--muted)} @media(max-width:900px){.repository-index-card,.repository-resources-card{position:static;max-height:none}.youtube-import-row{grid-template-columns:30px 56px 1fr}.youtube-import-row .yt-action,.youtube-import-row .yt-url{grid-column:3}.youtube-action-cell{justify-content:flex-start}} /* ===== V1.7 TRANSIT OBSERVATORY ===== */ .transit-grid{align-items:start} .transit-intro-card{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;background:linear-gradient(135deg,var(--paper),var(--paper3))} .transit-intro-copy{max-width:780px}.transit-intro-copy h2{font-size:38px;margin:5px 0 10px}.transit-intro-copy p{font-size:15px;line-height:1.7;color:var(--muted);margin:0} .transit-method{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} .transit-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto auto minmax(140px,.7fr);gap:14px;align-items:end} .transit-control-group label{display:block}.transit-period-tabs{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.transit-nav-buttons{display:flex;gap:5px;align-items:center}.transit-calc-status{text-align:right;padding-bottom:9px} .transit-rashi-field{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px} .transit-rashi{border:1px solid var(--line);border-radius:10px;background:var(--paper);min-height:122px;padding:11px} .transit-rashi-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:7px;margin-bottom:8px} .transit-rashi-head strong{font-size:12px}.transit-rashi-head span{font-size:10px;color:var(--muted)} .transit-rashi-empty{color:#c6bcad;font-size:11px;padding-top:8px} .transit-graha-chip{display:flex;align-items:center;justify-content:space-between;gap:7px;border-radius:7px;background:var(--paper2);padding:6px 7px;margin-top:5px;font-size:10px} .transit-graha-chip strong{font-size:11px}.transit-graha-chip.retro{border-left:2px solid var(--wine)} .transit-weather .item{padding:10px}.transit-weather strong{font-size:12px}.transit-weather .big-weather{font-size:18px;line-height:1.25} .transit-graha-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px} .transit-graha-card{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:12px;min-width:0} .transit-graha-card.retro{border-color:var(--gold)}.transit-graha-top{display:flex;justify-content:space-between;gap:10px}.transit-graha-symbol{font-size:24px;line-height:1}.transit-graha-name{font-size:14px} .transit-position{font-size:19px;margin-top:12px}.transit-position small{font-size:11px;color:var(--muted)}.transit-motion{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:10px;color:var(--muted)} .transit-repository-link{margin-top:9px} .transit-movement{display:grid;gap:6px;margin-top:12px}.movement-row{display:grid;grid-template-columns:95px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0} .movement-row:last-child{border-bottom:0}.movement-track{height:7px;background:var(--paper3);border-radius:10px;overflow:hidden;position:relative}.movement-track>div{height:100%;background:var(--gold);border-radius:10px;min-width:4px} .movement-values{font-size:10px;color:var(--muted);white-space:nowrap}.transit-events{display:grid;gap:7px}.transit-event{border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--paper);display:flex;justify-content:space-between;gap:10px} .transit-event strong{font-size:11px}.transit-event span{font-size:10px;color:var(--muted)} .transit-journal-card textarea{min-height:165px}.transit-prompts{display:flex;flex-wrap:wrap;gap:5px}.transit-prompts button{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:6px 9px;font-family:inherit;font-size:10px;cursor:pointer} .transit-observation-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.transit-observation{border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--paper)}.transit-observation .body{font-size:12px;line-height:1.6;margin-top:8px;white-space:pre-line} .transit-tag{display:inline-block;border:1px solid var(--line);border-radius:16px;padding:3px 7px;font-size:9px;color:var(--muted);margin:5px 4px 0 0} .transit-methodology{background:var(--paper2)}.transit-loading{padding:22px;text-align:center;color:var(--muted)} .study-spinner.mini{width:18px;height:18px;margin:0 auto 8px} @media(max-width:1050px){.transit-controls{grid-template-columns:1fr 1fr}.transit-rashi-field{grid-template-columns:repeat(3,1fr)}.transit-graha-grid{grid-template-columns:repeat(2,1fr)}.transit-observation-list{grid-template-columns:repeat(2,1fr)}} @media(max-width:700px){.transit-intro-card{display:block}.transit-method{justify-content:flex-start;margin-top:18px}.transit-controls{grid-template-columns:1fr}.transit-calc-status{text-align:left}.transit-rashi-field{grid-template-columns:repeat(2,1fr)}.transit-graha-grid{grid-template-columns:1fr}.transit-observation-list{grid-template-columns:1fr}.movement-row{grid-template-columns:72px 1fr}.movement-values{grid-column:2}} /* ===== V1.9 TRANSIT OBSERVATORY · NORTH INDIAN CHART ===== */ .transit-chart-head{align-items:flex-start}.transit-chart-mode{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} .transit-bhava-controls{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(120px,.7fr) minmax(120px,.7fr) auto minmax(220px,1.2fr);gap:10px;align-items:end;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper2)} .transit-location-actions{display:flex;gap:6px;align-items:end}.transit-bhava-meta{padding-bottom:10px;line-height:1.45} .transit-playback{display:grid;grid-template-columns:auto auto auto minmax(180px,1fr) minmax(150px,auto);gap:8px;align-items:center;margin:15px 0 12px;padding:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .transit-playback input[type=range]{padding:0;border:0;background:transparent}.transit-scrub-label{text-align:right;font-size:11px;color:var(--muted);white-space:nowrap} .transit-north-chart{margin-top:12px} .north-chart{position:relative;width:min(100%,1050px);margin:0 auto;background:var(--paper);border:1px solid #b26758;overflow:hidden;aspect-ratio:1000/760;border-radius:2px} .north-chart svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.north-chart .chart-line{stroke:#b26758;stroke-width:1.15;vector-effect:non-scaling-stroke;fill:none} .north-center-mask{position:absolute;left:47.4%;top:47.4%;width:5.2%;height:5.2%;background:var(--paper);border:1px solid #81776a;z-index:2;display:grid;place-items:center;text-align:center;font-size:8px;line-height:1.15;color:var(--muted)} .north-center-mask strong{display:block;color:var(--ink);font-size:9px}.north-center-mask span{display:block} .north-house-number{position:absolute;transform:translate(-50%,-50%);z-index:3;color:#627185;font-size:10px;font-family:Arial,sans-serif;pointer-events:none;transition:opacity .2s ease}.north-house-number.hidden-house{opacity:0} .north-rashi-abbr{position:absolute;transform:translate(-50%,-50%);z-index:3;color:var(--gold);font-size:12px;font-weight:600;font-family:Arial,sans-serif;letter-spacing:.02em;pointer-events:none;transition:left .35s ease,top .35s ease,opacity .2s ease} .north-graha-marker{position:absolute;transform:translate(-50%,-50%);z-index:4;min-width:35px;text-align:center;font-family:var(--tjp-font,Georgia),"Times New Roman",serif;color:var(--ink);background:rgba(255,253,250,.76);padding:2px 3px;border-radius:4px;transition:left .48s cubic-bezier(.2,.8,.2,1),top .48s cubic-bezier(.2,.8,.2,1),opacity .2s ease;cursor:pointer} .north-graha-marker strong{display:block;font-size:15px;line-height:1}.north-graha-marker small{display:block;margin-top:2px;font-size:8px;line-height:1;color:var(--ink)}.north-graha-marker.retro strong::after{content:" R";font-size:9px;color:var(--wine)}.north-graha-marker.node.retro strong::after{content:""} .transit-chart-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:10px;color:var(--muted)}.transit-chart-meta .badge{background:var(--paper2)} .transit-bhava-pill{border:1px solid var(--line);border-radius:100px;padding:3px 7px;background:var(--paper)}.transit-graha-card .bhava-line{margin-top:7px;font-size:10px;color:var(--wine)} @media(max-width:1000px){.transit-bhava-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.transit-bhava-meta{grid-column:1/-1}.transit-playback{grid-template-columns:auto auto auto 1fr}.transit-scrub-label{grid-column:1/-1;text-align:left}} @media(max-width:700px){.transit-chart-mode{justify-content:flex-start}.transit-bhava-controls{grid-template-columns:1fr}.transit-location-actions{flex-wrap:wrap}.transit-playback{grid-template-columns:repeat(3,auto)}.transit-playback input[type=range]{grid-column:1/-1}.north-rashi-abbr{font-size:9px}.north-house-number{font-size:8px}.north-graha-marker strong{font-size:11px}.north-graha-marker small{font-size:7px}.north-center-mask{font-size:6px}.north-center-mask strong{font-size:7px}} /* ===== V1.10 AVASTHA LABORATORY ===== */ .avastha-lab-shell{align-items:start} .avastha-hero-card{background:linear-gradient(135deg,var(--paper) 0%,var(--paper3) 100%)} .avastha-method-badge{border:1px solid var(--gold);background:rgba(255,252,245,.72);border-radius:999px;padding:7px 10px;font-size:10px;letter-spacing:.55px;white-space:nowrap;color:var(--muted)} .avastha-state-ribbon{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px} .ava-state-card{border:1px solid var(--line);border-radius:10px;background:rgba(255,253,249,.8);padding:10px 8px;text-align:left;min-height:92px;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease} .ava-state-card:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 18px rgba(68,49,34,.07)} .ava-state-card.active{background:var(--paper);border-color:var(--gold);box-shadow:inset 0 -3px 0 var(--wine)} .ava-state-card.supportive.active{box-shadow:inset 0 -3px 0 var(--olive)} .ava-state-card .ava-state-dev{display:block;font-size:17px;line-height:1;margin-bottom:11px;color:var(--muted)} .ava-state-card strong{display:block;font-size:12px}.ava-state-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px} .avastha-workbench{padding:0;overflow:hidden}.avastha-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);background:var(--paper2);overflow:auto} .avastha-tab{border:0;border-right:1px solid var(--line);background:transparent;padding:12px 15px;font-size:11px;white-space:nowrap;color:var(--muted)} .avastha-tab:hover{background:var(--paper);color:var(--ink)}.avastha-tab.active{background:var(--paper);color:var(--wine);box-shadow:inset 0 -2px 0 var(--wine)} .avastha-pane{display:none;padding:18px}.avastha-pane.active{display:block;animation:avaFade .18s ease} @keyframes avaFade{from{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:none}} .avastha-explorer-grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px}.avastha-control-panel{border:1px solid var(--line);border-radius:11px;background:var(--paper2);padding:14px;align-self:start} .avastha-detail-panel{min-width:0}.ava-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.ava-detail-head h2{font-size:27px;line-height:1.1;margin-top:5px}.ava-detail-head h2 span{font-size:16px;color:var(--muted)} .ava-provenance{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:9px;letter-spacing:.45px;border:1px solid var(--line);white-space:nowrap}.ava-provenance.classical{background:var(--paper3)}.ava-provenance.expanded{background:var(--bg);border-color:var(--line2);color:#465a47} .ava-definition-card{border-left:4px solid var(--wine);background:var(--paper2);border-radius:8px;padding:12px 14px;margin-top:16px}.ava-definition-card.supportive{border-color:var(--olive);background:var(--paper2)}.ava-definition-card p{font-size:12px;line-height:1.65;margin:6px 0 0;color:var(--muted)} .ava-dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ava-study-box{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:13px}.ava-study-box h3{font-size:13px}.ava-study-box li{font-size:11.5px;line-height:1.55;margin:5px 0}.ava-study-box ul,.ava-study-box ol{padding-left:20px;margin:6px 0} .ava-source-strip{border-top:1px solid var(--line);padding-top:13px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ava-source-strip .eyebrow{width:100%}.ava-source-chip{font-size:9.5px;background:var(--paper2);border:1px solid var(--line);border-radius:100px;padding:4px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .avastha-engine-grid{display:grid;grid-template-columns:minmax(410px,.92fr) minmax(0,1.45fr);gap:16px}.engine-controls{max-height:none}.ava-influence-ledger{display:grid;gap:6px}.ava-influence-row{display:grid;grid-template-columns:minmax(126px,1.25fr) 78px 105px minmax(150px,1fr) 90px;gap:6px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--paper)} .ava-influence-name{display:flex;align-items:center;gap:5px;min-width:0}.ava-influence-name strong{font-size:10.5px;white-space:nowrap}.ava-rel-pill{font-size:8px;border:1px solid var(--line);border-radius:999px;padding:2px 4px}.ava-rel-pill.friend{background:var(--paper2);color:#405740}.ava-rel-pill.enemy{background:var(--bg);color:var(--wine)}.ava-rel-pill.neutral{background:var(--paper2);color:var(--muted)}.ava-special-dot{font-size:16px;color:var(--gold);line-height:1} .ava-mini-check{display:flex;align-items:center;gap:4px;margin:0;font-size:9.5px;white-space:nowrap}.ava-mini-check input{width:auto;margin:0}.ava-aspect-input{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px}.ava-aspect-input>input,.ava-strength-input{padding:6px;font-size:10px;min-width:0}.ava-strength-input::placeholder{font-size:9px} .ava-advanced-panel details{border:1px dashed var(--line2);border-radius:8px;padding:9px;background:var(--paper)}.ava-advanced-panel summary{cursor:pointer;font-size:11px;font-weight:bold}.ava-strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ava-strength-grid label{font-size:9px}.ava-strength-grid input{margin-top:4px;padding:6px;font-size:10px} .avastha-engine-output{min-width:0}.avastha-result-stage{border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper);min-height:240px}.ava-empty-result{min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px;padding:20px}.ava-empty-result strong{color:var(--ink);font-size:15px}.ava-empty-result span,.ava-empty-result p{font-size:11px;line-height:1.55;max-width:520px} .ava-result-summary{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}.ava-result-pill{border-radius:999px;padding:5px 8px;font-size:10px;border:1px solid var(--line)}.ava-result-pill.supportive{background:var(--paper2);border-color:var(--line2)}.ava-result-pill.difficult{background:var(--paper2);border-color:var(--line2)} .ava-result-list{display:grid;gap:8px}.ava-detected{border:1px solid var(--line);border-left:4px solid var(--wine);border-radius:9px;padding:11px;background:var(--paper)}.ava-detected.supportive{border-left-color:var(--olive)}.ava-detected-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.ava-detected-head>div{display:flex;gap:7px;align-items:baseline}.ava-detected-head strong{font-size:14px}.ava-detected-head span{font-size:10px;color:var(--muted)} .ava-cause-list{display:grid;gap:5px;margin-top:9px}.ava-cause{display:grid;grid-template-columns:115px minmax(0,1fr) auto;gap:8px;align-items:start;background:var(--paper2);border-radius:7px;padding:8px}.ava-cause-channel{font-size:8.5px;text-transform:uppercase;letter-spacing:.55px;color:var(--muted)}.ava-cause strong{font-size:10.5px;display:block}.ava-cause small{font-size:9px;line-height:1.45;color:var(--muted);display:block;margin-top:3px}.ava-cause-weight{font-size:9px;background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:3px 5px;white-space:nowrap}.ava-interpretation-guard{font-size:10px;line-height:1.5;color:var(--muted);margin-top:8px}.ava-method-note{display:flex;gap:10px;align-items:flex-start;background:var(--ink);color:var(--paper);border-radius:8px;padding:10px;margin-top:10px}.ava-method-note strong{font-size:10px;white-space:nowrap}.ava-method-note span{font-size:10px;line-height:1.5;color:#d2cbc0} .ava-entered-lenses{border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:8px}.ava-entered-lenses>span{display:inline-block;margin:7px 6px 0 0;border:1px solid var(--line);padding:4px 6px;border-radius:999px;font-size:9px}.ava-entered-lenses p{margin-bottom:0} .ava-ecology-wrap,.ava-reasoning-save{border:1px solid var(--line);border-radius:11px;padding:14px;background:var(--paper)}.ava-ecology-map svg{width:100%;height:auto;max-height:360px}.ava-edge{stroke:var(--gold);stroke-width:1.25}.ava-edge-label{font-size:8px;fill:var(--muted);text-anchor:middle}.ava-node{fill:#faf6ed;stroke:var(--gold);stroke-width:1.2}.ava-node.subject{fill:var(--wine);stroke:var(--wine)}.ava-node-short{font-size:12px;font-weight:bold;text-anchor:middle;fill:var(--ink)}.ava-node.subject+.ava-node-short{fill:#fff}.ava-node-name{font-size:7px;text-anchor:middle;fill:var(--muted)}.ava-node.subject~.ava-node-name{fill:inherit}.ava-eco-legends{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ava-eco-legend{display:flex;justify-content:space-between;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:6px;font-size:9px}.ava-eco-legend span{color:var(--muted);text-align:right} .ava-saved-record{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--paper)}.ava-saved-record strong{display:block;font-size:10.5px}.ava-saved-record small{display:block;font-size:8.5px;color:var(--muted);margin-top:3px;line-height:1.4} .avastha-relations-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:18px}.ava-relation-matrix-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.ava-relation-table{width:100%;border-collapse:collapse;background:var(--paper)}.ava-relation-table th,.ava-relation-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:6px;text-align:center;font-size:9px}.ava-relation-table thead th{background:var(--bg);position:sticky;top:0;z-index:1}.ava-relation-table th:first-child{text-align:left;min-width:145px}.ava-relation-table th small{display:block;font-size:7px;color:var(--muted);font-weight:normal}.ava-rel-cell{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--paper2);color:var(--muted);font-size:9px;font-weight:bold}.ava-rel-cell.friend{background:var(--paper2);color:#405b40}.ava-rel-cell.enemy{background:var(--paper3);color:var(--wine)}.ava-rel-cell.neutral{background:var(--paper2);color:var(--muted)}.ava-rel-cell.self{background:var(--ink);color:var(--paper)}.ava-rel-cell:hover{transform:scale(1.06)} .ava-relation-explain,.ava-special-rules{border:1px solid var(--line);border-radius:10px;padding:13px;background:var(--paper)}.ava-big-relation{display:inline-block;font-size:18px;padding:7px 10px;border-radius:8px;margin:7px 0}.ava-big-relation.friend{background:var(--paper2)}.ava-big-relation.enemy{background:var(--paper3)}.ava-big-relation.neutral{background:var(--paper2)}.ava-big-relation.self{background:var(--ink);color:white}.ava-special-rules{display:grid;gap:6px}.ava-special-rule{display:grid;grid-template-columns:75px 1fr;gap:7px;border-top:1px solid var(--line);padding-top:7px}.ava-special-rule:first-of-type{border-top:0}.ava-special-rule b{font-size:10px}.ava-special-rule span{font-size:9.5px;color:var(--muted);line-height:1.45} .avastha-practice-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px}.avastha-practice-case,.avastha-practice-feedback{border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper)}.ava-practice-chartline{background:var(--ink);color:var(--paper);border-radius:8px;padding:12px;font-size:12px}.ava-practice-evidence{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:8px}.ava-practice-evidence>div{border:1px solid var(--line);border-radius:7px;padding:7px;font-size:9.5px;background:var(--paper2)}.ava-practice-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.ava-choice{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--paper);color:var(--ink);cursor:pointer}.ava-choice input{width:auto}.ava-choice span{font-size:10.5px}.ava-choice small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.ava-practice-score{border-radius:9px;padding:12px;margin-bottom:10px}.ava-practice-score.correct{background:var(--paper2);border:1px solid var(--line2)}.ava-practice-score.study{background:var(--paper2);border:1px solid var(--line2)}.ava-practice-score strong,.ava-practice-score span{display:block}.ava-practice-score span{font-size:10px;color:var(--muted);margin-top:4px} .avastha-corpus-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.avastha-corpus-head .row{min-width:min(520px,50%);flex-wrap:nowrap}.avastha-corpus-head select{max-width:190px}.ava-corpus-list{display:grid;gap:12px}.ava-corpus-group{border:1px solid var(--line);border-radius:10px;overflow:hidden}.ava-corpus-group-head{display:flex;justify-content:space-between;gap:12px;background:var(--paper3);padding:8px 10px;font-size:10px}.ava-corpus-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 10px;border-top:1px solid var(--line);background:var(--paper)}.ava-corpus-row strong{font-size:10px;display:block}.ava-corpus-row small{font-size:8px;color:var(--muted);display:block;margin-top:2px}.ava-method-layers{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:13px}.ava-method-card{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:9px}.ava-method-card strong{display:block;font-size:10px}.ava-method-card span{display:block;font-size:9px;line-height:1.45;color:var(--muted);margin-top:4px} @media(max-width:1200px){ .avastha-state-ribbon{grid-template-columns:repeat(4,1fr)} .avastha-engine-grid,.avastha-relations-grid,.avastha-practice-grid{grid-template-columns:1fr} .ava-influence-row{grid-template-columns:minmax(130px,1fr) 80px 105px minmax(150px,1fr) 90px} } @media(max-width:860px){ .avastha-state-ribbon{grid-template-columns:repeat(2,1fr)} .avastha-explorer-grid{grid-template-columns:1fr}.ava-dossier-grid{grid-template-columns:1fr} .ava-influence-row{grid-template-columns:1fr 1fr 1fr}.ava-influence-name{grid-column:1/-1}.ava-aspect-input{grid-column:1/3}.ava-strength-input{grid-column:3/4} .ava-eco-legends{grid-template-columns:1fr 1fr}.avastha-corpus-head{align-items:stretch;flex-direction:column}.avastha-corpus-head .row{min-width:0;width:100%}.avastha-corpus-head input{max-width:none}.ava-practice-evidence,.ava-practice-choices{grid-template-columns:1fr} } @media(max-width:560px){ .avastha-state-ribbon{grid-template-columns:1fr 1fr}.avastha-pane{padding:11px}.ava-detail-head{flex-direction:column}.ava-strength-grid{grid-template-columns:1fr 1fr}.ava-cause{grid-template-columns:1fr}.ava-cause-weight{justify-self:start}.ava-eco-legends{grid-template-columns:1fr}.avastha-corpus-head .row{flex-direction:column}.avastha-corpus-head select{max-width:none} } .ava-teacher-review-list{display:grid;gap:10px}.ava-teacher-record{border:1px solid var(--line);border-radius:11px;padding:13px;background:var(--paper)}.ava-teacher-record>details{border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--paper2)}.ava-teacher-record summary{cursor:pointer;font-size:10px;font-weight:bold}.ava-teacher-reflection{margin-top:10px;border-left:3px solid var(--olive);padding:8px 10px;background:var(--paper2);font-size:10.5px;line-height:1.5;white-space:pre-wrap}.ava-teacher-reflection span{display:block;text-transform:uppercase;letter-spacing:.6px;font-size:8px;color:var(--muted);margin-bottom:4px}.ava-teacher-causes{display:grid;gap:7px;margin-top:8px} .ava-student-feedback{border:1px solid var(--line2);border-left:4px solid var(--olive);border-radius:8px;background:var(--paper2);padding:10px;font-size:10.5px;line-height:1.55;white-space:pre-wrap}.ava-student-feedback .eyebrow{margin-bottom:5px} /* V1.11: a reading-led Avastha Lab, scoped to this module. */ :is(#avastha,#avastha-workbench) .avastha-hero-card{background:var(--paper2);padding:28px 30px} :is(#avastha,#avastha-workbench) .avastha-hero-card h2{font-size:32px;font-weight:400;margin:8px 0 10px} :is(#avastha,#avastha-workbench) .avastha-hero-card .muted{max-width:680px;line-height:1.7} :is(#avastha,#avastha-workbench) .avastha-tabs{overflow:visible;position:relative;align-items:stretch;background:var(--paper);flex-wrap:wrap;z-index:2} :is(#avastha,#avastha-workbench) .avastha-tab{font-family:inherit;font-size:14px;padding:17px 20px;white-space:normal} :is(#avastha,#avastha-workbench) .avastha-tab.active{background:var(--paper3);color:#493c2d} :is(#avastha,#avastha-workbench) .ava-more{margin-left:auto;position:relative} :is(#avastha,#avastha-workbench) .ava-more>summary{padding:17px 20px;cursor:pointer;font-size:14px} :is(#avastha,#avastha-workbench) .ava-more>div{position:absolute;right:0;top:100%;min-width:210px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 24px #392b201a;display:grid} :is(#avastha,#avastha-workbench) .ava-more button{text-align:left} :is(#avastha,#avastha-workbench) .ava-reading-intro{font-size:13px;color:var(--muted);margin:2px 0 12px} :is(#avastha,#avastha-workbench) .avastha-state-ribbon{gap:6px;margin-bottom:30px} :is(#avastha,#avastha-workbench) .ava-state-card{background:var(--paper);border:1px solid var(--line);padding:12px 6px;border-radius:6px;min-height:84px;color:var(--muted)} :is(#avastha,#avastha-workbench) .ava-state-card .ava-state-dev{display:none} :is(#avastha,#avastha-workbench) .ava-state-card strong{font-size:17px;font-weight:400} :is(#avastha,#avastha-workbench) .ava-state-card small{font-size:12px;margin-top:6px} :is(#avastha,#avastha-workbench) .ava-state-card.active{background:var(--paper3);border-color:var(--gold);box-shadow:inset 0 -2px var(--gold)} :is(#avastha,#avastha-workbench) .ava-reading{max-width:1100px;margin:0 auto} :is(#avastha,#avastha-workbench) .ava-reading-header{border-bottom:1px solid var(--line);padding:6px 0 25px;margin-bottom:30px} :is(#avastha,#avastha-workbench) .ava-reading-header h2{font-size:40px;font-weight:400;line-height:1.2;margin:12px 0} :is(#avastha,#avastha-workbench) .ava-reading-header h2 span{display:inline-block;font-size:21px;color:var(--gold);margin-left:12px} :is(#avastha,#avastha-workbench) .ava-reading-subtitle{font-size:20px;line-height:1.5;color:var(--muted);margin:0} :is(#avastha,#avastha-workbench) .ava-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:46px;align-items:start} :is(#avastha,#avastha-workbench) .ava-reading-body{min-width:0;max-width:760px} :is(#avastha,#avastha-workbench) .ava-reading-body section{margin:0 0 32px} :is(#avastha,#avastha-workbench) .ava-reading-body h3{font-size:23px;font-weight:400;line-height:1.35;margin:24px 0 8px} :is(#avastha,#avastha-workbench) .ava-reading-body section>h3:first-child{margin-top:0} :is(#avastha,#avastha-workbench) .ava-reading-body p{font-size:17px;line-height:1.85;margin:14px 0;color:var(--ink)} :is(#avastha,#avastha-workbench) .ava-reading-caption{font-size:12px;color:var(--muted);line-height:1.6} :is(#avastha,#avastha-workbench) .ava-analytic-reading{border-top:1px solid var(--line);padding-top:26px} :is(#avastha,#avastha-workbench) .ava-reading-aside{background:var(--paper2);border-radius:8px;padding:21px;line-height:1.7} :is(#avastha,#avastha-workbench) .ava-reading-aside p{font-size:14px} :is(#avastha,#avastha-workbench) .ava-reading-aside ol{padding-left:19px;margin:20px 0} :is(#avastha,#avastha-workbench) .ava-reading-aside li{padding-left:3px;margin:0 0 20px;font-size:15px} :is(#avastha,#avastha-workbench) .ava-reading-details{border-top:1px solid var(--line);padding:18px 0;line-height:1.75} :is(#avastha,#avastha-workbench) summary{cursor:pointer} :is(#avastha,#avastha-workbench) .ava-reading-details summary{font-size:16px;color:#544631} :is(#avastha,#avastha-workbench) .ava-reading-details p,:is(#avastha,#avastha-workbench) .ava-reading-details li{font-size:14px;line-height:1.75} :is(#avastha,#avastha-workbench) .ava-source-title{overflow-wrap:anywhere} :is(#avastha,#avastha-workbench) .ava-reading-footer{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:18px} :is(#avastha,#avastha-workbench) .ava-reading-footer button{text-align:left} :is(#avastha,#avastha-workbench) .ava-technical-help{margin-top:18px;font-size:13px} :is(#avastha,#avastha-workbench) .ava-ecology-wrap>summary{margin-bottom:15px} :is(#avastha,#avastha-workbench) button:focus-visible,:is(#avastha,#avastha-workbench) summary:focus-visible,:is(#avastha,#avastha-workbench) select:focus-visible{outline:2px solid var(--gold);outline-offset:3px} @media(max-width:1100px){:is(#avastha,#avastha-workbench) .ava-reading-layout{grid-template-columns:minmax(0,1fr) 200px;gap:24px}} @media(max-width:800px){:is(#avastha,#avastha-workbench) .ava-reading-layout{grid-template-columns:1fr}:is(#avastha,#avastha-workbench) .ava-reading-aside{margin-bottom:12px}:is(#avastha,#avastha-workbench) .ava-reading-header h2{font-size:34px}:is(#avastha,#avastha-workbench) .avastha-hero-card{padding:22px}:is(#avastha,#avastha-workbench) .avastha-tabs{display:grid;grid-template-columns:1fr 1fr}:is(#avastha,#avastha-workbench) .ava-more{margin:0}:is(#avastha,#avastha-workbench) .ava-more>div{left:0;right:0}:is(#avastha,#avastha-workbench) .avastha-tab{padding:13px 10px}:is(#avastha,#avastha-workbench) .ava-more>summary{padding:13px 10px}} @media(max-width:480px){:is(#avastha,#avastha-workbench) .avastha-state-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#avastha,#avastha-workbench) .ava-state-card:last-child{grid-column:1/-1}:is(#avastha,#avastha-workbench) .ava-reading-header h2 span{display:block;margin:8px 0 0}:is(#avastha,#avastha-workbench) .ava-reading-body p{font-size:16px;line-height:1.8}:is(#avastha,#avastha-workbench) .ava-reading-subtitle{font-size:18px}:is(#avastha,#avastha-workbench) .ava-reading-footer{flex-wrap:wrap}} /* V1.12: Graha-first reference repository */ :is(#avastha,#avastha-workbench) h3,:is(#avastha,#avastha-workbench) h4,:is(#avastha,#avastha-workbench) strong,:is(#avastha,#avastha-workbench) b{font-weight:500} :is(#avastha,#avastha-workbench) .ava-repo-tools{max-width:520px;margin:0 0 20px} :is(#avastha,#avastha-workbench) .ava-repo-tools label{font-size:12px;margin-bottom:7px} :is(#avastha,#avastha-workbench) .ava-graha-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;border-bottom:1px solid var(--line);padding-bottom:13px} :is(#avastha,#avastha-workbench) .ava-graha-nav button{background:transparent;border:1px solid transparent;border-radius:6px;padding:12px 6px;text-align:center;font-size:16px} :is(#avastha,#avastha-workbench) .ava-graha-nav button span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px} :is(#avastha,#avastha-workbench) .ava-graha-nav button[aria-pressed=true]{background:var(--wine);color:var(--paper);border-color:var(--wine)} :is(#avastha,#avastha-workbench) .ava-graha-nav button[aria-pressed=true] span{color:#e4ccc4} :is(#avastha,#avastha-workbench) .ava-graha-context{font-size:15px;line-height:1.6;color:var(--muted);margin:16px 0 26px;max-width:740px} :is(#avastha,#avastha-workbench) .ava-repo-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:35px;align-items:start} :is(#avastha,#avastha-workbench) .avastha-state-ribbon{display:flex;flex-direction:column;gap:5px;margin:0;position:sticky;top:20px} :is(#avastha,#avastha-workbench) .ava-state-card{display:flex;align-items:center;gap:12px;min-height:66px;border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;padding:11px 9px;box-shadow:none;font-size:16px} :is(#avastha,#avastha-workbench) .ava-state-card small{display:block;font-size:11px;line-height:1.4;margin-top:5px;color:var(--muted)} :is(#avastha,#avastha-workbench) .ava-state-card.active{background:var(--paper2);border-color:var(--line);color:var(--wine)} :is(#avastha,#avastha-workbench) .ava-state-number{font-size:11px;color:var(--muted);min-width:14px} :is(#avastha,#avastha-workbench) .avastha-detail-panel{padding:0;min-width:0;border:0;background:transparent} :is(#avastha,#avastha-workbench) .ava-repo-article{max-width:830px;margin:0 auto;padding:0 6px 20px} :is(#avastha,#avastha-workbench) .ava-repo-article h2{font-size:34px;line-height:1.15;margin:10px 0 12px;outline:none} :is(#avastha,#avastha-workbench) .ava-repo-article h2 span{display:block;font-size:16px;color:var(--muted);margin-top:10px} :is(#avastha,#avastha-workbench) .ava-repo-subtitle{font-size:19px!important;color:var(--wine);margin:18px 0 26px!important} :is(#avastha,#avastha-workbench) .ava-repo-article p,:is(#avastha,#avastha-workbench) .ava-repo-article li{font-size:16px;line-height:1.85} :is(#avastha,#avastha-workbench) .ava-repo-article section{margin:0 0 28px} :is(#avastha,#avastha-workbench) .ava-repo-article h3{font-size:20px;line-height:1.35;margin:0 0 12px} :is(#avastha,#avastha-workbench) .ava-repo-article h4{font-size:17px;margin:18px 0 6px} :is(#avastha,#avastha-workbench) .ava-repo-article p{margin:9px 0 15px} :is(#avastha,#avastha-workbench) .ava-formation{background:var(--paper2);border-left:3px solid var(--gold);padding:20px 23px;border-radius:0 8px 8px 0} :is(#avastha,#avastha-workbench) .ava-formation ul{margin:0;padding-left:19px} :is(#avastha,#avastha-workbench) .ava-formation li{font-size:14px;line-height:1.7;margin:8px 0} :is(#avastha,#avastha-workbench) .ava-repo-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:20px 0 28px} :is(#avastha,#avastha-workbench) .ava-repo-detail summary{cursor:pointer;font-size:14px;color:var(--wine);line-height:1.5} :is(#avastha,#avastha-workbench) .ava-repo-detail p{font-size:14px} :is(#avastha,#avastha-workbench) .ava-repo-questions{padding:15px 18px 15px 37px;background:var(--paper2);border-radius:8px} :is(#avastha,#avastha-workbench) .ava-repo-questions li{padding:5px 0;font-size:15px} :is(#avastha,#avastha-workbench) .ava-reading-footer{display:flex;justify-content:space-between;gap:20px;padding-top:22px;margin-top:28px;border-top:1px solid var(--line)} :is(#avastha,#avastha-workbench) .ava-reading-footer button{font-size:13px;line-height:1.5;text-align:left} :is(#avastha,#avastha-workbench) .ava-search-results:not(:empty){padding:14px;background:var(--paper2);border:1px solid var(--line);border-radius:8px;max-height:350px;overflow:auto;margin-bottom:20px} :is(#avastha,#avastha-workbench) .ava-search-results button{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px;text-align:left} :is(#avastha,#avastha-workbench) .ava-search-results small{display:block;color:var(--muted);font-size:12px;margin-top:4px} :is(#avastha,#avastha-workbench) .ava-sutra-intro,:is(#avastha,#avastha-workbench) #avaSutraList{max-width:850px;margin:0 auto} :is(#avastha,#avastha-workbench) .ava-sutra-intro p{font-size:15px;line-height:1.75} :is(#avastha,#avastha-workbench) .ava-sutra-intro select{max-width:320px;margin-bottom:20px} :is(#avastha,#avastha-workbench) .ava-sutra{padding:28px 0;border-top:1px solid var(--line)} :is(#avastha,#avastha-workbench) .ava-sutra h3{font-size:23px;margin-top:9px} :is(#avastha,#avastha-workbench) .ava-sutra h4{font-size:14px;color:var(--muted);margin:22px 0 4px} :is(#avastha,#avastha-workbench) .ava-sutra p{font-size:16px;line-height:1.8;margin:8px 0} :is(#avastha,#avastha-workbench) .ava-sutra .ava-sanskrit{font-family:"Noto Serif Devanagari","Nirmala UI",serif;font-size:22px;line-height:1.95;padding:17px;background:var(--paper2);border-radius:8px} :is(#avastha,#avastha-workbench) .ava-sutra .ava-iast{color:var(--muted);font-size:16px;line-height:1.8} :is(#avastha,#avastha-workbench) button:focus-visible,:is(#avastha,#avastha-workbench) summary:focus-visible,:is(#avastha,#avastha-workbench) a:focus-visible{outline:2px solid var(--wine);outline-offset:3px} @media(max-width:1100px){:is(#avastha,#avastha-workbench) .ava-repo-layout{grid-template-columns:165px minmax(0,1fr);gap:22px}:is(#avastha,#avastha-workbench) .ava-state-card{font-size:14px}} @media(max-width:760px){:is(#avastha,#avastha-workbench) .ava-repo-layout{display:block}:is(#avastha,#avastha-workbench) .ava-graha-nav{grid-template-columns:repeat(4,minmax(0,1fr))}:is(#avastha,#avastha-workbench) .ava-graha-nav button{font-size:15px;padding:10px 4px}:is(#avastha,#avastha-workbench) .avastha-state-ribbon{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:26px}:is(#avastha,#avastha-workbench) .ava-state-card{min-height:60px;border-color:var(--line);padding:8px}:is(#avastha,#avastha-workbench) .ava-state-card small{font-size:10px}:is(#avastha,#avastha-workbench) .ava-repo-article{padding:0}:is(#avastha,#avastha-workbench) .ava-repo-article h2{font-size:28px}:is(#avastha,#avastha-workbench) .ava-repo-article p{font-size:16px;line-height:1.8}:is(#avastha,#avastha-workbench) .ava-formation{padding:15px}:is(#avastha,#avastha-workbench) .avastha-tabs{gap:6px}:is(#avastha,#avastha-workbench) .avastha-tab{font-size:12px}:is(#avastha,#avastha-workbench) .ava-sutra .ava-sanskrit{font-size:19px;padding:12px}:is(#avastha,#avastha-workbench) .ava-reading-footer{flex-direction:column}} /* V1.13: The Grahas */ #grahas h2,#grahas h3,#grahas h4,#grahas th{font-weight:500} #grahas .grahas-reference{padding:26px} #grahas .grahas-heading{max-width:760px;margin-bottom:25px} #grahas .grahas-heading h2{font-size:31px;margin:8px 0} #grahas .grahas-heading p{color:var(--muted);font-size:16px;line-height:1.7} #grahas .graha-searchbar{display:grid;grid-template-columns:minmax(180px,440px) 180px;gap:12px;margin-bottom:22px} #grahas .graha-searchbar label{font-size:12px;margin-bottom:6px} #grahas .graha-selector{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;padding:0 0 18px;border-bottom:1px solid var(--line)} #grahas .graha-selector button{border:1px solid transparent;border-radius:6px;padding:12px 3px;background:transparent;font-size:15px;text-align:center} #grahas .graha-selector button span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px} #grahas .graha-selector button[aria-pressed=true]{background:var(--wine);color:var(--paper)} #grahas .graha-selector button[aria-pressed=true] span{color:#e4ccc4} #grahas .graha-compare-panel{padding:17px 0;margin-bottom:22px;border-bottom:1px solid var(--line)} #grahas summary{cursor:pointer;line-height:1.6;color:var(--wine)} #grahas .graha-compare-controls{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:15px;margin:20px 0} #grahas .graha-reading-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:32px;align-items:start} #grahas #grahaChapterNav{position:sticky;top:20px;display:flex;flex-direction:column;gap:5px} #grahas #grahaChapterNav button{display:flex;gap:10px;align-items:baseline;text-align:left;border:1px solid transparent;border-radius:6px;background:transparent;padding:11px 9px;font-size:14px;line-height:1.5} #grahas #grahaChapterNav button span{font-size:10px;color:var(--muted)} #grahas #grahaChapterNav button[aria-pressed=true]{border-color:var(--line);background:var(--paper2);color:var(--wine)} #grahas #grahaDetail{min-width:0} #grahas .graha-chapter{max-width:860px;margin:auto} #grahas .graha-chapter h2{font-size:36px;margin:10px 0;outline:none} #grahas .graha-chapter-title{font-size:21px;color:var(--wine);margin-bottom:25px} #grahas .graha-chapter p,#grahas .graha-chapter li{font-size:16px;line-height:1.85;margin:12px 0 20px} #grahas .graha-chapter h3{font-size:20px;margin:28px 0 10px} #grahas .graha-table-scroll{overflow-x:auto;max-width:100%;margin:20px 0} #grahas .graha-reference-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.7} #grahas .graha-reference-table th,#grahas .graha-reference-table td{padding:13px 12px;border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere} #grahas .graha-reference-table thead,#grahas .graha-reference-table tbody th{background:var(--paper2)} #grahas .graha-term-links{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:16px;background:var(--paper2);border-radius:8px;margin:25px 0 8px} #grahas .graha-term-links>span{font-size:12px;color:var(--muted);flex-basis:100%} #grahas .graha-term-definition:not(:empty){padding:16px;border:1px solid var(--line);border-radius:8px;line-height:1.8} #grahas .graha-sutra{border-top:1px solid var(--line);padding:25px 0} #grahas .graha-sutra .graha-sanskrit{font-size:22px;line-height:2;background:var(--paper2);padding:18px;border-radius:8px;font-family:"Noto Serif Devanagari","Nirmala UI",serif} #grahas .graha-iast{color:var(--muted)} #grahas .graha-reference-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:25px 0} #grahas .graha-reference-note p{font-size:13px} #grahas .graha-entry-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0} #grahas .graha-entry-links button,#grahas .graha-study-link,#grahas .graha-search-results button{background:var(--paper2);border:1px solid var(--line);border-radius:7px;padding:16px;text-align:left;font-size:16px;line-height:1.5} #grahas .graha-entry-links small,#grahas .graha-search-results small{display:block;font-size:12px;color:var(--muted);margin-top:6px} #grahas .graha-study-link{display:block;width:100%;margin:8px 0} #grahas .graha-note{padding:12px;border:1px solid var(--line);margin:8px 0;border-radius:6px} #grahas .graha-note p{white-space:pre-wrap} #grahas .graha-next{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)} #grahas .graha-next button{text-align:left;font-size:13px;line-height:1.5} #grahas .graha-search-results:not(:empty){max-height:330px;overflow:auto;padding:12px;background:var(--paper2);margin-bottom:20px;border-radius:8px} #grahas .graha-search-results button{display:block;width:100%;margin:5px 0} #grahas button:focus-visible,#grahas summary:focus-visible,#grahas a:focus-visible{outline:2px solid var(--wine);outline-offset:3px} @media(max-width:1100px){#grahas .graha-selector{grid-template-columns:repeat(5,minmax(0,1fr))}#grahas .graha-reading-layout{grid-template-columns:175px minmax(0,1fr);gap:22px}} @media(max-width:760px){#grahas .grahas-reference{padding:16px}#grahas .graha-reading-layout{display:block}#grahas #grahaChapterNav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-bottom:26px}#grahas #grahaChapterNav button{border-color:var(--line);padding:8px;font-size:12px}#grahas .graha-selector{grid-template-columns:repeat(3,minmax(0,1fr))}#grahas .graha-searchbar{grid-template-columns:1fr}#grahas .graha-entry-links{grid-template-columns:1fr}#grahas .graha-reference-table{font-size:12px;min-width:380px}#grahas .graha-reference-table td,#grahas .graha-reference-table th{padding:10px 8px}#grahas .graha-chapter h2{font-size:30px}#grahas .graha-next{flex-direction:column}#grahas .graha-sutra .graha-sanskrit{font-size:19px;padding:12px}} /* V1.14 Study Library: quiet reading surfaces and compact chapter navigation. */ .study-lede{font-size:17px;line-height:1.65;max-width:740px;color:var(--muted)} .study-hub{padding:30px}.study-hub>h2{font-size:32px;margin-top:12px}.study-hub>input{max-width:800px} .study-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px} .study-collection{display:flex;flex-direction:column;gap:12px;text-align:left;min-height:215px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:23px;font-size:14px;line-height:1.6} .study-collection:hover{border-color:var(--wine);background:var(--paper2)}.study-collection-title{font-size:23px}.study-open{margin-top:auto;color:var(--wine);font-size:12px} .study-breadcrumb{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-bottom:22px}.study-breadcrumb button{padding-left:0} .study-choose{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:16px 0 22px;margin-bottom:24px} .study-choose button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;background:transparent;border:1px solid var(--line);border-radius:7px;padding:10px 13px;font-size:14px;min-height:43px} .study-choose button small{color:var(--muted);font-size:11px}.study-choose button.active,.study-sections button.active{background:var(--wine);color:var(--paper);border-color:var(--wine)}.study-choose button.active small{color:var(--paper2)} .study-reading-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px}.study-sections{display:flex;flex-direction:column;align-self:start;gap:5px;position:sticky;top:20px} .study-sections button{text-align:left;background:transparent;border:0;border-radius:6px;padding:12px;font-size:13px;line-height:1.4} .study-reader{padding:28px}.study-reader article{max-width:850px;min-width:0;font-size:16px;line-height:1.85}.study-reader article>h2{font-size:29px;line-height:1.35;margin:9px 0 25px}.study-reader article h3{font-size:19px;font-weight:normal;margin:25px 0 10px}.study-reader article p{margin:0 0 20px}.study-reader article li{margin:9px 0}.study-reader article .btn{font-size:13px;line-height:1.5;margin:4px 6px 4px 0}.study-reader article details{border-top:1px solid var(--line);padding:15px 0;font-size:14px}.study-reader article summary{cursor:pointer}.study-reader article details p{margin:15px 0 0} .study-table-wrap{overflow-x:auto;margin:20px 0}.study-table-wrap table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.6}.study-table-wrap th,.study-table-wrap td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.study-table-wrap th{background:var(--paper2);font-weight:normal}.study-sanskrit{font-size:22px;line-height:2.1} .study-framework{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.study-framework>div{background:var(--paper2);padding:18px;border-radius:8px}.study-framework>div h3{margin-top:0}.study-framework>div p{font-size:13px}.study-framework .btn{display:block;width:100%;text-align:left} .study-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.study-pair label{font-size:13px}.study-lord-result{border:1px solid var(--line);border-radius:8px;padding:22px;margin-top:20px}.study-reading-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:35px;padding-top:20px}.study-search-result,.study-record{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:14px}.study-search-result small{color:var(--muted)}.study-passage-index{margin-bottom:20px}.study-passage-index summary{cursor:pointer;font-size:15px}.study-passage-index p{font-size:13px;line-height:1.6}.study-passage-index .study-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.study-link-row{display:flex;flex-wrap:wrap} button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--wine);outline-offset:3px} @media(max-width:1100px){.study-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.study-reading-layout{grid-template-columns:155px minmax(0,1fr);gap:20px}} @media(max-width:750px){.study-reading-layout{display:block}.study-sections{position:static;flex-direction:row;overflow-x:auto;margin-bottom:25px;padding-bottom:7px}.study-sections button{flex-shrink:0}.study-reader,.study-hub{padding:19px}.study-collections{grid-template-columns:1fr}.study-collection{min-height:0}.study-framework,.study-pair{grid-template-columns:1fr}.study-choose{flex-wrap:nowrap;overflow-x:auto}.study-choose button{flex-shrink:0}.study-reader article>h2{font-size:25px}.study-reader article{font-size:16px}.study-passage-index .study-collections{grid-template-columns:1fr}.study-reading-footer{flex-wrap:wrap}} /* V1.16 Bhava Yoga */ .yoga-shell{padding:30px}.yoga-title{font-size:34px;margin-top:12px}.yoga-mode-nav{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 28px}.yoga-mode-nav button[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:var(--paper)} .yoga-selectors{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:20px;background:var(--paper2);border:1px solid var(--line);border-radius:8px}.yoga-selectors label{font-size:13px}.yoga-selectors select{font-size:14px;margin-top:8px;min-height:44px;max-width:100%}.yoga-small-actions{padding:14px 0}.yoga-small-actions>.text-btn{padding-left:0}.yoga-compare{font-size:13px;margin-top:12px}.yoga-compare summary,.yoga-browse summary{cursor:pointer;color:var(--wine)}.yoga-browse{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;font-size:14px;margin-bottom:20px}.yoga-browse input{margin-top:8px}.yoga-browse label{margin-top:20px} #yogaMatrix table{min-width:730px}#yogaMatrix caption{text-align:left;color:var(--muted);padding:15px 0}#yogaMatrix td,#yogaMatrix th{padding:4px}#yogaMatrix th{white-space:nowrap;font-weight:normal}#yogaMatrix button{width:100%;min-height:36px;border:1px solid var(--line);background:var(--paper);border-radius:4px;font-size:11px}#yogaMatrix button.active{background:var(--wine);color:var(--paper)} #yogaSearchResults{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}#yogaSearchResults>p{grid-column:1/-1}#yogaSearchResults>button{display:flex;flex-direction:column;text-align:left;gap:5px;padding:12px;border:1px solid var(--line);border-radius:6px;background:transparent;font-size:14px}#yogaSearchResults small{color:var(--muted);line-height:1.5} .yoga-reading-tabs{position:static;flex-direction:row;flex-wrap:wrap;margin:22px 0 30px;gap:8px}.yoga-reading-tabs button{border:1px solid var(--line)}#yogaReading{max-width:920px;margin:0 auto;font-size:17px;line-height:1.85;min-width:0}#yogaReading>h2{font-size:30px;line-height:1.4;margin:8px 0 28px}#yogaReading p{margin:0 0 20px}#yogaReading h3{font-size:21px;font-weight:normal;margin:27px 0 12px}#yogaReading h4{font-size:17px;font-weight:normal;margin:20px 0 10px}#yogaReading .btn{font-size:13px;margin:6px 8px 6px 0}#yogaReading details{font-size:15px}#yogaReading details summary{cursor:pointer}#yogaReading details[open]>summary{margin-bottom:18px}#yogaReading blockquote{font-style:normal;border-left:2px solid var(--line);margin:18px 0;padding:4px 0 4px 20px;font-size:15px;line-height:1.85}#yogaReading blockquote p{margin:0}#yogaReading .yoga-reference{font-size:12px;color:var(--muted);line-height:1.6;margin-top:28px} .yoga-expression{border:1px solid var(--line);padding:20px 24px;border-radius:8px;margin-top:16px}.yoga-expression.supportive{border-left:3px solid var(--olive)}.yoga-expression.difficult{border-left:3px solid var(--wine)}#yogaReading .yoga-expression h3{margin:0 0 10px}#yogaReading .yoga-expression p{margin-bottom:0}.yoga-question{padding:20px 24px;background:var(--paper2);border-radius:7px}#yogaReading .yoga-question p{margin:0}.yoga-qualifications,.yoga-notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:28px 0}.yoga-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.yoga-method-grid>section{border:1px solid var(--line);border-radius:8px;padding:22px}#yogaReading .yoga-method-grid h3{margin-top:7px}.yoga-method-mode{border-bottom:1px solid var(--line);padding-bottom:7px}.yoga-method-topic{border-bottom:1px solid var(--line);padding:19px 0}.yoga-method-topic summary{color:var(--wine)}.yoga-method-links{margin-top:25px}#yogaFooter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:center;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}#yogaPosition{font-size:12px;color:var(--muted);margin:0 12px}.yoga-chapter-links{display:flex;flex-wrap:wrap;gap:5px}.yoga-shell [hidden]{display:none!important} @media(max-width:800px){.yoga-shell{padding:20px}.yoga-selectors{grid-template-columns:1fr;gap:14px;padding:16px}.yoga-method-grid{grid-template-columns:1fr}#yogaSearchResults{grid-template-columns:1fr 1fr}#yogaReading{font-size:16px}#yogaReading>h2{font-size:25px}.yoga-expression{padding:18px}.yoga-reading-tabs{gap:5px}.yoga-reading-tabs button{padding:10px;font-size:12px}} @media(max-width:460px){#yogaSearchResults{grid-template-columns:1fr}.yoga-title{font-size:28px}#yogaFooter .btn{font-size:12px}#yogaPosition{flex-basis:100%;text-align:center;order:5}} /* V1.16: chapter glosses and the introductory course. */ .chapter-button .chapter-english{color:var(--text);font-size:.9rem;line-height:1.45;} /* V1.18 Transit Observatory */ .transit-workspace{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px;align-items:start;margin-top:20px} .transit-chart-view{min-width:0}.transit-chart-scroll{overflow-x:auto;padding-bottom:8px} .transit-chart-scroll .north-chart{min-width:760px;width:100%;max-width:1050px;aspect-ratio:1000/760} .transit-time-panel{position:sticky;top:20px;border-left:1px solid var(--line);padding-left:18px} .transit-time-panel .transit-controls{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:0;border:0} .transit-time-panel .transit-period-tabs,.transit-time-panel .transit-nav-buttons{display:flex;flex-wrap:wrap;gap:6px} .transit-time-panel .transit-playback{grid-template-columns:repeat(3,1fr)} .transit-time-panel .transit-playback input,.transit-time-panel .transit-scrub-label{grid-column:1/-1;text-align:left;white-space:normal} .transit-time-panel .transit-calc-status{min-height:3em;font-size:12px} .transit-chart-scroll .north-graha-marker{box-sizing:border-box;width:40px;min-width:40px;height:26px;border:0;padding:1px;background:var(--paper);transition:opacity .15s ease;} .transit-chart-scroll .north-graha-marker strong{font-size:13px}.transit-chart-scroll .north-graha-marker small{font-size:8px} .transit-chart-scroll .north-graha-marker:focus-visible{outline:2px solid var(--wine);outline-offset:2px} @media(max-width:1250px){.transit-workspace{grid-template-columns:1fr}.transit-time-panel{position:static;border:0;border-top:1px solid var(--line);padding:15px 0 0;grid-row:1}.transit-time-panel .transit-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.transit-time-panel .transit-playback{grid-template-columns:repeat(3,auto) minmax(100px,1fr)}.transit-time-panel .transit-playback input{grid-column:auto}} @media(max-width:600px){.transit-time-panel .transit-controls{grid-template-columns:1fr}.transit-time-panel .transit-playback{grid-template-columns:repeat(3,1fr)}.transit-time-panel .transit-playback input{grid-column:1/-1}} @media(prefers-reduced-motion:reduce){.transit-chart-scroll *{transition:none!important}} .app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)} #studySidebar[hidden]{display:none!important} .avatar{flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover} .account-artwork{margin:12px 0 18px;text-align:center}.account-artwork img{max-width:100%;width:240px;height:240px;object-fit:contain;border-radius:12px;background:var(--paper)} #sidebarToggle:focus-visible{outline:2px solid currentColor;outline-offset:3px} .navigation-strip{position:sticky;top:0;z-index:25;background:var(--bg);padding:8px 0;margin-bottom:12px}.sidebar-toggle{box-shadow:0 2px 8px #0001}.sidebar-close{color:inherit;background:transparent;border:1px solid #67665c;border-radius:6px;padding:8px;margin-bottom:18px;text-align:left} .lecture-module{padding:16px 0;border-top:1px solid var(--line)}.lecture-sort-list{list-style:none;padding:0;margin:0}.sortable-lecture{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 10px;border:1px solid var(--line);background:var(--paper);border-radius:8px;margin:8px 0}.lecture-sort-title{flex:1;min-width:200px}.drag-handle{cursor:grab;font-size:26px}.dragging{opacity:.45}.drop-before{border-top:4px solid var(--gold)}.drop-after{border-bottom:4px solid var(--gold)}.order-saving{opacity:.65;pointer-events:none} .community-compose{padding:14px;border:1px solid var(--line);border-radius:8px}.community-compose summary{cursor:pointer}.community-compose label{display:block;margin-top:12px}.community-filters{display:flex;gap:10px;flex-wrap:wrap}.community-filters label:first-child{flex:1;min-width:200px}.community-thread,.announcement-card{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.community-thread h3,.announcement-card h3{margin:12px 0}.community-author{display:flex;gap:10px;align-items:center}.community-author img{width:38px;height:38px;border-radius:50%;object-fit:cover}.community-author small{display:block}.community-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.community-thread .community-body{max-height:220px;overflow:auto}.thread-replies{margin:20px 0;border-top:1px solid var(--line)}.thread-replies article{padding:16px 0 16px 18px;border-bottom:1px solid var(--line)}.is-pinned{border-top:3px solid var(--gold)} @media(max-width:760px){.sortable-lecture .row{width:100%}.navigation-strip{top:0}.community-filters label{width:100%}} /* Book Reader */ .book-cover img{width:100%;height:100%;object-fit:contain;border-radius:7px;background:white} #readerStatus{font-size:13px;line-height:1.5;margin:10px 0} .reader-toolbar{position:sticky;top:0;background:var(--paper);border:1px solid var(--line);padding:8px;border-radius:8px;z-index:2;flex-wrap:wrap} #readerBookmarks{gap:6px;margin-bottom:16px;flex-wrap:wrap} .work-description{flex-basis:100%;margin:6px 0 0;font-size:14px;line-height:1.6} @media(max-width:620px){.text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.text-card{padding:10px}.text-card h3{font-size:18px}.text-card .row.bottom{flex-wrap:wrap}.reader-main{padding:5px}.reader-sidebar{padding:12px}} /* V1.23: a quieter study space with resilient reading columns. */ :root{--bg:#eeeae2;--paper:#fcfaf5;--paper2:#f3eee5;--muted:#686258;--line:#ded6c9;--shadow:0 5px 20px rgba(58,44,30,.045);--verse-size:22px} .main{padding:24px clamp(16px,2.5vw,38px) 70px} .topbar{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px} h1{letter-spacing:-.025em;line-height:1.2}h2,h3{line-height:1.35} .card,.stat-card{border-radius:14px}.card,.grid>*{min-width:0} .btn,.chapter-button,.verse-button,.tool-card{transition:background .15s,border-color .15s,box-shadow .15s} .btn:hover:not(:disabled){box-shadow:0 2px 7px #32251c12;border-color:var(--gold)} button:disabled{cursor:default;opacity:.45} :where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--wine);outline-offset:3px} input,select,textarea{max-width:100%}textarea{line-height:1.6} .nav button{min-height:36px;align-items:center}.nav button.active{box-shadow:inset 3px 0 #af968e;background:#3b3c33} .nav .section-label{color:#b4aa9b}.page-sub,.muted{line-height:1.65} .item,.tool-card{line-height:1.55}.item.clickable:hover,.tool-card:hover{background:var(--paper2)} .reading-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0;margin-bottom:8px;font-size:12px;color:var(--muted)} .reading-toolbar>span{margin-right:8px}.reading-toolbar output{min-width:38px;text-align:center} .scripture-grid{grid-template-columns:minmax(170px,.8fr) minmax(190px,1fr) minmax(0,2fr);gap:16px} .scripture-grid>.card{grid-column:auto;padding:18px;min-width:0} .scripture-nav-card,.scripture-verses-card{top:64px;max-height:calc(100dvh - 84px);scrollbar-width:thin;scrollbar-gutter:stable} .sutra-detail-card{overflow-wrap:anywhere} .sutra-sanskrit.deep{font-size:var(--verse-size);line-height:1.95;letter-spacing:0;margin:26px 0;overflow-wrap:anywhere;word-break:normal} .sanskrit-line,.iast-line{max-width:100%;overflow-wrap:anywhere;word-break:normal} .sanskrit-line+.sanskrit-line{margin-top:.45em} .iast-panel{padding:16px;background:var(--paper2)}.iast-verse{font-size:16px;line-height:1.8;overflow-wrap:anywhere} .verse-button small{font-size:12px;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .chapter-button small{font-size:11px;line-height:1.5}.chapter-button.active,.verse-button.active{border-color:var(--gold);box-shadow:inset 3px 0 var(--gold);background:var(--paper3)} .sutra-study-block p{font-size:15px;line-height:1.8}.sutra-nav-actions{flex-shrink:0}.sutra-detail-actions>div{min-width:0} #sutras.hide-iast .iast-panel{display:none} #sutras.reading-focused .scripture-nav-card,#sutras.reading-focused .scripture-verses-card{display:none} #sutras.reading-focused .scripture-grid{grid-template-columns:minmax(0,1fr);max-width:920px;margin:auto} @media(max-width:1150px){.scripture-grid{grid-template-columns:minmax(150px,.8fr) minmax(0,1.5fr)}.scripture-grid .scripture-nav-card{grid-column:1;max-height:340px;position:static;min-height:0}.scripture-grid .scripture-verses-card{grid-column:1;grid-row:2;max-height:480px;position:static;min-height:0}.scripture-grid .sutra-detail-card{grid-column:2;grid-row:1/span 2}#sutras.reading-focused .sutra-detail-card{grid-column:1;grid-row:auto}} @media(max-width:720px){.topbar{flex-direction:column;gap:12px}.top-actions{width:100%}.scripture-grid{display:flex;flex-direction:column}.scripture-grid>.card{width:100%}.scripture-nav-card,.scripture-verses-card{max-height:260px!important;overflow:auto}.sutra-detail-card{min-height:0}.reading-toolbar{gap:6px}.sutra-sanskrit.deep{font-size:min(var(--verse-size),26px)}.hero-actions,.card-title-row{flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}} /* V1.24 Book Reader */ .reader-shell{grid-template-columns:200px minmax(0,1fr) 260px;align-items:stretch} .reader-main{min-width:0;position:relative;max-height:82dvh;scrollbar-width:thin} .reader-toolbar{position:sticky;top:0;z-index:2;background:var(--paper);padding:10px;border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;box-shadow:var(--shadow)} .reader-sidebar{min-width:0;scrollbar-width:thin}.reader-sidebar h3{margin-top:16px} #readerStatus{min-height:36px;margin:10px 0}#pageText{font-size:14px;line-height:1.8} @media(max-width:1200px){.reader-shell{grid-template-columns:170px minmax(0,1fr)}.reader-shell>.reader-sidebar:last-child{grid-column:1/-1;max-height:none}.reader-main{max-height:78dvh}} @media(max-width:700px){.reader-shell{display:flex;flex-direction:column}.reader-shell>.reader-sidebar:first-child{max-height:270px}.reader-main{max-height:75dvh;min-height:300px}.reader-toolbar{gap:5px}.reader-sidebar{max-height:none}} /* V1.25 Interactive Studies and Chart Studio */ .experience-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.experience-tabs .active{background:var(--wine);color:var(--paper)} .experience-hero{display:flex;justify-content:space-between;align-items:start;gap:24px;padding:16px 0 24px}.experience-hero h2{font-size:34px;letter-spacing:-.025em;margin:8px 0 12px}.experience-hero p{font-size:16px;line-height:1.7;max-width:670px;margin:0;color:var(--muted)} .model-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.orbit-stage{background:var(--ink);border-radius:16px;overflow:hidden;border:1px solid #344952}.orbit-stage canvas{width:100%;height:auto;display:block}.orbit-readout{padding:17px 22px;color:#d4c6c1;border-top:1px solid #ffffff20;font-size:14px;line-height:1.6} .model-controls{box-shadow:none}.model-controls label{margin-top:16px}.model-controls input[type=range]{accent-color:var(--wine);width:100%}.model-controls p{margin-bottom:0} .study-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.experience-panel>.study-columns{margin-top:20px}.experience-panel p{line-height:1.8}.experience-panel .card{padding:22px} .relationship-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.relation-card.friend{border-top:3px solid #768976}.relation-card.enemy{border-top:3px solid var(--gold)}.relation-card.neutral{border-top:3px solid #a99c89}.relation-card h3{font-size:21px} #relationSubject{max-width:260px}.flash-card{max-width:780px;margin:28px auto;padding:48px!important;min-height:330px}.flash-card h2{font-size:29px;margin:20px 0 26px}#flashAnswer{font-size:19px;line-height:1.8;border-top:1px solid var(--line);margin-top:25px;padding-top:24px}#flashDeck{max-width:240px} .chart-studio{margin-bottom:36px}.chart-studio-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.chart-studio label{margin-top:14px}.chart-studio p{line-height:1.7}.birth-chart{max-width:760px;margin:18px auto}.birth-chart svg{width:100%;height:auto;display:block}.chart-studio table{width:100%;border-collapse:collapse;font-size:13px}.chart-studio td,.chart-studio th{padding:9px;border-bottom:1px solid var(--line);text-align:left}.collection-record{display:flex;justify-content:space-between;gap:15px;width:100%;padding:13px;border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:7px;margin:6px 0}.collection-record span{color:var(--muted);font-size:12px}#chartCollectionSearch{max-width:320px}#chartRatingFilter{max-width:170px}.chart-studio .study-columns{grid-template-columns:1fr 1fr}.chart-studio .row{flex-wrap:wrap}.chart-studio textarea{min-height:80px} @media(max-width:1100px){.model-grid{grid-template-columns:1fr}.model-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.model-controls h3,.model-controls p{grid-column:1/-1}.relationship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-studio-grid{grid-template-columns:1fr}.chart-studio-grid form{max-width:700px}} @media(max-width:650px){.experience-hero{display:block}.experience-hero .badge{margin-top:16px}.experience-hero h2{font-size:28px}.relationship-grid,.study-columns{grid-template-columns:1fr}.model-controls{display:block}.flash-card{padding:24px!important}.flash-card h2{font-size:24px}.collection-record{display:block}.collection-record span{display:block;margin-top:6px}.chart-studio .card{padding:12px}} /* V1.26: Chart Laboratory and global place atlas */ .chart-studio-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.55fr);gap:24px} #birthForm{padding:26px}#birthForm>h3{font-size:23px}.chart-studio input,.chart-studio select{min-height:40px}.chart-studio label{line-height:1.5} .atlas-search{margin-top:24px;border-top:1px solid var(--line);padding-top:22px;position:relative}.atlas-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px} #atlasStatus{font-size:11px;line-height:1.6;margin-top:9px}.selected-place{padding:12px 14px;background:var(--paper2);border:1px solid var(--line2);border-radius:8px;margin-top:12px;font-size:12px;line-height:1.7} #placeResults{max-height:320px;overflow:auto;scrollbar-width:thin;box-shadow:var(--shadow);margin-top:6px}#placeResults:empty{display:none}#placeResults button{display:block;width:100%;text-align:left;border:1px solid var(--line);background:var(--paper);padding:11px 13px}#placeResults button+button{border-top:0}#placeResults button:hover,#placeResults button:focus{background:var(--paper2)}#placeResults strong,#placeResults span{display:block}#placeResults span{font-size:12px;color:var(--muted);margin-top:4px} .location-details{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.location-details summary{cursor:pointer;font-size:14px}.time-resolution{padding:12px 0;font-size:12px;line-height:1.7;color:var(--muted)}#occurrenceBox{padding:10px;border:1px solid #a99189;background:var(--paper3);border-radius:8px}#birthOffset[readonly]{background:var(--bg);color:var(--muted)} .time-explorer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 0;margin:14px 0;border-bottom:1px solid var(--line)}#chartStep{width:auto;min-height:32px}.time-explorer .muted{font-size:11px}.chart-expanded .chart-studio-grid{grid-template-columns:minmax(0,1fr)}.chart-expanded #birthForm{display:none}.chart-expanded .birth-chart{max-width:920px} .collection-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.collection-record{align-items:center}.collection-open{flex:1;border:0;background:none;text-align:left;padding:0;cursor:pointer;min-width:0}.collection-open strong{font-size:16px}.collection-open span{display:block;line-height:1.6;margin-top:5px}.legacy-cases{margin-top:28px}.legacy-cases summary{padding:10px;cursor:pointer}.chart-studio .study-table-wrap{overflow-x:auto}#chartComparison{border-left:3px solid var(--gold)} @media(min-width:1250px){.chart-studio-grid>div.card{position:sticky;top:66px}} @media(max-width:1150px){.chart-studio-grid{grid-template-columns:1fr}.chart-studio-grid form{max-width:none}.atlas-fields{grid-template-columns:1fr 1fr}} @media(max-width:650px){#birthForm{padding:17px}.atlas-fields{grid-template-columns:1fr}.collection-record{display:block}.collection-record>.row{margin-top:10px}.time-explorer .muted{width:100%}.chart-studio-grid{gap:14px}} /* Chart Laboratory V1.27 */ .reading-workspace fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:1fr;gap:8px}.reading-workspace textarea{width:100%;min-height:120px;line-height:1.65;resize:vertical}.reading-workspace label{margin-top:16px}.reading-workspace #reading_synthesis{min-height:220px}.catalogue-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.catalogue-clock{display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:8px}.catalogue-clock dd{margin:0;overflow-wrap:anywhere}.archive-original{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;font-size:13px}.chart-catalogue input[type=checkbox],#chartImportReview input[type=checkbox]{width:auto;margin-right:8px}.chart-catalogue .collection-record{gap:12px}.chart-catalogue .collection-open{min-width:0;overflow-wrap:anywhere}.chart-catalogue select{width:100%}.reading-workspace [disabled]{opacity:.65}.birth-chart svg{font-family:Arial,sans-serif}.reading-workspace #readingIdentity{font-weight:600}#legacyObservation[hidden]{display:none}.legacy-cases{margin-top:24px}@media(max-width:650px){.catalogue-filters{grid-template-columns:1fr}.catalogue-clock{grid-template-columns:1fr}.catalogue-clock dd{margin-bottom:10px}.chart-catalogue .collection-record{flex-wrap:wrap}} /* V1.28 chart-first workspace */ .chart-studio>.experience-hero{padding:12px 0 18px;margin-bottom:0}.chart-studio>.experience-hero h2{font-size:30px}.chart-navigator{margin:0 0 22px;padding:20px}.chart-source-switch{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:6px}.chart-source-switch [aria-pressed=true]{background:#553d31;color:#fff;border-color:#553d31}.chart-catalogue[hidden],#savedChartBrowser[hidden]{display:none!important}.chart-navigator .catalogue-filters{grid-template-columns:1.4fr 1.2fr 1fr;gap:16px}.chart-navigator #catalogueRows{margin-top:6px}.chart-navigator #catalogueName,.chart-navigator #savedChartName{width:100%;min-height:46px;font-size:15px}.navigator-record-actions{margin-top:10px;display:flex;gap:8px;align-items:center}.navigator-secondary{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.navigator-secondary summary{font-size:14px;cursor:pointer}.saved-chart-filters{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.chart-birth-details{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--paper);overflow:hidden}.chart-birth-details>summary{padding:16px;cursor:pointer;font-size:16px}.chart-birth-details>summary span{margin-right:12px}.chart-birth-details #birthForm{border:0;box-shadow:none;margin:0}.chart-birth-details #birthForm>h3{display:none}.chart-studio-grid:has(.chart-birth-details:not([open])){grid-template-columns:minmax(0,1fr)}.chart-studio-grid>.primary-chart-card{position:static;min-width:0}.active-chart-heading h3{font-size:26px;margin:0}.active-chart-heading p{margin:4px 0 12px}.chart-main-actions{margin:10px 0 18px!important;align-items:center}.chart-save-category{max-width:310px}.chart-save-category label{font-size:12px;margin:0 0 4px}.chart-save-category input{min-height:34px;font-size:14px}.chart-export-menu>summary{cursor:pointer;padding:8px 12px;font-size:14px}.chart-export-menu[open]{flex-basis:100%}.chart-reading-drawer{margin-top:24px}.chart-reading-drawer>summary{cursor:pointer;font-size:20px;padding:4px 0}.chart-reading-drawer>summary span{font-size:14px}.chart-reading-drawer .reading-workspace{padding-top:22px}.chart-navigator .collection-record{padding:8px 12px}.chart-catalogue #catalogueDetail>h4{font-size:21px}.chart-birth-details .location-details{margin-top:14px}.chart-expanded .chart-birth-details{display:none}.chart-expanded .chart-studio-grid{grid-template-columns:minmax(0,1fr)} @media(max-width:700px){.chart-navigator .catalogue-filters,.saved-chart-filters{grid-template-columns:1fr}.chart-navigator{padding:16px}.chart-studio>.experience-hero{gap:12px;align-items:flex-start;flex-wrap:wrap}.chart-studio>.experience-hero h2{font-size:25px}.chart-birth-details>summary span{display:inline-block}.chart-main-actions .btn{font-size:13px}.chart-reading-drawer>summary{font-size:18px}} /* ---- book-library.css ---- */ .bl-home section{margin-top:32px}.bl-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.bl-heading>div:first-child{flex:1}.bl-heading h2{margin:0}.bl-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0}.bl-tools input[type=search]{flex:1;min-width:220px}.bl-tools select{width:auto;max-width:260px}.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.bl-book{border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}.bl-open{display:flex;flex-direction:column;align-items:start;text-align:left;gap:13px;width:100%;min-height:150px;padding:20px;border:0;background:transparent;color:inherit}.bl-open:hover{background:var(--paper2)}.bl-book-title{font:20px var(--tjp-font,Georgia),serif;line-height:1.4}.bl-format{text-transform:uppercase;font-size:11px;letter-spacing:.13em;color:var(--muted)}.bl-actions{display:flex;gap:8px;padding:0 12px 12px}.bl-actions button{font-size:12px}.bl-job{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.bl-job span{flex:1;min-width:180px}.bl-job progress{width:140px}.ba-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.ba-row>span{flex:1;min-width:180px}.bl-reader{background:var(--paper);padding:12px;border-radius:12px}.bl-reader:fullscreen{height:100vh;width:100vw;overflow:auto;border-radius:0}.bl-reader:fullscreen #br-scroll{height:calc(100vh - 160px)}#br-title{flex:1;font-size:22px}#br-save{font-size:12px;max-width:350px}#br-page{width:70px;padding:6px}#br-message{font-size:13px;color:var(--gold);margin:8px}.br-layout{display:flex;align-items:stretch;gap:12px}.br-layout aside{width:260px;flex-shrink:0;background:white;padding:16px;max-height:75vh;overflow:auto}.br-layout aside[hidden]{display:none}.br-layout aside button{text-align:left;display:block;margin:5px 0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.br-layout textarea{width:100%;box-sizing:border-box}#br-scroll{flex:1;min-width:0;height:76vh;overflow:auto;background:var(--paper3);padding:20px;overscroll-behavior:contain}#br-surface{position:relative;margin:0 auto;background:white;box-shadow:0 3px 16px #0002;box-sizing:border-box}#br-surface canvas{display:block}.br-prose{padding:42px;line-height:1.8;color:var(--ink);font-family:var(--tjp-font,Georgia),serif;overflow-wrap:anywhere}.br-prose img{max-width:100%;height:auto}.br-prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.br-prose td,.br-prose th{border:1px solid var(--line2);padding:8px}.br-prose h1,.br-prose h2,.br-prose h3{line-height:1.35}.br-highlight{position:absolute;background:#cb8c7780;pointer-events:none}.br-mark{border-bottom:1px solid var(--line);padding:8px 0}.br-prose mark{background:var(--gold)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:clip;opacity:1;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:CanvasText;z-index:1}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.textLayer> :not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1}.textLayer span{font-size:calc(var(--total-scale-factor)*var(--font-height));transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer ::selection{background:#3a7bd577}.br-toolbar button{padding:7px 10px}.br-toolbar label{display:flex;align-items:center;gap:5px;margin:0}.bl-reader button:focus-visible,.bl-home button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media(max-width:850px){.br-layout{flex-wrap:wrap}.br-layout aside{width:100%;max-height:220px;box-sizing:border-box}.br-layout #br-scroll{flex-basis:100%;order:1;height:65vh}.br-prose{padding:24px}.bl-heading{gap:10px}#br-title{font-size:18px}.br-toolbar{gap:5px}.bl-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}} .textLayer{--min-font-size-inv:calc(1 / var(--min-font-size));--rotate:0deg;--scale-x:1}.textLayer span{font-size:calc(var(--total-scale-factor) * var(--font-height) * var(--min-font-size))} .bl-dialog{width:min(480px,90vw);border:1px solid var(--line);border-radius:14px;padding:26px;color:var(--ink);background:var(--paper)}.bl-dialog::backdrop{background:#17140b88}.bl-dialog label{display:block;margin:15px 0}.bl-dialog input{display:block;width:100%;box-sizing:border-box;margin-top:6px}.bl-edit-status{color:var(--wine)} /* V1.31: stable, compact personal-book rows. */ .bl-list{display:block;border-top:1px solid var(--line)}.bl-book-row{display:flex;align-items:center;gap:16px;height:66px;box-sizing:border-box;border-bottom:1px solid var(--line);padding:0 6px}.bl-row-open{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;text-align:left;background:transparent;border:0;padding:8px 6px;color:inherit;height:100%;cursor:pointer}.bl-row-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:18px var(--tjp-font,Georgia),serif;line-height:1.4}.bl-row-meta{font-size:11px;line-height:1.4;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-row-actions{display:flex;gap:8px;flex:none;align-items:center}.bl-row-actions button{font-size:12px;padding:7px 10px;min-width:65px}.bl-row-actions [data-delete]{color:var(--wine);border-color:transparent;background:transparent}.bl-row-actions [data-delete]:hover{background:var(--paper2);border-color:var(--line)}.bl-book-row:hover{background:var(--paper)}.bl-home #bl-book-count{font-size:13px;margin-left:8px;font-family:inherit;font-weight:400}.bl-recovery{margin-top:30px;border-top:1px solid var(--line);padding-top:14px}.bl-recovery>summary{cursor:pointer;color:var(--muted);font-size:13px}.bl-recovery-row{display:flex;gap:16px;align-items:center;min-height:44px;border-bottom:1px solid var(--line)}.bl-recovery-row>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.bl-recovery-row button{font-size:12px}.bl-undo{position:fixed;z-index:1000;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;background:var(--ink);color:var(--paper);border:1px solid var(--gold);border-radius:10px;padding:12px 16px;box-shadow:0 6px 24px #0002}.bl-undo[hidden],.bl-recovery[hidden]{display:none}.bl-undo>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:420px;font-size:13px}.bl-undo button{flex-shrink:0;background:transparent;color:#f2e2dc;border:1px solid var(--gold);padding:6px 10px;font-size:13px}.bl-undo button:disabled{opacity:.5}.bl-undo #bl-undo-close{border:0;padding:5px}.bl-list>.muted{padding:14px 6px}.bl-home section:has(#bl-mine){overflow-anchor:none}.bl-job progress{accent-color:var(--gold)}@media(max-width:600px){.bl-book-row{gap:6px;height:64px;padding:0}.bl-row-title{font-size:16px}.bl-row-actions{gap:2px}.bl-row-actions button{padding:7px 6px;min-width:54px;font-size:11px}.bl-undo{gap:10px;padding:10px 12px;bottom:12px}.bl-undo>span{max-width:48vw}} /* ---- chart-workspace.css ---- */ .chart-workspace{max-width:1180px;margin:0 auto 40px}.chart-workspace>.experience-hero{padding:8px 0 24px;gap:24px}.chart-workspace>.experience-hero h2{font-family:var(--tjp-font,Georgia),serif;font-weight:400;font-size:34px}.chart-workspace>.experience-hero p{max-width:620px;color:var(--muted);margin-bottom:0}.chart-workspace [hidden]{display:none!important}.chart-workspace>#chartBirthDetails{margin-bottom:20px;background:var(--paper);border-color:var(--line);border-radius:14px}.chart-workspace>#chartBirthDetails>summary{padding:20px 24px;font-size:20px}.chart-workspace #birthDetailsSummary{font-family:inherit;font-size:13px}.chart-workspace #birthForm{padding:8px 24px 24px;max-width:none}.cw-essential{display:grid;grid-template-columns:1fr 1.4fr;gap:24px}.cw-essential .study-columns{margin:0}.chart-workspace .atlas-fields{grid-template-columns:1.4fr 1fr;gap:24px}.chart-workspace .atlas-search{margin-top:8px}.chart-workspace #selectedPlace{background:transparent;border:0;padding:8px 0;margin:0;color:var(--muted);font-size:13px}.chart-workspace #atlasStatus{font-size:11px}.cw-form-support{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:12px 0}.chart-workspace .cw-disclosure{border-top:1px solid var(--line);margin:14px 0 0;padding:14px 0}.chart-workspace .cw-disclosure>summary{font-size:14px;cursor:pointer;color:var(--ink)}.chart-workspace .cw-disclosure>summary span{font-size:12px;color:var(--muted);margin-left:10px}.chart-workspace .location-details{background:transparent;padding:14px 0;border:0;border-top:1px solid var(--line);border-radius:0}.cw-cast-footer{display:flex;align-items:center;gap:20px;margin-top:12px}.cw-cast-footer #castChart{min-width:170px;margin:0}.cw-cast-footer .muted{font-size:12px}.chart-workspace #timeResolution{font-size:13px;margin-top:10px;padding:10px 12px}.chart-workspace .chart-navigator{border-radius:14px;padding:24px;margin-bottom:24px}.cw-section-heading h3{font:24px var(--tjp-font,Georgia),serif;margin:0}.cw-section-heading p{font-size:13px;color:var(--muted);margin:6px 0 16px}.chart-workspace .chart-source-switch{border:0;padding:0;margin:0 0 10px}.chart-workspace .chart-source-switch .btn{border-radius:30px;padding:8px 17px;font-size:13px}.chart-workspace .catalogue-filters,.chart-workspace .saved-chart-filters{grid-template-columns:1.4fr 1fr;gap:24px}.chart-workspace .navigator-secondary{margin-top:14px}.chart-workspace .navigator-secondary>summary{font-size:12px;color:var(--muted)}.chart-workspace .navigator-record-actions .btn{font-size:11px;padding:5px 9px}.chart-workspace .navigator-record-actions{margin-top:8px}.cw-name-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.cw-name{font:inherit;font-size:13px;line-height:1.5;background:transparent;border:1px solid transparent;border-bottom-color:var(--line);padding:10px 12px;text-align:left;color:var(--ink);border-radius:5px;cursor:pointer}.cw-name:hover,.cw-name[aria-pressed=true]{background:var(--bg);border-color:var(--line2)}.chart-workspace .chart-studio-grid{display:block}.chart-workspace .primary-chart-card{padding:26px;border-radius:14px;position:static}.chart-workspace .active-chart-heading h3{font:30px var(--tjp-font,Georgia),serif}.chart-workspace .active-chart-heading p{font-size:13px}.chart-workspace .cw-conventions{font-size:11px!important;letter-spacing:.03em;color:var(--muted)}.chart-workspace .birth-chart{max-width:800px;margin:22px auto}.chart-workspace .chart-main-actions{border-bottom:1px solid var(--line);padding-bottom:16px;gap:10px}.cw-save-options{position:relative;font-size:12px}.cw-save-options>summary{cursor:pointer;padding:8px}.cw-save-options[open]{flex-basis:100%}.cw-save-options .chart-save-category{margin:8px 0}.cw-tools-body{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0}.cw-tools-body .time-explorer{flex-basis:100%;margin:0;padding:8px 0 14px}.cw-welcome{display:flex;align-items:center;gap:20px;border:1px dashed var(--line);padding:30px;border-radius:14px;color:var(--muted)}.cw-welcome>span{font-size:45px;color:var(--gold)}.cw-welcome h3{font:22px var(--tjp-font,Georgia),serif;margin:0 0 6px}.cw-welcome p{font-size:13px;margin:0}.chart-workspace .chart-reading-drawer{border-radius:14px}.chart-workspace.chart-expanded>.chart-navigator{display:none}.chart-workspace button:focus-visible,.chart-workspace summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(max-width:700px){.cw-essential,.cw-form-support,.cw-name-list{grid-template-columns:1fr;gap:8px}.chart-workspace .atlas-fields,.chart-workspace .catalogue-filters,.chart-workspace .saved-chart-filters{grid-template-columns:1fr;gap:8px}.chart-workspace #birthForm,.chart-workspace .chart-navigator,.chart-workspace .primary-chart-card{padding:16px}.chart-workspace>#chartBirthDetails>summary{padding:16px}.chart-workspace>.experience-hero h2{font-size:28px}.cw-cast-footer{align-items:flex-start;flex-direction:column;gap:10px}.cw-cast-footer #castChart{width:100%}.cw-welcome{padding:20px}.cw-disclosure>summary span{display:block;margin:5px 0!important}} @media(prefers-reduced-motion:reduce){.chart-workspace *{scroll-behavior:auto!important;animation:none!important;transition:none!important}} /* V1.32: consistent labels and a readable companion for crowded charts. */ .chart-workspace .birth-chart{overflow-x:auto;overscroll-behavior-inline:contain;max-width:850px}.chart-workspace .birth-chart svg{min-width:600px}.chart-placement-list{margin:12px 0 24px;padding:14px 0;border-top:1px solid var(--line)}.chart-placement-list>summary{cursor:pointer;font-size:13px;color:var(--muted)}.chart-placement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:16px}.chart-placement-grid section{border:1px solid var(--line);border-radius:8px;padding:14px 16px;background:var(--paper)}.chart-placement-grid h4{font:18px var(--tjp-font,Georgia),serif;margin:0 0 10px}.chart-placement-grid h4>span{float:right;font:11px Arial,sans-serif;color:var(--muted);margin-top:4px}.chart-placement-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:6px 0;border-top:1px solid var(--line)}.chart-placement-row>span:last-child{font-variant-numeric:tabular-nums;color:var(--muted)}.chart-placement-row small{font-size:10px;color:var(--gold)}.chart-nakshatra-status{font-size:12px;padding:12px 14px;border-left:2px solid var(--gold);background:var(--paper2)}.chart-glyph-degree{font-variant-numeric:tabular-nums}@media(max-width:700px){.chart-workspace .birth-chart:after{content:'Swipe across the chart. Full placements are listed below.';display:block;font-size:11px;color:var(--muted);padding:10px 0}.chart-placement-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}} /* ---- study-navigation.css ---- */ /* Quiet, contextual navigation shared by the reference workspaces. */ .reference-navigation{margin:0 0 24px;border-bottom:1px solid var(--line,var(--line));padding-bottom:12px} .reference-subjects,.reference-views{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center} .reference-navigation button{font:inherit;font-size:14px;line-height:1.5;color:inherit;background:transparent;border:0;border-radius:4px;padding:10px 13px;cursor:pointer;text-align:left} .reference-navigation button:hover{background:color-mix(in srgb,var(--gold) 9%,transparent)} .reference-subjects button[aria-current]{background:var(--ink,var(--ink));color:var(--paper,var(--paper))} .reference-views{padding-top:12px;margin-top:12px;border-top:1px solid var(--line,var(--line))} .reference-views button{padding:7px 13px;color:var(--muted,var(--muted))} .reference-views button[aria-current]{color:inherit;background:color-mix(in srgb,var(--gold) 12%,transparent);box-shadow:inset 0 -2px var(--gold)} .reference-navigation button:focus-visible{outline:2px solid var(--gold);outline-offset:3px} .reference-index-link{margin-top:12px}.reference-index-link button{text-decoration:underline;text-underline-offset:4px} #foundations .study-breadcrumb,#rashis .study-breadcrumb,#bhavas .study-breadcrumb,#bhava-yoga .study-breadcrumb{display:none} .sutra-location{font-size:13px;color:var(--muted,var(--muted));line-height:1.6;margin:0 0 18px;overflow-wrap:anywhere} @media(max-width:600px){.reference-subjects{gap:4px}.reference-navigation button{font-size:13px;padding:9px 10px}.reference-navigation{margin-bottom:16px}} /* ---- assignments.css ---- */ .aw-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.aw-heading>div{flex:1;min-width:230px}.aw-toolbar{display:flex;gap:16px;align-items:end;margin:22px 0}.aw-toolbar label:first-child{flex:1}.aw-toolbar input,.aw-toolbar select{margin:6px 0 0}.aw-summary{color:var(--muted);font-size:14px;margin-bottom:22px}.aw-layout{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:30px}.aw-item{display:block;width:100%;text-align:left;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--line,var(--line));padding:16px 12px;font:inherit;cursor:pointer}.aw-item span,.aw-item small{display:block}.aw-item small{color:var(--muted);margin-top:7px}.aw-item[aria-current]{background:var(--paper3);box-shadow:inset 3px 0 var(--gold)}.aw-prose{white-space:pre-wrap;line-height:1.75;overflow-wrap:anywhere}.aw-guidance{margin:24px 0;padding:14px 0;border-top:1px solid var(--line,var(--line));border-bottom:1px solid var(--line,var(--line))}#aw-body{line-height:1.75;min-height:320px;resize:vertical}.aw-writing-status{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted)}.aw-attempts{margin-top:34px;border-top:1px solid var(--line,var(--line));padding-top:20px}.aw-attempt{padding:16px 0;border-bottom:1px solid var(--line,var(--line))}.aw-attempt summary{cursor:pointer;margin-bottom:16px;line-height:1.5}.aw-feedback{margin:20px 0;padding:16px;background:var(--paper2);border-left:3px solid var(--gold)}.aw-feedback h4{margin:0 0 8px}.aw-home button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#aw-message:empty{display:none}#aw-message{margin:16px 0}#chartPositionsDrawer{border:0;padding:18px 0 0}.birth-position-table{width:100%;table-layout:fixed}.birth-position-table caption{text-align:left;padding:12px 8px;font-size:18px}.birth-position-table th,.birth-position-table td{overflow-wrap:anywhere;padding:13px 10px}.birth-position-table th:first-child{width:22%}.chart-calculation-note{font-size:13px;margin:12px 8px}.bl-job{flex-wrap:wrap}.bl-job>span{flex:1;min-width:200px} @media(max-width:800px){.aw-layout{grid-template-columns:1fr;gap:22px}#aw-list{max-height:270px;overflow:auto}.aw-toolbar{flex-wrap:wrap}.aw-toolbar label{min-width:180px}.birth-position-table th,.birth-position-table td{padding:10px 6px;font-size:13px}} /* ---- psyche.css ---- */ .pp-heading{display:flex;align-items:center;gap:18px}.pp-heading>div{flex:1}.pp-heading p{max-width:680px;line-height:1.7}.pp-tabs{display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--line,var(--line));padding:12px 0 16px;margin-bottom:22px}.pp-tabs button{font:inherit;background:transparent;border:0;border-radius:4px;padding:11px 15px;color:inherit;cursor:pointer}.pp-tabs [aria-pressed=true]{background:var(--ink,var(--ink));color:var(--paper)}.pp-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:18px 0 24px}.pp-toolbar label:first-child{flex:1;min-width:200px}.pp-toolbar input,.pp-toolbar select{margin:6px 0 0}.pp-layout{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:34px}.pp-layout>nav{max-height:75vh;overflow:auto;align-self:start}.pp-layout>nav button,.pp-admin-list button{display:block;width:100%;font:inherit;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line,var(--line));padding:14px 12px;color:inherit;cursor:pointer}.pp-layout>nav button span,.pp-layout>nav button small,.pp-admin-list small{display:block}.pp-layout>nav small,.pp-admin-list small{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}.pp-layout>nav [aria-current]{background:var(--bg);box-shadow:inset 3px 0 var(--gold)}.pp-section{margin-top:26px;max-width:820px}.pp-prose{white-space:pre-wrap;line-height:1.85;overflow-wrap:anywhere}.pp-section h3{font-size:19px;margin:0 0 12px}.pp-questions{background:var(--paper2);padding:20px 24px;border-left:2px solid var(--gold)}.pp-questions li,.pp-prompt li{line-height:1.75;margin-bottom:10px}.pp-source{padding:12px 0;border-bottom:1px solid var(--line,var(--line))}.pp-source p{color:var(--muted);line-height:1.65}.pp-prompt{margin:18px 0;padding:16px 0;border-top:1px solid var(--line,var(--line))}.pp-sharing,.pp-shared{padding:20px;margin:20px 0;background:var(--paper2)}.pp-intro{max-width:780px;line-height:1.7}#pp-body{min-height:330px;line-height:1.8;resize:vertical}#pp-save-state{font-size:13px;color:var(--muted);min-height:20px}.pp-notebook-row{display:block;width:100%;background:transparent;color:inherit;font:inherit;border:0;border-bottom:1px solid var(--line,var(--line));text-align:left;padding:13px 0;cursor:pointer}.pp-notebook-row small{display:block;margin-top:5px;color:var(--muted)}.pp-admin-list{max-height:330px;overflow:auto;margin:18px 0}.pp-admin-section,.pp-admin-reading{margin:18px 0;padding:18px;background:var(--paper2)}.pp-check{display:flex;align-items:center;gap:10px;margin:20px 0}.pp-check input{width:auto}.pp-shell button:focus-visible,#psyche-admin button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#pp-status:empty{display:none} @media(max-width:760px){.pp-layout{grid-template-columns:1fr;gap:24px}.pp-layout>nav{max-height:250px;border-bottom:1px solid var(--line,var(--line))}.pp-tabs button{padding:9px 11px;font-size:14px}.pp-heading{align-items:start}.pp-questions{padding:15px}.pp-toolbar{gap:10px}.pp-section{margin-top:22px}} /* ---- workspace136.css ---- */ [hidden]{display:none!important}.ws-list-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border:0;border-bottom:1px solid var(--line,var(--line));background:transparent;width:100%;text-align:left;color:inherit}.ws-list-row h3,.ws-list-row p{margin:0 0 7px}.ws-list-row small{color:var(--muted)}.aq-reader{max-width:980px;margin:auto}.aq-progress{display:flex;gap:5px;flex-wrap:wrap;margin:24px 0}.aq-progress button{min-width:40px}.aq-reader fieldset{border:0;padding:0;margin:20px 0}.aq-reader legend{white-space:pre-wrap;font-size:1.25rem;line-height:1.6;margin-bottom:20px}.aq-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:7px;margin:10px 0;cursor:pointer}.aq-option:has(input:checked){border-color:var(--gold);background:var(--bg)}.aq-option input{width:auto;margin-top:5px}.aq-score{font-size:3rem;margin-top:24px}.aq-score small{font-size:1.3rem;color:var(--muted)}#written-work{margin:24px 0;padding:20px;border-top:1px solid var(--line)}.admin-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.admin-nav button[aria-pressed=true]{background:#624036;color:white}.admin-pane>.grid{display:block}.admin-pane .card{margin-bottom:22px}.admin-pane{min-width:0}.admin-hero{margin-bottom:24px}.admin-hero h2{font-size:2rem}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:13px 10px;text-align:left;border-bottom:1px solid var(--line)}.admin-filters{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.admin-filters label{flex:1;min-width:180px}.admin-notice{padding:12px;background:var(--bg);border-radius:6px;margin:12px 0}.pp-layout nav{max-height:70vh;overflow:auto}.pp-layout article{min-width:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:650px){.ws-list-row{align-items:flex-start;gap:10px}.admin-nav button{flex:1}.aq-option{padding:12px}.aq-reader legend{font-size:1.1rem}} /* V1.37 assessment reading flow */ .aq-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.aq-heading h2{margin:5px 0;font-size:1.5rem}.aq-meter{display:flex;justify-content:space-between;gap:15px;margin:12px 0}.aq-reader progress{display:block;width:100%;height:5px;accent-color:#71493d;margin-bottom:30px}.aq-reader fieldset{margin-bottom:18px}.aq-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.aq-actions .primary{min-width:170px}.aq-option.selected{background:var(--bg);border-color:#71493d}.aq-option .aq-letter{display:inline-block;margin-right:12px;color:var(--muted)}.aq-jump,.aq-history{border-top:1px solid var(--line);padding:20px 0;margin-top:16px}.aq-home-tools{display:flex;gap:16px}.aq-home-tools label:first-child{flex:1}.aq-home-tools label:last-child{width:200px}.aq-collection{margin-top:28px}.aq-collection h3{font-size:1.2rem;color:#71493d}.aq-collection h4{font-size:1.15rem;margin:0 0 7px}.aq-review-list{margin-top:20px}.aq-review-list button{align-items:flex-start}.aq-review-list span:last-child{flex-shrink:0}.aq-reader #aq-status{min-height:24px}.aq-reader .aq-option span{line-height:1.65}@media(max-width:600px){.aq-heading{display:block}.aq-heading>button{margin-top:12px}.aq-home-tools{display:block}.aq-home-tools label:last-child{width:auto}.aq-actions{align-items:flex-start}.aq-actions>.row{flex-direction:column-reverse;align-items:stretch}.aq-actions .primary{min-width:145px}.aq-review-list span:last-child{font-size:.8rem}} .aq-actions{position:sticky;bottom:0;z-index:2;background:var(--paper);border-top:1px solid var(--line)} /* ---- refinements138.css ---- */ /* Functional layout remains in both appearances. */ [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #pageSub,#pageEyebrow,.grahas-heading,.study-intro:empty{display:none} .teaching-toolbar{display:flex;gap:14px;align-items:end;margin:0 0 12px}.teaching-toolbar label{flex:1;max-width:680px}.teaching-toolbar button{margin-bottom:5px}.teaching-tasks,.study-model-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.teaching-tasks [aria-pressed=true],.study-model-nav [aria-pressed=true],.appearance-choices [aria-pressed=true]{background:var(--olive);color:white;border-color:var(--olive)} .teaching-workspace .card{margin-bottom:16px}.teaching-fields{display:grid;grid-template-columns:1fr 1fr 120px;gap:16px}.teaching-fields label{min-width:0}.module-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.module-title{flex:1;margin:0}.module-title small{display:block;margin-top:4px}.module-number{color:var(--muted);font-variant-numeric:tabular-nums}.module-row input{width:100%}#tw-module-form input{flex:1;min-width:160px}#tw-import>details{border:1px solid var(--line);padding:16px;border-radius:10px;margin-bottom:12px}#tw-import>details>.card{border:0;box-shadow:none;margin:16px 0 0;padding:0}.teaching-workspace summary{cursor:pointer}.teaching-workspace .grid{max-width:100%}.teaching-workspace #tw-editor{max-width:880px} .bl-continue-open{width:100%;display:flex!important;flex-direction:row!important;justify-content:space-between;gap:18px;align-items:center}.bl-continue-open .bl-row-meta{flex-shrink:0}.bl-continue-open .bl-row-title{min-width:0;overflow-wrap:anywhere} .nr-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px}.nr-select{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end}.nr-select button{margin-bottom:5px}.nr-directions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.nr-directions>div{padding:18px;border:1px solid var(--line);border-left:4px solid var(--subject-color,var(--olive));border-radius:8px}.nr-directions h3{margin:8px 0 0;font-size:23px}.nr-principles{display:grid;grid-template-columns:1fr 1fr;gap:20px}.nr-principles span{color:var(--muted);font-size:.85em}.nr-layout p{line-height:1.7}.nr-note{align-self:start}.nr-table{overflow-x:auto;margin-top:16px}.nr-table table{width:100%;border-collapse:collapse;min-width:640px}.nr-table th,.nr-table td{padding:9px;border-bottom:1px solid var(--line);text-align:left}.nr-table caption{text-align:left;padding:0 0 12px;color:var(--muted)}.nr-cell{border:1px solid var(--line);border-radius:6px;padding:7px;background:var(--paper);font-size:12px}.nr-cell.friend{background:var(--paper2);color:#35533c}.nr-cell.enemy{background:var(--bg);color:var(--wine)}.nr-cell.neutral{background:var(--bg);color:var(--muted)} .study-model-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:22px}.study-svg{background:var(--paper);border:1px solid var(--line);border-radius:16px;align-self:start}.study-svg svg{width:100%;height:auto;display:block}.study-model-layout input[type=range]{padding:12px 0;border:0;accent-color:var(--wine)}.study-model-layout label{margin-bottom:18px}.study-model-layout output{float:right;font-variant-numeric:tabular-nums}.study-check{max-width:800px;margin:16px auto}.study-check h2{margin:20px 0}#study-check-options{display:grid;gap:10px}#study-check-options button{text-align:left;padding:15px}.answer-correct{background:var(--bg)!important;color:#294b32}.answer-incorrect{background:var(--paper3)!important;color:var(--wine)}#study-check-feedback{line-height:1.7}.appearance-choices{display:flex;gap:12px}.reflective-art{display:none} /* Optional Reflective appearance. No teaching content or data changes here. */ :root[data-appearance=rainbow]{--bg:#f2f0e9;--paper:#fdfbf6;--paper2:#ecebe2;--ink:#30362f;--muted:#636d65;--line:#d8ddd1;--dark:#243b37;--wine:#81523c;--olive:#4b6b5e;--gold:#906179;--blue:#627f87;--shadow:0 6px 20px #334b3510} [data-appearance=rainbow] body{font-size:16px;line-height:1.55;font-family:var(--tjp-font,Georgia),'Times New Roman',serif} [data-appearance=rainbow] .main{padding:32px clamp(18px,3vw,48px) 80px;max-width:1500px}[data-appearance=rainbow] .topbar{align-items:center;margin-bottom:28px}[data-appearance=rainbow] h1{font-size:clamp(26px,2.8vw,36px);line-height:1.2;letter-spacing:-.5px}[data-appearance=rainbow] h2{font-size:24px;line-height:1.35}[data-appearance=rainbow] h3{font-size:18px;line-height:1.4} [data-appearance=rainbow] .btn,[data-appearance=rainbow] button,[data-appearance=rainbow] input,[data-appearance=rainbow] select,[data-appearance=rainbow] label,[data-appearance=rainbow] .muted,[data-appearance=rainbow] .nav{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}[data-appearance=rainbow] .btn{font-size:13px;line-height:1.4;padding:10px 14px;border-radius:7px}[data-appearance=rainbow] label{font-size:13px}[data-appearance=rainbow] .muted{font-size:13px}[data-appearance=rainbow] input,[data-appearance=rainbow] select,[data-appearance=rainbow] textarea{font-size:15px}[data-appearance=rainbow] .card{padding:24px;border-radius:12px}[data-appearance=rainbow] .sidebar{background:var(--dark);padding:26px 18px}[data-appearance=rainbow] .nav button{font-size:13px;padding:10px 12px}[data-appearance=rainbow] .nav button.active,[data-appearance=rainbow] .nav button:hover{background:#ffffff13}[data-appearance=rainbow] .nav .section-label{color:#b0c3b8;letter-spacing:1.2px}[data-appearance=rainbow] .brand-sub{color:#bdc9bd}[data-appearance=rainbow] .top-actions{gap:6px}[data-appearance=rainbow] .top-actions .btn{font-size:12px;padding:8px 10px} [data-appearance=rainbow] .subject-choice{border-left:4px solid var(--subject-color)!important}[data-appearance=rainbow] .subject-choice[aria-pressed=true]{background:color-mix(in srgb,var(--subject-color) 14%,var(--paper))!important;color:var(--ink)!important}[data-appearance=rainbow] #grahas .graha-reader,[data-appearance=rainbow] #rashisContent{border-top:3px solid var(--subject-color)}[data-appearance=rainbow] #grahas h2,[data-appearance=rainbow] #rashisContent h2{color:var(--subject-color)} [data-appearance=rainbow][data-artwork=true] .reflective-art{display:block;margin:0 0 26px;border-radius:12px;overflow:hidden;position:relative;height:180px}[data-appearance=rainbow] .reflective-art img{width:100%;height:100%;object-fit:cover;object-position:50% 54%}[data-appearance=rainbow] .reflective-art figcaption{position:absolute;bottom:8px;right:12px;background:#fdfbf6e8;color:#35453d;padding:3px 8px;border-radius:5px;font:11px system-ui} :focus-visible{outline:3px solid #6a8c86;outline-offset:3px} @media(max-width:1000px){.nr-layout,.study-model-layout{grid-template-columns:1fr}.nr-note{max-width:none}.study-svg{max-width:650px;width:100%;margin:auto}[data-appearance=rainbow] .topbar{align-items:flex-start;flex-direction:column}} @media(max-width:650px){.teaching-toolbar{align-items:stretch;flex-direction:column}.teaching-fields{grid-template-columns:1fr}.module-row{flex-wrap:wrap}.nr-select{gap:8px;grid-template-columns:1fr auto 1fr}.nr-select button{font-size:11px!important;padding:8px!important}.nr-directions{gap:8px}.nr-directions>div{padding:12px}.bl-continue-open{flex-direction:column!important;align-items:flex-start!important;gap:4px}.bl-continue-open .bl-row-meta{flex-shrink:1}.study-model-layout{display:block}.study-model-layout>.card{margin-top:16px}[data-appearance=rainbow] .card{padding:17px}[data-appearance=rainbow][data-artwork=true] .reflective-art{height:125px}.teaching-tasks{gap:6px}.teaching-tasks button{flex:1 1 40%}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}} /* ---- workspace139.css ---- */ /* V1.39: Classic typography, generous proportions, optional saturated Rainbow. */ :root[data-appearance=classic]{--bg:#eee9df;--paper:#fbf8f1;--paper2:#f4eee4;--ink:#29261f;--muted:#746d62;--line:#d7cec0;--dark:#25251f;--wine:#66382f;--olive:#596357;--gold:#97786d;--blue:#66727a;--shadow:0 12px 28px rgba(58,44,30,.07)} [data-appearance] body{font:16px/1.55 var(--tjp-font,Georgia),'Times New Roman',serif}[data-appearance] button,[data-appearance] input,[data-appearance] select,[data-appearance] textarea,[data-appearance] label,[data-appearance] .muted,[data-appearance] .nav,[data-appearance] .btn{font-family:var(--tjp-font,Georgia),'Times New Roman',serif} [data-appearance] .main{padding:28px clamp(20px,3vw,48px) 80px;max-width:1500px}[data-appearance] h1{font-size:clamp(27px,2.8vw,36px);line-height:1.2}[data-appearance] h2{font-size:24px;line-height:1.35}[data-appearance] h3{font-size:18px;line-height:1.4}[data-appearance] .card{padding:24px}[data-appearance] .btn{font-size:14px;padding:10px 14px}[data-appearance] label,[data-appearance] .muted{font-size:13px}[data-appearance] input,[data-appearance] select,[data-appearance] textarea{font-size:15px}[data-appearance] .top-actions .btn{font-size:13px;padding:8px 10px}[data-appearance] .topbar{gap:15px;margin-bottom:24px}[data-appearance] .nav button{font-size:14px;padding:9px 12px} :root[data-appearance=rainbow]{--bg:#ffe9f7;--paper:#fffdf9;--paper2:#f2e0ff;--ink:#301448;--muted:#6b4375;--line:#d8a6ed;--dark:#421085;--wine:#ab0875;--olive:#176a7d;--gold:#b24d80;--blue:#244bc1;--shadow:0 9px 28px #8c167c1a} [data-appearance=rainbow] body{background:linear-gradient(125deg,#e1afc8 0%,#ffd3e9 24%,#e3d0ff 48%,#ccf0ff 72%,#cfffe8 100%);background-attachment:fixed} [data-appearance=rainbow] .sidebar{background:linear-gradient(165deg,#5822b8,#9f0d88 28%,#a63030 49%,#5b2a43 66%,#176049 82%,#174494);color:#fff} [data-appearance=rainbow] .sidebar .section-label{color:#f0d8e4}[data-appearance=rainbow] .sidebar .nav button{color:#fff}[data-appearance=rainbow] .sidebar .nav button.active{background:#fff;color:#4a176c;box-shadow:0 4px 16px #21063344}[data-appearance=rainbow] .sidebar .nav button:hover{background:#ffffff27} [data-appearance=rainbow] .card{border:1px solid #bd79d4;border-top:5px solid #ba30ba;box-shadow:0 9px 25px #983b9518;background:#fffafbeF}[data-appearance=rainbow] .grid>.card:nth-child(4n+2),[data-appearance=rainbow] .stack>.card:nth-child(4n+2){border-top-color:#007eac;background:#f0fcff}[data-appearance=rainbow] .grid>.card:nth-child(4n+3),[data-appearance=rainbow] .stack>.card:nth-child(4n+3){border-top-color:#9d3f6e;background:#fffbe7}[data-appearance=rainbow] .grid>.card:nth-child(4n+4),[data-appearance=rainbow] .stack>.card:nth-child(4n+4){border-top-color:#138266;background:#f0fff7} [data-appearance=rainbow] .topbar{padding:20px;border-radius:14px;background:linear-gradient(110deg,#da9fbc,#ffbada,#d1b7ff,#a9e9ff,#a0ecc9);border:1px solid #bf87cc}[data-appearance=rainbow] .topbar h1{color:#512067}[data-appearance=rainbow] .btn.primary{background:linear-gradient(110deg,#a00879,#6332b1);border-color:#832890;color:white}[data-appearance=rainbow] .btn:not(.primary){background:#fff8ff;border-color:#b681c5;color:#492353}[data-appearance=rainbow] .btn[aria-pressed=true],[data-appearance=rainbow] .btn.active{background:#5731a4;color:white}[data-appearance=rainbow] .navigation-strip{background:transparent}[data-appearance=rainbow] .reference-navigation{background:linear-gradient(90deg,#ebc9da,#ffd8ed,#e7d9ff,#d1f4ff,#d7ffe9);border-color:#bc83c5} [data-appearance=rainbow] .subject-choice:nth-child(6n+1){--subject-color:#d52b54!important}[data-appearance=rainbow] .subject-choice:nth-child(6n+2){--subject-color:#ce7900!important}[data-appearance=rainbow] .subject-choice:nth-child(6n+3){--subject-color:#168341!important}[data-appearance=rainbow] .subject-choice:nth-child(6n+4){--subject-color:#007cba!important}[data-appearance=rainbow] .subject-choice:nth-child(6n+5){--subject-color:#7e2be0!important}[data-appearance=rainbow] .subject-choice:nth-child(6n){--subject-color:#d22c9a!important}[data-appearance=rainbow] .subject-choice{background:color-mix(in srgb,var(--subject-color) 16%,white)!important}[data-appearance=rainbow] .subject-choice[aria-pressed=true]{background:color-mix(in srgb,var(--subject-color) 27%,white)!important;border-bottom:3px solid var(--subject-color)!important} [data-appearance=rainbow] .bl-reader,[data-appearance=rainbow] .br-prose{--paper:#fffdf9;--ink:#29261f;--muted:#675e59;color:#29261f}[data-appearance=rainbow] .br-prose{background:#fffdf9} #sidebar-edge{position:fixed;left:0;top:0;width:12px;height:100dvh;border:0;border-radius:0;z-index:85;padding:0;background:transparent;color:var(--wine)}#sidebar-edge span{position:absolute;top:46%;left:0;background:var(--paper2);border:1px solid var(--line);border-left:0;border-radius:0 7px 7px 0;padding:10px 3px}#sidebar-edge:hover{background:color-mix(in srgb,var(--wine) 12%,transparent)}#studySidebar.navigation-drawer{position:fixed;left:0;top:0;width:270px;max-width:85vw;height:100dvh;z-index:90;box-shadow:8px 0 32px #0003;overflow:auto}#studySidebar{padding-top:18px}.sidebar-pinned #studySidebar{position:sticky;top:0;height:100dvh}.sidebar-close{margin-bottom:8px}#sidebar-pin{border-color:var(--gold)}#sidebar-backdrop{position:fixed;inset:0;z-index:80;background:#0005;border:0;border-radius:0}.navigation-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;z-index:30}.page-guide{margin:0 0 18px;border-bottom:1px solid var(--line);padding:0 0 12px}.page-guide summary{font-size:14px;color:var(--wine);cursor:pointer}.page-guide p{max-width:85ch;line-height:1.8;font-size:15px}.meditation-entry{margin-bottom:16px} .meditation-room{max-width:720px;margin:30px auto;text-align:center}.med-intro{max-width:54ch;margin:0 auto 25px;line-height:1.8}#med-timer{font-size:clamp(60px,12vw,112px);font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:2px;padding:20px 0}.med-presets,.med-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0}.med-duration{max-width:130px;margin:0 auto 20px}.med-sounds{max-width:360px;margin:20px auto;text-align:left}.med-sounds label{margin-top:12px}.med-guidance{text-align:left;margin-top:28px}.med-guidance p{line-height:1.8}#med-mini{position:fixed;bottom:20px;right:20px;z-index:60;box-shadow:var(--shadow);background:var(--paper);max-width:calc(100vw - 40px)}.meditation-room .btn[aria-pressed=true]{background:var(--wine);color:white} .sc-search{max-width:1050px}.sc-search .row input{flex:1;min-width:200px}.sc-filters{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:18px 0}.sc-filters select{width:auto}.sc-filters .check-row{margin-bottom:0}.sc-search details{max-width:85ch}.sc-search details p{line-height:1.75}.sc-examples{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.sc-result{max-width:1050px}.sc-result-meta{color:var(--muted);font-size:12px}.sc-result h2{margin:9px 0}.sc-open{font-size:20px!important;text-align:left;padding:0;color:var(--wine)}.sc-result p{line-height:1.8;max-width:85ch}.sc-passage{white-space:pre-wrap;max-height:430px;overflow:auto;line-height:1.8;padding:16px 0}.sc-actions{display:flex;gap:12px;margin-top:20px}.sc-inquiry{max-width:1050px;margin-bottom:20px}.sc-inquiry li{margin:9px 0}.cl-module{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.cl-module summary{font-size:18px;cursor:pointer}.cl-row{padding:16px 0;border-bottom:1px solid var(--line)}.cl-row label{font-size:16px!important;line-height:1.6}.cl-row input{flex:1;min-width:180px}.cl-row small{color:var(--muted);margin-left:8px}.cl-code{display:inline-block;background:var(--paper2);padding:2px 6px;border-radius:4px;font-size:12px;margin-right:5px} @media(max-width:1000px){[data-appearance] .topbar{flex-direction:column;align-items:flex-start}} @media(max-width:760px){#studySidebar .nav{flex-direction:column;overflow:visible}#studySidebar .nav .section-label{display:block}#studySidebar .nav button{width:100%;white-space:normal}#studySidebar .sidebar-footer{display:block}[data-appearance] .main{padding:18px 18px 80px}.sidebar-pinned{grid-template-columns:1fr!important}[data-appearance] .card{padding:18px}.cl-row .row{flex-direction:column}.sc-filters{align-items:flex-start;gap:12px}.meditation-room{margin:12px auto}[data-appearance=rainbow] .topbar{padding:15px}} /* ---- workspace140.css ---- */ /* Refinements keep the chosen Classic or Rainbow appearance. */ .course-state140{padding:15px 0 20px;border-bottom:1px solid var(--line);margin-bottom:20px}.course-state140 p{margin:8px 0}.course-state140 .row{flex-wrap:wrap} .sidebar-pin140{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;font:12px var(--tjp-font,Georgia),serif;padding:6px 8px;cursor:pointer;border-radius:5px;margin-bottom:14px}.sidebar-pin140:hover{background:#ffffff18}#sidebar-pin[aria-pressed=true]{background:#ffffff22}#sidebarClose{float:right;width:28px;height:28px;font-size:23px;padding:0;margin:0;border:0;background:transparent}#studySidebar.navigation-drawer{transform:translateX(-102%);opacity:0;transition:transform .18s ease-out,opacity .18s ease-out;will-change:transform}#studySidebar.navigation-drawer.drawer-visible140{transform:translateX(0);opacity:1}#sidebar-edge{width:18px}#sidebar-edge span{font-size:16px;padding:18px 4px}.sidebar-pinned #studySidebar{transition:none} .nb-toolbar140{display:flex;gap:12px;margin:0 0 20px}.nb-toolbar140 input{flex:1}.nb-layout140{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:22px}.nb-browser140{padding:16px!important;align-self:start}.nb-folder140{display:block;width:100%;text-align:left;border:0;border-radius:5px;background:transparent;padding:9px 10px;font:14px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer;overflow-wrap:anywhere}.nb-folder140:hover,.nb-folder140.active{background:var(--paper2);color:var(--wine)}#nb-folders{margin-bottom:18px;max-height:280px;overflow:auto}.nb-item140{display:block;width:100%;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:14px 8px;cursor:pointer;color:var(--ink)}.nb-item140.active{border-left:3px solid var(--wine);background:var(--paper2)}.nb-item140 span{display:block;font:16px var(--tjp-font,Georgia),serif;overflow-wrap:anywhere}.nb-item140 small{display:block;color:var(--muted);font-size:12px;margin-top:5px;overflow-wrap:anywhere}#notebookList{max-height:65vh;overflow:auto}.nb-title140{font-size:28px!important;border:0!important;background:transparent!important;padding:16px 0!important;width:100%}.nb-editor140{min-width:0;min-height:650px}.nb-properties140{margin:8px 0 18px}.nb-format140{gap:7px;flex-wrap:wrap;margin:16px 0}.nb-format140 .btn{padding:6px 9px;font-size:12px}#noteBody{min-height:390px;resize:vertical;line-height:1.9;border:0;background:transparent;padding:8px 0;white-space:pre-wrap}#nb-preview{min-height:390px;overflow-wrap:anywhere;line-height:1.9}#nb-preview blockquote{border-left:3px solid var(--gold);padding-left:18px;margin:16px 0}#nb-preview p{white-space:pre-wrap;margin:8px 0}.nb-bullet140{padding-left:15px}#nb-outline .text-btn{display:block;margin:7px 0;text-align:left}#nb-status{font-size:13px;color:var(--muted);flex:1}#nb-empty{color:var(--muted);padding:40px 10px;line-height:1.8}.fw-layout140{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}.fw-layout140 nav{align-self:start;padding:14px!important}.fw-layout140 article{max-width:900px}.fw-layout140 li{margin:14px 0;line-height:1.8}.fw-layout140 p{line-height:1.9}.sc-compare140{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px}.sc-compare140 section{padding:12px;border:1px solid var(--line);border-radius:8px}.sc-compare140 p{line-height:1.8}.med-presets{gap:9px}.nr-directions small{display:block;line-height:1.6} @media(max-width:850px){.nb-layout140,.fw-layout140{grid-template-columns:1fr}.nb-browser140 #notebookList{max-height:250px}#nb-folders{display:flex;flex-wrap:wrap;gap:5px;max-height:160px}.nb-folder140{width:auto}#fw-list{display:flex;flex-wrap:wrap}.nb-editor140{min-height:480px}.nb-title140{font-size:24px!important}.nb-toolbar140{flex-wrap:wrap}} @media(prefers-reduced-motion:reduce){#studySidebar.navigation-drawer{transition:none}} /* ---- relationships141.css ---- */ /* Retain the student's Classic / Rainbow theme and existing typography. */ #natural-relationships [hidden]{display:none!important} .nr-tabs141{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.25rem} .nr-tabs141 [aria-pressed=true]{background:var(--ink,#49362e);color:var(--paper,#fffaf3)} .nr-article141{max-width:960px;margin-inline:auto;line-height:1.75} .nr-article141 h2{font-size:1.55rem;line-height:1.3;margin:1rem 0} .nr-article141 h3{font-size:1.12rem;margin:1.6rem 0 .5rem} .nr-article141 li{margin:.65rem 0} .nr-example141,.nr-exercise141{padding:1rem 1.25rem;border-left:3px solid var(--accent,var(--gold));background:var(--surface,var(--paper2));margin:1.25rem 0} .nr-example141 p{margin:.3rem 0} .nr-functions141{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;border-block:1px solid var(--border,var(--line));padding-bottom:1rem} .nr-pair-nav141{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.9rem} .nr-counts141{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0} .nr-counts141>div{display:flex;flex-direction:column;padding:.7rem;border:1px solid var(--border,var(--line));border-radius:.4rem} .nr-counts141>div.selected{border:2px solid var(--accent,var(--gold));background:var(--surface,var(--paper2))} .nr-counts141 small{font-size:.75rem}.nr-answers141{display:grid;gap:.65rem;margin:1.5rem 0}.nr-answers141 .btn{text-align:left;padding:.85rem 1rem} #nr-feedback{line-height:1.8}#nr-note{width:100%;box-sizing:border-box}#natural-relationships details>summary{cursor:pointer;padding:.5rem 0}#natural-relationships table{width:100%;border-collapse:collapse}#natural-relationships th,#natural-relationships td{padding:.65rem;text-align:left;border-bottom:1px solid var(--border,var(--line))}#natural-relationships caption{text-align:left;padding:.5rem 0 1rem;line-height:1.6}.nr-table{overflow:auto}.nr-select label{min-width:0}.nr-select select{max-width:100%} @media(max-width:650px){.nr-functions141{grid-template-columns:1fr;gap:0}.nr-counts141{grid-template-columns:repeat(3,1fr)}.nr-pair-nav141{flex-wrap:wrap}.nr-tabs141 .btn{flex:1;font-size:.85rem}.nr-article141 h2{font-size:1.3rem}} /* ---- book-studies142.css ---- */ /* Uses the established Classic and Rainbow design tokens. */ #book-studies{max-width:1280px;margin:0 auto}#book-studies [hidden]{display:none!important}#book-studies h2,#book-studies h3{font-weight:normal}#book-studies p{line-height:1.75}#book-studies h2{font-size:clamp(25px,3vw,34px);line-height:1.25;margin:8px 0 16px}#book-studies h3{font-size:21px;line-height:1.4;margin-top:28px}#book-studies .bs-intro{font-size:19px;max-width:760px;margin:0 0 24px}#book-studies input[type=search]{width:100%;padding:14px 16px;border:1px solid var(--line);background:var(--paper);border-radius:8px;font-size:16px}#book-studies button:focus-visible,#book-studies select:focus-visible{outline:2px solid var(--wine);outline-offset:3px}.bs-books{display:grid;gap:18px;margin:24px 0}.bs-book{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:30px!important}.bs-book-number{font-size:55px;font-weight:normal;color:var(--wine);border-right:1px solid var(--line);padding:5px 20px 0 0}.bs-book p{margin:8px 0}.bs-book .row{margin-top:22px}.bs-progress{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted);margin-top:18px}.bs-progress progress{width:170px;height:5px;accent-color:var(--wine)}.bs-top{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:24px}.bs-top .text-btn{margin-left:auto}.bs-book-heading{max-width:760px;margin:30px 0}.bs-contents{list-style:none;counter-reset:chapter;padding:0;margin-top:25px;border-top:1px solid var(--line)}.bs-contents li{counter-increment:chapter;border-bottom:1px solid var(--line)}.bs-contents button{background:transparent;border:0;display:flex;text-align:left;width:100%;gap:20px;padding:22px 8px;align-items:center;font-size:20px}.bs-contents button:before{content:counter(chapter,decimal-leading-zero);font-size:14px;color:var(--muted);min-width:25px}.bs-contents small{display:block;font-size:14px;line-height:1.55;color:var(--muted);margin-top:6px}.bs-row-meta{margin-left:auto;min-width:115px;text-align:right;font-size:13px}.bs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start}.bs-outline{border:1px solid var(--line);border-radius:8px;padding:16px;max-height:78vh;overflow:auto;position:sticky;top:20px;background:var(--paper)}.bs-outline summary{font-size:14px;line-height:1.6;cursor:pointer}.bs-outline nav{display:flex;flex-direction:column;margin-top:14px}.bs-outline button{background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;padding:12px 9px;font-size:15px;line-height:1.4}.bs-outline button small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.bs-outline button[aria-current=page]{background:var(--paper2);border-left:3px solid var(--wine)}.bs-lesson{padding:clamp(20px,4vw,48px)!important;min-width:0}.bs-lesson p,.bs-lesson li{font-size:17px}.bs-lesson>.muted{font-size:12px}.bs-lesson .bs-lead{font-size:21px;line-height:1.6;margin:26px 0}.bs-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);flex-wrap:wrap;margin:22px 0}.bs-tabs button{border:0;background:transparent;padding:13px 10px;font-size:15px;border-bottom:2px solid transparent}.bs-tabs button[aria-current=page]{border-bottom-color:var(--wine);color:var(--wine)}.bs-table-wrap{overflow-x:auto;margin:28px 0}.bs-table-wrap table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}.bs-table-wrap th,.bs-table-wrap td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-weight:normal}.bs-table-wrap th{background:var(--paper2)}.bs-table-wrap caption{text-align:left;font-size:16px;padding-bottom:12px}.bs-example{border-left:2px solid var(--gold);padding:2px 0 2px 24px;margin:35px 0}.bs-example .muted{font-size:12px}.bs-editorial{padding:16px;background:var(--paper2);border-radius:6px;margin:25px 0}.bs-editorial p{font-size:15px}.bs-lesson details summary,.bs-method summary{cursor:pointer;font-size:15px}.bs-method{padding:20px 0}.bs-method p{max-width:800px}.bs-links{display:flex;flex-direction:column;gap:8px;margin:15px 0}.bs-links button{text-align:left;white-space:normal}.bs-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.bs-statusbar{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin:20px 0;min-height:24px}.bs-source blockquote{margin:25px 0;padding:0 0 0 22px;border-left:2px solid var(--line);font-size:18px;line-height:1.9}.bs-source{margin-top:24px}#bs-section{width:100%;padding:12px;border:1px solid var(--line);background:var(--paper);font-size:15px;margin-top:8px;white-space:normal}.bs-questions{padding-left:23px}.bs-questions li{padding-left:5px;margin:16px 0;line-height:1.65}.bs-check{margin-top:35px;padding-top:12px;border-top:1px solid var(--line)}.bs-answers{display:grid;gap:10px}.bs-answers button{text-align:left;line-height:1.6;padding:14px 18px;background:var(--paper);border:1px solid var(--line);border-radius:6px;font-size:16px}.bs-answers button[aria-pressed=true]{border-color:var(--wine);background:var(--paper2)}.bs-answers button:disabled{opacity:1;cursor:default}.bs-tool{padding:clamp(20px,4vw,45px)!important;max-width:1000px}.bs-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.bs-controls label{display:flex;flex-direction:column;gap:10px;font-size:15px}.bs-controls input,.bs-controls select{padding:12px;width:100%;border:1px solid var(--line);background:var(--paper);font-size:16px;border-radius:6px}.bs-timing{display:grid;grid-template-columns:1fr 1fr;gap:25px}.bs-timing section{background:var(--paper2);padding:22px;border-radius:8px}.bs-timing h3{margin-top:0!important}.bs-timing li{line-height:1.6;margin:10px 0}.bs-current-range td{background:var(--paper2);color:var(--wine)}.bs-search-list{display:flex;flex-direction:column;max-height:470px;overflow:auto;border:1px solid var(--line);border-radius:6px}.bs-search-list button{display:block;text-align:left;border:0;border-bottom:1px solid var(--line);background:var(--paper);padding:16px;font-size:17px}.bs-search-list small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}#bs-reader-return{margin-bottom:15px}#book-studies .btn{font-size:14px;min-height:38px;white-space:normal}#book-studies button:hover:not(:disabled){filter:brightness(.97)} @media(max-width:1050px){.bs-layout{grid-template-columns:1fr}.bs-outline{position:static;max-height:340px}.bs-outline nav{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:650px){.bs-book{grid-template-columns:35px 1fr;gap:16px;padding:20px!important}.bs-book-number{font-size:30px;padding-right:10px}.bs-row-meta{min-width:66px;font-size:11px}.bs-contents button{gap:10px;font-size:18px}.bs-contents small{font-size:13px}.bs-controls,.bs-timing{grid-template-columns:1fr}.bs-outline nav{grid-template-columns:1fr}.bs-lesson p,.bs-lesson li{font-size:16px}.bs-footer button{flex:1 1 110px}.bs-top{gap:10px}.bs-source blockquote{font-size:17px;padding-left:15px}.bs-example{padding-left:16px}} @media(prefers-reduced-motion:reduce){#book-studies *{scroll-behavior:auto!important}} /* ===== Build 2.02: reading view, study desk, maps and timeline ===== */ #book-studies{--bsx-accent:var(--wine);--bsx-on:var(--paper);--bsx-soft:var(--paper2);overflow-wrap:break-word} #book-studies .bsx-kicker{font:600 11px/1.4 system-ui,-apple-system,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px} #book-studies .bsx-lab{display:block;font:600 10.5px system-ui,-apple-system,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:6px 0 2px} #book-studies kbd,.bsx-modal kbd{font:600 11px system-ui,sans-serif;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 5px;background:var(--paper);color:var(--muted)} #book-studies .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center} /* hero */ .bsx-hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;padding:clamp(20px,3.5vw,36px)!important;margin:0 0 18px;align-items:center;border-left:4px solid var(--wine)!important} #book-studies .bsx-hero h2{margin:2px 0 6px;font-size:clamp(26px,3.2vw,36px)} .bsx-hero-book{color:var(--muted);font-size:14px;margin:0 0 10px!important} #book-studies .bsx-hero-lead{font-size:18px;max-width:620px;margin:0 0 18px} .bsx-stats{display:grid;gap:10px;margin:0} .bsx-stats div{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding:6px 0} .bsx-stats dt{font-size:13px;color:var(--muted)}.bsx-stats dd{margin:0;font-size:26px;color:var(--wine)}.bsx-stats small{font-size:13px;color:var(--muted)} /* search */ .bsx-search{position:relative;margin:0 0 6px} .bsx-search svg{position:absolute;left:15px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;pointer-events:none} #book-studies .bsx-search input{padding-left:44px;padding-right:44px;background:var(--paper);color:var(--ink)} .bsx-search kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%)} .bsx-results button{display:grid!important;gap:4px} .bsx-rk{font:600 10.5px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--wine)} .bsx-snip{display:block;font-size:14px;line-height:1.55;color:var(--muted)} .bsx-snip mark{background:color-mix(in srgb,var(--gold) 35%,transparent);color:var(--ink);border-radius:2px;padding:0 1px} /* tools */ .bsx-toolbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 4px} .bsx-tool{display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:14px;cursor:pointer;font:inherit;transition:border-color .15s,transform .15s} .bsx-tool:hover{border-color:var(--gold);transform:translateY(-1px)} .bsx-tool svg{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:var(--wine);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:1px} .bsx-tool b{display:block;font-size:15px;font-weight:normal}.bsx-tool small{display:block;font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:2px} /* book cards */ .bsx-books{margin-top:18px!important} .bsx-book{display:grid;grid-template-columns:120px minmax(0,1fr);gap:clamp(18px,3vw,34px);padding:clamp(18px,3vw,30px)!important} .bsx-cover{border-radius:4px 10px 10px 4px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;padding:16px 12px;color:var(--accent-ink);background:linear-gradient(160deg,var(--wine),var(--wine));box-shadow:inset 6px 0 0 rgba(0,0,0,.18),0 6px 18px rgba(40,25,15,.18);align-self:start} .bsx-cover-stages{background:linear-gradient(160deg,#5d6a58,#343f33)} .bsx-cover span{font-size:40px;line-height:1}.bsx-cover small{font:600 9.5px system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.85} #book-studies .bsx-book h2{margin:0 0 4px} #book-studies .bsx-sub{font-size:18px;margin:0 0 6px} .bsx-meter{height:5px;border-radius:3px;background:var(--line);overflow:hidden;margin:16px 0 6px;max-width:420px} .bsx-meter span{display:block;height:100%;background:var(--wine);border-radius:3px} #book-studies .bsx-meta{font-size:13px;color:var(--muted);margin:0 0 12px} .bsx-path{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:5px} .bsx-path li{position:relative} .bsx-path button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper);color:var(--muted);font:600 12px system-ui,sans-serif;cursor:pointer;padding:0} .bsx-path i{font-style:normal} .bsx-path li.done button{background:var(--wine);border-color:var(--wine);color:var(--paper)} .bsx-path li.cur button{border-color:var(--wine);border-width:2px;color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 30%,transparent)} .bsx-path li.star button::after{content:'★';position:absolute;top:-7px;right:-4px;font-size:11px;color:var(--gold)} .bsx-path [role=tooltip]{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--ink);color:var(--paper);font-size:12px;padding:4px 8px;border-radius:6px;display:none;pointer-events:none;z-index:5} .bsx-path button:hover [role=tooltip],.bsx-path button:focus-visible [role=tooltip]{display:block} /* overview */ .bsx-ov-head{max-width:820px;margin:8px 0 24px} .bsx-mapcard{padding:clamp(16px,3vw,28px)!important;margin:0 0 26px} #book-studies .bsx-mapcard h3{margin:0 0 6px} #book-studies .bsx-h{margin:30px 0 4px} .bsx-contents .bsx-cnum{font-size:14px;color:var(--muted);min-width:26px} .bsx-contents button:before{content:none!important} .bsx-contents li.done .bsx-cnum{color:var(--wine);font-weight:600} .bsx-contents button:hover{background:var(--paper2)} /* maps */ .bsx-mapwrap{width:100%}.bsx-mapwrap svg{display:block;width:100%;height:auto;max-width:900px;margin:0 auto} .bsx-ring{fill:none;stroke:var(--line);stroke-width:1.2} .bsx-spoke{stroke:var(--line);stroke-width:.8;stroke-dasharray:2 4} .bsx-chord{fill:none;stroke:var(--gold);stroke-width:1.4;opacity:.55;transition:opacity .2s,stroke-width .2s} svg.focus .bsx-chord{opacity:.1}svg.focus .bsx-chord.hot{opacity:1;stroke:var(--wine);stroke-width:2.4} .bsx-node{cursor:pointer;outline:none} .bsx-node circle{fill:var(--paper);stroke:var(--muted);stroke-width:1.4;transition:stroke-width .15s} .bsx-node.next circle{stroke:var(--wine);stroke-width:2.6} .bsx-node.done circle{fill:var(--wine);stroke:var(--wine)} .bsx-node.done .bsx-num{fill:var(--paper)} .bsx-node:hover circle,.bsx-node:focus-visible circle{stroke:var(--wine);stroke-width:3} .bsx-node:focus-visible .bsx-lab2{text-decoration:underline} .bsx-num{font:600 12px system-ui,sans-serif;fill:var(--ink)} .bsx-lab2{font:14px var(--tjp-font,Georgia),serif;fill:var(--ink)} .bsx-node:hover .bsx-lab2{fill:var(--wine)} .bsx-ct{font:16px var(--tjp-font,Georgia),serif;fill:var(--ink)}.bsx-node.center.done .bsx-ct,.bsx-node.center.done .bsx-cs{fill:var(--paper)} .bsx-cs{font:11px system-ui,sans-serif;fill:var(--muted)} .bsx-th{font:600 10.5px system-ui,sans-serif;letter-spacing:.12em;fill:var(--muted)} .bsx-info{min-height:92px;border-top:1px solid var(--line);margin-top:10px;padding-top:12px} #book-studies .bsx-info h4{margin:0 0 4px;font-size:19px;font-weight:normal}#book-studies .bsx-info p{margin:4px 0} /* timeline */ .bsx-tl{width:100%;overflow:hidden}.bsx-tlsvg{display:block;max-width:100%;height:auto;margin:0 auto;touch-action:pan-y} .bsx-tlsvg.tool{cursor:ns-resize;touch-action:none} .bsx-tlgrid line{stroke:var(--line);stroke-width:.7}.bsx-tlgrid text{font:11px system-ui,sans-serif;fill:var(--muted)} .bsx-lanet{font:600 10px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;fill:var(--muted)} .bsx-tlband rect{fill-opacity:.24;stroke-opacity:.0} .bsx-tlband rect,.bsx-tlmat rect{stroke:currentColor} .bsx-tlname{font:13px var(--tjp-font,Georgia),serif;fill:var(--ink)} .bsx-tlsub{font:11px system-ui,sans-serif;fill:var(--muted)} .bsx-tlmat path{stroke:var(--muted);stroke-width:.7;fill:none;opacity:.7} .bsx-tlphase rect{fill:var(--paper2);stroke:var(--line)} .bsx-tlpulse circle{fill:var(--wine)} .bsx-tlsvg:not(.tool) [data-open]{cursor:pointer;outline:none} .bsx-tlsvg:not(.tool) [data-open]:hover rect,.bsx-tlsvg [data-open]:focus-visible rect{stroke:var(--wine);stroke-opacity:1;stroke-width:1.6} .bsx-tlsvg [data-open]:focus-visible .bsx-tlname{text-decoration:underline} .bsx-tlband.on rect{fill-opacity:.55}.bsx-tlphase.on rect{stroke:var(--wine);stroke-width:1.6}.bsx-tlmat.on .bsx-tlname{font-weight:bold;fill:var(--wine)} .bsx-cursor line{stroke:var(--wine);stroke-width:1.6}.bsx-cursor rect{fill:var(--wine)}.bsx-cursor text{font:600 11px system-ui,sans-serif;fill:var(--paper)} #book-studies .bsx-tlnote{font-size:13px;margin-top:8px} .bsx-tl-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start} .bsx-tl-grid .bs-timing{grid-template-columns:1fr!important;gap:12px} .bsx-tl-grid .bs-timing section{padding:16px} /* reading view */ .bsx-top{position:relative} .bsx-read{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-areas:"side main";gap:28px;align-items:start} .bsx-article{grid-area:main;max-width:820px;width:100%;position:relative} .bsx-side{grid-area:side;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;display:grid;gap:14px;padding:2px 4px 12px 0;scrollbar-width:thin} .bsx-progress{position:sticky;top:0;height:3px;margin:-8px 0 14px;background:var(--line);border-radius:3px;overflow:hidden;z-index:3} .bsx-progress i{display:block;height:100%;width:0;background:var(--wine)} #book-studies .bsx-head h2{font-size:clamp(28px,3.6vw,40px);margin:4px 0 10px} #book-studies .bsx-head .bs-lead{font-size:clamp(18px,2vw,21px);margin:0 0 14px;color:var(--ink)} .bsx-facts{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0} .bsx-facts li{font:12.5px system-ui,sans-serif;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px} .bsx-facts li.ok{color:var(--wine);border-color:var(--wine)} #bs-content{max-width:68ch} .bsx-sec{padding:6px 0 10px;scroll-margin-top:20px;border-top:1px solid var(--line);margin-top:28px} .bsx-sec:first-child{border-top:0;margin-top:0} #book-studies .bsx-sec>h3{display:flex;align-items:center;gap:12px;margin:22px 0 12px;font-size:23px} #book-studies .bsx-sec h4{font-size:19px;font-weight:normal;margin:26px 0 6px} .bsx-n{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 12.5px system-ui,sans-serif;color:var(--wine);border:1.5px solid var(--wine)} .bsx-flash{animation:bsxflash 1.6s ease} @keyframes bsxflash{0%,40%{background:color-mix(in srgb,var(--gold) 22%,transparent)}100%{background:transparent}} .bsx-chips{list-style:none;padding:0;margin:10px 0 16px;display:flex;flex-wrap:wrap;gap:8px} .bsx-chips li{border:1px solid var(--line);background:var(--paper2);border-radius:999px;padding:5px 13px;font-size:15px!important;margin:0!important} .bsx-passage{margin:22px 0 26px;padding:0} .bsx-passage blockquote{margin:0;padding:2px 0 2px 22px;border-left:3px solid var(--gold);font-size:18.5px;line-height:1.8;font-style:italic;color:var(--ink)} .bsx-passage figcaption{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;justify-content:space-between;margin:8px 0 0 25px;font:12.5px system-ui,sans-serif;color:var(--muted)} .bsx-passage figcaption .text-btn{font-size:12.5px;padding:0} .bsx-termbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.bsx-termbar p{margin:0} .bsx-terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:16px 0} .bsx-terms>div{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--paper)} .bsx-terms dt{font-size:18px;color:var(--wine);margin-bottom:6px} .bsx-terms dd{margin:0;font-size:15.5px;line-height:1.6} .bsx-terms.covered>div{cursor:pointer} .bsx-terms.covered>div:not(.shown) dd{filter:blur(6px);user-select:none} .bsx-terms.covered>div:not(.shown)::after{content:'Select to reveal';display:block;font:11.5px system-ui,sans-serif;color:var(--muted);margin-top:6px} .bsx-terms>div:focus-visible{outline:2px solid var(--wine);outline-offset:2px} .bsx-reflect{padding-left:22px} .bsx-reflect li{margin:18px 0} .bsx-reflect label{display:block;font-size:17px;line-height:1.6;margin-bottom:8px} .bsx-reflect textarea,#bs9-notes{width:100%;font:inherit;font-size:15.5px;line-height:1.6;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:10px 12px;resize:vertical} .bsx-reflect textarea:focus,#bs9-notes:focus{outline:2px solid color-mix(in srgb,var(--wine) 45%,transparent);border-color:var(--wine)} .bsx-saved{font-size:13px} .bsx-q{margin:18px 0 24px}.bsx-q>p{font-size:17px;margin:0 0 10px} #book-studies .bs-answers button,.bsx-modal .bs-answers button{display:flex;gap:12px;align-items:flex-start;text-align:left;line-height:1.55;padding:12px 16px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;font-size:16px;width:100%;cursor:pointer} .bs-answers button:hover:not(:disabled){border-color:var(--gold)} .bsx-key{flex:0 0 22px;height:22px;border-radius:6px;display:grid;place-items:center;font:600 11.5px system-ui,sans-serif;border:1px solid var(--line);color:var(--muted);margin-top:1px} .bs-answers button.ok{border-color:var(--good)!important;background:color-mix(in srgb,var(--good) 12%,var(--paper))!important} .bs-answers button.ok .bsx-key{background:var(--good);color:#fff;border-color:var(--good)} .bs-answers button.no{border-color:var(--wine)!important;background:color-mix(in srgb,var(--wine) 10%,var(--paper))!important} .bs-answers button.no .bsx-key{background:var(--wine);color:var(--accent-ink);border-color:var(--wine)} .bs-answers button:disabled{opacity:1;cursor:default;color:var(--ink)} .bsx-why{margin:12px 0 0;padding:10px 14px;border-radius:8px;background:var(--paper2);font-size:15.5px!important;outline:none} .bsx-score{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}.bsx-score span{font-size:15px} .bsx-link{display:block;text-align:left;width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:10px 14px;font:inherit;font-size:16px;cursor:pointer} .bsx-link small{display:block;font:600 10.5px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px} .bsx-link:hover{border-color:var(--gold)} .bsx-footer{display:grid!important;gap:20px} .bsx-mark{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.bsx-mark .muted{font-size:13px} .bsx-mark.on .btn{color:var(--wine);border-color:var(--wine)} .bsx-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px} .bsx-pn button{text-align:left;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:12px 16px;font:inherit;font-size:16px;line-height:1.4;cursor:pointer} .bsx-pn .bsx-nx{text-align:right} .bsx-pn small{display:block;font:12px system-ui,sans-serif;color:var(--muted);margin-bottom:3px} .bsx-pn button:hover{border-color:var(--gold)} .bsx-pn .bsx-nx.hot{border-color:var(--wine);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 25%,transparent)} /* side rail */ .bsx-lessons{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:10px 12px} .bsx-lessons summary{cursor:pointer;display:grid;gap:2px;font-size:14px;list-style-position:outside} .bsx-lessons summary span{font-size:12px;color:var(--muted)} .bsx-rail{list-style:none;margin:10px 0 0;padding:0;position:relative} .bsx-rail::before{content:'';position:absolute;left:11px;top:12px;bottom:12px;width:1.5px;background:var(--line)} .bsx-rail button{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:5px 4px 5px 0;font:inherit;font-size:13.5px;line-height:1.35;cursor:pointer;border-radius:6px;position:relative} .bsx-rail i{flex:0 0 23px;height:23px;border-radius:50%;display:grid;place-items:center;font:600 10.5px system-ui,sans-serif;font-style:normal;border:1.5px solid var(--line);background:var(--paper);color:var(--muted)} .bsx-rail li.done i{background:var(--wine);border-color:var(--wine);color:var(--paper)} .bsx-rail li.here i{border-color:var(--wine);color:var(--wine);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 28%,transparent)} .bsx-rail li.here span{color:var(--wine)} .bsx-rail button:hover span{text-decoration:underline} .bsx-rail span{padding-top:3px} .bsx-steps ol{list-style:none;margin:4px 0 0;padding:0;border-left:1.5px solid var(--line)} .bsx-steps a{display:block;padding:4px 10px;margin-left:-1.5px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:13.5px} .bsx-steps a:hover{color:var(--ink)} .bsx-steps a.on{color:var(--wine);border-left-color:var(--wine)} .bsx-ltools{display:grid;gap:8px} .bsx-row{display:flex;gap:6px;flex-wrap:wrap}.bsx-row .btn{font-size:13px!important;padding:6px 10px;min-height:34px!important} #bs9-notes{min-height:110px;font-size:14px} .bsx-keys{font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.8!important} /* modals */ .bsx-modal h2{margin-top:0;font-weight:normal} .bsx-modal .bsx-kicker{font:600 11px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px} .bsx-gl-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .bsx-gl-bar input{flex:1 1 240px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font:inherit;background:var(--paper);color:var(--ink)} .bsx-seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden} .bsx-seg button{border:0;background:transparent;color:var(--muted);padding:8px 12px;font:inherit;font-size:13.5px;cursor:pointer} .bsx-seg button[aria-pressed=true]{background:var(--wine);color:var(--paper)} .bsx-gl{max-height:60vh;overflow:auto;margin-top:6px} .bsx-gl-l{font:600 12px system-ui,sans-serif;letter-spacing:.12em;color:var(--wine);margin:16px 0 4px;position:sticky;top:0;background:var(--paper);padding:4px 0} .bsx-gl dl{margin:0}.bsx-gl dl>div{padding:10px 0;border-bottom:1px solid var(--line)} .bsx-gl dt{font-size:17px}.bsx-gl dd{margin:3px 0 0;line-height:1.55} .bsx-gl dd .text-btn{display:block;padding:4px 0 0;text-align:left;font-size:12.5px} .bsx-cardwrap,.bsx-pr{display:grid;gap:14px;max-width:640px;margin:0 auto} .bsx-cbar{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font:13px system-ui,sans-serif;color:var(--muted)} .bsx-cmeter{height:4px;background:var(--line);border-radius:2px;overflow:hidden}.bsx-cmeter i{display:block;height:100%;background:var(--wine)} .bsx-card{display:grid;gap:12px;align-content:center;justify-items:center;text-align:center;min-height:250px;border:1px solid var(--line);border-radius:18px;padding:28px 24px;background:linear-gradient(170deg,var(--paper),var(--paper2));color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 10px 26px rgba(40,25,15,.08);transition:transform .2s} .bsx-card:hover{transform:translateY(-2px)} .bsx-card small{font:12px system-ui,sans-serif;color:var(--muted)} .bsx-term{font-size:clamp(26px,5vw,34px);line-height:1.2} .bsx-ans{font-size:18px;line-height:1.6;max-width:46ch;border-top:1px solid var(--line);padding-top:12px} .bsx-hint{font:12.5px system-ui,sans-serif;color:var(--muted)} .bsx-card.on{border-color:var(--gold)} .bsx-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .bsx-grades .btn{display:grid;gap:2px;text-align:center;padding:10px 8px;color:var(--ink)} .bsx-grades .btn b{font-weight:normal;font-size:15px}.bsx-grades .btn small{font:11.5px system-ui,sans-serif;color:var(--muted)} .bsx-grades [data-g=good]{border-color:var(--wine)} .bsx-pq{font-size:19px;line-height:1.55;margin:4px 0} .bsx-pr .bs-answers{display:grid;gap:8px} .bsx-done{text-align:center;padding:24px 10px}.bsx-done .row{justify-content:center}.bsx-done .bs-links{text-align:left;display:grid;gap:8px;margin:12px 0} .bsx-threads{overflow:auto;max-height:68vh}.bsx-threads svg{width:100%;height:auto} .bsx-lines path{fill:none;stroke:var(--gold);stroke-width:1.3;opacity:.5;transition:opacity .2s} .bsx-threads svg.focus path{opacity:.08}.bsx-threads svg.focus path.hot{opacity:1;stroke:var(--wine);stroke-width:2.3} .bsx-tn{cursor:pointer;outline:none}.bsx-tn circle{fill:var(--wine)}.bsx-tn.lone circle{fill:var(--line)} .bsx-tn text{font:13.5px var(--tjp-font,Georgia),serif;fill:var(--ink)}.bsx-tn:hover text,.bsx-tn:focus-visible text{fill:var(--wine);text-decoration:underline} .bsx-thlist{display:grid;gap:14px}.bsx-thlist section{display:grid;gap:6px}.bsx-thlist section>div{display:grid;gap:6px;padding-left:18px;border-left:2px solid var(--gold)} .bsx-link.two{font-size:15px} .bsx-notes{display:grid;gap:12px}.bsx-notes article{border:1px solid var(--line);border-radius:12px;padding:14px 16px}.bsx-notes h3{margin:0 0 6px;font-weight:normal} /* responsive */ @media (max-width:1100px){.bsx-read{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "side"}.bsx-side{position:static;max-height:none;overflow:visible;padding:0}.bsx-article{max-width:none}.bsx-steps{display:none}.bsx-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:860px){.bsx-hero{grid-template-columns:1fr}.bsx-tl-grid{grid-template-columns:1fr}} @media (max-width:650px){.bsx-book{grid-template-columns:1fr}.bsx-cover{min-height:0;flex-direction:row;align-items:center;padding:10px 14px}.bsx-cover span{font-size:26px}.bsx-toolbar{grid-template-columns:1fr 1fr}.bsx-toolbar .bsx-tool:last-child{grid-column:1/-1}.bsx-pn{grid-template-columns:1fr}.bsx-pn .bsx-nx{text-align:left;order:-1}.bsx-passage blockquote{font-size:17px;padding-left:16px}.bsx-passage figcaption{margin-left:19px}#book-studies .bsx-sec>h3{font-size:21px}.bsx-grades .btn small kbd{display:none}.bsx-search kbd{display:none}.bsx-hero{border-left-width:3px!important}.bsx-stats{grid-template-columns:repeat(3,1fr);gap:8px}.bsx-stats div{display:grid;border:0;padding:0}.bsx-stats dd{font-size:22px}.bsx-stats dt{font-size:11.5px}} @media (prefers-reduced-motion:reduce){.bsx-card,.bsx-tool,.bsx-chord{transition:none}.bsx-flash{animation:none}} html[data-appearance=dark] .bsx-cover{color:var(--ink)} html[data-appearance=dark] .bsx-tlband rect{fill-opacity:.32} html[data-appearance=dark] .bsx-tlband.on rect{fill-opacity:.62} html[data-appearance=dark] .bsx-card{box-shadow:none} html[data-appearance=dark] .bs-answers button.ok{background:color-mix(in srgb,#5fa86b 18%,var(--paper))!important;border-color:#5fa86b!important} html[data-appearance=dark] .bs-answers button.no{background:color-mix(in srgb,#d0645b 16%,var(--paper))!important;border-color:#d0645b!important} .bsx-rail li.here.done i{color:var(--paper)} .bsx-lessons[open] .bsx-rail{max-height:46vh;overflow:auto} .bsx-footer{max-width:68ch} .bsx-pn{width:100%} .bsx-spoke{opacity:.6} .bsx-tlsvg g{outline:none} /* ---- events143.css ---- */ .events-workspace{--ev-border:var(--line,#ded6c8);--ev-wash:var(--paper2,#f4f0e7);max-width:1200px;margin-inline:auto}.ev-toolbar,.ev-tools,.ev-tabs,.ev-calendar-head{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.ev-toolbar{justify-content:space-between;margin-bottom:1rem}.ev-tabs{gap:.25rem}.ev-tabs [aria-pressed=true]{background:var(--ink,var(--ink));color:var(--paper,var(--paper))}.ev-filters{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin:1.1rem 0}.events-workspace label{display:grid;gap:.4rem;margin:.7rem 0}.events-workspace input,.events-workspace select,.events-workspace textarea{max-width:100%;width:100%;box-sizing:border-box;padding:.65rem .75rem;font:inherit;border:1px solid var(--ev-border);border-radius:7px;background:var(--paper,var(--paper));color:inherit}.events-workspace input[type=checkbox]{width:1rem;accent-color:var(--accent,var(--gold))}.events-workspace .ev-check{display:flex;align-items:center;gap:.65rem}.ev-list{border-top:1px solid var(--ev-border)}.ev-session{display:flex;align-items:center;gap:1.2rem;width:100%;padding:1.2rem .5rem;border:0;border-bottom:1px solid var(--ev-border);text-align:left;background:transparent;color:inherit;font:inherit;cursor:pointer}.ev-session:hover,.ev-admin-open:hover,.ev-update:hover{background:var(--ev-wash)}.ev-date{width:3.3rem;flex:none;text-align:center;font-size:.85rem}.ev-date strong{display:block;font-size:1.7rem;font-weight:400;line-height:1.2}.ev-session-copy{flex:1}.ev-session-copy strong,.ev-session-copy small,.ev-file small,.ev-admin-open small,.ev-attendee small{display:block}.ev-session-copy strong{font-size:1.15rem;font-weight:500}.ev-session small,.ev-file small,.ev-attendee small{opacity:.75;margin-top:.3rem}.ev-state{font-size:.88rem;text-align:right}.ev-empty{padding:2.5rem 1.5rem;border:1px dashed var(--ev-border);border-radius:9px;max-width:800px;margin:1.5rem auto}.ev-detail{margin-top:1.5rem!important;padding:clamp(1rem,3vw,2rem)!important}.ev-detail h2{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:400;line-height:1.3}.ev-detail section{margin-top:1.7rem}.ev-prose{white-space:pre-wrap;line-height:1.7;max-width:80ch}.ev-rsvp,.ev-notice{padding:1rem 1.2rem;background:var(--ev-wash);border-radius:8px}.ev-file,.ev-attendee{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--ev-border)}.ev-file>span,.ev-attendee>span{flex:1;min-width:0;overflow-wrap:anywhere}.ev-player{width:100%;min-height:280px;aspect-ratio:16/9;border:0;background:var(--ink);border-radius:6px;margin-top:1rem}.ev-player:is(audio){min-height:65px;aspect-ratio:auto}.ev-calendar-head{justify-content:space-between;margin:1rem 0}.ev-calendar-head h3{margin:0}.ev-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--ev-border);border-radius:8px;overflow:hidden}.ev-weekday{text-align:center;padding:.75rem .2rem;background:var(--ev-wash);font-size:.85rem}.ev-day{min-height:105px;padding:.5rem;border-top:1px solid var(--ev-border);border-right:1px solid var(--ev-border)}.ev-day:nth-child(7n){border-right:0}.ev-day>span{font-size:.85rem}.ev-day button{display:block;width:100%;text-align:left;font:inherit;font-size:.8rem;line-height:1.35;overflow-wrap:anywhere;border:0;border-left:2px solid var(--accent,var(--gold));background:var(--ev-wash);color:inherit;padding:.35rem;margin-top:.35rem;cursor:pointer}.ev-outside{opacity:.5}.ev-today>span{border-bottom:2px solid var(--accent,var(--gold));font-weight:700}.ev-update{display:grid;gap:.4rem;width:100%;text-align:left;background:transparent;color:inherit;font:inherit;border:0;border-bottom:1px solid var(--ev-border);padding:1rem;cursor:pointer}.ev-unread{border-left:3px solid var(--accent,var(--gold))}.ev-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.ev-admin-open{flex:1;border:0;background:none;color:inherit;text-align:left;font:inherit;padding:.4rem;cursor:pointer}.events-workspace details{margin:1rem 0}.events-workspace summary{cursor:pointer;padding:.4rem 0}.ev-connection-list p{display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--ev-border)}.events-workspace [role=status]:empty{display:none}.events-workspace [role=status]{line-height:1.5}.events-workspace button:disabled{cursor:wait;opacity:.55}.events-workspace button:focus-visible,.events-workspace a:focus-visible{outline:2px solid var(--accent,var(--gold));outline-offset:3px}.events-workspace [hidden]{display:none!important}#ev-occurrences{max-height:240px;overflow:auto}.events-workspace .muted{font-size:.9rem;opacity:.8;line-height:1.55}@media(max-width:650px){.ev-filters{grid-template-columns:1fr}.ev-day{min-height:90px;padding:.2rem}.ev-day button{font-size:.69rem;padding:.2rem}.ev-session{gap:.6rem}.ev-state{max-width:80px}.ev-calendar-head{gap:.4rem}.ev-file{flex-wrap:wrap}.ev-connection-list p{grid-template-columns:1fr;gap:.4rem}.ev-toolbar .btn{padding:.45rem .65rem}.ev-player{min-height:180px}.ev-form-grid{grid-template-columns:1fr}} /* V1.45: compact guidance and clear review steps */ .ev-summary145{padding:.7rem 0;color:var(--muted);font-size:.95rem}.ev-review145{margin-top:1rem;padding:1.2rem;border:1px solid var(--ev-border);border-radius:8px;background:var(--ev-wash)}.ev-review145 ol{max-height:220px;overflow:auto}.ev-meeting145{border-bottom:1px solid var(--ev-border);padding-bottom:1rem}.ev-detail details .text-btn{display:block;text-align:left;margin:.6rem 0}.ev-tabs{row-gap:.5rem}.ev-tabs .btn{white-space:nowrap}.ev-zoom .row{gap:.5rem}#ev-discard145{padding:1rem}#ev-editor .ev-tabs{margin-bottom:1rem}#ev-admin-filter{max-width:240px}#ev-review145 .btn{margin:.3rem .4rem .3rem 0} @media(max-width:650px){.ev-calendar{overflow-x:auto;grid-template-columns:repeat(7,minmax(90px,1fr))}.ev-calendar-head h3{order:-1;width:100%}} /* ---- refinements144.css ---- */ #pageSub{display:block;max-width:82ch;font-size:14px;line-height:1.55;margin-top:.5rem;color:var(--muted)}#pageSub[hidden]{display:none}.page-guide{display:none} .sidebar-controls144{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px;flex:none}.sidebar-controls144 #sidebar-pin{width:auto;flex:1;margin:0;padding:5px 7px;text-align:left;font-size:12px}.sidebar-controls144 #sidebarClose{position:static!important;float:none!important;display:inline-flex;align-items:center;justify-content:center;flex:none;width:25px!important;height:25px!important;min-width:25px;font-size:18px!important;line-height:1;margin:0!important;padding:0!important;color:inherit;border-radius:5px}.sidebar-controls144 #sidebarClose:hover{background:#ffffff22} .nb-row144{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line)}.nb-row144>.nb-item140{flex:1;min-width:0;border:0}.nb-row144>input{width:16px!important;flex:none}.nb-row144>.text-btn{flex:none;padding:8px 4px;font-size:11px}.nb-row144 .nb-item140 small{overflow-wrap:anywhere}#nb-undo144{padding:9px 12px;border:1px solid var(--line);border-radius:7px;margin-top:12px}#nb-count144{margin-left:auto;color:var(--muted)} .bs-table-index144{display:grid;gap:5px;margin:10px 0}.bs-table-index144 button{text-align:left;padding:7px 3px;border-bottom:1px solid var(--line);font-size:14px}.bs-table-index144 button span{white-space:nowrap;color:var(--muted)}.bs-chapter-map144{margin:18px 0}.bs-chapter-map144 li{margin:7px 0}.bs-chapter-map144 button{text-align:left;font-size:14px}.bs-reference144{margin:24px 0}.bs-reference144 table{min-width:500px}.bs-reference144 th,.bs-reference144 td{vertical-align:top;line-height:1.6}.bs-reference144 th{font-weight:500}.source-toolbar144{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 0}.source-toolbar144 label{display:flex;align-items:center;gap:5px;margin:0}.source-toolbar144 input{width:68px;padding:6px}.source-toolbar144>span{font-size:12px;color:var(--muted)}.source-toolbar144 button{font-size:12px;padding:7px 9px}#source-status144{font-size:12px;color:var(--muted)}.source-scroll144{max-height:78vh;overflow:auto;border:1px solid var(--line);background:var(--paper2);overscroll-behavior:contain}#source-surface144{position:relative;margin:auto;background:white}#source-surface144 canvas{display:block}#bs-source-reader144:fullscreen{background:var(--paper);padding:16px;overflow:auto}#bs-source-reader144:fullscreen .source-scroll144{max-height:85vh}@media(max-width:700px){#pageSub{font-size:13px}.source-toolbar144>span{width:100%;order:2}.bs-reference144 table{font-size:13px}.nb-row144 .text-btn{font-size:12px}} /* ---- release146.css ---- */ .release-tag146{font-size:.8rem;opacity:.7;white-space:nowrap}.module146{border:1px solid var(--line,var(--line));border-radius:8px;margin:.75rem 0;overflow:hidden}.module146 summary{cursor:pointer;padding:1rem;background:var(--paper2,var(--paper2));line-height:1.45}.module146 summary span{font-size:1.05rem}.module146 summary small{display:block;margin-top:.35rem;opacity:.72}.module146 .lesson-button{border-radius:0;width:100%;margin:0;text-align:left;border-bottom:1px solid var(--line,var(--line))}.module146 .lesson-button[aria-current=true]{border-left:3px solid var(--wine,var(--gold))}.module-tools146{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;font-size:.85rem}.public-hero h1{max-width:850px;line-height:1.06;font-size:clamp(2.8rem,6vw,5.7rem);letter-spacing:-.025em}.public-hero>p{max-width:770px;font-size:1.25rem;line-height:1.75}.public-path146{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0}.public-path146 span{padding:.8rem 1rem;border:1px solid var(--line);border-radius:30px}.public-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-feature p{line-height:1.7}.public-section details{padding:1rem 0;border-bottom:1px solid var(--line)}.public-section summary{cursor:pointer;font-size:1.15rem}.public-section details p{max-width:85ch;line-height:1.7}html[data-appearance=rainbow] .public-gate{background:linear-gradient(135deg,#edd1df,#ffddeb 32%,#e0dcff 65%,#c9f5e9);color:#302442}html[data-appearance=rainbow] .public-hero h1{color:#692598}html[data-appearance=rainbow] .public-feature{border-top:4px solid #c84680;background:#ffffff9c}html[data-appearance=rainbow] .public-feature:nth-child(3n){border-color:#229c88}html[data-appearance=rainbow] .public-feature:nth-child(3n+1){border-color:#9652d5}html[data-appearance=rainbow] .public-path146 span:nth-child(odd){background:#e3b7cd}html[data-appearance=rainbow] .public-path146 span:nth-child(even){background:#d4c8ff}.reference-bar146{max-width:360px;margin:0 0 1.1rem auto}.reference-bar146 label{font-size:.82rem}.reference-bar146 select{display:block;padding:.45rem;width:100%;font:inherit}.reference-term146{background:none;border:0;border-bottom:1px dotted currentColor;color:inherit;padding:0;font:inherit;cursor:pointer}.reference-term146:hover{color:var(--wine,var(--wine))}#reference146{max-width:740px;width:calc(100% - 2rem);max-height:85vh;overflow:auto;padding:1.8rem;border:1px solid var(--line,var(--line));border-radius:12px;background:var(--paper,var(--paper));color:var(--ink,var(--ink))}#reference146::backdrop{background:#17131d80}#reference146 p,#reference146 li{line-height:1.7}#reference146 table{font-size:.9rem;width:100%}.reference-head146{display:flex;justify-content:space-between;align-items:center}.map-layout146{display:grid;grid-template-columns:260px 1fr;gap:1.5rem}.map-layout146 nav{max-height:65vh;overflow:auto}.map-path146{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.map-path146 [aria-pressed=true]{background:var(--wine,var(--gold));color:white}.map-explanation146{border-left:3px solid var(--wine,var(--gold));padding:1rem;margin:1.2rem 0;background:var(--paper2,var(--paper2))}.map-explanation146 p{line-height:1.75}#phase-orbit146 svg{width:100%;fill:currentColor}#phase-disc146{display:block;max-width:100%;margin:auto}.chat-layout146{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.5rem}.chat-thread146{display:block;width:100%;text-align:left;background:none;color:inherit;border:0;border-bottom:1px solid var(--line);padding:1rem;font:inherit;cursor:pointer}.chat-thread146 small{display:block;opacity:.7;margin-top:.3rem}.chat-thread146[aria-pressed=true]{background:var(--paper2)}.chat-log146{height:420px;max-height:55vh;overflow:auto;padding:.7rem;border:1px solid var(--line);border-radius:6px;overflow-anchor:none}.chat-message146{padding:.8rem 1rem;margin:.6rem 2rem .6rem 0;background:var(--paper2,var(--paper2));border-radius:8px;overflow-wrap:anywhere}.chat-message146.mine{margin:.6rem 0 .6rem 2rem;border:1px solid var(--line);background:var(--paper,var(--paper))}.chat-message146 p,.mail-body146{white-space:pre-wrap;line-height:1.65}.chat-message146 small{font-size:.8rem;opacity:.75}#messages textarea,#messages select,#messages input:not([type=checkbox]),#ac-mail146 input:not([type=checkbox]),#ac-mail146 textarea{display:block;width:100%;box-sizing:border-box;font:inherit;padding:.7rem;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:inherit}#messages label,#ac-mail146 label{display:block;margin:.7rem 0}.mail-members146{max-height:250px;overflow:auto}.mail-members146 input{margin-right:.7rem}.mail-history146{display:block;width:100%;padding:1rem;text-align:left;font:inherit;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;cursor:pointer}.mail-history146 small{display:block;opacity:.7}.reference-term146:focus-visible,.module146 summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:750px){.public-feature-grid,.map-layout146,.chat-layout146{grid-template-columns:1fr}.map-layout146 nav{max-height:200px}.chat-layout146 aside{max-height:250px;overflow:auto}.reference-bar146{margin-left:0}.public-nav-actions{flex-wrap:wrap}.chat-message146{margin-right:1rem}.chat-message146.mine{margin-left:1rem}} /* ---- refinements147.css ---- */ /* Keep Classic and Rainbow palettes; adjust shared proportions only. */ #studySidebar.sidebar{padding:14px 14px 12px;scrollbar-width:thin;overscroll-behavior:contain} #studySidebar .brand{font-size:17px;line-height:1.3;letter-spacing:1px} #studySidebar .brand-sub{font-size:9px;margin-top:3px} #studySidebar .profile-card{margin:12px 0 10px;padding:8px;gap:8px} #studySidebar .avatar{width:30px;height:30px} #studySidebar .nav{gap:2px;flex-shrink:0} #studySidebar .nav button[data-page]{font-size:13px;line-height:1.25;min-height:30px;padding:6px 9px;width:100%;align-items:center} #studySidebar .nav button[data-page]>span{opacity:.5;font-size:12px} #studySidebar .nav-group147{border:0;border-top:1px solid #ffffff1c;margin-top:7px;padding-top:5px} #studySidebar .nav-group147>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;color:inherit;opacity:.8;font-size:12px;line-height:1.3;min-height:29px;padding:6px 9px;border-radius:5px} #studySidebar .nav-group147>summary::-webkit-details-marker{display:none} #studySidebar .nav-group147>summary:after{content:'›';transform:rotate(0deg)} #studySidebar .nav-group147[open]>summary:after{transform:rotate(90deg)} #studySidebar .nav-group147.contains-active:not([open])>summary{box-shadow:inset 3px 0 currentColor;opacity:1} #studySidebar .nav-group-body147{display:grid;gap:1px} #studySidebar .sidebar-footer{padding-top:8px;margin-top:12px} #studySidebar .sidebar-controls144{margin-bottom:8px} #studySidebar :is(button,summary):focus-visible{outline:2px solid currentColor;outline-offset:-2px} .ava-comparison147{margin:0 0 22px;padding:16px;background:var(--paper2);border:1px solid var(--line);border-radius:8px} .ava-comparison147>summary{cursor:pointer;font-size:16px;padding:3px 0} .ava-comparison147 p{line-height:1.65;max-width:85ch} .ava-views147{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0} .ava-views147 [aria-pressed=true]{background:var(--wine);color:white;border-color:var(--wine)} .ava-table147{overflow:auto;max-height:70vh;scrollbar-width:thin;border:1px solid var(--line);border-radius:6px} .ava-table147 table{width:100%;min-width:740px;border-collapse:separate;border-spacing:0;table-layout:fixed;background:var(--paper)} .ava-table147 caption{text-align:left;padding:12px;color:var(--muted)} .ava-table147 :is(th,td){padding:13px 15px;vertical-align:top;line-height:1.6;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:normal;word-break:normal;text-align:left;font-weight:400} .ava-table147 th:first-child{width:115px;position:sticky;left:0;background:var(--paper2);z-index:1} .ava-table147 thead th{position:sticky;top:0;background:var(--paper2);z-index:2} .ava-table147 thead th:first-child{z-index:3} .ava-depth147{border-left:2px solid var(--gold);padding-left:20px} .ava-depth147 .ava-voice147{font-size:19px;line-height:1.55;color:var(--wine)} .ava-depth147 dl{display:grid;grid-template-columns:minmax(120px,1fr) 3fr;gap:12px 20px;line-height:1.65} .ava-depth147 dt{color:var(--muted)} .ava-depth147 dd{margin:0} .ava-depth147 summary,.ava-comparison147 details summary{cursor:pointer;padding:10px 0} @media(max-height:850px) and (min-width:761px){#studySidebar.sidebar{padding-top:9px}#studySidebar .profile-card{margin:7px 0;padding:6px}#studySidebar .nav-group147{margin-top:3px;padding-top:2px}#studySidebar .nav button[data-page]{min-height:28px;padding:5px 9px}#studySidebar .nav-group147>summary{min-height:25px;padding:4px 9px}} @media(pointer:coarse){#studySidebar .nav button[data-page],#studySidebar .nav-group147>summary{min-height:44px}} @media(max-width:600px){.ava-depth147 dl{grid-template-columns:1fr;gap:5px}.ava-depth147 dd{margin-bottom:12px}.ava-comparison147{padding:12px}.ava-table147 :is(th,td){padding:10px}.ava-table147 table{min-width:660px}} /* ---- landing148.css ---- */ .public-directory148{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 20px} .public-directory148 a{font-size:14px;line-height:1.4;text-decoration:none;padding:10px 15px;border:1px solid var(--line);border-radius:24px;color:var(--ink);background:var(--paper)} .public-directory148 a:hover{border-color:var(--wine);color:var(--wine)} .public-disclosure-tools148{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px;margin:12px 0} .public-feature-index148{border-top:1px solid var(--line)} .public-section .public-feature-group148{padding:0;border-bottom:1px solid var(--line);scroll-margin-top:110px} .public-feature-group148>summary{display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:start;gap:18px;padding:27px 8px;list-style:none} .public-feature-group148>summary::-webkit-details-marker{display:none} .public-feature-number148{font-size:12px;letter-spacing:1px;color:var(--muted);padding-top:8px} .public-feature-title148{display:block;font-size:clamp(21px,2.6vw,29px);line-height:1.3} .public-feature-description148{display:block;font-size:15px;line-height:1.65;color:var(--muted);margin-top:7px} .public-feature-indicator148{font-size:24px;color:var(--wine);text-align:center;line-height:1.4} .public-feature-indicator148:after{content:'+'} .public-feature-group148[open] .public-feature-indicator148:after{content:'−'} .public-feature-body148{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;padding:8px 55px 34px} .public-feature-body148 article{border-top:1px solid var(--line);padding-top:18px} .public-feature-body148 h3,.public-study-path148 h3{font-size:19px;line-height:1.4;font-weight:400;margin:0 0 9px} .public-feature-body148 p,.public-study-path148 p{font-size:15px;line-height:1.8;margin:0;color:var(--muted)} .public-availability148{font-size:14px;line-height:1.75;max-width:85ch;color:var(--muted);margin-top:25px} .public-study-path148{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;padding:0;list-style:none;counter-reset:study; margin:35px 0} .public-study-path148 li{counter-increment:study;border-top:1px solid var(--line);padding:22px 0} .public-study-path148 li:before{content:'0' counter(study);display:block;color:var(--wine);font-size:13px;letter-spacing:1px;margin-bottom:14px} .public-integration-close148{max-width:75ch;line-height:1.8;font-size:17px;margin-bottom:25px} .public-integration148>a{text-decoration:none;display:inline-block} #publicPlans{scroll-margin-top:110px} #authGate :is(a,button,summary):focus-visible{outline:2px solid var(--wine);outline-offset:4px} html[data-appearance=rainbow] .public-feature-group148{--feature-accent:#7131a1;border-color:#aa83bb} html[data-appearance=rainbow] .public-feature-group148:nth-child(2){--feature-accent:#1b6878} html[data-appearance=rainbow] .public-feature-group148:nth-child(3){--feature-accent:#a4324d} html[data-appearance=rainbow] .public-feature-group148:nth-child(4){--feature-accent:#286741} html[data-appearance=rainbow] .public-feature-group148:nth-child(5){--feature-accent:#81530c} html[data-appearance=rainbow] .public-feature-group148:nth-child(6){--feature-accent:#3c52a3} html[data-appearance=rainbow] .public-feature-title148,html[data-appearance=rainbow] .public-feature-indicator148{color:var(--feature-accent)} html[data-appearance=rainbow] .public-feature-group148[open]{background:#ffffff85;border-radius:10px} html[data-appearance=rainbow] .public-feature-group148>summary{border-left:4px solid var(--feature-accent);padding-left:14px} html[data-appearance=rainbow] .public-feature-description148,html[data-appearance=rainbow] .public-feature-body148 p,html[data-appearance=rainbow] .public-study-path148 p{color:#494057} html[data-appearance=rainbow] .public-directory148 a{background:#fff9;color:#49305e;border-color:#ae8dc0} @media(max-width:650px){.public-feature-body148,.public-study-path148{grid-template-columns:1fr;gap:22px}.public-feature-body148{padding:0 10px 25px}.public-feature-group148>summary{grid-template-columns:25px minmax(0,1fr) 22px;gap:10px;padding:22px 3px}.public-directory148{gap:7px}.public-directory148 a{font-size:13px;padding:9px 12px}.public-disclosure-tools148{justify-content:flex-start}.public-section .public-feature-group148,#publicPlans{scroll-margin-top:155px}.public-study-path148{gap:0}} /* ---- community149.css ---- */ /* Shared navigation and member communication refinements. */ .top-actions .btn,.top-actions summary{font-weight:400} #personal-menu149{position:relative;align-self:center;font-size:13px} #personal-menu149>summary{list-style:none;cursor:pointer;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)} #personal-menu149>summary::-webkit-details-marker{display:none} .personal-menu-panel149{position:absolute;right:0;top:calc(100% + 8px);z-index:45;width:220px;padding:8px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)} #personal-menu149:not([open])>.personal-menu-panel149{display:none} .personal-menu-panel149 button,.personal-menu-panel149 .btn{display:block;width:100%;background:transparent;color:inherit;border:0;border-radius:5px;padding:11px;text-align:left;font-size:14px;font-weight:400} .personal-menu-panel149 button:hover{background:var(--paper2)} .profile-card[role=button]{cursor:pointer} .member-avatar149{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--paper2);color:var(--wine);font-size:17px;overflow:hidden;border:1px solid var(--line)} .member-avatar149 img{width:100%;height:100%;object-fit:cover} #avatar .member-avatar149{width:30px;height:30px;font-size:12px} .member-search149{flex:1;max-width:500px} .member-list149{margin-top:20px} .member-row149{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)} .member-row149>div{flex:1;min-width:0}.member-row149 h2{font-size:18px;margin:0 0 6px}.member-row149 p{font-size:14px;line-height:1.6;margin:0;color:var(--muted)} .member-profile149 p{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.member-profile149 .member-avatar149{width:80px;height:80px;margin-bottom:15px} .member-fields149{display:grid;grid-template-columns:1fr 1fr;gap:18px} #member-editor149 p{line-height:1.6;max-width:85ch}#member-editor149 label:not(.check-row){display:block;margin:14px 0} #member-editor149 :is(input:not([type=checkbox]),textarea),.member-search149 input{display:block;width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)} #member-editor149 input[type=checkbox]{width:auto} #messages .chat-layout146{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start} #messages .chat-layout146>aside{position:sticky;top:15px;max-height:75vh;overflow:auto} #messages .chat-thread146{border-radius:8px;padding:14px 12px;margin-bottom:4px;border:1px solid transparent} #messages .chat-thread146[aria-pressed=true]{background:var(--paper2);border-color:var(--line)} #messages .chat-thread146>span{display:flex;justify-content:space-between;align-items:center;gap:8px} .unread149{border-radius:20px;padding:2px 7px;background:var(--wine);color:white;font-size:11px} #messages .chat-log146{height:clamp(250px,47vh,560px);max-height:none;overflow:auto;overscroll-behavior:contain;padding:10px 0} #messages .chat-message146{max-width:90%;width:fit-content;border-radius:12px;padding:12px 15px;margin:10px 32px 10px 0;background:var(--paper2)} #messages .chat-message146.mine{margin-left:auto;margin-right:0;border-color:var(--line)} #messages .chat-message146[hidden]{display:none} #messages .chat-message146 p{margin:6px 0;overflow-wrap:anywhere} .chat-heading149 h2{margin:0;flex:1}.chat-privacy149{font-size:12px;color:var(--muted);margin:8px 0}.chat-privacy149 summary{cursor:pointer}.chat-privacy149 p{line-height:1.6} #messages .chat-search-label149{font-size:12px}.chat-search-label149 input{font-size:13px!important} #messages #chat-body146{resize:vertical;min-height:85px;max-height:220px} #chat-attachment149{padding:8px 12px;border:1px solid var(--line);border-radius:6px;overflow-wrap:anywhere} #chat-back149{display:none} #chat-directory146{background:var(--paper);padding:18px;border:1px solid var(--line);border-radius:10px;margin-bottom:18px} @media(max-width:760px){.member-fields149{grid-template-columns:1fr;gap:0}.member-row149{gap:10px;flex-wrap:wrap}.member-row149>.btn{margin-left:58px}.personal-menu-panel149{right:0}#messages .chat-layout146{grid-template-columns:1fr}#messages .chat-layout146>aside{position:static;max-height:none}#messages:not(.chat-room-open149) #chat-room146{display:none}#messages.chat-room-open149 .chat-layout146>aside{display:none}#chat-back149{display:block}#messages .chat-message146{max-width:95%}.chat-heading149{gap:9px}#messages .chat-log146{height:42vh}.top-actions{align-items:center}} /* ---- refinements151.css ---- */ /* Quiet reference reading, stronger optional colour, and focused assessments. */ #reference146{width:min(720px,94vw);max-height:85dvh;overflow:auto;overscroll-behavior:contain;border-radius:16px;padding:0 28px 28px;border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 22px 80px #0004} #reference146::backdrop{background:#24212a55;backdrop-filter:blur(2px)} #reference146 .reference-head146{position:sticky;top:0;z-index:2;background:var(--paper);padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)} #reference146 [data-ref-close]{font-size:23px;line-height:1;width:36px;height:36px;padding:3px;background:transparent;border:0} #reference146 h2{margin:24px 0 15px;font-size:28px}#reference146 p,#reference146 li{line-height:1.8;font-size:15px}#reference146 h3{font-weight:400;margin-top:24px}#reference146 details{padding:14px 0;border-bottom:1px solid var(--line)}#reference146 summary{cursor:pointer;line-height:1.55} #reference146 table{width:100%;border-collapse:collapse}#reference146 td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top} [data-ref-term][role=button]{cursor:pointer}svg [data-ref-term]:focus-visible{outline:2px solid #77519c;outline-offset:3px}svg text[data-ref-term]{paint-order:stroke;stroke:transparent;stroke-width:10px;pointer-events:all} .north-house-number[role=button],.north-rashi-abbr[role=button]{cursor:pointer;pointer-events:auto;min-width:25px;min-height:25px} #charts .reference-term146,#transits .reference-term146{font:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;padding:0 2px} #charts .reference-term146:hover,#transits .reference-term146:hover{text-decoration-color:currentColor} html[data-appearance=rainbow] #authGate{--ink:#302447;--muted:#574566;--line:#c7a6d8;--paper:#fffcff;--paper2:#f1e7ff;background:linear-gradient(125deg,#ffd5c4 0%,#ffeaa8 19%,#d1f3bf 38%,#bceced 57%,#d6c7ff 77%,#ffcbe2 100%);background-attachment:fixed} html[data-appearance=rainbow] .public-nav{background:linear-gradient(100deg,#702ca5,#b72878 55%,#245faa);color:#fff;border-color:#fff4} html[data-appearance=rainbow] .public-nav .brand-sub,html[data-appearance=rainbow] .public-nav .ghost-link{color:#fff} html[data-appearance=rainbow] .public-hero{background:radial-gradient(ellipse at 95% 15%,#ff91b755,transparent 60%),radial-gradient(ellipse at 15% 90%,#73dcb655,transparent 60%)} html[data-appearance=rainbow] .public-hero h1{color:#56297f} html[data-appearance=rainbow] .public-feature-group148:nth-child(6n+1){background:#f0dcff} html[data-appearance=rainbow] .public-feature-group148:nth-child(6n+2){background:#d1f0f5} html[data-appearance=rainbow] .public-feature-group148:nth-child(6n+3){background:#ffe0dc} html[data-appearance=rainbow] .public-feature-group148:nth-child(6n+4){background:#dcf3d5} html[data-appearance=rainbow] .public-feature-group148:nth-child(6n+5){background:#fff0bc} html[data-appearance=rainbow] .public-feature-group148:nth-child(6n+6){background:#e1e3ff} html[data-appearance=rainbow] .public-feature-group148{border-radius:10px;margin-bottom:10px;border:1px solid #aa83bb} html[data-appearance=rainbow] .public-integration148{background:linear-gradient(135deg,#fff1bfbb,#f4d9ffbb);padding:40px 28px;border-radius:18px} html[data-appearance=rainbow] .public-study-path148 li:nth-child(odd) h3{color:#853451}html[data-appearance=rainbow] .public-study-path148 li:nth-child(even) h3{color:#235d77} html[data-appearance=rainbow] .pricing-card{background:linear-gradient(145deg,#d4f5ee,#dbe4ff);border:2px solid #6183c1;color:#302447} html[data-appearance=rainbow] .pricing-card.featured{background:linear-gradient(145deg,#f5d5ff,#ffd9bc);border-color:#ab5db2} html[data-appearance=rainbow] .pricing-card :is(p,li,.eyebrow){color:#574566} html[data-appearance=rainbow] .public-footer{background:linear-gradient(90deg,#663397,#b33074,#31528e);padding:28px;color:#fff;border-radius:14px} html[data-appearance=rainbow] .public-footer .muted{color:#fff} html[data-appearance=rainbow] #psyche{--paper:#fffaff;--paper2:#eee5fc;--line:#ceafdf;--ink:#362745;--muted:#65516e;--wine:#813685} html[data-appearance=rainbow] #psyche .pp-shell{background:linear-gradient(130deg,#f8d8ec,#e8ddff 45%,#d7f0ee);border-color:#bc8bcb} html[data-appearance=rainbow] .pp-tabs button{background:#fce6d2;border:1px solid #c69aad;color:#663044}html[data-appearance=rainbow] .pp-tabs button:nth-child(2){background:#d6f1df;color:#275b42}html[data-appearance=rainbow] .pp-tabs button:nth-child(3){background:#dae8ff;color:#354d7e}html[data-appearance=rainbow] .pp-tabs button:nth-child(4){background:#f3ddff;color:#6b3784} html[data-appearance=rainbow] .pp-tabs button[aria-pressed=true]{background:linear-gradient(120deg,#7137a4,#b73384);color:white;border-color:#75358b} html[data-appearance=rainbow] #pp-list{background:#fff8;border-radius:12px;padding:9px} html[data-appearance=rainbow] #pp-list button:nth-child(4n+1){border-left:3px solid #b4457a}html[data-appearance=rainbow] #pp-list button:nth-child(4n+2){border-left:3px solid #338374}html[data-appearance=rainbow] #pp-list button:nth-child(4n+3){border-left:3px solid #6562ad}html[data-appearance=rainbow] #pp-list button:nth-child(4n){border-left:3px solid #b57b20} html[data-appearance=rainbow] #pp-list button[aria-current=page]{background:#e4d4f6;color:#43255b} html[data-appearance=rainbow] #pp-reading{background:#fffcff;border-radius:12px;padding:24px;border:1px solid #cfaadf} html[data-appearance=rainbow] .pp-section:nth-of-type(3n+1) h3{color:#903766}html[data-appearance=rainbow] .pp-section:nth-of-type(3n+2) h3{color:#286e72}html[data-appearance=rainbow] .pp-section:nth-of-type(3n) h3{color:#695099} html[data-appearance=rainbow] #psyche .pp-questions{background:linear-gradient(120deg,#f5e6ff,#e0f4eb);padding:20px;border-radius:10px} .aq-reader{max-width:900px;margin-inline:auto}.aq-reader fieldset{border:0;padding:12px 0}.aq-option{border-radius:12px;padding:15px 18px}.aq-option>span{line-height:1.6}.aq-heading h2{font-size:21px}.aq-kind151{font-size:12px;color:var(--muted);letter-spacing:.3px;margin:12px 0}.aq-flag151{margin:12px 0}.aq-actions{border-top:1px solid var(--line);padding-top:18px}.aq-followup151{padding:20px;background:var(--paper2);border-radius:10px;margin:20px 0}.aq-reader [aria-pressed=true]{border-color:var(--wine);color:var(--wine)} html[data-appearance=rainbow] #assessment-workspace .aq-reader{background:linear-gradient(145deg,#fffaff,#f3f8ff);border-color:#bcb1dd}html[data-appearance=rainbow] .aq-option{background:#fff;border-color:#c5b9de}html[data-appearance=rainbow] .aq-option.selected{background:#eaddfb;border-color:#8853ac;color:#44265c}html[data-appearance=rainbow] .aq-followup151{background:linear-gradient(110deg,#f9e2ee,#e3eafa,#dff1e9)} @media(max-width:600px){#reference146{padding:0 18px 22px;max-height:90dvh}html[data-appearance=rainbow] #pp-reading{padding:16px}.aq-actions{gap:12px;flex-wrap:wrap}} html[data-appearance=rainbow] #authGate .public-shell{background:transparent} html[data-appearance=rainbow] #authGate .public-nav .brand{color:white} html[data-appearance=rainbow] #authGate .public-hero>p{color:#574566} html[data-appearance=rainbow] #authGate .public-course-preview{background:linear-gradient(125deg,#4e2869,#286275);color:#fff} .sutra-provenance151{margin:16px 0;padding:12px 15px;border:1px solid var(--line);border-radius:8px;font-size:13px}.sutra-provenance151 summary{cursor:pointer}.sutra-provenance151 p{line-height:1.65;overflow-wrap:anywhere} #aq-question,.aq-review-list button>span:first-child{white-space:pre-line} .north-house-number[role=button],.north-rashi-abbr[role=button]{display:grid;place-items:center}.north-house-number.hidden-house{visibility:hidden;pointer-events:none} /* ---- study152.css ---- */ /* Focused experiments, a session archive and a local teaching studio. */ .rs-toolbar152,.rec-toolbar152,.ls-controls152,.rec-actions152,.rs-footer152,.rec-neighbours152{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin:18px 0}.rs-toolbar152 label,.rec-toolbar152 label{flex:1;min-width:180px}.rs-tabs152{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.rs-tabs152 [aria-pressed=true]{background:var(--wine);color:white}.rs-layout152{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:24px;align-items:start}.rs-map152{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.rs-map152 svg{display:block;width:100%;max-height:550px}.rs-map152 svg text{font:16px var(--tjp-font,Georgia),serif;fill:var(--ink);pointer-events:none}.rs-map152 svg .rs-small152{font-size:13px}.rs-edge152{color:var(--muted)}.rs-edge152 line{stroke:currentColor;stroke-width:1.6;opacity:.5}.rs-edge152.selected line{stroke-width:3;opacity:1}.rs-edge152.friend{color:var(--good)}.rs-edge152.enemy{color:#a55e41}.rs-edge152.neutral{color:#817296}.rs-edge152 rect{fill:var(--paper);stroke:currentColor;stroke-width:1.5}.rs-edge152.selected rect{stroke-width:3;fill:var(--paper2)}.rs-edge152 [role=button]{cursor:pointer}.rs-edge152 [role=button]:focus-visible rect{stroke:#39348a;stroke-width:4}.rs-center152{fill:var(--paper2);stroke:var(--line)}.rs-reading152 h3{margin-top:4px}.rs-reading152 p{line-height:1.8}.rs-result152{font-size:25px;color:var(--wine);margin:18px 0}.rs-predict152{border-block:1px solid var(--line);padding:16px 0;margin:20px 0}.rs-predict152 .check-row{margin:0}.rs-rashis152{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.rs-rashis152 button{white-space:normal;padding:16px 10px;text-align:left;line-height:1.6}.rs-rashis152 span,.rs-rashis152 small{display:block}.rs-rashis152 small{font-size:11px;color:var(--muted)}.rs-rashis152 .selected{background:var(--paper2);border:2px solid var(--wine)}.rs-trace152{line-height:1.8}.rs-calculation152{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:20px;margin:18px 0}.rs-calculation152 p{font-size:20px;margin:8px 0}.rs-footer152{font-size:12px}.rs-map152>p{font-size:12px;line-height:1.6} #recordings input,#recordings select,.recordings-admin152 input:not([type=checkbox]),.recordings-admin152 textarea,.studio152 input:not([type=checkbox]):not([type=range]),.studio152 select,.recordings-admin152 select,#study-relationships select{display:block;width:100%;box-sizing:border-box;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;margin-top:6px}.recordings-admin152 label,.studio152 label{display:block;margin-top:14px}.recordings-admin152 .check-row,.studio152 .check-row{display:flex;align-items:center;gap:9px}.recordings-admin152 h2,.studio152 h2{margin-top:0}.rec-collection152{margin:14px 0;overflow:hidden}.rec-collection152 summary{cursor:pointer;font-size:20px;padding:4px 0}.rec-collection152 summary small{font-size:12px;color:var(--muted);margin-left:14px}.rec-row152{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;box-sizing:border-box;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;padding:19px 0}.rec-row152:last-child{border-bottom:0}button.rec-row152{cursor:pointer}button.rec-row152:hover{background:var(--paper2)}.rec-row152 small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.rec-title152{font-size:17px}.rec-video152{background:var(--ink);border-radius:12px;overflow:hidden;margin:24px 0;color:white}.rec-video152 iframe,.rec-video152 video{display:block;width:100%;aspect-ratio:16/9;border:0}.rec-video152 audio{width:100%;padding:24px;box-sizing:border-box}.rec-external152{padding:30px}.rec-prose152{white-space:pre-wrap;line-height:1.85;max-width:80ch}.rec-fields152{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rec-timestamps152{display:grid;gap:10px;margin:16px 0}.rec-timestamps152 button{text-align:left}.rec-neighbours152{border-top:1px solid var(--line);padding-top:20px}.ls-stage152{background:var(--ink);border-radius:12px;overflow:hidden;margin:24px 0}.ls-stage152 canvas{display:block;width:100%;height:auto}.ls-controls152{border-bottom:1px solid var(--line);padding-bottom:20px}.ls-controls152 output{font:16px monospace;min-width:55px}.ls-result152 video{width:100%;max-height:65vh;display:block;margin:20px 0;background:var(--ink)}.ls-result152 .btn{display:inline-block;margin:8px 8px 8px 0}.studio152>details>summary{cursor:pointer;font-size:18px}.studio152 .rec-row152 details{font-size:12px;margin-top:8px}.studio152 .rec-row152 details p{max-width:280px;line-height:1.7}.studio152 .rec-row152 details summary{cursor:pointer}.studio152 [id=ls-silent152]{width:auto}.member-avatar149 img{object-fit:cover} html[data-appearance=rainbow] .rs-map152{background:linear-gradient(145deg,#e8e1ff,#d9f0e7);--paper:#fffaff;--paper2:#f4e3ff}html[data-appearance=rainbow] .rs-center152{fill:#ddc5f6}html[data-appearance=rainbow] .rs-rashis152 button:nth-child(4n+1){background:#f9e1cf}html[data-appearance=rainbow] .rs-rashis152 button:nth-child(4n+2){background:#dcefe0}html[data-appearance=rainbow] .rs-rashis152 button:nth-child(4n+3){background:#f0dcf8}html[data-appearance=rainbow] .rs-rashis152 button:nth-child(4n){background:#d9eafa}html[data-appearance=rainbow] .rs-calculation152{background:linear-gradient(110deg,#f9e0dc,#e9dffa,#dff3ee)}html[data-appearance=rainbow] .rec-collection152:nth-of-type(3n+1){border-top:3px solid #8c56b7;background:#f9f2ff}html[data-appearance=rainbow] .rec-collection152:nth-of-type(3n+2){border-top:3px solid #349b85;background:#effbf6}html[data-appearance=rainbow] .rec-collection152:nth-of-type(3n){border-top:3px solid #cf7290;background:#fff2f6}html[data-appearance=rainbow] .studio152>.card{background:linear-gradient(150deg,#fff3df,#f0e6fa,#e4f3ee)} @media(max-width:760px){.rs-layout152{grid-template-columns:1fr}.rs-rashis152{grid-template-columns:repeat(3,minmax(0,1fr))}.rec-fields152{grid-template-columns:1fr}.rec-row152{gap:12px}.rec-toolbar152{align-items:stretch}.rs-map152{padding:10px}.rec-collection152 summary{font-size:18px}} @media(prefers-reduced-motion:reduce){.rs-edge152{transition:none}} /* ---- release153.css ---- */ .theme-picker153{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;white-space:nowrap}.theme-picker153 select{width:auto;padding:7px 24px 7px 10px;min-height:36px;background:var(--paper);border:1px solid var(--line);border-radius:20px;color:var(--ink)}.theme-picker153 span{color:var(--muted)}.top-actions{align-items:center;flex-wrap:wrap}#appearance-quick,#publicAppearance{display:none!important} /* Explicit hit testing overrides the decorative chart SVG's pointer-events:none. */ svg [data-ref-term],svg [data-ref-term] *{pointer-events:all;cursor:pointer}.chart-glyph:hover rect,.chart-glyph:focus-visible rect{stroke:var(--wine);stroke-width:2}.chart-reference153{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:10px 0}.chart-reference153 label{font-size:12px;display:flex;gap:6px;align-items:center}.chart-reference153 select{width:auto;max-width:190px;padding:6px}.north-graha-marker [data-ref-term],.north-graha-marker{pointer-events:auto} html[data-appearance=celestial]{--bg:#e8e5db;--paper:#fcf9ee;--paper2:#e1e4ea;--ink:#202d42;--muted:#526177;--line:#c9bea2;--dark:#101e35;--wine:#305476;--olive:#375e59;--gold:#546488;--blue:#496981;--shadow:0 12px 30px #10203a12} html[data-appearance=celestial] body{background:radial-gradient(ellipse at 95% 0,#909cb933,transparent 50%),var(--bg)} html[data-appearance=celestial] .sidebar{background:radial-gradient(circle at 70% 9%,#838fac33 0,transparent 30%),linear-gradient(160deg,#172e4f,#101b31 70%);color:#d8dce5;border-right:1px solid #78849f} html[data-appearance=celestial] .nav button.active,html[data-appearance=celestial] .nav button[aria-current=page]{background:#929ebb;color:#172940} html[data-appearance=celestial] .card,html[data-appearance=celestial] .assignment-card,html[data-appearance=celestial] .course-card,html[data-appearance=celestial] .bl-book,html[data-appearance=celestial] .modal-card{background:var(--paper);border-color:var(--line);box-shadow:var(--shadow)} html[data-appearance=celestial] .btn.primary{background:#284969;color:#fff7e3;border-color:#284969}html[data-appearance=celestial] :is(input,select,textarea){background:#fffdf6;color:var(--ink);border-color:var(--line)} html[data-appearance=celestial] :is(.public-shell,.public-page,#publicLanding){background:radial-gradient(ellipse at top right,#8894b040,transparent 50%),#e7e9ee;color:var(--ink)} html[data-appearance=celestial] :is(.public-hero,.public-final){background:radial-gradient(ellipse at 70% 0,#65718e40,transparent 55%),#14253e;color:#e4e8f1;border-color:#6d7994} html[data-appearance=celestial] .public-hero :is(h1,p,.eyebrow),html[data-appearance=celestial] .public-final :is(h2,p){color:inherit}html[data-appearance=celestial] .public-nav{background:#fcf9eef5;border-color:var(--line)} html[data-appearance=celestial] :is(.public-feature-group148,.public-plan,.public-feature,.public-section,.psyche-card,.pp-card,.map-explanation146){border-color:var(--line)} html[data-appearance=celestial] :is(.tab.active,.chip.active){background:#284969;color:#fff7e3}html[data-appearance=celestial] .north-chart{background:#fcf9ee;border-color:#727e9a}html[data-appearance=celestial] .chart-line{stroke:#6d7994} .kala153{max-width:860px;margin:auto;line-height:1.8}.kala153 .kala-lead153{font-size:24px;color:var(--wine)}.kala153 h2{margin-top:30px}.badge-grid153{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px}.badge-card153{display:flex;gap:14px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper);align-items:flex-start}.badge-card153 h3{margin:0 0 8px}.badge-card153 p{line-height:1.5;margin:6px 0;font-size:14px}.badge-medal153{width:48px;min-width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--wine);background:var(--paper2);font-size:25px}.badge-card153.earned{border-color:var(--gold)}.badge-card153 progress{width:100%;height:6px;accent-color:var(--gold)} html[data-appearance=rainbow] .badge-card153:nth-child(3n+1){background:#fff0e0}html[data-appearance=rainbow] .badge-card153:nth-child(3n+2){background:#edf4ff}html[data-appearance=rainbow] .badge-card153:nth-child(3n){background:#faeaff} @media(max-width:620px){.theme-picker153 span{display:none}.theme-picker153 select{max-width:130px}.chart-reference153{gap:6px}} .map-search153{display:flex;gap:12px;align-items:end;margin:18px 0}.map-search153 label:first-child{flex:1}.map-heading153{display:flex;justify-content:space-between;gap:15px;align-items:start}.map-diagram153{border:1px solid var(--line);border-radius:14px;overflow:auto;margin:20px 0}.map-diagram153 svg{width:100%;min-width:420px;display:block}.map-diagram153 [role=button]{cursor:pointer}.map-diagram153 [role=button]:focus-visible rect{stroke:#8756bb;stroke-width:4}#map-list146 small{display:block;font-size:11px;color:var(--muted);margin-top:6px}#map-list146{max-height:75vh;overflow:auto}#map-list146 [aria-pressed=true]{border-left:3px solid var(--gold);background:var(--paper2)}#map-stage153{line-height:1.7}#map-stage153:focus{outline:2px solid var(--gold);outline-offset:4px}#map-detail146 details li{margin-bottom:12px;line-height:1.6}@media(max-width:700px){.map-heading153{display:block}.map-search153{align-items:stretch;flex-direction:column}.map-diagram153 svg{min-width:360px}#map-list146{max-height:230px}.map-layout146{display:block}} .ls-audio153{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0;font-size:13px}.ls-audio153 meter{width:130px;height:15px}#ls-marker-title153{flex:1;min-width:180px}#ls-notes153{line-height:1.8}#ls-chapters153{font-family:monospace;font-size:13px}.studio152 [hidden]{display:none!important} /* ---- release154.css ---- */ /* Chart markers retain their centring transform during interaction. */ #transitNorthChart .north-graha-marker,#transitNorthChart .north-graha-marker:is(:hover,:focus,:active),#transitNorthChart .north-house-number,#transitNorthChart .north-rashi-abbr{transform:translate(-50%,-50%)!important;transition:none!important;animation:none!important} #transitNorthChart .north-house-number,#transitNorthChart .north-rashi-abbr{min-width:32px;min-height:30px;z-index:6;pointer-events:auto}.chart-field154{pointer-events:all!important;cursor:pointer;stroke:transparent;stroke-width:3}.chart-field154:hover,.chart-field154:focus-visible{fill:color-mix(in srgb,var(--gold) 7%,transparent);stroke:var(--gold);outline:none}svg .chart-line{pointer-events:none}#transitNorthChart svg{z-index:1}.north-center-mask{pointer-events:none}.chart-glyph,.chart-glyph:is(:active,:focus,:hover),.reference-term146:is(:active,:focus){transform:none!important;transition:none!important;animation:none!important}html{scrollbar-gutter:stable} #studySidebar .nav-group147>summary{font-size:14px;font-weight:700;opacity:1;line-height:1.4;min-height:34px;letter-spacing:.025em;padding:8px 9px;color:#fff4dd;background:#ffffff09}#studySidebar .nav-group147{margin-top:10px}#studySidebar .nav-group147>summary:after{font-size:19px;line-height:1}#studySidebar .nav-group-body147{margin-top:3px} /* Celestial: luminous ink, star fields and parchment reading surfaces. */ html[data-appearance=celestial]{--bg:#0e1830;--paper:#fcf8ec;--paper2:#dadde6;--ink:#202e45;--muted:#56627a;--line:#bcaa80;--wine:#314f79;--gold:#5f6d8f;--dark:#0b1227} html[data-appearance=celestial] body{background:radial-gradient(circle at 7% 8%,#b9c4dd 0 1px,transparent 2px),radial-gradient(circle at 86% 22%,#cddcff 0 1px,transparent 2px),radial-gradient(ellipse at 78% 10%,#443d7044,transparent 55%),#0e1830;background-size:310px 290px,410px 370px,auto,auto} html[data-appearance=celestial] .main{background:linear-gradient(135deg,#fffcf3ee,#e0e3ebf7);border:1px solid #959fb566;border-radius:20px;margin:12px;min-width:0}html[data-appearance=celestial] .sidebar{background:radial-gradient(circle at 28% 13%,#aeb9d3 0 1px,transparent 2px),radial-gradient(circle at 84% 61%,#bed0f6 0 1px,transparent 2px),radial-gradient(ellipse at top,#38406b99,transparent 70%),#0b1429;background-size:150px 180px,220px 260px,auto,auto;border-color:#737e9766} html[data-appearance=celestial] :is(.card,.assignment-card,.course-card){border-top-color:#6b7896;box-shadow:0 8px 25px #142b4510}html[data-appearance=celestial] .topbar{border-bottom:1px solid #8992a8;padding-bottom:18px}html[data-appearance=celestial] h1,html[data-appearance=celestial] h2{color:#273d60}html[data-appearance=celestial] .nav-group147>summary{color:#bcc6df;background:#838ea712} /* The public surface receives a complete theme, including plans and footer. */ html[data-appearance=celestial] #authGate .public-shell{background:radial-gradient(circle at 6% 10%,#cfd8ed 0 1px,transparent 2px),radial-gradient(circle at 81% 33%,#cbdcff 0 1px,transparent 2px),radial-gradient(ellipse at 80% 0,#42356b80,transparent 55%),linear-gradient(#0c162d,#172947 60%,#10192e);background-size:280px 310px,370px 390px,auto,auto;color:#dde1eb} html[data-appearance=celestial] #authGate .public-nav{background:#0c162df5;border-color:#7e8aa555;color:#ccd4e5}html[data-appearance=celestial] #authGate .public-nav .auth-brand{color:inherit}html[data-appearance=celestial] #authGate .public-hero{background:radial-gradient(ellipse at 85% 30%,#8f9cb91a,transparent 60%);position:relative;border:0;max-width:none}html[data-appearance=celestial] #authGate .public-hero:after{content:'';position:absolute;right:0;top:80px;width:210px;height:210px;border:1px solid #939fbc44;border-radius:50%;box-shadow:0 0 0 22px #8e9ab708,0 0 0 23px #8e9ab733,0 0 0 47px #8e9ab706,0 0 0 48px #8e9ab722;pointer-events:none;opacity:.65}html[data-appearance=celestial] #authGate .public-hero :is(h1,p){position:relative;z-index:1;color:#dde3f2}html[data-appearance=celestial] #authGate :is(.public-kicker,.public-section-head p,.public-footnote){color:#b4bac9}html[data-appearance=celestial] #authGate :is(.public-section-head h2,.public-feature-group148 summary){color:#c6cee2}html[data-appearance=celestial] #authGate .public-section{border-color:#8995b044} html[data-appearance=celestial] #authGate :is(.public-feature-group148,.public-feature,.pricing-card){background:#fcf8ed;color:#21334d;border-color:#8891a7;border-radius:14px}html[data-appearance=celestial] #authGate .public-feature-group148{margin:12px 0;padding:0 20px}html[data-appearance=celestial] #authGate .public-feature-group148 summary{color:#273d60}html[data-appearance=celestial] #authGate .public-feature-group148 p{color:#46546a}html[data-appearance=celestial] #authGate .pricing-card.featured{background:linear-gradient(150deg,#fff9e8,#c8cedc);border:2px solid #8b99b9;box-shadow:0 0 38px #a0acc720}html[data-appearance=celestial] #authGate .public-footer{background:#0b1325;color:#aab4cb;border-color:#7d88a155}html[data-appearance=celestial] #authGate .public-disclosure-tools148 button{color:#c2cade} html[data-appearance=rainbow] #authGate .public-shell{background:radial-gradient(ellipse at 5% 0,#e4b9ceaa,transparent 35%),radial-gradient(ellipse at 98% 30%,#c3b1ffb0,transparent 38%),radial-gradient(ellipse at 4% 70%,#9deacf80,transparent 40%),linear-gradient(135deg,#fff2da,#ffebf3 40%,#edf1ff 75%,#e4fff5);color:#332146} html[data-appearance=rainbow] #authGate .public-nav{background:linear-gradient(100deg,#fff0d9ee,#ffe5efee,#e8e1ffee,#ddfaf4ee);border-bottom:2px solid #b476bc}html[data-appearance=rainbow] #authGate .public-hero{background:radial-gradient(ellipse at 10% 70%,#d48eb155,transparent 45%),radial-gradient(ellipse at 95% 10%,#9f72ff55,transparent 45%);max-width:none}html[data-appearance=rainbow] #authGate .public-hero h1{color:#653574}html[data-appearance=rainbow] #authGate .public-feature-group148{border:1px solid #a16aac55;border-radius:14px;margin:12px 0;padding:0 20px;background:#fff6e9}html[data-appearance=rainbow] #authGate .public-feature-group148:nth-of-type(3n+2){background:#eee5ff}html[data-appearance=rainbow] #authGate .public-feature-group148:nth-of-type(3n){background:#e1f8ef}html[data-appearance=rainbow] #authGate .public-feature-group148 summary{color:#503265}html[data-appearance=rainbow] #authGate .pricing-card:first-child{background:linear-gradient(140deg,#f4e1eb,#ffe0ed);border-color:#c65e86}html[data-appearance=rainbow] #authGate .pricing-card.featured{background:linear-gradient(140deg,#e8deff,#d7f9ef);border:2px solid #865dc1;box-shadow:0 12px 40px #9a58b422}html[data-appearance=rainbow] #authGate .public-footer{background:linear-gradient(100deg,#e0acc6,#ffc1d8,#cbb7f7,#9bdfd0);color:#3b264d}html[data-appearance=rainbow] #authGate .public-course-preview{background:linear-gradient(120deg,#53286c,#294f70);color:#fff} @media(max-width:700px){html[data-appearance=celestial] .main{margin:4px;border-radius:12px}html[data-appearance=celestial] #authGate .public-hero:after{width:100px;height:100px;opacity:.35;top:45px}.public-nav-actions{flex-wrap:wrap}#studySidebar .nav-group147>summary{min-height:40px}} .journey-top154{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.journey-layout154{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(310px,1fr);gap:26px;align-items:start}.journey-board154{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(84px,1fr));gap:7px;aspect-ratio:1;border:1px solid var(--gold);border-radius:22px;padding:15px;background:radial-gradient(ellipse at center,#3e506b,#111f38);box-shadow:inset 0 0 50px #ad8b7f12,0 12px 30px #17274020;color:#e8dad5}.journey-space154{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;border:1px solid #a48a8166;border-radius:12px;background:#ffffff08;color:inherit;font-size:12px;padding:7px;min-width:0}.journey-space-number154{font-size:19px;color:#caada3}.journey-space154.current{background:var(--paper3);color:#172c45;border:2px solid var(--gold);box-shadow:0 0 18px #c69b8d30}.journey-space154.current .journey-space-number154{color:var(--ink)}.journey-space154.visited{border-color:#bca39b}.journey-counter154{font-size:22px;line-height:1}.journey-visited154{position:absolute;right:5px;top:3px;color:#cbada3}.journey-centre154{grid-column:2/4;grid-row:2/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:13px}.journey-centre154 p{margin:0;font-size:20px}.journey-seal154{font-size:55px;color:var(--gold)}.journey-die154{padding:9px 12px;border:1px solid #b1968d55;border-radius:10px;letter-spacing:3px}.journey-tokens154{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:14px 0}.journey-tokens154 button{font-size:12px}.journey-turn154 h2{font-size:23px;line-height:1.45}.journey-turn154{padding:25px;line-height:1.65}.journey-answers154{border:0;padding:0;margin:20px 0;display:grid;gap:9px}.journey-answers154 label{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:13px;margin:0;cursor:pointer}.journey-answers154 input{width:auto;margin:0;flex:none}.journey-answers154 .selected{border-color:var(--wine);background:var(--paper2)}.journey-answers154 .correct{border-color:var(--good);background:var(--paper2);color:var(--good)}.journey-feedback154{border-left:3px solid var(--gold);padding:0 0 0 15px;margin:22px 0}.journey-feedback154 h3{font-size:17px}.journey-hint154{padding:12px;background:var(--paper2);border-radius:8px}.journey-rules154{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:12px;line-height:1.65}.journey-rules154 summary{cursor:pointer;font-size:17px}.journey-rules154 li{margin:9px 0}html[data-appearance=rainbow] .journey-board154{background:radial-gradient(ellipse at center,#55335f,#152b59)}html[data-appearance=rainbow] .journey-space154:nth-child(3n+1){border-color:#c489a6}html[data-appearance=rainbow] .journey-space154:nth-child(3n+2){border-color:#be8ce3}html[data-appearance=rainbow] .journey-space154:nth-child(3n){border-color:#7bbcb3}@media(max-width:1050px){.journey-layout154{grid-template-columns:1fr}.journey-board154{max-width:600px;width:100%;margin:auto}}@media(max-width:460px){.journey-board154{gap:4px;padding:8px;grid-template-rows:repeat(4,minmax(76px,1fr))}.journey-space154{font-size:10px;padding:3px}.journey-turn154{padding:17px}.journey-centre154 p{font-size:16px}.journey-seal154{font-size:38px}}@media(prefers-reduced-motion:reduce){.journey-board154 *{transition:none!important}} html[data-appearance=celestial] #authGate .public-nav :is(.brand,.brand-sub,.ghost-link,.theme-picker153 span){color:#c0c9de}html[data-appearance=celestial] #authGate .public-main>section>h2,html[data-appearance=celestial] #authGate .public-main .public-integration148 h2{color:#c6cee2}html[data-appearance=celestial] #authGate :is(.public-availability148,.public-study-path148 p,.public-footer .muted,.public-section-head .eyebrow){color:#b4bac9}html[data-appearance=celestial] #authGate .public-study-path148 li:before{color:#a3b0ce}html[data-appearance=rainbow] #authGate .public-nav :is(.brand,.brand-sub,.ghost-link){color:#4d2c63}html[data-appearance=rainbow] #authGate .public-footer .muted{color:#493354} /* ---- release155.css ---- */ /* Keep the reading surface within its grid track, with equal outer gutters. */ html[data-appearance=celestial] .app-shell>.main{width:calc(100% - 24px);max-width:1500px;margin:12px auto;align-self:start;min-width:0} html[data-appearance=celestial] .main>.page{min-width:0} @media(max-width:700px){html[data-appearance=celestial] .app-shell>.main{width:calc(100% - 8px);margin:4px auto}} /* SVG focus uses the actual compartment, never a rectangular browser outline. */ #transitNorthChart svg .chart-field154,svg .chart-field154:is(:hover,:focus,:focus-visible,:active){outline:none!important;box-shadow:none!important;stroke:none!important;stroke-width:0!important;fill:transparent;filter:none!important} #transitNorthChart svg .chart-field154:hover,svg .chart-field154:hover{fill:color-mix(in srgb,var(--gold) 13%,transparent)!important} #transitNorthChart svg .chart-field154:focus-visible,svg .chart-field154:focus-visible{fill:color-mix(in srgb,var(--gold) 27%,transparent)!important;stroke:var(--gold)!important;stroke-width:2!important;stroke-linejoin:round;vector-effect:non-scaling-stroke} #transitNorthChart .north-graha-marker{outline:none;box-shadow:none} #transitNorthChart .north-graha-marker:focus-visible{outline:2px solid var(--gold);outline-offset:2px} .exp-layout155{display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(300px,1fr);gap:24px;align-items:start}.exp-board155{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:radial-gradient(ellipse at top,#30445f,#142035);border-radius:18px;padding:20px}.exp-node155{display:flex;flex-direction:column;gap:9px;text-align:left;padding:14px 10px;min-height:125px;border:2px solid var(--tile);border-radius:12px;background:var(--paper);color:#29364b;font:16px var(--tjp-font,Georgia),serif;cursor:pointer}.exp-node155 small{font-size:11px;line-height:1.4}.exp-node155.selected{box-shadow:0 0 0 3px var(--gold);outline-offset:4px}.exp-node155.here{background:#dfc2b9}.exp-index155{font-size:12px;color:#5b4b2f}.exp-resources155{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.exp-resources155>span{padding:10px 15px;background:var(--paper2);border:1px solid var(--line);border-radius:30px}.exp-actions155{display:grid;gap:10px;margin-top:20px}.exp-turn155 p{line-height:1.7}.exp-event155{display:block;width:100%;margin:12px 0;text-align:left;white-space:normal}.exp-event155 small{display:block;margin-top:6px}.exp-mode155{padding:20px;border:1px solid var(--line);background:var(--paper2);border-radius:12px;display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:24px}.exp-mode155 p{margin:5px 0}.exp-mode155 h2{font-size:21px;margin:0}html[data-appearance=rainbow] .exp-node155:nth-child(4n+1){background:#efd4e2}html[data-appearance=rainbow] .exp-node155:nth-child(4n+2){background:#e0f1c6}html[data-appearance=rainbow] .exp-node155:nth-child(4n+3){background:#d9eafa}html[data-appearance=rainbow] .exp-node155:nth-child(4n){background:#eadbfa} @media(max-width:1050px){.exp-layout155{grid-template-columns:1fr}.exp-board155{max-width:640px;margin:auto}}@media(max-width:480px){.exp-board155{padding:10px;gap:7px}.exp-node155{padding:10px 6px;font-size:14px;min-height:125px}.exp-mode155{display:block}.exp-mode155 .btn{margin-top:12px}} .ls-tools155{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}.ls-tools155 label{display:flex;align-items:center;gap:8px}.ls-tools155 input[type=number]{width:85px}.ls-stage152 canvas{touch-action:none}.ls-slide-strip155{display:flex;gap:5px;flex-wrap:wrap;max-height:160px;overflow:auto;padding:10px 0}.ls-slide-strip155 button{min-width:36px;padding:7px}.ls-slide-strip155 [aria-current=true]{background:var(--wine);color:var(--paper)}.ls-prompter155{max-height:260px;overflow:auto;white-space:pre-wrap;padding:18px;font-size:22px;line-height:1.9;border:1px solid var(--line);border-radius:10px;background:var(--paper2)}.ls-ready155{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:14px 0;color:var(--muted)}.ls-ready155 span{padding:5px 9px;border:1px solid var(--line);border-radius:20px}.ls-plan155{font-size:13px;color:var(--muted)} /* ---- release156.css ---- */ .sa-search156{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.sa-search156 label:first-child{flex:1;min-width:200px}.sa-layout156{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px}.sa-layout156 nav{max-height:75vh;overflow:auto}.sa-layout156 nav button{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);padding:13px 10px;color:var(--ink);background:transparent;font:inherit;cursor:pointer}.sa-layout156 nav small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.sa-layout156 nav [aria-pressed=true]{background:var(--paper2);border-left:3px solid var(--gold)}#sa-reading156{line-height:1.8}#sa-reading156 h3{margin-top:26px}.sa-term156{border:0;border-bottom:1px dotted var(--gold);background:none;color:inherit;font:inherit;line-height:inherit;padding:0;cursor:pointer}.sa-term156:hover{color:var(--wine)}#sanskrit-dialog156{width:min(760px,94vw);max-height:88dvh;overflow:auto;padding:0 26px 26px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);line-height:1.75}#sanskrit-dialog156::backdrop{background:#111a2b66;backdrop-filter:blur(2px)}.sa-dialog-head156{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--paper);padding:12px 0;border-bottom:1px solid var(--line);z-index:2}.sa-dialog-head156 #sa-close156{font-size:23px;padding:2px 10px}.sa-source-text156{white-space:pre-wrap;line-height:1.9;max-height:480px;overflow:auto;padding:18px;background:var(--paper2);border-radius:10px}.sa-sources156{font-size:12px;line-height:1.8}.sa-dictionary156{margin:15px 0}[data-sa-lookup156]{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}#sa-editor156 label,#translation156 label,[data-sa-lookup156] label{display:block;margin:14px 0}#sa-editor156 textarea,#translation156 textarea,[data-sa-lookup156] input,[data-sa-lookup156] select{width:100%;font:inherit;color:inherit;background:var(--paper);border:1px solid var(--line);padding:10px;border-radius:6px}.tr-layout156{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(340px,1.4fr);gap:25px;align-items:start}.tr-source156{font-size:22px;line-height:2;white-space:pre-wrap}.tr-preserve156{white-space:pre-wrap}.tr-layout156 aside{position:sticky;top:15px}.ls-sequence156{list-style:none;padding:0}.ls-sequence156 li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}.ls-sequence156 li>div:first-child{flex:1;min-width:180px}.ls-sequence156 small{display:block;opacity:.7;font-size:12px;margin-top:5px}.ls-sequence156 input{width:90px}.ls-sequence156 label{font-size:12px}.ls-sequence156 .btn{padding:7px 10px;font-size:12px}html[data-appearance=rainbow] #sa-reading156{background:linear-gradient(135deg,#fff6e5,#f7eaff 65%,#ecfaff)}html[data-appearance=celestial] #sa-reading156{border-top:3px solid var(--gold)}@media(max-width:850px){.sa-layout156,.tr-layout156{grid-template-columns:1fr}.sa-layout156 nav{max-height:230px}.tr-layout156 aside{position:static}}@media(prefers-reduced-motion:reduce){.sa-term156{transition:none}} /* ---- release157.css ---- */ /* Navigation is a control row, not a second dark header. */ html[data-appearance] .main>.navigation-strip{background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 12px;min-height:0} html[data-appearance=celestial]{--wine:#334f78;--paper:#fcf8ed;--paper2:#dfe2ea;--line:#9aa3b7;--ink:#243853} html[data-appearance=celestial] body,html[data-appearance=celestial] #authGate{background-color:#0b1029;background-image:radial-gradient(ellipse at 12% 15%,#5d3b7955,transparent 38%),radial-gradient(ellipse at 88% 45%,#1b6b8050,transparent 38%),radial-gradient(ellipse at 40% 95%,#7d4e6140,transparent 42%),radial-gradient(1px 1px at 20px 35px,#fff5d9 99%,transparent),radial-gradient(1px 1px at 81px 120px,#d2e8ff 99%,transparent),radial-gradient(1.5px 1.5px at 162px 60px,#aebcdbbb 99%,transparent);background-size:auto,auto,auto,183px 211px,237px 269px,349px 317px;background-attachment:fixed} html[data-appearance=celestial] .app-shell>.main{background:linear-gradient(135deg,#fffaf0f7,#e1e4ebf7);border:1px solid #99a3ba75;box-shadow:0 18px 70px #03081c55,inset 0 1px 0 #fff8e6;border-radius:20px} html[data-appearance=celestial] #studySidebar{background:radial-gradient(ellipse at top,#3c355b88,transparent 60%),linear-gradient(165deg,#17223b,#0d1429);border-right:1px solid #b5a27166} html[data-appearance=celestial] #studySidebar :is(.brand,.brand-sub,.nav-group147>summary){color:#c3cbdd} html[data-appearance=celestial] .main .card{background:#fffaf0d9;border-color:#919bb188;box-shadow:0 5px 22px #26344b08} html[data-appearance=celestial] .page-header{border-bottom-color:#838da4} html[data-appearance=celestial] #authGate .public-hero{background:radial-gradient(ellipse at 76% 30%,#8870a43b,transparent 44%),linear-gradient(125deg,#101a35dd,#2a2949aa);border:1px solid #828da666;box-shadow:0 20px 65px #03071c44} html[data-appearance=celestial] #authGate .public-feature-group148,html[data-appearance=celestial] #authGate .pricing-card{background:linear-gradient(140deg,#fff9eb,#dde0e6);color:#22344f;border-color:#b8a476} html[data-appearance=celestial] #authGate .public-feature-group148 *{color:inherit} html[data-appearance=celestial] #authGate .public-feature-number148{color:#515b72} html[data-appearance=celestial] #authGate .public-feature-directory148,html[data-appearance=celestial] #authGate .public-section{scroll-margin-top:20px} html[data-appearance=celestial] #authGate .public-directory148 a{color:#c7cee0;border-color:#b8a47666;background:#ffffff09} html[data-appearance=celestial] #authGate .public-course-preview{background:#111c35b5;border:1px solid #96a1ba55;color:#d5dbe8} html[data-appearance=classic] .main .card{box-shadow:0 4px 18px #4f382505;border-color:var(--line)} html[data-appearance=classic] #authGate .public-hero{background:radial-gradient(ellipse at 85% 20%,#c1a8a025,transparent 58%),var(--paper)} html[data-appearance=classic] #authGate .public-feature-group148{background:var(--paper);border-color:var(--line)} html[data-appearance=rainbow] body,html[data-appearance=rainbow] #authGate{background:radial-gradient(ellipse at top left,#ffcfac,transparent 48%),radial-gradient(ellipse at top right,#dac3ff,transparent 52%),linear-gradient(135deg,#ebccdc,#ffdcf1 42%,#d8e7ff 70%,#c5f4df);background-attachment:fixed} html[data-appearance=rainbow] .main{background:#fffdf6e8} html[data-appearance=rainbow] :is(.boards-cards157,.boards-players157,.page)>.card:nth-of-type(4n+1),html[data-appearance=rainbow] #authGate .public-feature-group148:nth-child(4n+1){background:linear-gradient(135deg,#ebcbdb,#ffd9cd);border-color:#cf8764} html[data-appearance=rainbow] :is(.boards-cards157,.boards-players157,.page)>.card:nth-of-type(4n+2),html[data-appearance=rainbow] #authGate .public-feature-group148:nth-child(4n+2){background:linear-gradient(135deg,#ffdcef,#e7d6ff);border-color:#b587c5} html[data-appearance=rainbow] :is(.boards-cards157,.boards-players157,.page)>.card:nth-of-type(4n+3),html[data-appearance=rainbow] #authGate .public-feature-group148:nth-child(4n+3){background:linear-gradient(135deg,#d9ebff,#c6f3e7);border-color:#78b9bc} html[data-appearance=rainbow] #authGate .public-hero{background:linear-gradient(120deg,#e5bbd0,#ffd3d6 35%,#e4d2ff 67%,#bfebf0);color:#442354} html[data-appearance=rainbow] #authGate .public-hero :is(h1,p,.eyebrow){color:#442354} html[data-appearance=rainbow] :is(.btn.primary,.admin-nav [aria-pressed=true]){background:linear-gradient(110deg,#8e345d,#584695);color:#fff;border-color:#763967} .lex-launch157{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.lex-launch157 h2{margin-top:0}.lex-tabs157{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.lex-tabs157 [aria-pressed=true]{border-color:var(--wine);background:var(--paper2)}.lex-search157{display:flex;gap:12px;align-items:end;margin:20px 0}.lex-search157>label:first-child{flex:1}.lex-layout157{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:24px}.lex-word157{display:flex;flex-wrap:wrap;gap:6px 12px;width:100%;padding:12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;font:inherit;cursor:pointer}.lex-word157 small{display:block;width:100%}.lex-word157:hover,.lex-word157:focus-visible{background:var(--paper2)}.lex-source157{white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px;line-height:1.95;max-height:75vh;overflow:auto;padding:18px 0}.lex-source157[lang=sa]{font-size:20px}.lex-layout157 aside{min-width:0}.lex-layout157 .card{min-width:0}#lex-nirukta157 label{display:block;margin:18px 0}#lex-nirukta157 textarea{width:100%;line-height:1.65}.boards-cards157{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.boards-cards157 article{display:flex;flex-direction:column;align-items:start}.boards-cards157 article .btn{margin-top:auto}.boards-lobby157{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.boards-lobby157 label{display:block;margin:14px 0}.boards-players157{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}.boards-players157 h3{font-size:16px}.boards-players157 .card{padding:15px}.boards-players157 .is-turn{outline:2px solid var(--wine);outline-offset:2px}.board-token157{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:2px 5px;border-radius:50%;background:var(--player);color:white;font:12px system-ui;margin-right:4px}.board-turn157{padding:16px;border-block:1px solid var(--line)}.game-progress157{width:100%;height:6px;accent-color:var(--wine);margin-bottom:20px}#boards157 .ws-list-row small{display:block}.admin-toolbar157{display:flex;align-items:end;gap:12px;margin-bottom:18px}.admin-toolbar157 label{flex:1;max-width:480px}.admin-nav.admin-directory157{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.admin-group157{display:flex;gap:7px;flex-wrap:wrap;align-content:start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper2)}.admin-group157>.eyebrow{width:100%;margin-bottom:5px}.admin-group157 .btn{font-size:13px;padding:8px 12px}.admin-help157{line-height:1.65;max-width:850px;margin:12px 0 24px}.admin-group157 [hidden]{display:none!important}#admin-find-status157{margin:0}.public-feature-body148 article p{max-width:75ch}.public-feature-group148{scroll-margin-top:20px} @media(max-width:900px){.boards-cards157{grid-template-columns:1fr}.lex-layout157{grid-template-columns:1fr}.lex-layout157 aside{max-height:300px;overflow:auto}.admin-nav.admin-directory157{grid-template-columns:1fr}.boards-lobby157{grid-template-columns:1fr}} @media(max-width:600px){.lex-search157,.lex-launch157{display:block}.lex-search157 label{display:block;margin:12px 0}.lex-search157 .btn{margin-bottom:10px}.admin-toolbar157{flex-wrap:wrap}.boards-players157{grid-template-columns:1fr 1fr}.lex-tabs157 .btn{font-size:13px}} @media(prefers-reduced-motion:reduce){html[data-appearance] *,html[data-appearance] *:before,html[data-appearance] *:after{animation:none!important;scroll-behavior:auto!important}} .nir-example157{border-top:1px solid var(--line);padding:16px 0}.nir-example157 .btn{margin:4px 8px 4px 0} /* ---- release158.css ---- */ #personal-menu149>summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2;list-style:none}#personal-menu149>summary::-webkit-details-marker{display:none}#personal-menu149>summary svg{display:block;flex:0 0 12px;transition:transform .15s}#personal-menu149[open]>summary svg{transform:rotate(180deg)} .studio-steps158{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.studio-steps158 [aria-pressed=true]{background:var(--wine);color:white}.studio-steps158 #studio-focus158{margin-left:auto}.studio-setup158{margin-bottom:18px}.studio-scenes158{margin-bottom:18px}.studio-scene158{display:flex;align-items:center;gap:5px}.studio-scene158 .text-btn{padding:8px}.studio152 [hidden]{display:none!important}#lecture-studio{max-width:1500px;margin:auto}.studio152 #ls-canvas152{width:100%;height:auto;max-height:68vh;object-fit:contain;background:var(--ink);border-radius:14px}.studio152 .ls-sequence156 li{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.studio152 .ls-sequence156 li>div:first-child{flex:1 1 180px}.studio152 .ls-sequence156 label{flex:0 1 100px}.studio152 .ls-sequence156 input,.studio152 .ls-sequence156 select{width:100%}.studio-focus158{position:fixed;inset:0;overflow:auto;z-index:150;background:var(--paper);padding:24px}.studio-focus158 .studio-steps158{position:sticky;top:0;background:var(--paper);padding:12px 0;z-index:2}.studio-focus158 .studio-scenes158,.studio-focus158 .studio-setup158{max-width:1400px;margin-inline:auto}.studio-focus158 #ls-canvas152{max-height:70vh}.studio152 details>summary{cursor:pointer}.studio152 #ls-import158 label{display:block;margin:14px 0}.studio152 .ls-controls152{gap:15px;padding:14px;border-radius:12px;background:var(--paper2)} .home-paths158{margin-bottom:28px}.home-grid158{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-path158{display:flex;flex-direction:column;gap:10px;padding:21px;text-align:left;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;font:inherit;cursor:pointer}.home-path158 span{font-size:20px}.home-path158 small{font-size:14px;line-height:1.6}.home-path158:hover,.home-path158:focus-visible{border-color:var(--wine);box-shadow:0 5px 20px #00000009}html[data-appearance=rainbow] .home-path158:nth-child(3n+1){background:linear-gradient(120deg,#edd0de,#ffdcca)}html[data-appearance=rainbow] .home-path158:nth-child(3n+2){background:linear-gradient(120deg,#f4dbfc,#dce5ff)}html[data-appearance=rainbow] .home-path158:nth-child(3n){background:linear-gradient(120deg,#d8f1ff,#d5f3df)}html[data-appearance=celestial] .home-path158{background:linear-gradient(145deg,#fff9ed,#e2e5eb);border-color:#8f99af}.chat-message-tools158{display:flex;gap:14px;margin:3px 0 9px}.chat-message-tools158 .text-btn{font-size:12px;opacity:.8}.chat-message146 p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-shared158{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px}.chat-layout146>aside>label{display:block;margin-bottom:12px}.chat-heading149{align-items:center;gap:12px}.chat-heading149 h2{margin:0;flex:1}.chat-thread146{border-radius:9px;margin-bottom:5px}.chat-thread146[aria-pressed=true]{border-color:var(--wine);background:var(--paper2)} @media(max-width:900px){.home-grid158{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-steps158 #studio-focus158{margin-left:0}}@media(max-width:560px){.home-grid158{grid-template-columns:1fr}.studio-focus158{padding:12px}.studio-steps158 .btn{font-size:13px}.studio152 .ls-controls152{padding:9px}} /* ---- release159.css ---- */ /* V1.59: restrained research workspace, preserving each appearance mode. */ .rs-tabs159{display:flex;gap:.45rem;flex-wrap:wrap;border-bottom:1px solid var(--line,var(--line));padding-bottom:1rem;margin-bottom:1.4rem} .rs-tabs159 [aria-pressed=true]{background:var(--accent,var(--gold));color:var(--paper,#fffaf1)} .rs-search159{display:grid;grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto;gap:.8rem;align-items:end} .rs-search159 label{display:grid;gap:.35rem;margin:0}.rs-search159 input,.rs-search159 select{width:100%;min-width:0} .rs-layout159{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:1.5rem;align-items:start;margin:1.2rem 0} .rs-layout159>*{min-width:0}.rs-layout159 aside{max-height:75vh;overflow:auto;overscroll-behavior:contain;padding-right:.3rem} .rs-result159{display:flex;flex-direction:column;gap:.2rem;text-align:left;width:100%;padding:.85rem .8rem;margin-bottom:.35rem;background:transparent;color:inherit;border:1px solid var(--line,var(--line));border-radius:.5rem;cursor:pointer;font:inherit} .rs-result159:hover,.rs-result159:focus-visible{background:var(--panel,var(--bg));border-color:var(--accent,var(--gold))} .rs-result159 small{opacity:.75;font-size:.8rem}.rs-result159 [lang=sa]{font-size:1.1rem;line-height:1.55} .rs-script159{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;margin-bottom:.75rem}.rs-script159 select{width:auto} .rs-reading159{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.05rem;line-height:1.85;margin:1.25rem 0}.rs-reading159 [lang=sa]{font-size:1.08em} .rs-raw159{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;max-height:28rem;overflow:auto} .rs-table159{overflow-x:auto;margin:1rem 0}.rs-table159 table{width:100%;min-width:520px}.rs-table159 th,.rs-table159 td{padding:.75rem;text-align:left;vertical-align:top;line-height:1.6} #research159 details{padding:.8rem 0;border-top:1px solid var(--line,var(--line))}#research159 summary{cursor:pointer;line-height:1.65}#research159 dt{margin-top:1rem;font-weight:600}#research159 dd{margin:.3rem 0 1rem;line-height:1.7} .rs-verse159{white-space:pre-wrap;font-size:1.18rem;line-height:2}.rs-verse159 mark{color:inherit;background:#dbc4bd80;border-bottom:1px solid var(--gold)} .rs-back159{margin-bottom:1rem}#research159 [hidden]{display:none!important} #sidebar-edge:focus-visible{outline:2px solid currentColor;outline-offset:3px} html[data-appearance=rainbow] .rs-tabs159 [aria-pressed=true]{background:linear-gradient(115deg,#7432a8,#a02479,#246799);color:white} html[data-appearance=celestial] .rs-tabs159 [aria-pressed=true]{background:#253653;color:#d2d9e9} @media(max-width:1000px){.rs-search159{grid-template-columns:1fr 1fr}.rs-layout159{grid-template-columns:210px minmax(0,1fr)}} @media(max-width:760px){.rs-layout159{grid-template-columns:1fr}.rs-layout159 aside{max-height:36vh}.rs-search159{grid-template-columns:1fr}.rs-search159 .btn{width:100%}.rs-script159{justify-content:flex-start}#sidebar-edge{min-width:28px;min-height:48px}} @media(prefers-reduced-motion:reduce){#research159 *{scroll-behavior:auto}} /* ---- release160.css ---- */ .tool-row160{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:18px 0}.tool-row160 label{display:grid;gap:6px;flex:1;min-width:150px}.tool-row160 input:not([type=checkbox]),.tool-row160 select{width:100%;min-height:42px}.tool-row160 label:has([type=checkbox]){display:flex;align-items:center}.table-scroll160{overflow-x:auto;max-width:100%;display:block!important}.table-scroll160 table{width:100%;border-collapse:collapse}.table-scroll160 th,.table-scroll160 td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line,var(--line));vertical-align:middle}.guide-entry160{margin:12px 0;padding:18px 22px}.guide-entry160 summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-size:1.12rem}.guide-entry160 summary::after{content:'+'}.guide-entry160[open] summary::after{content:'−'}.guide-entry160 summary small{margin-left:auto;font-size:.78rem;opacity:.72}.guide-entry160 li,.start-steps160 li{margin:10px 0;line-height:1.65}.guide-entry160 h3{margin:22px 0 8px}.mission160{border-bottom:1px solid var(--line,var(--line));padding:14px 0}.mission160 summary{cursor:pointer;font-size:1.08rem}.mission-space160{margin-bottom:26px}.mission-space160 progress{width:100%;height:8px}.badge-card153[hidden]{display:none!important}.notice160,.inset160{padding:18px;border-radius:12px;background:color-mix(in srgb,var(--accent,var(--gold)) 10%,transparent);border:1px solid var(--line,var(--line))}#transit-events160 details{margin-top:24px}#transit-events160 summary{cursor:pointer;font-size:1.12rem}#transcription160 audio{width:100%;margin:15px 0}.transcript-row160{display:grid;grid-template-columns:190px 150px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line,var(--line));align-items:start}.transcript-row160 label{display:grid;gap:5px}.transcript-row160 textarea{width:100%;min-height:80px;resize:vertical}.transcript-row160 input{width:100%}.ava-row160{padding:12px 0;border-bottom:1px solid var(--line,var(--line))}.ava-row160 summary{cursor:pointer}.ava-row160 .ava-influence-row{border:0}.ava-intro160{padding:18px;border:1px solid var(--line,var(--line));border-radius:12px;margin-bottom:20px}.ava-advanced160{margin:20px 0;padding:15px;border:1px solid var(--line,var(--line));border-radius:10px}#start160,#transcription160{max-width:1400px}#ts-title160{width:100%;font-size:1.2rem}#transcription160 details{margin-top:18px}#transcription160 [disabled]{opacity:.55}#transit-events160 button{white-space:normal}@media(max-width:750px){.transcript-row160{grid-template-columns:1fr}.guide-entry160 summary{flex-wrap:wrap}.guide-entry160 summary small{margin-left:0}.tool-row160{gap:12px}.table-scroll160 th,.table-scroll160 td{padding:10px}.tool-row160 button{min-height:44px}} #avaInfluenceLedger .ava-influence-row.ava-row160{display:block;grid-template-columns:none}#avaInfluenceLedger .ava-influence160{width:100%}#avaInfluenceLedger .ava-influence160>summary{display:flex;align-items:center;min-height:40px;cursor:pointer}#avaInfluenceLedger .ava-influence160>summary::before{content:'＋';margin-right:12px}#avaInfluenceLedger .ava-influence160[open]>summary::before{content:'−'}.ava-inputs160{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:12px 0}.ava-inputs160>p{flex-basis:100%;margin:0}.ava-inputs160 input[type=number]{max-width:130px}.ava-advanced160 label{display:block;margin-top:12px}#avaPane_engine .engine-grid:empty{display:none} /* ---- release161.css ---- */ .saros-method161{padding:16px 0}.saros-entry161{border-top:1px solid var(--line);padding-top:22px}.saros-entry161>details{padding:14px 0;border-bottom:1px solid var(--line)}.saros-entry161 summary,.saros-method161 summary,#transit-mail161>summary{cursor:pointer;font-size:1.12rem}.saros-entry161 cite,#saros-study161 cite{font-style:normal}.saros-facts161{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.saros-facts161>div{padding:14px;border:1px solid var(--line);border-radius:10px}.saros-facts161 small{display:block;opacity:.75;margin-bottom:8px}.saros-sequence161{display:flex;gap:4px;flex-wrap:wrap;margin:18px 0}.saros-sequence161 span{display:grid;place-items:center;min-width:25px;min-height:28px;border-radius:5px;color:var(--ink);border:1px solid #999;background:var(--paper2);font-size:12px}.saros-sequence161 .saros-type-A{background:#e4c2b7}.saros-sequence161 .saros-type-T{background:#d2c5f3}.saros-sequence161 .saros-type-H{background:#aadecf}#saros-note161{width:100%;margin:10px 0}.tm-row161{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.tm-row161 small{display:block;margin-top:5px;opacity:.8}#transit-mail161[hidden]{display:none!important} /* Bubblegum is a fully reversible theme. Decorative layers never intercept controls. */ html[data-appearance=bubblegum]{--bg:#ffe7f2;--paper:#fff7fc;--paper2:#fce0f0;--ink:#4d174b;--muted:#79446e;--line:#df9fc8;--dark:#59164e;--wine:#b41767;--olive:#247169;--gold:#7e377e;--blue:#6650a3;--shadow:0 10px 0 #efb1d333,0 18px 40px #95276510;font-family:ui-rounded,'Trebuchet MS',sans-serif} html[data-appearance=bubblegum] body{font-family:ui-rounded,'Trebuchet MS',sans-serif;background:radial-gradient(circle at 10% 15%,#c4fff455,transparent 30%),radial-gradient(circle at 90% 55%,#d8bbff70,transparent 32%),linear-gradient(140deg,#ffe7f2,#fceaff 60%,#fff1d9);color:var(--ink)} html[data-appearance=bubblegum] :is(h1,h2,h3,h4,.brand,.page-title){font-family:ui-rounded,'Trebuchet MS',sans-serif;letter-spacing:-.025em;color:var(--ink)} html[data-appearance=bubblegum] :is(.sidebar){background:radial-gradient(circle at 85% 8%,#ffb6df70,transparent 25%),linear-gradient(160deg,#6c236e,#a22c76 64%,#7e3993);color:#fff5fc;border-right:2px solid #e995cb} html[data-appearance=bubblegum] .sidebar :is(.brand,.brand-sub,.nav-group>summary,.section-label){color:#fff4fc}html[data-appearance=bubblegum] .nav button{color:#fff5fc;border-radius:16px}html[data-appearance=bubblegum] .nav button:hover{background:#ffffff20}html[data-appearance=bubblegum] .nav button.active{background:linear-gradient(100deg,#ffcae8,#d5fff4);color:#551447;box-shadow:0 3px 0 #43104660} html[data-appearance=bubblegum] :is(.card,.course-card,.assignment-card,.modal-card,.bl-book,.home-path158,dialog){background:var(--paper);border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow);color:var(--ink)} html[data-appearance=bubblegum] .home-path158:nth-child(3n+1){background:#ffe0ef}html[data-appearance=bubblegum] .home-path158:nth-child(3n+2){background:#ece0ff}html[data-appearance=bubblegum] .home-path158:nth-child(3n){background:#dffff2} html[data-appearance=bubblegum] :is(.btn,button:not(.text-btn):not(.reference-term146)){border-radius:18px;font-family:inherit}html[data-appearance=bubblegum] .btn{background:#fff6fb;border-color:#c577ae;color:#6c225a}html[data-appearance=bubblegum] .btn.primary{background:linear-gradient(120deg,#b41767,#8b2c91);border-color:#8f155d;color:#fff;box-shadow:0 4px 0 #6e165341} html[data-appearance=bubblegum] :is(input,select,textarea){background:#fffbfe;border-color:#c48fb8;color:#4d174b;border-radius:13px}html[data-appearance=bubblegum] :is(button,input,select,textarea,a):focus-visible{outline:3px solid #247169;outline-offset:3px} html[data-appearance=bubblegum] :is(th,.badge,.tag,.pill){background:#f8d5e9;color:#5a1955}html[data-appearance=bubblegum] :is(.tabs,.topbar,.top-actions,.navigation-strip){background:transparent}html[data-appearance=bubblegum] a{color:#8a216e}html[data-appearance=bubblegum] progress{accent-color:#b41767} html[data-appearance=bubblegum] :is(.public-gate,.public-shell,.public-main){background:transparent;color:#4d174b}html[data-appearance=bubblegum] .public-nav{background:#fff5fbea;border-color:#d799c3;border-radius:0 0 24px 24px}html[data-appearance=bubblegum] .public-nav .brand{color:#7c205f} html[data-appearance=bubblegum] :is(.public-hero,.public-final){position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 92% 20%,#e7c0e7 0 4%,transparent 4.2%),radial-gradient(circle at 82% 80%,#aff6e7 0 8%,transparent 8.2%),linear-gradient(115deg,#ffd0e7 0%,#f6cbff 52%,#dfd3ff 100%);border:2px solid #d887bc;border-radius:32px;color:#59164e;padding:clamp(25px,5vw,75px)} html[data-appearance=bubblegum] .public-hero::after{content:'';position:absolute;right:-70px;top:-65px;width:250px;height:250px;border-radius:50%;background:repeating-conic-gradient(from 20deg,#fff8fc 0deg 22deg,#ee80bd 22deg 44deg);opacity:.2;z-index:-1;pointer-events:none} html[data-appearance=bubblegum] :is(.public-hero,.public-final) :is(h1,h2,p,.public-kicker){color:#59164e}html[data-appearance=bubblegum] :is(.public-feature,.public-plan,.public-feature-card,.feature-card,.public-section,.public-feature-detail){background:#fff7fc;border-color:#dfa0ca;border-radius:23px;color:#4d174b}html[data-appearance=bubblegum] .public-hero h1{max-width:900px;text-shadow:0 3px 0 #ffffff99}html[data-appearance=bubblegum] :is(.psyche-card,.concept-card,.psyche-detail,.research-card){background:linear-gradient(145deg,#fff7fc,#f5e8ff);color:#4d174b;border-color:#d7a1cd} @media(max-width:750px){.saros-facts161{grid-template-columns:1fr 1fr}.tm-row161{align-items:start;flex-direction:column}html[data-appearance=bubblegum] .public-hero{border-radius:20px}} html[data-appearance=bubblegum] #authGate :is(.public-feature-group148,.pricing-card,.auth-card){background:#fff7fc;border:1px solid #d88dbd;border-radius:24px;color:#4d174b;box-shadow:0 8px 0 #eeb1d126} html[data-appearance=bubblegum] #authGate .public-feature-group148:nth-child(3n+1){background:linear-gradient(125deg,#fff7fc,#ffe0ef)}html[data-appearance=bubblegum] #authGate .public-feature-group148:nth-child(3n+2){background:linear-gradient(125deg,#fff7fc,#e9deff)}html[data-appearance=bubblegum] #authGate .public-feature-group148:nth-child(3n){background:linear-gradient(125deg,#fff7fc,#d9fff0)}html[data-appearance=bubblegum] #authGate .pricing-card.featured{background:linear-gradient(145deg,#ffd6ec,#efe2ff);border:2px solid #b93b89}html[data-appearance=bubblegum] #authGate .pricing-card :is(h3,p,li,.price){color:#4d174b}html[data-appearance=bubblegum] :is(.tool-card,.stat-card,.psyche-concept,.psyche-school,.psyche-practice-card){background:#fff7fc;color:#4d174b;border-color:#df9fc8;border-radius:20px}html[data-appearance=bubblegum] .public-feature-body148 article{border-color:#d88dbd}html[data-appearance=bubblegum] .public-feature-index148 button{background:#fff4fb;color:#74255f;border-color:#d994c2} /* ---- release162.css ---- */ .return-bar162{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:14px}.return-bar162[hidden]{display:none}.return-bar162 span{color:var(--muted)}.return-bar162 .btn{min-height:42px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-back159{display:none!important} .mood162{position:relative;font-size:15px}.mood162 summary{list-style:none;display:flex;gap:10px;align-items:center;cursor:pointer;border:1px solid var(--line);background:var(--paper);padding:12px 16px;border-radius:28px}.mood162 summary::-webkit-details-marker{display:none}.mood-dot162{width:13px;height:13px;border-radius:50%;background:var(--wine)}.mood-options162{position:absolute;right:0;top:calc(100% + 8px);width:275px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:12px;z-index:300}.mood-options162>p{font-size:13px;color:var(--muted);margin:4px 8px 12px}.mood-options162 button{display:flex;width:100%;gap:12px;align-items:center;text-align:left;padding:12px;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--ink);font:inherit;cursor:pointer}.mood-options162 button[aria-pressed=true]{border-color:var(--wine);background:var(--paper2)}.mood-options162 small{display:block;color:var(--muted);margin-top:3px;font-size:12px}.mood-swatch162{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid #8885}.mood-swatch162.classic{background:linear-gradient(135deg,var(--paper2) 50%,#694238 50%)}.mood-swatch162.rainbow{background:conic-gradient(#ed4779,#c98b76,#4fd7af,#478ef7,#b363ef,#ed4779)}.mood-swatch162.celestial{background:radial-gradient(circle at 35% 30%,#deb5a8 0 5%,transparent 7%),linear-gradient(130deg,#132540,#574278)}.mood-swatch162.bubblegum{background:linear-gradient(135deg,#ff75bd,#c5a1ff,#a5f5db)}.theme-picker153[hidden]{display:none!important} .milestone-hero162{display:flex;gap:26px;align-items:center;padding:28px 0}.milestone-ring162{width:124px;height:124px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--wine) var(--progress),var(--line) 0);display:grid;place-items:center}.milestone-ring162>span{display:grid;place-content:center;text-align:center;width:106px;height:106px;border-radius:50%;background:var(--paper);font-size:32px}.milestone-ring162 small{font-size:12px}.badge-grid153{gap:16px!important}.badge-grid153>article,.badge-grid153>.card{border-radius:18px;padding:22px;background:var(--paper)}.badge-grid153 .earned{border-color:var(--gold);box-shadow:inset 0 3px var(--gold)}.mission160{padding:12px 0;border-bottom:1px solid var(--line)}.mission160 summary{min-height:36px;cursor:pointer}.map-diagram153 svg{width:100%;height:auto}.map-layout146{align-items:start}.map-search153 input,.map-search153 select{min-height:44px} @media(max-width:700px){.return-bar162{position:sticky;top:0;z-index:80;background:var(--bg);padding:8px 0;margin-bottom:8px}.return-bar162 span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top-actions{gap:8px!important;flex-wrap:wrap}.mood-options162{position:fixed;left:12px;right:12px;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;max-height:80dvh;overflow:auto;z-index:1000}.mood-options162 button{min-height:62px}button.btn,select,input:not([type=checkbox]):not([type=radio]),summary{min-height:44px}input,select,textarea{font-size:16px!important}dialog{max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;padding:16px!important;overscroll-behavior:contain}.sa-dialog-head156{position:sticky;top:-16px;background:var(--paper);padding:10px 0;z-index:2}.milestone-hero162{gap:16px;padding:16px 0}.milestone-ring162{width:92px;height:92px}.milestone-ring162>span{width:78px;height:78px;font-size:26px}.map-layout146{display:block!important}#map-list146{max-height:190px;overflow:auto;margin-bottom:16px}.map-diagram153{overflow:auto}.map-diagram153 svg{min-width:560px}.experience-tabs{display:flex;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.experience-tabs button{white-space:nowrap;scroll-snap-align:start}.main{min-width:0}table{font-size:14px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} #transit-mail161,[data-tm-contact161]{display:none!important}.observation162{margin-bottom:24px}.ob-period162{display:grid;grid-template-columns:minmax(140px,1fr) 2fr auto;gap:18px;align-items:center;border-top:1px solid var(--line);padding:20px 0}.ob-period162 h3,.ob-period162 p{margin:0 0 6px}.ob-period162 small{color:var(--muted)}#ob-email162{padding-top:18px;margin-top:16px;border-top:1px solid var(--line)}#ob-email162 label{display:flex;gap:10px;align-items:center;margin:16px 0}#ob-email162 input{width:auto}#ob-admin162{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}@media(max-width:700px){.ob-period162{grid-template-columns:1fr;gap:10px}.ob-period162 .row .btn{flex:1}} @media(max-width:700px){.map-diagram153 svg{min-width:0}.map-diagram153{overflow:visible}.map-diagram153 svg{max-height:none}.map-search153{display:grid;grid-template-columns:1fr!important}} .lab-layout162{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(280px,1fr);gap:24px;margin-top:24px;align-items:center}#lab-visual162 svg{width:100%;height:auto;display:block}#lab-result162{display:block;min-height:70px;padding:16px 0;color:var(--ink);font-variant-numeric:tabular-nums}.lab-layout162 input[type=range]{width:100%;accent-color:var(--wine)}.lab-layout162 details{margin-top:18px}.lab-layout162 .row{align-items:center}@media(max-width:750px){.lab-layout162{grid-template-columns:1fr;gap:12px}#lab-visual162{max-width:440px;margin:auto;width:100%}} .badge-grid153>.badge-card153{border-radius:18px;padding:22px;background:var(--paper);border:1px solid var(--line)}.badge-grid153>.badge-card153.earned{border-color:var(--gold)}.badge-medal153{border-radius:50%;background:var(--paper2);box-shadow:0 0 0 5px var(--paper),0 0 0 6px var(--line);margin:8px 8px 20px;width:52px;height:52px;display:grid;place-items:center;font-size:26px}.earned .badge-medal153{background:var(--gold);color:var(--dark)} /* ---- release163.css ---- */ /* Matte pastel Bubblegum: full-spectrum surfaces, no gloss or decorative shine. */ html[data-appearance=bubblegum]{--bg:#f6eafa;--paper:#fff9ee;--paper2:#e5eefb;--ink:#382842;--muted:#65546e;--line:#c8b4d0;--dark:#44324d;--wine:#774365;--olive:#386f63;--gold:#8a538a;--blue:#526b9c;--shadow:none} html[data-appearance=bubblegum] body{background:#f6eafa!important;background-image:none!important} html[data-appearance=bubblegum] :is(.main,.app-shell,.topbar,.navigation-strip,.public-gate,.public-page){background-image:none!important;box-shadow:none!important;backdrop-filter:none!important} html[data-appearance=bubblegum] :is(.main,.app-shell,.public-gate)::before,html[data-appearance=bubblegum] :is(.main,.app-shell,.public-gate)::after{display:none!important} html[data-appearance=bubblegum] :is(.sidebar){background:#d9cdf4!important;color:#382842!important;border-right:1px solid #b9a4d4} html[data-appearance=bubblegum] .sidebar :is(.brand,.brand-sub,.nav-group>summary,.section-label,.nav button,.sidebar-pin140){color:#382842!important} html[data-appearance=bubblegum] .nav button{background:transparent;box-shadow:none!important} html[data-appearance=bubblegum] .nav button.active{background:#ecceec!important;color:#382842!important;box-shadow:none!important} html[data-appearance=bubblegum] :is(.card,.course-card,.assignment-card,.modal-card,.bl-book,.home-path158,dialog,.public-feature-group148,.public-price-card,.public-plan,.public-hero,.public-section){background-image:none!important;box-shadow:none!important;text-shadow:none!important;border-radius:20px;border-color:var(--line)} html[data-appearance=bubblegum] :is(.card,.home-path158,.public-feature-group148,.bl-book,.badge-card153):nth-child(6n+1){background:#ffe1eb!important} html[data-appearance=bubblegum] :is(.card,.home-path158,.public-feature-group148,.bl-book,.badge-card153):nth-child(6n+2){background:#f0d6f0!important} html[data-appearance=bubblegum] :is(.card,.home-path158,.public-feature-group148,.bl-book,.badge-card153):nth-child(6n+3){background:#e3f0d5!important} html[data-appearance=bubblegum] :is(.card,.home-path158,.public-feature-group148,.bl-book,.badge-card153):nth-child(6n+4){background:#d8efed!important} html[data-appearance=bubblegum] :is(.card,.home-path158,.public-feature-group148,.bl-book,.badge-card153):nth-child(6n+5){background:#dde9fc!important} html[data-appearance=bubblegum] :is(.card,.home-path158,.public-feature-group148,.bl-book,.badge-card153):nth-child(6n){background:#ebdafa!important} html[data-appearance=bubblegum] .public-section:nth-of-type(3n+1){background:#e3f0d5!important}html[data-appearance=bubblegum] .public-section:nth-of-type(3n+2){background:#dde9fc!important}html[data-appearance=bubblegum] .public-section:nth-of-type(3n){background:#ffe1eb!important} html[data-appearance=bubblegum] .btn{box-shadow:none!important;background-image:none!important;background:#fffbef!important;color:#49334f!important;border-color:#bba4bf!important} html[data-appearance=bubblegum] .btn.primary{background:#dfc5f0!important;color:#3f2c4b!important;border-color:#9d7dae!important} html[data-appearance=bubblegum] :is(.public-hero,.public-card,.public-pricing-card){background:#f0d6f0!important;box-shadow:none!important} html[data-appearance=bubblegum] :is(.public-hero,.public-card,.public-pricing-card)::before,html[data-appearance=bubblegum] :is(.public-hero,.public-card,.public-pricing-card)::after{display:none!important} html[data-appearance=bubblegum] :is(input,textarea,select){background:#fffdf7!important;box-shadow:none!important} html[data-appearance=bubblegum] :is(.badge,.pill,.tag,th){background:#d8efed!important;color:#38434c!important} html[data-appearance=bubblegum] .mood-swatch162.bubblegum{background:conic-gradient(#ffd6e5 0 60deg,#edcfed 60deg 120deg,#dcf0cf 120deg 180deg,#ccebea 180deg 240deg,#dbe4fd 240deg 300deg,#e5d0f3 300deg)!important} .observatory-tabs163{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0 18px}.observatory-tabs163 button[aria-pressed=true]{background:var(--wine);color:var(--paper)}.observatory-pane163[hidden]{display:none!important}.observatory-pane163>.card{margin-bottom:18px}.transit-chart-card{scroll-margin-top:72px}.transit-intro-card{display:none!important}.transit-time-panel #period-help163{padding:12px;background:var(--paper2);border-radius:10px;font-size:14px}.transit-return163{margin-bottom:12px} #sidebar-edge{background:var(--wine)!important;color:var(--accent-ink)!important;border:2px solid var(--paper)!important;box-shadow:0 3px 12px #0003!important;min-width:48px!important;opacity:1!important} .mobile-menu163{display:none}.bl-home{padding:22px!important}.bl-home>section{margin-top:26px}.bl-home h3{font-size:20px;margin-bottom:10px}.bl-book-row{padding:5px 0!important;gap:10px!important;min-height:54px!important}.bl-row-open{padding:6px 8px!important;min-height:44px}.bl-row-title{font-size:16px!important;line-height:1.35!important}.bl-row-meta{font-size:12px!important;margin-top:2px!important}.bl-row-actions{gap:5px!important}.bl-row-actions button,.bl-book-row>button{padding:8px 10px;font-size:13px;min-height:40px}.bl-row-open:hover{background:var(--paper2);border-radius:8px}.bl-tools{gap:8px}.bl-reader{border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden}.bl-reader>.bl-heading{padding:12px 16px;background:var(--paper2)}.bl-reader #br-title{font-size:19px;margin:0}.br-toolbar{padding:10px 14px;border-block:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.br-toolbar button{min-height:38px;padding:7px 11px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}#br-scroll{background:var(--paper2)}#bl-resume-status163{font-size:13px;color:var(--muted)}.bl-continue-heading163{display:flex;align-items:center;justify-content:space-between}.saros-family-nav163{display:flex;gap:10px;align-items:center;margin:12px 0}.saros-family-nav163 span{flex:1;text-align:center;color:var(--muted)}.saros-entry161>h3{font-size:26px;line-height:1.35}.saros-entry161>p:first-of-type{font-size:18px;line-height:1.8;max-width:76ch}.saros-sequence161{gap:5px}.saros-sequence161 span{min-width:28px;min-height:30px}.saros-facts161{grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:760px){.mobile-menu163{display:flex;align-items:center;justify-content:center;gap:8px;position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;z-index:140;background:var(--wine);color:var(--paper);border:2px solid var(--paper);border-radius:26px;padding:12px 18px;min-height:48px;box-shadow:0 3px 16px #0003;font:inherit}.mobile-menu163[hidden]{display:none!important}#sidebar-edge{display:none!important}.main{padding-bottom:95px!important}.sidebar-controls144{position:sticky;top:0;z-index:10;background:inherit;padding:10px}.sidebar-controls144 #sidebarClose{min-width:44px;min-height:44px}.observatory-tabs163{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity}.observatory-tabs163 button{white-space:nowrap;flex-shrink:0;scroll-snap-align:start}.transit-workspace{display:flex!important;flex-direction:column-reverse}.transit-time-panel{width:100%}.transit-nav-buttons{display:flex}.transit-nav-buttons button{flex:1}.bl-home{padding:14px!important}.bl-row-actions{flex-direction:row!important}.bl-row-actions button{font-size:12px;padding:6px 8px;min-height:44px}.bl-book-row{align-items:center!important}.bl-row-open{min-width:0;flex:1}.bl-row-title{font-size:15px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important}.bl-row-meta{font-size:11px!important}.br-toolbar{flex-wrap:wrap;gap:6px}.br-toolbar button{min-height:44px}.br-toolbar #br-capture,.br-toolbar #br-highlight{font-size:12px}.bl-reader>.bl-heading{flex-wrap:wrap;gap:8px}.bl-reader #br-title{flex-basis:65%;font-size:16px}.br-layout{display:flex!important;flex-direction:column}.br-layout>aside{width:auto!important;max-height:45dvh;overflow:auto}.saros-entry161>h3{font-size:22px}.saros-entry161>p:first-of-type{font-size:16px}.auth-card{max-height:92dvh;overflow:auto}.mood-options162{bottom:calc(75px + env(safe-area-inset-bottom))}} .circuit-layout163{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:22px;margin:20px 0}.circuit-board163{display:grid;grid-template:repeat(4,minmax(110px,1fr))/repeat(4,minmax(0,1fr));gap:8px;padding:14px;background:var(--paper2);border:1px solid var(--line);border-radius:24px}.circuit-tile163{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;border-radius:14px;border:1px solid #a79a86;color:var(--ink);font:inherit;background:var(--paper3)}.circuit-tile163 small{font-size:11px}.circuit-tile163.element-1{background:var(--bg)}.circuit-tile163.element-2{background:var(--bg)}.circuit-tile163.element-3{background:var(--paper3)}.circuit-centre163{grid-area:2/2/4/4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.circuit-die163{font-family:system-ui;font-size:86px;line-height:1.1;color:var(--ink);filter:none}.circuit-die163.rolling{animation:dice163 .25s linear infinite}.circuit-pieces163{min-height:26px;display:flex;gap:4px;align-items:center}.circuit-token163{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#674fa2;color:white;border:2px solid white;animation:token163 .18s ease-out}.circuit-token163.player-1{background:var(--wine)}.circuit-stock163{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.circuit-stock163 span{text-align:center;background:var(--paper2);padding:8px;border-radius:10px;font-size:12px}.circuit-stock163 strong{display:block;font-size:23px;font-weight:400}.circuit-actions163{display:grid;gap:10px;margin:16px 0}.circuit-console163 h2{font-size:24px}.circuit-rules163{padding:16px;border:1px solid var(--line);border-radius:14px}.circuit-rules163 li{margin:10px 0}.circuit-console163 details{margin:14px 0}.circuit-console163 label{display:block;margin:8px 0}@keyframes dice163{50%{transform:rotate(25deg) translateY(-9px)}100%{transform:rotate(-25deg)}}@keyframes token163{from{transform:scale(.65)}to{transform:scale(1)}}@media(max-width:900px){.circuit-layout163{grid-template-columns:1fr}}@media(max-width:500px){.circuit-board163{padding:5px;gap:4px;grid-template-rows:repeat(4,minmax(88px,1fr))}.circuit-tile163{font-size:12px;padding:3px}.circuit-tile163 small{font-size:9px}.circuit-centre163 small{font-size:11px}.circuit-die163{font-size:64px}}@media(prefers-reduced-motion:reduce){.circuit-die163.rolling,.circuit-token163{animation:none}} html[data-appearance=bubblegum] :is(#authGate,.main,.sidebar,.topbar,.psyche-detail,.concept-card,.research-card,.pricing-card,.auth-card,.tool-card,.stat-card,.psyche-concept,.psyche-school,.psyche-practice-card){background-image:none!important;box-shadow:none!important;text-shadow:none!important}html[data-appearance=bubblegum] #authGate{background:#f3e6f7!important}html[data-appearance=bubblegum] #authGate .pricing-card{background:#dcf0e4!important}html[data-appearance=bubblegum] #authGate .pricing-card.featured{background:#f0d6f0!important}html[data-appearance=bubblegum] :is(body,#authGate,.main)::before,html[data-appearance=bubblegum] :is(body,#authGate,.main)::after{background-image:none!important;box-shadow:none!important}html[data-appearance=bubblegum] :is(.psyche-concept,.psyche-school,.psyche-practice-card,.concept-card):nth-child(3n+1){background:#ffe1eb!important}html[data-appearance=bubblegum] :is(.psyche-concept,.psyche-school,.psyche-practice-card,.concept-card):nth-child(3n+2){background:#dde9fc!important}html[data-appearance=bubblegum] :is(.psyche-concept,.psyche-school,.psyche-practice-card,.concept-card):nth-child(3n){background:#e3f0d5!important} /* ---- release164.css ---- */ /* Clear primary modes, compact secondary controls, stable touch targets. */ .reference-views{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;padding:14px 0!important;border-bottom:1px solid var(--line);margin-bottom:20px!important}.reference-views button{font:inherit!important;font-size:20px!important;line-height:1.3!important;text-align:left;padding:16px 18px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--paper2)!important;color:var(--ink)!important;min-height:78px}.reference-views button small{display:block;font-size:13px;font-weight:400;margin-top:6px;color:var(--muted)}.reference-views button[aria-current=page]{border:2px solid var(--wine)!important;padding:15px 17px!important;background:var(--paper)!important;box-shadow:inset 5px 0 var(--wine)}.reference-subjects{gap:5px!important;padding-bottom:10px}.reference-subjects button{font-size:13px!important}.avastha-tabs{gap:6px!important}.avastha-tab.active{border-bottom:3px solid var(--wine)!important}.studio-steps158,.observatory-tabs163,.nr-tabs141{gap:8px}.studio-steps158 [aria-pressed=true],.observatory-tabs163 [aria-pressed=true],.nr-tabs141 [aria-pressed=true]{box-shadow:inset 0 -3px var(--wine);font-weight:600}.transit-nav-buttons{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px!important;flex-wrap:nowrap!important}.transit-nav-buttons button{white-space:nowrap!important;min-width:0!important;padding:10px 7px!important;font-size:14px!important;min-height:44px}.transit-help163{font-size:13px!important;line-height:1.55!important;margin:10px 0 14px!important}.transit-time-panel{min-width:0}.transit-time-panel input{max-width:100%;min-width:0}.transit-controls label{font-size:13px}.page button:focus-visible,.page summary:focus-visible{outline:3px solid var(--wine);outline-offset:3px}.page .row{row-gap:8px}.page :is(input,select,textarea){min-width:0}.studio-readiness164{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.studio-readiness164 span{border:1px solid var(--line);border-radius:20px;padding:6px 10px;font-size:12px;background:var(--paper2)}.studio-utilities164{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:12px}.studio-utilities164 .row{align-items:end}.studio-utilities164 input{max-width:110px}.studio-utilities164 p{font-size:13px}.studio-steps158{position:sticky;top:0;z-index:8;background:var(--paper);padding:10px 0}.transcript-toolbar164{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.transcript-toolbar164 label{font-size:13px}.transcript-row160{border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0;background:var(--paper)}.transcript-row160.is-playing164{border-color:var(--wine);box-shadow:inset 4px 0 var(--wine)}.transcript-time164{display:flex;gap:8px;flex-wrap:wrap}.transcript-time164 input{width:110px}.transcript-time164 label{font-size:12px}.transcript-row-actions164{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}.transcript-row-actions164 button{font-size:12px;min-height:36px}.transcript-pagination164{display:flex;gap:12px;align-items:center;justify-content:space-between}.transcript-pagination164 button{white-space:nowrap}.ts-controls164{position:sticky;top:0;z-index:5;background:var(--paper);padding:10px;border-bottom:1px solid var(--line)}#ts-audio160{width:100%;margin:10px 0}#ts-replace164 input{max-width:240px}.circuit-tile163.destination164{outline:3px solid var(--wine);outline-offset:1px}.circuit-tile163.current164{box-shadow:inset 0 0 0 3px #674fa2}.circuit-pieces163{height:29px;flex-wrap:nowrap}.circuit-stock163 span{border:1px solid var(--line)}.circuit-goals164{display:grid;gap:8px;margin:14px 0}.circuit-goals164>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--line)}.circuit-die163{display:grid;place-items:center;perspective:500px;transform-origin:center}.circuit-die163.rolling{animation:dice164 .45s ease-in-out infinite}.circuit-route-info164{font-size:13px;line-height:1.5;color:var(--muted)}.circuit-token163{animation:land164 .28s ease-out}.circuit-status164{min-height:3em}.game-guide164{padding:16px;margin:12px 0;border:1px solid var(--line);border-radius:14px}.game-guide164 p{margin:4px 0;max-width:75ch}#boards157>.card[data-circuit163]{border:2px solid var(--wine)}@keyframes dice164{0%{transform:rotateX(0) rotateZ(-12deg)}50%{transform:rotateX(180deg) rotateZ(12deg) translateY(-8px)}100%{transform:rotateX(360deg) rotateZ(-12deg)}}@keyframes land164{0%{transform:translateY(-10px) scale(.8)}65%{transform:translateY(2px) scale(1.08)}100%{transform:translateY(0) scale(1)}}@media(max-width:760px){.reference-views button{font-size:18px!important;padding:12px!important;min-height:85px}.reference-views button[aria-current=page]{padding:11px!important}.reference-views button small{font-size:12px}.studio-steps158{overflow-x:auto;flex-wrap:nowrap!important}.studio-steps158 button{white-space:nowrap;font-size:13px}.transcript-row160{display:block}.transcript-row160>label{display:block;margin:8px 0}.transcript-toolbar164 button{min-height:44px}.transcript-row-actions164 button{min-height:42px}.circuit-console163{padding:16px}.circuit-board163{gap:6px}.page :is(.table-scroll160,.table-wrap){overscroll-behavior-inline:contain}.reference-subjects{overflow-x:auto;flex-wrap:nowrap!important}.reference-subjects button{white-space:nowrap;flex-shrink:0}}@media(prefers-reduced-motion:reduce){.circuit-die163.rolling,.circuit-token163{animation:none}} .journey-seal154.rolling164{display:inline-block;animation:dice164 .45s ease-in-out infinite}.journey-counter154{animation:land164 .3s ease-out}.boards-cards157{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.boards-cards157>.card{display:flex;flex-direction:column;align-items:flex-start}.boards-cards157>.card p{flex:1}.boards-cards157 .eyebrow{font-size:11px;letter-spacing:.06em}.exp-node155.here{box-shadow:inset 0 0 0 3px var(--wine)}.exp-node155.selected{outline:2px solid var(--wine);outline-offset:2px}.exp-actions155{display:grid;gap:10px}.exp-actions155 button:disabled{opacity:.45;cursor:not-allowed}.boards-players157 .card{padding:12px}.exp-board155{gap:9px}.game-progress157{height:8px;border-radius:8px}@media(prefers-reduced-motion:reduce){.journey-seal154.rolling164,.journey-counter154{animation:none}} #boards157 .card[data-circuit163]{border:2px solid var(--wine)} /* ---- release165.css ---- */ /* V1.65 · long-form transcription and source-aware Sanskrit working definitions */ .sa-assist165{margin:16px 0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper2)} .sa-assist-head165{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .sa-assist-head165 h3{margin:0 0 4px} .sa-assist-head165 p{margin:0;max-width:62ch;font-size:13px} .sa-assist-result165{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);line-height:1.6} .sa-assist-result165 h4{margin:0 0 6px;font-size:1.05rem} .sa-assist-result165 p{margin:7px 0;max-width:75ch} .sa-overview-lead165{padding:10px 12px;border-radius:10px;background:var(--paper);border:1px solid var(--line)} .sa-overview-lead165 .badge{display:inline-block;margin-bottom:4px} .sa-overview-lead165 p{margin:2px 0;max-width:78ch} .sa-overview-grid165{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px} .sa-overview-grid165 section{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)} .sa-overview-grid165 section:last-child{grid-column:1/-1} .sa-overview-grid165 h4{font-size:.88rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 4px} .sa-overview-grid165 section p{margin:0;max-width:72ch} .sa-assist-result165 details{margin-top:10px} .transcription-chunk-note165{font-size:13px;color:var(--muted)} @media(max-width:640px){.sa-assist-head165{display:block}.sa-assist-head165 button{margin-top:10px;min-height:44px}.sa-assist165{padding:13px}.sa-overview-grid165{grid-template-columns:1fr}.sa-overview-grid165 section:last-child{grid-column:auto}.transcription160 .tool-row160{gap:9px}} /* ---- release167.css ---- */ /* Intrinsic widths must shrink within grids, especially chart SVGs and long Sanskrit. */ .main,.page,.grid,.grid>*,.card,.chart-studio-grid,.transit-grid,.nb-layout140>*{min-width:0;box-sizing:border-box} .main{max-width:100%}.page{overflow-wrap:anywhere}.card{max-width:100%} input,select,textarea{box-sizing:border-box;max-width:100%}input[type=checkbox],input[type=radio]{width:auto!important;flex:0 0 auto} .transit-chart-card svg,.birth-chart svg{max-width:100%;height:auto}.transit-chart-card{overflow:hidden} .membership167 dl>div{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid var(--line)}.membership167 dd{margin:0;text-align:right}.membership167 dt{color:var(--muted)} .disclosure-tools167{display:flex;gap:16px;padding:10px 0;flex-wrap:wrap}.nb-back167{display:none} .primary-chart-card{scroll-margin-top:24px}.inbox-button167{display:inline-flex;align-items:center;gap:6px}.inbox-button167 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.notice167{display:block;width:100%;text-align:left;padding:14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit}.notice167 small{display:block;color:var(--muted)}.notice167.unread{border-left:3px solid var(--accent,var(--gold))} html[data-appearance=dark]{color-scheme:dark;--bg:#1e1a16;--paper:#2a2520;--card:#2a2520;--ink:#eee9df;--text:#eee9df;--muted:#bfb8ad;--line:#574f44;--accent:#dcd1bc} html[data-appearance=dark] body,html[data-appearance=dark] .main,html[data-appearance=dark] .page{background:var(--paper2)!important;color:var(--ink)!important} html[data-appearance=dark] :is(.card,dialog,.modal-box,.modal-content,.sidebar,.topbar,.top-actions,.sa-assist165,.sa-overview-grid165 section,.sa-overview-lead165,.module146,.module146 summary,.lesson-button,.nb-editor140,.nb-browser140,.public-hero,.public-feature-group148,.mood-options162){background:var(--paper3)!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(h1,h2,h3,h4,p,label,summary,td,th,a,.muted){color:inherit}html[data-appearance=dark] .muted{color:var(--ink2)!important} html[data-appearance=dark] :is(button,input,select,textarea,.btn,.chip){background:var(--line)!important;color:var(--ink)!important;border-color:var(--ink3)!important} html[data-appearance=dark] :is(button.active,[aria-selected=true],[aria-pressed=true],.primary){background:var(--line2)!important;color:var(--ink)!important} html[data-appearance=dark] :is(table,thead,tr,td,th){background:var(--paper3)!important;border-color:var(--line2)!important}.mood-swatch162.dark{background:var(--ink);border:1px solid #c2a79e} html[data-appearance=dark] :is(.birth-chart,.transit-chart-card svg){background:var(--ink);border-radius:10px}html[data-appearance=dark] .birth-chart svg text{fill:var(--line)} @media(max-width:760px){ .main{width:100%!important;margin-left:0!important;padding:16px 12px 88px!important}.page{width:100%}.grid,.transit-grid,.chart-studio-grid,.nb-layout140{grid-template-columns:minmax(0,1fr)!important}.grid>*{grid-column:1/-1!important} .transit-chart-card,.primary-chart-card{width:100%;padding:12px!important}.chart-workspace .birth-chart svg{min-width:0!important;width:100%}.chart-workspace .birth-chart:after{content:none}.transit-chart-card svg{width:100%!important;min-width:0!important} .top-actions{display:flex;flex-wrap:wrap;gap:8px}.top-actions .btn{padding:9px 11px}.mood-options162{position:fixed!important;left:12px!important;right:12px!important;top:86px;max-height:70dvh;overflow:auto;width:auto!important;z-index:1000} input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}.btn,summary,.lesson-button{min-height:44px}.row{flex-wrap:wrap}.row>*{min-width:0}.row label{max-width:100%} dialog{width:calc(100% - 16px)!important;max-width:none!important;max-height:92dvh;padding:16px!important}.sa-dialog-head156{position:sticky;top:0;background:var(--paper,var(--paper));z-index:2}.sa-assist-head165{flex-wrap:wrap} .module146 summary{padding:14px}.lesson-button{padding:13px!important}.module-tools146{display:flex;flex-wrap:wrap;gap:12px}.lesson-button small:empty{display:none} .nb-layout140{display:block}.nb-editor140{display:none}.nb-reading167 .nb-editor140{display:block}.nb-reading167 .nb-browser140{display:none}.nb-back167{display:inline-flex;margin-bottom:12px} .return-bar162{max-width:100%}.return-bar162 button{max-width:75%;white-space:normal;text-align:left} .inbox-button167{min-width:44px}.membership167 dl>div{flex-wrap:wrap;gap:4px}.membership167 dd{text-align:left} #admin textarea,#admin input:not([type=checkbox]):not([type=radio]){width:100%}#admin .card{overflow-wrap:anywhere} } html[data-appearance=dark]{--paper2:#342e28;--wine:#dcd1bc;--olive:#b7c2a0;--gold:#dcd1bc;--cream:#2a2520;--surface:#2a2520;--surface2:#342e28} html[data-appearance=dark] :is(.item,.empty-state,.study-panel,.experience-hero,.personal-menu-panel149,.public-feature-body148,.public-plan,.price-card,.nb-properties140,.lesson-main,.lesson-sidebar){background:var(--paper3)!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] .north-chart{background:var(--ink);color:var(--line)} @media(max-width:760px){.transit-workspace{display:flex!important;flex-direction:column;gap:16px}.transit-chart-view,.transit-time-panel{width:100%;min-width:0}.transit-time-panel{position:static;border-left:0;padding-left:0;order:-1}.transit-chart-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.transit-chart-scroll .north-chart{min-width:560px}.transit-nav-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.transit-nav-buttons .btn{padding:9px 5px;font-size:12px;white-space:normal}.sa-overview-grid165{grid-template-columns:minmax(0,1fr)}.mood-options162{bottom:auto!important}} /* ---- release168.css ---- */ html[data-appearance=dark]{--bg:#13110e;--paper:#201c18;--paper2:#29241f;--card:#201c18;--surface:#201c18;--surface2:#29241f;--ink:#edeae5;--text:#edeae5;--muted:#b0a79a;--line:#37312a;--accent:#dcd1bc;--wine:#dcd1bc;color-scheme:dark} html[data-appearance=dark] body,html[data-appearance=dark] .main,html[data-appearance=dark] .page{background:var(--paper)!important;color:var(--ink)!important} html[data-appearance=dark] :is(.card,dialog,.modal-card,.modal-box,.modal-content,.sidebar,.topbar,.top-actions,.sa-assist165,.sa-overview-grid165 section,.sa-overview-lead165,.module146,.module146 summary,.lesson-button,.nb-editor140,.nb-browser140,.public-hero,.public-feature-group148,.public-feature-body148,.mood-options162,.item,.empty-state,.study-panel,.experience-hero,.personal-menu-panel149,.public-plan,.price-card,.nb-properties140,.lesson-main,.lesson-sidebar){background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important} html[data-appearance=dark] :is(button,input,select,textarea,.btn,.chip){background:var(--paper3)!important;color:var(--ink)!important;border-color:var(--line2)!important;box-shadow:none!important} html[data-appearance=dark] :is(button.active,[aria-selected=true],[aria-pressed=true],.primary){background:var(--ink2)!important;color:var(--paper)!important} html[data-appearance=dark] :is(table,thead,tr,td,th){background:var(--paper2)!important;border-color:var(--line)!important} html[data-appearance=dark] .mood-swatch162.dark{background:var(--paper)!important}.mood-swatch162.dark{background:var(--ink)} .dsm-layout168{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.5fr);gap:20px}.dsm-contents168{max-height:70vh;overflow:auto}.dsm-contents168 button{display:block;text-align:left;width:100%;padding:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit}.dsm-contents168 button.active{background:var(--paper2);border-left:3px solid var(--wine)}.dsm-contents168 small{display:block;color:var(--muted)}.dsm-search168{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.dsm-search168 input{flex:1;min-width:0}.dsm-framework168{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dsm-framework168 section{padding:14px;border:1px solid var(--line);border-radius:9px}.dsm-source168{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:9px}.dsm-link168{margin-bottom:18px}.dsm-link168 button{margin-top:8px}.dsm-back168{display:none} @media(max-width:760px){.dsm-layout168,.dsm-framework168{display:block}.dsm-framework168 section{margin-bottom:10px}.dsm-reading168 .dsm-contents168{display:none}.dsm-layout168>article{display:none}.dsm-reading168 .dsm-layout168>article{display:block}.dsm-back168{display:inline-flex;margin-bottom:12px}.dsm-contents168{max-height:none}.reference-bar146{width:100%}.reference-bar146 select{width:100%;max-width:100%}} /* ---- release169.css ---- */ html[data-appearance=dark] :is(.course-card,.pp-shell,.pp-prompt,.pp-source,.pp-section,.cr-category169,.cr-topic169,.cr-reading169,.cr-tools169){background:var(--paper2)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important} html[data-appearance=dark] .course-card :is(h3,p,small){color:inherit!important}html[data-appearance=dark] .course-card p{color:var(--ink2)!important} html[data-appearance=dark] :is(.module-lesson146,.module-lesson146 a,.course-overview,.pp-prose,blockquote){background:transparent!important;color:inherit!important} .chart-workspace>.chart-actions169{display:flex;justify-content:flex-end;padding:0!important;margin:0 0 12px!important;background:transparent!important;min-height:0} .chart-workspace{max-width:1200px;margin-inline:auto}.chart-entry169{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin-bottom:18px}.chart-entry169>*{min-width:0;margin:0!important}.chart-entry169 summary{cursor:pointer;padding:16px;font-size:18px}.chart-browser169{padding:0!important}.chart-browser169>.chart-navigator{margin:0;border:0;padding:0 16px 16px}.chart-entry169 .catalogue-filters,.chart-entry169 .saved-chart-filters,.chart-entry169 .cw-essential,.chart-entry169 .atlas-fields{grid-template-columns:minmax(0,1fr)!important;gap:8px}.chart-entry169 .chart-navigator label{margin-top:8px}.chart-entry169 .cw-name-list{grid-template-columns:1fr}.chart-entry169 .chart-source-switch{flex-wrap:wrap}.chart-entry169 #birthForm{padding:0 16px 16px}.chart-entry169 #birthForm>h3{display:none}.chart-entry169 .cw-form-support{grid-template-columns:1fr}.chart-workspace .primary-chart-card{position:static!important}.chart-workspace .cw-welcome{padding:20px}.chart-workspace .cw-welcome>span{display:none} .cr-intro169{max-width:850px}.cr-toolbar169{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0}.cr-toolbar169 input{flex:1;min-width:180px}.cr-categories169{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cr-category169{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;text-align:left;color:var(--ink);cursor:pointer}.cr-category169 span{display:block;font-size:19px;margin-bottom:8px}.cr-category169 small{display:block;color:var(--muted);line-height:1.5}.cr-topics169{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cr-topic169{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer}.cr-topic169 span,.cr-topic169 small{display:block}.cr-topic169 small{margin-top:6px;color:var(--muted);line-height:1.5}.cr-reading169{max-width:900px;margin:20px auto;padding:clamp(18px,4vw,36px);border:1px solid var(--line);border-radius:14px;background:var(--paper)}.cr-reading169 p{line-height:1.8}.cr-reading169 h3{margin-top:24px}.cr-reading169 blockquote{margin:16px 0;padding:0 0 0 18px;border-left:2px solid var(--line);font-size:inherit}.cr-reading169 .row{flex-wrap:wrap}.cr-back169{margin-bottom:18px}.cr-reading169:focus{outline:none}.cr-compare169{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cr-compare169 article{padding:18px;border:1px solid var(--line);border-radius:12px}.cr-tools169{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.cr-dsm-link169{padding:14px 0;margin:0 0 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.cr-dsm-link169 p{margin:0}.cr-reading169 .muted{font-size:13px}.cr-empty169{padding:24px;border:1px solid var(--line);border-radius:10px} @media(max-width:850px){.cr-categories169{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-entry169{grid-template-columns:1fr}.chart-entry169 .cw-name-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.cr-categories169,.cr-topics169,.cr-compare169{grid-template-columns:1fr}.cr-dsm-link169{align-items:flex-start;flex-direction:column}.chart-entry169 .cw-name-list{grid-template-columns:1fr}.cr-toolbar169 input{min-width:0;width:100%;flex-basis:100%}.cr-reading169{margin-top:10px}} .main:has(#charts.active) #return-context162{display:none}html[data-appearance=dark] .pp-layout>nav [aria-current]{background:var(--line)!important;color:var(--ink)!important} /* ---- release170.css ---- */ html[data-appearance=dark] #sutras :is(.chapter-button,.verse-button){background:var(--paper3)!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] #sutras :is(.chapter-button,.verse-button) :is(small,span,strong,p){color:inherit!important} html[data-appearance=dark] #sutras :is(.chapter-button,.verse-button) small{color:var(--ink2)!important} html[data-appearance=dark] #sutras :is(.chapter-button.active,.verse-button.active){background:var(--ink2)!important;color:var(--paper2)!important;border-color:var(--ink2)!important} html[data-appearance=dark] #sutras :is(.chapter-button.active,.verse-button.active) :is(small,span,strong,p){color:var(--paper2)!important} html[data-appearance=dark] #sutras :is(.sutra-source-box,.scripture-book-note,.scripture-intro,.sutra-study-block,.sutra-transliteration){background:var(--paper3)!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] #sutras .sutra-sanskrit{color:var(--ink)!important}html[data-appearance=dark] #sutras .sutra-sanskrit button{background:transparent!important;color:inherit!important;border-color:transparent!important} html[data-appearance=dark] #sutras .sutra-sanskrit button:hover{background:var(--line)!important;color:var(--ink)!important} .web-orientation170{border-block:1px solid var(--line);padding:18px 0;margin:16px 0}.web-query170{display:flex;gap:8px;align-items:center}.web-query170 input{flex:1;min-width:0}.web-results170{display:grid;gap:12px}.web-results170 article{border:1px solid var(--line);border-radius:9px;padding:14px}.web-results170 small{display:block;color:var(--muted);margin-top:4px}.web-results170 p{margin:8px 0 0;line-height:1.65}.web-status170{font-size:13px;color:var(--muted)}#sound-toggle170{white-space:nowrap;font-size:13px}.web-results170 a{text-decoration:underline;text-underline-offset:3px}html[data-appearance=dark] .web-results170 a{color:var(--ink2)} @media(max-width:550px){.web-query170{flex-wrap:wrap}.web-query170 input{flex-basis:100%}.web-query170 button{width:100%}} html[data-appearance=dark] #sutras .scripture-corpus-summary{background:var(--paper3)!important;color:var(--ink2)!important;border-color:var(--line2)!important}html[data-appearance=dark] #sutras .scripture-corpus-summary :is(p,strong,span){color:inherit!important} /* ---- release171.css ---- */ /* V1.71: calmer entry points, legible choices, real activity feedback. */ .public-hero{position:relative;max-width:1100px!important;margin:auto;padding:clamp(48px,8vw,110px) 0!important;text-align:left!important;border-bottom:1px solid currentColor} .public-hero .public-kicker{letter-spacing:.17em;font-size:.72rem;opacity:.75;margin-bottom:24px} .public-hero h1{font-size:clamp(2.5rem,5.7vw,5.5rem)!important;line-height:1.08;max-width:850px;letter-spacing:-.035em;font-weight:400} .public-hero>p{font-size:clamp(1.08rem,1.7vw,1.4rem);line-height:1.75;max-width:730px;margin:26px 0} .public-hero-actions{justify-content:flex-start!important;gap:12px;flex-wrap:wrap} .public-paths171{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1100px;margin:0 auto 48px;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent)} .public-paths171>a{display:flex;flex-direction:column;gap:8px;padding:32px 26px;color:inherit;text-decoration:none;border-right:1px solid color-mix(in srgb,currentColor 20%,transparent);transition:background .2s} .public-paths171>a:last-child{border-right:0}.public-paths171>a:hover{background:color-mix(in srgb,currentColor 5%,transparent)} .public-paths171 span{font-size:.72rem;letter-spacing:.08em}.public-paths171 h2{font-size:1.6rem;margin:7px 0}.public-paths171 p{line-height:1.7;flex:1;margin:0 0 12px} .public-section-head{max-width:760px;margin-bottom:32px}.public-section-head h2{font-size:clamp(1.9rem,3.5vw,3rem);font-weight:400;line-height:1.2} .public-feature-index148{display:grid;gap:12px}.public-feature-group148{border-radius:14px!important;overflow:hidden}.public-feature-group148>summary{padding:24px!important}.public-feature-title148{font-size:1.25rem!important}.public-feature-body148{gap:24px!important;padding:8px 28px 28px!important}.public-feature-body148 article{border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-top:14px}.public-feature-body148 p{line-height:1.75} .public-directory148{gap:8px!important}.public-directory148 a{border-radius:30px;padding:10px 15px;text-decoration:none} .meaning-lead171{font-size:1.15rem;line-height:1.8;margin:6px 0 14px}.meaning-context171{line-height:1.7;opacity:.85}.sa-assist165{border-radius:16px!important}.sa-assist-head165 h3{margin:0 0 8px}.sa-assist-head165 .muted{font-size:.9rem;max-width:50ch} .nb-start171{margin:12px 0 24px;padding:16px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:12px}.nb-templates171{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.nb-view171{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.nb-focus171 .nb-browser140{display:none}.nb-focus171 .nb-layout140{grid-template-columns:minmax(0,1fr)}.nb-focus171 .nb-editor140{max-width:920px;width:100%;margin:auto;box-sizing:border-box}#noteBody{line-height:1.85;min-height:360px}.nb-editor140{min-width:0}.nb-format140{flex-wrap:wrap}.nb-view171 #nb-back171{display:none} .start-paths171{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.start-paths171 article{display:flex;flex-direction:column;align-items:flex-start}.start-paths171 p{flex:1;line-height:1.75}.start-paths171 h2{font-size:1.5rem;line-height:1.3}.start-first171{margin-bottom:40px}.start-first171 summary{font-size:1.1rem;cursor:pointer}.guide-entry160{margin:12px 0!important}.guide-entry160>summary{display:flex;justify-content:space-between;gap:16px;padding:8px}.guide-entry160 li{margin:12px 0;line-height:1.6}.guide-directory171{font-size:1.7rem} .boards-cards157{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.boards-cards157 .card{display:flex;flex-direction:column;align-items:flex-start}.boards-cards157 .card p{flex:1;line-height:1.7} .duel-toolbar171{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.duel-toolbar171 details[open]{flex-basis:100%;padding:20px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:12px}.duel-toolbar171 li{margin:10px 0;line-height:1.6}.duel-scores171{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.duel-scores171 article{display:grid;grid-template-columns:1fr auto;gap:10px;padding:20px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:16px}.duel-scores171 strong{font-size:2rem}.duel-scores171 small{grid-column:1/-1;line-height:1.7} .duel-layout171{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:24px;align-items:start}.duel-board171{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;border-radius:22px;background:color-mix(in srgb,currentColor 5%,transparent)} .duel-site171{min-height:150px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:12px;border:2px solid var(--tile171);background:color-mix(in srgb,var(--tile171) 12%,transparent);color:inherit;white-space:normal;text-align:left;transition:transform .2s,box-shadow .2s;cursor:pointer;font-family:inherit} .duel-site171:disabled{opacity:1;cursor:default}.duel-site171:not(:disabled){box-shadow:0 0 0 3px color-mix(in srgb,var(--tile171) 35%,transparent)}.duel-site171:not(:disabled):hover{transform:translateY(-3px)}.duel-site171 b{font-size:1.08rem}.duel-site171 small{font-size:.72rem}.element-0{--tile171:#c98264}.element-1{--tile171:#889c72}.element-2{--tile171:#a08bc5}.element-3{--tile171:#74a4c3}.duel-pieces171{display:flex;gap:4px;flex-wrap:wrap;min-height:24px}.duel-pieces171 span{border:1px solid currentColor;border-radius:12px;padding:2px 7px;font-size:.65rem}.duel-you171{font-weight:bold}.duel-cpu171{border-style:dashed!important}.duel-action171{position:sticky;top:18px}.duel-action171 .btn{margin:8px 8px 0 0}.duel-action171 p{line-height:1.7}.duel-action171 li{line-height:1.65;margin:9px 0}.duel-die171{font-size:4.5rem;line-height:1.2;display:inline-block}.rolling171{animation:die171 .22s linear infinite}.duel-action171 h2{font-size:1.5rem} .studio-prep171{margin:16px 0!important}.studio-prep171 textarea{width:100%;box-sizing:border-box;font:inherit;line-height:1.7}.studio-prep171 summary{font-size:1.05rem;cursor:pointer}.studio-cue171{padding:22px;margin:18px 0;border-left:3px solid currentColor;background:color-mix(in srgb,currentColor 5%,transparent);font-size:1.35rem;line-height:1.6}.studio-steps158{gap:8px;flex-wrap:wrap}.studio-steps158 button{flex:1;min-height:48px}.studio-steps158 [aria-pressed=true]{outline:2px solid currentColor;outline-offset:3px}.studio-main152{gap:24px!important}.studio-utilities164{margin:16px 0} .process171{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid currentColor;border-radius:16px;margin:16px 0;background:color-mix(in srgb,currentColor 5%,transparent)}.process171 p{margin:8px 0;line-height:1.6}.process-orbit171,.working171:before{display:inline-block;content:'';width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:orbit171 1s linear infinite;flex-shrink:0}.process-orbit171{width:28px;height:28px}.working171:before{margin-right:10px;vertical-align:middle}.working171{cursor:progress} @keyframes orbit171{to{transform:rotate(360deg)}}@keyframes die171{50%{transform:rotate(12deg) scale(.9)}100%{transform:rotate(-12deg)}} @media(max-width:800px){.public-paths171,.start-paths171{grid-template-columns:1fr}.public-paths171>a{border-right:0;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent);padding:24px 12px}.public-hero{padding:40px 0!important}.public-feature-group148>summary{padding:18px!important}.public-feature-body148{padding:8px 18px 20px!important}.duel-layout171{grid-template-columns:1fr}.duel-action171{position:static;grid-row:1}.duel-board171{gap:7px;padding:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.duel-site171{padding:9px;min-height:135px}.boards-cards157{grid-template-columns:1fr!important}.nb-layout140{grid-template-columns:minmax(0,1fr)!important}#notebook:not(.nb-writing171) .nb-editor140{display:none}#notebook.nb-writing171 .nb-browser140{display:none}.nb-view171 #nb-back171{display:inline-flex}.nb-title140{max-width:100%;box-sizing:border-box}.duel-scores171 article{padding:12px}.duel-scores171 small{font-size:.75rem}.start-paths171 h2{font-size:1.3rem}.process171{align-items:flex-start;padding:16px}} @media(prefers-reduced-motion:reduce){.rolling171,.process-orbit171,.working171:before{animation:none}.duel-site171{transition:none}} /* ---- release172.css ---- */ /* Public-site theme tokens are deliberately scoped away from the study workspace. */ html #authGate{--landing-bg:#f7f3eb;--landing-surface:#fffdf8;--landing-ink:#302820;--landing-muted:#625749;--landing-line:#b9ad9b;--landing-action:#643d32;--landing-action-ink:#ffffff;--landing-wash:none;color:var(--landing-ink)!important;background:var(--landing-bg)!important;background-image:var(--landing-wash)!important;min-height:100vh} html[data-appearance=celestial] #authGate{--landing-bg:#0d1429;--landing-surface:#19243e;--landing-ink:#dadfea;--landing-muted:#c5c9da;--landing-line:#626c89;--landing-action:#b6bed2;--landing-action-ink:#172137;--landing-wash:radial-gradient(ellipse at 88% 10%,#4d3b684f,transparent 50%),radial-gradient(ellipse at 10% 48%,#20536a3b,transparent 40%),radial-gradient(1px 1px at 30px 80px,#d8ddf080,transparent 2px);background-size:auto,auto,240px 280px!important;background-attachment:fixed!important} html[data-appearance=dark] #authGate{--landing-bg:#171411;--landing-surface:#28231e;--landing-ink:#eeebe6;--landing-muted:#c3bdb3;--landing-line:#685e51;--landing-action:#dcd1bc;--landing-action-ink:#1c1814;--landing-wash:none} html[data-appearance=rainbow] #authGate{--landing-bg:#fff2df;--landing-surface:#fffaf5;--landing-ink:#40233d;--landing-muted:#61425a;--landing-line:#a67799;--landing-action:#713a79;--landing-action-ink:#fff;--landing-wash:radial-gradient(ellipse at 0% 5%,#e8c1d4,transparent 40%),radial-gradient(ellipse at 100% 20%,#e3d0fa,transparent 45%),linear-gradient(160deg,#f1dae6,#ffe2ed 42%,#d9efef 80%)} html[data-appearance=bubblegum] #authGate{--landing-bg:#fff0f6;--landing-surface:#fff9fc;--landing-ink:#4a2344;--landing-muted:#72446a;--landing-line:#ae79a4;--landing-action:#813267;--landing-action-ink:#fff;--landing-wash:radial-gradient(ellipse at 0% 0%,#ebcceb,transparent 38%),radial-gradient(ellipse at 100% 24%,#e7d8fc,transparent 40%),linear-gradient(145deg,#ffdef0,#e3f5df 65%,#e3e3ff)} html #authGate .public-main{background:transparent!important;color:var(--landing-ink)!important;box-shadow:none!important} html #authGate .public-hero{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;border-radius:0!important;margin-inline:auto!important} html #authGate .public-hero::before,html #authGate .public-hero::after{content:none!important;display:none!important} html #authGate :is(h1,h2,h3,h4,.brand,.public-feature-title148,.price){color:var(--landing-ink)!important} html #authGate :is(p,li,.muted,.brand-sub,.eyebrow,.public-kicker,.public-feature-description148,.public-footnote,.public-availability148){color:var(--landing-muted)!important;opacity:1!important} html #authGate .public-hero>p{color:var(--landing-ink)!important} html #authGate :is(.public-nav,.public-footer){background:var(--landing-bg)!important;color:var(--landing-ink)!important;border-color:var(--landing-line)!important;box-shadow:none!important;border-radius:0!important} html #authGate :is(.public-feature-group148,.public-feature-body148,.pricing-card,.public-course-preview,.public-integration148,.public-feature,.auth-card){background:var(--landing-surface)!important;color:var(--landing-ink)!important;border-color:var(--landing-line)!important;box-shadow:none!important} html #authGate :is(.public-paths171,.public-paths171>a,.public-section,.public-feature-body148 article){border-color:var(--landing-line)!important;color:var(--landing-ink)!important} html #authGate :is(button,.btn,select,input){background:var(--landing-surface)!important;color:var(--landing-ink)!important;border-color:var(--landing-line)!important;box-shadow:none!important} html #authGate :is(.btn.primary,button.primary){background:var(--landing-action)!important;color:var(--landing-action-ink)!important;border-color:var(--landing-action)!important} html #authGate :is(.ghost-link,.public-disclosure-tools148 button,.public-nav a,.public-footer a){color:var(--landing-ink)!important;background:transparent!important} html #authGate :is(.public-directory148 a,.public-feature-number148){color:var(--landing-ink)!important;background:var(--landing-surface)!important;border-color:var(--landing-line)!important} html #authGate #publicAppearance,html #authGate #publicAppearance span{color:var(--landing-ink)!important} html #authGate .public-paths171>a:hover{background:var(--landing-surface)!important} html #authGate :is(a,button,summary):focus-visible{outline:2px solid var(--landing-action)!important;outline-offset:4px} html #authGate .public-hero{padding:clamp(40px,6vw,88px) 0!important} html #authGate .public-hero h1{font-size:clamp(2.5rem,5vw,4.8rem)!important;max-width:950px} html #authGate .public-nav-actions{flex-wrap:wrap;justify-content:flex-end} html #authGate .public-paths171{border-top:1px solid var(--landing-line);margin-top:8px} .sa-meaning-note172{font-size:.85rem;line-height:1.6;color:var(--muted);margin-top:16px}.sa-meaning-note172 button{margin-left:10px} @media(max-width:600px){html #authGate .public-nav{gap:12px;padding:16px;align-items:center}html #authGate .public-nav-actions{gap:8px;flex-direction:row}html #authGate .brand{font-size:15px}html #authGate .public-main{padding-inline:20px}html #authGate .public-hero h1{font-size:2.6rem!important}} /* ---- release173.css ---- */ /* Inner wrappers must use the dark palette as well as the outer gate. */ html[data-appearance=dark] #authGate .public-shell, html[data-appearance=dark] #authGate .public-main{background:var(--paper)!important;background-image:none!important;color:var(--ink)!important} html[data-appearance=dark] :is(.north-chart,.birth-chart){background:var(--paper2)!important;border-color:var(--ink3)!important} html[data-appearance=dark] .north-chart .north-graha-marker{background:var(--paper3)!important;color:var(--ink2)!important;border:1px solid var(--ink3)!important;box-shadow:none!important} html[data-appearance=dark] .north-graha-marker :is(strong,small,span){color:var(--ink)!important} html[data-appearance=dark] .north-center-mask{background:var(--paper3)!important;color:var(--ink2)!important;border-color:var(--ink3)!important} html[data-appearance=dark] .north-center-mask strong{color:var(--ink2)!important} html[data-appearance=dark] :is(.north-rashi-abbr,.north-house-number){color:var(--ink2)!important} html[data-appearance=dark] .north-chart .chart-line{stroke:var(--muted)!important} html[data-appearance=dark] :is(.avastha-tabs,.avastha-control-panel,.avastha-result-stage,.ava-ecology-wrap,.ava-reasoning-save,.ava-study-box,.ava-definition-card,.ava-state-card,.ava-reading-aside,.ava-method-card,.ava-method-layers,.ava-influence-row,.ava-detected,.ava-cause,.ava-saved-record,.ava-special-rules,.ava-relation-explain,.ava-relation-table,.avastha-practice-case,.avastha-practice-feedback,.ava-practice-evidence>div,.ava-corpus-row,.ava-teacher-record,.ava-teacher-reflection,.ava-more>div,.ava-advanced-panel details){background:var(--paper3)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important;box-shadow:none!important} html[data-appearance=dark] :is(.avastha-control-panel,.avastha-result-stage,.ava-ecology-wrap,.ava-reasoning-save,.ava-study-box,.ava-definition-card,.ava-reading-aside,.ava-method-card,.ava-method-layers,.ava-influence-row,.avastha-practice-case,.avastha-practice-feedback) :is(label,p,h2,h3,h4,small,summary){color:var(--ink2)!important} html[data-appearance=dark] :is(.ava-choice,.ava-source-chip,.ava-cause-weight,.ava-eco-legend,.ava-rel-pill,.ava-big-relation,.ava-rel-cell,.ava-provenance){background:var(--paper3)!important;color:var(--ink2)!important;border-color:var(--ink3)!important} html[data-appearance=dark] :is(.tool-card,.text-card,.course-card,.assignment-card,.discussion-box,.reasoning-box,.chart-case,.lecture-row,.repository-entry,.repository-resource,.youtube-import-row,.transit-rashi,.transit-graha-chip,.transit-graha-card,.transit-event,.transit-observation,.transit-methodology,.transit-bhava-controls,.chart-placement-grid section,.chart-nakshatra-status,.location-details,.inset160,.home-path158,.study-svg,.lab-layout162,.map-node153,.map-step153,.study-model-nav,.experience-tabs,.reader-sidebar,.page-text,.core-book-row,.iast-panel,.source-critical-note,.study-loader-card){background:var(--paper3)!important;color:var(--ink)!important;border-color:var(--line2)!important;box-shadow:none!important} html[data-appearance=dark] :is(.transit-graha-chip,.transit-graha-card,.chart-placement-row,.home-path158,.course-card,.tool-card,.text-card) :is(p,small,span,h2,h3,h4){color:inherit!important} html[data-appearance=dark] .chart-placement-row>span:last-child{color:var(--ink2)!important} html[data-appearance=dark] :is(.avastha-tab.active,.ava-state-card.active,.ava-choice.selected,.experience-tabs .active){background:var(--ink2)!important;color:var(--paper2)!important} html[data-appearance=dark] .ava-state-card.active :is(p,small,span,h3){color:var(--paper2)!important} .study-navigation173{margin-bottom:28px}.study-collections173{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.study-collections173 button{font:inherit;text-align:left;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}.study-collections173 strong{display:block;font-size:1.2rem;margin-bottom:8px}.study-collections173 small{line-height:1.6;display:block}.study-collections173 [aria-pressed=true]{outline:2px solid var(--wine);outline-offset:2px}.study-topic173{display:flex;align-items:end;gap:18px;margin-top:22px}.study-topic173 label{flex:1;max-width:620px}.study-topic173 select{display:block;width:100%;margin-top:8px;min-height:44px}#interactive>.experience-tabs,#interactive>#study-model-nav{display:none!important}#interactive .experience-hero h2{font-size:1.7rem}#interactive .experience-hero{margin-bottom:18px;padding-bottom:12px}#interactive .study-model-layout,#interactive .lab-layout162{gap:24px;align-items:start}#interactive .study-svg svg,#interactive #lab-visual162 svg{max-height:520px;width:100%;height:auto}#interactive details>summary{cursor:pointer;padding:10px 0}#interactive .row{flex-wrap:wrap}#interactive .map-layout146{grid-template-columns:minmax(200px,270px) minmax(0,1fr);gap:22px}.map-browser173{border:1px solid var(--line);border-radius:12px;padding:12px;max-height:70vh;overflow:auto}.map-browser173 summary{font-size:1rem;cursor:pointer}#map-list146{max-height:none!important}#map-list146 button{white-space:normal;padding:12px;font-size:.95rem}#map-list146 small{display:block;opacity:.8;margin-top:4px}#map-detail146{min-width:0}#map-detail146 svg{max-width:100%;height:auto} .eclipse-intro173{margin-bottom:24px;max-width:920px}.eclipse-intro173 h2{font-size:1.6rem}.eclipse-intro173 p{line-height:1.75}.eclipse-intro173 .row{display:flex;gap:12px;flex-wrap:wrap}.eclipse-intro173 [aria-pressed=true]{outline:2px solid var(--wine);outline-offset:2px}.eclipse-calendar173>summary{font-size:1.3rem;cursor:pointer}#observatory-eclipses163 .tool-row160{flex-wrap:wrap}#saros-study161 .saros-entry161>h3{font-size:1.6rem}#saros-study161 details{padding:12px 0;border-bottom:1px solid var(--line)}#saros-study161 details>summary{font-size:1.05rem;cursor:pointer}#saros-study161 .saros-entry161>p{max-width:80ch;line-height:1.8}.contacts173{margin:20px 0}.contacts173>summary{cursor:pointer;font-size:1.1rem}.transcript-progress173{margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:14px}.transcript-progress173 progress{display:block;width:100%;height:12px;margin:12px 0;accent-color:var(--wine)}.transcript-progress173 p{line-height:1.6}.transcript-progress173 label{font-size:1.15rem} @media(max-width:760px){.study-collections173{grid-template-columns:1fr;gap:9px}.study-collections173 button{padding:14px}.study-collections173 strong{font-size:1.05rem}.study-topic173{flex-direction:column;align-items:stretch;gap:10px}.study-topic173 label{max-width:none}#interactive .map-layout146,#interactive .study-model-layout,#interactive .lab-layout162{grid-template-columns:1fr}.map-browser173{max-height:45vh}.north-chart .north-graha-marker small{font-size:9px!important}#interactive .study-svg svg{max-height:360px}} .model-experiments173{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px}.model-experiments173 p{flex-basis:100%;margin:0 0 4px}.model-experiments173 button{font-size:.9rem;min-height:42px} /* ---- dashboard174.css ---- */ .tools-search174{display:block;max-width:680px;margin:0 0 28px}.tools-search174 input{display:block;width:100%;margin-top:8px}.tool-group174{margin:28px 0}.tool-grid174,.dashboard-grid174{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-entry174{display:flex;flex-direction:column;gap:12px;text-align:left;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);font:inherit}.tool-entry174>span{font-size:1.2rem}.tool-entry174 small{line-height:1.6}.tool-entry174:hover{border-color:var(--wine)}.tool-entry174:focus-visible,.dashboard-item174:focus-visible{outline:2px solid var(--wine);outline-offset:3px}.dashboard-overview174{min-width:0}.dashboard-heading174{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dashboard-heading174 h2{margin-bottom:8px}.dashboard-heading174 p{margin:0;line-height:1.6}.dashboard-grid174>.card{min-width:0;display:flex;flex-direction:column;gap:12px}.dashboard-grid174 h3{margin:0}.dashboard-grid174 p{line-height:1.65}.dashboard-grid174 .text-btn{align-self:start}.dashboard-item174{display:block;width:100%;text-align:left;padding:14px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer;overflow-wrap:anywhere}.dashboard-item174 span{display:block}.dashboard-item174 small{display:block;margin-top:7px;line-height:1.5;color:var(--muted)}.dashboard-teacher174{margin-top:20px}.dashboard-teacher174 .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-directions174{padding:20px;border:1px solid var(--line);border-radius:14px}.dashboard-directions174 summary{cursor:pointer}.dashboard-directions174 .home-paths158{margin-top:20px}html[data-appearance=dark] :is(.tool-entry174,.dashboard-grid174>.card,.dashboard-teacher174){background:var(--paper3);color:var(--ink)}html[data-appearance=dark] .dashboard-item174{color:var(--ink)}html[data-appearance=dark] .dashboard-item174 small{color:var(--ink2)}#dashboard [hidden]{display:none!important}@media(max-width:760px){.tool-grid174,.dashboard-grid174{grid-template-columns:1fr}.dashboard-heading174{align-items:start;flex-direction:column}.tool-entry174{padding:18px}.dashboard-grid174{gap:14px}.dashboard-teacher174 .row{grid-template-columns:1fr}#dashboard .grid>.card,#dashboard .grid>.stat-card{min-width:0}#dashboard .hero-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.tool-entry174{transition:none}} /* ---- release175.css ---- */ /* Black surfaces, including the SVG layer that previously covered the chart background. */ html[data-appearance=dark]{--bg:#0c0b09;--paper:#110f0c;--paper2:#171411;--card:#13110e;--surface:#13110e;--surface2:#1b1713;--ink:#edeae5;--muted:#bdb5aa;--line:#37312a} html[data-appearance=dark] :is(body,.main,.page,#authGate,.public-shell,.public-main){background:var(--bg)!important;background-image:none!important} html[data-appearance=dark] :is(.card,.stat-card,.sidebar,.topbar,.model-controls,.study-navigation173 button,.tool-entry174,.dashboard-grid174>.card,.dashboard-teacher174){background:var(--paper)!important;background-image:none!important} html[data-appearance=dark] #authGate :is(.public-shell,.public-main){background:var(--bg)!important;background-image:none!important} html[data-appearance=dark] :is(#transitNorthChart,.north-chart,.birth-chart){background:var(--bg)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(#transitNorthChart svg,.north-chart>svg,.birth-chart svg,.transit-chart-card svg){background:transparent!important;background-image:none!important;border-radius:0!important} html[data-appearance=dark] #transitNorthChart .north-graha-marker,html[data-appearance=dark] .north-chart .north-graha-marker{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:var(--ink2)!important} html[data-appearance=dark] .north-graha-marker :is(strong,small,span){background:transparent!important;color:var(--ink2)!important;text-shadow:0 1px 2px var(--bg)} html[data-appearance=dark] .north-graha-marker:focus-visible{outline:2px solid var(--ink2)!important;outline-offset:3px} html[data-appearance=dark] .north-center-mask{background:var(--bg)!important;border-color:var(--line2)!important} html[data-appearance=dark] .birth-chart svg text{fill:var(--ink)!important} html[data-appearance=dark] .north-chart .chart-line{stroke:var(--ink3)!important} html[data-appearance=dark] .north-chart .north-rashi-abbr{color:var(--ink2)!important} html[data-appearance=dark] :is(.avastha-control-panel,.avastha-result-stage,.ava-ecology-wrap,.ava-reasoning-save,.study-svg,.lab-layout162,.experience-tabs,.course-card,.tool-card,.text-card){background:var(--paper)!important} #boards157 .boards-cards157{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}#boards157 .boards-cards157>.card{display:flex;flex-direction:column;gap:14px;border-top:3px solid var(--wine)}#boards157 .boards-cards157 h2{font-size:1.6rem;margin:0}#boards157 .boards-cards157 p{line-height:1.65;margin:0}#boards157 .boards-cards157 .btn{margin-top:auto;align-self:start}#boards157 .boards-cards157 details{font-size:.95rem}#boards157 summary{cursor:pointer;padding:12px 0}.commons-tables175{padding:20px;border:1px solid var(--line);border-radius:14px}.commons-tables175>summary{font-size:1.2rem}.commons-tables175 .boards-lobby157{margin-top:20px} #interactive .model-controls{max-height:none}#interactive .model-controls input[type=range]{width:100%;min-height:26px}.model-controls label{margin-top:12px;display:block}#interactive .study-columns{margin-top:20px}.model-observation175{padding:18px;border:1px solid var(--line);border-radius:12px;margin:18px 0}.model-observation175 p{line-height:1.65}.model-observation175 summary{cursor:pointer;font-size:1.1rem}#retro-track175{margin-top:14px}#study-retrograde175 svg{display:block;width:100%;height:auto}#study-retrograde175 li{line-height:1.7;margin-bottom:8px}#phase-disc146{background:var(--ink);border-radius:50%;border:1px solid var(--line)} @media(max-width:800px){#boards157 .boards-cards157{grid-template-columns:1fr}#boards157 .boards-cards157>.card{padding:20px}#interactive .model-grid{grid-template-columns:1fr}#interactive .orbit-stage{position:static}.model-controls .row{display:flex;flex-wrap:wrap;gap:8px}#interactive .study-model-layout{grid-template-columns:1fr}} .model-legend175{padding:12px 20px;color:#e7e1d5;font-size:14px;line-height:1.6;margin:0}#phase-curve175 svg{width:100%;height:auto}#study-retrograde175 .study-model-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}@media(max-width:800px){#study-retrograde175 .study-model-layout{grid-template-columns:1fr}} html[data-appearance=dark] #authGate{--landing-bg:#0c0b09;--landing-surface:#13110e}html[data-appearance=dark] :is(.orbit-stage,.orbit-readout,.model-legend175){background:var(--bg)!important} /* ---- release176.css ---- */ /* Keep all painted SVG layers and text in the same palette. */ .chart-surface176,.chart-marker-mask176{fill:#fcfaf5} html[data-appearance=dark] :is(.chart-surface176,.chart-marker-mask176){fill:var(--bg)!important} html[data-appearance=dark] .chart-glyph :is(text,tspan){fill:var(--ink)!important} html[data-appearance=dark] .chart-glyph-degree{fill:var(--ink2)!important} html[data-appearance=dark] .chart-surface176{stroke:var(--ink3)!important} html[data-appearance=dark] #interactive{--paper:#14120f;--paper2:#201c18;--ink:#ede8dd;--muted:#c2bbb1;--wine:#dcd1bc;--line:#494239;color:var(--ink)} html[data-appearance=dark] #interactive .study-collections173 button[aria-pressed=true]{background:var(--line)!important;color:var(--ink)!important;border-color:var(--ink2)!important} html[data-appearance=dark] #interactive .study-collections173 button[aria-pressed=true] :is(strong,small){color:var(--ink)!important;background:transparent!important} html[data-appearance=dark] #interactive :is(.btn.active,.btn[aria-pressed=true]){background:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark] #interactive :is(.card,.study-svg,.experience-panel,.lab-layout162){color:var(--ink)!important} #interactive :is(.model-grid,.study-model-layout,.lab-layout162){display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);align-items:start;gap:24px} #interactive :is(.model-grid,.study-model-layout,.lab-layout162)>*{min-width:0;max-width:100%;margin-top:0;box-sizing:border-box} #interactive .model-controls{display:block!important;position:static;max-height:none;padding:22px} #interactive .model-controls label{display:block;margin:14px 0 6px} #interactive .model-controls .check-row{display:flex;gap:8px;align-items:center} #interactive .model-controls input[type=checkbox]{width:auto} #interactive :is(.study-svg,#lab-visual162){width:100%;max-width:none;margin:0} #interactive :is(.study-svg,#lab-visual162,#phase-orbit146) svg{display:block;width:100%;height:auto;max-height:none;overflow:hidden} #interactive svg text{fill:var(--ink)} #node-crossing176{background:var(--ink)}#node-crossing176 svg{display:block;width:100%;height:auto} #interactive #node-crossing176 svg text{fill:#e6dcd8} #interactive :is(input[type=range],select,input[type=number]){width:100%;box-sizing:border-box;min-height:42px} #interactive output{float:none;display:inline-block;margin-left:8px} #interactive :is(.study-model-layout,.model-controls) .row{display:flex;gap:8px;flex-wrap:wrap} #interactive .study-model-layout .card{margin:0;padding:22px} #interactive .study-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #tithi-reading176{border:1px solid var(--line);border-radius:12px;padding:14px;margin:16px 0}#tithi-reading176 h3,#tithi-reading176 p{margin:0 0 8px}#tithi-reading176 progress{width:100%;accent-color:var(--wine)} #phase-disc146{display:block;margin:18px auto;max-width:55%;height:auto}#division-wheel svg{aspect-ratio:1} .duel-turn176{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.duel-turn176 span{padding:7px 12px;border:1px solid var(--line);border-radius:24px;color:var(--muted)}.duel-turn176 .current176{background:var(--wine);color:var(--paper);font-weight:600} .duel-preview176{font-size:.85rem;display:block;margin:4px 0;line-height:1.4}.duel-objectives176{padding:14px 0;line-height:1.6}.duel-objectives176 p{margin:6px 0}.duel-site171:disabled{opacity:1!important}.duel-site171:not(:disabled){outline:2px solid var(--wine);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--wine) 14%,transparent)} #duel171 .duel-board171{gap:10px}#duel171 .duel-site171{min-width:0}.duel-pieces171>span{animation:arrive176 .28s ease-out}.duel-action171{scroll-margin-top:90px}.duel-action171 .btn{min-height:44px} .game-help176{padding:16px 20px;border:1px solid var(--line);border-radius:14px;margin:16px 0;background:var(--paper)}.game-help176 summary{cursor:pointer;font-size:1.05rem}.game-help176 li{margin:8px 0;line-height:1.6} #journey .journey-space154.current{outline:3px solid var(--wine);outline-offset:2px}#journey .journey-counter154{animation:arrive176 .3s ease-out}#journey .journey-turn154{scroll-margin-top:90px}#journey .journey-answers154 label{min-height:48px} html[data-appearance=dark] :is(.duel-site171,.journey-space154,.boards-site157){background:var(--paper2)!important;color:var(--ink)!important} html[data-appearance=dark] :is(.duel-turn176 .current176,.journey-answers154 label.selected){background:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark] .duel-site171:not(:disabled){background:var(--paper3)!important} @keyframes arrive176{from{transform:translateY(-8px) scale(.9);opacity:.4}to{transform:none;opacity:1}} @media(max-width:1000px){#interactive :is(.model-grid,.study-model-layout,.lab-layout162){grid-template-columns:minmax(0,1fr)!important}#interactive .study-columns{grid-template-columns:1fr}#interactive .study-svg{max-width:720px;margin:auto}#interactive .model-controls{padding:18px}} @media(max-width:600px){#interactive .study-collections173{grid-template-columns:1fr}#interactive .experience-hero{display:block}#interactive .study-model-layout .card{padding:16px}.duel-layout171{display:flex;flex-direction:column}.duel-board171{order:0;width:100%;box-sizing:border-box}.duel-action171{order:1;width:100%;box-sizing:border-box}.duel-site171 b{font-size:.95rem}.duel-site171{min-height:125px}.journey-layout154{display:flex!important;flex-direction:column}.journey-layout154>*{width:100%;box-sizing:border-box}} @media(prefers-reduced-motion:reduce){.duel-pieces171>span,.journey-counter154,.rolling171,.rolling164{animation:none!important;transition:none!important}} /* ---- layout177.css ---- */ /* Layout rules shared by the study space. The appearance palette remains independent. */ .main{min-width:0;align-self:start} .main :is(.page,.card,.stat-card,fieldset){min-width:0} .main :is(.grid,.study-model-layout,.model-grid,.lab-layout162,.study-columns,.pp-layout,.aw-layout,.nb-layout140,.fw-layout140,.bs-layout,.rs-layout159,.rs-layout152,.sa-layout156,.tr-layout156,.chat-layout146,.lex-layout157,.transit-workspace,.exp-layout155,.duel-layout171,.journey-layout154,.br-layout,.ava-repo-layout,.avastha-engine-grid,.avastha-explorer-grid,.ava-reading-layout)>*{min-width:0;max-width:100%;box-sizing:border-box} .main :is(.topbar,.card-title-row,.lesson-head,.experience-hero,.graha-header,.chat-heading149,.bl-heading,.rec-row152){gap:16px;flex-wrap:wrap} .main .topbar> :first-child{flex:1 1 340px;min-width:0} .main .top-actions{flex:0 1 auto;max-width:100%;align-items:center;justify-content:flex-end;gap:8px} .main :is(.toolbar,.reading-toolbar,.reader-toolbar,.br-toolbar,.hero-actions,.module-tools146,.ls-controls152,.navigator-record-actions,.rec-neighbours152){display:flex;flex-wrap:wrap;gap:8px;align-items:center} .main :is(.toolbar,.row,.reading-toolbar,.reader-toolbar,.br-toolbar)>*{min-width:0;max-width:100%} .main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-width:0;max-width:100%} .main :is(.btn,.chip,.tab,.text-btn){white-space:normal;overflow-wrap:break-word;line-height:1.4} .main :is(.tabs,.experience-tabs,.lex-tabs157,.chart-source-switch,.avastha-tabs){flex-wrap:wrap;gap:6px} .main :is(.card,.stat-card,.page) [hidden]{display:none!important} .main :is(img,video,iframe){max-width:100%} .main :is(pre,.archive-original){white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%} .main :is(.page-sub,.page-guide p,.experience-hero p){max-width:82ch} #interactive .experience-hero{padding:18px 20px!important;border-radius:12px} #interactive .model-experiments173{margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px} #interactive .model-experiments173 p{flex-basis:100%;margin:0 0 4px} #interactive .model-experiments173 .btn{margin:0;min-height:42px} #interactive .study-model-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr)} #interactive .study-model-layout>.card{align-self:start} #interactive .study-model-layout>.study-svg{justify-self:stretch;margin:0;max-width:none} #interactive .study-model-layout>div:first-child svg{width:100%;height:auto;display:block} #interactive .model-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr)} #interactive .study-topic173{align-items:end;flex-wrap:wrap} #interactive .study-topic173 label{min-width:min(260px,100%)} #interactive .map-layout146{align-items:start} #interactive .map-browser173{margin:0;min-width:0} #boards157 .boards-cards157{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch} #boards157 .boards-cards157>.card{min-width:0} #boards157 .boards-cards157>.card details{width:100%} #boards157 .boards-cards157>.card .btn{width:100%;margin-top:12px} .table-scroll177{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;margin-block:10px;outline-offset:3px} .table-scroll177>table{width:100%;margin:0} .table-scroll177:focus-visible{outline:2px solid var(--wine)} .main .transit-time-panel{min-width:0;max-width:100%} .main .transit-nav-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .main .transit-nav-buttons .btn{min-width:0;padding:10px 6px;white-space:normal} .main .scripture-grid>.card{min-width:0} .main .sutra-sanskrit{overflow-wrap:anywhere} .main .sutra-sanskrit button{max-width:100%;white-space:normal} .main :is(.rec-fields152,.cw-form-support,.cw-essential,.yoga-selectors){align-items:start} .main .studio152 .rec-row152> :first-child{min-width:0;flex:1 1 220px} .main .studio152 :is(.ls-controls152,.ls-sequence156){max-width:100%} .main .chat-layout146>aside{min-width:0} .main .chat-thread146{max-width:100%;white-space:normal;overflow-wrap:anywhere} .main #chat-room146{min-width:0} .main :is(.nb-format140,.nb-templates171,.admin-toolbar157){flex-wrap:wrap;gap:8px} .main .admin-toolbar157 label{min-width:min(240px,100%)} .main :is(.admin-group157,.guide-entry160,.guide-entry160>summary){min-width:0;overflow-wrap:anywhere} .main .guide-entry160>summary{align-items:center} .main .membership167 dl>div{flex-wrap:wrap} dialog{box-sizing:border-box;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain} @media(max-width:1200px){ .main .topbar{flex-wrap:wrap}.main .top-actions{justify-content:flex-start} .main :is(.tr-layout156,.journey-layout154,.exp-layout155,.avastha-engine-grid){grid-template-columns:minmax(0,1fr)} .main .reader-shell{grid-template-columns:minmax(150px,.45fr) minmax(0,1fr)} .main .reader-shell>.reader-sidebar:last-child{grid-column:1/-1;max-height:none} } @media(max-width:1000px){ #interactive :is(.study-model-layout,.model-grid,.lab-layout162){grid-template-columns:minmax(0,1fr)!important} #boards157 .boards-cards157{grid-template-columns:minmax(0,1fr)!important} .main :is(.pp-layout,.aw-layout,.bs-layout,.fw-layout140,.rs-layout159,.rs-layout152,.sa-layout156,.lex-layout157){grid-template-columns:minmax(0,1fr)} .main :is(.admin-nav.admin-directory157,.rec-fields152){grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ .main{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important} .main .topbar>:first-child{flex-basis:auto;width:100%}.main .top-actions{width:100%;justify-content:flex-start} .main .top-actions .btn{min-height:44px}.main .top-actions .release-tag146{font-size:12px} .main :is(.pp-layout,.aw-layout,.bs-layout,.fw-layout140,.rs-layout159,.rs-layout152,.sa-layout156,.lex-layout157,.duel-layout171,.map-layout146,.chat-layout146,.dsm-layout168,.ava-reading-layout,.ava-repo-layout,.study-reading-layout,.graha-reading-layout){grid-template-columns:minmax(0,1fr)!important} .main .reader-shell{display:flex;flex-direction:column}.main .reader-sidebar{max-height:35dvh}.main .reader-main{min-width:0;width:100%} .main :is(.admin-nav.admin-directory157,.rec-fields152,.cw-essential,.cw-form-support,.catalogue-filters,.saved-chart-filters){grid-template-columns:minmax(0,1fr)!important} .main .sutra-detail-card{width:100%;grid-column:auto!important;grid-row:auto!important} #interactive .experience-hero{padding:16px!important}#interactive .study-topic173 label{min-width:0;width:100%} .main :is(.ls-controls152,.studio-steps158,.reading-toolbar,.br-toolbar){position:static;max-width:100%} .main :is(.study-model-layout,.model-grid,.lab-layout162,.transit-workspace,.journey-layout154,.exp-layout155){gap:16px} .main :is(.btn,.chip,.tab,.text-btn){min-height:40px} .main .br-layout>aside{width:100%!important} dialog{max-height:calc(100dvh - 24px)!important} } @media(max-width:420px){ .main :is(.course-grid,.text-grid,.start-paths171,.home-grid158,.boards-players157,.relationship-grid){grid-template-columns:minmax(0,1fr)!important} .main .top-actions{gap:6px}.main .top-actions .btn{padding-inline:9px} .main .transit-nav-buttons .btn{font-size:12px} .main :is(.duel-board171,.exp-board155){gap:6px;padding:8px} .main .duel-site171{padding:8px;min-height:120px} } /* Override earlier nowrap rules on the compact transit controls. */ .main .transit-nav-buttons .btn{white-space:normal!important;font-size:13px!important;padding:10px 6px!important} @media(max-width:760px){ .main .studio-steps158{flex-wrap:wrap!important;overflow:visible} .main .studio-steps158 button{white-space:normal} .main .transcript-pagination164{flex-wrap:wrap;gap:8px} .main .transit-nav-buttons .btn{font-size:12px!important} .main .reader-toolbar,.main .reader-nav{flex-wrap:wrap} .main .sutra-detail-actions{flex-wrap:wrap;gap:10px} .main .sutra-nav-actions{flex-shrink:1;flex-wrap:wrap} } /* ---- readability178.css ---- */ /* V1.78: paired surface and foreground colors for legacy reading and tool components. */ html[data-appearance=dark] :is(.badge.gold){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.badge.wine){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.item){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(input,select,textarea){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.course-card){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.lesson-button){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.lesson-button.active){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.text-card){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.book-cover){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.reader-sidebar){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.page-text){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.graha-symbol){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.chart-case){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.reasoning-box){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.assignment-card){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.discussion-box){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.lecture-row){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.tool-card){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.btn.danger){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.btn.danger:hover){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.learn-course-select){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.public-gate){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.pricing-card){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.public-footer){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.invite-banner,.checkout-banner){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.invite-result){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.chapter-button,.verse-button){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.chapter-button.active,.verse-button.active){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.sutra-source-box){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.core-book-row){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.text-card.core-text){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.scripture-corpus-summary){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.iast-panel){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.source-critical-note){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.study-loader-card){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.repository-entry){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.repository-entry.active){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.repository-resource){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.youtube-import-row){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.transit-rashi){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.transit-graha-chip){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.transit-graha-card){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.movement-track){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.transit-event){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.transit-prompts button){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.transit-observation){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.transit-methodology){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.transit-bhava-controls){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.north-chart){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.north-center-mask){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.transit-chart-meta .badge){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.transit-bhava-pill){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-state-card.active){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.avastha-tabs){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.avastha-tab:hover){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.avastha-control-panel){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-provenance.classical){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-provenance.expanded){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-definition-card){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-definition-card.supportive){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-study-box){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-source-chip){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-influence-row){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-rel-pill.friend){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-rel-pill.enemy){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-rel-pill.neutral){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-advanced-panel details){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.avastha-result-stage){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-result-pill.supportive){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-result-pill.difficult){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-detected){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-cause){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-cause-weight){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-ecology-wrap,.ava-reasoning-save){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-eco-legend){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-saved-record){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-relation-table){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-relation-table thead th){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-rel-cell){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-rel-cell.friend){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-rel-cell.enemy){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-rel-cell.neutral){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-relation-explain,.ava-special-rules){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-big-relation.friend){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-big-relation.enemy){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-big-relation.neutral){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.avastha-practice-case,.avastha-practice-feedback){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-practice-evidence>div){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-choice){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-practice-score.correct){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-practice-score.study){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-corpus-group-head){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-corpus-row){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-method-layers){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-method-card){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-teacher-record){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-teacher-record>details){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-teacher-reflection){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.ava-student-feedback){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(:is(#avastha,#avastha-workbench) .avastha-hero-card){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(:is(#avastha,#avastha-workbench) .avastha-tabs){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(:is(#avastha,#avastha-workbench) .avastha-tab.active){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(:is(#avastha,#avastha-workbench) .ava-more>div){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(:is(#avastha,#avastha-workbench) .ava-state-card){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(:is(#avastha,#avastha-workbench) .ava-state-card.active){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(:is(#avastha,#avastha-workbench) .ava-reading-aside){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.selected-place){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.location-details){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(#occurrenceBox){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(#birthOffset[readonly]){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.bl-book){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.bl-open:hover){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.bl-reader){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.br-layout aside){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(#br-scroll){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.bl-dialog){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.bl-row-actions [data-delete]:hover){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.bl-book-row:hover){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.cw-name:hover,.cw-name[aria-pressed=true]){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.chart-placement-grid section){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.chart-nakshatra-status){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.aw-item[aria-current]){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.aw-feedback){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.pp-layout>nav [aria-current]){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.pp-questions){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.pp-sharing,.pp-shared){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.pp-admin-section,.pp-admin-reading){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.aq-option:has(input:checked)){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.admin-notice){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.aq-option.selected){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.aq-actions){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.nr-cell.friend){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.nr-cell.enemy){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.nr-cell.neutral){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.answer-correct){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.answer-incorrect){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.journey-space154.current){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.journey-answers154 .correct){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.exp-node155){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.exp-node155.here){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.saros-sequence161 span){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.saros-sequence161 .saros-type-A){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.circuit-tile163){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] :is(.circuit-tile163.element-3){background:var(--paper2)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark] {color-scheme:dark;--ink:#ede8dd;--muted:#c2bbb1;--paper:#13110e;--paper2:#211d18;--line:#574f45} html[data-appearance=dark] :is(.main,#authGate,dialog) :is(h1,h2,h3,h4,label,summary){color:var(--ink)} html[data-appearance=dark] :is(.main,#authGate,dialog) :is(.muted,.page-sub,small){color:var(--ink2)} html[data-appearance=dark] :is(input,textarea)::placeholder{color:var(--muted)!important;opacity:1} html[data-appearance=dark] :is(.main,#authGate,dialog) :is(button,a)[aria-pressed=true], html[data-appearance=dark] :is(.chapter-button.active,.verse-button.active,.repository-entry.active,.lesson-button.active,.avastha-tab.active,.ava-state-card.active,.nb-folder140.active){background:var(--line)!important;color:var(--ink)!important;border-color:var(--ink2)!important} html[data-appearance=dark] :is(.main,#authGate,dialog) :is(button,a)[aria-pressed=true] :is(small,strong,span,.muted), html[data-appearance=dark] :is(.chapter-button.active,.verse-button.active,.repository-entry.active,.lesson-button.active,.avastha-tab.active,.ava-state-card.active) :is(small,strong,span,.muted){color:var(--ink)!important;background:transparent!important} html[data-appearance=dark] :is(.nr-cell.friend,.ava-big-relation.friend,.answer-correct,.journey-answers154 .correct,.ava-practice-score.correct){background:var(--paper3)!important;color:#c3edcf!important} html[data-appearance=dark] :is(.nr-cell.enemy,.ava-big-relation.enemy,.answer-incorrect,.btn.danger,.ava-practice-score.study){background:var(--paper3)!important;color:#ffd0c5!important} html[data-appearance=dark] :is(.nr-cell.neutral,.ava-big-relation.neutral){background:var(--line)!important;color:var(--ink2)!important} html[data-appearance=dark] .main :is(.answer-correct,.answer-incorrect,.nr-cell,.ava-big-relation) :is(small,strong,span){color:inherit!important} html[data-appearance=dark] .main a:not(.btn):not([role=button]){color:var(--ink2)} html[data-appearance=dark] :is(.chart-glyph,.chart-glyph-degree) {color:var(--ink)} html[data-appearance=dark] .map-explanation146{background:var(--paper2)!important;color:var(--ink)!important} #interactive .map-diagram153 svg [data-node153]:focus-visible rect{stroke-width:5;stroke-dasharray:5 3} #interactive .map-diagram153 svg [data-node153]{cursor:pointer} #interactive #map-list146 button[aria-pressed=true] small{color:inherit!important} /* Diagram object fills remain meaningful. Label colors are paired at the component source. */ .graha-workspace178{margin-top:22px} .graha-workspace178 [hidden],#study-explore162>.lab-layout162[hidden]{display:none!important} .graha-layout178{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,1fr);gap:24px;align-items:start} .graha-chart178{min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)} .graha-chart178 svg{display:block;width:100%;height:auto;touch-action:pan-y} .graha-chart178 [data-marker178]{cursor:grab;touch-action:none} .graha-chart178 [data-marker178]:focus-visible rect{stroke-width:3;stroke-dasharray:4 2} .graha-chart178 [data-rashi178]{cursor:crosshair} .graha-chart178 [data-rashi178]:focus-visible{stroke:var(--wine);stroke-width:4} .graha-workspace178 .graha-choices178{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px} .graha-workspace178 .graha-choices178 label{display:flex;gap:6px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:20px;margin:0} .graha-workspace178 input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0} .graha-workspace178 .graha-position178{display:grid;grid-template-columns:1fr 100px;gap:8px;align-items:center;padding:12px 0;border-top:1px solid var(--line)} .graha-position178>label:first-child{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px} .graha-position178 .check-row{grid-column:1/-1;display:flex;gap:8px;align-items:center} .graha-position178 .check-row input[type=number]{width:84px!important} .graha-workspace178 .graha-status178{padding:14px 16px;border-top:1px solid var(--line);margin:0;min-height:2.8em} .graha-workspace178 .row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0} .graha-workspace178 :is(button,input,select){min-height:44px} .graha-workspace178 .graha-pairs178{display:grid;grid-template-columns:1fr 1fr;gap:10px} .graha-workspace178 .graha-help178{font-size:.9rem;line-height:1.6;margin:12px 0} .graha-workspace178 .graha-controls178{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper);min-width:0} .graha-workspace178 .graha-chart-help178{padding:14px 18px;margin:0;border-top:1px solid var(--line)} .graha-workspace178 .graha-position178 output{font-size:.85rem;margin:0!important} @media(max-width:1000px){.graha-layout178{grid-template-columns:minmax(0,1fr)}.graha-chart178{max-width:760px;width:100%;justify-self:center}} @media(max-width:500px){.graha-workspace178 .graha-controls178{padding:14px}.graha-workspace178 .graha-pairs178{grid-template-columns:1fr}.graha-workspace178 .graha-choices178{gap:6px}} html[data-appearance=dark] #br-surface:has(.br-prose),html[data-appearance=dark] .br-prose{background:var(--paper)!important;color:var(--ink)!important} html[data-appearance=dark] .br-prose mark{background:var(--line2);color:var(--ink)} html[data-appearance=dark] #interactive{--line:#6f6558} html[data-appearance=dark] :is(.ava-rel-pill.friend,.ava-rel-cell.friend,.ava-result-pill.supportive){background:var(--paper3)!important;color:#c3edcf!important} html[data-appearance=dark] :is(.ava-rel-pill.enemy,.ava-rel-cell.enemy,.ava-result-pill.difficult){background:var(--paper3)!important;color:#ffd0c5!important} html[data-appearance=dark] :is(.ava-rel-pill.neutral,.ava-rel-cell.neutral){background:var(--line)!important;color:var(--ink2)!important} .graha-workspace178 .graha-zoom178{padding:8px 14px;margin:0;border-bottom:1px solid var(--line)} #graha-drawing178{max-height:75dvh;overflow:auto;overscroll-behavior:contain;width:100%;scrollbar-gutter:stable} #graha-drawing178 svg{max-width:none!important;flex-shrink:0} html[data-appearance=dark] .rs-edge152.friend{color:#96d8b5} html[data-appearance=dark] .rs-edge152.enemy{color:#e7a28f} html[data-appearance=dark] .rs-edge152.neutral,html[data-appearance=dark] .rs-edge152.concealed{color:var(--wine)} html[data-appearance=dark] .rs-edge152 line{opacity:.85} /* ---- release181.css ---- */ /* Paired chart colors: surfaces and labels must change together. */ html[data-appearance=dark] #transitNorthChart{background:var(--bg)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--ink3)!important} html[data-appearance=dark] #transitNorthChart :is(.north-graha,.north-center-mask,.north-center){background:transparent!important;box-shadow:none!important;border-color:transparent!important;color:var(--ink)!important;text-shadow:none!important} html[data-appearance=dark] #transitNorthChart [id^=northGraha_]{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--ink)!important;text-shadow:none!important;font-family:Arial,sans-serif} html[data-appearance=dark] #transitNorthChart [id^=northGraha_] :is(strong,small){background:transparent!important;color:var(--ink)!important;text-shadow:none!important} html[data-appearance=dark] #transitNorthChart [id^=northGraha_] small{color:var(--ink2)!important} html[data-appearance=dark] #transitNorthChart :is(polyline,line,rect.chart-surface176){stroke:var(--ink3)!important} html[data-appearance=dark] #transitNorthChart :is([id^=northSign_],[id^=northHouse_],#northCenterMask){color:var(--ink2)!important;background:transparent!important;text-shadow:none!important} .cr-reading169{max-width:900px;margin-inline:auto}.cr-depth179{margin-block:1.5rem;line-height:1.75}.cr-reading169 details{padding:1rem;margin-block:1rem}.cr-reading169 li{margin-block:.6rem} .practice-controls179{display:grid;gap:.7rem;margin-bottom:1.5rem}.practice-controls179 select{max-width:100%;margin-top:.4rem}.practice-controls179 p{max-width:70ch;line-height:1.6} #study-check-options{display:grid;gap:.8rem}#study-check-options .btn{text-align:left;white-space:normal;line-height:1.6;padding:1rem}#study-check-feedback{line-height:1.75;max-width:80ch;padding-block:.8rem} .framework-reading140 p,.framework-reading140 li{line-height:1.75}.framework-reading140 dd{margin:0 0 1rem}.by-plain179{line-height:1.75} @media(max-width:650px){.practice-controls179 select{width:100%}.cr-reading169{padding:1rem!important}.cr-tools169{display:flex;flex-wrap:wrap;gap:.6rem}} /* ---- charts180.css ---- */ /* One interaction and paint system for the birth and transit charts. */ :is(#birthChart,#transitNorthChart){--chart-hover:var(--wine,#8f5b3f);--chart-label:#927b5b} html[data-appearance=dark] :is(#birthChart,#transitNorthChart){--chart-hover:#dec499;--chart-label:#d5c6ad} #transitNorthChart.shared-chart180{aspect-ratio:1!important;min-width:0!important;width:100%!important;max-width:900px!important;padding:0!important;background:transparent!important;border:0!important;overflow:hidden;border-radius:8px} #transitNorthChart.shared-chart180>svg{position:static!important;display:block;width:100%!important;height:auto!important;aspect-ratio:1;pointer-events:auto!important} :is(#birthChart,#transitNorthChart) .chart-glyph .chart-marker-mask176{stroke:transparent!important;stroke-width:1.5;transition:stroke .13s ease} :is(#birthChart,#transitNorthChart) .chart-glyph:is(:hover,:focus-visible) .chart-marker-mask176{stroke:var(--chart-hover)!important;stroke-width:2} :is(#birthChart,#transitNorthChart) .chart-glyph:focus-visible{outline:none} :is(#birthChart,#transitNorthChart) .chart-rashi180 rect{fill:transparent!important;stroke:transparent!important;stroke-width:1.2;transition:fill .13s ease,stroke .13s ease} :is(#birthChart,#transitNorthChart) .chart-rashi180:is(:hover,:focus-visible) rect{fill:color-mix(in srgb,var(--chart-hover) 12%,transparent)!important;stroke:var(--chart-hover)!important} :is(#birthChart,#transitNorthChart) .chart-rashi180:focus-visible{outline:none} :is(#birthChart,#transitNorthChart) :is(.chart-rashi180 text,.chart-bhava-number180){fill:var(--chart-label)!important} :is(#birthChart,#transitNorthChart) :is(.chart-glyph,.chart-rashi180){cursor:pointer;transform:none!important} :is(#birthChart,#transitNorthChart) .chart-field154:is(:hover,:focus-visible){stroke:var(--chart-hover)!important;fill:color-mix(in srgb,var(--chart-hover) 7%,transparent)!important} #transitNorthChartMeta{line-height:1.65;padding-block:12px} @media(prefers-reduced-motion:reduce){.chart-rashi180 rect,.chart-marker-mask176{transition:none!important}} /* ---- charts181.css ---- */ /* Explicit paired idle and active rules avoid older transit-wide SVG overrides. */ html #transitNorthChart.shared-chart180 .chart-rashi180:not(:hover):not(:focus-visible) rect{stroke:transparent!important;fill:transparent!important} html #transitNorthChart.shared-chart180 .chart-rashi180:is(:hover,:focus-visible) rect{stroke:var(--chart-hover)!important;fill:color-mix(in srgb,var(--chart-hover) 12%,transparent)!important} :is(#birthChart,#transitNorthChart) .chart-lagna-degree181{fill:var(--chart-label)!important;font-variant-numeric:tabular-nums} .transit-place-results181{display:grid;gap:5px;max-height:270px;overflow:auto;margin-top:6px}.transit-place-results181:empty,#transit-place-status181:empty{display:none}.transit-place-results181 button{text-align:left;white-space:normal;line-height:1.4;min-height:42px;padding:9px 12px}#transit-place-status181{font-size:.85rem;line-height:1.5;margin-block:8px 0} /* ---- experience183.css ---- */ /* V1.83: spacious surfaces, deliberate interaction, and theme-safe diagrams. */ #dashboard>.grid{gap:32px;grid-template-columns:repeat(12,minmax(0,1fr))}#dashboard .hero{grid-column:1/-1;padding:clamp(24px,4vw,52px);max-width:none}#dashboard .hero-title{max-width:26ch}#dashboard .hero-text{max-width:65ch;line-height:1.8}#dashboard .hero-actions{margin-top:24px;gap:14px}.dashboard-overview174{padding:12px 0}.dashboard-heading174{margin-bottom:24px}.dashboard-tabs183{display:flex;gap:12px;margin:20px 0 28px;flex-wrap:wrap}.dashboard-tabs183 button{min-width:100px;padding:12px 24px}.dashboard-grid174{gap:28px}.dashboard-grid174>.card{padding:28px;gap:18px}.dashboard-more183{border-top:1px solid var(--line);padding-top:24px}.dashboard-more183>summary{font-size:1.2rem;cursor:pointer;padding:12px 0}.dashboard-more-grid183{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.dashboard-more-grid183>*,.dashboard-more-grid183>.card,.dashboard-more-grid183>.stat-card{grid-column:auto!important;min-width:0}.dashboard-workspace174{display:flex;gap:14px;flex-wrap:wrap}.dashboard-directions174{padding:26px}.dashboard-more-grid183 .stat-card{padding:26px}#nav .nav-group147{margin:18px 0;padding-top:14px}#nav .nav-group-body147{display:grid;gap:5px;padding:8px 0}#nav button[data-page]{padding:11px 13px;min-height:42px}#nav>.nav-group147>summary{padding:12px;line-height:1.5} .kb-toolbar183{display:flex;align-items:end;gap:20px;margin-bottom:36px;flex-wrap:wrap}.kb-toolbar183 label{flex:1;min-width:220px}.kb-toolbar183 input{display:block;margin-top:10px;width:100%}.kb-group183{margin:32px 0 44px}.kb-group183>h2{font-size:1.4rem;margin-bottom:20px}.kb-group183>h2>span{font-size:.8rem;color:var(--muted);margin-right:12px}.kb-grid183{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.kb-card183{position:relative;display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:28px;text-align:left;font:inherit;min-height:180px}.kb-card183>span:first-child{font-size:1.3rem}.kb-card183 small{font:inherit;font-size:1rem;line-height:1.7;color:var(--muted)}.kb-card183>span:last-child{align-self:end;margin-top:auto}.reference-navigation{display:flex;flex-wrap:wrap;gap:16px;align-items:start;margin-bottom:28px}.kb-switch183{flex:1;min-width:200px;padding:10px 14px;border:1px solid var(--line);border-radius:12px}.kb-switch183>summary{cursor:pointer}.kb-switch183 .reference-subjects{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.reference-navigation>.reference-views{flex-basis:100%}.nr-experiment183{margin-top:28px}.nr-experiment183>summary{cursor:pointer;font-size:1.2rem;padding:8px}.nr-experiment183[open] #study-relationships{margin-top:24px}.nr-experiment183 #study-relationships{display:block}.nr-experiment183 .experience-hero{padding:20px 0}#avaPane_relations{display:none!important} .simple-practice183{max-width:860px;margin:20px auto;padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink)}.simple-practice183 h2{font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.5;margin:24px 0}.practice-answers183{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:28px 0;max-width:650px}.practice-answers183 button{text-align:left;padding:18px 22px;white-space:normal;line-height:1.6;min-height:52px}.simple-practice183 [role=status]:not(:empty){padding:22px;margin:24px 0;border-left:3px solid var(--gold);background:var(--bg);line-height:1.8}.simple-practice183 .row{gap:18px;flex-wrap:wrap}.answer-correct183:disabled{opacity:1!important;border:2px solid var(--gold)!important;color:var(--ink)!important}.verse-tail183{white-space:nowrap!important;display:inline-block}.sutra-sanskrit .sanskrit-line,.iast-verse .iast-line{display:block!important;white-space:normal;word-break:normal;overflow-wrap:normal}.sutra-sanskrit .sa-term156,.iast-verse .sa-term156{display:inline!important;white-space:normal!important;word-break:normal!important;padding:0!important;line-height:inherit!important}.verse-tail183 .sa-term156{white-space:nowrap!important} /* A graph and its tools remain together; the list provides a keyboard and small-screen alternative. */ .map-intro183{max-width:850px;line-height:1.75;margin-bottom:28px}.map-toolbar183{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin:24px 0}.map-toolbar183>label{flex:1;min-width:180px}.map-toolbar183 input,.map-toolbar183 select{display:block;width:100%;margin-top:8px}.map-toolbar183>.map-check183{display:flex;align-items:center;gap:10px;line-height:1.5}.map-check183 input{width:auto;margin:0;flex:0 0 auto}.map-layout183{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:24px;align-items:start}.map-canvas-wrap183{border:1px solid var(--line);border-radius:20px;overflow:hidden;min-width:0;background:var(--paper);color:var(--ink)}.map-zoom183{display:flex;gap:8px;padding:14px;position:relative;z-index:1}.map-zoom183 button{min-width:44px;min-height:44px}#idea-svg183{display:block;width:100%;height:auto;min-height:320px;aspect-ratio:1000/680;background:var(--paper);touch-action:none;color:var(--ink)}.map-node183{cursor:grab;outline:none}.map-node183:active{cursor:grabbing}.map-node183 circle{fill:var(--wine);stroke:var(--paper);stroke-width:3}.map-node183 text{fill:var(--ink);font:17px var(--tjp-font,Georgia),serif;paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}.map-node183.selected circle,.map-node183:hover circle,.map-node183:focus-visible circle{fill:var(--gold);stroke:var(--ink);stroke-width:3}.map-node183:focus-visible text{text-decoration:underline}.map-edge183{stroke:var(--line);stroke-width:1.7}.map-edge183.connected{stroke:var(--gold);stroke-width:2.5}#map-count183{margin:14px 18px;line-height:1.6}.map-list183{padding:18px;border-top:1px solid var(--line)}.map-list183>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.map-layout183 aside{padding:24px;max-height:820px;overflow:auto;min-width:0}.map-layout183 aside h2{overflow-wrap:anywhere;font-size:1.5rem}.map-body183{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.map-connections183{padding:0;list-style:none}.map-connections183 li{padding:14px 0;border-bottom:1px solid var(--line)}.map-connections183 small{display:block;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.map-layout183 details{margin:22px 0}.map-layout183 summary,.map-create183 summary,.map-list183 summary{cursor:pointer;line-height:1.6}.map-layout183 label,.map-create183 label{display:block;margin:16px 0}.map-layout183 input,.map-layout183 select,.map-layout183 textarea,.map-create183 input,.map-create183 textarea{display:block;width:100%;margin:8px 0;box-sizing:border-box}.map-create183{margin:28px 0;padding:24px}.map-create183 form{max-width:760px}.map-files183{gap:16px;flex-wrap:wrap;line-height:1.6}.map-files183 input[type=file]{max-width:230px;font-size:.85rem;margin-left:12px}.map-files183 [role=status]{flex-basis:100%;color:var(--muted)} html[data-appearance=dark] :is(.kb-card183,.simple-practice183,.map-canvas-wrap183,#idea-svg183,.map-layout183 aside,.map-create183){background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line2)!important}html[data-appearance=dark] .map-node183 circle{fill:var(--muted);stroke:var(--paper)}html[data-appearance=dark] .map-node183 text{fill:var(--ink);stroke:var(--paper)}html[data-appearance=dark] .map-edge183{stroke:var(--line2)}html[data-appearance=dark] .map-edge183.connected{stroke:var(--ink2)}html[data-appearance=dark] .map-node183:is(.selected,:hover,:focus-visible) circle{fill:var(--ink2);stroke:var(--ink)}html[data-appearance=dark] :is(.kb-card183 small,.map-connections183 small){color:var(--ink2)!important}html[data-appearance=dark] .answer-correct183:disabled{color:var(--ink)!important}html[data-appearance=dark] .simple-practice183 [role=status]:not(:empty){background:var(--paper2)!important;color:var(--ink)!important}html[data-appearance=dark] .dashboard-tabs183 button[aria-pressed=true]{background:var(--ink2)!important;color:var(--paper)!important} @media(hover:hover) and (prefers-reduced-motion:no-preference){.kb-card183,.home-path158,.tool-entry174,.dashboard-tabs183 button,#nav button[data-page],.study-collections173 button{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.kb-card183:hover,.home-path158:hover,.tool-entry174:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000012;border-color:var(--gold)}.dashboard-tabs183 button:hover,.study-collections173 button:hover{transform:translateY(-2px);border-color:var(--gold)}#nav button[data-page]:hover{transform:translateX(3px)}.map-node183 circle{transition:fill .18s,stroke .18s}} @media(prefers-reduced-motion:no-preference){.page.page-enter{animation:entry183 .24s ease both}@keyframes entry183{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.simple-practice183 [role=status]:not(:empty){animation:entry183 .2s ease both}} @media(prefers-reduced-motion:reduce){.page.page-enter{animation:none!important}.kb-card183,.home-path158,.tool-entry174,.dashboard-tabs183 button,#nav button[data-page],.map-node183 circle{transition:none!important;transform:none!important}} @media(max-width:1050px){.kb-grid183{grid-template-columns:repeat(2,minmax(0,1fr))}.map-layout183{grid-template-columns:minmax(0,1fr)}.map-layout183 aside{max-height:none}#idea-svg183{min-height:360px}} @media(max-width:650px){#dashboard>.grid{gap:24px}.dashboard-grid174,.dashboard-more-grid183,.kb-grid183{grid-template-columns:1fr}.dashboard-grid174>.card{padding:22px}.dashboard-tabs183{gap:8px}.dashboard-tabs183 button{min-width:0;flex:1;padding:12px}.kb-card183{min-height:0;padding:24px}.kb-toolbar183{align-items:stretch;flex-direction:column}.kb-toolbar183 label{min-width:0}.kb-group183{margin-bottom:28px}.map-toolbar183{display:grid;grid-template-columns:1fr}.map-canvas-wrap183{border-radius:12px}#idea-svg183{min-height:280px}.map-layout183{gap:20px}.map-files183 .btn{width:100%;box-sizing:border-box}.map-node183 text{font-size:20px}.simple-practice183{padding:22px}.simple-practice183 .row{align-items:stretch;flex-direction:column}} html[data-appearance=dark] #study-relationships{--paper:#13110e;--paper2:#1f1b17;--ink:#ede8dd;--muted:#c4bdb3;--line:#4b4339;--wine:#dcd1bc}html[data-appearance=dark] #study-relationships .rs-map152{background:var(--paper)!important}html[data-appearance=dark] #study-relationships svg text{fill:var(--ink)!important}html[data-appearance=dark] #study-relationships .rs-tabs152 [aria-pressed=true]{color:var(--paper);background:var(--ink2)}html[data-appearance=dark] #study-relationships .rs-edge152.friend{color:#8dc2a8}html[data-appearance=dark] #study-relationships .rs-edge152.enemy{color:var(--ink2)}html[data-appearance=dark] #study-relationships .rs-edge152.neutral{color:var(--wine)} #avaPane_practice>[hidden]{display:none!important}#study-basics183.hidden{display:none!important} /* ---- experience184.css ---- */ /* Theme colours inherit the existing palette. */ .kb-switch183[open] .reference-subjects{display:flex;flex-wrap:wrap;gap:8px} .kb-switch183 summary{padding:12px 0;font-weight:600} .kb-switch183 summary::after{content:'Hide topics';float:right;font-size:.8rem;opacity:.7} .kb-switch183:not([open]) summary::after{content:'Show topics'} .reference-subjects button[aria-current=page],.community-nav184 [aria-current=page]{outline:2px solid var(--wine);outline-offset:2px} .dashboard-cards184{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .dashboard-card184{text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);padding:22px;display:flex;flex-direction:column;gap:10px;cursor:pointer;min-height:140px} .dashboard-card184 span{font-family:var(--tjp-font,Georgia),serif;font-size:1.3rem}.dashboard-card184 small{line-height:1.6;opacity:.8} .dashboard-card184:hover,.map-result184:hover{border-color:var(--wine)} .dashboard-discover184{margin:16px 0}.community-nav184{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px} .pp-compare-entry184{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;margin:16px 0} .pp-contents184{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.pp-contents184 .btn{font-size:.85rem} .pp-section{scroll-margin-top:30px}.pp-comparison184{table-layout:fixed;width:100%;min-width:680px}.pp-comparison184 th:first-child{width:18%}.pp-comparison184 td{white-space:pre-line;vertical-align:top;line-height:1.65}.pp-comparison184 th{vertical-align:top} .pp-compare184 .row{gap:8px;margin:18px 0}.pp-compare184 .pp-toolbar{align-items:end} #map-list183{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.map-result184{display:flex;flex-direction:column;align-items:start;text-align:left;white-space:normal;gap:6px;padding:12px!important}.map-result184 small{font-size:.75rem;opacity:.75} .map-list183 .row{margin-top:14px}.map-actions184{margin-bottom:16px;gap:8px}.map-lessons184{max-height:320px;overflow:auto;line-height:1.7;padding:0 0 0 20px}.map-lessons184 li{padding:7px 0;border-bottom:1px solid var(--line)} #map-detail183{min-width:0}#map-detail183 .row{flex-wrap:wrap;gap:8px}#map-detail183 h3{margin-top:24px} .map-list183 h2{font-size:1.2rem}.map-body183{line-height:1.65}.map-layout183{align-items:start!important}.map-connections183{max-height:360px;overflow:auto}.map-create183 summary{padding:12px;font-size:1.1rem} .notice-filters184{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.notice-filters184 input[type=checkbox]{width:auto}.notice-row184{padding:10px 0;border-bottom:1px solid var(--line)}.notice-row184.unread{border-left:3px solid var(--wine);padding-left:10px}.notice-row184 .notice167{width:100%;margin:0}.notice-row184>.text-btn{margin:5px 12px}.privacy-summary184{border:1px solid var(--line);border-radius:12px;padding:16px;margin:18px 0} .start-first171[open]{padding:20px}.guide-entry160 summary::after{content:'Read guide';font-size:.8rem;opacity:.7}.guide-entry160[open] summary::after{content:'Close guide'} @media(max-width:1050px){.dashboard-cards184{grid-template-columns:repeat(2,minmax(0,1fr))}.map-layout183{grid-template-columns:minmax(0,1fr)!important}.map-canvas-wrap183{min-width:0}} @media(max-width:650px){.dashboard-cards184{grid-template-columns:1fr}.dashboard-card184{min-height:0;padding:18px}.pp-compare-entry184{flex-direction:column;align-items:start}.pp-tabs{flex-wrap:wrap}.pp-contents184{max-height:160px;overflow:auto}.notice-filters184{grid-template-columns:1fr}#map-list183{grid-template-columns:1fr}.map-toolbar183{grid-template-columns:1fr!important}.map-actions184{display:flex;flex-wrap:wrap}.community-nav184 .btn{flex:1 1 auto}.pp-compare184 .pp-toolbar{display:flex;flex-wrap:wrap}.pp-compare184 label{min-width:0;width:100%}} .pp-compare184 .pp-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px}.pp-compare184 .pp-toolbar label{min-width:0}.pp-compare184 .pp-toolbar select{width:100%}.pp-compare184 .row>.btn{white-space:normal;text-align:left;max-width:100%}.comparison-mobile184{display:none} #dashboard>.grid>.hero{padding:26px 32px!important}#dashboard .hero-title{font-size:1.8rem}#dashboard .hero-text{max-width:780px} html[data-appearance=dark] .dashboard-card184{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line2)!important}html[data-appearance=dark] .community-nav184 [aria-current=page]{outline-color:var(--ink2)} @media(max-width:650px){.pp-compare184 .pp-toolbar{grid-template-columns:minmax(0,1fr)}.comparison-mobile184{display:block;font-size:.85rem;color:var(--muted)}#dashboard>.grid>.hero{padding:22px!important}} /* ---- workspace185.css ---- */ /* The tool keeps every primary action visible at all screen sizes. */ .yoga-modes185{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0} .yoga-modes185 .btn{white-space:normal;text-align:left;display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:16px;min-height:95px} .yoga-modes185 small{font-weight:400;font-size:12px;line-height:1.5;opacity:.8} .yoga-modes185 [aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px} #bhava-yoga [hidden]{display:none!important} #yogaTabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;margin-top:12px;border-top:1px solid var(--line,var(--line))} #yogaReading>section{scroll-margin-top:110px;border-top:1px solid var(--line,var(--line));padding:24px 0} .yoga-expanded185{margin:18px 0;padding:16px;border:1px solid var(--line,var(--line));border-radius:12px} #yogaSelection185{font-size:13px} #yogaBrowse185,#yogaCompare185{margin-top:24px} #yogaBrowse185>input{width:100%;margin:8px 0 16px} #yogaFooter{flex-wrap:wrap;gap:10px} #yogaComparison th,#yogaComparison td{min-width:170px;vertical-align:top} #bhava-yoga .yoga-selectors label{min-width:0} #bhava-yoga .yoga-selectors select{width:100%;max-width:100%} #bhava-yoga .study-table-wrap{max-width:100%;overflow-x:auto} @media(max-width:700px){.yoga-modes185{grid-template-columns:repeat(2,minmax(0,1fr))}.yoga-modes185 .btn{padding:12px}#bhava-yoga .yoga-selectors{grid-template-columns:1fr}#yogaTabs button{flex:1 1 42%;white-space:normal}#yogaReading>section{scroll-margin-top:80px}} /* ---- release186.css ---- */ /* The Jyotish Project Study Space v1.86: layout, mobile and accessibility refinements. Loaded last so it can correct earlier release layers without editing them. */ /* 1. The collapsed-sidebar handle (48px since v1.63) covered the first letters of every page on desktop. Give the content a clear gutter while the sidebar is collapsed. */ @media (min-width:761px){ .app-shell.sidebar-collapsed > main.main{padding-left:76px} } /* 2. Skip link for keyboard and screen-reader users. */ .skip-link186{position:fixed;left:12px;top:-60px;z-index:1000;background:var(--wine);color:var(--paper);padding:10px 16px;border-radius:8px;font:14px var(--tjp-font,Georgia),serif;text-decoration:none;transition:top .15s} .skip-link186:focus{top:12px;outline:2px solid var(--gold);outline-offset:2px} /* 3. Transit Observatory view tabs were rendering as unstyled native buttons. */ .observatory-tabs163 button{font:inherit;font-size:14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:8px 14px;border-radius:999px;cursor:pointer;white-space:nowrap} .observatory-tabs163 button:hover{border-color:var(--wine)} .observatory-tabs163 button[aria-pressed=true]{background:var(--wine);color:var(--paper);border-color:var(--wine)} /* 4. Settings colour moods overflowed a phone screen horizontally. */ .appearance-choices{flex-wrap:wrap} /* 5. Consistent visible focus for keyboard navigation. */ :where(button,a,select,input,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--wine);outline-offset:2px} /* 6. Phones: the page toolbar took two rows and roughly a third of the first screen. Keep it on one scrollable row and tighten the quick reference. */ @media (max-width:760px){ .topbar .top-actions{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px!important;padding-bottom:4px;max-width:100%} .topbar .top-actions::-webkit-scrollbar{display:none} .topbar .top-actions > *{flex:0 0 auto} .topbar .release-tag146{display:none} .topbar .inbox-button167{order:-1} .reference-bar146{margin-top:4px!important;margin-bottom:8px!important} .reference-bar146 label{font-size:0!important;margin:0!important} .reference-bar146 select{font-size:15px!important;padding:8px 10px!important} .observatory-tabs163{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none} .observatory-tabs163::-webkit-scrollbar{display:none} } /* 7. Respect reduced-motion preferences across animated studies and transitions. */ @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} } /* 8. Classic muted text reached 4.2:1 on the page background; darken slightly to pass WCAG AA (5.2:1). */ :root[data-appearance=classic]{--muted:#665f55} /* ---- notebook187.css ---- */ /* v1.87 Notebook block editor */ #notebook.nb7-host > :not(.nb7):not(.nb7-slash):not(.nb7-pop):not(.nb7-palette):not(.nb7-toast):not(.nb7-global):not(#psyche-notebook){display:none!important} #psyche-notebook{margin-bottom:14px} .nb7{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:72vh;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)} .nb7 button{font:inherit;color:inherit;cursor:pointer} .nb7-side{background:var(--paper2);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;max-height:82vh;position:sticky;top:0} .nb7-side-top{display:flex;flex-direction:column;gap:6px;padding:12px 10px 6px} .nb7-search-btn{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px!important;color:var(--muted)!important} .nb7-search-btn kbd{margin-left:auto;font-size:10px;border:1px solid var(--line);border-radius:4px;padding:1px 4px;background:var(--paper2)} .nb7-new{background:var(--wine);color:var(--paper)!important;border:0;border-radius:8px;padding:8px 10px;font-size:13px!important;text-align:left} .nb7-new:hover{filter:brightness(1.08)} .nb7-views{padding:2px 6px} .nb7-view{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;border-radius:6px;padding:5px 8px;font-size:13px!important;text-align:left} .nb7-view span{width:18px;text-align:center;opacity:.8}.nb7-view small{margin-left:auto;color:var(--muted);font-size:11px} .nb7-view:hover,.nb7-node:hover,.nb7-node-btn.flat:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)} .nb7-view.active{background:color-mix(in srgb,var(--wine) 14%,transparent);color:var(--wine)} .nb7-tree-wrap{flex:1;overflow:auto;padding:4px 6px 10px} .nb7-label{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:12px 8px 4px} .nb7-hint{font-size:12px;color:var(--muted);padding:2px 10px;margin:0} .nb7-node{display:flex;align-items:center;border-radius:6px;padding-left:calc(var(--d)*14px)} .nb7-node.active,.nb7-node-btn.flat.active{background:color-mix(in srgb,var(--wine) 14%,transparent)} .nb7-caret{border:0;background:transparent;width:20px;height:24px;font-size:10px!important;color:var(--muted)!important;border-radius:4px;flex:none} .nb7-caret.none{opacity:.35;pointer-events:none} .nb7-node-btn{display:flex;align-items:center;gap:7px;border:0;background:transparent;flex:1;min-width:0;text-align:left;padding:4px 4px;font-size:13.5px!important;border-radius:6px} .nb7-node-btn.flat{width:100%;padding:5px 8px} .nb7-node-icon{flex:none;width:18px;text-align:center} .nb7-node-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1} .nb7-node-title small{display:block;font-size:11px;color:var(--muted)} .nb7-node-add{opacity:0;border:0;background:transparent;width:22px;height:22px;border-radius:4px;color:var(--muted)!important;flex:none} .nb7-node:hover .nb7-node-add,.nb7-node-add:focus{opacity:1} .nb7-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none} .nb7-flatrow{display:flex;align-items:center;gap:4px} .nb7-templates{border-top:1px solid var(--line);padding:6px 10px}.nb7-templates summary{font-size:12.5px;color:var(--muted);cursor:pointer;padding:4px 0} #nb7-tpl{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:6px 0} .nb7-tpl{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:6px 8px;font-size:12px!important;text-align:left} .nb7-tpl b{font-weight:normal}.nb7-tpl:hover{border-color:var(--wine)} .nb7-side-foot{border-top:1px solid var(--line);padding:8px 12px} .nb7-link{border:0;background:none;color:var(--wine)!important;font-size:12px!important;padding:2px 4px;text-decoration:underline;text-underline-offset:2px} .nb7-main{position:relative;min-width:0;overflow:auto;max-height:82vh} .nb7-empty{display:grid;place-items:center;min-height:60vh;padding:30px} .nb7-empty-inner{max-width:560px;text-align:center}.nb7-empty-icon{font-size:46px}.nb7-empty h2{font-size:28px;margin:8px 0} .nb7-empty p{color:var(--muted);line-height:1.6}.nb7-empty kbd,.nb7-palette kbd{border:1px solid var(--line);border-radius:4px;padding:0 5px;background:var(--paper2);font-size:.85em} .nb7-tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:22px} .nb7-tpl-grid .nb7-tpl{padding:12px;font-size:13px!important;flex-direction:column;align-items:flex-start}.nb7-tpl-grid .nb7-tpl span{font-size:22px} .nb7-page{position:relative} .nb7-cover{height:0;transition:height .25s}.nb7-cover.on{height:150px} .nb7-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:6px;padding:8px 14px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid transparent} .nb7-crumbs{display:flex;align-items:center;gap:4px;min-width:0;flex:1;overflow:hidden;font-size:13px;color:var(--muted)} .nb7-crumb{border:0;background:none;padding:3px 6px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;font-size:13px!important;color:var(--muted)!important} .nb7-crumb.current{color:var(--ink)!important} button.nb7-crumb:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)} .nb7-status{font-size:12px;color:var(--muted);white-space:nowrap} .nb7-icon-btn{border:0;background:transparent;width:32px;height:32px;border-radius:7px;font-size:16px!important} .nb7-icon-btn:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)} .nb7-icon-btn[aria-pressed=true]{color:var(--gold)!important} .nb7-menu-wrap{position:relative} .nb7-pop{position:fixed;z-index:400;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px rgba(20,14,8,.22);padding:6px;min-width:200px} .nb7-menu-wrap .nb7-pop{position:absolute;right:0;top:36px} .nb7-pop button{display:block;width:100%;text-align:left;border:0;background:none;padding:7px 10px;border-radius:6px;font:14px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .nb7-pop button:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)} .nb7-pop .danger{color:var(--wine)} .nb7-doc{max-width:760px;margin:0 auto;padding:28px 56px 120px} .nb7-head{position:relative;margin-bottom:10px} .nb7-cover.on + .nb7-bar + .nb7-doc .nb7-page-icon{margin-top:-58px} .nb7-page-icon{font-size:52px!important;line-height:1;border:0;background:transparent;padding:4px;border-radius:10px;position:relative} .nb7-page-icon:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)} .nb7-icons{position:absolute;top:70px;left:0;display:grid;grid-template-columns:repeat(8,34px);gap:2px;width:auto} .nb7-icons button{font-size:20px;padding:4px;text-align:center}.nb7-icons .wide{grid-column:1/-1;font-size:13px;text-align:center} .nb7-title{font-size:38px;line-height:1.2;font-weight:600;outline:none;margin:6px 0 10px;word-break:break-word} .nb7-title:empty::before{content:attr(data-placeholder);color:color-mix(in srgb,var(--muted) 55%,transparent)} .nb7-props{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:6px 0 14px;border-bottom:1px solid var(--line)} .nb7-prop{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;color:var(--muted)} .nb7-prop input{border:1px solid transparent;background:transparent;padding:3px 6px;border-radius:5px;font:13px var(--tjp-font,Georgia),serif;color:var(--ink);width:auto;min-width:90px;max-width:220px} .nb7-prop input:hover,.nb7-prop input:focus{border-color:var(--line);background:var(--paper2)} .nb7-source{font-size:12px;color:var(--muted)} .nb7-blocks{padding-top:12px} .nb7-b{position:relative;display:flex;align-items:flex-start;padding-left:calc(var(--ind)*26px);margin:1px 0;border-radius:4px} .nb7-b.nb7-hidden{display:none} .nb7-gutter{position:absolute;left:calc(var(--ind)*26px - 50px);top:2px;display:flex;opacity:0;transition:opacity .12s} .nb7-b:hover .nb7-gutter,.nb7-b:focus-within .nb7-gutter{opacity:1} .nb7-plus,.nb7-handle{border:0;background:transparent;width:22px;height:24px;border-radius:4px;color:var(--muted)!important;font-size:13px!important;line-height:1;padding:0} .nb7-handle{cursor:grab!important;letter-spacing:-3px} .nb7-plus:hover,.nb7-handle:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)} .nb7-body{display:flex;align-items:flex-start;gap:6px;flex:1;min-width:0} .nb7-text{flex:1;min-width:0;outline:none;padding:3px 2px;font-size:17px;line-height:1.65;white-space:pre-wrap;word-break:break-word;min-height:1.65em} .nb7-text:empty::before{content:attr(data-placeholder);color:transparent} .nb7-text:focus:empty::before,.nb7-blocks .nb7-b:only-child .nb7-text:empty::before{color:color-mix(in srgb,var(--muted) 60%,transparent)} .nb7-h1 .nb7-text{font-size:30px;font-weight:600;line-height:1.3;margin-top:22px} .nb7-h2 .nb7-text{font-size:24px;font-weight:600;line-height:1.3;margin-top:16px} .nb7-h3 .nb7-text{font-size:20px;font-weight:600;margin-top:10px} .nb7-bullet,.nb7-num{flex:none;min-width:18px;padding-top:3px;font-size:17px;line-height:1.65;color:var(--wine);text-align:center} .nb7-check{flex:none;width:17px!important;height:17px;margin:7px 2px 0 0!important;accent-color:var(--wine);cursor:pointer} .nb7-text[data-done]{text-decoration:line-through;color:var(--muted)} .nb7-quote .nb7-body{border-left:3px solid var(--ink);padding-left:14px} .nb7-quote .nb7-text{font-style:italic} .nb7-callout .nb7-body{background:color-mix(in srgb,var(--gold) 14%,var(--paper));border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:9px;padding:10px 12px;margin:6px 0} .nb7-callout-emoji{border:0;background:none;font-size:19px!important;padding:2px;line-height:1.4} .nb7-tg{border:0;background:none;width:22px;padding:4px 0;font-size:13px!important;color:var(--muted)!important;transition:transform .15s} .nb7-toggle .nb7-text{font-weight:600} .nb7-code .nb7-body{display:block} .nb7-codearea{background:var(--paper2);border:1px solid var(--line);border-radius:8px;padding:12px 14px!important;font:14.5px/1.6 ui-monospace,Menlo,Consolas,monospace!important;white-space:pre-wrap;margin:6px 0} .nb7-divider .nb7-body{padding:10px 0}.nb7-divider hr{border:0;border-top:1px solid var(--line);width:100%;margin:0} .nb7-pagelink{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:5px 4px;border-radius:6px;font-size:16.5px!important;text-align:left;width:100%} .nb7-pagelink u{text-decoration-color:color-mix(in srgb,var(--ink) 30%,transparent);text-underline-offset:3px} .nb7-pagelink:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)} .nb7-text code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;background:var(--paper2);border:1px solid var(--line);border-radius:4px;padding:0 4px;color:var(--wine)} .nb7-text mark{background:color-mix(in srgb,var(--gold) 38%,transparent);color:inherit;border-radius:2px;padding:0 1px} .nb7-wikilink{color:var(--wine);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px} .nb7-text a{color:var(--wine)} .nb7-b.dragging{opacity:.35} .nb7-b.drop-before{box-shadow:0 -2px 0 var(--wine)}.nb7-b.drop-after{box-shadow:0 2px 0 var(--wine)} .nb7-add-end{display:block;width:100%;min-height:60px;border:0;background:transparent;color:transparent!important;text-align:left;cursor:text!important} .nb7-add-end:hover{color:color-mix(in srgb,var(--muted) 60%,transparent)!important} .nb7-backlinks{margin-top:28px;padding-top:12px;border-top:1px solid var(--line)} .nb7-backlinks .nb7-pagelink{font-size:14.5px!important} .nb7-foot{margin-top:24px;display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)} .nb7-outline{position:fixed;right:28px;top:220px;width:190px;max-height:55vh;overflow:auto;display:none} .nb7-out{display:block;border:0;background:none;text-align:left;width:100%;padding:3px 6px;font-size:12.5px!important;color:var(--muted)!important;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .nb7-out:hover{color:var(--ink)!important;background:color-mix(in srgb,var(--ink) 6%,transparent)} .nb7-out-h2{padding-left:16px}.nb7-out-h3{padding-left:26px} @media (min-width:1500px){.nb7-outline{display:block}} .nb7-slash{position:fixed;z-index:500;width:290px;max-height:320px;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px rgba(20,14,8,.25);padding:4px} .nb7-linkmenu{width:290px;max-height:300px;overflow:auto} .nb7-slash-item{display:flex!important;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;padding:6px 8px!important;border-radius:6px;font:14px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .nb7-slash-item small{display:block;color:var(--muted);font-size:11.5px} .nb7-slash-item.sel{background:color-mix(in srgb,var(--wine) 12%,transparent)} .nb7-slash-ic{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--paper2);font-size:14px} .nb7-blockmenu{width:250px} .nb7-turn{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:0 4px 6px;border-bottom:1px solid var(--line);margin-bottom:4px} .nb7-turn button{text-align:center!important;padding:6px 0!important;font-size:13px!important} .nb7-turn button.sel{background:color-mix(in srgb,var(--wine) 14%,transparent)} .nb7-palette{position:fixed;inset:0;z-index:600;background:rgba(20,14,8,.35);display:grid;place-items:start center;padding-top:12vh} .nb7-palette[hidden]{display:none} .nb7-palette-box{width:min(620px,92vw);background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px rgba(20,14,8,.35);overflow:hidden} .nb7-palette-box input{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 18px;font:18px var(--tjp-font,Georgia),serif;background:transparent} #nb7-palette-list{max-height:50vh;overflow:auto;padding:6px} .nb7-pal-item{display:flex;gap:10px;align-items:flex-start;width:100%;border:0;background:none;text-align:left;padding:8px 10px;border-radius:8px;font:15px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .nb7-pal-item small{display:block;color:var(--muted);font-size:12px;margin-top:2px} .nb7-pal-item.sel,.nb7-pal-item:hover{background:color-mix(in srgb,var(--wine) 11%,transparent)} .nb7-palette-hint{font-size:11.5px;color:var(--muted);padding:8px 16px;margin:0;border-top:1px solid var(--line)} .nb7-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:700;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:10px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)} .nb7-toast .nb7-link{color:var(--gold)!important} .nb7-global{font-size:13px;color:var(--wine)} .nb7-spark{position:fixed;z-index:800;color:var(--gold);font-size:20px;pointer-events:none;animation:nb7spark .7s ease-out forwards} @keyframes nb7spark{from{transform:translate(0,0) scale(.6);opacity:1}to{transform:translate(10px,-26px) scale(1.4);opacity:0}} .nb7-focusmode .nb7{grid-template-columns:0 minmax(0,1fr)}.nb7-focusmode .nb7-side{visibility:hidden} .nb7-mobile-only{display:none} @media (max-width:860px){ .nb7{grid-template-columns:1fr;min-height:70vh} .nb7-side{max-height:none;position:static;border-right:0} .nb7-host.nb7-open .nb7-side{display:none} .nb7-host:not(.nb7-open) .nb7-main{display:none} .nb7-mobile-only{display:inline-block} .nb7-doc{padding:18px 16px 100px} .nb7-title{font-size:30px} .nb7-gutter{display:none} .nb7-b{padding-left:calc(var(--ind)*18px)} .nb7-text{font-size:16.5px} .nb7-main{max-height:none} .nb7-crumb{max-width:120px} } /* ---- notebook214.css ---- */ /* v2.14 My Notebook: home, tables, chips, bubble, history, modal, roomier workspace */ #notebook #psyche-notebook{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 16px;margin-bottom:12px} #notebook #psyche-notebook h3{margin:0;font-size:15px} #notebook #psyche-notebook p{margin:0;font-size:13px;color:var(--muted);flex:1 1 200px} #notebook #psyche-notebook .btn{padding:6px 12px;font-size:13px} .nb7{height:max(640px,calc(100vh - 110px));min-height:0} .nb7-side,.nb7-main{max-height:none;height:100%} .nb7-side{position:relative} .nb8-newrow{display:flex;gap:6px} .nb8-newrow .nb7-new{flex:1} .nb8-today{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:7px 10px;font-size:13px!important;white-space:nowrap} .nb8-today:hover{border-color:var(--wine)} .nb8-filterrow{display:flex;gap:6px} .nb8-filterrow input{flex:1;min-width:0;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:6px 9px;font:13px var(--tjp-font,Georgia),serif;color:var(--ink)} .nb8-filterrow select{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:5px 4px;font:12px var(--tjp-font,Georgia),serif;color:var(--ink);max-width:92px} .nb8-tags{display:flex;flex-wrap:wrap;gap:4px;padding:2px 6px 8px} .nb8-tag{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:2px 9px;font-size:12px!important;color:var(--muted)!important} .nb8-tag small{margin-left:4px;opacity:.7;font-size:10.5px} .nb8-tag:hover,.nb8-tag.active{border-color:var(--wine);color:var(--wine)!important;background:color-mix(in srgb,var(--wine) 8%,var(--paper))} .nb7-side-foot{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center} .nb8-import{cursor:pointer} .nb7-host.nb8-drop .nb7{outline:3px dashed color-mix(in srgb,var(--wine) 60%,transparent);outline-offset:-6px} /* home */ .nb7-empty.nb8-homewrap{display:block;place-items:initial;min-height:0;padding:0} .nb8-home{max-width:980px;margin:0 auto;padding:30px 34px 60px} .nb8-hero{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:flex-end;justify-content:space-between;padding:26px 28px;border-radius:16px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--gold) 26%,var(--paper2)),var(--paper2) 60%);border:1px solid var(--line);position:relative;overflow:hidden} .nb8-hero::after{content:"";opacity:.55;position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--wine) 25%,transparent);box-shadow:0 0 0 26px color-mix(in srgb,var(--wine) 4%,transparent),0 0 0 54px color-mix(in srgb,var(--wine) 3%,transparent);pointer-events:none} .nb8-hero h2{margin:2px 0 6px;font-size:34px;line-height:1.15} .nb8-eyebrow{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .nb8-sub{margin:0;color:var(--muted);font-size:15px;line-height:1.6} .nb8-hero-act{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1} .nb8-hero-act kbd,.nb8-card kbd{border:1px solid var(--line);border-radius:4px;padding:0 5px;background:var(--paper);font-size:.8em;margin-left:4px} .nb8-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0} .nb8-stats div{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--paper)} .nb8-stats b{display:block;font-size:26px;line-height:1.1;color:var(--wine)} .nb8-stats span{font-size:12.5px;color:var(--muted)} .nb8-card{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--paper);margin:0 0 14px} .nb8-card h3{margin:0 0 10px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:600} .nb8-card h3 small{text-transform:none;letter-spacing:0;font-weight:normal} .nb8-recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px} .nb8-rc{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;text-align:left;border:1px solid var(--line);background:var(--paper2);border-radius:12px;padding:12px 14px;font:inherit;color:var(--ink);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s} .nb8-rc:hover{transform:translateY(-2px);border-color:var(--wine);box-shadow:0 8px 22px rgba(30,20,10,.1)} .nb8-rc-i{grid-row:1/4;font-size:22px;line-height:1} .nb8-rc b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .nb8-rc-s{font-size:13px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em} .nb8-rc small{font-size:11.5px;color:var(--muted);opacity:.85} .nb8-cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px} .nb8-todos{list-style:none;margin:0;padding:0} .nb8-todos li{display:flex;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:14.5px;transition:opacity .4s} .nb8-todos li:last-child{border-bottom:0} .nb8-todos li.done{opacity:.35;text-decoration:line-through} .nb8-todos input{accent-color:var(--wine);transform:translateY(2px)} .nb8-todos span{flex:1} .nb8-todo-p{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer;white-space:nowrap;max-width:40%;overflow:hidden;text-overflow:ellipsis} .nb8-todo-p:hover{color:var(--wine)} .nb8-heat{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:12px;gap:3px;margin:4px 0 8px} .nb8-heat i{border-radius:3px;background:color-mix(in srgb,var(--ink) 7%,transparent)} .nb8-heat i.f{background:transparent} .nb8-heat i.l1{background:color-mix(in srgb,var(--wine) 28%,transparent)}.nb8-heat i.l2{background:color-mix(in srgb,var(--wine) 50%,transparent)}.nb8-heat i.l3{background:color-mix(in srgb,var(--wine) 72%,transparent)}.nb8-heat i.l4{background:var(--wine)} .nb8-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:8px} .nb8-tpl{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper2);border-radius:10px;padding:10px 12px;font:13.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer;text-align:left} .nb8-tpl span{font-size:19px}.nb8-tpl b{font-weight:normal} .nb8-tpl:hover{border-color:var(--wine)} /* wide pages */ .nb8-wide .nb7-doc{max-width:1120px} /* chips */ .nb8-chip{display:inline-flex;align-items:baseline;gap:4px;padding:0 8px 1px 6px;margin:0 1px;border-radius:999px;background:color-mix(in srgb,var(--gold) 20%,var(--paper));border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));font-size:.92em;line-height:1.5;cursor:pointer;white-space:nowrap;vertical-align:baseline} .nb8-chip:hover{background:color-mix(in srgb,var(--gold) 34%,var(--paper))} .nb8-chip-g{font-size:.95em;opacity:.85} .nb8-chip-rashi{background:color-mix(in srgb,var(--wine) 10%,var(--paper));border-color:color-mix(in srgb,var(--wine) 30%,var(--line))} .nb8-chip-bhava{background:color-mix(in srgb,#3a6ea5 12%,var(--paper));border-color:color-mix(in srgb,#3a6ea5 35%,var(--line))} .nb8-chip-nak{background:color-mix(in srgb,#7a5ab8 12%,var(--paper));border-color:color-mix(in srgb,#7a5ab8 35%,var(--line))} .nb8-chip-sa{background:color-mix(in srgb,#3f8a6a 12%,var(--paper));border-color:color-mix(in srgb,#3f8a6a 35%,var(--line))} .nb8-chip-sa em{font-style:italic} .nb8-mic{font-size:16px!important} /* tables */ .nb8-tablewrap{width:100%;overflow-x:auto;padding:4px 0} .nb8-table{border-collapse:collapse;width:100%;font-size:15px;margin:0} .nb8-table th,.nb8-table td{border:1px solid var(--line);padding:6px 10px;min-width:70px;vertical-align:top;outline:none;text-align:left} .nb8-table th{background:var(--paper2);font-weight:600} .nb8-table :is(th,td):focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--wine) 55%,transparent)} .nb8-table th:empty::before{content:attr(data-placeholder);color:color-mix(in srgb,var(--muted) 55%,transparent);font-weight:normal} .nb8-tablebar{display:flex;gap:4px;opacity:0;transition:opacity .15s;padding-top:4px} .nb7-b:hover .nb8-tablebar,.nb7-b:focus-within .nb8-tablebar{opacity:1} .nb8-tablebar button{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:2px 8px;font-size:12px!important;color:var(--muted)!important} .nb8-tablebar button:hover{color:var(--wine)!important;border-color:var(--wine)} /* bubble */ .nb8-bubble{position:fixed;z-index:430;display:flex;align-items:center;gap:1px;padding:4px;border-radius:10px;background:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.25)} .nb8-bubble button{border:0;background:transparent;color:var(--paper);min-width:30px;height:28px;border-radius:6px;font:14px var(--tjp-font,Georgia),serif;cursor:pointer;padding:0 6px} .nb8-bubble button:hover{background:rgba(255,255,255,.14)} .nb8-bubble mark{background:var(--gold);color:var(--ink);padding:0 3px;border-radius:2px} .nb8-bubble>i{width:1px;height:18px;background:rgba(255,255,255,.25);margin:0 3px} /* modal */ .nb8-modal{position:fixed;inset:0;z-index:450;background:rgba(15,10,6,.42);display:grid;place-items:start center;padding:8vh 16px 16px;backdrop-filter:blur(2px)} .nb8-modal[hidden]{display:none} .nb8-modal-box{width:min(560px,100%);max-height:80vh;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.3);padding:14px 16px 16px} .nb8-modal-box.wide{width:min(940px,100%)} .nb8-mh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px} .nb8-mh b{font-size:17px} .nb8-minput{width:100%;border:1px solid var(--line);background:var(--paper2);border-radius:10px;padding:10px 12px;font:15px var(--tjp-font,Georgia),serif;color:var(--ink);box-sizing:border-box} .nb8-mlist{margin-top:10px;display:flex;flex-direction:column;gap:4px} .nb8-mitem{display:flex;align-items:baseline;gap:10px;text-align:left;border:1px solid transparent;background:none;border-radius:8px;padding:8px 10px;font:inherit;color:var(--ink);cursor:pointer} .nb8-mitem:hover{background:var(--paper2);border-color:var(--line)} .nb8-mitem small{margin-left:auto;color:var(--muted);font-size:12px} .nb8-deva{font-size:1.15em} .nb8-verse{flex-direction:column;gap:3px} .nb8-verse em{color:var(--muted);font-size:13.5px} .nb8-verse small{margin-left:0;line-height:1.45} .nb8-hist{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;min-height:50vh} .nb8-hlist{display:flex;flex-direction:column;gap:2px;max-height:60vh;overflow:auto;border-right:1px solid var(--line);padding-right:8px} .nb8-hitem{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:0;background:none;border-radius:8px;padding:7px 10px;font:inherit;color:var(--ink);cursor:pointer} .nb8-hitem small{color:var(--muted);font-size:12px} .nb8-hitem:hover{background:var(--paper2)} .nb8-hitem.sel{background:color-mix(in srgb,var(--wine) 12%,transparent)} .nb8-hprev{display:flex;flex-direction:column;min-width:0} .nb8-hprev-doc{flex:1;max-height:52vh;overflow:auto;padding:4px 10px;font-size:15px;line-height:1.6} .nb8-hprev-doc pre{white-space:pre-wrap;background:var(--paper2);padding:8px 10px;border-radius:8px} .nb8-hprev-doc blockquote{margin:6px 0;padding:4px 12px;border-left:3px solid var(--gold)} .nb8-hprev-title{margin:0 0 8px;font-size:24px} .nb8-pli{margin:2px 0} .nb8-hprev-bar{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--line)} .nb8-keys{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:14px} .nb8-keys dt{white-space:nowrap}.nb8-keys dd{margin:0;color:var(--muted)} .nb8-keys kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px;background:var(--paper2);font-size:12.5px} @media (max-width:860px){ .nb7{height:auto;min-height:70vh} .nb7-side,.nb7-main{height:auto;max-height:none} .nb8-home{padding:16px 12px 40px} .nb8-hero{padding:18px} .nb8-hero h2{font-size:26px} .nb8-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .nb8-cols{grid-template-columns:1fr} .nb8-hist{grid-template-columns:1fr} .nb8-hlist{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 6px;max-height:none} .nb8-hitem{flex:none} } @media print{.nb8-bubble,.nb8-modal,.nb8-tablebar{display:none!important}} .nb8-filterrow input{flex:1 1 auto;width:auto!important} .nb8-filterrow select{flex:none!important;width:auto!important} #notebook#notebook#notebook.nb7-host > .nb8-bubble:not([hidden]){display:flex!important} #notebook#notebook#notebook.nb7-host > .nb8-modal:not([hidden]){display:grid!important} .nb8-bubble[hidden]{display:none!important} @media (max-width:860px){#nb8-wide{display:none}} /* ---- idea-map187.css ---- */ /* v1.87 Idea Map in 3D */ .im7{display:flex;flex-direction:column;gap:12px} .im7-top{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start} .im7-search{position:relative;flex:1 1 320px;max-width:520px} .im7-search input{border-radius:999px;padding:10px 16px;font-size:15px;background:var(--paper)} .im7-results{position:absolute;z-index:50;left:0;right:0;top:46px;max-height:360px;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(20,14,8,.22);padding:4px} .im7-res{display:flex;gap:10px;align-items:flex-start;width:100%;border:0;background:none;text-align:left;padding:7px 10px;border-radius:8px;font:14px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .im7-res i,.im7-chip i,.im7-link i,.im7-p-group i,.im7-conn summary i{flex:none;width:9px;height:9px;border-radius:50%;display:inline-block;margin-top:5px;box-shadow:0 0 6px currentColor} .im7-res small{display:block;color:var(--muted);font-size:11.5px} .im7-res.sel,.im7-res:hover{background:color-mix(in srgb,var(--wine) 11%,transparent)} .im7-empty{padding:10px;color:var(--muted);margin:0} .im7-legend{display:flex;flex-wrap:wrap;gap:6px;flex:2 1 400px} .im7-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:5px 11px;font:12.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .im7-chip i{margin:0}.im7-chip small{color:var(--muted)} .im7-chip.off{opacity:.45}.im7-chip.off i{box-shadow:none;filter:grayscale(1)} .im7-stage-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0;border-radius:16px;overflow:hidden;border:1px solid #1c2748;box-shadow:0 18px 50px rgba(8,12,30,.35);background:#0b1226} .im7-stage-wrap:fullscreen{grid-template-columns:minmax(0,1fr) 380px;border-radius:0} .im7-stage{position:relative;height:min(74vh,760px);min-height:460px} .im7-stage-wrap:fullscreen .im7-stage{height:100vh} .im7-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;outline:none} .im7-stage canvas:active{cursor:grabbing} .im7-hud{position:absolute;left:14px;bottom:14px;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 28px)} .im7-hud button{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(12,18,38,.72);color:#f1e9d8;font:16px var(--tjp-font,Georgia),serif;cursor:pointer;backdrop-filter:blur(6px)} .im7-hud button:hover{background:rgba(40,52,92,.85)} .im7-hud button[aria-pressed=true]{background:#b08a54;color:#1a1208;border-color:#e3c38b} .im7-help{position:absolute;left:14px;bottom:62px;max-width:360px;background:rgba(10,15,32,.92);color:#e9e2d2;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.6} .im7-toast{position:absolute;right:14px;top:14px;color:#f1e9d8;font-size:12.5px;background:rgba(12,18,38,.72);padding:6px 10px;border-radius:8px;pointer-events:none} .im7-toast:empty{display:none} .im7-tip{position:absolute;pointer-events:none;background:rgba(245,238,224,.96);color:#1c1810;border-radius:6px;padding:3px 8px;font-size:12.5px;max-width:280px;box-shadow:0 4px 14px rgba(0,0,0,.35)} .im7-panel{background:var(--paper);color:var(--ink);padding:18px 18px 24px;overflow:auto;max-height:min(74vh,760px);border-left:1px solid #1c2748} .im7-stage-wrap:fullscreen .im7-panel{max-height:100vh} .im7-p-head{display:flex;justify-content:space-between;align-items:center} .im7-p-group{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} .im7-p-group i{margin:0} .im7-star{border:0;background:none;font-size:22px;color:var(--muted);cursor:pointer}.im7-star.on{color:var(--gold)} .im7-p-title{font-size:25px;line-height:1.25;margin:6px 0 8px} .im7-p-body{color:var(--muted);line-height:1.55;font-size:14.5px;margin:0 0 12px} .im7-p-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px} .im7-p-actions .btn{font-size:13px;padding:7px 10px} .im7-sec{border-top:1px solid var(--line);margin-top:14px;padding-top:12px} .im7-lab{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:6px} .im7-conn{margin:4px 0} .im7-conn summary{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13.5px;padding:4px 0} .im7-conn summary i{margin:0}.im7-conn summary small{color:var(--muted);margin-left:auto} .im7-link{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;width:100%;border:0;background:none;text-align:left;padding:5px 6px;border-radius:6px;font:13.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .im7-link:hover{background:color-mix(in srgb,var(--wine) 9%,transparent)} .im7-rel{font-size:11px;color:var(--muted);font-style:italic;flex-basis:100%} .im7-path{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:8px 0} .im7-path .im7-link{width:auto;background:color-mix(in srgb,var(--gold) 16%,transparent);padding:3px 8px} .im7-path span{color:var(--muted)} .im7-panel textarea{min-height:90px;font-size:14px} .im7-add{display:flex;flex-direction:column;gap:6px;margin-bottom:6px} .im7-edit{display:flex;flex-direction:column;gap:6px;margin-bottom:10px} .im7-mine{font-size:12.5px;padding:4px 0;border-bottom:1px dashed var(--line)} .im7-list summary,.im7-files summary{cursor:pointer;font-size:14px;padding:6px 0} .im7-listgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px;max-height:420px;overflow:auto} .im7-listgrid .im7-link{align-items:center} .im7-listgrid .im7-link i{margin:0} .small{font-size:12.5px} @media (max-width:980px){ .im7-stage-wrap{grid-template-columns:1fr} .im7-stage{height:62vh;min-height:380px} .im7-panel{max-height:none;border-left:0;border-top:1px solid #1c2748} } /* v1.90: interstellar space. The stage, the idea panel and the controls share one deep-space surface. */ .im7-stage-wrap{background:#01020a;border-color:#161a36;box-shadow:0 22px 60px rgba(2,3,12,.5)} .im7-panel{--sp-ink:#eef0ff;--sp-muted:#a9b0d6;--sp-line:rgba(170,185,255,.16);background:linear-gradient(180deg,rgba(10,12,32,.98),rgba(5,6,18,.98));color:var(--sp-ink);border-left:1px solid var(--sp-line)} .im7-panel :is(h3,b,strong,label){color:var(--sp-ink)} .im7-panel :is(.im7-p-body,.im7-lab,.im7-p-group,.im7-rel,.muted,.im7-conn summary small){color:var(--sp-muted)!important} .im7-panel .im7-sec{border-top-color:var(--sp-line)} .im7-panel .im7-link{color:var(--sp-ink)} .im7-panel .im7-link:hover{background:rgba(160,175,255,.1)} .im7-panel .btn{background:rgba(255,255,255,.06);color:var(--sp-ink);border-color:var(--sp-line)} .im7-panel .btn.primary{background:#c9b6ff;border-color:#c9b6ff;color:#1a1206} .im7-panel :is(input,textarea){background:rgba(255,255,255,.05);color:var(--sp-ink);border-color:var(--sp-line)} .im7-panel .im7-star.on{color:#c9b6ff} .im7-panel .im7-p-title{font-size:27px;text-shadow:0 0 18px rgba(170,185,255,.25)} .im7-hud button{background:rgba(8,10,28,.7);border-color:rgba(170,185,255,.2)} .im7-hud button[aria-pressed=true]{background:#c9b6ff;color:#1a1206;border-color:#e4dcff} .im7-tip{background:rgba(8,10,28,.94);color:#eef0ff;border:1px solid rgba(170,185,255,.25)} /* v1.91: descriptions and connected ideas beside the map */ .im7-panel{scroll-behavior:smooth;transition:box-shadow .3s} .im7-panel.pulse{box-shadow:inset 0 0 0 2px rgba(201,182,255,.6)} .im7-desc{margin:6px 0 12px} .im7-lead{font-size:15.5px;line-height:1.65;margin:0 0 10px;color:var(--sp-ink)} .im7-d{border-top:1px solid var(--sp-line);padding:8px 0} .im7-d summary{cursor:pointer;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c9b6ff;list-style:none;display:flex;justify-content:space-between;align-items:center} .im7-d summary::-webkit-details-marker{display:none} .im7-d summary::after{content:'+';font-size:16px;color:var(--sp-muted)} .im7-d[open] summary::after{content:'–'} .im7-d p,.im7-d li{font-size:14px;line-height:1.6;color:var(--sp-ink);opacity:.92} .im7-d ul{margin:6px 0 0;padding-left:18px} .im7-d li{margin:3px 0} .im7-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 2px} .im7-cchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--sp-line);background:rgba(160,175,255,.06);color:var(--sp-ink);border-radius:999px;padding:5px 11px 5px 8px;font:inherit;font-size:13px;cursor:pointer;text-align:left;max-width:100%} .im7-cchip i{width:8px;height:8px;border-radius:50%;flex:none;box-shadow:0 0 6px currentColor} .im7-cchip small{color:var(--sp-muted);font-size:11px;margin-left:2px} .im7-cchip:hover{background:rgba(160,175,255,.16);border-color:rgba(200,210,255,.4)} .im7-cchip:focus-visible{outline:2px solid #c9b6ff;outline-offset:1px} .im7-panel .text-btn{color:#c9b6ff} .im7-kbhtml{font-size:14px;line-height:1.6;color:var(--sp-ink)} .im7-kbhtml p,.im7-kbhtml li{color:var(--sp-ink)!important;opacity:.92} .im7-kbhtml h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#c9b6ff;margin:12px 0 4px} .im7-kbhtml table{border-collapse:collapse;width:100%;font-size:13px} .im7-kbhtml td,.im7-kbhtml th{border-bottom:1px solid var(--sp-line);padding:5px 6px;text-align:left;vertical-align:top;color:var(--sp-ink)} .im7-kbhtml th{color:var(--sp-muted);font-weight:600} .im7-kbhtml .kb9-care{background:rgba(201,182,255,.08);border-left:3px solid #c9b6ff;padding:6px 10px;border-radius:0 6px 6px 0} .im7-kbhtml .text-btn{color:#c9b6ff} .im7-kbhtml .kb9-table{overflow-x:auto} .im7-panel .im7-p-title{color:var(--sp-ink)!important} /* v1.93 Sūrya: the travelling sun's telemetry */ .im7-hud button[aria-pressed=true]{background:rgba(120,84,20,.85);border-color:#ffd68a;color:#fff3d6;box-shadow:0 0 18px rgba(255,200,110,.45)} .im7-sun{position:absolute;left:14px;right:14px;bottom:62px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;pointer-events:none;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e9e2cf} .im7-sun section{background:rgba(6,7,16,.72);border:1px solid rgba(255,214,138,.22);border-radius:8px;padding:6px 10px;backdrop-filter:blur(6px);min-width:0} .im7-sun h5{margin:0 0 6px;font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#ffd68a;display:flex;justify-content:space-between} .im7-sun h5 span{color:#9a94a8;letter-spacing:.04em} .im7-sun ol{list-style:none;margin:0;padding:0;max-height:64px;overflow:hidden} .im7-sun li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im7-sun li time{color:#8d879c}.im7-sun li b{color:#ffd68a;font-weight:500}.im7-sun li i{color:#8d879c;font-style:normal} .im7-sun .sb{display:grid;grid-template-columns:1fr 70px 38px;gap:6px;align-items:center;margin:2px 0} .im7-sun .sb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im7-sun .sb i{height:5px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}.im7-sun .sb i b{display:block;height:100%;border-radius:3px} .im7-sun .sb em{font-style:normal;color:#9a94a8;text-align:right} .im7-sun .now .big{font:16px var(--tjp-font,Georgia),serif;color:#fff3d6;margin:2px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im7-sun .now p{margin:0 0 6px;color:#b4adc0} .im7-sun .row{display:flex;flex-wrap:wrap;gap:5px;pointer-events:auto} .im7-sun .row button{font:11px ui-monospace,Menlo,monospace;color:#ffe9c0;background:rgba(255,214,138,.08);border:1px solid rgba(255,214,138,.3);border-radius:6px;padding:4px 8px;cursor:pointer} .im7-sun .row button:hover{background:rgba(255,214,138,.2)} @media (max-width:760px){.im7-sun{grid-template-columns:1fr;bottom:58px}.im7-sun section:not(.now){display:none}} html[data-appearance][data-appearance] .im7-sun .row button{background:rgba(255,214,138,.08)!important;border:1px solid rgba(255,214,138,.3)!important;color:#ffe9c0!important;box-shadow:none!important} html[data-appearance][data-appearance] .im7-hud #im7-sunbtn[aria-pressed=true]{background:rgba(120,84,20,.85)!important;border-color:#ffd68a!important;color:#fff3d6!important;box-shadow:0 0 18px rgba(255,200,110,.45)!important} /* v1.94 exploration progress */ .im7-prog{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 10px;font-size:.92rem} .im7-prog-k{font:600 11px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .im7-prog b{font-size:1.05rem} .im7-prog-bar{display:inline-block;width:160px;height:6px;border-radius:4px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden} .im7-prog-bar b{display:block;height:100%;background:linear-gradient(90deg,#e9b864,#ffd68a);border-radius:4px} .im7-prog-reset{margin-left:auto;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:99px;padding:4px 12px;font:inherit;font-size:.85rem;cursor:pointer} .im7-prog-reset:hover{color:var(--wine);border-color:var(--wine)} html[data-appearance][data-appearance] .im7-prog-reset{background:transparent!important;border-color:var(--line)!important;color:var(--muted)!important} /* v1.96: a compact Sūrya card at the top left; the log opens on request */ .im7-sun{left:14px;right:auto;top:14px;bottom:auto;width:min(330px,calc(100% - 28px));grid-template-columns:1fr;gap:6px} .im7-sun section:not(.now){display:none} .im7-sun.more section{display:block} .im7-sun .now{order:-1;background:rgba(6,7,16,.62)} .im7-sun .now .big{font-size:18px} .im7-sun .row button.im7-next,.im7-sun .row button[data-sun="next"]{background:rgba(255,214,138,.28);color:#fff6e0;border-color:#ffd68a;font-weight:600} html[data-appearance][data-appearance] .im7-sun .row button[data-sun="next"]{background:rgba(255,214,138,.28)!important;color:#fff6e0!important;border-color:#ffd68a!important} @media (max-width:760px){.im7-sun{top:10px;left:10px;width:calc(100% - 20px)}.im7-sun.more section{display:block}} /* ---- ideamap214.css ---- */ /* v2.14 Idea Map: roomier stage, tool bar, zodiac wheel, routes, minimap, kinds */ #idea-map183 .im7-stage{height:max(560px,calc(100vh - 170px))} #idea-map183 .im7-panel{max-height:max(560px,calc(100vh - 170px))} #idea-map183 .im7-stage-wrap:fullscreen .im7-stage,#idea-map183 .im7-stage-wrap:fullscreen .im7-panel{height:100vh;max-height:100vh} /* the side panel's buttons stay readable in every theme */ #idea-map183 .im7-panel .btn{background:rgba(255,255,255,.08)!important;color:#eef0ff!important;border:1px solid rgba(170,185,255,.28)!important;box-shadow:none!important} #idea-map183 .im7-panel .btn:hover{background:rgba(201,182,255,.18)!important;border-color:#c9b6ff!important} #idea-map183 .im7-panel .text-btn{color:#c9b6ff!important} /* kinds */ #idea-map183 .im7-legend{display:block} .im8-kinds{display:flex;flex-wrap:wrap;gap:6px;align-items:center} .im8-all{border:0;background:none;color:inherit;opacity:.8;text-decoration:underline;text-underline-offset:3px;font:13px var(--tjp-font,Georgia),serif;cursor:pointer;padding:4px 6px} .im8-more{margin-top:6px} .im8-more>summary{cursor:pointer;font-size:13px;opacity:.85;padding:3px 2px;list-style:none} .im8-more>summary::before{content:"▸ ";opacity:.7}.im8-more[open]>summary::before{content:"▾ "} .im8-more>summary small{opacity:.75} .im8-more .im8-kinds{margin-top:6px} /* tool bar on the stage */ .im8-bar{position:absolute;top:12px;left:12px;z-index:6;display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:calc(100% - 80px)} .im8-seg{display:inline-flex;border:1px solid rgba(170,185,255,.25);border-radius:999px;background:rgba(5,8,24,.66);backdrop-filter:blur(6px);padding:2px} .im8-seg button,.im8-btn{border:0;background:transparent;color:#dfe4ff;font:13px var(--tjp-font,Georgia),serif;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap} .im8-seg button[aria-pressed=true]{background:#c9b6ff;color:#170f2e} .im8-btn{border:1px solid rgba(170,185,255,.25);background:rgba(5,8,24,.66);backdrop-filter:blur(6px)} .im8-btn:hover,.im8-seg button:hover{color:#fff} .im8-btn[aria-pressed=true]{border-color:#c9b6ff;color:#fff;background:rgba(201,182,255,.22)} /* routes */ .im8-route{position:absolute;top:56px;left:12px;z-index:7;width:min(340px,calc(100% - 24px));max-height:calc(100% - 80px);overflow:auto;background:rgba(8,10,28,.94);color:#eef0ff;border:1px solid rgba(170,185,255,.25);border-radius:14px;padding:12px 14px;box-shadow:0 20px 50px rgba(0,0,0,.45);backdrop-filter:blur(8px)} .im8-route[hidden]{display:none} .im8-route-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px} .im8-route-h b{font-size:16px} .im8-x{border:0;background:none;color:#a9b0d6;font-size:15px;cursor:pointer;width:28px;height:28px;border-radius:6px} .im8-x:hover{background:rgba(255,255,255,.08);color:#fff} .im8-f{display:block;position:relative;margin:0 0 8px} .im8-f span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a9b0d6;margin-bottom:3px} .im8-f input{width:100%;box-sizing:border-box;background:rgba(255,255,255,.06);border:1px solid rgba(170,185,255,.25);border-radius:9px;color:#fff;padding:8px 10px;font:14px var(--tjp-font,Georgia),serif} .im8-f input:focus{outline:none;border-color:#c9b6ff} .im8-sug{position:absolute;left:0;right:0;top:100%;z-index:2;background:#0d1030;border:1px solid rgba(170,185,255,.3);border-radius:10px;margin-top:3px;padding:4px;max-height:240px;overflow:auto;box-shadow:0 14px 30px rgba(0,0,0,.5)} .im8-sug[hidden]{display:none} .im8-sug button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:none;color:#eef0ff;padding:6px 8px;border-radius:7px;font:14px var(--tjp-font,Georgia),serif;cursor:pointer} .im8-sug button:hover{background:rgba(201,182,255,.14)} .im8-sug small{margin-left:auto;color:#a9b0d6;font-size:11.5px} .im8-sug i,.im8-rt i{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block} .im8-sug p{margin:4px 8px;color:#a9b0d6;font-size:13px} .im8-route-act{display:flex;gap:6px;margin:4px 0 10px} .im8-go{flex:1;border:0;border-radius:999px;background:#c9b6ff;color:#170f2e;padding:8px 12px;font:600 13.5px var(--tjp-font,Georgia),serif;cursor:pointer} .im8-swap{border:1px solid rgba(170,185,255,.3);background:none;color:#eef0ff;border-radius:999px;width:38px;cursor:pointer} .im8-muted{color:#a9b0d6;font-size:13px;margin:4px 0} .im8-rt{border-top:1px solid rgba(170,185,255,.16);padding:10px 0 4px} .im8-rt-h{display:flex;justify-content:space-between;align-items:baseline} .im8-rt-h small{color:#a9b0d6} .im8-rt ol{list-style:none;margin:8px 0;padding:0 0 0 4px;border-left:2px solid rgba(255,214,138,.35)} .im8-rt li{position:relative;padding:0 0 0 12px;margin:0} .im8-rt li::before{content:"";position:absolute;left:-6px;top:9px;width:10px;height:10px;border-radius:50%;background:#0b0e28;border:2px solid #ffd68a} .im8-rt li button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#fff;padding:3px 4px;border-radius:6px;font:14.5px var(--tjp-font,Georgia),serif;cursor:pointer;text-align:left} .im8-rt li button:hover{background:rgba(201,182,255,.14)} .im8-why{display:block;font-size:12.5px;font-style:italic;color:#ffd68a;padding:1px 0 6px 4px;opacity:.9} .im8-rt-act{display:flex;gap:6px;flex-wrap:wrap} .im8-rt-act button{border:1px solid rgba(170,185,255,.3);background:rgba(255,255,255,.05);color:#eef0ff;border-radius:999px;padding:5px 11px;font:12.5px var(--tjp-font,Georgia),serif;cursor:pointer} .im8-rt-act button:hover{border-color:#c9b6ff} /* minimap */ .im8-mini{position:absolute;left:12px;bottom:12px;z-index:5;width:150px;height:150px;border-radius:12px;border:1px solid rgba(170,185,255,.25);box-shadow:0 10px 30px rgba(0,0,0,.4);cursor:crosshair} .im8-mini[hidden]{display:none} .im8-keys{font-size:12.5px;opacity:.8;margin:8px 2px 0} .im8-keys kbd{border:1px solid currentColor;border-radius:4px;padding:0 5px;font-size:11px;opacity:.85} @media (max-width:860px){ #idea-map183 .im7-stage{height:68vh} .im8-bar{max-width:calc(100% - 24px)} .im8-btn{padding:5px 9px;font-size:12px} .im8-seg button{padding:5px 9px;font-size:12px} .im8-mini{width:110px;height:110px} .im8-keys{display:none} } #idea-map183 .im7-stage canvas.im8-mini{position:absolute;left:auto;right:12px;bottom:12px;width:150px;height:150px;cursor:crosshair} #idea-map183 .im7-sun{top:58px} @media (max-width:860px){#idea-map183 .im7-stage canvas.im8-mini{width:104px;height:104px}} #idea-map183 .im8-f input{background:rgba(255,255,255,.07)!important;color:#fff!important;border:1px solid rgba(170,185,255,.3)!important;-webkit-text-fill-color:#fff} #idea-map183 .im8-f input::placeholder{color:rgba(220,225,255,.45)!important;-webkit-text-fill-color:rgba(220,225,255,.45)} #idea-map183 #im8-routes{outline:none;cursor:default} #idea-map183 .im7-toast{top:58px;max-width:min(420px,60%)} /* ---- arcade187.css ---- */ /* v1.87 Jyotish Arcade and shared progress */ .ar7{--night:#0c1328;--night2:#18234a;--gold:#c29282;display:flex;flex-direction:column;gap:16px} .ar7-hero{display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:22px 24px;border-radius:18px;background:radial-gradient(circle at 12% 20%,#2a3a6e,#0c1328 70%);color:#ebe2df;box-shadow:0 18px 44px rgba(10,14,34,.3)} .ar7-level{position:relative;width:96px;height:96px;flex:none} .ar7-ring{width:96px;height:96px;transform:rotate(-90deg)} .ar7-ring circle{fill:none;stroke-width:9}.ar7-ring .bg{stroke:rgba(255,255,255,.12)}.ar7-ring .fg{stroke:var(--gold);stroke-linecap:round;transition:stroke-dasharray .8s} .ar7-level div{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center} .ar7-level b{font-size:30px;line-height:1}.ar7-level small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.7} .ar7-hero-text{flex:1 1 280px}.ar7-hero-text h2{margin:0;font-size:26px;color:#fff}.ar7-hero-text h2 small{font-size:14px;opacity:.7;font-weight:normal} .ar7-hero-text p{margin:6px 0 10px;opacity:.8;font-size:14px} .ar7-pills{display:flex;flex-wrap:wrap;gap:6px} .ar7-pill{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 11px;font-size:12.5px;background:rgba(255,255,255,.06)} .ar7-pill.hot{border-color:#c28a78;background:rgba(194,138,120,0.18)} .ar7-hero-actions{display:flex;flex-direction:column;gap:8px} .ar7-hero .btn{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#ebe2df} .ar7-hero .btn.primary{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:600} .ar7-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px} .ar7-game{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:0;border-radius:16px;padding:18px 16px 16px;min-height:190px;color:#fff;background:var(--bg);cursor:pointer;overflow:hidden;box-shadow:0 10px 26px rgba(20,14,8,.18);transition:transform .15s,box-shadow .15s;font:inherit} .ar7-game:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(20,14,8,.28)} .ar7-game::after{content:'';position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08)} .ar7-game-ic{font-size:32px;line-height:1}.ar7-game b{font-size:19px}.ar7-game span{font-size:13px;opacity:.85;line-height:1.45} .ar7-game small{margin-top:auto;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.75} .ar7-note{font-size:12.5px;color:var(--muted)} .ar7-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .ar7-bar h2{margin:0} .ar7-hud{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;font-size:15px} .ar7-score{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums} .ar7-mult{border-radius:999px;padding:2px 10px;background:var(--paper2);border:1px solid var(--line);font-weight:600;transition:transform .2s} .ar7-mult.hot{background:#c28a78;color:var(--ink);border-color:#c28a78;animation:ar7pulse .6s} .ar7-streak{font-weight:600;color:#c2562a} .ar7-time{font-size:26px;font-variant-numeric:tabular-nums;min-width:48px;text-align:right} .ar7-lvl{font-size:13px;color:var(--muted)} .ar7-timebar{height:8px;border-radius:99px;background:var(--paper2);overflow:hidden;border:1px solid var(--line)} .ar7-timebar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--gold),#e2808f);transition:width .1s linear} .ar7-timebar i.low{background:linear-gradient(90deg,var(--wine),#e2808f);animation:ar7blink .5s infinite alternate} .ar7-stage{min-height:340px} .ar7-q{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)} .ar7-q.in{animation:ar7in .25s ease-out} .ar7-cat{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .ar7-prompt{font-size:23px;line-height:1.35;margin:8px 0 18px} .ar7-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px} .ar7-opt{display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid var(--line);background:var(--paper2);border-radius:12px;padding:14px 14px;font:16.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer;transition:transform .1s,border-color .1s,background .2s;min-height:58px} .ar7-opt:hover:not(:disabled){border-color:var(--wine);transform:translateY(-1px)} .ar7-opt kbd{flex:none;width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:12px;border:1px solid var(--line);background:var(--paper);color:var(--muted)} .ar7-opt.right{background:var(--bg);border-color:var(--good);color:#1f3d17} .ar7-opt.wrong{background:var(--paper3);border-color:var(--wine);color:var(--wine);animation:ar7shake .35s} .ar7-opt.gone{opacity:.25} .ar7-opt:disabled{cursor:default} .ar7-explain{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--paper2);font-size:14.5px;line-height:1.55} .ar7-powers{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap} .shake{animation:ar7shake .35s} .ar7-float{position:fixed;z-index:900;pointer-events:none;font:600 20px var(--tjp-font,Georgia),serif;transform:translate(-50%,0);animation:ar7float 1s ease-out forwards;text-shadow:0 2px 6px rgba(0,0,0,.2)} .ar7-float.good{color:var(--good)}.ar7-float.bad{color:var(--wine)}.ar7-float.time{color:var(--wine)} .ar7-confetti{position:fixed;inset:0;z-index:950;pointer-events:none} .ar7-result{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:30px 22px;box-shadow:var(--shadow)} .ar7-result.compact{margin-top:16px;padding:18px} .ar7-big{font-size:64px;line-height:1;font-weight:600;background:linear-gradient(135deg,var(--wine),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;animation:ar7pop .5s} .row.center{justify-content:center} .ar7-missed{text-align:left;margin-top:18px} .ar7-missed summary{cursor:pointer;font-weight:600;margin-bottom:8px} .ar7-miss{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-top:1px solid var(--line);font-size:14px} .ar7-miss span{color:var(--good);font-weight:600}.ar7-miss small{color:var(--muted);line-height:1.5} .ar7-grid{font-size:22px;letter-spacing:2px;margin:6px 0} .ar7-dots{display:flex;gap:6px;justify-content:center}.ar7-dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}.ar7-dots i.ok{background:var(--good)}.ar7-dots i.no{background:var(--wine)}.ar7-dots i.cur{background:var(--wine);transform:scale(1.3)} .ar7-sub{text-align:center;color:var(--muted);margin:0} .ar7-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px} .ar7-catbtn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1.5px solid var(--line);background:var(--paper);border-radius:14px;padding:16px;font:inherit;cursor:pointer;text-align:left} .ar7-catbtn:hover{border-color:var(--wine)}.ar7-catbtn b{font-size:17px}.ar7-catbtn small{color:var(--muted)} .big{font-size:17px!important;padding:12px 22px!important} /* wheel */ .ar7-wheel-wrap{display:grid;grid-template-columns:minmax(260px,440px) minmax(0,1fr);gap:20px;align-items:start} .ar7-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 16px 30px rgba(10,14,34,.35))} .ar7-seg{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.18);stroke-width:1;transition:fill .5s} .ar7-seg.here{stroke:var(--paper);stroke-width:2.5} .ar7-seg.claimed{filter:saturate(1.1)} .ar7-glyph{fill:#ebe1de;font-size:20px;text-anchor:middle;dominant-baseline:middle} .ar7-segname{fill:rgba(235,225,222,0.7);font-size:9px;text-anchor:middle;dominant-baseline:middle;letter-spacing:.06em} .ar7-hub{fill:#0c1328;stroke:color-mix(in srgb,var(--gold) 60%,transparent);stroke-width:1.5} .ar7-hubt{fill:#fff;font-size:22px;text-anchor:middle;font-weight:600}.ar7-hubs{fill:rgba(255,255,255,.6);font-size:9px;text-anchor:middle;letter-spacing:.14em;text-transform:uppercase} #ar7-token{transition:transform .16s ease-out} .ar7-tok{fill:var(--gold);stroke:var(--paper);stroke-width:2;filter:drop-shadow(0 0 6px var(--gold))} .ar7-tokt{fill:var(--ink);font-size:12px;text-anchor:middle} .ar7-rollbox,.ar7-bonus{text-align:center;padding:30px 16px;background:var(--paper);border:1px solid var(--line);border-radius:18px} .ar7-die{font-size:84px;line-height:1;margin-bottom:12px;display:inline-block;transition:transform .07s} .ar7-die.spin{transform:rotate(18deg) scale(1.08)} .ar7-chest{font-size:52px;color:var(--gold);animation:ar7pop .5s} .ar7-landed{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:8px;color:var(--muted)} .ar7-landed span{font-size:24px;color:var(--el)} .ar7-hearts{color:#d0453a;font-size:20px;letter-spacing:2px}.ar7-hearts i{color:var(--line);font-style:normal} /* match */ .ar7-cards{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:10px;max-width:620px;margin:0 auto;width:100%} .ar7-card{position:relative;aspect-ratio:4/3;border:0;background:none;padding:0;perspective:800px;cursor:pointer} .ar7-card span{position:absolute;inset:0;display:grid;place-items:center;border-radius:12px;backface-visibility:hidden;transition:transform .45s;padding:8px;text-align:center;font:15px var(--tjp-font,Georgia),serif;line-height:1.25} .ar7-card .back{background:radial-gradient(circle at 30% 30%,#2e3d72,#0c1328);color:var(--gold);font-size:28px;border:1px solid #2b3868} .ar7-card .front{background:var(--paper);border:1.5px solid var(--line);transform:rotateY(180deg);color:var(--ink)} .ar7-card .front.b{background:color-mix(in srgb,var(--gold) 14%,var(--paper));font-style:italic} .ar7-card.up .back{transform:rotateY(180deg)}.ar7-card.up .front{transform:rotateY(0)} .ar7-card.done .front{border-color:var(--good);background:var(--paper2);animation:ar7pop .35s} .ar7-stars{font-size:40px;color:var(--gold)}.ar7-stars i{color:var(--line);font-style:normal} /* lobby card on Board Games */ .ar7-lobby{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;margin-bottom:18px;border-radius:16px;color:var(--accent-ink);background:radial-gradient(circle at 85% 30%,var(--wine),#16213d 60%);box-shadow:0 12px 30px rgba(10,14,34,.25)} .ar7-lobby h2{color:#fff;margin:4px 0}.ar7-lobby p{margin:0;opacity:.85}.ar7-lobby .eyebrow{color:var(--gold)} .ar7-lobby .btn.primary{background:var(--gold);color:var(--ink);border-color:var(--gold)} /* achievement toast */ .pg7-unlock{position:fixed;z-index:1000;left:50%;top:18px;transform:translate(-50%,-140%);display:flex;align-items:center;gap:14px;background:#0c1328;color:#ebe2df;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:16px;padding:12px 18px 12px 12px;box-shadow:0 18px 44px rgba(0,0,0,.35);transition:transform .45s cubic-bezier(.2,1.3,.4,1);max-width:92vw} .pg7-unlock.in{transform:translate(-50%,0)} .pg7-unlock small{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)} .pg7-unlock b{display:block;font-size:17px}.pg7-unlock span{font-size:13px;opacity:.8} .pg7-medal{flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:var(--ink);background:conic-gradient(from 200deg,var(--gold),#d7b5aa,var(--gold),var(--gold),var(--gold));box-shadow:inset 0 0 0 3px rgba(255,255,255,.35),0 0 18px rgba(194,146,130,0.5);animation:ar7pop .6s} .pg7-medal.t1{background:conic-gradient(from 200deg,var(--gold),var(--gold),var(--gold),#6d4629,var(--gold))} .pg7-medal.t2{background:conic-gradient(from 200deg,#9aa3ad,var(--paper2),#9aa3ad,#6b737c,#9aa3ad)} .pg7-medal.t4{background:conic-gradient(from 200deg,#6aa9c8,var(--paper2),#7fb6e0,#3d6e8d,#6aa9c8)} .pg7-medal.t5{background:conic-gradient(from 200deg,#8e6ad8,#f2d6ff,var(--gold),#6b44b0,#8e6ad8)} @keyframes ar7in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @keyframes ar7shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}} @keyframes ar7float{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-46px)}} @keyframes ar7pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}} @keyframes ar7pulse{50%{transform:scale(1.25)}} @keyframes ar7blink{to{opacity:.55}} @media (max-width:760px){ .ar7-opts{grid-template-columns:1fr} .ar7-prompt{font-size:20px} .ar7-wheel-wrap{grid-template-columns:1fr} .ar7-cards{--cols:3!important} .ar7-hero{padding:18px} .ar7-hud{justify-content:flex-start} } /* v1.88 Games hub */ #boards157.games-hub188 .boards-cards157{display:none!important} .ar7-hub{margin-bottom:18px} .ar7-h{font-size:19px;margin:6px 0 -4px} .ar7-modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px} .ar7-mode{display:flex;flex-direction:column;gap:4px;text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:14px;padding:14px;font:inherit;cursor:pointer} .ar7-mode small{color:var(--muted)}.ar7-mode.on{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 9%,var(--paper))} .ar7-boards{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px} .ar7-lbtabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0} .ar7-lbl{list-style:none;margin:0;padding:0} .ar7-lbl li{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px} .ar7-lbl li:nth-child(odd){background:var(--paper2)} .ar7-lbl li.me{outline:2px solid var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--paper))} .ar7-lbl li span:nth-child(2){flex:1}.ar7-lbl b{font-variant-numeric:tabular-nums} .ar7-rk{width:28px;text-align:center;font-weight:600} .ar7-merank,.ar7-rankline{font-size:14px} /* ---- milestones187.css ---- */ /* v1.87 Study Milestones */ .ms7{display:flex;flex-direction:column;gap:20px} .ms7-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px;border-radius:18px;background:radial-gradient(circle at 10% 20%,#2a3a6e,#0c1328 72%);color:#ebe2df;box-shadow:0 18px 44px rgba(10,14,34,.3)} .ms7-lv{position:relative;width:112px;height:112px}.ms7-lv svg{width:112px;height:112px;transform:rotate(-90deg)} .ms7-lv circle{fill:none;stroke-width:9}.ms7-lv .bg{stroke:rgba(255,255,255,.12)}.ms7-lv .fg{stroke:var(--gold);stroke-linecap:round} .ms7-lv div{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center}.ms7-lv b{font-size:36px;line-height:1}.ms7-lv small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.7} .ms7-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)} .ms7-hero h2{color:#fff;margin:4px 0;font-size:28px}.ms7-hero p{margin:0 0 10px;opacity:.8} .ms7-stats{display:flex;flex-wrap:wrap;gap:8px}.ms7-stats span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px 11px;font-size:12.5px;background:rgba(255,255,255,.05)}.ms7-stats b{color:#fff} .ms7-calwrap small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-bottom:6px} .ms7-cal{display:grid;grid-template-rows:repeat(7,11px);grid-auto-flow:column;grid-auto-columns:11px;gap:3px} .ms7-cal i{border-radius:3px;background:rgba(255,255,255,.08)}.ms7-cal i.on{background:var(--gold);box-shadow:0 0 6px rgba(194,146,130,0.6)} .ms7-next h3,.ms7-sec h3{font-size:19px;margin:0 0 10px}.ms7-sec h3 small{color:var(--muted);font-weight:normal;font-size:13px} .ms7-filter{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .ms7-filter [role=tab]{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 14px;font:13.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .ms7-filter [aria-selected=true]{background:var(--wine);color:var(--paper);border-color:var(--wine)} .ms7-filter .btn{margin-left:auto} .ms7-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px} .ms7-card{display:flex;gap:14px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow)} .ms7-card:not(.earned){background:color-mix(in srgb,var(--paper) 70%,var(--bg))} .ms7-card h3{font-size:16px;margin:2px 0 4px}.ms7-card p{margin:0 0 6px;font-size:13.5px;color:var(--muted);line-height:1.45} .ms7-card small{font-size:12px;color:var(--muted)}.ms7-when{color:var(--wine)!important} .ms7-card blockquote{margin:6px 0 0;padding-left:10px;border-left:2px solid var(--gold);font-size:13px;font-style:italic} .ms7-bar{height:6px;border-radius:9px;background:var(--line);overflow:hidden;margin:4px 0}.ms7-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold))} .ms7-medal{position:relative;flex:none;width:66px;height:66px} .ms7-medal svg{width:66px;height:66px;transform:rotate(-90deg)} .ms7-medal span{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;color:var(--muted)} .ms7-track{fill:none;stroke:var(--line);stroke-width:5}.ms7-prog{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round} .ms7-face{fill:color-mix(in srgb,var(--line) 55%,var(--paper))} .ms7-medal.on .ms7-face{fill:url(#none)} .ms7-medal.on{border-radius:50%;box-shadow:0 6px 16px rgba(20,14,8,.25),inset 0 0 0 3px rgba(255,255,255,.35)} .ms7-medal.on span{color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.4)} .ms7-medal.on.t1{background:conic-gradient(from 200deg,var(--gold),#d0b3a9,var(--gold),#6d4629,var(--gold))} .ms7-medal.on.t2{background:conic-gradient(from 200deg,#9aa3ad,var(--paper),#9aa3ad,#6b737c,#9aa3ad)} .ms7-medal.on.t3{background:conic-gradient(from 200deg,var(--gold),#dcbcb2,var(--gold),var(--gold),var(--gold))} .ms7-medal.on.t4{background:conic-gradient(from 200deg,#4f8fb3,var(--paper2),#6fa9d8,#2f5d7d,#4f8fb3)} .ms7-medal.on.t5{background:conic-gradient(from 200deg,#7b55c8,#f2d6ff,var(--gold),#5a36a0,#7b55c8)} .ms7-medal.on .ms7-face{fill:transparent} .ms7-medal.on::after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:250% 100%;animation:ms7shine 4.5s infinite} @keyframes ms7shine{0%{background-position:150% 0}40%,100%{background-position:-60% 0}} .ms7-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px} .ms7-mission{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px} .ms7-mission.done{border-color:#8fb77c;background:color-mix(in srgb,#8fb77c 10%,var(--paper))} .ms7-mission h4{margin:4px 0;font-size:15.5px}.ms7-mission p{font-size:13.5px;color:var(--muted);margin:0 0 10px} .ms7-mgroup{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .ms7-foot{font-size:12.5px} @media (max-width:900px){.ms7-hero{grid-template-columns:auto 1fr}.ms7-calwrap{grid-column:1/-1}} @media (max-width:560px){.ms7-hero{grid-template-columns:1fr;text-align:left}.ms7-cal{grid-auto-columns:9px;grid-template-rows:repeat(7,9px)}} /* ---- release188.css ---- */ /* v1.88: Sky Lab, dashboard, Find Your Way Around, activity, databank */ /* Sky Lab */ .sk8{display:flex;flex-direction:column;gap:14px} .sk8-head h2{margin:4px 0}.sk8-head p{margin:0;color:var(--muted)} .sk8-models{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px} .sk8-model{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:12px;padding:12px;font:inherit;color:var(--ink);cursor:pointer} .sk8-model span{font-size:22px;line-height:1}.sk8-model b{font-size:15px}.sk8-model small{color:var(--muted);font-size:12.5px;line-height:1.4} .sk8-model[aria-selected=true]{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 9%,var(--paper))} .sk8-stage{display:grid;grid-template-columns:minmax(0,1fr) 320px;border-radius:16px;overflow:hidden;border:1px solid #1c2748;background:#0b1226;box-shadow:0 18px 44px rgba(8,12,30,.3)} .sk8-canvas-wrap{position:relative;height:min(62vh,600px);min-height:400px} .sk8-canvas-wrap canvas{width:100%;height:100%;display:block} .sk8-readout{position:absolute;left:12px;right:12px;bottom:10px;color:#e8e0dd;font-size:13.5px;background:rgba(8,12,26,.7);border-radius:8px;padding:7px 10px;backdrop-filter:blur(4px)} .sk8-r{color:#ff9d9d;font-weight:600} .sk8-side{background:var(--paper);padding:16px;overflow:auto;max-height:min(62vh,600px)} .sk8-side label{font-size:12px} .sk8-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0} .sk8-facts div{background:var(--paper2);border-radius:8px;padding:8px}.sk8-facts small{display:block;color:var(--muted);font-size:11px}.sk8-facts b{font-size:13.5px} .sk8-list{display:flex;flex-direction:column;gap:3px;margin:10px 0} .sk8-lab{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:4px} .sk8-list button{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:6px 8px;font:13px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .sk8-list button:hover,.sk8-list button.on{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 8%,var(--paper))} .sk8-note{font-size:13.5px;line-height:1.55;color:var(--muted);border-top:1px solid var(--line);padding-top:10px} .sk8-time{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .sk8-time input[type=range]{flex:1 1 200px;width:auto} .sk8-time input[type=datetime-local]{width:auto} .sk8-speed{display:flex;align-items:center;gap:6px;margin:0}.sk8-speed select{width:auto} .sk8-method{font-size:12.5px;color:var(--muted);margin:0} @media (max-width:900px){.sk8-stage{grid-template-columns:1fr}.sk8-side{max-height:none}.sk8-canvas-wrap{height:58vh}} /* Dashboard */ .dh8{display:flex;flex-direction:column;gap:14px;margin-bottom:18px} .dh8-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px 26px;border-radius:18px;color:#ebe2df;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--gold) 25%,transparent),transparent 40%),radial-gradient(circle at 10% 90%,#3a2a5e,#0c1328 65%);box-shadow:0 18px 44px rgba(10,14,34,.3)} .dh8-date{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)} .dh8-hero h2{color:#fff;font-size:32px;margin:6px 0 2px}.dh8-hero p{margin:0 0 12px;opacity:.8} .dh8-skybtn{display:flex;flex-wrap:wrap;gap:6px;border:0;background:none;padding:0;cursor:pointer;text-align:left} .dh8-skybtn span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:999px;padding:5px 11px;font:13px var(--tjp-font,Georgia),serif;color:#ebe2df} .dh8-skybtn:hover span{border-color:color-mix(in srgb,var(--gold) 60%,transparent)} .dh8-r{color:#ffb4b4!important} .dh8-prog{display:flex;flex-direction:column;align-items:center;gap:8px} .dh8-ring{position:relative;width:104px;height:104px;border:0;background:none;padding:0;cursor:pointer} .dh8-ring svg{width:104px;height:104px;transform:rotate(-90deg)}.dh8-ring circle{fill:none;stroke-width:9}.dh8-ring .bg{stroke:rgba(255,255,255,.12)}.dh8-ring .fg{stroke:var(--gold);stroke-linecap:round} .dh8-ring span{position:absolute;inset:0;display:grid;place-items:center;align-content:center;color:#fff}.dh8-ring b{font-size:32px;line-height:1}.dh8-ring small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.7} .dh8-pstats{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12.5px;opacity:.9} .dh8-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px} .dh8-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:16px;font:inherit;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:transform .12s,border-color .12s} .dh8-card:hover{transform:translateY(-2px);border-color:var(--wine)} .dh8-card b{font-size:16px}.dh8-card small{color:var(--muted);font-size:13px} .dh8-ic{font-size:24px;line-height:1} .dh8-daily{background:linear-gradient(135deg,var(--wine),var(--gold));color:var(--accent-ink);border:0}.dh8-daily small{color:rgba(255,255,255,.85)} .dh8-daily.done{background:linear-gradient(135deg,#2f4a3a,var(--good))} .dh8-recent,.dh8-quick,.dh8-teacher{display:flex;flex-wrap:wrap;align-items:center;gap:6px} .dh8-lab{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px} .dh8-chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 12px;font:13px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px} .dh8-chip:hover{border-color:var(--wine)} .dh8-more summary{cursor:pointer;font-size:14px;color:var(--muted);padding:6px 0} @media (max-width:640px){.dh8-hero{grid-template-columns:1fr;padding:20px}.dh8-prog{flex-direction:row}.dh8-hero h2{font-size:26px}} /* Find Your Way Around */ .fw8{display:flex;flex-direction:column;gap:22px;margin-bottom:22px} .fw8-hero{padding:26px;border-radius:18px;color:#ebe2df;background:radial-gradient(circle at 80% 20%,#2e4a72,#0c1328 70%);box-shadow:0 18px 44px rgba(10,14,34,.28)} .fw8-hero h2{color:#fff;font-size:30px;margin:0 0 6px}.fw8-hero p{opacity:.85;margin:0 0 14px} .fw8-search{position:relative;max-width:620px} .fw8-search input{border-radius:999px;padding:12px 18px;font-size:16px;border:0} .fw8-results{position:absolute;z-index:40;left:0;right:0;top:52px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.25);padding:4px;color:var(--ink)} .fw8-hit{display:flex;gap:10px;align-items:flex-start;width:100%;border:0;background:none;text-align:left;padding:8px 10px;border-radius:8px;font:14.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .fw8-hit small{display:block;color:var(--muted);font-size:12.5px}.fw8-hit:hover{background:color-mix(in srgb,var(--wine) 9%,transparent)} .fw8-h{font-size:20px;margin:0 0 10px} .fw8-intents{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px} .fw8-intent{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:14px;padding:16px;font:inherit;color:var(--ink);cursor:pointer} .fw8-intent span{font-size:26px}.fw8-intent b{font-size:16px}.fw8-intent small{color:var(--muted);font-size:13px} .fw8-intent.on{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 8%,var(--paper))} .fw8-path{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:8px;max-width:700px} .fw8-path li{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px} .fw8-path li span:nth-child(2){flex:1} .fw8-n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--paper2);border:1px solid var(--line);font-weight:600;flex:none} .fw8-path li.done .fw8-n{background:var(--good);color:#fff;border-color:var(--good)} .fw8-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px} .fw8-group{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px} .fw8-group h4{margin:2px 4px 8px;font-size:15px} .fw8-dest{display:block;width:100%;text-align:left;border:0;background:none;padding:7px 8px;border-radius:8px;font:inherit;color:var(--ink);cursor:pointer} .fw8-dest:hover{background:color-mix(in srgb,var(--wine) 8%,transparent)} .fw8-dest b{display:block;font-size:14.5px}.fw8-dest i{color:var(--good);font-style:normal;font-size:12px}.fw8-dest small{color:var(--muted);font-size:12.5px} .fw8-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px} .fw8-day{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px} .fw8-day small{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.fw8-day b{font-size:14.5px} .fw8-day.done{border-color:#8fb77c;background:color-mix(in srgb,#8fb77c 12%,var(--paper))} .fw8-tips ul{margin:0;padding-left:20px;line-height:1.8} .fw8-tips kbd{border:1px solid var(--line);border-radius:4px;padding:0 5px;background:var(--paper2);font-size:.85em} .fw8-old summary{cursor:pointer;font-size:15px;padding:8px 0} /* Activity */ .av8{display:flex;flex-direction:column;gap:14px} .av8-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.av8-bar h3{margin:0 auto 0 0} .av8-range{display:flex;gap:4px} .av8-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px} .av8-stats div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px}.av8-stats b{display:block;font-size:26px}.av8-stats small{color:var(--muted)} .av8-live{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 0 rgba(63,174,90,.6);animation:av8pulse 1.8s infinite} @keyframes av8pulse{70%{box-shadow:0 0 0 8px rgba(63,174,90,0)}100%{box-shadow:0 0 0 0 rgba(63,174,90,0)}} .av8-online h4{display:flex;align-items:center;gap:8px;margin:0 0 8px} .av8-chip{border:1px solid var(--line);background:var(--paper2);border-radius:999px;padding:5px 12px;margin:3px;font:13px var(--tjp-font,Georgia),serif;cursor:pointer;color:var(--ink)}.av8-chip small{color:var(--muted)} .av8-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .av8-days{display:flex;align-items:flex-end;gap:3px;height:140px;padding-top:10px} .av8-days div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px} .av8-days i{display:block;width:100%;background:linear-gradient(180deg,var(--gold),var(--gold));border-radius:4px 4px 0 0;min-height:2px}.av8-days small{font-size:10px;color:var(--muted)} .av8-area{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:8px;font-size:13px;padding:3px 0} .av8-area i{display:block;height:10px;border-radius:6px;background:var(--wine);opacity:.75}.av8-area small{color:var(--muted);white-space:nowrap} .av8-table{display:flex;flex-direction:column} .av8-row{display:grid;grid-template-columns:1.3fr .9fr .5fr .7fr 2fr;gap:8px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:8px 6px;font:13.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .av8-row.head{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:default} button.av8-row:hover{background:var(--paper2)}.av8-row small{color:var(--muted)} .av8-sign{display:block;width:100%;text-align:left;border:0;border-bottom:1px dashed var(--line);background:none;padding:7px 4px;font:13.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer}.av8-sign small{color:var(--muted);display:block} .av8-session .av8-shead{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.av8-shead small{color:var(--muted)} .av8-timeline{list-style:none;padding:0;margin:10px 0 0;border-left:2px solid var(--line)} .av8-timeline li{display:flex;gap:10px;align-items:baseline;padding:4px 0 4px 12px;position:relative;font-size:13.5px} .av8-timeline li::before{content:'';position:absolute;left:-6px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--gold)} .av8-t{color:var(--muted);font-variant-numeric:tabular-nums;min-width:44px}.av8-timeline small{color:var(--muted)} @media (max-width:800px){.av8-grid{grid-template-columns:1fr}.av8-row{grid-template-columns:1fr 1fr;}.av8-row span:nth-child(n+3){display:none}} /* Databank */ .db8{display:flex;flex-direction:column;gap:12px} .db8-licence{background:color-mix(in srgb,var(--gold) 14%,var(--paper));border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:10px;padding:12px;font-size:14px;line-height:1.55} .db8-ratings{display:flex;flex-wrap:wrap;gap:6px 14px;border:1px solid var(--line);border-radius:10px;padding:10px} .db8-ratings label{display:flex;align-items:center;gap:5px;font-size:13.5px;color:var(--ink);margin:0}.db8-ratings input{width:auto} .db8-bar{height:8px;border-radius:9px;background:var(--line);overflow:hidden;margin-top:8px}.db8-bar i{display:block;height:100%;width:0;background:var(--wine);transition:width .3s} .db8-err{color:var(--wine)}.db8-sum{font-size:15px} /* Mental maps */ .mm8-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start} .mm8-side{position:sticky;top:10px;display:flex;flex-direction:column;gap:10px;max-height:85vh;overflow:auto} .mm8-filters input{border-radius:999px} .mm8-cats{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px} .mm8-cats button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 10px;font:12.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .mm8-cats button.on{background:var(--wine);color:var(--paper);border-color:var(--wine)}.mm8-cats small{opacity:.7} .mm8-list{display:flex;flex-direction:column;gap:4px} .mm8-item{display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid transparent;background:none;border-radius:10px;padding:8px 10px;font:inherit;color:var(--ink);cursor:pointer} .mm8-item:hover{background:var(--paper)}.mm8-item.on{background:var(--paper);border-color:var(--wine)} .mm8-item > span:first-child{font-size:18px;width:22px;text-align:center;color:var(--wine)} .mm8-item b{display:block;font-size:14px}.mm8-item small{color:var(--muted);font-size:12.5px;line-height:1.4} .mm8-main{display:flex;flex-direction:column;gap:14px;min-width:0} .mm8-cat{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .mm8-head h2{margin:4px 0}.mm8-head p{margin:0;color:var(--muted)} .mm8-modes{display:flex;flex-wrap:wrap;gap:6px;align-items:center} .mm8-modes [role=tab]{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 14px;font:14px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .mm8-modes [aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)} .mm8-modes .btn{margin-left:auto} .mm8-stage{border-radius:16px;background:radial-gradient(circle at 50% 30%,#1d2a50,#0b1226 75%);padding:8px;box-shadow:0 14px 34px rgba(8,12,30,.28)} .mm8-svg{width:100%;height:auto;display:block} .mm8-track{fill:none;stroke:rgba(255,255,255,.12);stroke-width:6;stroke-linecap:round} .mm8-flow{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:6 14;animation:mm8flow 2.8s linear infinite;opacity:.8} @keyframes mm8flow{to{stroke-dashoffset:-200}} .mm8-node{cursor:pointer;outline:none} .mm8-glow{opacity:0;transition:opacity .3s}.mm8-node.on .mm8-glow,.mm8-node:hover .mm8-glow,.mm8-node:focus .mm8-glow{opacity:1} .mm8-dot{fill:#16213d;stroke:var(--gold);stroke-width:2;transition:fill .3s} .mm8-node.past .mm8-dot{fill:var(--muted)}.mm8-node.on .mm8-dot{fill:var(--gold)} .mm8-num{fill:#ebe2df;font:600 14px var(--tjp-font,Georgia),serif;text-anchor:middle}.mm8-node.on .mm8-num{fill:var(--ink)} .mm8-label{fill:#ebe2df;font:14px var(--tjp-font,Georgia),serif;text-anchor:middle} .mm8-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);animation:ar7in .25s ease-out} .mm8-step{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .mm8-card h3{margin:4px 0 8px;font-size:22px}.mm8-text{font-size:16.5px;line-height:1.65} .mm8-order{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:6px} .mm8-order li{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--paper2)} .mm8-order li.ok{border-color:var(--good);background:var(--paper2)}.mm8-order li.no{border-color:var(--wine);background:var(--paper3)} .mm8-order li > span:nth-child(2){flex:1}.mm8-order small{display:block;color:var(--muted);font-size:12.5px} .mm8-oi{width:24px;height:24px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-weight:600;border:1px solid var(--line)} .mm8-oa{display:flex;gap:4px} .mm8-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .mm8-panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px}.mm8-panel h4{margin:0 0 6px;font-size:15px}.mm8-panel p{margin:0 0 8px;line-height:1.6} .mm8-q{background:color-mix(in srgb,var(--gold) 12%,var(--paper))} .mm8-rel h4{margin:0 0 6px}.mm8-chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 12px;margin:3px;font:13px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} @media (max-width:900px){.mm8-layout{grid-template-columns:1fr}.mm8-side{position:static;max-height:none}.mm8-list{flex-direction:row;overflow-x:auto}.mm8-item{min-width:220px}.mm8-grid{grid-template-columns:1fr}} /* Assignments */ .aw8-steps{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 4px} .aw8-steps span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);padding:3px 10px 3px 4px;border-radius:999px;border:1px solid var(--line);background:var(--paper)} .aw8-steps i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;background:var(--paper2);border:1px solid var(--line)} .aw8-steps .done{color:var(--ink)}.aw8-steps .done i{background:var(--good);color:#fff;border-color:var(--good)} .aw8-steps .now{color:var(--ink);border-color:var(--wine)}.aw8-steps .now i{background:var(--wine);color:var(--accent-ink);border-color:var(--wine)} .aw8-steps .now.rev{border-color:var(--wine)}.aw8-steps .now.rev i{background:var(--wine);border-color:var(--wine)} .aw8-due{margin-left:auto;font-size:12.5px;padding:3px 10px;border-radius:999px;background:var(--paper2);border:1px solid var(--line)} .aw8-due.soon{background:var(--paper3);border-color:var(--gold)}.aw8-due.late{background:var(--paper3);border-color:var(--wine);color:var(--wine)} .aw8-latest{margin:12px 0;padding:14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);background:color-mix(in srgb,var(--gold) 12%,var(--paper))} .aw8-latest h4{margin:0 0 6px} .aw8-tools{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:6px 0;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--paper2);position:sticky;top:0;z-index:3} .aw8-tools button{border:1px solid transparent;background:none;border-radius:6px;padding:5px 9px;font:13.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .aw8-tools button:hover{background:var(--paper);border-color:var(--line)}.aw8-tools [aria-pressed=true]{background:var(--wine);color:var(--paper)} .aw8-sep{width:1px;height:20px;background:var(--line);margin:0 4px} .aw8-preview{min-height:300px;border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--paper)} .aw8-meter{margin:6px 0}.aw8-meter small{color:var(--muted);font-size:12.5px} .aw8-bar{height:6px;border-radius:9px;background:var(--line);overflow:hidden}.aw8-bar i{display:block;height:100%;background:var(--gold)}.aw8-bar i.ok{background:var(--good)}.aw8-bar i.over{background:var(--wine)} .aw8-focus .aw-layout{grid-template-columns:1fr!important}.aw8-focus #aw-list,.aw8-focus .aw-toolbar,.aw8-focus .aw-summary,.aw8-focus .aw-guidance{display:none!important} .aw8-focus #aw-body{min-height:60vh;font-size:17px;line-height:1.7} .aw8-check{margin:12px 0;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--paper)} .aw8-check h4{margin:0 0 8px}.aw8-check label{display:flex;gap:8px;align-items:center;font-size:14.5px;color:var(--ink);margin:6px 0}.aw8-check input{width:auto} .aw8-snips{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 10px} .aw8-snip{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--paper2)} .aw8-snip button{border:0;background:none;padding:4px 10px;font:12.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer}.aw8-snip button+button{padding:4px 8px;border-left:1px solid var(--line);color:var(--muted)} .aw8-wc{color:var(--muted)} .aw8-queue{margin:10px 0}.aw8-queue summary{cursor:pointer;font-size:15px;padding:6px 0} .aw8-qlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:6px} .aw8-qlist button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:10px;font:inherit;color:var(--ink);cursor:pointer} .aw8-qlist button:hover{border-color:var(--wine)}.aw8-qlist small{color:var(--muted)} .aw8-picker{position:fixed;inset:0;z-index:700;background:rgba(20,14,8,.4);display:grid;place-items:center;padding:16px} .aw8-pbox{width:min(560px,100%);max-height:80vh;display:flex;flex-direction:column;gap:8px;background:var(--paper);border-radius:14px;padding:16px;box-shadow:0 24px 60px rgba(0,0,0,.3)} .aw8-pbox h4{margin:0}.aw8-plist{overflow:auto;display:flex;flex-direction:column;gap:4px} .aw8-plist button{text-align:left;border:1px solid var(--line);background:var(--paper2);border-radius:8px;padding:8px 10px;font:inherit;color:var(--ink);cursor:pointer}.aw8-plist small{display:block;color:var(--muted)} .mm8-svg .mm8-num{fill:#ebe2df!important}.mm8-svg .mm8-node.on .mm8-num{fill:var(--ink)!important} .mm8-svg .mm8-label{fill:#ebe2df!important;font-size:14px!important;paint-order:stroke;stroke:#0b1226;stroke-width:4px} /* Databank (collections) */ .db8-licence p{margin:0 0 6px}.db8-licence p:last-child{margin:0} .db8-groups{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:10px;padding:10px} .db8-groups label{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);margin:0}.db8-groups input{width:auto}.db8-groups select{width:auto;margin-left:auto} .db8-check{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink)}.db8-check input{width:auto} .db8-pubrows{display:flex;flex-direction:column;gap:6px}.db8-pubrows .row{align-items:center}.db8-pubrows b{min-width:150px} /* Chart Research */ .rs8{display:flex;flex-direction:column;gap:14px} .rs8-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px} .rs8-top h2{margin:4px 0}.rs8-top p{margin:0;color:var(--muted)} .rs8-lib{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted)} .rs8-spin{display:inline-block;width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--wine);border-radius:50%;animation:rs8spin .8s linear infinite;vertical-align:-1px;margin-right:4px} @keyframes rs8spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.rs8-spin{animation:none}} .rs8-err{color:var(--wine)} .rs8-grid{display:grid;grid-template-columns:minmax(330px,440px) minmax(0,1fr);gap:14px;align-items:start} .rs8-builder{display:flex;flex-direction:column;gap:12px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto} .rs8-bar1{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rs8-bar1 label{font-size:12px;margin:0} #rs8-conds{display:flex;flex-direction:column;gap:8px} .rs8-empty{margin:0;font-size:13.5px} .rs8-cond{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:9px;background:var(--paper)} .rs8-cbody{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px} .rs8-cbody select,.rs8-cbody input{width:auto;margin:0;padding:5px 8px;font-size:13.5px} .rs8-cbody>span{color:var(--muted)} .rs8-num{width:84px!important}.rs8-text{flex:1 1 200px;width:auto!important} .rs8-not{border:1px solid var(--line);background:var(--paper2);border-radius:7px;padding:5px 7px;font:600 11px/1 system-ui,sans-serif;letter-spacing:.05em;color:var(--muted);cursor:pointer;min-width:40px} .rs8-not.on{background:var(--wine);border-color:var(--wine);color:var(--accent-ink)} .rs8-x{border:0;background:none;font-size:20px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:6px}.rs8-x:hover{color:var(--wine);background:var(--paper2)} .rs8-vals{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;width:100%}.rs8-vals.wide{grid-template-columns:repeat(3,1fr)} .rs8-vals button,.rs8-ratings button{border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:5px 4px;font:12.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rs8-vals button.on,.rs8-ratings button.on{background:var(--wine);border-color:var(--wine);color:var(--accent-ink)} .rs8-ratings{display:flex;gap:4px} .rs8-add{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rs8-add>span{font-size:12px;color:var(--muted);margin-right:2px} .rs8-add .btn{padding:6px 10px;font-size:13px} .rs8-presets summary{cursor:pointer;font-size:13.5px;color:var(--wine)} .rs8-presets[open]{display:flex;flex-direction:column;gap:4px} .rs8-preset{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:7px 9px;font:13px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer}.rs8-preset:hover{border-color:var(--wine)} .rs8-lab{display:block;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:6px} .rs8-quick{display:flex;flex-wrap:wrap;gap:5px} .rs8-qc{border:1px solid var(--line);background:var(--paper2);border-radius:999px;padding:4px 10px;font:12.5px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer}.rs8-qc small{color:var(--muted)}.rs8-qc:hover{border-color:var(--wine)} .rs8-conv{font-size:12px;line-height:1.5;color:var(--muted);margin:0;border-top:1px solid var(--line);padding-top:10px} .rs8-out{display:flex;flex-direction:column;gap:10px;min-width:0} .rs8-summary{font-size:15px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--wine) 7%,var(--paper));border:1px solid color-mix(in srgb,var(--wine) 22%,transparent)} .rs8-summary b{font-size:24px;color:var(--wine)}.rs8-summary small{display:block;color:var(--muted);margin-top:3px;line-height:1.5}.rs8-summary em{font-style:normal;font-weight:600;color:var(--ink)} .rs8-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:6px} .rs8-tabs [role=tab]{border:0;background:none;padding:7px 12px;border-radius:8px;font:600 14px system-ui,sans-serif;color:var(--muted);cursor:pointer} .rs8-tabs [role=tab][aria-selected=true]{background:var(--wine);color:var(--accent-ink)} .rs8-actions{margin-left:auto;display:flex;gap:6px}.rs8-actions .btn{padding:6px 10px;font-size:13px} .rs8-table{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)} .rs8-tr{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(120px,1fr) minmax(120px,1fr) minmax(100px,1fr) auto;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--line);font-size:13.5px} .rs8-tr:first-child{border-top:0}.rs8-tr.head{background:var(--paper2);font:600 11px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} .rs8-tr small{display:block;color:var(--muted);font-size:12px}.rs8-tr .rs8-r{display:inline;font-size:10.5px;border:1px solid var(--line);border-radius:5px;padding:0 4px;margin-left:4px} .rs8-tr .btn{padding:4px 10px;font-size:12.5px} .rs8-tr:not(.head):hover{background:color-mix(in srgb,var(--wine) 4%,var(--paper))} #rs8-list .row.center{justify-content:center;align-items:center;gap:12px;margin-top:10px} .rs8-stat-head{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.rs8-stat-head label{font-size:12px;margin:0}.rs8-stat-head select{width:auto} .rs8-bars{display:flex;flex-direction:column;gap:4px} .rs8-bar{display:grid;grid-template-columns:120px minmax(0,1fr) 190px;gap:10px;align-items:center;font-size:13px} .rs8-bk{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rs8-track{position:relative;height:16px;background:var(--paper2);border-radius:5px;overflow:hidden} .rs8-track .obs{position:absolute;left:0;top:0;bottom:0;background:var(--wine);opacity:.8;border-radius:5px} .rs8-track .exp{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--ink);margin-left:-1px} .rs8-bn small{color:var(--muted)}.rs8-bn b{font-size:11.5px;margin-left:4px}.rs8-bn b.hi{color:var(--good)}.rs8-bn b.lo{color:var(--wine)} .rs8-note{font-size:12.5px;line-height:1.5;color:var(--muted);margin-top:10px} @media (max-width:1000px){.rs8-grid{grid-template-columns:1fr}.rs8-builder{position:static;max-height:none}} @media (max-width:640px){.rs8-tr{grid-template-columns:1fr auto}.rs8-tr>span:nth-child(3),.rs8-tr>span:nth-child(4){display:none}.rs8-tr>span:nth-child(2){grid-column:1}.rs8-tr.head{display:none}.rs8-bar{grid-template-columns:80px minmax(0,1fr);}.rs8-bn{grid-column:1/-1;font-size:12px}.rs8-vals{grid-template-columns:repeat(4,1fr)}.rs8-actions{margin-left:0}} .rs8-presets .rs8-preset{display:block;width:100%;margin-top:4px} .rs8-num{width:100px!important} .db8-built{background:color-mix(in srgb,var(--wine) 7%,var(--paper));border:1px solid color-mix(in srgb,var(--wine) 22%,transparent);border-radius:10px;padding:12px;font-size:14.5px;line-height:1.55} .db8-more summary,.db8-publish summary{cursor:pointer;color:var(--wine)} .db8-more[open]{display:flex;flex-direction:column;gap:12px} /* Chart Laboratory: built-in library */ .lb8-filters{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:8px}.lb8-filters>div:first-child{grid-column:1/-1} .lb8-filters label{font-size:12px} .lb8-src{font-size:12.5px} #libraryChartBrowser .navigator-record-actions{align-items:center;flex-wrap:wrap} @media (max-width:560px){.lb8-filters{grid-template-columns:1fr 1fr}} /* ---- calendar192.css ---- */ /* The Jyotish Project Study Space v1.92: the Gatherings calendar on the Dashboard and its editor. Matte and quiet, built from each mood's own variables so it sits well in Classic, Rainbow, Celestial, Bubblegum and Dark. */ .gc192{margin:14px 0 6px;padding:22px 24px 18px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink)} .gc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 18px;margin-bottom:16px} .gc-head h2{margin:2px 0 0;font-size:1.45rem;line-height:1.2;color:var(--ink)} .gc-eyebrow,.gc-lab,.gx-lab{font:600 11px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} .gc-headact{display:flex;align-items:center;gap:12px} .gc-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);gap:18px;align-items:start} /* next gathering */ .gc-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:18px;border-radius:16px;background:var(--paper2);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)} .gc-card.is-live{border-color:color-mix(in srgb,var(--olive) 55%,var(--line))} .gc-card.cancelled h3{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent);color:var(--muted)} .gc-tile{display:grid;justify-items:center;align-content:start;width:78px;padding:9px 0 10px;border-radius:14px;background:var(--paper);border:1px solid var(--line);text-align:center} .gc-tile span{font:700 11px system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--wine)} .gc-tile b{font-size:2.3rem;line-height:1.05;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums} .gc-tile i{font:600 11px system-ui,sans-serif;font-style:normal;color:var(--muted);text-transform:uppercase;letter-spacing:.08em} .gc-info{min-width:0} .gc-when-pill{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;padding:3px 10px;border-radius:999px;font:600 12px system-ui,sans-serif;background:color-mix(in srgb,var(--wine) 10%,transparent);color:var(--wine)} .gc-when-pill.soon,.gc-when-pill.live{background:color-mix(in srgb,var(--olive) 16%,transparent);color:var(--olive)} .gc-when-pill.live::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;animation:gc-pulse 1.6s ease-in-out infinite} @keyframes gc-pulse{50%{opacity:.35}} .gc-info h3{margin:0 0 6px;font-size:1.5rem;line-height:1.2;font-weight:500;color:var(--ink)} .gc-time{margin:0;font-size:1rem;line-height:1.5} .gc-time b{font-weight:600} .gc-zone{font:600 11px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:4px} .gc-host{margin:2px 0 0;font-size:.92rem;color:var(--muted)} .gc-meta{margin:2px 0 0;font-size:.88rem;color:var(--muted)} .gc-note{margin:10px 0 0;line-height:1.55;font-size:.97rem} .gc-prep{margin:10px 0 0;padding:9px 12px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--gold) 10%,transparent);font-size:.94rem;line-height:1.5} .gc-prep span{display:block;font:600 10.5px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px} .gc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px} .gc-join[disabled]{opacity:.7;cursor:default} .gc-soft{font-size:.9rem;color:var(--muted);font-style:italic} .gc-rsvp{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--line);background:var(--paper)} .gc-rsvp button{border:0;background:transparent;color:var(--muted);padding:7px 13px;border-radius:999px;font:600 13px system-ui,sans-serif;cursor:pointer} .gc-rsvp button.on{background:var(--accent,var(--wine));color:var(--accent-ink,var(--accent-ink))} .gc-rsvp button:focus-visible{outline:2px solid var(--wine);outline-offset:1px} .gc-add{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:12px;font-size:.88rem;color:var(--muted)} .gc-add a{color:var(--wine);font-weight:600;text-decoration:none} .gc-add a:hover{text-decoration:underline} .gc-add .text-btn{padding:0;font-size:.88rem} .gc-sep{width:1px;height:14px;background:var(--line)} .gc-none{display:grid;justify-items:start;gap:4px;padding:22px;border-radius:16px;background:var(--paper2);border:1px dashed var(--line)} .gc-none p{margin:0}.gc-none .btn{margin-top:10px} .gc-none-ic{font-size:28px;color:var(--gold);line-height:1} .gc-empty{color:var(--muted);font-style:italic} /* month calendar */ .gc-cal{padding:12px 12px 8px;border-radius:16px;border:1px solid var(--line);background:var(--paper)} .gc-month{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px} .gc-month b{font-size:1rem;font-weight:600} .gc-nav{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:18px;line-height:1;cursor:pointer} .gc-nav:hover{border-color:var(--wine)} .gc-week,.gc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px} .gc-week span{text-align:center;font:600 10.5px system-ui,sans-serif;letter-spacing:.06em;color:var(--muted);padding:2px 0 4px} .gc-d{position:relative;display:grid;place-items:center;aspect-ratio:1/1;min-height:34px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);font:500 14px system-ui,sans-serif;font-variant-numeric:tabular-nums;cursor:default;padding:0} .gc-d.out{visibility:hidden} .gc-d.past{color:color-mix(in srgb,var(--muted) 75%,transparent)} .gc-d.today{border-color:var(--wine);font-weight:700} .gc-d.has{cursor:pointer;background:color-mix(in srgb,var(--wine) 9%,transparent);font-weight:700;color:var(--wine)} .gc-d.has:hover{background:color-mix(in srgb,var(--wine) 16%,transparent)} .gc-d.has.past{background:color-mix(in srgb,var(--muted) 10%,transparent);color:var(--muted)} .gc-d.sel{background:var(--accent,var(--wine));color:var(--accent-ink,var(--accent-ink));border-color:transparent} .gc-d.cx span{text-decoration:line-through} .gc-d i{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;gap:2px} .gc-d i em{width:4px;height:4px;border-radius:50%;background:currentColor} .gc-d:focus-visible{outline:2px solid var(--wine);outline-offset:1px} .gc-tz{margin:8px 2px 2px;font-size:.78rem;color:var(--muted)} .gc-tz .text-btn{padding:0;font-size:.78rem} /* coming up */ .gc-next{margin-top:16px} .gc-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:8px} .gc-mini{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-align:left;font:inherit;cursor:pointer} .gc-mini:hover{border-color:var(--wine)} .gc-mdate{display:grid;justify-items:center;min-width:40px;font:600 10.5px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--wine)} .gc-mdate b{font-size:1.25rem;line-height:1.1;color:var(--ink);font-weight:600;letter-spacing:0} .gc-mtext{display:grid;min-width:0}.gc-mtext b{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-mtext small{color:var(--muted);font-size:.82rem} .gc-mail{margin:14px 0 0;padding:9px 12px;border-radius:10px;font-size:.88rem;line-height:1.45} .gc-mail.ok{background:color-mix(in srgb,var(--olive) 10%,transparent);color:var(--olive)} .gc-mail.warn{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--ink)} /* editor sheet */ .gc-overlay{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:16px;background:rgba(20,16,12,.45);backdrop-filter:blur(2px)} .gc-sheet{width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:22px 24px;border-radius:20px;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.22)} .gc-sheet.gx-wide-sheet{width:min(760px,100%)} .gx-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px} .gx-head h2{margin:2px 0 0;font-size:1.35rem;line-height:1.25} .gx-x{border:0;background:transparent;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;padding:2px 6px} .gx-templates{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px} .gx-templates button,.gx-tabs button{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper2);color:var(--ink);font:600 13px system-ui,sans-serif;cursor:pointer} .gx-templates button.on,.gx-tabs button.on{background:var(--accent,var(--wine));color:var(--accent-ink,var(--accent-ink));border-color:transparent} .gx-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px} .gx-form label{display:grid;gap:5px;min-width:0} .gx-form label>span,.gx-mail legend,.gx-more summary{font:600 12px system-ui,sans-serif;letter-spacing:.04em;color:var(--muted)} .gx-form em{font-style:normal;font-weight:400;opacity:.8} .gx-form input:not([type=checkbox]),.gx-form select,.gx-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-size:1rem} .gx-form textarea{resize:vertical} .gx-form input:focus,.gx-form select:focus,.gx-form textarea:focus{outline:2px solid color-mix(in srgb,var(--wine) 55%,transparent);outline-offset:0;border-color:var(--wine)} .gx-form small{color:var(--muted);font-size:.8rem} .gx-wide{grid-column:1/-1} .gx-preview{display:grid;gap:4px;padding:11px 13px;border-radius:12px;background:var(--paper2);font-size:.95rem} .gx-zones{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.88rem;color:var(--muted)} .gx-zones i{font-style:normal;opacity:.8} .gx-zones span:first-child{color:var(--ink)} .gx-warn{color:var(--wine);font-size:.88rem} html[data-appearance=dark] .gx-warn{color:#f0a493} .gx-more summary{cursor:pointer;margin-bottom:6px} .gx-mail{border:1px solid var(--line);border-radius:12px;padding:10px 14px 8px;margin:0} .gx-mail legend{padding:0 6px} .gx-check{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:9px;padding:4px 0;font-size:.95rem;cursor:pointer} .gx-check input{margin-top:3px;width:17px;height:17px;accent-color:var(--wine)} .gx-small{margin:4px 0 2px;font-size:.82rem;color:var(--muted)} .gx-err{grid-column:1/-1;margin:0;color:var(--wine);font-size:.92rem;min-height:1px} html[data-appearance=dark] .gx-err{color:#f0a493} .gx-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:6px} .gx-right{display:flex;gap:8px;margin-left:auto} .gx-danger{color:var(--wine);border-color:color-mix(in srgb,var(--wine) 35%,var(--line))} html[data-appearance=dark] .gx-danger{color:#f0a493} .gx-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px} .gx-subject{margin:0 0 8px;font-size:.92rem}.gx-subject span{font:600 11px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:6px} .gx-frame{width:100%;height:min(70vh,760px);border:1px solid var(--line);border-radius:12px;background:var(--bg)} @media (max-width:820px){ .gc-grid{grid-template-columns:1fr} .gc-cal{order:2} } @media (max-width:560px){ .gc192{padding:16px 14px 14px;border-radius:16px} .gc-card{grid-template-columns:1fr;gap:12px;padding:14px} .gc-tile{grid-auto-flow:column;align-items:baseline;gap:8px;width:auto;justify-self:start;padding:6px 12px} .gc-tile b{font-size:1.4rem} .gc-info h3{font-size:1.3rem} .gc-rsvp{width:100%}.gc-rsvp button{flex:1} .gc-actions .btn{flex:1 1 auto} .gx-form{grid-template-columns:1fr} .gc-sheet{padding:18px 16px} .gx-right{width:100%}.gx-right .btn{flex:1} } @media (prefers-reduced-motion:reduce){.gc-when-pill.live::before{animation:none}} /* keep the calendar's own look when a mood styles every button */ #gc192 .gc-d{border:1px solid transparent;background:transparent;box-shadow:none;color:var(--ink)} #gc192 .gc-d.past{color:color-mix(in srgb,var(--muted) 75%,transparent)} #gc192 .gc-d.today{border-color:var(--wine)} #gc192 .gc-d.has{background:color-mix(in srgb,var(--wine) 9%,transparent);color:var(--wine)} #gc192 .gc-d.has:hover{background:color-mix(in srgb,var(--wine) 16%,transparent)} #gc192 .gc-d.has.past{background:color-mix(in srgb,var(--muted) 10%,transparent);color:var(--muted)} #gc192 .gc-d.sel{background:var(--accent,var(--wine));color:var(--accent-ink,var(--accent-ink));border-color:transparent} html[data-appearance=dark] #gc192 .gc-d.has{background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink)} html[data-appearance=dark] #gc192 .gc-d.today{border-color:color-mix(in srgb,var(--ink) 60%,transparent)} #gc192 .gc-rsvp button{border:0;background:transparent;box-shadow:none;color:var(--muted)} #gc192 .gc-rsvp button.on{background:var(--accent,var(--wine));color:var(--accent-ink,var(--accent-ink))} #gc192 .text-btn{background:transparent;border:0;box-shadow:none} #gc192 .gc-tile{align-self:start} /* Dark mood paints every button with !important; restore the calendar's own surfaces there */ html[data-appearance=dark] #gc192 .gc-d{background:transparent!important;border-color:transparent!important;color:var(--ink)!important} html[data-appearance=dark] #gc192 .gc-d.past{color:var(--ink3)!important} html[data-appearance=dark] #gc192 .gc-d.today{border-color:color-mix(in srgb,var(--ink) 60%,transparent)!important} html[data-appearance=dark] #gc192 .gc-d.has{background:color-mix(in srgb,var(--ink) 13%,transparent)!important;color:var(--ink)!important} html[data-appearance=dark] #gc192 .gc-d.has.past{background:rgba(255,255,255,.05)!important;color:var(--muted)!important} html[data-appearance=dark] #gc192 .gc-d.sel{background:var(--ink)!important;color:var(--paper2)!important} html[data-appearance=dark] #gc192 .gc-rsvp button{background:transparent!important;border-color:transparent!important;color:var(--muted)!important} html[data-appearance=dark] #gc192 .gc-rsvp button.on{background:var(--ink)!important;color:var(--paper2)!important} html[data-appearance=dark] #gc192 .text-btn{background:transparent!important;border-color:transparent!important;color:var(--ink)!important} html[data-appearance=dark] .gx-templates button.on,html[data-appearance=dark] .gx-tabs button.on{background:var(--ink)!important;color:var(--paper2)!important} .gx-zoom .gx-join{display:grid;gap:5px;margin-top:6px} .gx-zoom .gx-join[hidden],.gx-zoom label[hidden]{display:none!important} .gx-err.gx-busy{color:var(--muted)} /* v1.92 after the session */ .gc-after{margin-top:14px;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;background:var(--paper2)} .gc-after-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:6px} .gc-after-row small{color:var(--muted);margin-left:4px} /* ---- buddy192.css ---- */ /* The Jyotish Project Study Space v1.92: Study Buddies, the old-school side chat. A bevelled little window with a title bar, a buddy list with groups, "Name (time): message" lines, stickers and a nudge. Colours come from each mood's variables, so it suits all five moods. */ #bd192{--bd-title:var(--accent,var(--wine));--bd-title-ink:var(--accent-ink,#fff);position:fixed;z-index:8500;right:0;top:0;width:0;height:0} #bd192[hidden]{display:none} .bd-tab{position:fixed;right:0;top:58%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 7px 12px 9px;border:1px solid var(--line);border-right:0;border-radius:12px 0 0 12px;background:var(--paper);color:var(--ink);box-shadow:-4px 6px 18px rgba(0,0,0,.12);cursor:pointer;font:600 12px system-ui,sans-serif} .bd-tab:hover{background:var(--paper2)} .bd-tab-ic{font-size:18px;line-height:1} .bd-tab-tx{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px} .bd-badge{position:absolute;top:-7px;left:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#c2413a;color:#fff;font:700 11px system-ui,sans-serif;box-shadow:0 0 0 2px var(--paper)} #bd192.is-open .bd-tab{opacity:.0;pointer-events:none} .bd-win{position:fixed;right:16px;bottom:16px;width:330px;height:min(500px,calc(100vh - 32px));display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--bd-title) 55%,var(--line));border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.35);overflow:hidden;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif} .bd-win[hidden]{display:none} .bd-title{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--bd-title) 82%,var(--paper)),var(--bd-title));color:var(--bd-title-ink);border-bottom:1px solid rgba(0,0,0,.18);user-select:none} .bd-title b{flex:1;font:700 13px system-ui,sans-serif;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bd-dots{display:flex;gap:4px}.bd-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:inset 0 -1px 1px rgba(0,0,0,.2)} .bd-dots i:nth-child(2){background:rgba(255,255,255,.4)}.bd-dots i:nth-child(3){background:rgba(255,255,255,.28)} .bd-tb{width:24px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:5px;background:rgba(255,255,255,.18);color:inherit;font:700 12px system-ui,sans-serif;line-height:1;cursor:pointer;padding:0} .bd-tb:hover{background:rgba(255,255,255,.32)} .bd-body{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--paper)} .bd-wait{margin:14px;color:var(--muted);font-style:italic;font-size:13px} /* buddy list */ .bd-list{flex:1;overflow:auto;padding:6px 6px 8px} .bd-grp{margin:8px 6px 4px;font:700 11px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} .bd-grp span{font-weight:500} .bd-buddy{width:100%;display:flex;align-items:center;gap:10px;padding:7px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer} .bd-buddy:hover,.bd-buddy:focus-visible{background:var(--paper2);border-color:var(--line)} .bd-buddy.unread b{color:var(--wine)} .bd-av{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--h) 45% 82%);color:hsl(var(--h) 45% 22%);font:700 12px system-ui,sans-serif;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)} .bd-av.sm{width:26px;height:26px;font-size:10.5px} .bd-bt{flex:1;min-width:0;display:grid} .bd-bt b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bd-bt small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bd-meta{display:grid;justify-items:end;gap:3px}.bd-meta small{color:var(--muted);font-size:11px} .bd-meta i{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#c2413a;color:#fff;font:700 10.5px/18px system-ui,sans-serif;font-style:normal;text-align:center} .bd-foot{margin:0;padding:7px 10px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted);background:var(--paper2)} .bd-link{border:0;background:none;padding:0;color:var(--wine);font:inherit;text-decoration:underline;cursor:pointer} /* conversation */ .bd-chathead{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--paper2)} .bd-chathead b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bd-back{border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:3px 8px;font:600 12px system-ui,sans-serif;cursor:pointer} .bd-log{flex:1;min-height:0;overflow:auto;padding:10px 12px;background:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--line) 35%,transparent) 23px 24px),var(--paper);font-size:13.5px} .bd-line{margin:0 0 6px;word-wrap:break-word} .bd-who{font-weight:700} .bd-line.me .bd-who{color:#c2413a} .bd-line.them .bd-who{color:#2f5fb3} html[data-appearance=dark] .bd-line.me .bd-who{color:#f0a0a0} html[data-appearance=dark] .bd-line.them .bd-who{color:var(--wine)} .bd-who time{font-weight:400;color:var(--muted);font-size:11.5px} .bd-tx{white-space:normal} .bd-sys{margin:6px 0 8px;text-align:center;font:700 12px system-ui,sans-serif;color:#b6542d} .bd-sys.soft{font-weight:500;color:var(--muted);font-style:italic} html[data-appearance=dark] .bd-sys{color:var(--wine)} .bd-sticker{display:flex;align-items:center;gap:8px;margin:4px 0 2px;padding:8px 10px;border:2px dashed color-mix(in srgb,var(--wine) 40%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--wine) 7%,var(--paper));font-style:italic} .bd-sticker em{font-style:normal;font-size:24px;line-height:1} .bd-tray{max-height:150px;overflow:auto;border-top:1px solid var(--line);background:var(--paper2);padding:6px} .bd-smiles{display:grid;grid-template-columns:repeat(6,1fr);gap:4px} .bd-smiles button{border:1px solid transparent;border-radius:6px;background:transparent;font-size:20px;padding:4px;cursor:pointer} .bd-smiles button:hover{background:var(--paper);border-color:var(--line)} .bd-stickers{display:grid;gap:4px} .bd-stickers button{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:5px 8px;font:12.5px system-ui,sans-serif;cursor:pointer} .bd-stickers button:hover{border-color:var(--wine)} .bd-stickers em{font-style:normal;font-size:18px} .bd-tools{display:flex;gap:4px;padding:5px 6px 0;border-top:1px solid var(--line);background:var(--paper2)} .bd-tools button{border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:3px 9px;font:600 12.5px system-ui,sans-serif;cursor:pointer} .bd-tools button:hover{border-color:var(--wine)} .bd-send{display:flex;gap:6px;padding:6px;background:var(--paper2)} .bd-send textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:7px;padding:6px 8px;background:var(--paper);color:var(--ink);font:13.5px/1.35 system-ui,sans-serif} .bd-send textarea:focus{outline:2px solid color-mix(in srgb,var(--wine) 50%,transparent);border-color:var(--wine)} .bd-go{align-self:stretch;border:1px solid color-mix(in srgb,var(--bd-title) 70%,var(--ink));border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--bd-title) 80%,var(--paper)),var(--bd-title));color:var(--bd-title-ink);font:700 13px system-ui,sans-serif;padding:0 12px;cursor:pointer} /* nudge */ .bd-win.shake{animation:bd-shake .55s cubic-bezier(.36,.07,.19,.97) both} @keyframes bd-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-8px)}40%,60%{transform:translateX(8px)}} /* pop-ups */ .bd-pops{position:fixed;right:16px;bottom:96px;display:grid;gap:8px;justify-items:end;z-index:8600} .bd-pop{display:grid;gap:1px;width:250px;text-align:left;padding:9px 12px 10px;border:1px solid color-mix(in srgb,var(--bd-title) 55%,var(--line));border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 12px 30px rgba(0,0,0,.2);cursor:pointer;font:13px system-ui,sans-serif;animation:bd-in .35s ease-out both} .bd-pop.out{animation:bd-out .5s ease-in both} .bd-pop-top{font:700 10.5px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--wine)} .bd-pop small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @keyframes bd-in{from{transform:translateX(120%);opacity:0}to{transform:none;opacity:1}} @keyframes bd-out{to{transform:translateX(120%);opacity:0}} /* Dark mood paints every button; keep the chat's own surfaces */ html[data-appearance=dark][data-appearance] #bd192 :is(.bd-buddy,.bd-smiles button){background:transparent!important;border-color:transparent!important} html[data-appearance=dark][data-appearance] #bd192 .bd-buddy:hover{background:var(--paper2)!important} html[data-appearance=dark][data-appearance] #bd192 :is(.bd-tb){background:rgba(0,0,0,.12)!important;border-color:rgba(0,0,0,.25)!important;color:var(--bd-title-ink)!important} html[data-appearance=dark][data-appearance] #bd192 .bd-go{background:var(--accent)!important;color:var(--accent-ink)!important} html[data-appearance=dark][data-appearance] #bd192 .bd-tab{background:var(--paper)!important} html[data-appearance=dark][data-appearance] #bd192 .bd-pop{background:var(--paper)!important} @media (max-width:600px){ .bd-win{right:8px;left:8px;bottom:8px;width:auto;height:min(70vh,520px)} .bd-tab{top:auto;bottom:90px;padding:9px 6px 9px 8px} .bd-pops{right:8px;bottom:80px} } @media (prefers-reduced-motion:reduce){.bd-win.shake,.bd-pop,.bd-pop.out{animation:none}} @media print{#bd192{display:none}} #bd192 .bd-send textarea{min-height:0!important;height:52px!important;max-height:90px;margin:0;box-shadow:none} #bd192 .bd-send .bd-go{min-height:0;height:52px} /* v1.92 extras: find, online dots, sticker packs, my stickers */ .bd-find{display:flex;align-items:center;gap:8px;padding:8px 8px 2px} #bd192 .bd-find input{flex:1;min-height:0;height:32px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper2);color:var(--ink);font:13px system-ui,sans-serif} .bd-find small{color:var(--muted);font-size:11.5px;white-space:nowrap} .bd-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);margin-right:4px;vertical-align:0} .bd-av{position:relative} .bd-av.on::after{content:'';position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--good);box-shadow:0 0 0 2px var(--paper)} .bd-packs{display:flex;gap:4px;margin-bottom:6px} .bd-packs button{flex:1;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);padding:4px 8px;font:600 12px system-ui,sans-serif;cursor:pointer} .bd-packs button.on{background:var(--bd-title);color:var(--bd-title-ink);border-color:transparent} .bd-stickers button{position:relative} .bd-stickers button i{position:absolute;right:6px;top:4px;font-style:normal;color:var(--muted);padding:0 4px;border-radius:4px} .bd-stickers button i:hover{background:var(--paper2);color:#c2413a} .bd-make{display:flex;gap:4px;margin-top:4px} #bd192 .bd-make input{min-height:0;height:30px;padding:3px 8px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font:13px system-ui,sans-serif} #bd192 .bd-make input[name=e]{width:46px;text-align:center}#bd192 .bd-make input[name=t]{flex:1;min-width:0} .bd-make button{border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font:600 12px system-ui,sans-serif;padding:0 10px;cursor:pointer} html[data-appearance=dark][data-appearance] #bd192 .bd-packs button.on{background:var(--accent)!important;color:var(--accent-ink)!important} /* ---- onboard192.css ---- */ /* The Jyotish Project Study Space v1.92: Getting started checklist on the Dashboard. */ .ob192{position:relative;margin:14px 0 6px;padding:20px 22px 18px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink)} .ob192 header{display:flex;align-items:center;gap:16px;margin-bottom:14px;padding-right:28px} .ob192 header>div:first-child{flex:1;min-width:0} .ob-eyebrow{font:600 11px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} .ob192 h2{margin:2px 0 2px;font-size:1.35rem;line-height:1.2} .ob192 header p{margin:0;color:var(--muted);font-size:.93rem} .ob-ring{position:relative;width:56px;height:56px;flex:0 0 auto} .ob-ring svg{width:100%;height:100%;transform:rotate(-90deg)} .ob-ring circle{fill:none;stroke-width:3.4}.ob-ring .bg{stroke:var(--line)}.ob-ring .fg{stroke:var(--wine);stroke-linecap:round;transition:stroke-dasharray .5s ease} .ob-ring b{position:absolute;inset:0;display:grid;place-items:center;font:700 13px system-ui,sans-serif} .ob-x{position:absolute;top:10px;right:12px;border:0;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:4px 6px} .ob-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px} .ob-steps button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper2);color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,transform .15s} .ob-steps button:hover{border-color:var(--wine);transform:translateY(-1px)} .ob-ic{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);font-size:16px} .ob-tx{display:grid;min-width:0}.ob-tx b{font-size:.98rem}.ob-tx small{color:var(--muted);font-size:.83rem;line-height:1.35} .ob-steps li.done button{opacity:.72} .ob-steps li.done .ob-ic{background:var(--olive);border-color:var(--olive);color:#fff;font-weight:700} .ob-steps li.done b{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent)} html[data-appearance=dark][data-appearance] #ob192 .ob-steps button{background:var(--paper2)!important;border-color:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] #ob192 .ob-x{background:transparent!important;border-color:transparent!important} html[data-appearance=dark][data-appearance] #ob192 li.done .ob-ic{color:var(--paper)} @media (max-width:560px){.ob192{padding:16px 14px}.ob-ring{width:46px;height:46px}.ob-steps{grid-template-columns:1fr}} /* v1.92 member card (Admin) */ .mc192{width:min(760px,100%)} .mc-who{display:flex;align-items:center;gap:14px}.mc-who h2{margin:0}.mc-who p{margin:2px 0 0} .mc-av{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--wine) 14%,var(--paper2));color:var(--wine);font:700 17px system-ui,sans-serif} .mc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 14px} .mc-grid section{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper2)} .mc-grid h4{margin:0 0 8px;font:700 11px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .mc-grid p{margin:0 0 5px;font-size:.93rem;line-height:1.45} .mc-course{display:grid;grid-template-columns:1fr 90px auto;align-items:center;gap:8px;margin-bottom:6px;font-size:.92rem} @media (max-width:640px){.mc-grid{grid-template-columns:1fr}} .mc-grid a{color:var(--wine);font-weight:600;text-decoration:none}.mc-grid a:hover{text-decoration:underline} /* ---- chartside193.css ---- */ /* The Jyotish Project Study Space v1.93: Chart Laboratory side panel. */ .cs193{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(430px,100vw);display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border-left:1px solid var(--line);box-shadow:-18px 0 50px #0000001f;animation:cs-in .22s ease} @keyframes cs-in{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}} body.cs193-open #charts,body.cs193-open #transits,body.cs193-open #learn{padding-right:440px;transition:padding .2s ease} .cs-head{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--line)} .cs-head>div{flex:1;min-width:0}.cs-head h2{margin:2px 0 2px;font-size:1.6rem;line-height:1.15}.cs-head p{margin:0;color:var(--muted);font-size:.9rem} .cs-eyebrow{font:600 11px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} .cs-x{border:0;background:transparent;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;padding:2px 6px} .cs-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:6px 20px 20px} .cs-body h3{margin:18px 0 8px;font:700 11px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} .cs-facts dl{margin:0;display:grid;gap:2px}.cs-facts dl>div{display:grid;grid-template-columns:118px 1fr;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line)} .cs-facts dt{color:var(--muted);font-size:.86rem}.cs-facts dd{margin:0;font-size:.95rem;line-height:1.45} .cs-term{border:0;background:none;padding:0;font:inherit;color:var(--wine);border-bottom:1px dotted currentColor;cursor:pointer} .cs-tag{display:inline-block;padding:1px 8px;border-radius:99px;background:var(--paper2);border:1px solid var(--line);font-size:.8rem} .cs-mean p,.cs-mean li{line-height:1.7;font-size:.95rem}.cs-mean details{border-top:1px solid var(--line);padding:8px 0}.cs-mean summary{cursor:pointer;color:var(--wine)} .cs-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px} .cs-tabs button{border:1px solid var(--line);background:var(--paper2);color:var(--ink);border-radius:99px;padding:5px 11px;font:inherit;font-size:.85rem;cursor:pointer} .cs-tabs button small{opacity:.65;margin-left:2px}.cs-tabs button[aria-selected=true]{background:var(--wine);border-color:var(--wine);color:var(--accent-ink)} .cs-list{display:grid;gap:7px} .cs-item{display:grid;gap:2px;text-align:left;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper2);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s} .cs-item:hover{border-color:var(--wine);transform:translateY(-1px)}.cs-item b{font-size:.95rem}.cs-item small{color:var(--muted);font-size:.8rem} .cs-verse{font-style:italic;font-size:.84rem;color:var(--muted);line-height:1.4} .cs-back{border:0;background:none;color:var(--wine);font:inherit;padding:12px 0 4px;cursor:pointer} .cs-pre h3{font:inherit;font-size:1.3rem;letter-spacing:0;text-transform:none;color:var(--ink);margin:4px 0 10px} .cs-pre h4{margin:16px 0 4px;font-size:1rem}.cs-pre p,.cs-pre li{line-height:1.7;font-size:.95rem} .cs-sa{font-size:1.1rem;line-height:1.9}.cs-tr{color:var(--muted)}.cs-hint{font-size:.84rem} .cs-foot{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--line);background:var(--paper)} .cs-foot .btn{flex:1;min-width:150px} .cs193-back{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:61;border:0;border-radius:99px;padding:11px 20px;background:var(--wine);color:var(--accent-ink);font:600 14px system-ui,sans-serif;box-shadow:0 10px 30px #0003;cursor:pointer} .cs193-back[hidden]{display:none} html[data-appearance=dark][data-appearance] #cs193 .cs-tabs button,html[data-appearance=dark][data-appearance] #cs193 .cs-item{background:var(--paper2)!important;border-color:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] #cs193 .cs-tabs button[aria-selected=true]{background:var(--wine)!important;border-color:var(--wine)!important;color:var(--paper)!important} html[data-appearance=dark][data-appearance] #cs193 .cs-x,html[data-appearance=dark][data-appearance] #cs193 .cs-back,html[data-appearance=dark][data-appearance] #cs193 .cs-term{background:transparent!important;border-color:transparent!important} html[data-appearance=dark][data-appearance] #cs193 .cs-term{border-bottom:1px dotted currentColor!important;color:var(--wine)!important} html[data-appearance=dark][data-appearance] .cs193-back{color:var(--paper)!important} @media (max-width:1100px){body.cs193-open #charts,body.cs193-open #transits,body.cs193-open #learn{padding-right:0}.cs193{top:auto;left:0;width:100%;height:min(64dvh,620px);border-left:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 -14px 40px #00000026;animation:cs-up .22s ease}body.cs193-open #charts,body.cs193-open #transits{padding-bottom:66dvh}} @keyframes cs-up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}} @media (max-width:520px){.cs-facts dl>div{grid-template-columns:100px 1fr}.cs-head{padding:14px 16px 10px}.cs-body{padding:4px 16px 16px}.cs-foot{padding:10px 16px}} /* keep the chat tab clear of the panel */ body.cs193-open .bd-tab{right:min(430px,100vw);transition:right .2s ease} @media (max-width:1100px){body.cs193-open .bd-tab{display:none!important}} #cs193 .cs-x,#cs193 .cs-back,#cs193 .cs-term{border-top:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important;background:transparent!important;min-height:0} #cs193 .cs-x,#cs193 .cs-back{border-bottom:0!important} #cs193 .cs-x:focus:not(:focus-visible){outline:none} /* v1.96 a reading */ .cs-read{margin:0 0 18px;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,var(--wine,var(--gold)) 6%,var(--paper));border:1px solid color-mix(in srgb,var(--wine,var(--gold)) 22%,var(--line))} .cs-read p{margin:0 0 10px;line-height:1.62;font-size:14.5px} .cs-read p b{color:var(--ink,var(--ink))} .cs-read .cs-ask{font-style:italic} .cs-read .cs-caveat{font-size:12px;margin:4px 0 0} /* ---- hubs193.css ---- */ /* The Jyotish Project Study Space v1.93: the four homes and the phone bar. */ .hub193 .hub-hero{display:flex;align-items:center;gap:18px;margin:6px 0 18px;padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--paper),var(--paper2))} .hub-ic{flex:0 0 auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:var(--paper);border:1px solid var(--line)} .hub-hero h2{margin:0 0 4px;font-size:1.7rem}.hub-hero p{margin:0;color:var(--muted);line-height:1.55;max-width:70ch} .hub-last{display:flex;align-items:baseline;gap:12px;width:100%;margin:0 0 16px;padding:13px 18px;border:1px solid var(--wine);border-radius:14px;background:color-mix(in srgb,var(--wine) 7%,var(--paper));color:var(--ink);font:inherit;text-align:left;cursor:pointer} .hub-last span{font:600 11px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hub-last b{flex:1}.hub-last small{color:var(--wine)} .hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px} .hub-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s} .hub-card:hover{border-color:var(--wine);transform:translateY(-2px);box-shadow:0 10px 24px #0000000f} .hub-cic{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:var(--paper2);border:1px solid var(--line)} .hub-tx{display:grid;gap:3px;min-width:0}.hub-tx b{font-size:1.02rem}.hub-tx small{color:var(--muted);line-height:1.45}.hub-tx em{font-style:normal;font-size:.78rem;color:var(--wine)} .hubbar193{display:none} @media (max-width:760px){ body.has-hubbar193 .hubbar193{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;left:0;right:0;bottom:0;z-index:55;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -6px 20px #00000014} .hubbar193 button{display:grid;justify-items:center;gap:2px;border:0;background:transparent;color:var(--muted);font:600 10.5px system-ui,sans-serif;padding:4px 0;cursor:pointer} .hubbar193 button span{font-size:18px;line-height:1.1} .hubbar193 button[aria-current=true]{color:var(--wine)} body.has-hubbar193 .main{padding-bottom:84px} body.has-hubbar193 .mobile-menu163{display:none!important} body.has-hubbar193 .cs193-back{bottom:84px} body.has-hubbar193 .toast-stack{bottom:84px} body.has-hubbar193.cs193-open .hubbar193{display:none} .hub193 .hub-hero{padding:16px;gap:12px}.hub-ic{width:46px;height:46px;font-size:21px}.hub-hero h2{font-size:1.35rem} } html[data-appearance=dark][data-appearance] .hub-card,html[data-appearance=dark][data-appearance] .hub-last{background:var(--paper)!important;border-color:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] .hub-last{border-color:var(--wine)!important} html[data-appearance=dark][data-appearance] .hubbar193 button{background:transparent!important;border:0!important;color:var(--muted)!important;box-shadow:none!important} html[data-appearance=dark][data-appearance] .hubbar193 button[aria-current=true]{color:var(--wine)!important} /* v2.11: small headings inside each group, in the order of learning */ #nav .nav-sublabel211{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:inherit;opacity:.6;padding:10px 12px 3px 14px} #nav .nav-group147 > summary + .nav-sublabel211,#nav .nav-group147 > .nav-sublabel211:first-of-type{padding-top:4px} .hub-sub211{margin:22px 0 10px;font:600 12px/1.3 var(--font-sans,system-ui,sans-serif);letter-spacing:.11em;text-transform:uppercase;color:inherit;opacity:.72} .hub193 .hub-sub211:first-of-type{margin-top:6px} /* ---- today193.css ---- */ /* The Jyotish Project Study Space v1.93: Today card and Dashboard arranging. */ .td193{position:relative;padding:20px 22px 16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--wine) 8%,var(--paper)),var(--paper));color:var(--ink)} .td-main{display:flex;align-items:center;gap:16px;padding-right:70px} .td-ic{flex:0 0 auto;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:var(--paper);border:1px solid var(--line)} .td-tx{flex:1;min-width:0}.td-eyebrow{font:600 11px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)} .td-tx h2{margin:3px 0 3px;font-size:1.35rem;line-height:1.25}.td-tx p{margin:0;color:var(--muted)} .td-go{flex:0 0 auto;white-space:nowrap} .td-more{list-style:none;margin:14px 0 0;padding:10px 0 0;border-top:1px solid var(--line);display:grid;gap:2px} .td-more button{width:100%;display:flex;align-items:center;gap:10px;padding:7px 4px;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:8px} .td-more button:hover{background:var(--paper2)}.td-more b{font-size:.85rem;color:var(--muted);font-weight:600;min-width:130px}.td-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-more i{font-style:normal;color:var(--muted)} .td-arrange{position:absolute;top:12px;right:14px;border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:99px;padding:4px 11px;font:600 12px system-ui,sans-serif;cursor:pointer} .td-hidden{display:none!important} .td-sheet{width:min(520px,100%)} .td-list{list-style:none;margin:8px 0 14px;padding:0;display:grid;gap:6px} .td-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper2)} .td-list li span:first-child{flex:1}.td-list li.off span:first-child{opacity:.5;text-decoration:line-through} .td-btns{display:flex;gap:4px}.td-btns button{min-width:34px;height:32px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;cursor:pointer;font:inherit} .td-btns button:disabled{opacity:.35;cursor:default}.td-btns .td-eye{min-width:58px;font-size:.85rem} html[data-appearance=dark][data-appearance] #td193 .td-more button,html[data-appearance=dark][data-appearance] #td193 .td-arrange{background:transparent!important;border-color:transparent!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] #td193 .td-arrange{border-color:var(--line)!important;color:var(--muted)!important} html[data-appearance=dark][data-appearance] .td-btns button{background:var(--paper)!important;border-color:var(--line)!important;color:var(--ink)!important} @media (max-width:640px){.td193{padding:16px 14px 12px}.td-main{flex-wrap:wrap;padding-right:0;padding-top:16px}.td-ic{width:42px;height:42px;font-size:18px}.td-go{width:100%}.td-more b{min-width:0}.td-arrange{top:8px;right:10px}} .td-more button{display:grid;grid-template-columns:24px 160px minmax(0,1fr) 12px} .td-more button>span:first-child{text-align:center} @media (max-width:640px){.td-more button{grid-template-columns:22px minmax(0,1fr) 12px}.td-more b{display:none}} /* ---- search193.css ---- */ /* The Jyotish Project Study Space v1.93: search. */ .sr193{position:fixed;inset:0;z-index:80;display:flex;justify-content:center;align-items:flex-start;padding:9vh 16px 16px;background:#17131d66;backdrop-filter:blur(3px)} .sr-box{width:min(680px,100%);max-height:78vh;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 30px 90px #0000004d;overflow:hidden} .sr-in{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)} .sr-in span{font-size:20px;color:var(--muted)}.sr-in input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:1.1rem;padding:4px 0} .sr-in kbd{font:600 11px system-ui,sans-serif;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 6px} .sr-results{overflow:auto;padding:6px 10px 12px} .sr-results h4{margin:12px 8px 4px;font:700 11px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} .sr-item{display:grid;gap:1px;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;cursor:pointer} .sr-item small{color:var(--muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sr-item:hover,.sr-item.on{background:color-mix(in srgb,var(--wine) 10%,var(--paper))} .sr-tips,.sr-none,.sr-more{padding:12px 10px;margin:0;font-size:.92rem} html[data-appearance=dark][data-appearance] #sr193 .sr-item{background:transparent!important;border:0!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] #sr193 .sr-item.on,html[data-appearance=dark][data-appearance] #sr193 .sr-item:hover{background:var(--paper2)!important} html[data-appearance=dark][data-appearance] #sr193 .sr-in input{background:transparent!important;border:0!important;color:var(--ink)!important} @media (max-width:640px){.sr193{padding:0}.sr-box{max-height:100dvh;height:100dvh;border-radius:0;width:100%}} /* ---- qa193.css ---- */ /* The Jyotish Project Study Space v1.93: Q&A questions and the lesson strip. */ .qa193{width:min(560px,100%)} .qa-l{display:grid;gap:6px;margin:10px 0}.qa-l textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper2);color:var(--ink);font:inherit;resize:vertical} .qa-ctx{font-size:.85rem;margin:0 0 8px} .qa-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px;max-height:52vh;overflow:auto} .qa-list li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper2)} .qa-list li p{margin:0;line-height:1.5}.qa-list li small{grid-column:1}.qa-list li .btn{grid-row:1/span 2;grid-column:2}.qa-list li.off p{opacity:.6} .qa-done summary{cursor:pointer;color:var(--muted);margin:6px 0} .qa-line{margin:10px 0 0;font-size:.92rem} .lc193{margin:12px 0 4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--paper2);display:grid;gap:8px} .lc-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.lc-k{font:600 11px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px} .lc-chip{border:1px solid var(--line);background:var(--paper);color:var(--wine);border-radius:99px;padding:4px 12px;font:inherit;font-size:.9rem;cursor:pointer} .lc-chip:hover{border-color:var(--wine)} html[data-appearance=dark][data-appearance] .lc-chip{background:var(--paper)!important;border-color:var(--line)!important;color:var(--wine)!important} /* ---- week193.css ---- */ /* The Jyotish Project Study Space v1.93: the teacher's week. */ .wk193{display:grid;gap:14px} .wk-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px} .wk-stats>div{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)} .wk-stats b{display:block;font-size:1.6rem;line-height:1.1}.wk-stats span{color:var(--muted);font-size:.86rem} .wk-alert{padding:14px 16px;border:1px solid #c0573f;border-radius:14px;background:color-mix(in srgb,#c0573f 9%,var(--paper))} .wk-alert h3{margin:0 0 6px;font-size:1rem}.wk-alert p{margin:4px 0} .wk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px} .wk-grid .card{margin:0}.wk-grid h3{margin:0 0 10px;font-size:1rem} .wk-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:7px 0;border-bottom:1px dashed var(--line)} .wk-row span{min-width:0}.wk-row small{color:var(--muted)} .wk-bars{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;align-items:end;height:150px;padding-top:6px} .wk-bars>div{display:grid;grid-template-rows:1fr auto auto;height:100%;align-items:end;text-align:center} .wk-bars i{display:block;width:100%;min-height:2px;border-radius:6px 6px 2px 2px;background:var(--wine);opacity:.85} .wk-bars b{font-size:.8rem;margin-top:3px}.wk-bars small{font-size:.68rem;color:var(--muted)} .wk-link{margin-top:8px} /* ---- minor193.css ---- */ /* The Jyotish Project Study Space v1.93: smaller improvements across the tabs. */ @media print{ body.nb7-printing *{visibility:hidden!important} body.nb7-printing #nb7-doc,body.nb7-printing #nb7-doc *{visibility:visible!important} body.nb7-printing #nb7-doc{position:absolute;left:0;top:0;width:100%;padding:0 24px;background:var(--paper);color:var(--ink)} body.nb7-printing .nb7-pop,body.nb7-printing .hubbar193,body.nb7-printing .bd-tab{display:none!important} } .vd193{margin-bottom:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--wine) 7%,var(--paper)),var(--paper))} .vd193 header{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-bottom:8px} .vd-eyebrow{font:600 11px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)} .vd-sa{font-size:1.25rem;line-height:1.9;margin:4px 0}.vd-tr{font-style:italic;color:var(--muted);line-height:1.8;margin:4px 0 10px} .vd-gap{background:var(--line);color:transparent;border-radius:4px;cursor:pointer;transition:color .2s}.vd-gap.peek{color:var(--ink);background:transparent;outline:1px dashed var(--line)} .vd-acts{display:flex;flex-wrap:wrap;gap:6px} #ep193{display:grid;gap:4px} .ep193-tz{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px dashed var(--line)} .ep193-tz span{display:grid}.ep193-tz small{color:var(--muted)}.ep193-tz select{max-width:280px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit} .ep193-data{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;border-top:1px dashed var(--line)} .kb193{width:min(460px,100%)}.kb193 dl{margin:0;display:grid;gap:4px}.kb193 dl>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}.kb193 dd{margin:0;color:var(--muted)} .kb193 kbd{font:600 12px system-ui,sans-serif;border:1px solid var(--line);border-radius:6px;padding:2px 7px;background:var(--paper2)} /* ---- fonts194.css ---- */ /* The Jyotish Project Study Space v1.94: typefaces and text size. */ html[data-font]:not([data-font=classic]) :is(h1,h2,h3,.page-title,#pageTitle,.brand){font-family:var(--tjp-head,var(--tjp-font,Georgia)),Georgia,serif} html[data-font]:not([data-font=classic]) body :is(button,input,select,textarea,.btn){font-family:inherit} html[data-font=inter] body,html[data-font=nunito] body,html[data-font=atkinson] body{letter-spacing:.005em} html[data-font=manuscript] :is(h1,h2,#pageTitle),html[data-font=marcellus] :is(h1,h2,#pageTitle){letter-spacing:.01em;font-weight:500} html[data-font-size="90"] .main{zoom:.9}html[data-font-size="110"] .main{zoom:1.1}html[data-font-size="120"] .main{zoom:1.2} html[data-font-size="90"] #idea-map183{zoom:1.111}html[data-font-size="110"] #idea-map183{zoom:.909}html[data-font-size="120"] #idea-map183{zoom:.833} .rd194 .rd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:12px 0 14px} .rd-card{display:grid;gap:4px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper2);color:var(--ink);cursor:pointer;transition:border-color .15s,transform .15s} .rd-card:hover{border-color:var(--wine);transform:translateY(-1px)}.rd-card[aria-pressed=true]{border-color:var(--wine);box-shadow:inset 0 0 0 1px var(--wine)} .rd-card b{font-size:1.35rem;font-weight:500}.rd-card span{font-size:1rem}.rd-card small{color:var(--muted);font:12px system-ui,sans-serif} .rd-size{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.rd-size span{margin-right:6px;color:var(--muted)} .rd-size button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:99px;padding:6px 14px;cursor:pointer;font:inherit} .rd-size button[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:var(--accent-ink,var(--accent-ink))} html[data-appearance=dark][data-appearance] .rd-card{background:var(--paper2)!important;border-color:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] .rd-card[aria-pressed=true]{border-color:var(--wine)!important;box-shadow:inset 0 0 0 1px var(--wine)!important} html[data-appearance=dark][data-appearance] .rd-size button{background:var(--paper)!important;border-color:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] .rd-size button[aria-pressed=true]{background:var(--wine)!important;color:var(--accent-ink)!important} /* v1.96 reading comfort */ .rd194 .rd-g{margin:18px 0 8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600} html[data-read-leading="airy"] .main :is(p,li,dd,blockquote,.lesson-body,.sutra-text){line-height:1.9!important} html[data-read-leading="compact"] .main :is(p,li,dd,blockquote){line-height:1.42!important} html[data-read-weight="strong"] .main{-webkit-font-smoothing:auto;font-weight:500} html[data-read-weight="strong"] .main :is(p,li,dd,span,small,label,td){font-weight:500} html[data-read-weight="strong"] .main :is(h1,h2,h3,h4,b,strong,th){font-weight:700} html[data-read-weight="strong"] .muted{opacity:1;filter:contrast(1.25)} html[data-read-links="underline"] .main a:not(.btn):not([role="button"]){text-decoration:underline!important;text-underline-offset:3px} html[data-read-measure="book"] .main :is(p,li,blockquote,dd):not(.card-title-row *):not(nav *){max-width:68ch} /* ---- disclose194.css ---- */ /* The Jyotish Project Study Space v1.94: open-and-close sections that look like what they are. The small browser triangles read as bullet points. Every collapsible heading now carries a round chevron that turns when it opens, the whole heading is the button, and it answers the pointer. */ :where(.main,dialog,.gc-sheet,.cs193,#reference146) details:not(.nav-group147,.ava-influence160,.mood162,.public-feature-group148,#personal-menu149,.im7-d)>summary{list-style:none;cursor:pointer;position:relative;padding-left:34px;border-radius:10px;transition:color .15s,background-color .15s} :where(.main,dialog,.gc-sheet,.cs193,#reference146) details:not(.nav-group147,.ava-influence160,.mood162,.public-feature-group148,#personal-menu149,.im7-d)>summary::-webkit-details-marker{display:none} :where(.main,dialog,.gc-sheet,.cs193,#reference146) details:not(.nav-group147,.ava-influence160,.mood162,.public-feature-group148,#personal-menu149,.im7-d)>summary::before{content:'';position:absolute;left:4px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:color-mix(in srgb,var(--wine) 13%,transparent) var(--chev194) center/12px no-repeat;border:1px solid color-mix(in srgb,var(--wine) 35%,transparent);transition:transform .2s ease,background-color .15s} :where(.main,dialog,.gc-sheet,.cs193,#reference146) details:not(.nav-group147,.ava-influence160,.mood162,.public-feature-group148,#personal-menu149,.im7-d)[open]>summary::before{transform:rotate(90deg)} :where(.main,dialog,.gc-sheet,.cs193,#reference146) details:not(.nav-group147,.ava-influence160,.mood162,.public-feature-group148,#personal-menu149,.im7-d)>summary:hover{color:var(--wine)} :where(.main,dialog,.gc-sheet,.cs193,#reference146) details:not(.nav-group147,.ava-influence160,.mood162,.public-feature-group148,#personal-menu149,.im7-d)>summary:hover::before{background-color:color-mix(in srgb,var(--wine) 24%,transparent)} :root{--chev194:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.2 2.4 8 6l-3.8 3.6' fill='none' stroke='%237a3f35' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} html[data-appearance=dark]{--chev194:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.2 2.4 8 6l-3.8 3.6' fill='none' stroke='%23e2c07e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} html[data-appearance=celestial]{--chev194:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.2 2.4 8 6l-3.8 3.6' fill='none' stroke='%233d4f8c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} html[data-appearance=rainbow],html[data-appearance=bubblegum]{--chev194:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.2 2.4 8 6l-3.8 3.6' fill='none' stroke='%237b3d9a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} /* sidebar: icons beside each place, clearer groups */ .nav-ic194{display:inline-grid;place-items:center;width:20px;margin-right:8px;font-size:13px;opacity:.85;flex:0 0 auto} #studySidebar .nav-group147>summary{cursor:pointer} #studySidebar .nav-group147>summary .nav-count194{margin-left:auto;margin-right:8px;font:600 10px system-ui,sans-serif;opacity:.55} #nav button[data-page]{justify-content:flex-start!important;text-align:left!important} #nav button[data-page]>span:last-child{margin-left:auto} /* ---- drishti194.css ---- */ /* The Jyotish Project Study Space v1.94 (developed in v2.02): Drishti Laboratory. */ .dr194{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0} .dr-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:center;padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:var(--hero-bg,var(--paper));color:var(--ink)} .dr-hero h2{margin:4px 0 8px;font-size:1.7rem}.dr-hero p{margin:0;line-height:1.7;color:var(--muted)} .dr-eyebrow{display:block;font:600 11px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)} .dr-sutra{margin:0;padding:14px 16px;border-left:3px solid var(--wine);background:color-mix(in srgb,var(--wine) 6%,transparent);border-radius:0 12px 12px 0} .dr-sutra blockquote{margin:0;font-style:italic;line-height:1.6}.dr-sutra figcaption{margin-top:6px;font-size:.8rem;color:var(--muted)} .dr-tabs{display:flex;flex-wrap:wrap;gap:6px} .dr-tabs button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:99px;padding:8px 16px;font:inherit;cursor:pointer} .dr-tabs button[aria-selected=true]{background:var(--wine);border-color:var(--wine);color:var(--accent-ink,var(--accent-ink))} .dr-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .dr-card{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);min-width:0} .dr-card h3{margin:2px 0 10px;font-size:1.15rem;line-height:1.35}.dr-card h4{margin:0 0 6px} .dr-sub{margin:16px 0 8px!important;font-size:.98rem} .dr-wide{grid-column:1/-1}.dr-center{text-align:center} .dr-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px} .dr-chips{display:flex;flex-wrap:wrap;gap:6px} .dr-chips button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper2);color:var(--ink);border-radius:99px;padding:5px 12px;font:inherit;font-size:.88rem;cursor:pointer;min-height:32px} .dr-chips button:disabled{opacity:.45;cursor:default} .dr-chips button i{width:10px;height:10px;border-radius:50%;background:var(--c,var(--wine))} .dr-chips button[aria-pressed=true]{border-color:var(--c,var(--wine));box-shadow:inset 0 0 0 1px var(--c,var(--wine));background:color-mix(in srgb,var(--c,var(--wine)) 10%,var(--paper2))} .dr-plot{position:relative;touch-action:pan-y} .dr-curve{width:100%;height:auto;display:block} .dr-curve .b0{fill:transparent}.dr-curve .b1{fill:color-mix(in srgb,var(--ink) 3.5%,transparent)} .dr-curve .gl{stroke:var(--line);stroke-dasharray:3 4}.dr-curve .gy,.dr-curve .gx,.dr-curve .hx,.dr-curve .gu{fill:var(--muted);font:11px system-ui,sans-serif} .dr-curve .gy{text-anchor:end}.dr-curve .gx,.dr-curve .hx{text-anchor:middle}.dr-curve .hx{font-weight:600;opacity:.7} .dr-curve .cv{fill:none;stroke-width:2.6;stroke-linejoin:round}.dr-curve .cv.lit{stroke-width:1.6;stroke-dasharray:4 4;opacity:.75} .dr-curve .hov{stroke:var(--ink);opacity:.35}.dr-curve .hovp{stroke:var(--paper);stroke-width:2} .dr-curve .hovt{fill:var(--ink);font:600 12px system-ui,sans-serif;paint-order:stroke;stroke:var(--paper);stroke-width:4px} .dr-mini .dr-curve .cv{stroke-width:2}.dr-mini p{font-size:.86rem;margin:6px 0 0} .dr-tip{position:absolute;z-index:2;width:290px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 10px 30px #0002;font-size:.88rem;pointer-events:none} .dr-tip div{display:block;margin-top:4px}.dr-tip div i{display:inline-block;margin-right:6px;vertical-align:middle}.dr-tip i{width:9px;height:9px;border-radius:50%}.dr-tip small{color:var(--muted)}.dr-tip .dr-rule{display:block;margin-top:6px;line-height:1.4} .dr-cap{font-size:.86rem;margin:8px 0 0;line-height:1.55}.dr-top0{margin:0 0 8px} .dr-small{font-size:.92rem;line-height:1.6;margin:0 0 8px} .dr-lead{margin:0 0 10px;line-height:1.65;min-height:3.3em} .dr-f{display:grid;gap:4px;margin:0 0 10px}.dr-f select,.dr-f input,.dr-lon select,.dr-lon input,.dr-edit select,.dr-edit input,#dr-ans{padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--paper2);color:var(--ink);font:inherit;min-width:0} .dr-lon{display:flex;gap:6px;align-items:center}.dr-lon select{flex:1}.dr-lon input{width:80px} .dr-chk{display:flex;align-items:center;gap:8px;font-size:.9rem} .dr-steps{margin:10px 0 0;padding-left:20px;line-height:1.65}.dr-steps li{margin-bottom:4px}.dr-math{margin:6px 0 2px;padding:8px 10px;border-radius:8px;background:var(--paper2);font-family:ui-monospace,Menlo,monospace;font-size:.9rem;line-height:1.7} .dr-note{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--wine) 8%,transparent);font-size:.92rem;line-height:1.55} .dr-back{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dr-back span{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9px;background:var(--paper2);font-size:.86rem}.dr-back i{width:9px;height:9px;border-radius:50%;flex:none}.dr-back b{margin-left:auto} .dr-dial{width:min(300px,100%);height:auto} .dr-dial .dl-o{fill:var(--paper2);stroke:var(--line)}.dr-dial .dl-i{fill:var(--paper);stroke:var(--line)}.dr-dial .dl-t{stroke:var(--line)} .dr-dial .dl-n{fill:var(--muted);font:9px system-ui,sans-serif;text-anchor:middle}.dr-dial .dl-arc{fill:none;stroke-width:7;stroke-linecap:round} .dr-dial .dl-r{stroke:var(--line);stroke-dasharray:2 3}.dr-dial .dl-g{fill:#fff;font:700 8.5px system-ui,sans-serif;text-anchor:middle}.dr-dial .dl-b{fill:var(--paper);stroke:var(--ink);stroke-width:2} .dr-dial .dl-v{fill:var(--ink);font:600 22px system-ui,sans-serif;text-anchor:middle} .dr-presets{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0}.dr-presets button{border:1px solid var(--line);background:var(--paper2);color:var(--ink);border-radius:99px;padding:4px 10px;font:inherit;font-size:.82rem;cursor:pointer} /* aspect wheel */ .dr-awgrid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)} .dr-gchips{justify-content:center;margin-bottom:6px} .dr-aw{width:min(480px,100%);height:auto;touch-action:none;user-select:none;-webkit-user-select:none;display:block;margin:0 auto} .dr-aw .aw-ring{fill:var(--paper2);stroke:var(--line)}.dr-aw .aw-face{fill:var(--paper);stroke:var(--line)} .dr-aw .aw-tick{stroke:var(--line)}.dr-aw .aw-tick5{stroke:var(--line);opacity:.8} .dr-aw .aw-sign{fill:var(--muted);font:600 10.5px system-ui,sans-serif;text-anchor:middle} .dr-aw .aw-spokes line{stroke:var(--line);stroke-dasharray:2 4} .dr-aw .aw-base{fill:none;stroke:var(--line)}.dr-aw .aw-lvl{fill:none;stroke:var(--line);stroke-dasharray:1 5;opacity:.9} .dr-aw .aw-shape{fill-opacity:.16;stroke-width:2;stroke-linejoin:round}.dr-aw .aw-shape-glow{opacity:.35} .dr-aw .aw-glowring path{fill:none;stroke-width:9;stroke-linecap:butt} .dr-aw .aw-house{fill:var(--muted);font:600 10px system-ui,sans-serif;text-anchor:middle}.dr-aw .aw-house.on{fill:var(--wine);font-size:12px} .dr-aw .aw-chord{stroke-linecap:round;pointer-events:none} .dr-aw .aw-mark{stroke:var(--paper);stroke-width:2;pointer-events:none} .dr-aw .aw-o circle{stroke:var(--paper);stroke-width:1.5;opacity:.9}.dr-aw .aw-o text{fill:#fff;font:700 7.5px system-ui,sans-serif;text-anchor:middle;pointer-events:none}.dr-aw .aw-o{pointer-events:none} .dr-aw .aw-handle{cursor:grab;outline:none}.dr-aw .aw-handle:active{cursor:grabbing} .dr-aw .aw-g circle{stroke:var(--paper);stroke-width:3;filter:drop-shadow(0 2px 4px #0004)}.dr-aw .aw-g text{fill:#fff;font:700 11px system-ui,sans-serif;text-anchor:middle;pointer-events:none} .dr-aw .aw-t circle{fill:var(--paper);stroke:var(--ink);stroke-width:2.5}.dr-aw .aw-t .aw-tdot{fill:var(--ink);stroke:none} .dr-aw .aw-handle:focus-visible circle:first-child{stroke:var(--wine);stroke-width:4} .dr-aw .aw-v{fill:var(--ink);font:600 30px system-ui,sans-serif;text-anchor:middle}.dr-aw .aw-vu{fill:var(--muted);font:11px system-ui,sans-serif;text-anchor:middle}.dr-aw .aw-vs{fill:var(--wine);font:600 10.5px system-ui,sans-serif;text-anchor:middle} .dr-bars{display:grid;gap:5px} .dr-bar{display:grid;grid-template-columns:minmax(0,1.3fr) 40px minmax(0,1fr);gap:8px;align-items:center;font-size:.88rem} .dr-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-bar span i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.dr-bar small{color:var(--muted);margin-left:4px} .dr-bar b{text-align:right;font-variant-numeric:tabular-nums}.dr-bar em{display:block;height:8px;border-radius:9px;background:var(--paper2);overflow:hidden}.dr-bar u{display:block;height:100%;border-radius:9px;transition:width .15s} /* building the curve */ .dr-build .dr-curve{overflow:visible} .dr-build .bc-pt circle{fill:var(--wine);stroke:var(--paper);stroke-width:2}.dr-build .bc-pt text{fill:var(--wine);font:700 12px system-ui,sans-serif;text-anchor:middle} .dr-build .bc-pt[data-s="5"] circle{fill:var(--muted)} .dr-build [data-s],.dr-build .bc-lift{opacity:0;transition:opacity .5s} .dr-build .bc-pt{transform-box:fill-box;transform-origin:center;transform:scale(.3);transition:opacity .45s,transform .45s cubic-bezier(.3,1.6,.5,1)} .dr-build .bc-pt.on{opacity:1;transform:scale(1)}.dr-build .bc-rule.on{opacity:1} .dr-build .bc-rule{fill:var(--ink);font:italic 11px Georgia,serif;text-anchor:middle;paint-order:stroke;stroke:var(--paper);stroke-width:4px} .dr-build .bc-line,.dr-build .bc-sp{fill:none;stroke-width:2.8;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s ease,opacity .3s} .dr-build .bc-line{stroke:var(--wine)}.dr-build .bc-line.on{opacity:1;stroke-dashoffset:0} .dr-build .bc-sp{opacity:0;stroke-width:3}.dr-build .bc-sp.on{opacity:1;stroke-dashoffset:0} .dr-build .bc-lift line{stroke-width:2;stroke-dasharray:3 3}.dr-build .bc-lift circle{stroke:var(--paper);stroke-width:2}.dr-build .bc-lift.on{opacity:1} .dr-build.noanim *{transition:none!important} /* chart */ .dr-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .dr-mx{border-collapse:separate;border-spacing:3px;font:13px system-ui,sans-serif;min-width:560px;margin:0 auto} .dr-mx th{font-weight:600;text-align:center;padding:4px}.dr-mx thead th small{display:block;font-weight:400;color:var(--muted);font-size:10.5px} .dr-mx th.corner{text-align:right;color:var(--muted);font-weight:400;font-size:11.5px} .dr-mx tbody th,.dr-mx tfoot th{text-align:right;white-space:nowrap;padding-right:8px}.dr-mx tbody th i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px} .dr-mx tbody th{position:sticky;left:0;background:var(--paper);z-index:1} .dr-mx td{width:46px;height:34px;text-align:center;border-radius:7px;background:color-mix(in srgb,var(--wine) calc(var(--a,0)*82%),var(--paper2));color:var(--ink);font-variant-numeric:tabular-nums} .dr-mx tbody td[data-dr-cell]{cursor:pointer;transition:transform .12s}.dr-mx tbody td[data-dr-cell]:hover{transform:scale(1.08)} .dr-mx td.hi{color:#fff;font-weight:600} .dr-mx td.mu{box-shadow:inset 0 0 0 2px var(--gold,var(--gold))} .dr-mx td.sel{outline:3px solid var(--ink);outline-offset:1px} .dr-mx td.self{background:transparent;color:var(--muted)} .dr-mx tfoot td{background:transparent;font-weight:600}.dr-mx tfoot th{font-weight:400;color:var(--muted);font-size:11.5px} .dr-legend{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:.84rem;margin-top:8px} .dr-legend .sc i{display:inline-block;width:16px;height:12px;border-radius:3px;background:color-mix(in srgb,var(--wine) calc(var(--a)*82%),var(--paper2))} .dr-legend .mu-k{display:inline-block;width:16px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 2px var(--gold,var(--gold));vertical-align:-2px;margin-right:4px} .dr-rx td{background:var(--paper2)}.dr-rx td.on{background:color-mix(in srgb,var(--wine) 55%,var(--paper2));color:var(--accent-ink)} .dr-edit{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-bottom:10px}.dr-edit label{display:grid;grid-template-columns:70px minmax(64px,1fr) 62px;gap:4px;align-items:center;font-size:.85rem}.dr-edit label span i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px} .dr-reading p{line-height:1.65}.dr-reading .dr-list{margin-bottom:10px} .dr-plain{padding:10px 12px;border-left:3px solid var(--wine);background:color-mix(in srgb,var(--wine) 5%,transparent);border-radius:0 10px 10px 0} .dr-web{width:min(440px,100%);height:auto}.dr-web .wo{fill:var(--paper2);stroke:var(--line)}.dr-web .wi{fill:var(--paper);stroke:var(--line)}.dr-web .wt{stroke:var(--line)} .dr-web .wn{fill:var(--muted);font:9.5px system-ui,sans-serif;text-anchor:middle}.dr-web .wl2{fill:none;stroke-linecap:round;cursor:pointer;transition:opacity .2s} .dr-web .wmu{stroke:var(--gold,var(--gold));opacity:.35;pointer-events:none} .dr-web .wg{cursor:pointer}.dr-web .wg circle{stroke:var(--paper);stroke-width:2}.dr-web .wg.on circle,.dr-web .wg.sel circle{stroke:var(--ink);stroke-width:3}.dr-web .wg text{fill:#fff;font:700 9.5px system-ui,sans-serif;text-anchor:middle;pointer-events:none} .dr-top{margin:0;padding-left:22px;line-height:1.9}.dr-top li b{margin-left:6px}.dr-top li small{margin-left:8px;color:var(--muted)}.dr-top .text-btn{font-size:inherit;color:var(--ink);padding:0;cursor:pointer} /* rashi wheel */ .dr-wheel{width:min(360px,100%);height:auto;margin-top:6px} .dr-wheel .rw-o{fill:var(--paper2);stroke:var(--line)}.dr-wheel .rw-n{fill:var(--muted);font:10px system-ui,sans-serif;text-anchor:middle} .dr-wheel .ws{cursor:pointer;transition:opacity .3s}.dr-wheel .ws circle{stroke:var(--line);stroke-width:1.5} .dr-wheel .m0,.dr-lc .m0{fill:color-mix(in srgb,#c2493a 24%,var(--paper));background:color-mix(in srgb,#c2493a 24%,var(--paper))} .dr-wheel .m1,.dr-lc .m1{fill:color-mix(in srgb,#3f7f9c 24%,var(--paper));background:color-mix(in srgb,#3f7f9c 24%,var(--paper))} .dr-wheel .m2,.dr-lc .m2{fill:color-mix(in srgb,var(--good) 24%,var(--paper));background:color-mix(in srgb,var(--good) 24%,var(--paper))} .dr-lc{justify-content:center}.dr-lc i{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid var(--line);margin-right:5px;vertical-align:-1px} .dr-wheel text{fill:var(--ink);font:600 10px system-ui,sans-serif;text-anchor:middle;pointer-events:none}.dr-wheel .wm{font-weight:400;font-size:7px;fill:var(--muted)} .dr-wheel .ws.on circle{stroke:var(--wine);stroke-width:3.5}.dr-wheel .ws.hit circle{stroke:var(--ink);stroke-width:2.5}.dr-wheel .ws.adj circle{stroke-dasharray:3 3;stroke:var(--muted);stroke-width:2} .dr-wheel .ws.dim{opacity:.35} .dr-wheel .wl{stroke:var(--wine);stroke-width:2.4;opacity:.75;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:dr-draw .7s ease forwards} .dr-wheel .wx{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:3 4}.dr-wheel .wxx circle{fill:var(--paper);stroke:var(--muted)}.dr-wheel .wxx path{stroke:#c2493a;stroke-width:2;stroke-linecap:round} @keyframes dr-draw{to{stroke-dashoffset:0}} .dr-q{margin:12px 0;padding:10px 14px;border-left:3px solid var(--wine);font-style:italic;line-height:1.6}.dr-q cite{display:block;font-style:normal;font-size:.8rem;color:var(--muted);margin-top:4px} .dr-list{margin:8px 0 0;padding-left:20px;line-height:1.65} .dr-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px}.dr-rules p{line-height:1.7;margin:0 0 8px} /* practice */ .dr-prac h3{line-height:1.45;margin-top:4px}.dr-prac #dr-ans{width:130px} .dr-score{font:600 .86rem system-ui,sans-serif;color:var(--wine)} .dr-ansrow{justify-content:flex-start} .dr-ab{margin:0 0 10px;padding-left:0;list-style:none;display:grid;gap:6px}.dr-ab li{padding:8px 12px;border-radius:10px;background:var(--paper2);line-height:1.5}.dr-ab b{margin-right:8px;color:var(--wine)} .dr-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:8px;margin:6px 0 10px} .dr-choices button{padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper2);color:var(--ink);font:inherit;text-align:left;cursor:pointer;line-height:1.4;transition:border-color .15s,background .15s} .dr-choices button:hover:not(:disabled){border-color:var(--wine)}.dr194 .dr-choices button:disabled{cursor:default;opacity:1;color:var(--ink)}.dr194 .dr-choices button:disabled:not(.ok):not(.no){opacity:.6} .dr-choices button.ok{background:color-mix(in srgb,var(--good) 18%,var(--paper2));border-color:var(--good)}.dr-choices button.no{background:color-mix(in srgb,#c2493a 15%,var(--paper2));border-color:#c2493a} .dr-result{margin:12px 0;padding:12px 14px;border-radius:12px;line-height:1.6}.dr-result.ok{background:color-mix(in srgb,var(--good) 14%,transparent)}.dr-result.no{background:color-mix(in srgb,#c2493a 12%,transparent)} .dr-next{justify-content:flex-end;margin:8px 0 0} html[data-appearance=dark][data-appearance] .dr194 :is(.dr-tabs button,.dr-chips button,.dr-presets button){background:var(--paper2)!important;border-color:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] .dr194 .dr-tabs button[aria-selected=true]{background:var(--wine)!important;border-color:var(--wine)!important;color:var(--accent-ink)!important} html[data-appearance=dark][data-appearance] .dr194 .dr-chips button[aria-pressed=true]{border-color:var(--c,var(--wine))!important;box-shadow:inset 0 0 0 1px var(--c,var(--wine))!important} html[data-appearance=dark][data-appearance] .dr194 :is(.dr-mx,.dr-mx thead,.dr-mx tbody,.dr-mx tfoot,.dr-mx tr,.dr-mx thead th,.dr-mx tfoot th,.dr-mx tfoot td){background:transparent!important} html[data-appearance=dark][data-appearance] .dr194 .dr-mx tbody th{background:var(--paper)!important} html[data-appearance=dark][data-appearance] .dr194 .dr-mx td{background:color-mix(in srgb,#c98a7c calc(var(--a,0)*72%),var(--paper2))!important} html[data-appearance=dark][data-appearance] .dr194 .dr-mx td.self{background:transparent!important} html[data-appearance=dark][data-appearance] .dr194 .dr-mx td.hi{color:var(--paper2)!important} html[data-appearance=dark][data-appearance] .dr194 .dr-rx td{background:var(--paper2)!important}html[data-appearance=dark][data-appearance] .dr194 .dr-rx td.on{background:#b9786a!important;color:var(--paper2)!important} html[data-appearance=dark] .dr194 .dr-legend .sc i{background:color-mix(in srgb,#c98a7c calc(var(--a)*72%),var(--paper2))} html[data-appearance=dark] .dr194 .dr-build .bc-line{stroke:#d39a8c}html[data-appearance=dark] .dr194 .dr-build .bc-pt circle{fill:#d39a8c}html[data-appearance=dark] .dr194 .dr-build .bc-pt text{fill:#e0b0a4} html[data-appearance=dark] .dr194 .dr-wheel .wl{stroke:#d39a8c} @media (max-width:980px){.dr-awgrid{grid-template-columns:1fr}} @media (max-width:860px){.dr-hero,.dr-grid2{grid-template-columns:1fr}} @media (max-width:520px){.dr-hero{padding:16px}.dr-hero h2{font-size:1.35rem}.dr-card{padding:14px}.dr-tabs button{padding:6px 12px;font-size:.92rem}.dr-sutra{display:none}.dr-back{grid-template-columns:1fr}.dr-build .bc-rule{display:none}} .dr-rx{min-width:0}.dr-rx td{width:30px;height:28px} .dr-mx th{white-space:nowrap} html[data-appearance=dark][data-appearance] .dr194 .dr-choices button.ok{background:#24402f!important;border-color:#3f9c6d!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] .dr194 .dr-choices button.no{background:#4a2420!important;border-color:#c2493a!important;color:var(--ink)!important} /* ---- stage200.css ---- */ /* The Jyotish Project Study Space v2.00: the Teaching Stage. */ .st2{--st-bg:#0c0e15;--st-bg2:#141826;--st-ink:#efe7d6;--st-muted:#a59d8e;--st-line:rgba(239,231,214,.18);--st-accent:#d6b06a;--st-star:#f4ecda;--st-sun:#e8a33d;--st-moon:#c3cbe0;--st-font:"Cormorant Garamond",Georgia,serif; position:fixed;inset:0;z-index:2147483000;background:radial-gradient(120% 90% at 50% 10%,var(--st-bg2),var(--st-bg) 70%);color:var(--st-ink);display:grid;place-items:center;outline:none;font-family:var(--st-font)} .st2[data-theme="paper"]{--st-bg:#f4efe4;--st-bg2:#fbf8f1;--st-ink:#2a2420;--st-muted:#7b6f63;--st-line:rgba(42,36,32,.18);--st-accent:#7a2f2f;--st-star:#8a7d6e;--st-sun:#c07a18;--st-moon:#5d6a8a} .st2[hidden]{display:none} html.st2-on body{overflow:hidden} .st2-frame{position:relative;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16/9;container-type:size;display:grid;grid-template-rows:auto 1fr auto auto;padding:3.2cqh 4.2cqw 2cqh;box-sizing:border-box;overflow:hidden} .st2-head{display:flex;flex-direction:column;gap:.4cqh} .st2-head[hidden]{display:none} .st2-k{font:600 1.5cqh/1 system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--st-accent)} .st2-t{margin:0;font-weight:500;font-size:5.6cqh;line-height:1.1;letter-spacing:.01em} .st2-vis{position:relative;min-height:0;margin:2.2cqh 0 1cqh} .st2-steps{list-style:none;margin:0;padding:0;display:flex;gap:2.5cqw;justify-content:center;flex-wrap:wrap;min-height:4.6cqh} .st2-steps li{font-size:2.9cqh;opacity:0;transform:translateY(.8cqh);transition:opacity .7s ease,transform .7s ease;max-width:30cqw;text-align:center} .st2-steps li.on{opacity:1;transform:none} .st2-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1.4cqh;font:1.4cqh system-ui,sans-serif;color:var(--st-muted);letter-spacing:.14em;text-transform:uppercase} .st2-dots{display:flex;gap:.6cqw}.st2-dots i{width:.7cqh;height:.7cqh;border-radius:50%;background:var(--st-line)}.st2-dots i.past{background:var(--st-muted)}.st2-dots i.on{background:var(--st-accent);transform:scale(1.4)} .st2-black{position:absolute;inset:0;background:#000;z-index:5} .st2-black[hidden]{display:none} /* controls appear with the mouse and fade so recordings stay clean */ .st2-ctrl{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:6px;align-items:center;padding:6px 8px;border-radius:14px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);opacity:0;transition:opacity .4s;z-index:6} .st2.st2-awake .st2-ctrl,.st2-ctrl:focus-within{opacity:1} .st2-ctrl button{font:14px system-ui,sans-serif;color:#f2ead9;background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:6px 11px;cursor:pointer} .st2-ctrl button:hover{background:rgba(255,255,255,.12)} .st2-pos{font:13px system-ui,sans-serif;color:#d8cfbf;min-width:54px;text-align:center} .st2-notes{position:fixed;right:0;top:0;bottom:0;width:min(420px,92vw);background:rgba(16,14,12,.96);color:#eee6d8;z-index:7;display:flex;flex-direction:column;font:16px/1.5 Georgia,serif;box-shadow:-10px 0 40px rgba(0,0,0,.4)} .st2-notes[hidden]{display:none} .st2-notes header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #2d2822} .st2-notes header button{background:none;border:0;color:inherit;font-size:18px;cursor:pointer} .st2-nbody{padding:14px 16px;overflow:auto;flex:1}.st2-nbody h4{margin:0 0 8px;font-weight:normal;font-size:20px} .st2-nbody textarea{width:100%;min-height:52vh;box-sizing:border-box;background:#0b0a09;color:#eee6d8;border:1px solid #3a3229;border-radius:10px;padding:12px;font:16px/1.6 Georgia,serif} .st2-ask{background:#2a2118;border-left:3px solid #d6b06a;padding:8px 12px;border-radius:6px}.st2-nkeys{font:12px system-ui;color:#a99e8c} .st2-grid{position:fixed;inset:0;z-index:8;background:rgba(8,8,10,.92);display:grid;place-items:center;overflow:auto} .st2-grid[hidden]{display:none} .st2-gwrap{width:min(900px,92vw);color:#eee6d8}.st2-gwrap h3{font-weight:normal;font-size:28px} .st2-gwrap ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px} .st2-gwrap button{width:100%;text-align:left;font:17px Georgia,serif;color:inherit;background:#1a1714;border:1px solid #2d2822;border-radius:12px;padding:12px 14px;cursor:pointer;display:flex;gap:10px} .st2-gwrap button span{color:#d6b06a}.st2-gwrap button.on{border-color:#d6b06a} /* title */ .st2-frame[data-v="title"] .st2-vis{display:grid;place-items:center;margin:0;grid-row:1/3} .st2-title{text-align:center;position:relative} .st2-ghost{position:absolute;inset:-18cqh 0 auto;font-size:44cqh;line-height:1;opacity:.06;pointer-events:none;font-family:"Noto Serif Devanagari","Tiro Devanagari Sanskrit",serif} .st2-tkick{font:600 1.8cqh system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--st-accent);margin-bottom:3cqh} .st2-title h1{margin:0;font-weight:400;font-size:11cqh;line-height:1.05;animation:st2rise 1.4s ease both} .st2-title p{font-size:3.4cqh;color:var(--st-muted);margin:3cqh 0 0;animation:st2rise 1.4s .4s ease both} @keyframes st2rise{from{opacity:0;transform:translateY(2cqh)}to{opacity:1;transform:none}} /* word */ .st2-word{display:grid;grid-template-columns:auto 1fr;gap:1cqh 5cqw;align-items:center;height:100%;padding:0 4cqw} .st2-deva{grid-row:span 3;font-size:24cqh;line-height:1;color:var(--st-accent);font-family:"Noto Serif Devanagari","Tiro Devanagari Sanskrit",serif} .st2-iast{font-size:9cqh;font-style:italic}.st2-root{font-size:3.2cqh;color:var(--st-muted)} .st2-kin{display:grid;gap:1.4cqh;margin-top:2cqh}.st2-kinr{display:flex;gap:2cqw;font-size:3cqh;opacity:0;transition:opacity .7s}.st2-kinr.on{opacity:1}.st2-kinr b{font-style:italic;font-weight:500;min-width:14cqw;color:var(--st-accent)} /* verse */ .st2-verse{display:flex;flex-direction:column;align-items:center;gap:2.2cqh;text-align:center;height:100%;justify-content:center} .st2-vref{font:600 1.6cqh system-ui,sans-serif;letter-spacing:.2em;color:var(--st-accent);text-transform:uppercase} .st2-vlines{font-size:4.4cqh;font-style:italic;line-height:1.45} .st2-gloss{display:flex;flex-wrap:wrap;gap:1.2cqh 1.2cqw;justify-content:center;max-width:86cqw} .st2-gl{font:inherit;color:inherit;background:transparent;border:1px solid var(--st-line);border-radius:1.4cqh;padding:.9cqh 1.4cqw;display:flex;flex-direction:column;opacity:0;transform:translateY(.6cqh);transition:all .6s;cursor:pointer} .st2-gl.on{opacity:1;transform:none}.st2-gl.lit{border-color:var(--st-accent);background:color-mix(in srgb,var(--st-accent) 14%,transparent)} .st2-gl b{font-style:italic;font-weight:500;font-size:2.6cqh}.st2-gl span{font-size:2.1cqh;color:var(--st-muted)} .st2-vtr{font-size:3.4cqh;max-width:78cqw;opacity:0;transition:opacity .9s}.st2-vtr.on{opacity:1} .st2-inner{display:flex;gap:3cqw;opacity:0;transition:opacity .9s}.st2-inner.on{opacity:1}.st2-inner div{display:flex;flex-direction:column;font-size:2.4cqh}.st2-inner b{color:var(--st-accent);font-weight:500} /* nine */ .st2-nine{display:grid;grid-template-columns:repeat(9,1fr);gap:1.2cqw;height:100%;align-items:center} .st2-card{border:1px solid var(--st-line);border-radius:2cqh;padding:3cqh .6cqw;text-align:center;display:flex;flex-direction:column;gap:.8cqh;opacity:.12;transition:all .8s;background:color-mix(in srgb,var(--c) 6%,transparent)} .st2-card.on{opacity:1}.st2-card.now{transform:translateY(-1.5cqh);border-color:var(--c);box-shadow:0 0 6cqh color-mix(in srgb,var(--c) 30%,transparent)} .st2-cg{font-size:8cqh;color:var(--c);line-height:1}.st2-cs{font-size:3.2cqh}.st2-cd{font-size:2.6cqh;color:var(--st-muted);font-family:"Noto Serif Devanagari",serif}.st2-ce{font-size:2.1cqh;color:var(--st-muted)}.st2-cw{font-size:2.3cqh;font-style:italic;color:var(--c)} /* groups */ .st2-v-groups{display:flex;flex-direction:column;gap:2cqh} .st2-groups{display:grid;grid-template-columns:2fr 5fr 2fr;gap:2cqw;flex:1;align-items:center} .st2-grp{border:1px solid var(--st-line);border-radius:2cqh;padding:4cqh 2cqw;min-height:38cqh;box-sizing:border-box;display:flex;flex-direction:column;gap:1.2cqh;opacity:.1;transition:opacity .8s} .st2-grp.on{opacity:1}.st2-gname{font-size:4.4cqh;font-style:italic;color:var(--st-accent)}.st2-gsub{font-size:2.3cqh;color:var(--st-muted)} .st2-gchips{display:flex;flex-wrap:wrap;gap:1cqh;margin-top:3cqh}.st2-gchips span{font-size:2.8cqh;display:flex;align-items:center;gap:.5cqw;padding:.6cqh 1cqw;border-radius:99px;border:1px solid color-mix(in srgb,var(--c) 50%,transparent)}.st2-gchips i{font-style:normal;color:var(--c)} .st2-gread{font-size:2.8cqh;font-style:italic} .st2-gverse{display:flex;flex-direction:column;gap:.6cqh;font-size:2.2cqh;color:var(--st-muted);text-align:center;opacity:0;transition:opacity .9s}.st2-gverse.on{opacity:1}.st2-gverse em{font-style:normal;color:var(--st-accent);margin-left:.6cqw} /* reflect and list */ .st2-reflect{display:flex;flex-direction:column;justify-content:center;gap:3cqh;height:100%;padding:0 8cqw} .st2-reflect p{margin:0;font-size:4.6cqh;line-height:1.3;opacity:0;transition:opacity 1s}.st2-reflect p.on{opacity:1}.st2-reflect p:nth-child(n+3){font-style:italic;color:var(--st-accent)} .st2-list{margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:2.6cqh;height:100%;max-width:74cqw;font-size:3.8cqh;padding-left:4cqw} .st2-list li{opacity:0;transition:opacity .8s;padding-left:1cqw}.st2-list li.on{opacity:1}.st2-list li::marker{color:var(--st-accent)} /* tools */ .st2-tool{display:flex;flex-direction:column;height:100%;gap:1.2cqh} .st2-box{flex:1;min-height:0;position:relative} .st2-canvas{position:absolute;inset:0;width:100%;height:100%} .st2-bar{display:flex;gap:1cqw;align-items:center;flex-wrap:wrap;font:1.9cqh system-ui,sans-serif;color:var(--st-muted)} .st2-bar button,.st2-bar select{font:1.9cqh system-ui,sans-serif;color:var(--st-ink);background:color-mix(in srgb,var(--st-ink) 7%,transparent);border:1px solid var(--st-line);border-radius:1cqh;padding:.7cqh 1.1cqw;cursor:pointer} .st2-bar input[type=range]{width:24cqw} .st2-date{margin-left:auto;font:2.2cqh var(--st-font);color:var(--st-ink)} .st2-status{min-height:3.4cqh;font-size:2.8cqh;text-align:center;transition:color .4s}.st2-status[data-k="solar"],.st2-status[data-k="lunar"]{color:var(--st-accent)} .st2-now{display:grid;grid-template-columns:3fr 2fr;gap:3cqw;height:100%} .st2-now>.st2-box{min-height:0} .st2-nowlist{display:flex;flex-direction:column;justify-content:center;gap:1.2cqh} .st2-nowd{font-size:2.4cqh;color:var(--st-muted);margin-bottom:1cqh} .st2-nowr{display:grid;grid-template-columns:4cqh 13cqw 1fr;align-items:center;font-size:2.9cqh;gap:1cqw}.st2-nowr i{font-style:normal;color:var(--c);font-size:3.4cqh}.st2-nowr span{color:var(--st-muted)} .st2-note{font-size:2cqh;color:var(--st-muted);font-style:italic;margin-top:1cqh} /* library page */ .st2-lib{display:grid;gap:28px} .st2-series header h2{margin:.1em 0}.st2-eye{font:600 12px system-ui;letter-spacing:.18em;text-transform:uppercase;color:var(--wine,#7a2f2f)} .st2-tip{background:var(--paper2,#f3eee4);border:1px solid var(--line,#ddd3c3);border-radius:12px;padding:10px 14px;font-size:14px} .st2-tip kbd{border:1px solid var(--line,#ccc);border-radius:5px;padding:0 5px;font-size:12px} .st2-lectures{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px} .st2-lec{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:start;background:var(--paper,#fff);border:1px solid var(--line,#ddd3c3);border-radius:16px;padding:16px 18px} .st2-lec[data-status="planned"]{opacity:.72} .st2-n{font-size:26px;color:var(--wine,#7a2f2f);text-align:center;font-variant-numeric:oldstyle-nums} .st2-lb h3{margin:0 0 4px;font-weight:500}.st2-lb p{margin:0;color:var(--muted,#6b6158)} .st2-lb details{margin-top:6px;font-size:14px}.st2-lb ul{margin:6px 0 0 18px} .st2-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.st2-tools span{font:12px system-ui;border:1px solid var(--line,#ddd3c3);border-radius:99px;padding:2px 9px;color:var(--muted,#6b6158)} .st2-la{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.st2-st{font:12px system-ui;color:var(--muted,#6b6158);white-space:nowrap} @media (max-width:700px){.st2-lec{grid-template-columns:32px 1fr}.st2-la{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center} .st2-nine{grid-template-columns:repeat(3,1fr);gap:1cqh}.st2-card{padding:1cqh .4cqw}.st2-now{grid-template-columns:1fr}.st2-nowlist{display:none}} @media (prefers-reduced-motion:reduce){.st2 *{transition:none!important;animation:none!important}} /* recording: the camera bubble lives inside the frame so it is part of the video */ .st2-cam{position:absolute;z-index:4;object-fit:cover;transform:scaleX(-1);background:#000;border:.3cqh solid color-mix(in srgb,var(--st-accent) 55%,transparent);box-shadow:0 1cqh 4cqh rgba(0,0,0,.45);transition:all .5s ease} .st2-cam[hidden],.st2-cam[data-pos="off"]{display:none} .st2-cam[data-shape="circle"]{border-radius:50%;aspect-ratio:1} .st2-cam[data-shape="rounded"]{border-radius:2cqh;aspect-ratio:4/3} .st2-cam[data-size="s"]{height:17cqh}.st2-cam[data-size="m"]{height:25cqh}.st2-cam[data-size="l"]{height:36cqh} .st2-cam[data-pos="br"]{right:3cqw;bottom:5cqh}.st2-cam[data-pos="bl"]{left:3cqw;bottom:5cqh}.st2-cam[data-pos="tr"]{right:3cqw;top:4cqh}.st2-cam[data-pos="tl"]{left:3cqw;top:4cqh} .st2[data-rec] .st2-ctrl,.st2[data-rec] .st2-notes{display:none!important} .st2-recp{position:fixed;inset:0;z-index:9;display:grid;place-items:center;background:rgba(0,0,0,.35)} .st2-recp[hidden]{display:none} .st2-recp>p{background:#1a1714;color:#eee6d8;padding:16px 20px;border-radius:12px;font:16px Georgia,serif} .st2-rp{width:min(460px,94vw);max-height:92vh;overflow:auto;background:#16130f;color:#eee6d8;border:1px solid #3a3229;border-radius:16px;padding:16px 18px;font:15px/1.45 system-ui,sans-serif;display:grid;gap:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)} .st2-rp-wide{width:min(820px,94vw)} .st2-rp header{display:flex;justify-content:space-between;align-items:center;font:20px Georgia,serif} .st2-rp header button{background:none;border:0;color:inherit;font-size:18px;cursor:pointer} .st2-rp label{display:grid;gap:4px;font-size:13px;color:#b9ae9c} .st2-rp select,.st2-rp textarea{font:14px system-ui;background:#0e0c0a;color:#eee6d8;border:1px solid #3a3229;border-radius:8px;padding:7px 9px} .st2-rp video{width:100%;border-radius:10px;background:#000} .st2-meter{height:8px;background:#2a241d;border-radius:4px;overflow:hidden}.st2-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5f9d6f 0 60%,#d6b06a 60% 85%,#d0573f 85%);transition:width .08s} .st2-small{font-size:12.5px;color:#b9ae9c;margin:0} .st2-rrow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:#b9ae9c} .st2-seg{display:flex;gap:4px}.st2-seg button{font:13px system-ui;background:#221d18;color:#eee6d8;border:1px solid #3a3229;border-radius:8px;padding:5px 9px;cursor:pointer}.st2-seg button[aria-pressed="true"]{background:#d6b06a;color:#16130f;border-color:#d6b06a} .st2-go{display:inline-block;text-align:center;text-decoration:none;font:600 15px system-ui;background:#d6b06a;color:#16130f;border:0;border-radius:10px;padding:10px 16px;cursor:pointer} .st2-ract{display:flex;gap:8px;flex-wrap:wrap}.st2-ract button{font:14px system-ui;background:#221d18;color:#eee6d8;border:1px solid #3a3229;border-radius:10px;padding:9px 14px;cursor:pointer} .st2-begin{position:fixed;inset:0;z-index:9;display:grid;place-items:center;background:rgba(0,0,0,.5)} .st2-begin>div{text-align:center;color:#eee6d8;font:18px Georgia,serif;display:grid;gap:12px;justify-items:center} .st2-begin button{font:600 22px system-ui;background:#d6b06a;color:#16130f;border:0;border-radius:14px;padding:14px 40px;cursor:pointer} .st2-begin small{color:#b9ae9c} .st2-count{position:absolute;inset:0;display:grid;place-items:center;font-size:30cqh;color:var(--st-accent);z-index:6;background:color-mix(in srgb,var(--st-bg) 60%,transparent);animation:st2rise .9s ease infinite} .st2-recb{color:#ffb4a8!important} /* 2.03: teaching cards */ .st2-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqh 1.4cqw;height:100%;align-content:center} .st2-tcard{display:flex;gap:1.4cqw;align-items:flex-start;border:1px solid var(--st-line);border-left:.5cqw solid var(--c);border-radius:1.6cqh;padding:1.8cqh 1.4cqw;opacity:.1;transition:all .7s;background:color-mix(in srgb,var(--c) 6%,transparent)} .st2-tcard.on{opacity:1}.st2-tcard.now{box-shadow:0 0 5cqh color-mix(in srgb,var(--c) 28%,transparent);border-color:var(--c)} .st2-tg{font-size:4.6cqh;line-height:1;color:var(--c);min-width:4cqh;text-align:center} .st2-tt{display:flex;flex-direction:column;gap:.6cqh}.st2-tt b{font-size:2.9cqh;color:var(--st-ink);font-weight:500}.st2-tt span{font-size:2.3cqh;color:var(--st-muted);line-height:1.35} @container (max-aspect-ratio: 1/1){.st2-cards{grid-template-columns:1fr 1fr}} .st2-cards[style*="--n:7"] .st2-tcard:last-child{grid-column:2} /* ---- lectures208.css ---- */ /* v2.08 Lectures: the sidebar heading over Video and Audio Lectures, and the Audio Lectures page and player */ #nav .nav-sublabel208{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:inherit;opacity:.62;padding:8px 12px 2px 14px} #nav button.nav-sub208{padding-left:22px} .al208 h2{margin:0} .al208-series{margin-top:18px} .al208-shead{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:8px} .al208-shead h3{margin:0;font-size:18px} .al208-soon{margin:4px 0 10px} .al208-list{list-style:none;margin:0;padding:0;display:grid;gap:6px} .al208-row{border:1px solid var(--line);border-radius:11px;background:var(--paper)} .al208-row.open{border-color:var(--accent,var(--wine))} .al208-main{display:flex;align-items:center;gap:12px;padding:10px 12px} .al208-play{flex:0 0 40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--paper2);color:var(--ink);font-size:15px;cursor:pointer} .al208-play:not(:disabled):hover{border-color:var(--wine);color:var(--wine)} .al208-play:disabled{opacity:.45;cursor:default} .al208-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} .al208-tx small{color:var(--muted);line-height:1.4} .al208-n{color:var(--muted);font-weight:400} .al208-meta{font-size:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap} .al208-done{color:var(--good,#4b7a4b)} .al208-bar{display:block;height:3px;border-radius:2px;background:var(--line);overflow:hidden;margin-top:4px;max-width:260px} .al208-bar i{display:block;height:100%;background:var(--wine)} .al208-edit{display:grid;gap:10px;padding:4px 14px 14px 64px} .al208-edit label{display:grid;gap:4px;font-size:12px;color:var(--muted)} .al208-edit .input{width:100%;box-sizing:border-box} .al208-check{display:flex!important;align-items:center;gap:8px;color:var(--ink)!important} .al208-actions{display:flex;gap:10px;align-items:center} .al208-player{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:60;width:min(640px,calc(100vw - 24px));background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #0003;padding:10px 14px;box-sizing:border-box;color:var(--ink)} body.has-hubbar193 .al208-player{bottom:calc(14px + 58px)} @media (min-width:900px){body.has-hubbar193 .al208-player{bottom:14px}} .al208-ptop{display:flex;justify-content:space-between;gap:8px} .al208-pt{min-width:0;display:flex;flex-direction:column} .al208-pt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .al208-pt small{color:var(--muted);min-height:1.2em} .al208-player input[type=range]{width:100%;accent-color:var(--wine);margin:6px 0} .al208-pctrl{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)} .al208-pbtns{display:flex;gap:8px;align-items:center} .al208-player button{background:none;border:1px solid var(--line);border-radius:8px;padding:5px 8px;color:var(--ink);cursor:pointer;font-size:12px} .al208-player .al208-pmain{width:44px;height:44px;border-radius:50%;background:var(--wine);border-color:var(--wine);color:#fff;font-size:15px} .al208-player [data-p=close]{border:0} .al208-chlist{max-height:200px;overflow:auto;margin:8px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)} .al208-chlist li{padding:6px 4px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--line)} .al208-chlist li span{color:var(--muted);display:inline-block;min-width:52px} .al208-chlist li.on{color:var(--wine);font-weight:600} body.al208-on .main{padding-bottom:150px} @media (max-width:640px){.al208-edit{padding-left:14px}.al208-main{gap:10px}} /* ---- course210.css ---- */ /* The Jyotish Project Study Space v2.10: the shared course format (Learn, Explore, Read & test). City tokens only. */ .cx210,.cx210 .card{--cx-s:var(--surface,var(--paper,#fbf8f3));--cx-s2:var(--surface-2,var(--paper2,#f1ece4));--cx-s3:var(--surface-3,#e8e1d6);--cx-ink:var(--ink,#221a16);--cx-ink2:var(--ink-2,var(--muted,#5a4a42));--cx-ink3:var(--ink-3,#7a6a62); --cx-line:var(--line,#e2d9cf);--cx-line2:var(--line-2,#cdbfb2);--cx-acc:var(--accent,var(--wine,#7a2a1e));--cx-acc-ink:var(--accent-ink,#fff);--cx-acc-soft:var(--accent-soft,color-mix(in srgb,var(--cx-acc) 12%,var(--cx-s))); --cx-gold:var(--gold,#8a6400);--cx-gold-soft:var(--gold-soft,#f3e7c9);--cx-good:var(--good,#2f6b45);--cx-good-soft:var(--good-soft,#dfeae0);--cx-bad:var(--bad,#a8291f);--cx-bad-soft:var(--bad-soft,#f5dcd6); --cx-disp:var(--font-display,Georgia,serif);--cx-sans:var(--font-sans,system-ui,sans-serif); min-width:0} .cx210{display:grid;gap:14px} .cx210 .card{color:var(--cx-ink)} .cx210 .card{min-width:0} .cx-eyebrow{font:600 11.5px/1.3 var(--cx-sans);letter-spacing:.11em;text-transform:uppercase;color:var(--cx-acc)} /* top bar: promise, three ways in, progress */ .cx-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:center;padding:16px 20px} .cx-intro{display:grid;gap:4px;min-width:0} .cx-promise{margin:0;font-size:1.02rem;line-height:1.55;color:var(--cx-ink2);max-width:62ch} .cx-modes{display:flex;gap:6px;padding:4px;border-radius:14px;background:var(--cx-s2);box-shadow:inset 0 0 0 1px var(--cx-line)} .cx-modes button{display:grid;gap:1px;text-align:left;padding:8px 14px;border:0;border-radius:10px;background:transparent;color:var(--cx-ink2);font:inherit;cursor:pointer;min-width:0} .cx-modes b{font:600 .98rem/1.2 var(--cx-sans);color:var(--cx-ink)}.cx-modes small{font-size:.76rem;color:var(--cx-ink3);white-space:nowrap} .cx-modes button[aria-selected=true]{background:var(--cx-s);box-shadow:0 1px 3px rgba(0,0,0,.12),inset 0 0 0 1px var(--cx-line2)} .cx-modes button[aria-selected=true] b{color:var(--cx-acc)} .cx-modes button:hover:not([aria-selected=true]){background:color-mix(in srgb,var(--cx-s) 55%,transparent)} .cx-prog{grid-column:1/-1;display:flex;align-items:center;gap:10px;height:14px;font-size:.76rem;color:var(--cx-ink3)} .cx-prog::before{content:'';display:none} .cx-prog i{display:block;height:3px;border-radius:3px;background:var(--cx-acc);max-width:calc(100% - 90px);min-width:0;transition:width .4s} .cx-prog{background:linear-gradient(var(--cx-line),var(--cx-line)) left center/calc(100% - 90px) 3px no-repeat} .cx-prog span{margin-left:auto} /* chapter rail */ .cx-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-4px -6px 18px} .cx-rail::-webkit-scrollbar{display:none} .cx-chap{position:relative;display:flex;align-items:center;gap:9px;min-width:150px;padding:10px 12px 12px;border:1px solid var(--cx-line);border-radius:12px;background:var(--cx-s2);color:var(--cx-ink2);font:inherit;text-align:left;cursor:pointer;overflow:hidden} .cx-chap small{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cx-s2);font:600 .78rem var(--cx-sans);color:var(--cx-ink2)} .cx-chap span{font-size:.92rem;line-height:1.25} .cx-chap i{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--cx-acc) 55%,transparent) var(--p),transparent var(--p))} .cx-chap.on{border-color:var(--cx-acc);color:var(--cx-ink);box-shadow:inset 0 0 0 1px var(--cx-acc)} .cx-chap.on small{background:var(--cx-acc);color:var(--cx-acc-ink)} .cx-chap.done small{background:var(--cx-good-soft);color:var(--cx-good)} .cx-chap.on.done small{background:var(--cx-acc);color:var(--cx-acc-ink)} .cx-chap:hover:not(.on){border-color:var(--cx-line2)} /* the stage: picture and text */ .cx-stage{padding:18px 26px 20px} .cx-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,1fr);gap:28px;align-items:start} .cx-stage.wide .cx-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)} .cx-figcol{display:grid;gap:10px;min-width:0;position:sticky;top:12px} .cx-fig{margin:0;display:grid;place-items:center;min-height:300px} .cx-fig > svg{display:block;width:100%;height:auto;max-height:min(70vh,640px)} .cx-fig.cx-in{animation:cxIn .45s ease both} @keyframes cxIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}} .cx-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:.82rem;color:var(--cx-ink2)} .cx-legend span{display:inline-flex;align-items:center;gap:6px}.cx-legend span.new{color:var(--cx-ink);font-weight:600} .cx-legend em{font-style:normal;font:600 9.5px var(--cx-sans);letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:9px;background:var(--cx-acc);color:var(--cx-acc-ink)} .cx-sw{display:inline-block;width:14px;height:10px;border-radius:3px;background:var(--cx-line2)} .cx-text{display:flex;flex-direction:column;min-width:0;min-height:100%} .cx-kick{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 11.5px/1.3 var(--cx-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-acc)} .cx-dots{display:flex;gap:2px} .cx-dots button{width:20px;height:20px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center} .cx-dots button::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--cx-line2);transition:transform .2s,background .2s} .cx-dots button.seen::after{background:color-mix(in srgb,var(--cx-acc) 45%,var(--cx-s))} .cx-dots button.on::after{background:var(--cx-acc);transform:scale(1.4)} .cx-text h3{margin:8px 0 12px;font:600 clamp(1.45rem,2.1vw,1.8rem)/1.2 var(--cx-disp);color:var(--cx-ink);outline:none;text-wrap:balance} .cx-copy{font-size:1.04rem;line-height:1.72;color:var(--cx-ink)} .cx-copy p{margin:0 0 12px}.cx-copy p:last-child{margin-bottom:0} .cx-copy b{font-weight:650} .cx-copy .cx-look,.cx-look{margin:14px 0 0;padding:11px 14px;border-radius:12px;background:var(--cx-gold-soft);color:var(--cx-ink);font-size:.97rem;line-height:1.6;border-left:3px solid var(--cx-gold)} .cx-look b{color:var(--cx-gold)} .cx-quote{margin:14px 0 4px;padding:2px 0 2px 14px;border-left:2px solid var(--cx-acc);font:italic 1.05rem/1.6 var(--cx-disp);color:var(--cx-ink2)} .cx-quote cite{display:block;margin-top:4px;font:normal 600 10.5px var(--cx-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-acc)} .cx-small{font-size:.85rem;color:var(--cx-ink3);line-height:1.55} .cx-copy .cx-small{margin-top:12px} dfn.cx-t,dfn[data-t]{font-style:normal;border-bottom:1.5px dotted color-mix(in srgb,var(--cx-acc) 70%,transparent);cursor:help} .cx-ctrl:not(:empty){display:grid;gap:12px;margin-top:16px;padding:14px;border-radius:14px;background:var(--cx-s2);box-shadow:inset 0 0 0 1px var(--cx-line)} .cx-ctrl .cx-try{font:600 10.5px var(--cx-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cx-ink3);margin-bottom:-4px} .cx-f{display:grid;gap:6px;font-size:.92rem;color:var(--cx-ink2)}.cx-f b{color:var(--cx-ink)} .cx-f input[type=range]{width:100%;accent-color:var(--cx-acc)} .cx-f input[type=date],.cx-f select{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--cx-line2);background:var(--cx-s);color:var(--cx-ink)} .cx-btns{display:flex;flex-wrap:wrap;gap:6px} .cx-btns .btn{padding:6px 12px;font-size:.88rem} .cx-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--cx-line2);background:var(--cx-s);color:var(--cx-ink);font:inherit;font-size:.88rem;cursor:pointer} .cx-chip[aria-pressed=true]{background:var(--cx-acc);border-color:var(--cx-acc);color:var(--cx-acc-ink)} .cx-out:not(:empty){margin-top:14px} .cx-read1{margin:0;padding:12px 14px;border-radius:12px;background:var(--cx-s2);font-size:.96rem;line-height:1.6} .cx-nav{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:22px} .cx-nav .btn{min-height:42px;padding:8px 18px} .cx-nav .cx-next.long{max-width:70%;white-space:normal;text-align:right;line-height:1.3} /* the recap beat */ .cx-q{display:grid;gap:10px;margin-bottom:16px} .cx-qq{margin:0;font-size:1.02rem;line-height:1.55}.cx-qq b{display:block;font:600 10.5px var(--cx-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cx-acc);margin-bottom:4px} .cx-opts{display:grid;gap:6px} .cx-opts button{text-align:left;padding:10px 14px;border-radius:11px;border:1px solid var(--cx-line2);background:var(--cx-s);color:var(--cx-ink);font:inherit;font-size:.95rem;line-height:1.45;cursor:pointer;transition:border-color .15s,background .15s} .cx-opts button:hover:not(:disabled){border-color:var(--cx-acc)} .cx-opts button.ok{border-color:var(--cx-good);background:var(--cx-good-soft)} .cx-opts button.no{border-color:var(--cx-bad);background:var(--cx-bad-soft)} .cx-opts button.dim{opacity:.55} .cx-opts button:disabled{cursor:default;color:var(--cx-ink)} .cx-explain{margin:0;padding:10px 14px;border-radius:11px;font-size:.94rem;line-height:1.6;background:var(--cx-s2)} .cx-explain.ok b{color:var(--cx-good)}.cx-explain.no b{color:var(--cx-bad)} .cx-keep{padding:14px 16px;border-radius:14px;background:var(--cx-acc-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cx-acc) 22%,transparent)} .cx-keep ul{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;line-height:1.55;font-size:.98rem} /* explore and read */ .cx-explore{display:grid;gap:14px;min-width:0} .cx-read{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:stretch}.cx-read .cx-toc{align-self:start} .cx-toc{display:grid;gap:2px;padding:12px;position:sticky;top:12px} .cx-tocg{font:600 10.5px var(--cx-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cx-ink3);padding:10px 10px 4px} .cx-tocg:first-child{padding-top:2px} .cx-toc button{text-align:left;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:var(--cx-ink2);font:inherit;font-size:.93rem;line-height:1.3;cursor:pointer} .cx-toc button:hover{background:var(--cx-s2)} .cx-toc button[aria-current=page]{background:var(--cx-acc-soft);color:var(--cx-acc);font-weight:600} .cx-article{padding:24px 30px 28px;min-width:0} .cx-article h3{margin:4px 0 12px;font:600 1.6rem/1.25 var(--cx-disp)} .cx-article h4{margin:22px 0 8px;font:600 1.12rem/1.3 var(--cx-disp)} .cx-article p,.cx-article li{line-height:1.75;font-size:1.02rem} .cx-article .cx-lead{font-size:1.1rem;color:var(--cx-ink)} .cx-article ul.cx-points{padding-left:20px;display:grid;gap:8px} .cx-article blockquote{margin:16px 0;padding:4px 0 4px 16px;border-left:2px solid var(--cx-acc);font:italic 1.1rem/1.6 var(--cx-disp);color:var(--cx-ink2)} .cx-pager{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--cx-line)} .cx-objs{display:grid;gap:8px} .cx-obj{border:1px solid var(--cx-line);border-radius:12px;background:var(--cx-s)} .cx-obj summary{display:grid;gap:4px;padding:12px 16px;cursor:pointer;list-style:none} .cx-obj summary::-webkit-details-marker{display:none} .cx-claim{font:600 1rem/1.4 var(--cx-disp)}.cx-short{font-size:.92rem;color:var(--cx-ink2);line-height:1.5} .cx-obj[open]{border-color:var(--cx-line2);background:var(--cx-s2)} .cx-obj p{margin:0;padding:0 16px 14px;line-height:1.7} .cx-quiz{max-width:640px} .cx-quiz h3{font-size:1.3rem} .cx-qhead{display:flex;justify-content:space-between;gap:10px;align-items:center}.cx-score{font-size:.85rem;color:var(--cx-ink3)} .cx-qnav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px} .cx-gloss dl{display:grid;gap:0;margin:12px 0 0} .cx-gloss dl > div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--cx-line)} .cx-gloss dt{font:600 1rem var(--cx-disp)}.cx-gloss dd{margin:0;line-height:1.6;color:var(--cx-ink2)} .cx-search{width:100%;max-width:360px;font:inherit;padding:9px 12px;border-radius:10px;border:1px solid var(--cx-line2);background:var(--cx-s);color:var(--cx-ink)} .cx-table{width:100%;border-collapse:collapse;font-size:.93rem} .cx-table th,.cx-table td{padding:8px 10px;border-bottom:1px solid var(--cx-line);text-align:left;vertical-align:top;line-height:1.45} .cx-table thead th{font:600 10.5px var(--cx-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-ink3)} .cx-tablewrap{overflow-x:auto} .cx-pop{position:fixed;z-index:9999;display:grid;gap:4px;padding:11px 14px;border-radius:12px;background:var(--surface,#fff);color:var(--ink,#222);box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 0 1px var(--line-2,#ccc);font-size:.9rem;line-height:1.5;pointer-events:none} .cx-pop b{font:600 .95rem var(--font-display,Georgia,serif);color:var(--accent,#7a2a1e)} .cx210 button:focus-visible,.cx210 [role=button]:focus-visible,.cx210 a:focus-visible{outline:2px solid var(--focus,var(--cx-acc));outline-offset:2px} .cx210 svg [role=button]{cursor:pointer} .cx210 svg text{font-family:var(--cx-sans)} /* narrow screens: picture first, text below, the nav stays in reach */ @media (max-width:1100px){.cx-stage{padding:16px 18px}.cx-grid,.cx-stage.wide .cx-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:20px}} @media (max-width:860px){ .cx-top{grid-template-columns:1fr;padding:14px} .cx-modes{width:100%}.cx-modes button{flex:1} .cx-stage{padding:12px 14px 14px}.cx-grid,.cx-stage.wide .cx-grid{grid-template-columns:1fr;gap:12px}.cx-rail{margin:-2px -4px 12px} .cx-figcol{position:static} .cx-fig{min-height:0}.cx-fig > svg{max-height:56vh} .cx-nav{position:sticky;bottom:0;margin:16px -14px -14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--cx-s) 30%);z-index:2} .cx-read{grid-template-columns:1fr} .cx-toc{position:static;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:8px} .cx-toc button{white-space:nowrap}.cx-tocg{display:none} .cx-article{padding:18px} .cx-gloss dl > div{grid-template-columns:1fr;gap:2px} .cx-rail{grid-auto-columns:max-content} .cx-chap{min-width:0;padding:8px 12px 10px}.cx-chap span{white-space:nowrap} body.has-hubbar193 .cx-nav{bottom:calc(58px + env(safe-area-inset-bottom))} } @media (max-width:520px){.cx-modes small{display:none}.cx-modes button{padding:8px 10px;text-align:center}.cx-text h3{font-size:1.35rem}.cx-copy{font-size:1rem}} @media (prefers-reduced-motion:reduce){.cx-fig.cx-in{animation:none}.cx-prog i{transition:none}} .cx210 > *,.cx-stage,.cx-grid > *{min-width:0;max-width:100%} .cx-rail{width:100%;min-width:0} /* ---- zodiac210.css ---- */ /* The Jyotish Project Study Space v2.10: The Two Zodiacs diagrams. Colours mix into the city's own surface. */ .zd210,.zd210 .card{--z-sun:#efa82e;--z-sun-edge:#c27712;--z-earth:#4d8cc0;--z-q0:#5f9a45;--z-q1:#d29a2b;--z-q2:#c2643a;--z-q3:#4579ab;--z-sid:var(--info,#3d6fb0);--z-star:#7461b6;--z-gap:var(--bad,#b23b36); --z-day:#f1b733;--z-night:#2f3d66;--z-moon:#dfe3ec;--z-moon-edge:#7d8597;--z-tp:var(--accent,var(--wine,#7a2a1e));--z-kapha:#4f8f8a;--z-pitta:#d0622f;--z-vata:#7b6fae;--z-bg:var(--surface,var(--paper,#fbf8f3))} html[data-appearance=dark] .zd210,html[data-appearance=dark] .zd210 .card{--z-sun:#ffc955;--z-sun-edge:#f0a030;--z-earth:#5b9bd0;--z-q0:#8cc063;--z-q1:#efb54a;--z-q2:#e08758;--z-q3:#6ea4d4;--z-star:#a99be8;--z-day:#f3c45a;--z-night:#22315a;--z-moon:#eef1f7;--z-moon-edge:#b9c0cf;--z-kapha:#7cc0b9;--z-pitta:#f08a56;--z-vata:#aa9ee0} .zd210 .zw{width:100%;max-width:640px;height:auto;display:block;overflow:visible;margin:auto} .zd210 .zw text,.zd210 .zw-top text,.zd210 .zw-breath text,.zd210 .zw-drift text,.zd210 .zw-ay text{text-anchor:middle;dominant-baseline:central;fill:var(--cx-ink)} .zd210 .st{text-anchor:start!important}.zd210 .en{text-anchor:end!important} .zd210 .zdim{opacity:.32;transition:opacity .3s} .zw-bg{fill:color-mix(in srgb,var(--cx-ink) 2.5%,var(--z-bg))} .zw-tick{stroke:var(--cx-ink3);stroke-width:1.5} .zw-month{font-size:14px;fill:var(--cx-ink2)!important}.zw.nar .zw-month{font-size:20px} .zw-path{font-size:14px;fill:var(--cx-ink2)!important;font-style:italic}.zw.nar .zw-path{font-size:19px} .zw-track{fill:none;stroke:color-mix(in srgb,var(--z-sun-edge) 50%,transparent);stroke-width:1.5;stroke-dasharray:3 5} .zw-track.big{stroke-width:3.5;stroke-dasharray:none;stroke:color-mix(in srgb,var(--z-sun-edge) 75%,transparent)} .zw-night{fill:none;stroke:var(--z-night);opacity:.9} .zw-day{fill:var(--z-day);stroke:var(--z-day);stroke-width:.8} .zw-half{fill:none;stroke-width:3;stroke-linecap:round}.zw-half.up{stroke:var(--z-q1)}.zw-half.dn{stroke:var(--z-q3)} .zw-ah.up{fill:var(--z-q1)}.zw-ah.dn{fill:var(--z-q3)} .zw-halft{font-size:15px;font-style:italic;font-weight:650}.zw-halfs{font-size:12.5px;fill:var(--cx-ink2)!important}.zw.nar .zw-halfs{font-size:16px}.zw-halft.up{fill:color-mix(in srgb,var(--z-q1) 70%,var(--cx-ink))!important}.zw-halft.dn{fill:color-mix(in srgb,var(--z-q3) 75%,var(--cx-ink))!important}.zw.nar .zw-halft{font-size:20px} .zw-r{stroke:var(--z-bg);stroke-width:2;transition:filter .15s} .zw-r.plain{fill:color-mix(in srgb,var(--z-tp) 16%,var(--z-bg))} .zw-r.plain:nth-of-type(odd){fill:color-mix(in srgb,var(--z-tp) 9%,var(--z-bg))} .zw-r.faint{fill:color-mix(in srgb,var(--cx-ink) 5%,var(--z-bg))!important} .zw-r.plain.on{fill:color-mix(in srgb,var(--z-sun) 55%,var(--z-bg))!important} .zw-r.q0{--q:var(--z-q0)}.zw-r.q1{--q:var(--z-q1)}.zw-r.q2{--q:var(--z-q2)}.zw-r.q3{--q:var(--z-q3)} .zw-r.m0{fill:color-mix(in srgb,var(--q) 52%,var(--z-bg))}.zw-r.m1{fill:color-mix(in srgb,var(--q) 33%,var(--z-bg))}.zw-r.m2{fill:color-mix(in srgb,var(--q) 17%,var(--z-bg))} .zw-r.on,.zw-s.on,.zw-c.on,.zw-n.on{stroke:var(--cx-ink);stroke-width:3} .zw .tap{cursor:pointer}.zw .tap:hover{filter:brightness(1.05) saturate(1.25)} .zw-rn{font-size:15.5px;font-weight:650;pointer-events:none}.zw.nar .zw-rn{font-size:19px} .zw-rs{font-size:11.5px;fill:var(--cx-ink2)!important;pointer-events:none} .zw-rm{font-size:11.5px;font-style:italic;fill:var(--cx-ink2)!important;pointer-events:none} .zw-s{stroke:var(--z-bg);stroke-width:2}.zw-s.s0{fill:color-mix(in srgb,var(--z-sid) 34%,var(--z-bg))}.zw-s.s1{fill:color-mix(in srgb,var(--z-sid) 18%,var(--z-bg))} .zw-sn{font-size:12.5px;font-weight:600;pointer-events:none}.zw.nar .zw-sn{font-size:18px} .zw-s0{stroke:var(--z-sid);stroke-width:5;stroke-linecap:round} .zw-c{stroke:var(--z-bg);stroke-width:2}.zw-c.c0{fill:color-mix(in srgb,var(--z-star) 30%,var(--z-bg))}.zw-c.c1{fill:color-mix(in srgb,var(--z-star) 16%,var(--z-bg))} .zw-c.oph{fill:color-mix(in srgb,var(--z-star) 8%,var(--z-bg));stroke-dasharray:5 4;stroke:var(--z-star)} .zw-cn{font-size:12px;pointer-events:none}.zw-cn.on{font-weight:700}.zw.nar .zw-cn{font-size:17px} .zw-star{fill:var(--z-sun);stroke:var(--z-sun-edge);stroke-width:1} .zw-start{font-size:13px;font-weight:650}.zw.nar .zw-start{font-size:17px} .zw-n{stroke:var(--z-bg);stroke-width:1.5}.zw-n.n0{fill:color-mix(in srgb,var(--z-star) 26%,var(--z-bg))}.zw-n.n1{fill:color-mix(in srgb,var(--z-star) 12%,var(--z-bg))} .zw-n.on{fill:color-mix(in srgb,var(--z-moon-edge) 50%,var(--z-bg))} .zw-nn{font-size:11px;fill:var(--cx-ink2)!important;pointer-events:none}.zw-nn.on{fill:var(--cx-ink)!important;font-weight:700}.zw.nar .zw-nn{font-size:15px} .zw-gc{stroke:var(--z-star);stroke-width:3}.zw-gct{font-size:12px;fill:var(--z-star)!important;font-weight:650}.zw.nar .zw-gct{font-size:16px} .zw-tp{stroke:var(--z-tp);stroke-width:1.5;stroke-dasharray:5 4;opacity:.85} .zw-tl{font-size:15px;font-weight:650;fill:var(--z-tp)!important}.zw.nar .zw-tl{font-size:20px} .zw-gap{fill:color-mix(in srgb,var(--z-gap) 28%,transparent)} .zw-gapline{fill:none;stroke:var(--z-gap);stroke-width:3;stroke-linecap:round} .zw-gapt{font-size:14px;font-weight:650;fill:var(--z-gap)!important}.zw-gapt.big{font-size:19px}.zw.nar .zw-gapt{font-size:18px}.zw.nar .zw-gapt.big{font-size:24px} .zw-dosha{fill:none;stroke-width:7;stroke-linecap:round;opacity:.85}.zw-dosha.kapha{stroke:var(--z-kapha)}.zw-dosha.pitta{stroke:var(--z-pitta)}.zw-dosha.vata{stroke:var(--z-vata)} .zw-dt{font-size:14px;font-weight:700;font-style:italic}.zw-dt.kapha{fill:var(--z-kapha)!important}.zw-dt.pitta{fill:var(--z-pitta)!important}.zw-dt.vata{fill:var(--z-vata)!important}.zw.nar .zw-dt{font-size:19px} .zw-ray{stroke:var(--z-sun-edge);stroke-width:2.2;stroke-dasharray:6 4} .zw-glow{fill:var(--z-sun);opacity:.22} .zw-sun{fill:var(--z-sun);stroke:var(--z-sun-edge);stroke-width:2} .zw-moon{fill:var(--z-moon);stroke:var(--z-moon-edge);stroke-width:2} .zw-earth{fill:var(--z-earth);stroke:color-mix(in srgb,var(--z-earth) 60%,#000);stroke-width:1.5} .zw-earthline{fill:none;stroke:rgba(255,255,255,.45);stroke-width:1.5} .zw-et{font-size:12.5px;font-weight:650;fill:#fff!important}.zw.nar .zw-et{font-size:16px} /* precession top */ .zd-fig2{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:8px;align-items:center;width:100%} .zw-top{width:100%;height:auto;display:block} .t-cone{fill:none;stroke:var(--cx-ink3);stroke-dasharray:4 4}.t-vert{stroke:var(--cx-line2);stroke-dasharray:2 4} .t-eq{fill:none;stroke:rgba(255,255,255,.6);stroke-width:1.5}.t-axis{stroke:var(--z-tp);stroke-width:3;stroke-linecap:round}.t-tip{fill:var(--z-tp)} .t-lab{font-size:12px;fill:var(--cx-ink2)!important}.t-head{font-size:14px;font-weight:650}.t-foot{font-size:12px;fill:var(--cx-ink2)!important} .zw-top.nar .t-head{font-size:18px}.zw-top.nar .t-foot,.zw-top.nar .t-lab{font-size:15px} /* breath of the year */ .zw-breath,.zw-drift,.zw-ay{width:100%;height:auto;display:block} .zw-breath .b{stroke:var(--z-bg);stroke-width:1}.zw-breath .b.q0{--q:var(--z-q0)}.zw-breath .b.q1{--q:var(--z-q1)}.zw-breath .b.q2{--q:var(--z-q2)}.zw-breath .b.q3{--q:var(--z-q3)} .zw-breath .b.m0{fill:color-mix(in srgb,var(--q) 26%,var(--z-bg))}.zw-breath .b.m1{fill:color-mix(in srgb,var(--q) 16%,var(--z-bg))}.zw-breath .b.m2{fill:color-mix(in srgb,var(--q) 8%,var(--z-bg))} .zw-breath .gl,.zw-drift .gl,.zw-ay .gl{stroke:color-mix(in srgb,var(--cx-ink) 12%,transparent)} .zw-breath .gy,.zw-drift .gy{font-size:12px;fill:var(--cx-ink3)!important;text-anchor:end!important} .zw-breath .dlf{fill:color-mix(in srgb,var(--z-day) 28%,transparent)} .zw-breath .dl{fill:none;stroke:var(--z-sun-edge);stroke-width:3.2;stroke-linejoin:round} .zw-breath .qv{stroke:var(--z-tp);stroke-width:1.6;stroke-dasharray:5 4} .zw-breath .qt{font-size:12.5px;font-weight:650;fill:var(--z-tp)!important} .zw-breath .tl{font-size:13px;font-weight:600} .zw-breath .sl{stroke:var(--z-sid);stroke-width:2}.zw-breath .sdl{font-size:12px;fill:var(--z-sid)!important;font-weight:600}.zw-breath .sdk{fill:var(--z-sid)!important} .zw-breath.nar .gy,.zw-breath.nar .qt,.zw-breath.nar .sdl{font-size:14px}.zw-breath.nar .tl{font-size:15px} /* drift */ .zw-drift .z{stroke:var(--cx-ink3);stroke-width:1.4} .zw-drift .gx{font-size:12px;fill:var(--cx-ink3)!important} .zw-drift .dfill{fill:color-mix(in srgb,var(--z-gap) 10%,transparent)} .zw-drift .dline{fill:none;stroke:var(--z-gap);stroke-width:3.2} .zw-drift .d285{fill:var(--z-sid);stroke:var(--z-bg);stroke-width:2}.zw-drift .dnow{fill:var(--z-gap);stroke:var(--z-bg);stroke-width:2}.zw-drift .dnow.faint{opacity:.6} .zw-drift .dlab{font-size:13px;font-weight:600}.zw-drift .dlab.strong{font-size:14.5px;font-weight:700;fill:var(--z-gap)!important} .zw-drift.nar .gy,.zw-drift.nar .gx{font-size:14px}.zw-drift.nar .dlab{font-size:15px}.zw-drift.nar .dlab.strong{font-size:16px} /* ayanāṃśa */ .zw-ay .gx{font-size:12px;fill:var(--cx-ink3)!important} .zw-ay .an{font-size:14px}.zw-ay .an.gc{font-weight:700;fill:var(--z-star)!important} .zw-ay .ast{stroke:color-mix(in srgb,var(--cx-ink) 18%,transparent);stroke-width:2} .zw-ay .adot{fill:var(--z-sid);stroke:var(--z-bg);stroke-width:2}.zw-ay .adot.gc{fill:var(--z-star)} .zw-ay .av{font-size:13px;font-weight:650} .zw-ay.nar .an,.zw-ay.nar .av{font-size:16px}.zw-ay.nar .gx{font-size:14px} /* legend swatches */ .zd210 .cx-sw.sun{background:var(--z-sun);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px color-mix(in srgb,var(--z-sun) 30%,transparent)} .zd210 .cx-sw.track{height:3px;background:var(--z-sun-edge)} .zd210 .cx-sw.light{background:linear-gradient(90deg,var(--z-night),var(--z-day))} .zd210 .cx-sw.half.up{height:4px;background:var(--z-q1)}.zd210 .cx-sw.half.dn{height:4px;background:var(--z-q3)} .zd210 .cx-sw.tp{height:0;border-top:2px dashed var(--z-tp);background:none} .zd210 .cx-sw.trop{background:color-mix(in srgb,var(--z-tp) 22%,var(--z-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--z-tp) 30%,transparent)} .zd210 .cx-sw.q0{background:color-mix(in srgb,var(--z-q0) 55%,var(--z-bg))}.zd210 .cx-sw.q1{background:color-mix(in srgb,var(--z-q1) 55%,var(--z-bg))}.zd210 .cx-sw.q2{background:color-mix(in srgb,var(--z-q2) 55%,var(--z-bg))}.zd210 .cx-sw.q3{background:color-mix(in srgb,var(--z-q3) 55%,var(--z-bg))} .zd210 .cx-sw.cons{background:color-mix(in srgb,var(--z-star) 32%,var(--z-bg))}.zd210 .cx-sw.oph{background:none;border:1.5px dashed var(--z-star)} .zd210 .cx-sw.sid{background:color-mix(in srgb,var(--z-sid) 34%,var(--z-bg))} .zd210 .cx-sw.gap{background:color-mix(in srgb,var(--z-gap) 40%,transparent)} .zd210 .cx-sw.spica{background:var(--z-sun);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:13px;height:13px;border-radius:0} .zd210 .cx-sw.nak{background:color-mix(in srgb,var(--z-star) 26%,var(--z-bg))} .zd210 .cx-sw.moon{background:var(--z-moon);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 1.5px var(--z-moon-edge)} .zd210 .cx-sw.gcm{width:3px;height:14px;background:var(--z-star);border-radius:1px} .zd210 .cx-sw.axis{width:16px;height:3px;background:var(--z-tp)} .zd210 .cx-sw.drift{height:3px;background:var(--z-gap)} .zd210 .cx-sw.dosha{background:linear-gradient(90deg,var(--z-kapha) 33%,var(--z-pitta) 33% 66%,var(--z-vata) 66%)} /* readouts */ .zd-day{display:grid;gap:10px} .zd-daybar{position:relative;display:flex;justify-content:space-between;height:30px;border-radius:9px;overflow:hidden;background:var(--z-night);font-size:.82rem;align-items:center;padding:0 10px} .zd-daybar i{position:absolute;left:0;top:0;bottom:0;background:var(--z-day)} .zd-daybar span{position:relative;font-weight:650}.zd-daybar span:first-of-type{color:#3a2a00}.zd-daybar span:last-of-type{color:#e8ecf7} .zd-widths{display:grid;gap:3px;margin-top:10px} .zd-widths button,.zd-w30{display:grid;grid-template-columns:96px 1fr 46px;gap:8px;align-items:center;padding:2px 4px;border:0;border-radius:6px;background:transparent;color:var(--cx-ink);font:inherit;font-size:.83rem;cursor:pointer;text-align:left} .zd-widths button:hover{background:var(--cx-s2)} .zd-widths i{display:block;height:9px;border-radius:5px;background:color-mix(in srgb,var(--z-star) 45%,var(--z-bg))} .zd-widths button.on{font-weight:700}.zd-widths button.on i{background:var(--z-star)} .zd-widths button.oph i{background:repeating-linear-gradient(90deg,var(--z-star) 0 4px,transparent 4px 7px)} .zd-widths em{font-style:normal;color:var(--cx-ink2);text-align:right} .zd-w30{cursor:default;color:var(--z-tp);font-weight:650}.zd-w30 i{background:var(--z-tp);height:3px} .zd-three{display:grid;gap:8px} .zd-three > div{display:grid;gap:2px;padding:10px 14px;border-radius:12px;background:var(--cx-s2);border-left:4px solid} .zd-three .kt{border-color:color-mix(in srgb,var(--z-tp) 55%,var(--z-bg))}.zd-three .ks{border-color:var(--z-sid)}.zd-three .kc{border-color:var(--z-star)} .zd-three b{font:600 1.18rem var(--cx-disp)}.zd-three small{color:var(--cx-ink2);font-size:.86rem} /* explore */ .zd-x{padding:18px 22px} .zd-xhead{margin-bottom:12px} .zd-xgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:26px;align-items:start} .zd-xside{display:grid;gap:14px} .zd-dl{display:grid;gap:0;margin:0}.zd-dl > div{display:grid;gap:2px;padding:9px 0;border-bottom:1px solid var(--cx-line)} .zd-dl dt{font-size:.8rem;color:var(--cx-ink3)}.zd-dl dd{margin:0;font-size:.98rem} /* read */ .zd-tl{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:0} .zd-tl li{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--cx-line)} .zd-tl time{font:600 .95rem var(--cx-disp);color:var(--cx-acc)}.zd-tl p{margin:4px 0 6px} .zd-seasons{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:14px} .zd-seasons article{padding:14px;border-radius:12px;background:var(--cx-s2);border-top:4px solid var(--q)} .zd-seasons .q0{--q:var(--z-q0)}.zd-seasons .q1{--q:var(--z-q1)}.zd-seasons .q2{--q:var(--z-q2)}.zd-seasons .q3{--q:var(--z-q3)} .zd-seasons header{display:grid}.zd-seasons header b{font:600 1.15rem var(--cx-disp)}.zd-seasons header span{font-size:.82rem;color:var(--cx-ink3)} .zd-seasons p{font-size:.92rem!important;line-height:1.55!important;margin:6px 0}.zd-sp{font-weight:600} .zd-dosha{display:inline-block;padding:2px 9px;border-radius:9px;background:var(--cx-s);font-size:.78rem;font-style:italic} @media (max-width:860px){.zd-xgrid{grid-template-columns:1fr}.zd-fig2{grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}.zd-tl li{grid-template-columns:1fr;gap:2px}} /* ---- foundations213.css ---- */ /* The Jyotish Project Study Space v2.13: Chart Foundations, rebuilt around the grammar of a chart. */ .fd213{--fd3-hi:color-mix(in srgb,var(--cx-acc) 16%,var(--cx-s));--fd3-hi2:color-mix(in srgb,var(--cx-gold) 22%,var(--cx-s));--fd3-path:color-mix(in srgb,var(--cx-acc) 6%,var(--cx-s)); --fd3-mas:color-mix(in srgb,#d4643a 15%,var(--cx-s));--fd3-fem:color-mix(in srgb,#3f86b8 15%,var(--cx-s)); --fd3-g1:color-mix(in srgb,#b0573a 20%,var(--cx-s));--fd3-g2:color-mix(in srgb,#3f8a5c 20%,var(--cx-s));--fd3-g3:color-mix(in srgb,#4d73a8 20%,var(--cx-s)); --fd3-a1:color-mix(in srgb,#b0573a 20%,var(--cx-s));--fd3-a2:color-mix(in srgb,#3f8a5c 20%,var(--cx-s));--fd3-a3:color-mix(in srgb,#b2507f 20%,var(--cx-s));--fd3-a4:color-mix(in srgb,#4d73a8 20%,var(--cx-s)); --gSun:#c27a12;--gMoon:#5f72a8;--gMars:#c2392b;--gMercury:#2f8a5c;--gJupiter:#a8780c;--gVenus:#b2507f;--gSaturn:#4a5878;--gRahu:#3b6f82;--gKetu:#8a5a3c} html[data-appearance=dark] .fd213{--gSun:#f0b050;--gMoon:#a9b8e8;--gMars:#f07a6a;--gMercury:#6fd09c;--gJupiter:#e8c05a;--gVenus:#ec8cc0;--gSaturn:#a8b4d8;--gRahu:#7fbfd4;--gKetu:#d8a07c; --fd3-mas:color-mix(in srgb,#ec8a5e 22%,var(--cx-s));--fd3-fem:color-mix(in srgb,#6fb0e0 22%,var(--cx-s))} .fd213 .g-Sun{color:var(--gSun);fill:var(--gSun)}.fd213 .g-Moon{color:var(--gMoon);fill:var(--gMoon)}.fd213 .g-Mars{color:var(--gMars);fill:var(--gMars)}.fd213 .g-Mercury{color:var(--gMercury);fill:var(--gMercury)} .fd213 .g-Jupiter{color:var(--gJupiter);fill:var(--gJupiter)}.fd213 .g-Venus{color:var(--gVenus);fill:var(--gVenus)}.fd213 .g-Saturn{color:var(--gSaturn);fill:var(--gSaturn)}.fd213 .g-Rahu{color:var(--gRahu);fill:var(--gRahu)}.fd213 .g-Ketu{color:var(--gKetu);fill:var(--gKetu)} /* figure */ .fd213 .cx-fig{display:flex;flex-direction:column;align-items:center;gap:10px} .fd3-form{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--cx-s2);box-shadow:inset 0 0 0 1px var(--cx-line);align-self:flex-end} .fd3-form button{border:0;background:transparent;color:var(--cx-ink2);font:600 .78rem var(--cx-sans);padding:5px 11px;border-radius:999px;cursor:pointer} .fd3-form button[aria-pressed=true]{background:var(--cx-s);color:var(--cx-acc);box-shadow:0 1px 2px rgba(0,0,0,.12)} .fd3-cap{font-size:.85rem;color:var(--cx-ink3);text-align:center} /* the chart */ .fd3-chart{width:100%;max-width:min(560px,66vh);height:auto;display:block;font-family:var(--cx-sans);user-select:none} .fd3-bg{fill:var(--cx-s)} .fd3-box{fill:var(--cx-s);stroke:var(--cx-line2);stroke-width:1.4;transition:fill .25s} .fd3-mid{fill:var(--cx-s2);stroke:var(--cx-line2);stroke-width:1.4} .fd3-cell{cursor:pointer;outline:none} .fd3-cell:hover .fd3-box{fill:color-mix(in srgb,var(--cx-acc) 5%,var(--cx-s))} .fd3-cell:focus-visible .fd3-box{stroke:var(--cx-acc);stroke-width:3} .fd3-cell.hi .fd3-box{fill:var(--fd3-hi);stroke:var(--cx-acc);stroke-width:2.6} .fd3-cell.hi2 .fd3-box{fill:var(--fd3-hi2);stroke:var(--cx-gold);stroke-width:2.6} .fd3-cell.path .fd3-box{fill:var(--fd3-path)} .fd3-cell.ok .fd3-box{fill:var(--cx-good-soft);stroke:var(--cx-good);stroke-width:2.6} .fd3-cell.no .fd3-box{fill:var(--cx-bad-soft);stroke:var(--cx-bad);stroke-width:2.6} .fd3-cell.mas .fd3-box{fill:var(--fd3-mas)}.fd3-cell.fem .fd3-box{fill:var(--fd3-fem)} .fd3-cell.grp.g1 .fd3-box{fill:var(--fd3-g1)}.fd3-cell.grp.g2 .fd3-box{fill:var(--fd3-g2)}.fd3-cell.grp.g3 .fd3-box{fill:var(--fd3-g3)} .fd3-cell.grp.a1 .fd3-box{fill:var(--fd3-a1)}.fd3-cell.grp.a2 .fd3-box{fill:var(--fd3-a2)}.fd3-cell.grp.a3 .fd3-box{fill:var(--fd3-a3)}.fd3-cell.grp.a4 .fd3-box{fill:var(--fd3-a4)} .fd3-cell.dim text{opacity:.28} .fd3-chart text{pointer-events:none} .fd3-rn{font-size:13px;font-weight:650;fill:var(--cx-ink)} .fd3-rn.sm{font-size:11.5px;fill:var(--cx-ink2)} .fd3-en{font-size:10px;fill:var(--cx-ink3)} .fd3-num{font-size:11px;font-weight:700;fill:var(--cx-ink3)} .fd3-nnum{font-size:14px;font-weight:700;fill:var(--cx-ink3)} .fd3-bb{fill:var(--cx-acc)} .fd3-bbt{font-size:12px;font-weight:700;fill:var(--cx-acc-ink)} .fd3-bk{font-size:11px;font-weight:600;fill:var(--cx-acc)} .fd3-nbh{font-size:11.5px;font-weight:700;fill:var(--cx-acc)} .fd3-lag{stroke:var(--cx-acc);stroke-width:2.4} .fd3-lagt{font-size:11px;font-weight:800;fill:var(--cx-acc);letter-spacing:.02em} .fd3-lord{font-size:15px;font-weight:650} .fd3-lord.sm{font-size:17px} .fd3-gl,.fd3-gg,.fd3-table td span{font-family:"Segoe UI Symbol","Noto Sans Symbols","Noto Sans Symbols 2","DejaVu Sans",sans-serif} .fd3-g{font-size:17px;font-weight:800;pointer-events:auto!important;cursor:pointer;paint-order:stroke;stroke:var(--cx-s);stroke-width:3px} .fd3-g.sel{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} .fd3-ctr{font-size:12px;fill:var(--cx-ink3)} .fd3-ctr.big{font:600 16px var(--cx-disp);fill:var(--cx-ink2)} .fd3-mirror{stroke:var(--cx-acc);stroke-width:2;stroke-dasharray:7 6} .fd3-mirt{font-size:11px;font-weight:700;fill:var(--cx-acc);letter-spacing:.08em;text-transform:uppercase} .fd3-arrow{fill:none;stroke:var(--cx-acc);stroke-width:3;stroke-linecap:round;opacity:.9} .fd3-ahp{fill:var(--cx-acc)} .fd213 .cx-sw.fd3-sw-mas{background:var(--fd3-mas)}.fd213 .cx-sw.fd3-sw-fem{background:var(--fd3-fem)} /* the horizon */ .fd3-hz{width:100%;max-width:560px;height:auto;display:block;font-family:var(--cx-sans)} .fd3-hz-sky{fill:color-mix(in srgb,#9cc0e6 22%,var(--cx-s))} .fd3-hz-ground{fill:color-mix(in srgb,#8a6a4a 16%,var(--cx-s))} .fd3-hz-r{fill:var(--cx-s);stroke:var(--cx-line2);stroke-width:1.2} .fd3-hz-r.below{fill:color-mix(in srgb,var(--cx-s) 70%,transparent)} .fd3-hz-r.on{fill:var(--fd3-hi);stroke:var(--cx-acc);stroke-width:2.4} .fd3-hz-t{font-size:10.5px;font-weight:600;fill:var(--cx-ink2)} .fd3-hz-t.on{font-size:12px;font-weight:800;fill:var(--cx-acc)} .fd3-hz-line{stroke:var(--cx-ink2);stroke-width:2} .fd3-hz-earth{fill:color-mix(in srgb,#5a8fc0 40%,var(--cx-s));stroke:var(--cx-line2)} .fd3-hz-you{font-size:11px;font-weight:700;fill:var(--cx-ink)} .fd3-hz-dir{font-size:11px;font-weight:800;letter-spacing:.12em;fill:var(--cx-acc)} .fd3-hz-note{font-size:11px;fill:var(--cx-ink3)} .fd3-hz-arr{fill:none;stroke:var(--cx-acc);stroke-width:2.2} /* lesson readouts */ .fd3-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .fd3-three>div{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:var(--cx-s2);box-shadow:inset 0 0 0 1px var(--cx-line)} .fd3-three small{font:600 10.5px var(--cx-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-ink3)} .fd3-three b{font-size:1.08rem}.fd3-three span{font-size:.86rem;color:var(--cx-ink2);line-height:1.4} .fd3-task{margin-top:14px!important;padding:12px 14px;border-radius:12px;background:var(--cx-acc-soft);font-size:1.04rem} .fd213 .cx-chip.ok{background:var(--cx-good);border-color:var(--cx-good);color:#fff} .fd213 .cx-chip.no{background:var(--cx-bad);border-color:var(--cx-bad);color:#fff} .fd213 .cx-chip:disabled{cursor:default} .fd3-nums .cx-chip{min-width:44px;justify-content:center} .fd3-lagc .cx-chip{padding:5px 10px;font-size:.84rem} .fd3-next{line-height:1.9} .fd3-next .text-btn{font-weight:650} /* the five steps */ .fd3-flow{list-style:none;margin:0;padding:0;display:grid;gap:6px;width:100%;max-width:440px} .fd3-flow li:not(.fd3-farr){display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--cx-s);box-shadow:inset 0 0 0 1px var(--cx-line2)} .fd3-flow .fd3-farr{text-align:center;color:var(--cx-ink3);transform:rotate(90deg);line-height:1;font-size:15px} .fd3-fn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cx-acc-soft);color:var(--cx-acc);font-weight:800} .fd3-flow b{display:block;font:600 1.08rem var(--cx-disp)}.fd3-flow small{display:block;font-size:.86rem;color:var(--cx-ink2);line-height:1.4} .fd3-flow li.done .fd3-fn{background:var(--cx-good);color:#fff} .fd3-flow li.on{box-shadow:inset 0 0 0 2px var(--cx-acc)} /* the nine */ .fd3-ggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:520px} .fd3-gcard{display:grid;justify-items:center;gap:2px;padding:12px 6px;border-radius:14px;border:1px solid var(--cx-line2);background:var(--cx-s);color:inherit;font:inherit;cursor:pointer;text-align:center} .fd3-gcard.sel{box-shadow:inset 0 0 0 2px currentColor} .fd3-gg{font-size:28px;line-height:1.1} .fd3-gcard b{color:var(--cx-ink);font-size:1rem}.fd3-gcard small{color:var(--cx-ink3);font-size:.8rem}.fd3-gcard em{font-style:normal;font-size:.8rem;color:inherit;font-weight:650} .fd3-ab{font-weight:800;color:inherit} /* tables */ .fd3-tw{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .fd3-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.94rem;background:var(--cx-s);border-radius:12px;box-shadow:inset 0 0 0 1px var(--cx-line)} .fd3-table th{font:600 10.5px var(--cx-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-ink3);text-align:left;padding:10px 12px;border-bottom:1px solid var(--cx-line2);white-space:nowrap} .fd3-table td{padding:8px 12px;border-bottom:1px solid var(--cx-line);vertical-align:top} .fd3-table tr:last-child td{border-bottom:0} .fd3-table td small{color:var(--cx-ink3)} .fd3-table tr.on td{background:var(--fd3-hi)} .fd3-table [data-fd-row]{cursor:pointer}.fd3-table [data-fd-row]:hover td{background:var(--fd3-path)} .fd213 .cx-stage.wide .cx-fig{gap:14px} /* explore */ .fd3-x{display:grid;gap:18px;padding:18px} .fd3-xg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start} .fd3-xfig{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px} .fd3-xp{display:grid;gap:14px;align-content:start} .fd3-xsec{display:grid;gap:8px} .fd3-xmsg{margin:0} .fd3-gchip small{opacity:.5} .fd3-xt h3{margin:0 0 2px} @media (max-width:760px){ .fd3-xg{grid-template-columns:1fr} .fd3-three{grid-template-columns:1fr} .fd3-three>div{grid-template-columns:auto auto 1fr;align-items:baseline;gap:8px} .fd3-form{align-self:center} .fd3-table{font-size:.88rem}.fd3-table td,.fd3-table th{padding:7px 9px} } .fd3-next .text-btn{font-size:inherit;font-family:inherit;padding:0;text-decoration:underline;text-underline-offset:3px;color:var(--cx-acc)} .fd3-box.fd3-ol{fill:none!important;pointer-events:none} .fd3-table td,.fd3-table th{white-space:nowrap} .fd3-struct td:last-child{white-space:normal;min-width:180px} @media (max-width:560px){ .fd3-rn{font-size:15px}.fd3-rn.sm{font-size:13.5px}.fd3-g{font-size:21px}.fd3-bk{font-size:12.5px}.fd3-nbh{font-size:13px}.fd3-nnum{font-size:16px}.fd3-lord{font-size:16px}.fd3-lagt{font-size:12.5px} .fd3-bbt{font-size:13px}.fd3-ctr.big{font-size:18px}.fd3-hz-t{font-size:12px}.fd3-hz-t.on{font-size:13.5px} } /* ---- outer210.css ---- */ /* The Jyotish Project Study Space v2.10: The Nine as a course. */ .op210 .card{--op-outer:#8a8f99;--op-node:#4f7d8f;--op-earth:#4d8cc0;--op-ok:var(--good,#2f6b45);--op-no:var(--bad,#a8291f);--op-sky:#1f2740;--op-sky2:#2b3556;--op-bg:var(--surface,var(--paper,#fbf8f3))} html[data-appearance=dark] .op210 .card{--op-outer:#a7adb8;--op-node:#8cc0d4;--op-sky:#121729;--op-sky2:#1c2440} .op210 .op-svg{width:100%;height:auto;display:block;overflow:visible} .op210 .op-svg text{fill:var(--cx-ink);dominant-baseline:central;text-anchor:middle;font-family:var(--cx-sans)} .op210 .op-svg .st{text-anchor:start}.op210 .op-svg .en{text-anchor:end} /* the lived sky */ .op-night{fill:var(--op-sky)} .op-star{fill:#fff;opacity:.35} .op-ecl{stroke:#f0b43a;stroke-width:2.5} .op-mpath{fill:none;stroke:#c6cee6;stroke-width:2;stroke-dasharray:6 6} .op210 .op-svg .op-pl{fill:#e9ecf5;font-size:14px;font-style:italic}.op-svg.nar .op-pl{font-size:19px} .op-node{fill:none;stroke:#8cc0d4;stroke-width:3} .op210 .op-svg .op-nl{fill:#bfe0ec;font-size:16px;font-weight:650}.op-svg.nar .op-nl{font-size:21px} .op-glow{opacity:.18}.op-light{stroke:rgba(255,255,255,.6);stroke-width:1.5} .op210 .op-svg .op-ll{fill:#f3f4f8;font-size:14px;font-weight:600}.op-svg.nar .op-ll{font-size:19px} .op-faint{fill:#9aa3b6}.op-ring{fill:none;stroke:#9aa3b6;stroke-dasharray:3 4} .op210 .op-svg .op-ol{font-size:13px;fill:var(--cx-ink2)}.op210 .op-svg .op-ol.b{font-weight:650;fill:var(--cx-ink)}.op-svg.nar .op-ol{font-size:17px} /* axes */ .op-axis{stroke:var(--cx-ink3);stroke-width:1.5} .op210 .op-svg .op-ax{font-size:12.5px;fill:var(--cx-ink3)}.op-svg.nar .op-ax{font-size:16px} .op210 .op-svg .op-axh{font-size:14px;font-weight:650;fill:var(--cx-acc)}.op-svg.nar .op-axh{font-size:18px} .op-always{fill:color-mix(in srgb,var(--cx-acc) 7%,var(--op-bg));stroke:color-mix(in srgb,var(--cx-acc) 30%,transparent)} .op210 .op-svg .op-gg{font-size:24px;font-family:"Segoe UI Symbol","Noto Sans Symbols","Noto Sans Symbols 2","DejaVu Sans",sans-serif}.op210 .op-svg .op-gg.sm{font-size:20px}.op-svg.nar .op-gg{font-size:30px} .op-drop{stroke:var(--op-outer);stroke-width:1.5;stroke-dasharray:4 4}.op-dot{fill:var(--op-outer)} .op-body{stroke:color-mix(in srgb,#000 18%,transparent);stroke-width:1} .op210 .op-svg .op-bl{font-size:16px;font-weight:650}.op-svg.nar .op-bl{font-size:21px} /* bars and strips */ .op-grid{stroke:color-mix(in srgb,var(--cx-ink) 10%,transparent)} .op210 .op-svg .op-rl{font-size:14px;font-weight:600}.op210 .op-svg .op-rl.out{fill:var(--op-outer);font-style:italic}.op-svg.nar .op-rl{font-size:18px} .op-bar{stroke:none}.op-bar.out{fill:var(--op-outer);opacity:.75} .op210 .op-svg .op-rv{font-size:13px;font-weight:650}.op210 .op-svg .op-rv.out{fill:var(--op-outer)}.op-svg.nar .op-rv{font-size:17px} .op-seg{stroke:var(--op-bg);stroke-width:1;opacity:.85} .op210 .op-svg .op-sl{font-size:12px;font-weight:650;fill:#fff}.op-svg.nar .op-sl{font-size:15px} .op-dasa{stroke:var(--op-bg);stroke-width:1} .op210 .op-svg .op-dg{font-size:20px;fill:#fff;font-family:"Segoe UI Symbol","Noto Sans Symbols","DejaVu Sans",sans-serif}.op210 .op-svg .op-dy{font-size:13px;fill:#fff;font-weight:700} .op-lifeline{stroke:var(--cx-acc);stroke-width:5;stroke-linecap:round} .op-sret{fill:var(--op-bg);stroke:var(--g-saturn,#5f6b8a);stroke-width:3} .op-uline{stroke:var(--op-outer);stroke-width:2;stroke-dasharray:3 3} /* the weave */ .op-cat{fill:var(--cx-s2);stroke:var(--cx-line2)} .op210 .op-svg .op-ct{font-size:14px;font-weight:600}.op-svg.nar .op-ct{font-size:18px} .op-link{fill:none;stroke-width:2.2;opacity:.75} .op-dangle{stroke:var(--op-outer);stroke-width:2;stroke-dasharray:3 5} .op210 .op-svg .op-q{font-size:18px;font-weight:700;fill:var(--op-outer)} .op-none{fill:none;stroke:var(--op-outer);stroke-dasharray:4 4} .op210 .op-svg .op-nonet{font-size:13px;font-style:italic;fill:var(--op-outer)}.op-svg.nar .op-nonet{font-size:16px} /* already held */ .op-theme{fill:color-mix(in srgb,var(--op-outer) 12%,var(--op-bg));stroke:color-mix(in srgb,var(--op-outer) 40%,transparent)} .op-carrier{fill:color-mix(in srgb,var(--cx-acc) 10%,var(--op-bg));stroke:color-mix(in srgb,var(--cx-acc) 40%,transparent)} .op-carrier.wait{fill:none;stroke-dasharray:4 4} .op-carrier.ok{fill:var(--cx-good-soft);stroke:var(--op-ok)}.op-carrier.no{fill:var(--cx-bad-soft);stroke:var(--op-no)} .op210 .op-svg .op-tt{font-size:14px}.op210 .op-svg .op-gt{font-size:14px;font-weight:650}.op-svg.nar .op-tt,.op-svg.nar .op-gt{font-size:17px} .op-arrow{stroke:var(--cx-acc);stroke-width:2}.op-arrow.wait{stroke:var(--op-outer);stroke-dasharray:3 4}.op-arrow.ok{stroke:var(--op-ok)}.op-arrow.no{stroke:var(--op-no)} .op-ah{fill:var(--cx-acc)} .op-match{display:grid;gap:8px} .op-m{display:grid;gap:4px;font-size:.92rem} .op-m small{color:var(--cx-ink3)} .op-m select{font:inherit;padding:7px 10px;border-radius:10px;border:1px solid var(--cx-line2);background:var(--cx-s);color:var(--cx-ink)} .op-m em{font-style:normal;font-size:.86rem;font-weight:650}.op-m em.ok{color:var(--op-ok)}.op-m em.no{color:var(--op-no)} /* myth */ .op-mbox{stroke-width:1.5}.op-mbox.fn{fill:color-mix(in srgb,var(--g-jupiter,#c7901f) 14%,var(--op-bg));stroke:var(--g-jupiter,#c7901f)}.op-mbox.my{fill:var(--cx-s2);stroke:var(--cx-line2)}.op-mbox.late{fill:color-mix(in srgb,var(--op-outer) 12%,var(--op-bg));stroke:var(--op-outer);stroke-dasharray:5 4} .op210 .op-svg .op-mt{font-size:17px;font-weight:650}.op210 .op-svg .op-ms{font-size:13.5px;fill:var(--cx-ink2)}.op-svg.nar .op-mt{font-size:21px}.op-svg.nar .op-ms{font-size:17px} .op-marrow{stroke:var(--cx-acc);stroke-width:3}.op-marrow.dash{stroke:var(--op-outer);stroke-dasharray:6 5} /* tests */ .op-yes{fill:var(--cx-good-soft);stroke:var(--op-ok);stroke-width:1.5}.op-no{fill:var(--cx-bad-soft);stroke:var(--op-no);stroke-width:1.5}.op-wait{fill:none;stroke:var(--cx-line2);stroke-dasharray:3 3} .op210 .op-svg .op-v{fill:var(--op-ok);font-weight:700;font-size:15px}.op210 .op-svg .op-x{fill:var(--op-no);font-weight:700;font-size:17px} .op210 .op-svg .op-tl{font-size:14px;font-weight:600}.op-svg.nar .op-tl{font-size:17px} .op-sep{stroke:var(--cx-line2);stroke-width:2;stroke-dasharray:4 4} /* foundations first */ .op-core{fill:color-mix(in srgb,var(--cx-acc) 12%,var(--op-bg));stroke:var(--cx-acc);stroke-width:2} .op-spoke{stroke:var(--cx-line2);stroke-width:1.5} .op-fq rect{fill:var(--cx-s2);stroke:var(--cx-line2);transition:fill .15s} .op-fq{cursor:pointer}.op-fq:hover rect{stroke:var(--cx-acc)} .op-fq.on rect{fill:var(--cx-acc);stroke:var(--cx-acc)}.op210 .op-svg .op-fq.on text{fill:var(--cx-acc-ink)} .op210 .op-svg .op-ft{font-size:13.5px;font-weight:600}.op-svg.nar .op-ft{font-size:17px} /* legend swatches */ .op210 .cx-sw.sunpath{height:3px;background:#f0b43a}.op210 .cx-sw.moonpath{height:0;border-top:2px dashed #8c96b8;background:none} .op210 .cx-sw.node{width:12px;height:12px;border-radius:50%;background:none;border:2.5px solid #4f7d8f} .op210 .cx-sw.seen{background:color-mix(in srgb,var(--cx-acc) 30%,var(--op-bg))}.op210 .cx-sw.found{background:var(--op-outer)} .op210 .cx-sw.link{height:3px;background:var(--cx-acc)}.op210 .cx-sw.dangle{height:0;border-top:2px dashed var(--op-outer);background:none} /* explore and read */ .op-x{padding:18px 22px} .op-xgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px} .op-xgrid section{display:grid;gap:10px;align-content:start;min-width:0} .op-xwide{grid-column:1/-1} .op-h{margin:0} .op-nine tr.out th,.op-nine tr.out td{color:var(--op-outer);font-style:italic} .op-nine tr.sum th,.op-nine tr.sum td{font-weight:650;border-top:2px solid var(--cx-line2)} .op-first{display:grid;gap:14px;padding-left:22px}.op-first p{margin:4px 0} @media (max-width:860px){.op-xgrid{grid-template-columns:1fr}.op-x{padding:12px}} .op210 .cx-sw.pass{width:12px;height:12px;border-radius:50%;background:var(--cx-good-soft);border:1.5px solid var(--op-ok)}.op210 .cx-sw.fail{width:12px;height:12px;border-radius:50%;background:var(--cx-bad-soft);border:1.5px solid var(--op-no)} /* ---- recite210.css ---- */ /* The Jyotish Project Study Space v2.10: recitation in the Sutra Library. */ .rc210{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:12px 0 4px;padding:12px 14px;border-radius:14px;background:var(--surface-2,var(--paper2));box-shadow:inset 0 0 0 1px var(--line,#ddd)} .rc210 .btn{min-height:38px} .rc210 .btn.on{background:var(--accent,var(--wine));color:var(--accent-ink,#fff);border-color:var(--accent,var(--wine))} .rc-opts{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;font-size:.82rem;color:var(--ink-3,var(--muted))} .rc-opts span{margin:0 2px 0 8px} .rc-chip{padding:4px 10px;border-radius:999px;border:1px solid var(--line-2,#ccc);background:var(--surface,#fff);color:var(--ink);font:inherit;font-size:.82rem;cursor:pointer} .rc-chip[aria-pressed=true]{background:var(--accent,var(--wine));border-color:var(--accent,var(--wine));color:var(--accent-ink,#fff)} .rc-note{flex-basis:100%;font-size:.8rem;color:var(--ink-3,var(--muted))} .sutra-sanskrit.rc-live{box-shadow:inset 3px 0 0 var(--accent,var(--wine));background:color-mix(in srgb,var(--accent,#7a2a1e) 6%,transparent);transition:background .3s} @media (max-width:600px){.rc-opts{margin-left:0}} /* ---- labs211.css ---- */ /* The Jyotish Project Study Space v2.11: the Jyotish.Labs page. */ .labs211{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px;align-items:start;padding:30px 32px;max-width:860px} .labs211-mark{width:120px;height:120px;background:var(--accent,var(--wine));-webkit-mask:url(assets/brand213/mark.svg) center/contain no-repeat;mask:url(assets/brand213/mark.svg) center/contain no-repeat} .labs211-eyebrow{font:600 11.5px var(--font-sans,system-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--accent,var(--wine))} .labs211 h2{margin:6px 0 12px;font-family:var(--font-display,Georgia,serif)} .labs211 p{line-height:1.7;max-width:62ch} .labs211-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .labs211-act a.btn{text-decoration:none} .labs211-note{font-size:.85rem;color:var(--ink-3,var(--muted));margin-top:10px} @media (max-width:640px){.labs211{grid-template-columns:1fr;padding:20px}.labs211-mark{width:72px;height:72px}} /* ---- avreader194.css ---- */ /* The Jyotish Project Study Space v1.94: avasthās of a chart, and the rules at a glance. */ .avr194-wrap{display:grid;gap:14px;margin:0 0 18px} .avr194{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--paper)} .avr-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.avr-head h3{margin:2px 0 4px;font-size:1.3rem}.avr-head p{margin:0;font-size:.9rem} .avr-eyebrow{font:600 11px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)} .avr-src{display:flex;flex-wrap:wrap;gap:6px}.avr-src button{border:1px solid var(--line);background:var(--paper2);color:var(--ink);border-radius:99px;padding:5px 12px;font:inherit;font-size:.88rem;cursor:pointer}.avr-src button[aria-pressed=true]{border-color:var(--wine);box-shadow:inset 0 0 0 1px var(--wine)} .avr-grid{display:grid;gap:8px} .avr-card{border:1px solid var(--line);border-left:4px solid var(--gc);border-radius:12px;background:var(--paper2);overflow:hidden} .avr-top{display:grid;grid-template-columns:90px 150px minmax(0,1fr) 120px;gap:12px;align-items:center;width:100%;padding:10px 14px;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer} .avr-g{font-weight:600;font-size:1.02rem}.avr-pos{color:var(--muted);font-size:.88rem} .avr-badges{display:flex;flex-wrap:wrap;gap:5px} .avr-b{display:inline-flex;gap:5px;align-items:baseline;padding:2px 9px;border-radius:99px;font-size:.85rem;white-space:nowrap}.avr-b small{opacity:.7;font-size:.75rem} .avr-b.supportive{background:color-mix(in srgb,var(--good) 16%,var(--paper));color:var(--ink)}.avr-b.difficult{background:color-mix(in srgb,#c2493a 14%,var(--paper));color:var(--ink)} .avr-bal{display:block;height:7px;border-radius:4px;background:color-mix(in srgb,#c2493a 45%,var(--paper));overflow:hidden}.avr-bal i{display:block;height:100%;background:var(--good)} .avr-detail{padding:4px 16px 14px;display:grid;gap:10px}.avr-detail h4{margin:6px 0;display:flex;align-items:center;gap:8px}.avr-detail h4 em{font-style:normal;font:600 12px system-ui,sans-serif;color:var(--muted)} .avr-detail ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}.avr-detail li{display:flex;gap:10px;align-items:center;font-size:.93rem}.avr-detail li small{color:var(--muted);font-size:.78rem} .avr-w{flex:0 0 auto;width:38px;text-align:center;padding:2px 0;border-radius:6px;font:600 12px system-ui,sans-serif;background:color-mix(in srgb,var(--wine) calc(var(--w)*45%),var(--paper))} .avr-detail p{margin:4px 0;font-size:.92rem;line-height:1.6}.avr-sum{font-size:.92rem}.avr-acts{display:flex;flex-wrap:wrap;gap:14px} .avr-note{padding:9px 12px;border-radius:10px;background:color-mix(in srgb,var(--wine) 8%,transparent);font-size:.9rem} .avr-rules{padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:var(--paper)} .avr-rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:12px 0} .avr-rgrid article{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper2);border-top:3px solid var(--good)}.avr-rgrid article.difficult{border-top-color:#c2493a} .avr-rgrid header{display:flex;justify-content:space-between;align-items:center;gap:8px}.avr-prov{font:11px system-ui,sans-serif;color:var(--muted)} .avr-ess{font-size:.98rem;line-height:1.6}.avr-rgrid ul{padding-left:18px;margin:6px 0;font-size:.9rem;line-height:1.55}.avr-rgrid p{margin:6px 0;font-size:.9rem;line-height:1.6} .avr-errors h4{margin:6px 0}.avr-errors ul{padding-left:20px;line-height:1.65;font-size:.94rem} html[data-appearance=dark][data-appearance] .avr194 .avr-src button{background:var(--paper2)!important;border-color:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] .avr194 .avr-src button[aria-pressed=true]{border-color:var(--wine)!important;box-shadow:inset 0 0 0 1px var(--wine)!important} html[data-appearance=dark][data-appearance] .avr194 .avr-top{background:transparent!important;border:0!important;color:var(--ink)!important} @media (max-width:760px){.avr-top{grid-template-columns:1fr 1fr}.avr-badges{grid-column:1/-1}.avr-bal{grid-column:1/-1}} /* v1.96 chart source picker */ .avr-source{margin:4px 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper2,var(--paper))} .avr-pick{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:8px 12px;align-items:center} .avr-pick-l{margin:0;font-size:13px;font-weight:600;color:var(--ink,var(--ink))} .avr-select{width:100%;min-height:40px} .avr-lib{position:relative} .avr-lib input{width:100%;min-height:40px} .avr-libres{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);max-height:300px;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:4px} .avr-libres button{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--ink,var(--ink));font:inherit} .avr-libres button:hover,.avr-libres button:focus-visible{background:var(--paper2,var(--paper2))} .avr-libres small{color:var(--muted);font-size:12px} .avr-libres p{margin:8px 10px} .avr-from{margin:10px 0 0;font-size:14px;line-height:1.5} .avr-from span{color:var(--muted)} .avr-from small{color:var(--muted)} @media (max-width:720px){.avr-pick{grid-template-columns:1fr}} .avr-short{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:var(--paper2,var(--paper));line-height:1.6} /* ---- chartstyle195.css ---- */ /* v1.95 chart styles: South Indian, Round wheel, style bar */ .cs195-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:10px 0 12px} .cs195-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--paper2,var(--paper))} .cs195-seg button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;cursor:pointer;min-height:32px} .cs195-seg button:hover{color:var(--ink,var(--ink))} .cs195-seg button[aria-checked="true"]{background:var(--paper);color:var(--ink,var(--ink));box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:600} .cs195-seg button:focus-visible{outline:2px solid var(--wine,var(--gold));outline-offset:1px} .cs195-ico{width:14px;height:14px;display:inline-block;border:1.4px solid currentColor;opacity:.85;box-sizing:border-box} .cs195-ico-north{transform:rotate(45deg) scale(.8);border-radius:1px} .cs195-ico-south{border-radius:2px;background:linear-gradient(currentColor,currentColor) center/1.2px 100% no-repeat,linear-gradient(currentColor,currentColor) center/100% 1.2px no-repeat} .cs195-ico-wheel{border-radius:50%;background:radial-gradient(circle,transparent 3px,currentColor 3.4px,transparent 4.3px)} .cs195-tog{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer;margin:0} .cs195-tog input{margin:0;width:auto} .cs195-hint{font-size:12.5px} @media (max-width:560px){.cs195-bar{gap:8px 10px}.cs195-seg button{padding:6px 10px}} /* Shared surfaces follow the active theme */ svg.cs195 .cs195-cell{fill:transparent;stroke:var(--line,var(--line));stroke-width:1;cursor:pointer;transition:fill .13s ease} svg.cs195 .cs195-cell:is(:hover,:focus-visible){fill:color-mix(in srgb,var(--chart-hover,var(--gold)) 9%,transparent);outline:none} svg.cs195 .cs195-lagna-cell{fill:color-mix(in srgb,var(--chart-hover,var(--gold)) 5%,transparent)} svg.cs195 .cs195-grid{stroke:var(--chart-line,var(--gold))} svg.cs195 .cs195-rlabel{fill:var(--chart-label,var(--gold))!important;letter-spacing:.02em} svg.cs195 .cs195-lagna{cursor:pointer} svg.cs195 .cs195-lagna path{stroke:var(--chart-hover,var(--gold))} svg.cs195 .cs195-lagna text,svg.cs195 .cs195-axislabel{fill:var(--chart-hover,var(--gold));font-variant-numeric:tabular-nums} svg.cs195 .cs195-cusp{fill:var(--chart-label,var(--gold));font-variant-numeric:tabular-nums} svg.cs195 .cs195-cusp tspan{cursor:pointer} svg.cs195 .cs195-cusp tspan:hover{fill:var(--chart-hover,var(--gold));text-decoration:underline} svg.cs195 .cs195-ctitle{fill:var(--ink,var(--ink));font-family:var(--tjp-head,var(--tjp-font,Georgia)),Georgia,serif} svg.cs195 .cs195-csub{fill:var(--chart-label,var(--gold));font-variant-numeric:tabular-nums} svg.cs195 .cs195-cnote{fill:var(--muted,var(--muted))} svg.cs195 .chart-glyph-degree{font-variant-numeric:tabular-nums} svg.cs195 .cs195-g{cursor:pointer} svg.cs195 .cs195-g .chart-marker-mask176{stroke:transparent} svg.cs195 .cs195-g:is(:hover,:focus-visible) .chart-marker-mask176{stroke:var(--chart-hover,var(--gold))!important;stroke-width:1.6} svg.cs195 .cs195-g:focus-visible{outline:none} /* Wheel */ svg.cs195 .cs195-sec{stroke:none;cursor:pointer;transition:fill .13s ease} svg.cs195 .cs195-sec0{fill:color-mix(in srgb,var(--chart-label,var(--gold)) 7%,transparent)} svg.cs195 .cs195-sec1{fill:color-mix(in srgb,var(--chart-label,var(--gold)) 2%,transparent)} svg.cs195 .cs195-sec:is(:hover,:focus-visible),svg.cs195 .cs195-bh:is(:hover,:focus-visible){fill:color-mix(in srgb,var(--chart-hover,var(--gold)) 16%,transparent);outline:none} svg.cs195 .cs195-bh{cursor:pointer;stroke:none} svg.cs195 .cs195-bh0{fill:color-mix(in srgb,var(--chart-label,var(--gold)) 5%,transparent)} svg.cs195 .cs195-bh1{fill:transparent} svg.cs195 .cs195-bnum{fill:var(--chart-label,var(--gold))} svg.cs195 .cs195-rings,svg.cs195 .cs195-ticks,svg.cs195 .cs195-trring{stroke:var(--chart-line,var(--gold))} svg.cs195 .cs195-bounds{stroke:color-mix(in srgb,var(--chart-line,var(--gold)) 55%,transparent)} svg.cs195 .cs195-cuspline{stroke:color-mix(in srgb,var(--chart-line,var(--gold)) 80%,transparent)} svg.cs195 .cs195-cuspline.cs195-axis{stroke:var(--chart-hover,var(--gold))} svg.cs195 .cs195-lead{stroke:color-mix(in srgb,var(--chart-label,var(--gold)) 70%,transparent)} svg.cs195 .cs195-tip{fill:var(--chart-hover,var(--gold))} svg.cs195 .cs195-asp{stroke:var(--chart-hover,var(--gold));stroke-linecap:round} svg.cs195 .cs195-asp:hover{stroke-opacity:1!important} svg.cs195 .cs195-aspdot{fill:var(--chart-hover,var(--gold))} /* Transit overlay markers */ svg.cs195 .cs195-tr{cursor:pointer} svg.cs195 .cs195-tr rect{fill:color-mix(in srgb,#3d7a8a 14%,var(--paper,#fcfaf5));stroke:#3d7a8a;stroke-width:1} svg.cs195 .cs195-tr text{fill:#2d6372;font-weight:600} svg.cs195 .cs195-tr:is(:hover,:focus-visible) rect{stroke-width:2;outline:none} svg.cs195 .cs195-trlead{stroke:#3d7a8a;stroke-width:1} svg.cs195 .cs195-trnote{fill:#2d6372} html[data-appearance=dark][data-appearance] svg.cs195 .cs195-tr rect{fill:var(--paper3)!important;stroke:#7fb7c4!important} html[data-appearance=dark][data-appearance] svg.cs195 .cs195-tr text,html[data-appearance=dark][data-appearance] svg.cs195 .cs195-trnote{fill:#a6d3dd!important} html[data-appearance=dark][data-appearance] svg.cs195 .cs195-trlead{stroke:#7fb7c4!important} html[data-appearance=dark][data-appearance] svg.cs195 .chart-glyph-name{fill:var(--ink)!important} html[data-appearance=dark][data-appearance] svg.cs195 .cs195-cell{stroke:var(--line)} html[data-appearance=dark][data-appearance] :is(#birthChart,#transitNorthChart){--chart-line:#7f7363} html svg.cs195.cs195-south .cs195-g rect.chart-marker-mask176{fill:transparent!important} svg.cs195.cs195-focus .cs195-asp{stroke-opacity:.06!important} svg.cs195.cs195-focus .cs195-asp.cs195-on{stroke-opacity:.95!important} .cs195-seg button kbd{display:none} svg.cs195 .cs195-chcount{fill:var(--muted,var(--muted));font-variant-numeric:tabular-nums} svg.cs195 .cs195-chnum{fill:#3d6a8a!important;font-weight:700} html[data-appearance=dark][data-appearance] svg.cs195 .cs195-chnum{fill:#9cc4dd!important} svg .cs195-lagmark{cursor:pointer} svg .cs195-lagmark text{fill:var(--chart-hover,var(--gold))} /* Library: AA badge */ .lb8-aa{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-right:6px;background:color-mix(in srgb,var(--good) 14%,var(--paper));color:var(--good);border:1px solid color-mix(in srgb,var(--good) 40%,transparent)} html[data-appearance=dark][data-appearance] .lb8-aa{background:var(--paper3)!important;color:#9fd3ae!important;border-color:#2f5a3c!important} /* ---- charts214.css ---- */ /* The Jyotish Project Study Space v2.14: charts the jyotish.labs way (layout around the chart). The drawing itself carries its own styles inside each SVG (charts214.js), so exports keep their colours. */ /* The chart boxes: square, centred, never wider than they need to be. */ #birthChart:has(> svg.jc214), #transitNorthChart:has(> svg.jc214) { background: none; border: 0; padding: 0; box-shadow: none; } svg.jc214 { display: block; width: 100%; height: auto; max-width: 100%; aspect-ratio: 1; border-radius: 4px; overflow: visible; } svg.jc214 .g:focus-visible .hit, svg.jc214 .house:focus-visible { outline: none; } /* Tapping a bhava, rāśi or graha focuses it; the browser's own focus box (a square around the shape's bounds) never shows on any chart. Keyboard focus is marked inside the shape instead. */ svg [tabindex], svg [tabindex] * { -webkit-tap-highlight-color: transparent; } svg [tabindex]:focus, svg [tabindex]:focus-visible, svg [data-ref-term]:focus, svg [data-ref-term]:focus-visible { outline: none !important; box-shadow: none !important; } svg.jc214 .house:focus-visible, svg.jc214 .wz:focus-visible, svg.jc214 rect.house:focus-visible { stroke: var(--wine, #7a2a1e) !important; stroke-width: 2.4px !important; stroke-dasharray: 4 3; vector-effect: non-scaling-stroke; } svg.jc214 .g:focus-visible .hit { stroke: var(--wine, #7a2a1e) !important; stroke-width: 1.6px !important; stroke-dasharray: 3 2; vector-effect: non-scaling-stroke; } .c214-cap { margin: 8px 2px 0; min-height: 1.5em; font-size: .86rem; line-height: 1.45; color: var(--ink-2); } .c214-cap b { color: var(--ink); font-weight: 650; } /* Chart Laboratory: the chart on the left, its panels beside it. */ .c214-ws { display: flex; flex-wrap: wrap; gap: 22px; align-items: flex-start; margin-top: 10px; } .c214-ws > #birthChart { flex: 1 1 380px; max-width: 640px; min-width: 0; } .c214-ws > .c214-aside { flex: 1 1 360px; } .c214-ws.c214-empty .c214-aside { display: none; } .chart-expanded .c214-ws > #birthChart { max-width: 760px; } #charts.c214-on #birthPositions { display: none; } .c214-aside { min-width: 0; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); overflow: hidden; position: sticky; top: 12px; } .c214-tabs { display: flex; gap: 2px; padding: 6px; border-bottom: 1px solid var(--line); background: var(--surface-2); overflow-x: auto; scrollbar-width: none; } .c214-tabs button { flex: 1 0 auto; border: 0; background: none; font: inherit; font-size: .84rem; font-weight: 600; color: var(--ink-2); padding: 7px 10px; border-radius: 7px; cursor: pointer; white-space: nowrap; } .c214-tabs button:hover { background: var(--surface); color: var(--ink); } .c214-tabs button[aria-selected="true"] { background: var(--surface); color: var(--accent); box-shadow: 0 0 0 1px var(--line-2) inset; } .c214-tabs button:focus-visible { outline: 2px solid var(--focus, var(--accent)); outline-offset: 1px; } .c214-panel { padding: 4px 0 8px; } .c214-tw { overflow-x: auto; } .c214-t { width: 100%; border-collapse: collapse; font-size: .84rem; line-height: 1.3; } .c214-t th, .c214-t td { padding: 6px 8px; text-align: left; border-bottom: 1px solid var(--line); white-space: nowrap; font-weight: 400; } .c214-t thead th { font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); font-weight: 600; background: none; position: static; } .c214-t tbody th { font-weight: 600; color: var(--ink); } .c214-t .c { text-align: center; } .c214-t .num { font-variant-numeric: tabular-nums; } .c214-t tbody tr { transition: background .12s; } .c214-t tbody tr:hover, .c214-t tbody tr.on { background: color-mix(in srgb, var(--accent) 9%, var(--surface)); } .c214-t tbody tr.on th { box-shadow: 3px 0 0 var(--accent) inset; } .c214-gn { display: inline-block; min-width: 1.6em; font-weight: 700; font-family: var(--font-sans); } .c214-link { border: 0; background: none; padding: 0; font: inherit; color: inherit; cursor: pointer; text-decoration: underline dotted; text-underline-offset: 3px; text-decoration-color: var(--line-2); } .c214-link:hover { color: var(--accent); } .c214-r { font-size: .7em; font-weight: 700; color: var(--ink-3); text-decoration: none; vertical-align: super; } .c214-tag { display: inline-block; padding: 1px 7px; border-radius: 99px; font-size: .74rem; background: var(--surface-2); color: var(--ink-2); } .c214-tag.good { background: var(--good-soft); color: var(--good); } .c214-tag.bad { background: var(--bad-soft); color: var(--bad); } .c214-tag.warn { background: var(--warn-soft); color: var(--warn); } .c214-yoga { color: var(--ink-3); font-variant-numeric: tabular-nums; } .c214-muted { color: var(--ink-3); white-space: normal !important; } .c214-note { margin: 8px 10px 4px; font-size: .78rem; line-height: 1.45; color: var(--ink-3); } .c214-mini { max-width: 300px; margin: 10px auto 4px; } .c214-mini svg.jc214 { pointer-events: auto; } /* Transit Observatory: the sky chart larger, and the Today card beneath it. */ #transitNorthChart:has(> svg.jc214), #birthChart:has(> svg.jc214) { aspect-ratio: auto !important; height: auto !important; overflow: visible !important; } .c214-today { padding: 18px 20px 14px; } .c214-today-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 10px 20px; margin-bottom: 10px; } .c214-today-head h3 { margin: 2px 0 0; } .c214-pick { display: inline-flex; align-items: center; gap: 8px; font-size: .84rem; color: var(--ink-2); white-space: nowrap; max-width: 100%; } .c214-pick select { min-width: 0; } .c214-pick select { max-width: 280px; } .c214-today-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) minmax(0, 1.2fr); gap: 18px; } .c214-col { min-width: 0; } .c214-today-grid.no-chart { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); } .c214-nochart { margin: 12px 2px 0; } .c214-col h4 { margin: 4px 0 8px; font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); font-weight: 650; } .c214-col h4 ~ h4 { margin-top: 16px; } .c214-day { margin: 0; display: grid; gap: 10px; } .c214-day > div { padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); } .c214-day dt { font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); font-weight: 650; } .c214-day dd { margin: 2px 0 0; font-family: var(--font-serif); font-size: 1.06rem; color: var(--ink); } .c214-day dd small { display: block; font-family: var(--font-sans); font-size: .78rem; color: var(--ink-3); margin-top: 2px; } .c214-dasha { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } .c214-dasha li { display: grid; grid-template-columns: 112px 1fr; gap: 2px 10px; align-items: baseline; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; } .c214-dl { font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); font-weight: 650; } .c214-dg { font-weight: 650; } .c214-dd { grid-column: 2; font-size: .78rem; color: var(--ink-3); } .c214-bar { grid-column: 1 / -1; height: 4px; border-radius: 4px; background: var(--surface-3, var(--line)); overflow: hidden; margin-top: 4px; } .c214-bar i { display: block; height: 100%; border-radius: 4px; } .c214-goc td, .c214-goc th { padding: 4px 8px; } .c214-ahead { list-style: none; margin: 0; padding: 0; } .c214-ahead li { display: grid; grid-template-columns: 150px 1fr; gap: 10px; padding: 7px 4px 7px 14px; border-top: 1px solid var(--line); position: relative; font-size: .86rem; } .c214-ahead li:first-child { border-top: 0; } .c214-ahead li::before { content: ""; position: absolute; left: 2px; top: 14px; width: 6px; height: 6px; border-radius: 50%; background: var(--ink-3); } .c214-ahead li.k-ingress::before { background: var(--accent); } .c214-ahead li.k-station::before { background: var(--warn); } .c214-ahead li.k-moon::before { background: var(--gold); } .c214-ahead li.k-eclipse::before { background: var(--bad); width: 8px; height: 8px; left: 1px; top: 13px; } .c214-ahead li.k-dasha::before { background: var(--good); } .c214-ahead time { color: var(--ink-2); font-variant-numeric: tabular-nums; } .c214-ahead time small { display: block; color: var(--ink-3); font-size: .74rem; } @media (max-width: 1100px) { .c214-today-grid { grid-template-columns: 1fr 1fr; } .c214-today-grid > .c214-col:last-child { grid-column: 1 / -1; } } @media (max-width: 980px) { .c214-aside { position: static; } } @media (max-width: 680px) { .c214-today { padding: 14px 12px; } .c214-today-grid, .c214-today-grid.no-chart { grid-template-columns: 1fr; } .c214-ahead li { grid-template-columns: 104px 1fr; } .c214-dasha li { grid-template-columns: 1fr; } .c214-dd { grid-column: 1; } .c214-t { font-size: .8rem; } .c214-t th, .c214-t td { padding: 5px 6px; } } @media (prefers-reduced-motion: reduce) { .c214-t tbody tr { transition: none; } } /* ---- loc195.css ---- */ /* v1.95 location for Now */ .loc195{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper2,var(--paper));margin-bottom:4px} .loc195-follow{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:13.5px;cursor:pointer;color:var(--ink,var(--ink))} .loc195-follow input{width:auto;margin:0} .loc195-chip{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;flex:1 1 220px;min-width:0} .loc195-chip[data-kind="ok"]::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);margin-right:7px;vertical-align:1px;box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 20%,transparent)} .loc195-chip[data-kind="warn"]{color:var(--wine,var(--gold))} .loc195-chip[data-kind="busy"]{opacity:.8} .chartnow195{margin-top:8px} .chartnow195 span{color:var(--wine,var(--gold));margin-right:4px} /* ---- site196.css ---- */ .up196{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9000;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:12px;background:var(--ink,var(--ink));color:var(--paper,var(--paper));box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:14px;max-width:calc(100vw - 32px)} .up196 .btn{background:var(--paper,var(--paper));color:var(--ink,var(--ink));border:0} .up196-x{background:transparent;border:0;color:inherit;font-size:20px;line-height:1;cursor:pointer;opacity:.7} html[data-appearance=dark][data-appearance] .up196{background:var(--ink)!important;color:var(--paper)!important} html[data-appearance=dark][data-appearance] .up196 .btn{background:var(--paper)!important;color:var(--ink)!important} .top196{position:fixed;right:22px;bottom:88px;z-index:800;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink,var(--ink));box-shadow:0 4px 14px rgba(0,0,0,.12);font-size:18px;cursor:pointer} .top196:hover{border-color:var(--wine,var(--gold))} @media (max-width:760px){.top196{bottom:84px;right:14px;width:38px;height:38px}.up196{bottom:78px}} /* ---- player196.css ---- */ /* The Jyotish Project Study Space v1.96: in-site YouTube player (player196.js) */ .p196,.p196 *,.p196-modal,.p196-modal *,.p196-inline,.p196-inline *{box-sizing:border-box} .p196{--p196-accent:#e8a48f;--p196-accent:color-mix(in srgb,var(--wine,#8a3b45) 62%,#fff);position:relative;width:100%;max-width:100%;display:block} .p196[contenteditable],.p196 [contenteditable]{outline:none} .p196 [hidden],.p196-modal [hidden],.p196-inline [hidden]{display:none!important} .p196-box{position:relative;width:100%;aspect-ratio:16/9;background:#0d0b09;border-radius:10px;overflow:hidden} .p196-shorts .p196-box{width:auto;max-width:100%;height:min(78vh,640px);aspect-ratio:9/16;margin:0 auto} .p196-stage{position:absolute;inset:0;background:#000;color:#fff;overflow:hidden;outline:none;container-type:inline-size;font-size:14px;line-height:1.3;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none} .p196-stage:focus-visible{box-shadow:inset 0 0 0 3px var(--p196-accent)} .p196-frame{position:absolute;inset:0} .p196-frame iframe{display:block;width:100%;height:100%;border:0;pointer-events:none} /* shields: the iframe never receives clicks, so the YouTube title, channel, logo and suggestions cannot be opened */ .p196-shield{position:absolute;inset:0;z-index:2;background:transparent;cursor:pointer} .p196-edge{display:none;position:absolute;left:0;right:0;z-index:2;background:transparent} .p196-edge-t{top:0;height:24%}.p196-edge-b{bottom:0;height:26%} .p196.is-tap .p196-shield{display:none} .p196.is-tap .p196-frame iframe{pointer-events:auto} .p196.is-tap .p196-edge{display:block} .p196-scrim{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .2s;background:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,0) 28%,rgba(0,0,0,0) 52%,rgba(0,0,0,.86))} .p196.is-paused .p196-scrim{opacity:1} /* poster with play and resume */ .p196-poster{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#16120f;overflow:hidden} .p196-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)} .p196-pc{position:relative;width:100%;display:grid;justify-items:center;gap:10px;padding:12px;text-align:center;max-width:100%} .p196 .p196-pplay{width:72px;height:72px;border-radius:50%;border:0!important;background:var(--p196-accent)!important;color:#1a1310!important;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.45);padding:0;position:relative} .p196 .p196-pplay svg{width:34px;height:34px;margin-left:4px} .p196 .p196-pplay:focus-visible{outline:3px solid #fff;outline-offset:3px} .p196-poster.is-wait .p196-pplay svg{opacity:.25} .p196-poster.is-wait .p196-pplay::after{content:"";position:absolute;inset:14px;border-radius:50%;border:3px solid rgba(26,19,16,.25);border-top-color:#1a1310;animation:p196spin .8s linear infinite} .p196-ptitle{margin:0;max-width:min(90%,46ch);font-weight:600;font-size:15px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .p196-ptitle:empty{display:none} .p196-resume{display:flex;flex-wrap:wrap;gap:8px;justify-content:center} .p196 .p196-chip{border-radius:999px;padding:6px 14px;border:1px solid #fff!important;background:#fff!important;color:#17120f!important;font:inherit;font-size:13px;font-weight:600;cursor:pointer;min-height:32px} .p196 .p196-chip.ghost{background:rgba(0,0,0,.45)!important;color:#fff!important;border-color:rgba(255,255,255,.7)!important;font-weight:500} .p196 .p196-chip:focus-visible{outline:2px solid var(--p196-accent);outline-offset:2px} .p196-rnote{font-size:13px;background:rgba(0,0,0,.5);padding:4px 10px;border-radius:999px} .p196-hint{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:6;margin:0;background:rgba(0,0,0,.8);color:#fff;padding:6px 12px;border-radius:999px;font-size:13px;white-space:nowrap;pointer-events:none;max-width:92%;overflow:hidden;text-overflow:ellipsis} /* end card and messages cover the frame completely, so end-screen suggestions stay out of reach */ .p196-card{position:absolute;inset:0;z-index:8;display:grid;place-items:center;text-align:center;padding:14px;overflow:auto;background:var(--paper2,#f1ece4);color:var(--ink,#2a241f);user-select:text;-webkit-user-select:text} .p196-card>div{max-width:52ch} .p196-mt{margin:0;font-weight:650;font-size:16px;line-height:1.35;color:var(--ink,#2a241f)} .p196-mm{margin:8px auto 0;font-size:13px;line-height:1.45;color:var(--muted,#6b625a)} .p196-mm a{color:var(--muted,#6b625a)} .p196-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px} .p196 .p196-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 16px;border-radius:999px;border:1px solid var(--line,#d6cfc4)!important;background:var(--paper2,#f1ece4)!important;color:var(--ink,#2a241f)!important;font:inherit;font-size:14px;cursor:pointer;text-decoration:none} .p196 .p196-btn.primary{background:var(--wine,#7b2d3a)!important;border-color:var(--wine,#7b2d3a)!important;color:var(--paper,#fff)!important} .p196 .p196-btn svg{width:18px;height:18px} .p196 .p196-btn:focus-visible{outline:2px solid var(--wine,#7b2d3a);outline-offset:2px} /* control bar */ .p196-bar,.p196-flash,.p196-hint,.p196-rnote{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif} .p196-bar{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:20px 8px 4px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8) 55%);transition:opacity .25s} .p196-poster:not([hidden])~.p196-bar,.p196-msg:not([hidden])~.p196-bar,.p196-end:not([hidden])~.p196-bar{display:none} .p196-stage.p196-idle{cursor:none} .p196-stage.p196-idle .p196-bar{opacity:0;pointer-events:none} .p196-seek{position:relative;height:18px;display:flex;align-items:center;cursor:pointer;touch-action:none;outline:none;margin:0 4px} .p196-track{position:relative;width:100%;height:4px;border-radius:2px;background:rgba(255,255,255,.28);transition:height .12s} .p196-seek:hover .p196-track,.p196-seek:focus-visible .p196-track{height:6px} .p196-buf,.p196-prog{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:2px;font-style:normal} .p196-buf{background:rgba(255,255,255,.4)} .p196-prog{background:var(--p196-accent)} .p196-ticks i{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:rgba(0,0,0,.8)} .p196-knob{position:absolute;top:50%;left:0;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--p196-accent);transform:scale(0);transition:transform .12s} .p196-seek:hover .p196-knob,.p196-seek:focus-visible .p196-knob{transform:scale(1)} .p196-seek:focus-visible .p196-track{box-shadow:0 0 0 2px #fff} .p196-tip{position:absolute;bottom:20px;left:0;max-width:75%;padding:3px 8px;border-radius:4px;background:rgba(0,0,0,.88);color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none} .p196-row{display:flex;align-items:center;gap:2px;min-width:0} .p196 .p196-b{flex:none;width:36px;height:36px;display:grid;place-items:center;padding:0;margin:0;border:0!important;border-radius:6px;background:transparent!important;color:#fff!important;cursor:pointer;box-shadow:none!important;min-width:0;min-height:0} .p196 .p196-b svg{width:22px;height:22px} .p196 .p196-b:hover{background:rgba(255,255,255,.14)!important} .p196 .p196-b:focus-visible{outline:2px solid #fff;outline-offset:-2px} .p196 .p196-b[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--p196-accent)!important} .p196-vol{display:flex;align-items:center;flex:none} .p196 .p196-volr{width:0!important;min-width:0!important;max-width:none!important;opacity:0;margin:0!important;padding:0!important;transition:width .18s,opacity .18s;accent-color:#fff;cursor:pointer;height:20px!important;background:transparent!important;border:0!important;box-shadow:none!important;flex:none} .p196 .p196-vol:hover .p196-volr,.p196 .p196-volr:focus-visible{width:72px!important;opacity:1;margin:0 6px 0 2px!important} .p196-time{flex:none;padding:0 6px;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff} .p196-chap{flex:0 1 auto;min-width:0;font-size:13px;color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .p196-chap:not(:empty)::before{content:"· ";opacity:.7} .p196-grow{flex:1 1 0;min-width:0} .p196-rate{flex:none;display:flex;align-items:center;margin:0 4px} .p196 .p196-rate select{display:inline-block!important;height:28px!important;min-height:0!important;margin:0!important;padding:0 4px!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.4)!important;background:rgba(0,0,0,.35)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:inherit;font-size:12px!important;line-height:normal!important;cursor:pointer;width:auto!important;min-width:0!important;max-width:84px!important;box-shadow:none!important} .p196 .p196-rate select option{color:#17120f;background:#fff} .p196-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .p196-flash{position:absolute;top:14%;left:50%;transform:translateX(-50%);z-index:7;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:13px;white-space:nowrap;pointer-events:none;opacity:0} .p196-flash.on{animation:p196flash .9s ease} @keyframes p196flash{0%{opacity:0}15%{opacity:1}70%{opacity:1}100%{opacity:0}} @keyframes p196spin{to{transform:rotate(360deg)}} @container (max-width:560px){ .p196 .p196-n,.p196-chap{display:none} .p196 .p196-volr{display:none!important} .p196 .p196-b{width:30px;height:32px} .p196 .p196-b svg{width:20px;height:20px} .p196-time{font-size:12px;padding:0 3px} .p196-rate{margin:0 2px} .p196 .p196-rate select{font-size:11px!important;padding:0 1px!important;height:26px!important;max-width:64px!important} .p196-bar{padding:16px 4px 2px} .p196 .p196-pplay{width:56px;height:56px} .p196 .p196-pplay svg{width:28px;height:28px} .p196-ptitle{font-size:13px} .p196 .p196-chip{padding:5px 11px;font-size:12px;min-height:30px} .p196-card{padding:10px} .p196-mt{font-size:14px} .p196-mm{font-size:12px;margin-top:6px} .p196-acts{margin-top:8px} .p196 .p196-btn{min-height:32px;padding:5px 12px;font-size:13px} } @container (max-width:300px){.p196-rate{display:none}.p196-ptitle{display:none}} /* theatre view, our own full screen, and the fallback full screen for phones without element full screen */ .p196-backdrop{position:fixed;inset:0;z-index:10040;background:rgba(12,10,8,.9)} .p196.is-theatre .p196-box,.p196.is-pfs .p196-box{background:var(--paper2,#ece6dd)} .p196.is-theatre .p196-stage{position:fixed;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10041;width:min(96vw,calc((100vh - 56px) * 16 / 9));height:auto;aspect-ratio:16/9;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.6)} .p196-shorts.is-theatre .p196-stage{width:min(96vw,calc((100vh - 56px) * 9 / 16));aspect-ratio:9/16} .p196.is-pfs .p196-backdrop{z-index:10060;background:#000} .p196.is-pfs .p196-stage{position:fixed;inset:0;z-index:10061;width:100vw;height:100vh;height:100dvh;border-radius:0;transform:none} .p196-stage:fullscreen{width:100%;height:100%;border-radius:0} .p196-stage:-webkit-full-screen{width:100%;height:100%;border-radius:0} html.p196-lock,html.p196-lock body{overflow:hidden} .p196-stage[popover]{margin:0;padding:0;border:0;overflow:hidden;background:#000;color:#fff;max-width:none;max-height:none} .p196-stage::backdrop{background:rgba(12,10,8,.9)} .p196.is-pfs .p196-stage::backdrop{background:#000} /* wrappers: inline under a link, a dialog, and the original embed holders */ .p196-inline{margin:12px 0 16px;padding:10px;max-width:100%;border:1px solid var(--line,#d6cfc4);border-radius:12px;background:var(--paper2,#f1ece4);color:var(--ink,#2a241f)} .p196-ihead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 8px;min-width:0} .p196-ititle{min-width:0;font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink,#2a241f)} .p196-inline .p196-x,.p196-modal .p196-x{flex:none;padding:5px 12px;min-height:32px;border-radius:999px;border:1px solid var(--line,#d6cfc4)!important;background:var(--paper,#fff)!important;color:var(--ink,#2a241f)!important;font:inherit;font-size:13px;cursor:pointer} .p196-modal{position:fixed;inset:0;z-index:10030;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,12,10,.8);overscroll-behavior:contain} .p196-mcard{width:min(1100px,100%,calc((100vh - 120px) * 16 / 9 + 24px));max-height:100%;overflow:auto;padding:12px;border-radius:14px;border:1px solid var(--line,#d6cfc4);background:var(--paper,#faf7f2);color:var(--ink,#2a241f);box-shadow:0 24px 70px rgba(0,0,0,.45)} .p196-mcard:has(.p196-shorts){width:min(420px,100%)} .p196-foot{margin:6px 2px 0;font-size:12px;text-align:right} .p196-foot a{color:var(--muted,#6b625a);text-decoration:underline;text-underline-offset:2px} .p196-holder{aspect-ratio:auto!important;height:auto!important;min-height:0!important;display:block!important;overflow:visible!important;background:transparent!important;place-items:initial!important} .p196.p196-m-embed{margin-top:0} /* dark appearance */ html[data-appearance=dark][data-appearance] .p196-card{background:var(--paper2)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] .p196-mt{color:var(--ink)!important} html[data-appearance=dark][data-appearance] .p196 .p196-btn{background:var(--paper2)!important;border-color:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] .p196 .p196-btn.primary{background:var(--wine)!important;border-color:var(--wine)!important;color:#15120f!important} html[data-appearance=dark][data-appearance] .p196{--p196-accent:#e6b9a6} html[data-appearance=dark][data-appearance] .p196 .p196-b{background:transparent!important;border:0!important;color:#fff!important;box-shadow:none!important} html[data-appearance=dark][data-appearance] .p196 .p196-b:hover{background:rgba(255,255,255,.14)!important} html[data-appearance=dark][data-appearance] .p196 .p196-b[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--p196-accent)!important} html[data-appearance=dark][data-appearance] .p196 .p196-rate select{background:rgba(0,0,0,.35)!important;color:#fff!important;border-color:rgba(255,255,255,.4)!important} html[data-appearance=dark][data-appearance] .p196 .p196-volr{background:transparent!important;border:0!important} html[data-appearance=dark][data-appearance] .p196 .p196-pplay{background:var(--p196-accent)!important;color:#1a1310!important;border:0!important} html[data-appearance=dark][data-appearance] .p196 .p196-chip{background:#fff!important;color:#17120f!important;border-color:#fff!important} html[data-appearance=dark][data-appearance] .p196 .p196-chip.ghost{background:rgba(0,0,0,.45)!important;color:#fff!important;border-color:rgba(255,255,255,.7)!important} html[data-appearance=dark][data-appearance] .p196-inline{background:var(--paper2)!important;border-color:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] .p196-mcard{background:var(--paper)!important;border-color:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] :is(.p196-inline,.p196-modal) .p196-x{background:var(--paper)!important;border-color:var(--line)!important;color:var(--ink)!important} html[data-appearance=dark][data-appearance] .p196-ititle{color:var(--ink)!important} html[data-appearance=dark][data-appearance] .p196.is-theatre .p196-box,html[data-appearance=dark][data-appearance] .p196.is-pfs .p196-box{background:#1a1612!important} @media (prefers-reduced-motion:reduce){.p196 *,.p196-modal *{transition:none!important;animation-duration:.01ms!important}} @media print{.p196-stage,.p196-backdrop{display:none}} /* ---- tour197.css ---- */ /* v1.97 guided tours */ .tour197{position:fixed;inset:0;z-index:10000} .t197-shade{position:absolute;inset:0;background:transparent} .tour197.t197-centre .t197-shade{background:rgba(12,10,8,.55);backdrop-filter:blur(2px)} .t197-spot{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px rgba(12,10,8,.58),0 0 0 2px var(--wine,var(--gold)),0 0 24px 4px color-mix(in srgb,var(--wine,var(--gold)) 50%,transparent);transition:left .32s ease,top .32s ease,width .32s ease,height .32s ease;pointer-events:none} .t197-card{position:fixed;width:min(380px,calc(100vw - 32px));background:var(--paper,var(--paper));color:var(--ink,var(--ink));border:1px solid var(--line);border-radius:16px;padding:16px 18px 14px;box-shadow:0 18px 50px rgba(0,0,0,.28);transition:left .32s ease,top .32s ease;outline:none} .tour197.t197-centre .t197-card{left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 32px))} .t197-top{display:flex;justify-content:space-between;align-items:center;gap:8px} .t197-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine,var(--gold));font-weight:600} .t197-x{border:0;background:transparent;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px} .t197-card h3{margin:8px 0 6px;font-size:20px;font-family:var(--tjp-head,var(--tjp-font,Georgia)),Georgia,serif} .t197-card p{margin:0 0 12px;line-height:1.6;font-size:15px;color:var(--ink,var(--ink))} .t197-dots{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 12px} .t197-dots i{width:7px;height:7px;border-radius:50%;background:var(--line)} .t197-dots i.done{background:color-mix(in srgb,var(--wine,var(--gold)) 45%,var(--line))} .t197-dots i.on{background:var(--wine,var(--gold));width:18px;border-radius:4px} .t197-acts{display:flex;justify-content:space-between;align-items:center;gap:10px} .t197-acts .btn.primary{margin-left:auto} .t197-never{font-size:12.5px;color:var(--muted)} .tour197.t197-sheet .t197-card{left:12px!important;right:12px;width:auto;top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom))} .tour197.t197-sheet.t197-sheet-top .t197-card{bottom:auto;top:12px!important} #tour197-btn span{color:var(--wine,var(--gold))} html[data-appearance=dark][data-appearance] .t197-card{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important} html[data-appearance=dark][data-appearance] .t197-card p{color:var(--ink)!important} html[data-appearance=dark][data-appearance] .t197-spot{box-shadow:0 0 0 9999px rgba(0,0,0,.66),0 0 0 2px var(--wine),0 0 24px 4px rgba(214,176,106,.35)!important} html[data-appearance=dark][data-appearance] .t197-eyebrow,html[data-appearance=dark][data-appearance] #tour197-btn span{color:var(--wine)!important} html[data-appearance=dark][data-appearance] .t197-dots i.on{background:var(--wine)!important} /* Settings card */ .t197-auto{display:flex;align-items:center;gap:8px;margin:6px 0 12px;font-size:14px} .t197-auto input{width:auto;margin:0} .t197-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:10px} .t197-row{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--paper2,var(--paper));padding:10px 12px;cursor:pointer;color:var(--ink,var(--ink));font:inherit} .t197-row b{flex:1;font-weight:600} .t197-row small{color:var(--muted)} .t197-row .t197-tick{opacity:0;color:var(--good)} .t197-row.seen .t197-tick{opacity:1} .t197-row:hover{border-color:var(--wine,var(--gold))} /* Lajjitādi reader under the charts */ .avr-host197{margin-top:18px} .avr-more{margin:10px 0 0;font-size:13.5px} .avr-moved{margin-bottom:14px;line-height:1.6} .avr-moved .row{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap} @media (prefers-reduced-motion: reduce){.t197-spot,.t197-card{transition:none}} .avr-host197{grid-column:1/-1!important;width:100%;max-width:none;min-width:0;box-sizing:border-box} .avr-host197 .avr194{width:100%} /* ---- i18n198.css ---- */ .lang-set198{margin:0 0 14px} .lang-set198 b{display:block;margin-bottom:6px} .lang-picker198 select{min-width:120px} /* Hindi: Devanagari faces after the chosen typeface */ html[lang="hi"] body{font-family:var(--tjp-font,Georgia),"Noto Serif Devanagari","Tiro Devanagari Hindi","Nirmala UI","Mangal",serif} /* ---- live199.css ---- */ /* v1.99 Live Sessions */ .lv199{margin:14px 0 20px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--paper2,var(--paper))} .lv199-when{display:flex;align-items:center;gap:8px;font-size:15px} .lv199-dot{width:9px;height:9px;border-radius:50%;background:var(--muted)} .lv199[data-state="live"] .lv199-dot,.lv199[data-state="open"] .lv199-dot{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 22%,transparent);animation:lv199p 1.6s ease-in-out infinite} @keyframes lv199p{50%{box-shadow:0 0 0 7px color-mix(in srgb,#3f8a5a 8%,transparent)}} .lv199-time{margin:8px 0 12px;font-size:15px;line-height:1.55} .lv199-time span{color:var(--muted);font-size:13.5px} .lv199-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .lv199-join{min-width:150px;justify-content:center;font-size:15.5px} .lv199-wait{color:var(--muted);font-size:14px} .lv199-note{margin:10px 0 0;color:var(--muted);font-size:13px} .lv199-chip{margin-left:10px;padding:6px 14px;font-size:13px;white-space:nowrap} .lv199-hjoin{margin-right:8px} #live [data-ev="refresh"]{display:none} @media (prefers-reduced-motion: reduce){.lv199-dot{animation:none!important}} @media (max-width:600px){.lv199-acts .btn{flex:1 1 100%}.lv199-chip{margin:6px 0 0}} html[data-appearance=dark][data-appearance] .lv199{background:var(--paper2)!important;border-color:var(--line)!important} /* ---- release189.css ---- */ /* v1.89 */ .cs9-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cs9-grid label{font-size:13px} .cs9-note{font-size:12.5px;margin:8px 0 0} @media (max-width:700px){.cs9-grid{grid-template-columns:1fr}} /* Courses */ .cr9-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:14px} .cr9-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cr9-tools input{flex:1 1 240px;width:auto;margin:0} .cr9-levels{display:flex;flex-wrap:wrap;gap:6px} .cr9-continue{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-align:left;border:1px solid color-mix(in srgb,var(--wine) 30%,transparent);background:color-mix(in srgb,var(--wine) 7%,var(--paper));border-radius:14px;padding:14px 16px;cursor:pointer;font:inherit;color:var(--ink)} .cr9-continue:hover{border-color:var(--wine)} .cr9-continue small{display:block;color:var(--muted);font-size:12.5px}.cr9-continue b{font-size:16px} .cr9-cplay{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:var(--accent-ink);font-size:15px} .cr9-cpct{text-align:right}.cr9-cpct b{font-size:20px;color:var(--wine)} .cr9-card{display:flex;flex-direction:column;gap:10px} .cr9-card.locked{opacity:.8}.cr9-card.done{border-color:color-mix(in srgb,var(--good) 40%,var(--line))} .cr9-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cr9-done{font-size:12px;color:var(--good);font-weight:600} .cr9-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .cr9-meta,.cr9-progtext,.cr9-next{font-size:13px;color:var(--muted)}.cr9-next b{color:var(--ink);font-weight:600} .cr9-prog{height:7px;border-radius:9px;background:var(--line);overflow:hidden}.cr9-prog i{display:block;height:100%;background:var(--wine);border-radius:9px;transition:width .4s} .cr9-lock{font-size:13px;color:var(--muted);margin:0} .cr9-card .bottom{margin-top:auto} /* Lesson */ .lr9-bar{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px} .lr9-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .lr9-where{flex:1;text-align:center;line-height:1.3}.lr9-where small{display:block;color:var(--muted);font-size:12px} .lr9-grow{flex:1}.lr9-resume{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted)} .lr9-prog{height:5px} .lr9-notetools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px;font-size:12.5px} .lr9-notes h4{margin:16px 0 8px}.lr9-note{border-top:1px solid var(--line);padding:8px 0;font-size:14px;line-height:1.55}.lr9-note small{color:var(--muted);font-size:11.5px} .lr9-seek{border:0;background:color-mix(in srgb,var(--wine) 10%,transparent);color:var(--wine);border-radius:5px;padding:0 5px;font:600 12.5px system-ui,sans-serif;cursor:pointer} .transcript .lr9-seek{margin-right:8px} body.lr9-focus .sidebar,body.lr9-focus #learn .learning-sidebar,body.lr9-focus .reference-bar146,body.lr9-focus .topbar{display:none!important} body.lr9-focus #learn .lesson-stage{grid-column:1/-1} body.lr9-focus .main{max-width:1100px;margin:0 auto} /* Recordings */ .rw9-head h2{margin:14px 0 8px} .rw9-stats{display:flex;gap:18px;flex-wrap:wrap}.rw9-stats div{display:flex;flex-direction:column}.rw9-stats b{font-size:22px;color:var(--wine)}.rw9-stats small{color:var(--muted);font-size:12px} .rw9-fresh b{color:var(--good)!important} .rw9-cont{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px} .rw9-card{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;color:var(--ink)} .rw9-card:hover{border-color:var(--wine)}.rw9-card small{display:block;color:var(--muted);font-size:12px} .rw9-play{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:var(--accent-ink);font-size:12px} .rw9-bar,.rw9-mini{display:block;height:4px;border-radius:4px;background:var(--line);overflow:hidden;margin-top:5px}.rw9-bar i,.rw9-mini i{display:block;height:100%;background:var(--wine)} .rw9-mini{display:inline-block;width:70px;vertical-align:middle;margin:0 0 0 6px} .rw9-new{font:600 10.5px system-ui,sans-serif;color:#fff;background:var(--good);border-radius:5px;padding:1px 5px;vertical-align:1px} .rec-row152.rw9-watched .rec-title152{color:var(--muted)} .rw9-status{font-size:12.5px;margin:6px 0 0} #learn #completeLessonBtn{display:none} .lr9-done{font:600 13px system-ui,sans-serif;color:var(--good)} #recordings .rec-toolbar152{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end} #recordings .rec-toolbar152 label{flex:1 1 170px;margin:0} #recordings .rec-toolbar152 label:first-child{flex:2 1 240px} #recordings .rec-toolbar152 select,#recordings .rec-toolbar152 input{width:100%} /* Community */ .cm9-hub{margin:12px 0} .cm9-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px} .cm9-stats>div,.cm9-stats>button{display:flex;flex-direction:column;min-width:110px;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:10px 12px;text-align:left;font:inherit;color:var(--ink)} .cm9-stats>button{cursor:pointer}.cm9-stats>button:hover{border-color:var(--wine)} .cm9-stats b{font-size:20px;color:var(--wine)}.cm9-stats small{color:var(--muted);font-size:12px} .cm9-stats .cm9-ev{flex:1 1 220px}.cm9-ev b{font-size:15px!important;color:var(--ink)!important} .cm9-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted);margin:4px 0} .cm9-new{background:var(--good);color:#fff;border-radius:6px;padding:1px 7px;font:600 11px system-ui,sans-serif} .cm9-open{color:var(--wine)} .cm9-last{font-size:13px;color:var(--muted);border-left:3px solid var(--line);padding:2px 0 2px 10px;margin-top:8px}.cm9-last b{color:var(--ink)} .cm9-react{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.cm9-react:empty{display:none} .cm9-r{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:2px 9px;font-size:13px;cursor:pointer;line-height:1.5} .cm9-r small{font:600 11px system-ui,sans-serif;color:var(--muted)}.cm9-r.on{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 10%,var(--paper))} .cm9-author{cursor:pointer}.cm9-author:hover span{text-decoration:underline} .community-body .cm9-quote{display:block;border-left:3px solid var(--gold,var(--gold));padding-left:10px;color:var(--muted);font-style:italic} .cm9-at{color:var(--wine);font-weight:600} .community-body a,.chat-message146 p a{color:var(--wine);word-break:break-all} .cm9-help{font-size:12.5px;margin:4px 0} .cm9-preview{border:1px dashed var(--line);border-radius:10px;padding:10px;font-size:14.5px} .cm9-evhero{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:16px;margin-bottom:14px;color:#ebe2df;background:linear-gradient(135deg,#2a2233,#40263a)} .cm9-evhero small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.cm9-evhero b{display:block;font-size:20px;color:#fff;margin:2px 0} .cm9-evhero span{font-size:14px;opacity:.85}.cm9-live{color:#8fe3a0;font-weight:600;opacity:1!important} .cm9-evhero .btn:not(.primary){background:rgba(255,255,255,.08);color:#ebe2df;border-color:rgba(255,255,255,.2)} .cm9-evdisc{border-top:1px solid var(--line);margin-top:16px;padding-top:12px} .cm9-mbar{margin:10px 0}.cm9-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cm9-sep{width:1px;height:20px;background:var(--line);margin:0 4px} .cm9-mcount{font-size:12.5px;margin:6px 0 0} .member-row149[hidden]{display:none!important} .cm9-day{text-align:center;margin:10px 0;font:600 11.5px system-ui,sans-serif;color:var(--muted);letter-spacing:.04em}.cm9-day span{background:var(--paper2);border-radius:999px;padding:3px 10px} .cm9-notify{font-size:12.5px;margin-bottom:6px} /* Transcript Studio */ .ts9-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-items:start} .ts9-sec{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper)} .ts9-sec summary{cursor:pointer;font-weight:600} .ts9-sec label{font-size:13px}.ts9-sec p{font-size:12.5px;margin:6px 0} .ts9-check{display:flex;gap:8px;align-items:center}.ts9-check input{width:auto} .ts9-fr{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.ts9-fr input{margin:0} .ts9-flags{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:8px}.ts9-flags label{display:flex;gap:5px;align-items:center;margin:0}.ts9-flags input{width:auto} .ts9-exports{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} #ts9-gloss{font:12.5px/1.5 ui-monospace,Menlo,monospace} .ts9-stats,.ts9-keys{font-size:12.5px;margin:10px 0 0}.ts9-status{font-size:13px;color:var(--wine);margin:6px 0 0;min-height:1em} kbd{font:600 11px ui-monospace,Menlo,monospace;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 4px;background:var(--paper)} /* Lecture Studio */ .st9{display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:12px;border:1px solid color-mix(in srgb,var(--wine) 25%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--wine) 5%,var(--paper))} .st9-opts summary{cursor:pointer;font-size:13px;color:var(--wine)}.st9-opts label{font-size:12.5px;display:inline-flex;flex-direction:column;margin-right:12px}.st9-opts select{width:auto} .st9-status{font-size:13px;margin:0} @media (max-width:900px){#learn>.grid{display:flex;flex-direction:column}#learn .lesson-stage{order:-1}} /* ---- release190.css ---- */ /* v1.90 */ /* Transit live */ .tr9{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12.5px;margin:6px 0} .tr9-live{display:flex;gap:6px;align-items:center;margin:0;font-weight:600;color:var(--ink)}.tr9-live input{width:auto} /* Chart Laboratory: time and depth */ .jy9{display:flex;flex-direction:column;gap:12px;margin-top:12px} .jy9-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.jy9-head h3{margin:0} .jy9-tabs{display:flex;gap:4px;flex-wrap:wrap}.jy9-tabs button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 12px;font:600 13px system-ui,sans-serif;color:var(--muted);cursor:pointer} .jy9-tabs button[aria-selected=true]{background:var(--wine);border-color:var(--wine);color:var(--accent-ink)} .jy9-row{display:flex;flex-wrap:wrap;gap:10px}.jy9-row label{font-size:12px;margin:0}.jy9-row input,.jy9-row select{width:auto} .jy9-note{font-size:13px;color:var(--muted);margin:0;line-height:1.55} .jy9-now{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .jy9-now div{border:1px solid color-mix(in srgb,var(--wine) 25%,var(--line));background:color-mix(in srgb,var(--wine) 6%,var(--paper));border-radius:12px;padding:10px 12px} .jy9-now small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.jy9-now b{display:block;font-size:19px;color:var(--wine)}.jy9-now span{font-size:12px;color:var(--muted)} .jy9-md{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden} .jy9-md>li{border-top:1px solid var(--line)}.jy9-md>li:first-child{border-top:0} .jy9-md>li>button{display:grid;grid-template-columns:90px 1fr auto;gap:10px;width:100%;text-align:left;border:0;background:var(--paper);padding:8px 12px;font:14px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .jy9-md>li.on>button{background:color-mix(in srgb,var(--wine) 8%,var(--paper))}.jy9-md>li>button small{color:var(--muted)} .jy9-md ul{display:none;list-style:none;margin:0;padding:4px 12px 8px 112px;font-size:13px}.jy9-md li.open ul{display:block} .jy9-md ul li{display:flex;justify-content:space-between;gap:10px;padding:2px 0;color:var(--muted)}.jy9-md ul li.on{color:var(--wine);font-weight:600} .jy9-varga{max-width:440px}.jy9-varga svg{width:100%;height:auto} .jy9-av{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px} .jy9-av article{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper);font-size:13.5px} .jy9-av header{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.jy9-av header span{color:var(--muted);font-size:12px} .jy9-state b{color:var(--wine)}.jy9-state ul{margin:4px 0 8px;padding-left:18px}.jy9-state li small{color:var(--muted)} @media (max-width:640px){.jy9-now{grid-template-columns:1fr}.jy9-md>li>button{grid-template-columns:70px 1fr}.jy9-md>li>button small{display:none}.jy9-md ul{padding-left:12px}} /* Path of study */ .pa9{margin-top:22px;display:flex;flex-direction:column;gap:14px} .pa9-head h2{margin:4px 0 6px}.pa9-head p{margin:0;color:var(--muted);max-width:820px;line-height:1.6} .pa9-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px} .pa9-tier{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:14px} .pa9-tt{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;margin-bottom:10px} .pa9-tt b{grid-row:span 2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:var(--accent-ink);font:600 14px var(--tjp-font,Georgia),serif} .pa9-tt span{font-weight:600;font-size:16px}.pa9-tt small{color:var(--muted);font-size:12px} .pa9-tier ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .pa9-c{display:grid;grid-template-columns:14px 1fr;gap:10px;position:relative;padding-bottom:12px} .pa9-c:not(:last-child)::before{content:"";position:absolute;left:6px;top:16px;bottom:0;width:2px;background:var(--line)} .pa9-dot{width:14px;height:14px;border-radius:50%;margin-top:3px;border:2px solid var(--line);background:var(--paper);position:relative;z-index:1} .pa9-c.available .pa9-dot{background:var(--wine);border-color:var(--wine)}.pa9-c.preparing .pa9-dot{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 25%,var(--paper))} .pa9-ct{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.pa9-ct b{font-size:14.5px} .pa9-st{font:600 10.5px system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.pa9-c.available .pa9-st{color:var(--good)}.pa9-c.preparing .pa9-st{color:var(--wine)} .pa9-c p{margin:3px 0 4px;font-size:13px;color:var(--muted);line-height:1.5} .pa9-c details{font-size:12.5px}.pa9-c summary{cursor:pointer;color:var(--wine)}.pa9-c details ul{margin:4px 0;padding-left:18px} .pa9-act{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px} /* Lesson questions */ .qz9-sum{font-size:13px;color:var(--muted)} .qz9-q{border-top:1px solid var(--line);padding:10px 0} .qz9-opts{display:flex;flex-direction:column;gap:5px} .qz9-o{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:8px 10px;font:14px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer} .qz9-o:hover:not(:disabled){border-color:var(--wine)}.qz9-o.right{border-color:var(--good);background:color-mix(in srgb,var(--good) 10%,var(--paper))}.qz9-o.wrong{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 8%,var(--paper))} .qz9-exp{font-size:13.5px;margin:8px 0 2px}.qz9-del{color:var(--wine)} .qz9-add{margin-top:12px;border:1px dashed var(--line);border-radius:12px;padding:10px}.qz9-add summary{cursor:pointer;color:var(--wine)} /* Course progress */ .cp9{display:flex;flex-direction:column;gap:12px}.cp9-head{display:flex;justify-content:space-between;align-items:center}.cp9-head h3{margin:0} .cp9-table{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:auto} .cp9-tr{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(auto-fit,minmax(120px,1fr));gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--line);font-size:13px;min-width:640px} .cp9-tr:first-child{border-top:0}.cp9-tr.head{background:var(--paper2);font:600 11px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)} .cp9-tr small{display:block;color:var(--muted);font-size:11.5px} /* Recordings */ .rv9-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:center;padding:16px;border-radius:18px;background:linear-gradient(135deg,#231c2c,#3b2536);color:#ebe2df;margin-bottom:12px} .rv9-feature h2{color:#fff;margin:4px 0}.rv9-feature .muted{color:#d7c9b5!important}.rv9-feature .eyebrow{color:var(--gold)} .rv9-desc{font-size:14px;line-height:1.55;opacity:.9} .rv9-fimg{position:relative;border:0;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:16/9;background:var(--ink)} .rv9-fimg img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9} .rv9-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.55);color:var(--paper);display:grid;place-items:center;font-size:24px} .rv9-search{margin:0 0 12px}.rv9-search label{font-size:13px} #rv9-hits{display:flex;flex-direction:column;gap:5px;margin-top:6px;max-height:420px;overflow:auto} .rv9-hh{font:600 11px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:8px 0 2px} .rv9-hit{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;color:var(--ink)}.rv9-hit:hover{border-color:var(--wine)} .rv9-hit b{display:block;font-size:13.5px}.rv9-hit small{color:var(--muted);font-size:12.5px}.rv9-hit mark,.rv9-lines mark{background:color-mix(in srgb,var(--gold,var(--gold)) 45%,transparent);color:inherit} .rv9-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:10px} .rv9-card{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:14px;overflow:hidden;padding:0;cursor:pointer;font:inherit;color:var(--ink);transition:transform .15s,box-shadow .15s} .rv9-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(40,25,20,.12);border-color:var(--wine)} .rv9-thumb{position:relative;aspect-ratio:16/9;background:#2a2233;display:block} .rv9-thumb img{width:100%;height:100%;object-fit:cover;display:block} .rv9-thumb em{position:absolute;right:6px;bottom:8px;background:rgba(0,0,0,.72);color:var(--paper);font:600 11px system-ui,sans-serif;font-style:normal;border-radius:5px;padding:1px 5px} .rv9-thumb em.rv9-w{left:6px;right:auto;background:var(--good)} .rv9-thumb .rv9-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.3)}.rv9-thumb .rv9-bar i{display:block;height:100%;background:var(--gold)} .rv9-ph{display:grid;place-items:center;width:100%;height:100%;color:var(--gold);font:600 20px var(--tjp-font,Georgia),serif;letter-spacing:.1em}.rv9-ph.big{font-size:40px} .rv9-body{padding:10px 12px}.rv9-body b{display:block;font-size:14.5px;line-height:1.35}.rv9-body small{color:var(--muted);font-size:12px} .rv9-card.watched .rv9-body b{color:var(--muted)} .rv9-tr{border:1px solid var(--line);border-radius:12px;margin:12px 0;background:var(--paper)} .rv9-trh{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}.rv9-trh input[type=search]{flex:1 1 180px;width:auto;margin:0}.rv9-trh label{display:flex;gap:5px;align-items:center;font-size:12.5px;margin:0}.rv9-trh label input{width:auto} .rv9-lines{max-height:360px;overflow:auto;padding:6px 12px} .rv9-lines p{margin:0;padding:5px 6px;border-radius:6px;cursor:pointer;font-size:14px;line-height:1.55}.rv9-lines p:hover{background:var(--paper2)} .rv9-lines p.on{background:color-mix(in srgb,var(--wine) 10%,var(--paper))}.rv9-lines span{font:600 11.5px system-ui,sans-serif;color:var(--wine);margin-right:8px} @media (max-width:760px){.rv9-feature{grid-template-columns:1fr}} #recordings .rec-toolbar152 label:last-of-type{flex:0 1 150px} /* Billing */ .bl9-gate{background:var(--paper);border:1px solid var(--lp-line,var(--line));border-radius:16px;padding:18px 20px;color:var(--ink);text-align:left} .bl9-gate b{font-size:18px}.bl9-gate p{color:var(--muted)!important;font-size:15px!important;margin:6px 0 12px} .bl9-plans{display:flex;flex-wrap:wrap;gap:8px}.bl9-small{font-size:12.5px!important;margin:10px 0 0!important}.bl9-note{font-size:13px;color:var(--wine)!important;margin:0 0 8px} .bl9-banner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;margin:0 0 12px;font-size:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--gold,var(--gold)) 12%,var(--paper))} .bl9-banner.grace{background:color-mix(in srgb,var(--wine) 10%,var(--paper));border-color:color-mix(in srgb,var(--wine) 35%,var(--line))} .bl9-banner.canceling{background:color-mix(in srgb,var(--wine) 8%,var(--paper))} .bl9-banner span{flex:1 1 280px}.bl9-x{border:0;background:none;font-size:18px;cursor:pointer;color:var(--muted)} .bl9-settings dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:10px 0}.bl9-settings dl div{background:var(--paper2);border-radius:10px;padding:8px 10px}.bl9-settings dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.bl9-settings dd{margin:2px 0 0;font-weight:600} .bl9-welcome ol{padding-left:20px;line-height:1.8} .mb9{display:flex;flex-direction:column;gap:12px}.mb9-tools input{flex:1 1 260px;width:auto;margin:0}.mb9-filter{font-size:13px} .mb9-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden} .mb9-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}.mb9-row:first-child{border-top:0} .mb9-row small{display:block;color:var(--muted);font-size:12px}.mb9-acts{display:flex;flex-wrap:wrap;gap:5px} .mb9-st{font:600 10.5px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:5px;padding:1px 6px;background:var(--paper2);color:var(--muted)} .mb9-st.paying{background:var(--good);color:#fff}.mb9-st.trialing{background:var(--gold,var(--gold));color:var(--ink)}.mb9-st.past_due{background:var(--wine);color:var(--accent-ink)}.mb9-st.canceling{background:var(--wine);color:var(--accent-ink)}.mb9-st.complimentary{background:#3b5b8a;color:#fff} .mb9-setup{border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:13.5px}.mb9-setup ul{margin:6px 0;padding-left:18px;line-height:1.7} .mb9-log summary{cursor:pointer;color:var(--wine)}.mb9-log p{margin:4px 0;font-size:13px} .ep9-row{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.ep9-row input{width:auto;margin-top:4px}.ep9-row small{display:block;color:var(--muted);font-size:12.5px;font-weight:normal}.ep9-note{font-size:12.5px} .pw9-install{width:100%;margin-top:6px} .pw9-offline{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:9999;background:var(--ink);color:var(--paper);border-radius:999px;padding:8px 16px;font:13px system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.3)} /* v1.90 studio: webcam blur and transcript-based editing */ #cb9-note{display:block;margin-top:4px;font-size:.82rem} .ct9{grid-column:1/-1} .ct9-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:8px 0} .ct9-bar label{display:grid;gap:4px;min-width:200px;flex:1} .ct9-lines{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface,var(--paper));padding:4px} .ct9-line{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:start;padding:5px 6px;border-radius:6px;cursor:pointer;line-height:1.45} .ct9-line:hover{background:color-mix(in srgb,var(--accent,var(--wine)) 7%,transparent)} .ct9-line.off span{text-decoration:line-through;opacity:.5} .ct9-t{font:12px ui-monospace,monospace;border:0;background:none;color:var(--muted,var(--muted));cursor:pointer;padding:2px 0} /* v1.90 theme fixes: the dashboard greeting stays white on its night-sky panel in every mood, and the sidebar group titles are readable on Bubblegum's pale sidebar. */ html body .dh8-hero :is(h1,h2){color:#fff!important} html[data-appearance=bubblegum] .sidebar .nav-group147>summary{color:var(--ink)!important;background:color-mix(in srgb,var(--wine) 9%,transparent)!important} /* v1.90 earth panels: the night-sky panels (dashboard greeting, games, milestones, landing hero) take earthy pigments (umber, burnt sienna, ochre) instead of blue and purple. Celestial keeps its midnight blue. */ html{--earth-panel:radial-gradient(circle at 86% 8%,rgba(190,146,132,0.34),transparent 44%),radial-gradient(circle at 12% 100%,#7a4326,#2a1b11 70%); --earth-glass:radial-gradient(circle at 86% 8%,rgba(190,146,132,0.34),transparent 44%),linear-gradient(150deg,rgba(38,25,16,.93),rgba(92,52,30,.86) 62%,rgba(128,78,40,.84)); --earth-night:#2a1b11;--earth-night2:#4a2e1c;--earth-gold:#c49a8c} html[data-appearance=rainbow]{--earth-panel:radial-gradient(circle at 88% 6%,rgba(218,159,188,0.5),transparent 40%),linear-gradient(125deg,#5a1f0f 0%,#a8401c 45%,#d9751f 78%,#b96c92 100%); --earth-glass:radial-gradient(circle at 88% 6%,rgba(218,159,188,0.5),transparent 40%),linear-gradient(125deg,rgba(90,31,15,.94),rgba(168,64,28,.9) 45%,rgba(217,117,31,.88) 78%,rgba(185,108,146,0.86)); --earth-night:#5a1f0f;--earth-night2:#a8401c;--earth-gold:#da9fbc} html[data-appearance=celestial]{--earth-panel:radial-gradient(circle at 84% 4%,rgba(95,109,143,0.35),transparent 42%),linear-gradient(165deg,#1e3160,#0b1227 70%); --earth-glass:radial-gradient(circle at 84% 4%,rgba(95,109,143,0.35),transparent 42%),linear-gradient(165deg,rgba(30,49,96,.92),rgba(11,18,39,.9) 70%); --earth-night:#0b1227;--earth-night2:#1e3160;--earth-gold:#b6bed2} html[data-appearance=bubblegum]{--earth-panel:radial-gradient(circle at 86% 8%,rgba(229,186,229,0.42),transparent 42%),linear-gradient(140deg,#5b3a33,#8c5a48 58%,#a077a0); --earth-glass:radial-gradient(circle at 86% 8%,rgba(229,186,229,0.42),transparent 42%),linear-gradient(140deg,rgba(91,58,51,.93),rgba(140,90,72,.88) 58%,rgba(160,119,160,0.86)); --earth-night:#5b3a33;--earth-night2:#8c5a48;--earth-gold:#e5bae5} html[data-appearance=dark]{--earth-panel:radial-gradient(circle at 86% 8%,rgba(220,209,188,0.2),transparent 45%),linear-gradient(165deg,#28231e,#14120f 72%); --earth-glass:radial-gradient(circle at 86% 8%,rgba(220,209,188,0.2),transparent 45%),linear-gradient(165deg,rgba(40,35,30,0.92),rgba(20,18,15,0.9) 72%); --earth-night:#191612;--earth-night2:#28231e;--earth-gold:#dcd1bc} html body .dh8-hero,html body .fw8-hero,html body .ms7-hero,html body .ar7-hero{background:var(--earth-panel)!important;box-shadow:0 18px 44px rgba(40,24,12,.28)!important} html body .ar7{--night:var(--earth-night);--night2:var(--earth-night2)} html body .ar7-card .back{background:radial-gradient(circle at 30% 30%,var(--earth-night2),var(--earth-night))!important;border-color:color-mix(in srgb,var(--earth-gold) 30%,transparent)!important} html body .ar7-hub{fill:var(--earth-night)!important} html body .pg7-unlock{background:var(--earth-night)!important} html body .dh8-hero .dh8-chip{background:color-mix(in srgb,var(--paper) 10%,transparent)!important;border-color:color-mix(in srgb,var(--line) 26%,transparent)!important;color:#efe8e5!important} html body .dh8-hero .dh8-chip:hover{border-color:var(--earth-gold)!important} html body .dh8-hero :has(>.dh8-chip){background:transparent!important} /* ---- billing225.css ---- */ /* v2.25 Members and billing: states, the billing problem check, and the per-member billing panel. */ .mb9-st.paused{background:#5b6b8a;color:#fff}.mb9-st.cancelling{background:var(--wine);color:var(--accent-ink)}.mb9-st.active{background:var(--good);color:#fff} .mb9-st.ended,.mb9-st.canceled{background:var(--paper2);color:var(--muted)}.mb9-st.refunded{background:#e7efe2;color:#2f5a2a} .cm9-stats button[aria-pressed="true"]{outline:2px solid var(--wine);outline-offset:-2px} .mb9-check{border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px} .mb9-check.warn{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 6%,transparent)} .mb9-check.ok{background:color-mix(in srgb,var(--good) 7%,transparent)} .mb9-check ul{margin:6px 0;padding-left:18px;line-height:1.7}.mb9-check li small{color:var(--muted)} .mb9-check details summary{cursor:pointer;color:var(--wine);font-size:13px} .mb9-panel{width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 32px);border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:var(--paper,#fffdf8);color:var(--ink);overflow:auto} .mb9-panel::backdrop{background:rgba(30,24,20,.45)} .mb9-ph{display:flex;justify-content:space-between;align-items:center;gap:10px}.mb9-ph h3{margin:0} .mb9-panel h4{margin:16px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)} .mb9-summary{font-size:16px;font-weight:600;padding:10px 12px;border-radius:10px;margin:10px 0} .mb9-summary.ok{background:color-mix(in srgb,var(--good) 12%,transparent)} .mb9-summary.due{background:color-mix(in srgb,var(--gold,#c9a24a) 22%,transparent)} .mb9-summary.bad{background:color-mix(in srgb,var(--wine) 14%,transparent)} .mb9-sub{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:8px 0}.mb9-sub.gone{opacity:.72} .mb9-sub p{margin:3px 0;font-size:14px}.mb9-subh{display:flex;gap:8px;align-items:center;justify-content:space-between} .mb9-sub .mb9-acts{margin-top:8px} .mb9-pay{list-style:none;margin:0;padding:0}.mb9-pay li{padding:6px 0;border-top:1px solid var(--line);font-size:14px}.mb9-pay li:first-child{border-top:0} .mb9-f{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;font-size:14px} .mb9-f p{margin:0}.mb9-f label{display:flex;flex-direction:column;gap:4px}.mb9-f label.mb9-check1{flex-direction:row;align-items:center;gap:8px} .mb9-f input[type=text],.mb9-f input[type=date],.mb9-f input[type=number]{max-width:260px;margin:0} .btn.danger{background:var(--wine);color:var(--accent-ink);border-color:var(--wine)} @media (max-width:560px){.mb9-panel{padding:14px}.mb9-row{flex-direction:column;align-items:flex-start}} /* v2.25 sign-in by code */ .signin-code225{margin-top:14px;padding:12px;border:1px dashed var(--line);border-radius:12px} .signin-code225 input{font:600 22px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.3em;text-align:center} /* ---- library225.css ---- */ /* The Jyotish Project Study Space v2.25: the Animated Library and the explainer player. */ /* ===================== the explainer player (explain225-core.js) ===================== */ dialog.ex225{width:min(1180px,calc(100vw - 32px))!important;max-width:none!important;max-height:calc(100dvh - 24px)!important;padding:18px 22px 16px!important;border:1px solid var(--line,#ded6c9);border-radius:18px;background:var(--paper,#fcfaf5);color:var(--ink,#2b2340);box-shadow:0 24px 70px rgba(43,35,64,.28);overflow:auto;display:none;flex-direction:column;gap:12px} dialog.ex225[open]{display:flex} dialog.ex225::backdrop{background:rgba(32,26,44,.58);backdrop-filter:blur(3px)} .ex225-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .ex225-top h2{margin:2px 0 0;font-size:clamp(20px,2.3vw,28px);line-height:1.18;font-weight:600} .ex225-eyebrow{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine,#7a2a1e);font-weight:700} .ex225-x{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line,#ded6c9);background:transparent;color:inherit;font-size:26px;line-height:1;cursor:pointer} .ex225-x:hover{background:var(--paper2,#f3eee5)} .ex225-stagewrap{position:relative;flex:none;width:min(100%,calc((100dvh - 330px) * 16 / 9));min-width:min(100%,320px);height:auto;margin:0 auto;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#f6efe4;box-shadow:inset 0 0 0 1px rgba(43,35,64,.1)} .ex225-canvas{display:block;width:100%;height:auto;aspect-ratio:16/9} .ex225-caption{flex:none;margin:0 auto;max-width:62ch;min-height:2.7em;text-align:center;font-size:clamp(18px,1.9vw,23px);line-height:1.38;color:var(--ink,#2b2340);text-wrap:balance} .ex225-caption.in{animation:ex225cap .45s ease both} @keyframes ex225cap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .ex225-bar{display:flex;align-items:center;gap:8px;max-width:900px;width:100%;margin:0 auto} .ex225-bar>button{flex:none;min-width:44px;height:44px;border-radius:22px;border:1px solid var(--line,#ded6c9);background:var(--paper,#fcfaf5);color:inherit;font-size:20px;cursor:pointer;padding:0 10px} .ex225-bar>button:hover{background:var(--paper2,#f3eee5)} .ex225-bar>.ex225-play{min-width:54px;height:54px;border-radius:50%;background:var(--wine,#7a2a1e);border-color:var(--wine,#7a2a1e);color:#fff;font-size:18px} .ex225-bar>.ex225-play:hover{background:var(--wine,#7a2a1e);filter:brightness(1.08)} [data-appearance=dark] .ex225-bar>.ex225-play{color:#2a2520} .ex225-track{position:relative;flex:1;min-width:80px;height:44px;display:flex;align-items:center} .ex225-range{width:100%;margin:0;accent-color:var(--wine,#7a2a1e);height:28px;cursor:pointer;position:relative;z-index:1;background:transparent} .ex225-marks{position:absolute;left:8px;right:8px;top:50%;height:0;pointer-events:none} .ex225-marks i{position:absolute;top:7px;width:2px;height:8px;margin-left:-1px;border-radius:1px;background:var(--muted,#686258);opacity:.55} .ex225-time{flex:none;font-variant-numeric:tabular-nums;font-size:14px;color:var(--muted,#686258);min-width:84px;text-align:center} .ex225-bar>.ex225-speed{font-size:15px;min-width:52px} .ex225-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px} .ex225-kb{border:1px solid var(--line,#ded6c9);border-radius:999px;background:var(--paper2,#f3eee5);color:var(--wine,#7a2a1e);padding:8px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;min-height:40px} .ex225-kb:hover{border-color:var(--wine,#7a2a1e)} dialog.ex225 button:focus-visible,dialog.ex225 input:focus-visible{outline:3px solid var(--wine,#7a2a1e);outline-offset:2px} @media (max-width:700px){ dialog.ex225{width:100vw!important;max-width:100vw!important;max-height:100dvh!important;height:100dvh;margin:0;border-radius:0;border:0;padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important;gap:10px} .ex225-stagewrap{width:calc(100% + 24px);max-width:none;min-width:0;margin:0 -12px;border-radius:0;box-shadow:none} .ex225-caption{font-size:19px;min-height:4.2em;padding:0 2px} .ex225-bar{flex-wrap:wrap;gap:6px;justify-content:center} .ex225-track{order:-1;flex-basis:100%} .ex225-time{min-width:0} .ex225-links{justify-content:flex-start} } @media (prefers-reduced-motion:reduce){.ex225-caption.in{animation:none}} /* ===================== the Animated Library page ===================== */ .lib225{--lib-wood:#b89773;--lib-wood2:#8f6f4d;padding-bottom:40px} .lib225-shelves-view,.lib225-topic{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:24px clamp(16px,2.6vw,34px) 30px;box-shadow:0 5px 20px rgba(58,44,30,.06)} [data-appearance=dark] .lib225{--lib-wood:#6b5440;--lib-wood2:#4a392b} .lib225 .lib225-sr,.lib225-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .lib225 h2,.lib225 h3,.lib225 h4,.lib225 h5{color:var(--ink)} .lib225 .eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);font-weight:700} .lib225 button:focus-visible,.lib225 input:focus-visible,.lib225 select:focus-visible,.lib225-entry button:focus-visible,.lib225-kbwatch button:focus-visible{outline:3px solid var(--wine);outline-offset:3px} .lib225-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 22px} .lib225-head h2{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.1} .lib225-head p{margin:6px 0 0;max-width:60ch;color:var(--muted)} .lib225-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .lib225-search input{width:min(340px,80vw);min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit} /* the Watch shelf */ .lib225-watch{margin:0 0 30px;padding:18px 0 6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .lib225-sechead{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:10px} .lib225-sechead h3,.lib225-texplain h3{margin:0;font-size:22px} .lib225-sechead h3 span,.lib225-texplain h3 span{color:var(--wine);font-size:.8em} .lib225-sechead p{margin:0;color:var(--muted);font-size:15px} .lib225-reel{display:flex;gap:26px;overflow-x:auto;padding:4px 2px 16px;scroll-snap-type:x proximity;scrollbar-width:thin} .lib225-reelgroup{flex:none;scroll-snap-align:start} .lib225-reelgroup h4{margin:0 0 8px;font-size:15px;letter-spacing:.02em} .lib225-reelgroup h4 .text-btn{padding:0;color:var(--wine);font-weight:700;font-size:15px} .lib225-cards{display:flex;gap:14px} .lib225-texplain .lib225-cards{flex-wrap:wrap} .lib225-card{flex:none;width:272px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease} .lib225-card:hover,.lib225-card:focus-within{transform:translateY(-3px);box-shadow:0 10px 26px rgba(43,35,64,.14)} .lib225-thumb{position:relative;display:block;padding:0;border:0;background:#f6efe4;cursor:pointer;aspect-ratio:16/9;width:100%} .lib225-thumb canvas{display:block;width:100%;height:100%} .lib225-dur{position:absolute;right:8px;bottom:8px;padding:2px 7px;border-radius:6px;background:rgba(43,35,64,.78);color:#fff;font-size:12px;font-variant-numeric:tabular-nums} .lib225-playic{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(122,42,30,.9);color:#fff;display:grid;place-items:center;font-size:16px;padding-left:3px;opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s} .lib225-card:hover .lib225-playic,.lib225-thumb:focus-visible .lib225-playic{opacity:1;transform:none} .lib225-card.live .lib225-playic{opacity:.0} .lib225-cbody{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1} .lib225-cbody h5{margin:0;font-size:16px;line-height:1.25} .lib225-cbody p{margin:0;font-size:14px;line-height:1.4;color:var(--muted)} .lib225-cact{margin-top:auto;display:flex;align-items:center;gap:10px;justify-content:space-between} .lib225-cact small{color:var(--muted);font-size:12px} .lib225-watchbtn{min-height:40px} .lib225-card.compact{width:236px} /* the shelves */ .lib225-shelf{margin:0 0 34px} .lib225-shead{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:8px} .lib225-shead h3{margin:0;font-size:21px} .lib225-shead h3 span{color:var(--wine);font-size:.75em;margin-right:4px;font-variant-numeric:tabular-nums} .lib225-shead p{margin:0;color:var(--muted);font-size:14.5px} .lib225-books{display:flex;flex-wrap:wrap;align-items:flex-end;gap:7px 7px;padding:24px 16px 0;min-height:120px;background:linear-gradient(to bottom,color-mix(in srgb,var(--paper2) 40%,var(--paper)),var(--paper2));box-shadow:inset 0 10px 14px -12px rgba(43,35,64,.25);border-radius:10px 10px 0 0} .lib225-plank{height:14px;border-radius:2px 2px 6px 6px;background:linear-gradient(var(--lib-wood),var(--lib-wood2));box-shadow:0 6px 10px -6px rgba(43,35,64,.45)} .lib225-book{position:relative;flex:none;width:var(--w);height:var(--h);padding:0;border:0;background:none;cursor:pointer;transform-origin:50% 100%;transition:transform .28s cubic-bezier(.3,.7,.2,1),filter .2s} .lib225-book:hover,.lib225-book:focus-visible{transform:translateY(-12px) rotate(-1.5deg)} .lib225-book:focus-visible{outline-offset:4px} .lib225-spine{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 12px;border-radius:4px 4px 2px 2px;background:var(--c);color:var(--bink);box-shadow:inset 3px 0 0 rgba(255,255,255,.18),inset -4px 0 0 rgba(0,0,0,.14),0 1px 0 rgba(0,0,0,.2);overflow:hidden} .lib225-band{flex:none;width:100%;height:3px;border-top:1px solid color-mix(in srgb,var(--bink) 55%,transparent);border-bottom:1px solid color-mix(in srgb,var(--bink) 55%,transparent);opacity:.7} .lib225-band.low{margin-top:auto} .lib225-stitle{flex:1;min-height:0;writing-mode:vertical-rl;font-size:13.5px;line-height:1.15;font-weight:600;letter-spacing:.02em;overflow:hidden;text-align:center;max-height:100%} .lib225-count{flex:none;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;opacity:.9} .lib225-film{flex:none;font-size:10.5px;font-weight:700;padding:1px 4px;border-radius:4px;background:color-mix(in srgb,var(--bink) 18%,transparent)} .lib225-prog{position:absolute;left:3px;right:3px;bottom:3px;height:4px;border-radius:2px;background:rgba(0,0,0,.18);overflow:hidden} .lib225-prog i{display:block;height:100%;width:var(--p);background:#f4d98b} .lib225-ribbon{position:absolute;right:6px;top:-9px;width:7px;height:20px;background:var(--wine);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)} [data-appearance=dark] .lib225-ribbon{background:#e7c35a} .lib225-book.done .lib225-count::after{content:" ✓"} .lib225-hitbox{margin:0 0 26px} .lib225-hitbox h3{margin:0 0 8px;font-size:19px} .lib225-hitlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px} .lib225-hit{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);cursor:pointer;font:inherit} .lib225-hit:hover{border-color:var(--wine)} .lib225-hit span{font-size:13.5px;color:var(--muted)} .lib225-hit small{font-size:12px;color:var(--wine);font-weight:600} .lib225-wait,.lib225-empty{color:var(--muted)} /* the flying book */ .lib225-fly{position:fixed;z-index:9000;perspective:1400px;pointer-events:none} .lib225-flycover,.lib225-flypage{position:absolute;inset:0;border-radius:4px 8px 8px 4px;display:grid;place-items:center;text-align:center;padding:14px;overflow:hidden} .lib225-flypage{background:#fbf6ee;color:#2b2340;box-shadow:inset 8px 0 14px -10px rgba(0,0,0,.35),0 20px 50px rgba(43,35,64,.3);opacity:0} .lib225-flycover{background:var(--c);color:var(--bink);transform-origin:left center;backface-visibility:hidden;box-shadow:inset 6px 0 0 rgba(0,0,0,.18),0 18px 40px rgba(43,35,64,.28)} .lib225-fly span{font-weight:700;font-size:15px;writing-mode:vertical-rl} .lib225-fly.front span{writing-mode:horizontal-tb;font-size:22px} .lib225-fly.front .lib225-flypage{opacity:1} /* the open book */ .lib225-topic.entering{animation:lib225in .45s ease both} @keyframes lib225in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} .lib225-tbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px} .lib225-crumb{color:var(--muted);font-size:14px} .lib225-thead{display:flex;gap:22px;align-items:flex-start;margin-bottom:22px} .lib225-cover{flex:none;width:110px;height:148px;border-radius:4px 8px 8px 4px;background:var(--c);color:var(--bink);display:grid;place-items:center;text-align:center;padding:10px;font-weight:700;font-size:14px;line-height:1.2;box-shadow:inset 7px 0 0 rgba(0,0,0,.16),0 10px 24px rgba(43,35,64,.2)} .lib225-tinfo h2{margin:0;font-size:clamp(24px,2.8vw,34px);line-height:1.12} .lib225-tinfo>p{margin:6px 0 0;color:var(--muted);max-width:66ch} .lib225-tprog{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:14px;color:var(--muted)} .lib225-bar{flex:0 1 220px;height:6px;border-radius:3px;background:var(--paper2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)} .lib225-bar i{display:block;height:100%;background:var(--wine);transition:width .4s ease} .lib225-tact{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px} .lib225-texplain{margin:0 0 24px} .lib225-texplain h3{margin-bottom:10px} .lib225-legacy{padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)} .lib225-open{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:22px;align-items:start} .lib225-toc{position:sticky;top:12px;max-height:calc(100vh - 40px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper)} .lib225-tfilter input{width:100%;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;margin-bottom:8px} .lib225-chap h4{margin:12px 4px 6px;font-size:14px;line-height:1.3} .lib225-chap h4 span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine)} .lib225-chap ol{list-style:none;margin:0;padding:0} .lib225-chap button{width:100%;display:flex;gap:6px;align-items:baseline;justify-content:space-between;text-align:left;padding:7px 8px 7px 12px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:14px;line-height:1.3;cursor:pointer;position:relative} .lib225-chap button:hover{background:var(--paper2)} .lib225-chap button.read::before{content:"";position:absolute;left:3px;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:var(--muted);opacity:.6} .lib225-chap button[aria-current]{background:color-mix(in srgb,var(--c) 22%,var(--paper));font-weight:700} .lib225-chap button em{font-style:normal;color:var(--wine);font-size:11px;flex:none} .lib225-pagewrap{min-width:0} .lib225-jump{display:none} .lib225-page{position:relative;min-height:420px;padding:28px clamp(18px,3.4vw,46px) 26px;border-radius:6px 14px 14px 6px;background:color-mix(in srgb,#fffdf8 60%,var(--paper));border:1px solid var(--line);box-shadow:inset 14px 0 18px -16px rgba(43,35,64,.35),0 2px 0 var(--line),0 4px 0 var(--paper2),0 6px 0 var(--line),0 14px 30px rgba(43,35,64,.08)} .lib225-page:focus{outline:none} .lib225-pagehead h3{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.18} .lib225-sub{margin:6px 0 0;color:var(--muted);font-size:16px} .lib225-pagex{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 6px} .lib225-text{margin-top:16px;font-size:17px;line-height:1.62;max-width:72ch} .lib225-text section+section{margin-top:18px} .lib225-text h4{margin:0 0 6px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine)} .lib225-text img,.lib225-text svg{max-width:100%;height:auto} .lib225-text .kb9-table{overflow-x:auto} .lib225-pfoot{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:26px;padding-top:16px;border-top:1px solid var(--line)} .lib225-titlepage{text-align:center;padding:30px 0 10px} .lib225-titlepage h3{margin:0;font-size:clamp(28px,3.4vw,40px)} .lib225-titlepage>p{max-width:52ch;margin:10px auto 0;color:var(--muted)} .lib225-tpmeta{font-size:14px;letter-spacing:.06em;text-transform:uppercase} .lib225-tpch{display:inline-block;text-align:left;margin:18px auto;padding-left:1.4em;line-height:1.8} .lib225-titlepage .btn{margin-top:18px} .lib225-turnpage{position:fixed;z-index:8000;pointer-events:none;overflow:hidden;padding:28px clamp(18px,3.4vw,46px) 26px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px 14px 14px 6px;backface-visibility:hidden} .lib225-turnpage .lib225-thumb{background:var(--paper2)} /* the entry point on the Knowledge Base home */ .lib225-entry{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 18px;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(110deg,var(--paper) 40%,color-mix(in srgb,#f4d98b 18%,var(--paper)))} .lib225-epbooks{display:flex;align-items:flex-end;gap:3px;height:64px;padding:0 4px;border-bottom:5px solid var(--lib-wood2,#8f6f4d);cursor:pointer} .lib225-epbooks{flex:none} .lib225-epbooks i{display:block;width:11px;border-radius:2px 2px 0 0;background:var(--c);transition:transform .3s cubic-bezier(.3,.7,.2,1)} .lib225-epbooks i:nth-child(2n){transition-delay:.05s}.lib225-epbooks i:nth-child(3n){transition-delay:.1s} .lib225-entry:hover .lib225-epbooks i{transform:translateY(-6px)} .lib225-eptext{flex:1 1 260px} .lib225-eptext h3{margin:0;font-size:20px} .lib225-eptext p{margin:4px 0 0;color:var(--muted);font-size:15px} .lib225-entry .eyebrow{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);font-weight:700} .lib225-epact{display:flex;flex-direction:column;align-items:flex-start;gap:4px} .lib225-epact small{color:var(--muted)} /* "Watch the animation" inside Knowledge Base entries */ .lib225-kbwatch{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 4px} .lib225-kbwatch .btn{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:44px;text-align:left;border-color:color-mix(in srgb,var(--wine) 45%,var(--line))} .lib225-kbwatch .btn>span{color:var(--wine)} .lib225-kbwatch .btn small{font-size:12px;color:var(--muted);font-weight:400} .lib225-kbwatch.topic .btn{flex-direction:row;align-items:center;gap:6px} .lib225-kbwl{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);font-weight:700;margin-right:4px} /* phones */ @media (max-width:760px){ .lib225-shelves-view,.lib225-topic{padding:16px 14px 22px;border-radius:16px} .lib225-head{margin-bottom:16px} .lib225-tools{width:100%} .lib225-search{flex:1 1 100%;display:block} .lib225-search input{width:100%!important;max-width:none} .lib225-card{width:236px} .lib225-reel{margin:0 -14px;padding:4px 14px 14px;gap:20px} .lib225-books{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:20px 12px 0;margin:0 -4px;gap:6px;scrollbar-width:none} .lib225-books::-webkit-scrollbar{display:none} .lib225-book{width:calc(var(--w) * .92);height:calc(var(--h) * .82);scroll-snap-align:start} .lib225-book:hover{transform:none} .lib225-book:focus-visible{transform:translateY(-8px)} .lib225-shelf{margin-bottom:26px} .lib225-thead{gap:14px} .lib225-cover{width:70px;height:96px;font-size:11px} .lib225-open{display:block} .lib225-toc{display:none} .lib225-jump{display:flex;flex-direction:column;gap:4px;margin:0 0 12px;font-size:13px;color:var(--muted)} .lib225-jump select{min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:15px;padding:0 10px;max-width:100%} .lib225-page{padding:20px 16px;min-height:300px} .lib225-text{font-size:16.5px} .lib225-pfoot .btn{flex:1 1 auto} .lib225-pagex{flex-wrap:nowrap;overflow-x:auto;margin-left:-4px;padding:2px 4px 8px} .lib225-texplain .lib225-cards{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px} .lib225-entry{padding:14px} } @media (prefers-reduced-motion:reduce){ .lib225-book,.lib225-card,.lib225-epbooks i,.lib225-playic,.lib225-bar i{transition:none} .lib225-book:hover,.lib225-book:focus-visible,.lib225-card:hover,.lib225-card:focus-within,.lib225-entry:hover .lib225-epbooks i{transform:none} .lib225-topic.entering{animation:none} } /* ---- auth227.css ---- */ /* v2.27 one way in: email, then a code */ .auth227 label{display:block;margin-top:10px} .auth227 input#signinEmail{font-size:17px;padding:13px 14px} .auth227-go{font-size:16px;padding:13px 16px} .auth227-note{font-size:13.5px;line-height:1.5;color:var(--muted);margin:10px 0 0;text-align:center} .auth227-sent{text-align:center;margin:4px 0 12px;line-height:1.5} .auth227-sent b{word-break:break-all} .auth227-code{display:block;width:100%;text-align:center;font:600 30px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.45em;padding:14px 8px 14px calc(8px + .45em);border-radius:14px} .auth227-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px} .auth227-row .text-btn[disabled]{opacity:.55;cursor:default} .auth227-pw{margin-top:18px;border-top:1px solid var(--line);padding-top:12px} .auth227-pw summary{cursor:pointer;color:var(--muted);font-size:13.5px;text-align:center;list-style:none} .auth227-pw summary::-webkit-details-marker{display:none} .auth227-pw[open] summary{margin-bottom:6px} #signupExtra227 #signupPlanWrap163 .muted{font-size:12.5px} .auth227-pw #forgotBtn211{display:inline-block;margin-top:8px} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .auth227-shake{animation:auth227shake .4s ease} @keyframes auth227shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}} @media (prefers-reduced-motion:reduce){.auth227-shake{animation:none}} /* ---- games226-scrabble.css ---- */ /* v2.26 · Akṣara, the word game of Jyotiṣa (games226-scrabble.js). Paper ground, ink outlines, cut-paper layers. */ .ak{--ink:#2B2340;--ink2:#5A5070;--paper:#F6EFE4;--paper2:#EFE4D2;--card:#FBF6EC;--butter:#F4D98B;--saffron:#E9A23B;--coral:#F07E6E;--rose:#F2A7A0;--apricot:#F6B984;--peri:#A9A6E8;--sky:#9CC3E6;--sage:#A8C8A0;--cut:3px 4px 0 rgba(43,35,64,.16); position:relative;color:var(--ink);font-family:"Noto Sans",system-ui,sans-serif;outline:none;max-width:1320px;margin:0 auto;padding:6px 0 28px;-webkit-tap-highlight-color:transparent} .ak *{box-sizing:border-box} .ak h2,.ak h3,.ak h4{margin:0;color:var(--ink);font-family:"Noto Sans",system-ui,sans-serif} .ak p{margin:0} .ak button{font-family:inherit;color:var(--ink);cursor:pointer} .ak button:disabled{cursor:default} .ak :focus-visible{outline:3px solid var(--saffron);outline-offset:2px} .ak-eye{font:700 11px/1.2 "Noto Sans",system-ui,sans-serif;letter-spacing:.12em;color:var(--ink2)} .ak-quiet{color:var(--ink2);font-size:14px} .ak-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--sc,#C9C2D6);border:1.5px solid var(--ink);flex:0 0 auto} .ak-bigdot{display:block;width:34px;height:34px;border-radius:50%;background:var(--sc);border:2px solid var(--ink)} .ak-emb svg{width:100%;height:100%;display:block} /* ---------- buttons ---------- */ .ak-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;border:2px solid var(--ink);background:var(--butter);font:700 15px "Noto Sans",system-ui,sans-serif;box-shadow:2px 3px 0 rgba(43,35,64,.22);transition:transform .15s,background .15s} .ak-go:hover:not(:disabled){background:#F7E3A6;transform:translateY(-1px)} .ak-go:disabled{background:var(--paper2);opacity:.6;box-shadow:none} .ak-link{background:none;border:0;padding:8px 6px;font:600 14px "Noto Sans",system-ui,sans-serif;color:var(--ink);text-decoration:underline;text-decoration-color:rgba(43,35,64,.35);text-underline-offset:4px;min-height:40px} .ak-link:hover{text-decoration-color:var(--saffron)} .ak-b{min-height:46px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ink);background:var(--card);font:600 14px "Noto Sans",system-ui,sans-serif;box-shadow:2px 3px 0 rgba(43,35,64,.14)} .ak-b:disabled{opacity:.45;box-shadow:none} .ak-b:hover:not(:disabled){background:#FFF6E0} .ak-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;margin-top:16px} .ak-back{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px 0 8px;border-radius:999px;border:1.5px solid var(--ink);background:var(--card);font:600 14px "Noto Sans",system-ui,sans-serif;box-shadow:2px 3px 0 rgba(43,35,64,.14)} .ak-back svg{width:20px;height:20px} .ak-head{display:flex;align-items:center;gap:14px;margin:4px 0 18px} .ak-head h3{font-size:22px} /* ---------- menu ---------- */ .ak-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:26px 28px;border:2px solid var(--ink);border-radius:22px;background:var(--card);box-shadow:5px 6px 0 rgba(43,35,64,.14);position:relative;overflow:hidden} .ak-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 12%,rgba(244,217,139,.55),transparent 38%),radial-gradient(circle at 8% 110%,rgba(169,166,232,.35),transparent 45%);pointer-events:none} .ak-hero-l{display:flex;gap:18px;align-items:flex-start;position:relative} .ak-hero-l .ak-emb{width:72px;height:72px;flex:0 0 auto} .ak-logo{font:600 clamp(40px,6vw,64px)/1 "Noto Serif Display",Georgia,serif !important;letter-spacing:.01em;margin:4px 0 10px !important} .ak-hero p{font-size:16px;line-height:1.55;max-width:56ch;color:var(--ink)} .ak-hb{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:10px;border:2px solid var(--ink);border-radius:14px;background:var(--paper2);transform:rotate(-2deg);box-shadow:var(--cut);--ts:38px} .ak-hb i{position:relative;aspect-ratio:1;border-radius:5px;background:rgba(43,35,64,.05)} .ak-hb i.ak-p-lagna{background:var(--rose)}.ak-hb i.ak-p-rasi{background:#CFCCF4}.ak-hb i.ak-p-naksatra{background:#C9DDF0} .ak-hb .ak-t{inset:5%;--ts:34px} .ak-hb .ak-t b{font-size:clamp(12px,1.9vw,22px)}.ak-hb .ak-t i{font-size:clamp(7px,.8vw,10px)} .ak-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:20px 0 6px} .ak-mode{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;text-align:left;padding:16px 18px;border:2px solid var(--ink);border-radius:18px;background:var(--card);box-shadow:var(--cut);transition:transform .18s,background .18s;min-height:96px} .ak-mode:hover{transform:translateY(-2px) rotate(-.4deg);background:#FFF6E0} .ak-mode .ak-mi{grid-row:1/3;width:44px;height:44px;border-radius:12px;border:1.5px solid var(--ink);display:grid;place-items:center;font:700 22px "Noto Sans",system-ui,sans-serif} .ak-mode .ak-mi svg{width:26px;height:26px} .ak-mode b{font-size:17px}.ak-mode>span:last-child{font-size:13.5px;line-height:1.4;color:var(--ink2)} .ak-m-live .ak-mi{background:var(--rose)}.ak-m-bot .ak-mi{background:#CFCCF4}.ak-m-pass .ak-mi{background:#C6E0C0}.ak-m-cont .ak-mi{background:var(--butter);color:var(--saffron)}.ak-m-rej .ak-mi{background:#C9DDF0} .ak-m-cont,.ak-m-rej{background:#FFF6E0} .ak-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px} .ak-stat{margin-top:6px !important;color:var(--ink2);font-size:14px} /* ---------- setup ---------- */ .ak-form{display:grid;gap:18px;max-width:880px} .ak-form section{display:grid;gap:8px} .ak-form h4,.ak-lset h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)} .ak-seg{display:flex;flex-wrap:wrap;gap:8px} .ak-seg button{flex:1 1 150px;display:grid;gap:3px;text-align:left;padding:12px 14px;border:1.5px solid var(--ink);border-radius:14px;background:var(--card);min-height:48px;box-shadow:2px 3px 0 rgba(43,35,64,.1)} .ak-seg button b{font-size:15px}.ak-seg button small{font-size:12.5px;line-height:1.35;color:var(--ink2)} .ak-seg button[aria-checked=true]{background:var(--butter);box-shadow:inset 0 0 0 2px var(--ink),2px 3px 0 rgba(43,35,64,.18)} .ak-names{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px} .ak-names label{display:flex;align-items:center;gap:8px} .ak-names label span{width:14px;height:14px;border-radius:50%;background:var(--sc);border:1.5px solid var(--ink);flex:0 0 auto} .ak input{font:500 16px "Noto Sans",system-ui,sans-serif;color:var(--ink);background:#FFFDF8;border:1.5px solid var(--ink);border-radius:12px;padding:10px 12px;min-height:46px;width:100%} .ak-form .ak-go{justify-self:start;min-width:200px} /* ---------- live ---------- */ .ak-lcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px} .ak-lcard,.ak-room,.ak-online{border:2px solid var(--ink);border-radius:18px;background:var(--card);padding:18px;box-shadow:var(--cut);display:grid;gap:10px;align-content:start} .ak-lcard p{color:var(--ink2);font-size:14px;line-height:1.45} .ak-joinrow{display:flex;gap:8px}.ak-joinrow input{text-transform:uppercase;letter-spacing:.3em;font-weight:700;max-width:180px;flex:1;min-width:0}.ak-joinrow .ak-go{flex:0 0 auto;white-space:nowrap} .ak-codebox{display:grid;gap:4px} .ak-bigcode{font:700 clamp(40px,8vw,64px)/1 "Noto Sans",system-ui,sans-serif;letter-spacing:.18em;color:var(--ink)} .ak-codebox p{color:var(--ink2);font-size:14px} .ak-seats{list-style:none;margin:4px 0;padding:0;display:grid;gap:6px} .ak-seats li{display:flex;align-items:center;gap:8px;font-size:15px} .ak-seats small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);border-radius:999px;padding:1px 7px;background:var(--paper2)} .ak-lset{display:grid;gap:8px} .ak-lset-ro{font-size:14px;color:var(--ink2)} .ak-online{margin-top:14px} .ak-onl{list-style:none;margin:0;padding:0;display:grid;gap:6px} .ak-onl li{display:flex;align-items:center;gap:8px;min-height:46px} .ak-onl li small{color:var(--ink2);font-size:12.5px;flex:1} .ak-inv{min-height:40px;padding:0 14px} .ak-invite{position:fixed;top:14px;right:14px;z-index:9700;display:flex;align-items:center;gap:12px;max-width:min(440px,calc(100vw - 28px));padding:12px 14px;border:2px solid #2B2340;border-radius:16px;background:#FBF6EC;color:#2B2340;box-shadow:4px 5px 0 rgba(43,35,64,.2);font:500 14px "Noto Sans",system-ui,sans-serif;animation:ak-in .3s ease} .ak-invite .ak-emb{width:40px;height:40px;flex:0 0 auto} .ak-invite small{display:block;color:#5A5070} .ak-invite.out{opacity:0;transition:opacity .5s} .ak-invite .ak-go{min-height:40px;padding:0 16px;border:2px solid #2B2340;border-radius:999px;background:#F4D98B;font:700 14px "Noto Sans",system-ui,sans-serif;color:#2B2340} .ak-invite .ak-link{background:none;border:0;font:600 13px "Noto Sans",system-ui,sans-serif;text-decoration:underline;color:#2B2340} /* ---------- the game ---------- */ .ak-game{display:grid;gap:10px} .ak-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px} .ak-pls{display:flex;flex-wrap:wrap;gap:6px} .ak-pl{display:flex;align-items:center;gap:7px;padding:6px 12px 6px 9px;border:1.5px solid var(--ink);border-radius:999px;background:var(--card);font-size:14px;min-height:38px;transition:background .2s,transform .2s} .ak-pl .ak-pn2 small{color:var(--ink2);font-weight:500} .ak-pl .ak-sc{font-size:16px;min-width:2ch;text-align:right} .ak-pl.on{background:color-mix(in srgb,var(--sc) 45%,#FBF6EC);box-shadow:2px 3px 0 rgba(43,35,64,.2);transform:translateY(-1px)} .ak-pl.me .ak-pn2{font-weight:700} .ak-pl.away{opacity:.5} .ak-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px} .ak-meta>span{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper2);min-height:32px} .ak-bag svg{width:16px;height:16px} .ak-timer{font-variant-numeric:tabular-nums;font-weight:700} .ak-timer[data-low="1"]{background:var(--coral) !important} .ak-main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start} .ak-bcol{position:relative;display:grid;gap:10px;justify-items:center;min-width:0} .ak-bwrap{position:relative;width:min(100%,calc(100vh - 300px));min-width:min(100%,420px);aspect-ratio:1;overflow:hidden;border-radius:12px;touch-action:pan-x pan-y;overscroll-behavior:contain} .ak-zoomed .ak-bwrap{overflow:auto} .ak-board{--z:1;position:relative;width:calc(var(--z) * 100%);aspect-ratio:1;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);background:var(--paper2);border:2px solid var(--ink);border-radius:12px;box-shadow:inset 0 0 0 4px rgba(246,239,228,.6);container-type:inline-size} .ak-wheel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;fill:none;stroke:#2B2340;stroke-opacity:.26;stroke-width:.045;stroke-dasharray:.14 .12} .ak-c{position:relative;z-index:1;border-right:1px solid rgba(43,35,64,.12);border-bottom:1px solid rgba(43,35,64,.12);display:grid;place-items:center;min-width:0;min-height:0;cursor:pointer;--cs:6.66cqi;--ts:6.66cqi} .ak-c:nth-child(15n+1){border-right:0} .ak-pm{position:absolute;inset:1px;display:grid;place-items:center;align-content:center;border-radius:3px;font-weight:700;text-align:center;line-height:1;pointer-events:none} .ak-pm .ak-plb{font-size:max(7px,calc(var(--cs) * .3));color:rgba(43,35,64,.75);display:block} .ak-pm .ak-pn{display:none;font-size:max(6px,calc(var(--cs) * .19));font-weight:600;color:rgba(43,35,64,.75);margin-top:1px;white-space:nowrap;overflow:hidden;max-width:96%;text-overflow:ellipsis} .ak-big .ak-pm .ak-pn{display:block} .ak-pm svg{width:70%;height:70%;color:var(--butter)} .ak-p-kendra .ak-pm{background:var(--coral)} .ak-p-trikona .ak-pm{background:var(--apricot)} .ak-p-lagna .ak-pm{background:var(--rose)} .ak-p-rasi .ak-pm{background:linear-gradient(135deg,var(--lc,#CFCCF4) 0 26%,#CFCCF4 26%)} .ak-p-naksatra .ak-pm{background:#CDE0F2} .ak-c.cur{box-shadow:inset 0 0 0 2px var(--ink);z-index:3} .ak-c.cur::after{content:"→";position:absolute;right:1px;top:-2px;font:700 max(8px,calc(var(--cs)*.32)) "Noto Sans",system-ui,sans-serif;color:var(--ink);z-index:4} .ak-board[data-dir=V] .ak-c.cur::after{content:"↓"} .ak-c.hover{box-shadow:inset 0 0 0 3px var(--saffron);background:rgba(244,217,139,.4)} .ak-tile{position:absolute;inset:0;pointer-events:none;z-index:2} .ak-tile:empty{display:none} .ak-c.pend .ak-tile{pointer-events:auto;touch-action:none} /* tiles: cream paper, an ink outline, the letter's Graha as a small bar */ .ak-t{position:absolute;inset:5%;display:grid;place-items:center;background:var(--card);border:max(1px,calc(var(--ts) * .045)) solid var(--ink);border-radius:18%;box-shadow:1px 2px 0 rgba(43,35,64,.28);color:var(--ink);user-select:none;-webkit-user-select:none} .ak-t b{font:700 calc(var(--ts) * .56)/1 "Noto Sans",system-ui,sans-serif;margin-top:-6%} .ak-t i{position:absolute;right:9%;bottom:4%;font:700 calc(var(--ts) * .22)/1 "Noto Sans",system-ui,sans-serif;font-style:normal;color:var(--ink2)} .ak-t::after{content:"";position:absolute;left:12%;bottom:11%;width:30%;height:max(2px,calc(var(--ts) * .07));border-radius:2px;background:var(--lg,#8C8597)} .ak-tb{background:#E2DEEA} .ak-tb b{color:#4E4760} .ak-tp{background:#FFF1CF;border-color:#A8641A;transform:translateY(-1px);box-shadow:1px 3px 0 rgba(168,100,26,.35)} .ak-tl{background:#FFEFC0;outline:2px solid var(--saffron);outline-offset:-1px} .ak-tg{opacity:.55;border-style:dashed;background:#FFF8E6} .ak-th{background:repeating-linear-gradient(45deg,#E9E0CE 0 6px,#F3EBDC 6px 12px)} .ak-th::after{display:none} .ak-pop{animation:ak-pop .38s cubic-bezier(.34,1.5,.64,1)} @keyframes ak-pop{from{transform:scale(.55) rotate(-8deg);opacity:.3}to{transform:none;opacity:1}} @keyframes ak-in{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}} /* the dock: message, rack and controls */ .ak-dock{width:min(100%,640px);display:grid;gap:8px} .ak-msg{min-height:1.4em;font-size:14px;line-height:1.4;color:var(--ink2);text-align:center} .ak-msg[data-k=bad]{color:#A63C33} .ak-msg[data-k=hint]{color:var(--ink)} .ak-msg .ak-link{min-height:0;padding:0 4px} .ak-rack{display:flex;justify-content:center;gap:6px;padding:8px;border:2px solid var(--ink);border-radius:16px;background:#E9DCC3;box-shadow:var(--cut);min-height:68px} .ak-rt{position:relative;width:52px;height:52px;padding:0;border:0;background:none;touch-action:none;flex:0 0 auto;--ts:50px} .ak-rt .ak-t{inset:1px} .ak-rt.sel .ak-t{transform:translateY(-6px);background:#FFF1CF;box-shadow:2px 6px 0 rgba(43,35,64,.25)} .ak-rt.used{visibility:hidden} .ak-rt:disabled .ak-th{opacity:1} .ak-shake{animation:ak-shake .35s} @keyframes ak-shake{25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}} .ak-watch{align-self:center;color:var(--ink2)} .ak-ctrl{display:flex;gap:8px;justify-content:center;flex-wrap:wrap} .ak-play{display:inline-grid;align-content:center;justify-items:center;min-width:132px;line-height:1.1;background:var(--paper2)} .ak-play b{font-size:15px}.ak-play small{font-size:11.5px;font-weight:500;color:var(--ink2)} .ak-play.ready{background:var(--butter);border-width:2px} .ak-turn{font-weight:600} .ak-drag{position:fixed;left:0;top:0;width:48px;height:48px;z-index:9800;pointer-events:none;--ts:48px} .ak-drag .ak-t{inset:0;transform:rotate(-4deg);box-shadow:3px 8px 0 rgba(43,35,64,.25)} .ak-dragging{cursor:grabbing} /* the side: card of the last move, the moves, the tools */ .ak-side{display:grid;gap:14px;align-content:start} .ak-card{border:2px solid var(--ink);border-radius:18px;background:var(--card);padding:14px 16px;box-shadow:var(--cut);display:grid;gap:10px;animation:ak-in .3s ease} .ak-card header{display:flex;align-items:center;gap:8px;font-size:14px} .ak-card header em{margin-left:auto;font-style:normal;font-weight:700} .ak-term{display:grid;gap:3px;border-top:1.5px dashed rgba(43,35,64,.2);padding-top:8px} .ak-iast{font:600 26px/1.15 "Noto Serif Display",Georgia,serif} .ak-plainw{font-size:12px;letter-spacing:.08em;color:var(--ink2);font-weight:600} .ak-term p{font-size:14px;line-height:1.45} .ak-read{justify-self:start;background:none;border:0;padding:6px 0;font:600 13.5px "Noto Sans",system-ui,sans-serif;text-decoration:underline;text-decoration-color:var(--saffron);text-underline-offset:4px;min-height:36px} .ak-plain{font-size:13px;color:var(--ink2)} .ak-log h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px} .ak-log ol{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:260px;overflow:auto} .ak-log li{display:flex;align-items:baseline;gap:6px;font-size:13.5px;flex-wrap:wrap} .ak-log li .ak-dot{align-self:center;width:9px;height:9px} .ak-log li em{margin-left:auto;font-style:normal;font-weight:700} .ak-lw.term{font-family:"Noto Serif Display",Georgia,serif;font-weight:600;font-size:15px} .ak-lx{color:var(--ink2)} .ak-tools{display:flex;flex-wrap:wrap;gap:2px 8px} .ak-tools [data-only=phone]{display:none} .ak-quit{color:#83392A} .ak-flash{position:absolute;left:8px;right:8px;top:calc(min(100vw,100%) - 130px);z-index:20;display:grid;gap:3px;text-align:left;padding:12px 14px;border:2px solid var(--ink);border-radius:16px;background:var(--card);box-shadow:4px 5px 0 rgba(43,35,64,.2);font-size:14px;line-height:1.35;animation:ak-in .3s ease} .ak-flash .ak-iast{font-size:22px} .ak-flash small{color:var(--ink2);font-size:12px} .ak-flash.out{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s} /* the board legend */ .ak-legend{border:2px solid var(--ink);border-radius:18px;background:var(--card);padding:14px 16px;box-shadow:var(--cut)} .ak-legend h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:8px} .ak-legend ul{list-style:none;margin:0;padding:0;display:grid;gap:8px} .ak-legend li{display:flex;align-items:center;gap:10px;font-size:13.5px;line-height:1.35} .ak-lg{flex:0 0 auto;width:30px;height:30px;border-radius:6px;border:1.5px solid rgba(43,35,64,.5);display:grid;place-items:center;font:700 11px "Noto Sans",system-ui,sans-serif;font-style:normal} .ak-lg svg{width:20px;height:20px;color:var(--butter)} .ak-lg.ak-p-kendra{background:var(--coral)}.ak-lg.ak-p-trikona{background:var(--apricot)}.ak-lg.ak-p-lagna{background:var(--rose)}.ak-lg.ak-p-rasi{background:linear-gradient(135deg,#F0A3B9 0 26%,#CFCCF4 26%)}.ak-lg.ak-p-naksatra{background:#CDE0F2}.ak-lgb{background:#E2DEEA;font-size:16px;color:#4E4760;border-color:var(--ink)} .ak-mlegend{margin-top:16px;max-width:620px} /* ---------- sheets ---------- */ .ak-ov{position:fixed;inset:0;z-index:9100;display:grid;place-items:center;padding:16px;background:rgba(43,35,64,.38)} .ak-ov[hidden]{display:none} .ak-sheet{width:100%;max-width:470px;max-height:min(88vh,860px);overflow:auto;background:var(--paper);border:2px solid var(--ink);border-radius:20px;padding:20px 22px;box-shadow:6px 7px 0 rgba(43,35,64,.22);display:grid;gap:10px;animation:ak-in .25s ease;overscroll-behavior:contain} .ak-sheet h3{font-size:21px} .ak-sheet>p{font-size:15px;line-height:1.5} .ak-wide{max-width:740px} .ak-help p{font-size:14.5px;line-height:1.55;margin-bottom:10px} .ak-az{display:grid;grid-template-columns:repeat(7,1fr);gap:6px} .ak-az button{min-height:46px;border:1.5px solid var(--ink);border-radius:10px;background:var(--card);font:700 18px "Noto Sans",system-ui,sans-serif} .ak-az button:hover{background:var(--butter)} .ak-swap{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px;border-radius:14px;background:#E9DCC3;border:1.5px solid var(--ink)} .ak-swap .ak-rt[aria-pressed=true] .ak-t{transform:translateY(-6px);background:var(--coral)} .ak-cover{display:grid;gap:12px;justify-items:center;text-align:center;padding:10px 0} .ak-cov{max-width:420px} .ak-chips{display:flex;flex-wrap:wrap;gap:6px} .ak-chips button{min-height:36px;padding:0 12px;border:1.5px solid var(--ink);border-radius:999px;background:var(--card);font:600 13px "Noto Sans",system-ui,sans-serif} .ak-chips button[aria-pressed=true]{background:var(--butter)} .ak-words-list,.ak-learned{list-style:none;margin:0;padding:0;display:grid;gap:6px} .ak-words-list button,.ak-learned button{width:100%;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;text-align:left;padding:10px 12px;border:1.5px solid rgba(43,35,64,.3);border-radius:12px;background:var(--card);font-size:14px;line-height:1.4} .ak-words-list button:hover,.ak-learned button:hover{border-color:var(--ink);background:#FFF6E0} .ak-words-list b,.ak-learned b{font:600 18px/1.2 "Noto Serif Display",Georgia,serif} .ak-sp{align-self:center;font-size:11.5px;letter-spacing:.08em;color:var(--ink2);font-weight:600} .ak-words-list button>span:last-child,.ak-learned button>span:last-child{grid-column:1/3;color:var(--ink)} .ak-reader .ak-sub{color:var(--ink2);font-size:14px} .ak-kb{font-size:14.5px;line-height:1.6;display:grid;gap:10px} .ak-kb h4{font-size:15px;margin:4px 0} .ak-kb table{border-collapse:collapse;font-size:13px;width:100%} .ak-kb td,.ak-kb th{border:1px solid rgba(43,35,64,.2);padding:4px 6px;text-align:left;vertical-align:top} .ak-kb .kb9-table{overflow:auto} .ak-kb svg{max-width:100%;height:auto} .ak-kb a{color:inherit;text-decoration:none;pointer-events:none} .ak-end{display:grid;gap:10px} .ak-end h3{font:600 34px/1.1 "Noto Serif Display",Georgia,serif} .ak-end h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-top:6px} .ak-rank{list-style:none;margin:0;padding:0;display:grid;gap:6px} .ak-rank li{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1.5px solid var(--ink);border-radius:12px;background:var(--card);font-size:15px} .ak-rank li:first-child{background:color-mix(in srgb,var(--sc) 35%,#FBF6EC);box-shadow:var(--cut)} .ak-rank em{margin-left:auto;font-style:normal;font-weight:700;font-size:18px} .ak-rank small{color:var(--ink2);font-size:12px} .ak-learned{max-height:42vh;overflow:auto} /* ---------- the console door ---------- */ .g20-tile.ak-ctile{overflow:hidden} .g20-tile.ak-ctile .ak-tile-art{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit} .g20-tile.ak-ctile .g20-tile-emb{position:relative;z-index:1} .ak-g20card .g20-c-emb svg,.ak-tt svg{width:100%;height:100%} .ak-hubcard .g4-card-art svg{width:100%;height:100%;display:block} /* ---------- phones ---------- */ @media (max-width:760px){ .ak{padding:2px 0 24px} .ak-hero{grid-template-columns:1fr;padding:18px;gap:16px} .ak-hero-l .ak-emb{width:52px;height:52px} .ak-hb{display:none} .ak-main{grid-template-columns:1fr;gap:12px} .ak-bwrap{width:100%;min-width:0;border-radius:10px} .ak-board{border-width:1.5px;border-radius:10px} .ak-top{gap:6px} .ak-pl{padding:4px 10px 4px 7px;font-size:13px;min-height:34px;gap:5px} .ak-pl .ak-pn2{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ak-pl .ak-pn2 small{display:none} .ak-meta{font-size:12px;gap:5px}.ak-meta>span{padding:3px 8px;min-height:28px} .ak-dock{position:sticky;bottom:0;z-index:30;width:100%;padding:6px 0 calc(6px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 14px)} .ak-rack{gap:4px;padding:6px;min-height:60px} .ak-rt{width:calc((100vw - 56px) / 7);height:calc((100vw - 56px) / 7);max-width:52px;max-height:52px;--ts:min(calc((100vw - 56px) / 7),52px)} .ak-ctrl{gap:6px;flex-wrap:nowrap} .ak-b{padding:0 12px;font-size:13.5px} .ak-play{min-width:0;flex:1} .ak-tools [data-only=phone]{display:inline-block} .ak-sheet{padding:16px;border-radius:18px;max-height:90vh} .ak-az{grid-template-columns:repeat(6,1fr)} .ak-iast{font-size:23px} .ak-modes{grid-template-columns:1fr} .ak-invite{left:10px;right:10px;top:10px;max-width:none;flex-wrap:wrap} } @media (max-width:380px){.ak-b{padding:0 9px;font-size:13px}} @media (prefers-reduced-motion:reduce){.ak *,.ak-invite{animation:none !important;transition:none !important}} .ak-days{margin:16px 0 0;border:2px solid var(--ink);border-radius:18px;background:var(--card);padding:14px 16px;box-shadow:var(--cut);max-width:620px} .ak-days h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:8px} .ak-days ul{list-style:none;margin:0;padding:0;display:grid;gap:6px} .ak-day{width:100%;display:grid;gap:2px;text-align:left;padding:10px 12px;border:1.5px solid rgba(43,35,64,.3);border-radius:12px;background:var(--paper);min-height:48px} .ak-day span{font-size:13px;color:var(--ink2)} .ak-day.mine{background:#FFF1CF;border-color:var(--ink)} /* v2.28 a phone held sideways: the board on the left at the screen's height (zoom and pan as on a phone), the scores, the rack and the buttons on the right, the cards and the log below them */ @media (max-height:500px) and (orientation:landscape){ .ak{padding:0 0 8px} .ak.ak-game{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:8px 14px;align-items:start} .ak.ak-game>.ak-top{grid-column:2;grid-row:1;gap:6px} .ak.ak-game>.ak-main,.ak.ak-game .ak-bcol{display:contents} .ak.ak-game .ak-bwrap{grid-column:1;grid-row:1/span 3;width:calc(100dvh - 64px - env(safe-area-inset-bottom));min-width:0;max-width:52vw;border-radius:10px;position:sticky;top:52px} .ak.ak-game .ak-board{border-width:1.5px;border-radius:10px} .ak.ak-game .ak-dock{grid-column:2;grid-row:2;position:sticky;top:52px;z-index:30;width:100%;padding:0;background:var(--paper)} .ak.ak-game .ak-side{grid-column:2;grid-row:3;gap:10px} .ak-pl{padding:4px 10px 4px 7px;font-size:13px;min-height:32px;gap:5px} .ak-pl .ak-pn2{max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ak-pl .ak-pn2 small{display:none} .ak-meta{font-size:12px;gap:5px}.ak-meta>span{padding:3px 8px;min-height:28px} .ak-msg{font-size:12.5px;line-height:1.3;margin:0} .ak-rack{gap:4px;padding:5px;min-height:0} .ak.ak-game .ak-rt{width:min(44px,calc((48vw - 80px) / 7));height:min(44px,calc((48vw - 80px) / 7));--ts:min(44px,calc((48vw - 80px) / 7))} .ak-ctrl{gap:6px;flex-wrap:nowrap} .ak-b{padding:0 10px;font-size:13px;min-height:38px} .ak-play{min-width:0;flex:1} .ak-tools [data-only=phone]{display:inline-block} .ak-sheet{padding:14px;border-radius:16px;max-height:calc(100dvh - 20px);overflow:auto} } /* ---- games226-party.css ---- */ /* The Jyotish Project Study Space v2.26: Maṇḍalī, the party games hall (games226-party.js). Paper ground, ink outlines, cut-paper cards with hard offset shadows; phone first, legible on a 1080p stream. */ #games214 .p26{--ink:#2B2340;--ink2:#5A5070;--paper:#F6EFE4;--paper2:#EFE4D2;--card:#FBF6EC;--cut:3px 4px 0 rgba(43,35,64,.16);--cut2:5px 7px 0 rgba(43,35,64,.16); position:relative;color:var(--ink);font-family:'Noto Sans',system-ui,sans-serif;font-size:15px;line-height:1.45;background:var(--paper); background-image:var(--g4-grain,none);border:2px solid var(--ink);border-radius:18px;box-shadow:var(--cut2);min-height:min(720px,calc(100vh - 150px));overflow:hidden;outline:none;container:p26/inline-size} #games214 .p26 *,.p26-layer *{box-sizing:border-box} .p26-layer{--ink:#2B2340;--ink2:#5A5070;--paper:#F6EFE4;--paper2:#EFE4D2;--card:#FBF6EC;--cut:3px 4px 0 rgba(43,35,64,.16);--cut2:5px 7px 0 rgba(43,35,64,.16);color:var(--ink);font-family:'Noto Sans',system-ui,sans-serif;font-size:15px;line-height:1.45} .p26-layer h3,.p26-layer h4{font-family:'Noto Serif Display',Georgia,serif;margin:0;color:var(--ink)} .p26-layer p{margin:0} #games214 .p26 h2,#games214 .p26 h3,#games214 .p26 h4{font-family:'Noto Serif Display',Georgia,serif;margin:0;color:var(--ink);letter-spacing:.005em} #games214 .p26 p{margin:0} #games214 .p26-in{position:relative;z-index:1;height:100%} #games214 .p26-eye{display:block;font:700 11px/1.3 'Noto Sans',sans-serif;letter-spacing:.14em;color:var(--ink2)} #games214 .p26-hint{color:var(--ink2);font-size:14px} #games214 .p26-note{font-size:14px;color:var(--ink2);margin:10px 0 0} /* buttons */ #games214 .p26-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 18px;border-radius:999px;border:2px solid var(--ink);background:var(--card);color:var(--ink); font:700 15px/1.2 'Noto Sans',sans-serif;cursor:pointer;box-shadow:var(--cut);transition:transform .12s,box-shadow .12s,background .15s;text-decoration:none} #games214 .p26-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 6px 0 rgba(43,35,64,.18)} #games214 .p26-btn:active:not(:disabled){transform:translate(2px,3px);box-shadow:0 0 0 rgba(0,0,0,0)} #games214 .p26-btn:disabled{opacity:.5;cursor:not-allowed} #games214 .p26-btn:focus-visible,#games214 .p26 button:focus-visible,#games214 .p26 input:focus-visible{outline:3px solid #6E74B8;outline-offset:2px} #games214 .p26-pri{background:var(--ink);color:var(--paper);box-shadow:3px 4px 0 #F07E6E} #games214 .p26-pri:hover:not(:disabled){box-shadow:4px 6px 0 #F07E6E} #games214 .p26-ghost{background:transparent;box-shadow:none} #games214 .p26-sm{min-height:36px;padding:6px 14px;font-size:13px} #games214 .p26-big{flex-direction:column;gap:2px;padding:14px 26px;min-height:64px;font-size:18px} #games214 .p26-big small{font:500 12px/1.2 'Noto Sans',sans-serif;opacity:.8} #games214 .p26-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px 6px 10px;border-radius:999px;border:2px solid var(--ink);background:var(--card);color:var(--ink);font:700 14px 'Noto Sans',sans-serif;cursor:pointer} #games214 .p26-chip svg,#games214 .p26-kb svg{width:18px;height:18px;flex:none} #games214 .p26-x{appearance:none;border:0;background:transparent;font-size:22px;line-height:1;color:var(--ink2);cursor:pointer;padding:4px 8px;border-radius:8px} #games214 .p26-tag{display:inline-block;font:700 11px/1 'Noto Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:999px;border:1.5px solid var(--ink);background:#C6E0C0} #games214 .p26-hosttag{background:#F7D9A6} /* avatars: the members' own characters (G4.heroSVG) */ #games214 .p26-av{display:inline-grid;place-items:end center;flex:none;border-radius:50%;background:var(--paper2);border:2px solid var(--ink);overflow:hidden;line-height:0;box-shadow:2px 2px 0 rgba(43,35,64,.14)} #games214 .p26-av svg{display:block;margin-bottom:-3px} #games214 .p26-av.off{filter:grayscale(1);opacity:.45} /* ---------- the hall ---------- */ #games214 .p26-hall{padding:22px clamp(14px,3vw,34px) 30px;display:grid;gap:20px} #games214 .p26-hhero{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:22px;border:2px solid var(--ink);border-radius:16px;box-shadow:var(--cut2); background:linear-gradient(135deg,#F7D9A6 0 33%,#C6E0C0 33% 66%,#DCDAF6 66%);position:relative} #games214 .p26-hhero::after{content:'';position:absolute;inset:0;border-radius:14px;background:var(--g4-grain,none);opacity:.5;pointer-events:none} #games214 .p26-hh-l{max-width:620px;position:relative;z-index:1} #games214 .p26-hh-l h2{font-size:clamp(28px,4vw,44px);line-height:1.08;margin:6px 0 10px} #games214 .p26-hh-l p{font-size:16px;color:var(--ink)} #games214 .p26-me{display:flex;align-items:center;gap:12px;background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:10px 16px 10px 10px;box-shadow:var(--cut);position:relative;z-index:1} #games214 .p26-me small,#games214 .p26-me span{display:block;font-size:12px;color:var(--ink2)} #games214 .p26-me b{font-size:17px} #games214 .p26-hact{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end} #games214 .p26-join label{display:block;font:700 12px 'Noto Sans',sans-serif;letter-spacing:.08em;color:var(--ink2);margin:0 0 6px;text-transform:uppercase} #games214 .p26-join>div{display:flex;gap:8px;flex-wrap:wrap} #games214 .p26-code-in{width:120px;min-height:44px;border:2px solid var(--ink);border-radius:12px;background:var(--card);color:var(--ink);font:700 22px/1 'Noto Sans',monospace;letter-spacing:.24em;text-transform:uppercase;text-align:center;padding:6px} #games214 .p26-hgames{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px} #games214 .p26-gcard{display:flex;gap:14px;align-items:flex-start;padding:18px;background:var(--card);border:2px solid var(--ink);border-radius:16px;box-shadow:var(--cut2);border-top:10px solid var(--gc)} #games214 .p26-gcard h3{font-size:26px;margin:2px 0 6px} #games214 .p26-gcard p{font-size:14px} #games214 .p26-gcard .p26-btn{margin-top:12px} #games214 .p26-gart{display:inline-block;width:56px;height:56px;flex:none} #games214 .p26-gart svg{width:100%;height:100%;display:block} #games214 .p26-gart.big{width:96px;height:96px} #games214 .p26-lvls{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px;font-size:13px;color:var(--ink2)} #games214 .p26-lvls b{color:var(--ink);margin-right:4px} #games214 .p26-online,#games214 .p26-inv{background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:16px;box-shadow:var(--cut)} #games214 .p26-online h3,#games214 .p26-inv h4{font-size:20px;margin:0 0 10px} #games214 .p26-inv h4{font-size:17px} #games214 .p26-online ul,#games214 .p26-inv ul{list-style:none;margin:0;padding:0;display:grid;gap:8px} #games214 .p26-online li,#games214 .p26-inv li{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1.5px dashed rgba(43,35,64,.18)} #games214 .p26-online li small,#games214 .p26-inv li small{color:var(--ink2);margin-right:auto} #games214 .p26-dot{width:10px;height:10px;border-radius:50%;background:#7FB77E;border:1.5px solid var(--ink)} #games214 .p26-dot.busy{background:#E9A23B} #games214 .p26-invites{display:grid;gap:10px} #games214 .p26-invite{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid var(--ink);border-radius:14px;background:#F7D9A6;box-shadow:var(--cut);animation:p26in .4s both} #games214 .p26-invite>div{flex:1} #games214 .p26-invite small{display:block;color:var(--ink2)} #games214 .p26-inv-ic{font-size:22px} /* ---------- the room frame ---------- */ #games214 .p26-room{display:grid;grid-template-rows:auto 1fr auto;min-height:min(720px,calc(100vh - 150px))} #games214 .p26-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:2px solid var(--ink);background:var(--paper2)} #games214 .p26-codechip{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border:2px dashed var(--ink);border-radius:12px;background:var(--card);color:var(--ink);cursor:pointer;font-family:'Noto Sans',sans-serif} #games214 .p26-codechip small{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--ink2)} #games214 .p26-codechip b{font-size:20px;letter-spacing:.18em} #games214 .p26-gtitle{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--card);border:2px solid var(--ink);border-left:8px solid var(--gc)} #games214 .p26-gtitle svg{width:30px;height:30px} #games214 .p26-gtitle b{font-family:'Noto Serif Display',Georgia,serif;font-size:19px} #games214 .p26-gtitle em{font-style:normal;font-size:12px;color:var(--ink2);font-weight:600} #games214 .p26-top-r{margin-left:auto;display:flex;gap:8px;align-items:center} #games214 .p26-watch{display:inline-flex;gap:4px;align-items:center;font-weight:700;font-size:14px;color:var(--ink2)} #games214 .p26-watch svg{width:20px;height:20px} #games214 .p26-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:0;min-height:0} #games214 .p26-main{padding:16px clamp(12px,2vw,24px) 20px;min-width:0} #games214 .p26-side{border-left:2px solid var(--ink);background:rgba(239,228,210,.55);padding:12px} #games214 .p26-dock{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-top:2px solid var(--ink);background:var(--paper2);min-height:64px;position:sticky;bottom:0;z-index:5} #games214 .p26-dock:empty{min-height:0;padding:0;border:0} #games214 .p26-go{min-width:220px;min-height:52px;font-size:17px} #games214 .p26-waitline{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink2);margin:0} #games214 .p26-next{display:inline-flex;width:120px} #games214 .p26-wait{display:grid;place-items:center;gap:12px;min-height:300px;color:var(--ink2)} #games214 .p26-spin{width:34px;height:34px;border-radius:50%;border:4px solid var(--paper2);border-top-color:var(--ink);animation:p26spin 1s linear infinite} /* the scoreboard */ #games214 .p26-board-h{margin:2px 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase} #games214 .p26-ranks{list-style:none;margin:0;padding:0;display:grid;gap:6px} #games214 .p26-ranks li{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 6px;border:2px solid var(--ink);border-radius:12px;background:var(--card);position:relative;box-shadow:2px 3px 0 rgba(43,35,64,.12);border-left:6px solid var(--tc,var(--ink))} #games214 .p26-ranks li.me{background:#F7D9A6} #games214 .p26-ranks li.off{opacity:.55} #games214 .p26-rk{font:800 14px 'Noto Sans',sans-serif;width:18px;text-align:center;color:var(--ink2)} #games214 .p26-nm{flex:1;min-width:0;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #games214 .p26-nm small{display:block;font-weight:600;font-size:11px;color:var(--ink2)} #games214 .p26-crown{font-style:normal;color:#A8641A} #games214 .p26-sc{font:800 16px 'Noto Sans',sans-serif;font-variant-numeric:tabular-nums} #games214 .p26-gain{position:absolute;right:6px;top:-10px;font:800 12px 'Noto Sans',sans-serif;font-style:normal;background:#7FB77E;border:1.5px solid var(--ink);border-radius:999px;padding:1px 7px;animation:p26pop .5s both} #games214 .p26-tick{font-style:normal;font-weight:800;color:#3F7A4A} #games214 .p26-reading{margin-top:14px;padding:12px;border:2px solid var(--ink);border-radius:14px;background:#FBF6EC;box-shadow:var(--cut)} #games214 .p26-reading ol{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;font-size:13.5px} #games214 .p26-reading li{animation:p26in .5s both} /* ---------- the lobby ---------- */ #games214 .p26-lobby{display:grid;gap:16px;max-width:860px;margin:0 auto} #games214 .p26-codebox{text-align:center;padding:16px;border:2px solid var(--ink);border-radius:16px;background:var(--card);box-shadow:var(--cut2)} #games214 .p26-codebig{display:flex;justify-content:center;gap:10px;margin:8px 0} #games214 .p26-codebig i{font:800 clamp(34px,7vw,56px)/1 'Noto Sans',monospace;font-style:normal;width:1.25em;padding:.12em 0;border:2px solid var(--ink);border-radius:12px;background:#F7D9A6;box-shadow:var(--cut)} #games214 .p26-codebig i:nth-child(2){background:#C6E0C0}#games214 .p26-codebig i:nth-child(3){background:#DCDAF6}#games214 .p26-codebig i:nth-child(4){background:#F6BDB4} #games214 .p26-codebox p{font-size:14px;color:var(--ink2);margin:0 0 8px} #games214 .p26-pickg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} #games214 .p26-pg{appearance:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid var(--ink);border-radius:14px;background:var(--card);color:var(--ink);cursor:pointer;font-family:inherit;box-shadow:var(--cut);transition:transform .12s} #games214 .p26-pg b{font-family:'Noto Serif Display',Georgia,serif;font-size:19px} #games214 .p26-pg small{font-size:12px;color:var(--ink2)} #games214 .p26-pg .p26-gart{width:46px;height:46px} #games214 .p26-pg.on{background:color-mix(in srgb,var(--gc) 34%,#FBF6EC);transform:translateY(-3px);box-shadow:4px 7px 0 rgba(43,35,64,.2);outline:3px solid var(--ink);outline-offset:-6px} #games214 .p26-pg:disabled,#games214 .p26-pl:disabled,#games214 .p26-pm:disabled{cursor:default;opacity:1} #games214 .p26-pg:disabled:not(.on),#games214 .p26-pl:disabled:not(.on),#games214 .p26-pm:disabled:not(.on){opacity:.55} #games214 .p26-gtag{text-align:center;font-size:15px;max-width:640px;margin:0 auto} #games214 .p26-pickl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} #games214 .p26-pl,#games214 .p26-pm{appearance:none;text-align:left;padding:12px;border:2px solid var(--ink);border-radius:14px;background:var(--card);color:var(--ink);cursor:pointer;font-family:inherit;box-shadow:var(--cut);display:grid;gap:4px} #games214 .p26-pl b,#games214 .p26-pm b{font-size:15px} #games214 .p26-pl span,#games214 .p26-pm small{font-size:12.5px;color:var(--ink2);line-height:1.35} #games214 .p26-pl.on,#games214 .p26-pm.on{background:#F7D9A6;outline:3px solid var(--ink);outline-offset:-6px} #games214 .p26-pickm{display:grid;grid-template-columns:1fr 1fr;gap:10px} /* ---------- countdown ---------- */ #games214 .p26-count{display:grid;place-items:center;text-align:center;gap:8px;min-height:420px;padding:20px} #games214 .p26-count h2{font-size:clamp(40px,7vw,72px);line-height:1} #games214 .p26-count p{max-width:520px;font-size:16px} #games214 .p26-num{font:800 clamp(80px,16vw,150px)/1 'Noto Serif Display',Georgia,serif;color:var(--ink);width:1.6em;height:1.6em;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--gc);box-shadow:var(--cut2)} #games214 .p26-num.tick{animation:p26pop .45s both} /* clocks */ #games214 .p26-clock{--p:1;position:relative;flex:1;min-width:80px;height:24px;border:2px solid var(--ink);border-radius:999px;background:var(--card);overflow:hidden;display:flex;align-items:center} #games214 .p26-clock i{position:absolute;inset:0;right:auto;width:calc(var(--p) * 100%);background:#9ED6C4;border-right:2px solid var(--ink)} #games214 .p26-clock.low i{background:#F07E6E} #games214 .p26-clock b{position:relative;margin-left:auto;margin-right:8px;font:800 13px 'Noto Sans',sans-serif;font-variant-numeric:tabular-nums} #games214 .p26-clock.thin{height:18px;min-width:70px} #games214 .p26-clock.thin b{font-size:11px} /* ---------- Darśana ---------- */ #games214 .p26-ds{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:20px;align-items:start} #games214 .p26-chartwrap{position:sticky;top:8px} #games214 .p26-chart{width:100%;height:auto;display:block} #games214 .p26-chart .p26-rl{font:600 12px 'Noto Sans',sans-serif;fill:#5A5070} #games214 .p26-chart .p26-la{font:800 12px 'Noto Sans',sans-serif;fill:#A63C33} #games214 .p26-chart .p26-gt{font:800 13.5px 'Noto Sans',sans-serif;fill:#2B2340} #games214 .p26-chart .p26-gd{font:600 12.5px 'Noto Sans',sans-serif;fill:#2B2340;font-variant-numeric:tabular-nums} #games214 .p26-chart .p26-mt{font:600 19px 'Noto Serif Display',Georgia,serif;fill:#2B2340} #games214 .p26-chart .p26-mk{font:700 16px 'Noto Sans',sans-serif;fill:#2B2340} #games214 .p26-chart .p26-ms{font:500 12px 'Noto Sans',sans-serif;fill:#5A5070} #games214 .p26-chart .p26-gc.on rect{animation:p26glow 1.4s ease-in-out infinite alternate} #games214 .p26-chart .p26-arrow{animation:p26dash 1.1s linear infinite} #games214 .p26-qcard{position:relative;padding:18px;background:var(--card);border:2px solid var(--ink);border-radius:18px;box-shadow:var(--cut2);animation:p26in .35s both} #games214 .p26-qhead{display:flex;align-items:center;gap:12px;margin-bottom:10px} #games214 .p26-qhead .p26-clock{max-width:260px;margin-left:auto} #games214 .p26-roomstat{font-weight:700;font-size:13px;margin-left:auto} #games214 .p26-qcard h3{font-size:clamp(20px,2.3vw,28px);line-height:1.25} #games214 .p26-sub{font-size:13.5px;color:var(--ink2);margin-top:4px} #games214 .p26-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px} #games214 .p26-opt{appearance:none;position:relative;display:flex;align-items:center;gap:10px;text-align:left;min-height:62px;padding:10px 12px;border:2px solid var(--ink);border-radius:14px;background:color-mix(in srgb,var(--oc) 45%,#FBF6EC);color:var(--ink); font:700 16px/1.25 'Noto Sans',sans-serif;cursor:pointer;box-shadow:var(--cut);transition:transform .12s,box-shadow .12s,opacity .2s} #games214 .p26-opt:hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:4px 6px 0 rgba(43,35,64,.2)} #games214 .p26-opt:disabled{cursor:default} #games214 .p26-ol{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--oc);border:2px solid var(--ink);font:800 16px 'Noto Serif Display',Georgia,serif} #games214 .p26-ot{flex:1;min-width:0} #games214 .p26-opt.mine{outline:4px solid var(--ink);outline-offset:2px} #games214 .p26-opt.mine::after{content:'Your answer';position:absolute;top:-11px;right:10px;font:800 10px/1 'Noto Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:4px 7px;border-radius:999px} #games214 .p26-opt.dim{opacity:.42} #games214 .p26-opt.right{background:#C6E0C0;animation:p26pop .5s both} #games214 .p26-ok{font-size:22px;font-weight:800;color:#3F7A4A} #games214 .p26-pk{display:flex;margin-left:auto} #games214 .p26-pk .p26-av{margin-left:-6px} #games214 .p26-wait2{margin-top:14px;font-size:14px;color:var(--ink2)} #games214 .p26-why{margin-top:16px;padding:14px;border:2px dashed var(--ink);border-radius:14px;background:#FFF9EE;animation:p26in .45s .15s both} #games214 .p26-why p{font-size:15.5px;margin:4px 0 10px} #games214 .p26-kb{appearance:none;display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 12px;border:2px solid var(--ink);border-radius:10px;background:#DCDAF6;color:var(--ink);font:700 13px/1.25 'Noto Sans',sans-serif;cursor:pointer;text-align:left;box-shadow:2px 3px 0 rgba(43,35,64,.14)} #games214 .p26-kb span{overflow:hidden;text-overflow:ellipsis} #games214 .p26-pop{position:absolute;right:16px;top:-18px;padding:6px 14px;border:2px solid var(--ink);border-radius:999px;font:800 20px 'Noto Sans',sans-serif;box-shadow:var(--cut);animation:p26pop .6s both} #games214 .p26-pop.good{background:#9ED6C4} #games214 .p26-pop.miss{background:#F6BDB4;font-size:15px} /* ---------- Ko'ham ---------- */ #games214 .p26-ko{display:grid;gap:14px;max-width:900px;margin:0 auto} #games214 .p26-kohead h3{font-size:clamp(26px,3.4vw,38px)} #games214 .p26-clues{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px} #games214 .p26-clues li{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;border:2px solid var(--ink);border-radius:999px;background:var(--card);font-size:13.5px;font-weight:600;animation:p26in .35s both} #games214 .p26-clues li b{padding:3px 9px;border-radius:999px;border:1.5px solid var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.06em} #games214 .p26-clues li.yes b{background:#9ED6C4} #games214 .p26-clues li.no b{background:#F6BDB4} #games214 .p26-cands{display:grid;grid-template-columns:repeat(4,1fr);gap:8px} #games214 .p26-cand,#games214 .p26-card{appearance:none;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:76px;padding:8px 10px;text-align:left;border:2px solid var(--ink);border-radius:12px; background:linear-gradient(90deg,var(--ec) 0 7px,var(--card) 7px);color:var(--ink);font-family:inherit;cursor:pointer;box-shadow:var(--cut);transition:transform .12s,opacity .2s,filter .2s} #games214 .p26-cand b,#games214 .p26-card b{font-size:15px;line-height:1.15;padding-left:4px} #games214 .p26-cand small,#games214 .p26-card small{font-size:11.5px;color:var(--ink2);padding-left:4px} #games214 .p26-kt{font:700 9.5px/1 'Noto Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);padding-left:4px} #games214 .p26-cand.out{opacity:.32;filter:grayscale(.8);background:repeating-linear-gradient(-45deg,transparent 0 6px,rgba(43,35,64,.07) 6px 8px),var(--card)} #games214 .p26-cand.out b{text-decoration:line-through} #games214 .p26-cand.guessing{animation:p26wob 1.2s ease-in-out infinite;outline:3px dashed var(--ink);outline-offset:2px} #games214 .p26-cand.secret{background:#F7D9A6;outline:4px solid var(--ink);opacity:1;filter:none} #games214 .p26-cand:disabled{cursor:default} #games214 .p26-wrong{position:absolute;right:4px;bottom:4px;display:flex} #games214 .p26-ask,#games214 .p26-askwait{padding:14px;border:2px solid var(--ink);border-radius:16px;background:var(--card);box-shadow:var(--cut2)} #games214 .p26-askh{display:flex;align-items:center;gap:12px;margin-bottom:10px} #games214 .p26-askh .p26-clock{max-width:200px;margin-left:auto} #games214 .p26-qgroups{display:grid;gap:10px;max-height:330px;overflow:auto;padding-right:4px;margin-bottom:10px} #games214 .p26-qg{display:flex;flex-wrap:wrap;gap:6px;align-items:center} #games214 .p26-qg .p26-eye{width:100%} #games214 .p26-qb{appearance:none;padding:8px 12px;min-height:40px;border:2px solid var(--ink);border-radius:999px;background:#FFF9EE;color:var(--ink);font:600 13.5px/1.25 'Noto Sans',sans-serif;cursor:pointer;text-align:left} #games214 .p26-qb:hover{background:#F7D9A6} #games214 .p26-askwait{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #games214 .p26-askwait .p26-clock{max-width:180px;margin-left:auto} #games214 .p26-kreveal{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:16px;border:2px solid var(--ink);border-radius:16px;background:var(--card);box-shadow:var(--cut2)} #games214 .p26-kreveal p{font-size:15.5px;margin:6px 0 10px} #games214 .p26-flip{perspective:600px} #games214 .p26-face{width:150px;min-height:120px;padding:14px;border:3px solid var(--ink);border-radius:14px;background:linear-gradient(180deg,var(--ec) 0 26%,#FBF6EC 26%);display:flex;flex-direction:column;justify-content:flex-end;gap:2px;box-shadow:var(--cut2);animation:p26flip .7s both} #games214 .p26-face b{font-family:'Noto Serif Display',Georgia,serif;font-size:22px;line-height:1.1} #games214 .p26-face small{color:var(--ink2)} #games214 .p26-tog{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer} #games214 .p26-tog input{width:20px;height:20px;accent-color:#2B2340} /* ---------- Saṅketa ---------- */ #games214 .p26-sk{display:grid;gap:12px;max-width:980px;margin:0 auto} #games214 .p26-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px} #games214 .p26-teams.coop{grid-template-columns:1fr} #games214 .p26-team{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:10px 12px;border:2px solid var(--ink);border-radius:14px;background:var(--tl);opacity:.6;transition:opacity .2s,transform .2s} #games214 .p26-team.on{opacity:1;transform:translateY(-2px);box-shadow:var(--cut2);outline:3px solid var(--tc);outline-offset:2px} #games214 .p26-team b{font-family:'Noto Serif Display',Georgia,serif;font-size:19px} #games214 .p26-team span{font-size:13px;font-weight:600} #games214 .p26-tav{grid-column:2;grid-row:1/3;display:flex} #games214 .p26-tav .p26-av{margin-left:-6px} #games214 .p26-zstat{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:2px solid var(--ink);border-radius:14px;background:var(--card);box-shadow:var(--cut)} #games214 .p26-zstat .p26-clock{max-width:180px;margin-left:auto} #games214 .p26-zstat.clue{display:grid;grid-template-columns:1fr auto;border-left:10px solid var(--tc)} #games214 .p26-zstat.clue .p26-eye,#games214 .p26-zstat.clue .p26-sign,#games214 .p26-zstat.clue>span:not(.p26-eye){grid-column:1} #games214 .p26-zstat.clue .p26-clock{grid-column:2;grid-row:1/4} #games214 .p26-sign{font:600 clamp(22px,3vw,32px)/1.15 'Noto Serif Display',Georgia,serif;animation:p26in .4s both} #games214 .p26-sign i{display:inline-grid;place-items:center;min-width:1.4em;height:1.4em;margin-left:6px;border:2px solid var(--ink);border-radius:50%;background:#F4D98B;font-style:normal;font-size:.85em} #games214 .p26-zstat.over{display:grid;background:#F7D9A6} #games214 .p26-zstat.over b{font-family:'Noto Serif Display',Georgia,serif;font-size:26px} #games214 .p26-zlast{padding:10px 14px;border:2px solid var(--ink);border-radius:14px;background:#FFF9EE;font-size:14.5px;animation:p26in .4s both} #games214 .p26-zlast small{display:block;color:var(--ink2);margin-top:4px;font-size:13px} #games214 .p26-zlast.kA{border-left:10px solid #E9A23B}#games214 .p26-zlast.kB{border-left:10px solid #6E74B8}#games214 .p26-zlast.kN{border-left:10px solid #CBC6D3}#games214 .p26-zlast.kX{border-left:10px solid #2B2340} #games214 .p26-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px} #games214 .p26-grid.n20{grid-template-columns:repeat(5,1fr)} #games214 .p26-card[aria-disabled="true"]{cursor:default} #games214 .p26-card.key{box-shadow:inset 0 -7px 0 var(--kc,transparent),var(--cut)} #games214 .p26-card.key.kA{--kc:#E9A23B}#games214 .p26-card.key.kB{--kc:#6E74B8}#games214 .p26-card.key.kN{--kc:#CBC6D3}#games214 .p26-card.key.kX{--kc:#2B2340} #games214 .p26-card.rv{background:var(--rc);animation:p26turn .5s both} #games214 .p26-card.rv.kA{--rc:#F7D9A6}#games214 .p26-card.rv.kB{--rc:#BCBFE6}#games214 .p26-card.rv.kN{--rc:#E6E1DA;opacity:.75}#games214 .p26-card.rv.kX{--rc:#3F3160;color:#F6EFE4} #games214 .p26-card.rv.kX small,#games214 .p26-card.rv.kX .p26-kt{color:#DCDAF6} #games214 .p26-card.last{outline:4px solid var(--ink);outline-offset:2px} #games214 .p26-ptr{position:absolute;right:4px;top:-10px;display:flex} #games214 .p26-ptr .p26-av{margin-left:-5px} #games214 .p26-by{position:absolute;right:4px;bottom:4px} #games214 .p26-ecl{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;background:#2B2340;border:2px solid #F6EFE4;box-shadow:-6px 0 0 -2px #F4D98B} #games214 .p26-sk.giver .p26-card:not(.rv){border-style:dashed} #games214 .p26-give{padding:14px;border:2px solid var(--ink);border-radius:16px;background:var(--card);box-shadow:var(--cut2)} #games214 .p26-giveh{display:grid;gap:2px;margin-bottom:10px} #games214 .p26-links{display:flex;flex-wrap:wrap;gap:6px;max-height:260px;overflow:auto;padding:2px} #games214 .p26-link{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 8px 6px 12px;border:2px solid var(--ink);border-radius:999px;background:#FFF9EE;color:var(--ink);font:600 13.5px/1.2 'Noto Sans',sans-serif;cursor:pointer} #games214 .p26-link.on{background:#F4D98B;outline:3px solid var(--ink);outline-offset:1px} #games214 .p26-link em{font-style:normal;font:800 12px/1 'Noto Sans',sans-serif;min-width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--ink)} #games214 .p26-link em.own{background:#9ED6C4}#games214 .p26-link em.bad{background:#F6BDB4}#games214 .p26-link em.ecl{background:#2B2340;color:#F6EFE4} #games214 .p26-giveb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px} #games214 .p26-step{width:40px;height:40px;border-radius:50%;border:2px solid var(--ink);background:var(--card);font:800 20px/1 'Noto Sans',sans-serif;cursor:pointer;color:var(--ink)} #games214 .p26-n{font:800 24px 'Noto Sans',sans-serif;min-width:26px;text-align:center} #games214 .p26-giveb .p26-pri{margin-left:auto} #games214 .p26-zinfo{position:relative;padding:12px 40px 12px 14px;border:2px solid var(--ink);border-radius:14px;background:#FFF9EE;box-shadow:var(--cut)} #games214 .p26-zinfo p{font-size:14px;margin:4px 0 8px} #games214 .p26-zinfo .p26-x{position:absolute;right:6px;top:6px} #games214 .p26-recap{padding:14px;border:2px solid var(--ink);border-radius:16px;background:var(--card)} #games214 .p26-recap ol{margin:8px 0 0;padding-left:20px;display:grid;gap:10px} #games214 .p26-recap li span{display:block;font-size:13.5px;color:var(--ink2);margin:2px 0 6px} /* ---------- the end ---------- */ #games214 .p26-ourreading{text-align:left;max-width:640px;margin:0 auto;width:100%;background:#F7D9A6} #games214 .p26-room .p26-ourreading{display:block} #games214 .p26-end{text-align:center;max-width:860px;margin:0 auto;display:grid;gap:14px} #games214 .p26-end h2{font-size:clamp(28px,4vw,44px)} #games214 .p26-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:10px;max-width:560px;margin:10px auto 0;width:100%} #games214 .p26-pod{display:flex;flex-direction:column;align-items:center;gap:4px;animation:p26rise .7s calc(var(--d) * .35s + .2s) both} #games214 .p26-pod b{font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #games214 .p26-pod span{font:800 16px 'Noto Sans',sans-serif} #games214 .p26-step-p{width:100%;border:2px solid var(--ink);border-radius:12px 12px 0 0;display:grid;place-items:center;box-shadow:var(--cut);background-image:var(--g4-grain,none)} #games214 .p26-step-p i{font:700 34px 'Noto Serif Display',Georgia,serif;font-style:normal} #games214 .p26-pod.p1 .p26-step-p{height:120px;background-color:#F4D98B} #games214 .p26-pod.p2 .p26-step-p{height:88px;background-color:#DCDAF6} #games214 .p26-pod.p3 .p26-step-p{height:64px;background-color:#EDB9A6} #games214 .p26-pod.me b{background:var(--ink);color:var(--paper);padding:0 8px;border-radius:999px} #games214 .p26-pod.p1 .p26-av{outline:4px solid #E9A23B;outline-offset:2px} #games214 .p26-rest{list-style:none;margin:0 auto;padding:0;display:grid;gap:6px;max-width:420px;text-align:left} #games214 .p26-rest li{display:flex;align-items:center;gap:8px;padding:6px 10px;border:2px solid var(--ink);border-radius:12px;background:var(--card)} #games214 .p26-rest li span{margin-left:auto;font-weight:800} #games214 .p26-learnt{text-align:left;padding:12px 16px;border:2px solid var(--ink);border-radius:16px;background:var(--card);box-shadow:var(--cut)} #games214 .p26-learnt summary{cursor:pointer;font:600 18px 'Noto Serif Display',Georgia,serif} #games214 .p26-learnt ol{margin:10px 0 0;padding-left:22px;display:grid;gap:8px;font-size:14px} #games214 .p26-learnt li b{display:block} #games214 .p26-learnt li small{display:block;color:var(--ink2)} /* ---------- the reader and toasts ---------- */ .p26-layer .p26-modal{position:fixed;inset:0;z-index:9600;display:grid;place-items:center;padding:16px;background:rgba(43,35,64,.42)} .p26-layer .p26-modal[hidden]{display:none} .p26-layer .p26-sheet{width:min(640px,100%);max-height:min(86vh,760px);min-height:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:18px;border:2px solid var(--ink);border-radius:18px;background:var(--card);box-shadow:var(--cut2);animation:p26in .3s both} .p26-layer .p26-sheet header h3{font-size:24px;margin:4px 0} .p26-layer .p26-sheet header p{color:var(--ink2);font-size:14px} .p26-layer .p26-kbbody{overflow:auto;min-height:0;font-size:15px;padding-right:6px} .p26-layer .p26-kbbody h4{font-size:17px;margin:10px 0 4px} .p26-layer .p26-kbbody p{margin:0 0 8px} .p26-layer .p26-kbbody table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:13px;margin:6px 0} .p26-layer .p26-kbbody td,.p26-layer .p26-kbbody th{border:1px solid rgba(43,35,64,.25);padding:4px 6px} .p26-layer .p26-sheet footer{display:flex;gap:10px;flex-wrap:wrap} .p26-layer .p26-toastz{position:fixed;left:50%;top:76px;transform:translateX(-50%);z-index:9610;display:grid;gap:8px;pointer-events:none;width:min(420px,92%)} .p26-layer .p26-toast{pointer-events:auto;padding:10px 14px;border:2px solid var(--ink);border-radius:12px;background:var(--ink);color:var(--paper);font-weight:600;font-size:14px;box-shadow:var(--cut);animation:p26in .3s both;transition:opacity .4s,transform .4s} .p26-layer .p26-toast.out{opacity:0;transform:translateY(-8px)} #games214 .p26-acc,.g4-toast .p26-acc{margin-left:8px;padding:4px 12px;border-radius:999px;border:2px solid currentColor;background:#F4D98B;color:#2B2340;font-weight:800;cursor:pointer} /* the door on the console's activity row */ .g20-card.p26-door .p26-door-art{display:block;width:44px;height:44px} .g20-card.p26-door .p26-door-art svg{width:100%;height:100%} /* motion: gentle, and none when asked */ @keyframes p26in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @keyframes p26pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}} @keyframes p26rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}} @keyframes p26turn{0%{transform:rotateY(90deg)}100%{transform:none}} @keyframes p26flip{0%{transform:rotateY(180deg);opacity:.3}100%{transform:none;opacity:1}} @keyframes p26wob{0%,100%{outline-color:#2B2340}50%{outline-color:#F07E6E}} @keyframes p26glow{from{stroke-width:2}to{stroke-width:3.4}} @keyframes p26dash{to{stroke-dashoffset:-22}} @keyframes p26spin{to{transform:rotate(360deg)}} #games214 .p26 .p26-still{animation:none!important} #games214 .p26.p26-calm *,#games214 .p26.p26-calm *::after{animation:none!important;transition:none!important} @media (prefers-reduced-motion:reduce){#games214 .p26 *,.p26-layer *{animation:none!important;transition:none!important}} /* ---------- phone ---------- */ @container p26 (max-width:1180px){ #games214 .p26-body{grid-template-columns:1fr;grid-template-rows:auto 1fr} #games214 .p26-side{order:-1;border-left:0;border-bottom:2px solid var(--ink);padding:8px 10px;overflow-x:auto} #games214 .p26-board-h{display:none} #games214 .p26-ranks{display:flex;gap:6px;width:max-content} #games214 .p26-ranks li{padding:3px 8px 3px 4px;border-left-width:2px;border-bottom:5px solid var(--tc,var(--ink))} #games214 .p26-ranks .p26-nm{max-width:86px;font-size:12.5px} #games214 .p26-ranks .p26-rk{display:none} #games214 .p26-ranks .p26-av svg{width:26px;height:auto} #games214 .p26-sc{font-size:14px} #games214 .p26-reading{display:none} #games214 .p26-room[data-phase="lobby"] .p26-side{order:2;border-top:2px solid var(--ink);border-bottom:0} #games214 .p26-room[data-phase="lobby"] .p26-board-h{display:block} #games214 .p26-room[data-phase="lobby"] .p26-ranks{display:grid;width:auto} #games214 .p26-room[data-phase="lobby"] .p26-ranks .p26-nm{max-width:none} } @container p26 (max-width:780px){ #games214 .p26-ds{grid-template-columns:1fr;gap:12px} #games214 .p26-chartwrap{position:static;max-width:400px;margin:0 auto;width:100%} #games214 .p26-ds.rev .p26-qcard{order:-1} #games214 .p26-grid.n20{grid-template-columns:repeat(4,1fr)} } @media (max-width:520px){#games214 .p26{border-radius:14px;font-size:14.5px}} @container p26 (max-width:560px){ #games214 .p26-hall{padding:14px 12px 22px;gap:14px} #games214 .p26-hhero{padding:16px} #games214 .p26-me{width:100%} #games214 .p26-hact{flex-direction:column;align-items:stretch} #games214 .p26-big{width:100%} #games214 .p26-gcard{flex-direction:column} #games214 .p26-main{padding:12px 10px 16px} #games214 .p26-top{padding:8px 10px;gap:8px} #games214 .p26-chip span{display:none} #games214 .p26-chip{padding:6px 10px} #games214 .p26-gtitle em{display:none} #games214 .p26-pickg,#games214 .p26-pickl{grid-template-columns:1fr} #games214 .p26-pg{flex-direction:row;justify-content:flex-start;gap:10px;padding:8px 12px} #games214 .p26-pg small{margin-left:auto} #games214 .p26-opts{grid-template-columns:1fr;gap:8px} #games214 .p26-opt{min-height:52px;font-size:15px} #games214 .p26-qcard{padding:14px} #games214 .p26-cands{grid-template-columns:repeat(3,1fr);gap:6px} #games214 .p26-cand,#games214 .p26-card{min-height:64px;padding:6px 6px 6px 8px} #games214 .p26-cand b,#games214 .p26-card b{font-size:13px} #games214 .p26-cand small,#games214 .p26-card small{font-size:10.5px} #games214 .p26-grid,#games214 .p26-grid.n20{grid-template-columns:repeat(4,1fr);gap:5px} #games214 .p26-card{min-height:58px;padding:5px 4px 5px 7px;background:linear-gradient(90deg,var(--ec) 0 5px,var(--card) 5px)} #games214 .p26-card b{font-size:12px;padding-left:2px;word-break:break-word} #games214 .p26-card small{display:none} #games214 .p26-card .p26-kt{font-size:8px;padding-left:2px} #games214 .p26-card.rv{background:var(--rc)} #games214 .p26-team{padding:8px} #games214 .p26-team b{font-size:16px} #games214 .p26-kreveal{grid-template-columns:1fr} #games214 .p26-face{width:100%} #games214 .p26-go{min-width:0;flex:1} #games214 .p26-podium{gap:6px} #games214 .p26-count{min-height:360px} } /* stream view: a little larger, everything at a glance */ body.g4-streaming #games214 .p26{font-size:16px} body.g4-streaming #games214 .p26-qcard h3{font-size:30px} /* buttons inside the page-level layer (the reader) */ .p26-layer .p26-eye{display:block;font:700 11px/1.3 'Noto Sans',sans-serif;letter-spacing:.14em;color:var(--ink2)} .p26-layer .p26-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 18px;border-radius:999px;border:2px solid var(--ink);background:var(--card);color:var(--ink);font:700 15px/1.2 'Noto Sans',sans-serif;cursor:pointer;box-shadow:var(--cut)} .p26-layer .p26-pri{background:var(--ink);color:var(--paper);box-shadow:3px 4px 0 #F07E6E} .p26-layer .p26-ghost{background:transparent;box-shadow:none} .p26-layer .p26-btn:focus-visible{outline:3px solid #6E74B8;outline-offset:2px} /* v2.28 a phone held sideways: a slim hall header, so opening or joining a room is on the first screen */ @media (max-height:500px) and (orientation:landscape){ #games214 .p26-hall{padding:10px max(12px,env(safe-area-inset-left)) 16px;gap:12px} #games214 .p26-hhero{flex-wrap:nowrap;padding:12px 16px;gap:14px} #games214 .p26-hh-l h2{font-size:22px;margin:2px 0 4px} #games214 .p26-hh-l p{font-size:13px;line-height:1.4} #games214 .p26-me{padding:6px 12px 6px 6px;gap:8px;flex:0 0 auto} #games214 .p26-me svg{width:52px;height:auto} #games214 .p26-me b{font-size:15px} #games214 .p26-hact{gap:10px;flex-wrap:nowrap;align-items:flex-end} #games214 .p26-big{min-height:0;padding:10px 18px} #games214 .p26-hgames{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #games214 .p26-gcard{flex-direction:column;padding:12px;gap:8px} #games214 .p26-main{padding:8px 10px 12px} #games214 .p26-top{padding:6px 10px;gap:8px} #games214 .p26-opts{gap:8px} #games214 .p26-opt{min-height:44px} } @media (max-height:500px) and (orientation:landscape){ #games214 .p26-top{padding:4px 10px;gap:8px;min-height:0} #games214 .p26-top .p26-chip,#games214 .p26-top .p26-codechip,#games214 .p26-top .p26-gtitle{padding:2px 10px;min-height:0;height:34px;font-size:14px} #games214 .p26-top .p26-codechip b{font-size:16px} #games214 .p26-top .p26-gtitle svg{width:22px;height:22px} #games214 .p26-top .p26-gtitle b{font-size:16px} #games214 .p26-top .p26-gtitle em{display:none} #games214 .p26-room:not([data-phase="lobby"]) .p26-body{grid-template-columns:minmax(0,1fr) 128px;grid-template-rows:none} #games214 .p26-room:not([data-phase="lobby"]) .p26-side{order:0;border-left:2px solid var(--ink);border-bottom:0;border-top:0;padding:6px;overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - 110px)} #games214 .p26-room:not([data-phase="lobby"]) .p26-ranks{display:grid;width:auto;gap:5px} #games214 .p26-room:not([data-phase="lobby"]) .p26-ranks .p26-nm{max-width:64px} #games214 .p26-main{padding:8px 10px 10px} #games214 .p26-ds{grid-template-columns:auto minmax(0,1fr);gap:10px} #games214 .p26-chartwrap{position:sticky;top:52px;width:calc(100dvh - 128px - env(safe-area-inset-bottom));max-width:44vw;margin:0} #games214 .p26-ds.rev .p26-qcard{order:0} #games214 .p26-qcard{padding:10px 12px} #games214 .p26-ds .p26-opts{grid-template-columns:1fr;gap:6px} #games214 .p26-ds .p26-opt{min-height:40px;padding:6px 10px;word-break:normal;overflow-wrap:normal} #games214 .p26-ds .p26-qcard h3{font-size:17px;margin:4px 0 8px} #games214 .p26-ds .p26-opt{font-size:14.5px;gap:8px} #games214 .p26-ds .p26-ol{width:26px;height:26px;border-radius:8px;font-size:13px} #games214 .p26-ds .p26-opt{min-height:38px;padding:4px 10px} } /* ---- games232-fight.css ---- */ /* games232-fight.css · Study Space v2.32 · Dvandva, the duel of the grahas: the stage, the HUD in cut paper, menus, touch controls in landscape and portrait. Tokens from the shared pastel system. Flat colour, ink lines, hard paper shadows; no glass, no glow. */ #games214 .dv { --pa: #F6EFE4; --pa2: #EFE4D2; --ink: #2B2340; --ink2: #5A5070; --coral: #F07E6E; --saff: #E9A23B; --butter: #F4D98B; --sage: #7FB77E; --teal: #3E8A8A; --plum: #6B4A7A; --lilac: #C9A4D8; --peri: #A9A6E8; --terra: #C8664B; --night: #2E2448; --sh: 4px 4px 0 rgba(43, 35, 64, .26); position: relative; width: 100%; height: clamp(440px, calc(100vh - 150px), 1000px); overflow: hidden; border: 2px solid var(--ink); border-radius: 14px; background: var(--night); color: var(--ink); touch-action: none; user-select: none; -webkit-user-select: none; outline: none; font-family: 'Noto Sans', system-ui, sans-serif; font-size: clamp(11px, .52vw + 7px, 17px); } body.g4-streaming #games214 .dv { height: calc(100vh - 120px); } #games214 .dv-stagewrap { position: absolute; inset: 0; } #games214 .dv-cv { position: absolute; inset: 0; width: 100%; height: 100%; display: block; } #games214 .dv-hud { position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .3s; } #games214 .dv.fighting .dv-hud { opacity: 1; } #games214 .dv-eye { display: block; font-size: .7em; font-weight: 700; letter-spacing: .14em; color: var(--ink2); } #games214 .dv kbd { display: inline-block; min-width: 1.5em; padding: .05em .4em; margin: 0 .12em; border: 2px solid var(--ink); border-bottom-width: 3px; border-radius: 6px; background: var(--pa); font: 700 .9em 'Noto Sans', system-ui, sans-serif; text-align: center; } /* the two plates */ #games214 .dv-top { position: absolute; left: 10px; right: 10px; top: 10px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: start; } #games214 .dv-pl { --gc: var(--saff); position: relative; display: grid; grid-template-columns: auto 1fr; gap: .55em; align-items: start; } #games214 .dv-p1 { grid-column: 3; grid-template-columns: 1fr auto; text-align: right; } #games214 .dv-p1 .dv-por { order: 2; } #games214 .dv-mid { grid-column: 2; grid-row: 1; display: grid; justify-items: center; padding: .25em .7em .35em; background: var(--pa); border: 2px solid var(--ink); border-radius: 12px; box-shadow: var(--sh); min-width: 3.6em; } #games214 .dv-clock { font: 600 2em/1 'Noto Serif Display', Georgia, serif; font-variant-numeric: tabular-nums; } #games214 .dv-round { font-size: .72em; font-weight: 700; color: var(--ink2); white-space: nowrap; } #games214 .dv-por { width: 46px; height: 46px; filter: drop-shadow(2px 2px 0 rgba(43, 35, 64, .25)); } #games214 .dv-por svg { display: block; } #games214 .dv-plb { min-width: 0; } #games214 .dv-name { display: flex; gap: .45em; align-items: baseline; color: var(--pa); text-shadow: 0 1px 0 var(--ink), 1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 -1px 0 var(--ink), 2px 2px 0 var(--ink); } #games214 .dv-p1 .dv-name { justify-content: flex-end; } #games214 .dv-name b { font: 700 1.3em/1.1 'Noto Serif Display', Georgia, serif; } #games214 .dv-name span { font-size: .8em; font-weight: 600; } #games214 .dv-hp { position: relative; height: 18px; margin-top: .25em; background: var(--night); border: 2px solid var(--ink); border-radius: 4px; box-shadow: var(--sh); overflow: hidden; transform: skewX(-12deg); } #games214 .dv-p1 .dv-hp { transform: skewX(12deg) scaleX(-1); } #games214 .dv-hp i { position: absolute; left: 0; top: 0; bottom: 0; } #games214 .dv-hpd { background: var(--coral); } #games214 .dv-hpf { background: linear-gradient(var(--butter), var(--gc) 75%); border-right: 2px solid var(--ink); } #games214 .dv-pips { position: absolute; top: 2.2em; display: flex; gap: 4px; } #games214 .dv-p0 .dv-pips { right: 0; } #games214 .dv-p1 .dv-pips { left: 0; } #games214 .dv-pips i { width: 12px; height: 12px; border: 2px solid var(--ink); border-radius: 50%; background: var(--pa2); } #games214 .dv-pips i.on { background: var(--saff); } #games214 .dv-chips { display: flex; flex-wrap: wrap; gap: .3em; margin-top: .4em; } #games214 .dv-p1 .dv-chips { justify-content: flex-end; } #games214 .dv-chip { font-style: normal; font-size: .76em; font-weight: 700; padding: .12em .55em; background: var(--pa); border: 1.5px solid var(--ink); border-radius: 999px; white-space: nowrap; box-shadow: 2px 2px 0 rgba(43, 35, 64, .22); } #games214 .dv-chip.dig.up { background: #F6E3A8; } #games214 .dv-chip.dig.dn { background: #E6DCEB; } #games214 .dv-chip.av { background: color-mix(in srgb, var(--ac) 38%, var(--pa)); } #games214 .dv-chip.av.bad { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--ac) 40%, var(--pa)) 0 5px, var(--pa) 5px 7px); } #games214 .dv-chip.bad:not(.av) { background: #E6DCEB; } /* latitude ruler for graha yuddha */ #games214 .dv-lat { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: grid; justify-items: end; gap: .3em; } #games214 .dv-lat-l { max-width: 13em; font-size: .72em; font-weight: 700; text-align: right; padding: .2em .55em; background: rgba(246, 239, 228, .92); border: 1.5px solid var(--ink); border-radius: 8px; } #games214 .dv-lat-bar { position: relative; width: 16px; height: clamp(80px, 20vh, 170px); border: 2px solid var(--ink); border-radius: 8px; background: linear-gradient(var(--pa) 0 49%, var(--ink) 49% 51%, var(--pa2) 51%); box-shadow: var(--sh); } #games214 .dv-lat-bar i { position: absolute; left: -6px; width: 24px; height: 8px; margin-top: -4px; border: 2px solid var(--ink); border-radius: 4px; transition: top .15s; } #games214 .dv-lat0 { background: var(--coral); } #games214 .dv-lat1 { background: var(--peri); } /* meters */ #games214 .dv-meters { position: absolute; left: 10px; right: 10px; bottom: 10px; display: flex; justify-content: space-between; gap: 2em; } #games214 .dv-mt { width: min(36%, 340px); display: grid; gap: .2em; } #games214 .dv-mt1 { justify-items: end; } #games214 .dv-mtb { position: relative; width: 100%; height: 12px; border: 2px solid var(--ink); border-radius: 6px; background: var(--night); box-shadow: var(--sh); overflow: hidden; } #games214 .dv-mt1 .dv-mtb { transform: scaleX(-1); } #games214 .dv-mtb i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: repeating-linear-gradient(90deg, var(--lilac) 0 10px, var(--peri) 10px 12px); } #games214 .dv-mt.full .dv-mtb i { background: repeating-linear-gradient(90deg, var(--butter) 0 10px, var(--saff) 10px 12px); animation: dv-pulse .8s steps(2) infinite; } @keyframes dv-pulse { 50% { filter: brightness(1.12); } } #games214 .dv-yg { font-size: .74em; font-weight: 700; padding: .1em .55em; background: rgba(246, 239, 228, .9); border: 1.5px solid var(--ink); border-radius: 999px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #games214 .dv-yg.on { background: var(--butter); } /* combo, banner, card, floating words */ #games214 .dv-combo { position: absolute; top: 34%; display: grid; justify-items: center; opacity: 0; transform: scale(.7); transition: opacity .2s, transform .25s cubic-bezier(.3, 1.6, .5, 1); color: var(--pa); text-shadow: 2px 2px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink); } #games214 .dv-combo.on { opacity: 1; transform: scale(1); } #games214 .dv-c0 { left: 6%; } #games214 .dv-c1 { right: 6%; } #games214 .dv-combo b { font: 700 3em/1 'Noto Serif Display', Georgia, serif; } #games214 .dv-combo small { font-weight: 800; letter-spacing: .1em; } #games214 .dv-banner { position: absolute; left: 50%; top: 28%; transform: translate(-50%, -50%) scale(.8) rotate(-2deg); opacity: 0; display: grid; justify-items: center; padding: .25em 1.2em .35em; background: var(--bc, var(--coral)); border: 3px solid var(--ink); border-radius: 12px; box-shadow: 6px 6px 0 rgba(43, 35, 64, .35); transition: opacity .18s, transform .3s cubic-bezier(.3, 1.6, .5, 1); white-space: nowrap; } #games214 .dv-banner.on { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(-2deg); } #games214 .dv-banner b { font: 700 2.4em/1.1 'Noto Serif Display', Georgia, serif; } #games214 .dv-banner small { font-weight: 700; font-size: .85em; } #games214 .dv-card { position: absolute; left: 50%; bottom: 3.6em; width: min(560px, 62%); transform: translate(-50%, 20px); opacity: 0; padding: .7em 1em .8em; background: var(--pa); border: 2px solid var(--ink); border-left: 10px solid var(--cc, var(--butter)); border-radius: 12px; box-shadow: var(--sh); transition: opacity .25s, transform .3s; } #games214 .dv-card.on { opacity: 1; transform: translate(-50%, 0); } #games214 .dv-card b { display: block; font: 600 1.25em/1.2 'Noto Serif Display', Georgia, serif; margin: .1em 0 .2em; } #games214 .dv-card p { margin: 0; line-height: 1.4; } #games214 .dv-floats { position: absolute; inset: 0; overflow: hidden; } #games214 .dv-float { position: absolute; transform: translate(-50%, -50%); padding: .15em .55em; background: var(--pa); border: 1.5px solid var(--ink); border-radius: 8px; font-size: .82em; font-weight: 600; white-space: nowrap; box-shadow: 2px 2px 0 rgba(43, 35, 64, .25); animation: dv-float 1.5s ease-out forwards; } #games214 .dv-float.full { background: var(--butter); } #games214 .dv-float.warm { background: #F6C9BE; } #games214 .dv-float.cool { background: #DCE8F2; } @keyframes dv-float { 0% { opacity: 0; margin-top: 8px; } 12% { opacity: 1; margin-top: 0; } 75% { opacity: 1; } 100% { opacity: 0; margin-top: -22px; } } /* training */ #games214 .dv-train { position: absolute; left: 10px; top: 120px; width: clamp(180px, 20vw, 280px); display: grid; gap: .5em; pointer-events: auto; } #games214 .dv-train > div { padding: .5em .6em; background: rgba(246, 239, 228, .94); border: 2px solid var(--ink); border-radius: 10px; box-shadow: var(--sh); } #games214 .dv-inlog { display: flex; flex-wrap: wrap; gap: .25em; } #games214 .dv-inlog .dv-eye { width: 100%; } #games214 .dv-in { display: inline-flex; align-items: baseline; gap: .2em; padding: .05em .35em; border: 1.5px solid var(--ink); border-radius: 6px; background: var(--pa2); font-size: .85em; } #games214 .dv-in b { font-size: 1.1em; } #games214 .dv-in i { font-style: normal; font-weight: 700; } #games214 .dv-in small { color: var(--ink2); font-size: .75em; } #games214 .dv-fd b { display: block; font: 600 1.1em 'Noto Serif Display', Georgia, serif; } #games214 .dv-fd p { margin: .2em 0; font-size: .86em; line-height: 1.35; } #games214 .dv-fd .dv-why { color: var(--ink2); } #games214 .dv-dummy { display: flex; flex-wrap: wrap; gap: .3em; } #games214 .dv-dummy .dv-eye { width: 100%; } #games214 .dv-dummy button { font: 600 .82em 'Noto Sans', system-ui, sans-serif; padding: .2em .55em; border: 1.5px solid var(--ink); border-radius: 999px; background: var(--pa); color: var(--ink); cursor: pointer; } #games214 .dv-dummy button.on { background: var(--butter); } /* the pause button */ #games214 .dv-pb { position: absolute; left: 50%; top: 4.9em; transform: translateX(-50%); width: 34px; height: 30px; border: 2px solid var(--ink); border-radius: 8px; background: var(--pa); color: var(--ink); font-weight: 800; cursor: pointer; box-shadow: 2px 2px 0 rgba(43, 35, 64, .25); display: none; z-index: 3; } #games214 .dv.fighting .dv-pb { display: block; } /* touch: a stick under the left thumb, paper buttons on the right */ #games214 .dv-touch { position: absolute; inset: 0; pointer-events: none; display: none; z-index: 2; } #games214 .dv.is-touch.fighting .dv-touch { display: block; pointer-events: auto; } #games214 .dv-touch button { position: absolute; display: grid; place-items: center; border: 2px solid var(--ink); background: rgba(246, 239, 228, .9); color: var(--ink); font: 800 14px 'Noto Sans', system-ui, sans-serif; border-radius: 50%; box-shadow: 3px 3px 0 rgba(43, 35, 64, .3); touch-action: none; user-select: none; -webkit-user-select: none; padding: 0; } #games214 .dv-touch button.on { transform: translate(2px, 2px); box-shadow: none; filter: brightness(.94); } #games214 .dv-tb { position: absolute; right: 10px; bottom: 54px; display: grid; grid-template-columns: repeat(3, 54px); gap: 7px; } #games214 .dv-tb button, #games214 .dv-tb2 button { position: relative; width: 54px; height: 54px; } #games214 .dv-tb .b-l { background: #F6C9BE; } #games214 .dv-tb .b-h { background: var(--coral); } #games214 .dv-tb .b-k { background: var(--butter); } #games214 .dv-tb .b-g { background: #DCE8F2; font-size: 11px; } #games214 .dv-tb .b-s { background: var(--lilac); } #games214 .dv-tb .b-t { background: #D8EBD2; font-size: 11px; } #games214 .dv-tb2 { position: absolute; right: 196px; bottom: 54px; display: grid; gap: 7px; } #games214 .dv-tb2 button { width: 46px; height: 46px; font-size: 11px; border-radius: 12px !important; } #games214 .dv-tby { right: 10px; bottom: 192px; width: 84px; height: 44px; border-radius: 12px !important; background: var(--pa2) !important; color: var(--ink2) !important; opacity: .5; } #games214 .dv-tby.on { background: var(--butter) !important; color: var(--ink) !important; opacity: 1; animation: dv-pulse .8s steps(2) infinite; } #games214 .dv-stick { position: absolute; left: 90px; top: calc(100% - 120px); width: 108px; height: 108px; margin: -54px 0 0 -54px; border: 2px solid rgba(246, 239, 228, .8); border-radius: 50%; background: rgba(246, 239, 228, .16); opacity: .55; pointer-events: none; } #games214 .dv-stick.on { opacity: 1; } #games214 .dv-stick i { position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px; border: 2px solid var(--ink); border-radius: 50%; background: var(--butter); } #games214 .dv.is-touch .dv-meters { bottom: 6px; left: 120px; right: 260px; } #games214 .dv.is-touch .dv-mt { width: 46%; } #games214 .dv.is-touch .dv-card { bottom: auto; top: 6.5em; } /* menus */ #games214 .dv-ov { position: absolute; inset: 0; z-index: 5; display: grid; place-items: center; padding: 16px; overflow: auto; touch-action: pan-y; overscroll-behavior: contain; background: linear-gradient(90deg, rgba(46, 36, 72, .62), rgba(46, 36, 72, .18) 70%); } #games214 .dv-ov-select, #games214 .dv-ov-codex { background: linear-gradient(90deg, rgba(46, 36, 72, .1), rgba(46, 36, 72, .55) 45%); } #games214 .dv-ov-loading { background: var(--night); } #games214 .dv-load { display: grid; justify-items: center; gap: .6em; color: var(--pa); } #games214 .dv-spin { width: 48px; height: 48px; border: 4px solid var(--pa); border-top-color: var(--coral); border-radius: 50%; animation: dv-spin 1s linear infinite; } @keyframes dv-spin { to { transform: rotate(360deg); } } #games214 .dv-panel, #games214 .dv-chap, #games214 .dv-story, #games214 .dv-sel, #games214 .dv-ar { background: var(--pa); border: 2px solid var(--ink); border-radius: 16px; box-shadow: 6px 6px 0 rgba(43, 35, 64, .35); padding: 1em 1.2em; width: min(560px, 100%); box-sizing: border-box; } #games214 .dv-panel.wide, #games214 .dv-story, #games214 .dv-ar { width: min(980px, 100%); } #games214 .dv-panel h2, #games214 .dv-chap h2, #games214 .dv-selh h2 { font: 600 1.9em/1.15 'Noto Serif Display', Georgia, serif; margin: .1em 0 .3em; } #games214 .dv-small { font-size: .9em; color: var(--ink2); } #games214 .dv-col { display: grid; gap: .5em; margin-top: .6em; } #games214 .dv-row { display: flex; flex-wrap: wrap; gap: .6em; align-items: center; margin: .6em 0; } #games214 .dv-btn { font: 700 1em 'Noto Sans', system-ui, sans-serif; padding: .55em 1.1em; border: 2px solid var(--ink); border-radius: 10px; background: var(--pa); color: var(--ink); box-shadow: 3px 3px 0 rgba(43, 35, 64, .3); cursor: pointer; } #games214 .dv-btn.primary { background: var(--coral); } #games214 .dv-btn.sm { padding: .3em .7em; font-size: .85em; } #games214 .dv-btn:disabled { opacity: .45; cursor: default; } #games214 .dv-btn:hover:not(:disabled) { transform: translateY(-1px); } #games214 .dv button:focus-visible, #games214 .dv-ov button:focus { outline: 3px solid var(--butter); outline-offset: 2px; } #games214 .dv-link { font: 600 .9em 'Noto Sans', system-ui, sans-serif; background: none; border: 0; color: var(--pa); text-decoration: underline; cursor: pointer; padding: .2em .3em; } #games214 .dv-selb { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .6em; margin-top: .8em; } /* the title */ #games214 .dv-ov-title { place-items: stretch; } #games214 .dv-title { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); grid-template-rows: auto 1fr; gap: 1em 2em; align-content: center; width: 100%; max-width: 1100px; margin: auto; } #games214 .dv-brand { grid-column: 1; color: var(--pa); } #games214 .dv-brand .dv-eye { color: var(--butter); } #games214 .dv-brand h1 { font: 700 clamp(46px, 7vw, 104px)/1 'Noto Serif Display', Georgia, serif; margin: .05em 0 .1em; color: var(--pa); text-shadow: 4px 4px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 6px 8px 0 var(--coral); } #games214 .dv-brand p { max-width: 34em; line-height: 1.45; text-shadow: 0 1px 2px rgba(43, 35, 64, .8); } #games214 .dv-menu { grid-column: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55em; max-width: 560px; } #games214 .dv-mbtn { display: grid; text-align: left; padding: .6em .9em; border: 2px solid var(--ink); border-radius: 12px; background: var(--pa); color: var(--ink); box-shadow: 4px 4px 0 rgba(43, 35, 64, .35); cursor: pointer; } #games214 .dv-mbtn b { font: 600 1.25em 'Noto Serif Display', Georgia, serif; } #games214 .dv-mbtn small { color: var(--ink2); font-size: .82em; } #games214 .dv-mbtn:first-child { background: var(--butter); } #games214 .dv-mbtn:hover, #games214 .dv-mbtn:focus { transform: translate(-1px, -1px); box-shadow: 6px 6px 0 rgba(43, 35, 64, .4); } #games214 .dv-side { grid-column: 2; grid-row: 2; display: grid; gap: .7em; align-content: end; } #games214 .dv-trials, #games214 .dv-diff { padding: .6em .8em; background: rgba(246, 239, 228, .94); border: 2px solid var(--ink); border-radius: 12px; box-shadow: var(--sh); } #games214 .dv-tr { display: flex; justify-content: space-between; gap: .6em; font-size: .9em; padding: .2em 0; border-bottom: 1px dashed rgba(43, 35, 64, .25); } #games214 .dv-tr.done span { text-decoration: line-through; color: var(--ink2); } #games214 .dv-diff { display: flex; flex-wrap: wrap; gap: .35em; align-items: center; } #games214 .dv-diff .dv-eye { width: 100%; } #games214 .dv-diff button, #games214 .dv-tabs button { font: 700 .88em 'Noto Sans', system-ui, sans-serif; padding: .3em .8em; border: 2px solid var(--ink); border-radius: 999px; background: var(--pa); color: var(--ink); cursor: pointer; } #games214 .dv-diff button.on, #games214 .dv-tabs button.on { background: var(--butter); } /* choosing a graha */ #games214 .dv-ov-select { place-items: center end; } #games214 .dv-sel { width: min(620px, 100%); max-height: 100%; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; gap: .5em; } #games214 .dv-selp { min-height: 0; overflow: auto; touch-action: pan-y; } #games214 .dv-selh h2 { font-size: 1.6em; margin: 0; } #games214 .dv-selh p { margin: .2em 0 0; color: var(--ink2); } #games214 .dv-grid { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: .3em; } #games214 .dv-grid.sm { grid-template-columns: repeat(9, minmax(0, 1fr)); margin: .6em 0; } #games214 .dv-gc { display: grid; justify-items: center; gap: .1em; padding: .35em .1em; border: 2px solid var(--ink); border-radius: 10px; background: var(--pa2); color: var(--ink); cursor: pointer; } #games214 .dv-gc b { font-size: .78em; } #games214 .dv-gc small { font-size: .62em; color: var(--ink2); text-align: center; } #games214 .dv-gc svg { width: 100%; max-width: 46px; height: auto; } #games214 .dv-gc.cur { background: color-mix(in srgb, var(--gc) 45%, var(--pa)); box-shadow: 0 0 0 2px var(--pa), 0 0 0 4px var(--ink); } #games214 .dv-gc.pk { opacity: .65; } #games214 .dv-fp { --gc: var(--saff); border-top: 8px solid var(--gc); padding-top: .4em; } #games214 .dv-fph { display: flex; gap: .7em; align-items: center; } #games214 .dv-fph h3 { margin: 0; font: 600 1.6em 'Noto Serif Display', Georgia, serif; } #games214 .dv-fph h3 small { font: 500 .55em 'Noto Sans', system-ui, sans-serif; color: var(--ink2); } #games214 .dv-fp > p { margin: .4em 0; line-height: 1.4; } #games214 .dv-sts { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5em; margin: .3em 0 .5em; } #games214 .dv-st { display: grid; gap: .15em; font-size: .78em; font-weight: 700; color: var(--ink2); } #games214 .dv-st i { height: 8px; border: 1.5px solid var(--ink); border-radius: 4px; background: linear-gradient(90deg, var(--gc) calc(var(--v) * 100%), var(--pa2) 0); } #games214 .dv-mvl { list-style: none; margin: 0; padding: 0; display: grid; gap: .35em; max-height: 36vh; overflow: auto; touch-action: pan-y; } #games214 .dv-sel .dv-mvl { max-height: none; overflow: visible; } #games214 .dv-mvl li { display: grid; grid-template-columns: auto 1fr; gap: 0 .6em; padding: .35em .5em; border: 1.5px solid rgba(43, 35, 64, .3); border-radius: 8px; background: var(--pa2); } #games214 .dv-mvl b { font-weight: 700; } #games214 .dv-mvl small { justify-self: end; color: var(--ink2); font-weight: 700; } #games214 .dv-mvl span { grid-column: 1 / -1; font-size: .86em; line-height: 1.35; } /* arenas */ #games214 .dv-agrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45em; margin-top: .4em; } #games214 .dv-ac { display: grid; text-align: left; gap: .1em; padding: .5em .6em; border: 2px solid var(--ink); border-left: 8px solid var(--gc); border-radius: 10px; background: var(--pa2); color: var(--ink); cursor: pointer; } #games214 .dv-ac b { font: 600 1.15em 'Noto Serif Display', Georgia, serif; } #games214 .dv-ac small { color: var(--ink2); font-weight: 700; font-size: .78em; } #games214 .dv-ac span { font-size: .78em; } #games214 .dv-ac:hover, #games214 .dv-ac:focus { background: var(--pa); } /* story */ #games214 .dv-chs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45em; } #games214 .dv-ch { position: relative; display: grid; text-align: left; gap: .1em; padding: .55em .6em .55em 2.3em; border: 2px solid var(--ink); border-radius: 10px; background: var(--pa2); color: var(--ink); cursor: pointer; } #games214 .dv-ch:disabled { opacity: .45; cursor: default; } #games214 .dv-ch.done { background: color-mix(in srgb, var(--gc) 30%, var(--pa)); } #games214 .dv-chn { position: absolute; left: .45em; top: .5em; width: 1.4em; height: 1.4em; display: grid; place-items: center; border: 2px solid var(--ink); border-radius: 50%; background: var(--gc); font-weight: 800; font-size: .85em; } #games214 .dv-ch b { font: 600 1.1em 'Noto Serif Display', Georgia, serif; } #games214 .dv-ch small { font-weight: 600; } #games214 .dv-ch em { font-style: normal; font-size: .8em; color: var(--ink2); } #games214 .dv-chap { --gc: var(--saff); border-top: 10px solid var(--gc); width: min(640px, 100%); } #games214 .dv-chap p { line-height: 1.5; } #games214 .dv-lesson { padding: .5em .7em; background: var(--pa2); border-radius: 10px; border: 1.5px dashed var(--ink); } #games214 .dv-chvs { display: flex; align-items: center; justify-content: center; gap: 1em; margin: .4em 0; font: 600 1.3em 'Noto Serif Display', Georgia, serif; } /* the codex, help and live */ #games214 .dv-tabs { display: flex; gap: .4em; margin-bottom: .6em; } #games214 .dv-cxg { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: .3em; margin-bottom: .6em; } #games214 .dv-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5em; max-height: 58vh; overflow: auto; } #games214 .dv-rule { padding: .5em .7em; border: 1.5px solid var(--ink); border-radius: 10px; background: var(--pa2); } #games214 .dv-rule.got { background: #F6E3A8; } #games214 .dv-rule b { font: 600 1.05em 'Noto Serif Display', Georgia, serif; } #games214 .dv-rule p { margin: .2em 0 0; font-size: .88em; line-height: 1.4; } #games214 .dv-help { display: grid; grid-template-columns: 1fr 1fr; gap: 1em; } #games214 .dv-help p { line-height: 1.45; font-size: .92em; } #games214 .dv-lv { display: grid; grid-template-columns: 1.2fr 1fr; gap: 1.2em; } #games214 .dv-mem { display: flex; align-items: center; gap: .5em; padding: .35em 0; border-bottom: 1px dashed rgba(43, 35, 64, .25); } #games214 .dv-mem small { flex: 1; color: var(--ink2); } #games214 .dv-join { display: flex; gap: .4em; margin-top: .6em; } #games214 .dv-join input { width: 6em; font: 700 1.1em 'Noto Sans', system-ui, sans-serif; letter-spacing: .2em; text-transform: uppercase; padding: .35em .5em; border: 2px solid var(--ink); border-radius: 8px; background: #fff; user-select: text; -webkit-user-select: text; } #games214 .dv-seats { display: flex; align-items: center; justify-content: center; gap: 1em; margin: .6em 0; } #games214 .dv-seat { display: grid; justify-items: center; gap: .2em; min-width: 9em; padding: .6em; border: 2px solid var(--ink); border-radius: 12px; background: var(--pa2); } #games214 .dv-seats > i { font: 600 1.1em 'Noto Serif Display', Georgia, serif; } #games214 .dv-live select { font: 600 1em 'Noto Sans', system-ui, sans-serif; padding: .3em; border: 2px solid var(--ink); border-radius: 8px; } /* the invitation card */ .dv-invite { position: fixed; right: 16px; bottom: 16px; z-index: 9999; display: flex; align-items: center; gap: .7em; max-width: min(460px, calc(100vw - 32px)); padding: .7em .9em; background: #F6EFE4; color: #2B2340; border: 2px solid #2B2340; border-radius: 14px; box-shadow: 5px 5px 0 rgba(43, 35, 64, .3); font: 500 15px 'Noto Sans', system-ui, sans-serif; } .dv-invite small { display: block; color: #5A5070; } .dv-invite .dv-emb svg { width: 40px; height: 40px; display: block; } .dv-invite .dv-btn { font: 700 .9em 'Noto Sans', system-ui, sans-serif; padding: .4em .8em; border: 2px solid #2B2340; border-radius: 10px; background: #F6EFE4; cursor: pointer; } .dv-invite .dv-btn.primary { background: #F07E6E; } /* the console tile */ #games214 .g20-tile.dv-ctile { overflow: hidden; } #games214 .g20-tile.dv-ctile .dv-tile-art { position: absolute; inset: 0; width: 100%; height: 100%; display: block; border-radius: inherit; } #games214 .g20-tile.dv-ctile .g20-tile-emb { position: relative; z-index: 1; } #games214 .dv-g20card .g20-c-emb svg { width: 100%; height: 100%; } #games214 .dv-hubcard .g4-card-art svg { width: 100%; height: 100%; display: block; } /* turn your phone */ #games214 .dv-turn { display: none; } /* phones and narrow screens */ @media (max-width: 760px), (max-height: 500px) and (orientation: landscape) { #games214 .dv { font-size: 11px; border-radius: 10px; } #games214 .dv-top { left: 6px; right: 6px; top: 6px; gap: 6px; } #games214 .dv-por { width: 34px; height: 34px; } #games214 .dv-por svg { width: 34px; height: 34px; } #games214 .dv-name span { display: none; } #games214 .dv-hp { height: 13px; } #games214 .dv-clock { font-size: 1.6em; } #games214 .dv-chips { max-height: 3.2em; overflow: hidden; } #games214 .dv-chip { font-size: .72em; } #games214 .dv-title { grid-template-columns: 1fr; grid-template-rows: auto; gap: .7em; } #games214 .dv-side { grid-column: 1; grid-row: auto; } #games214 .dv-grid, #games214 .dv-cxg { grid-template-columns: repeat(5, minmax(0, 1fr)); } #games214 .dv-agrid, #games214 .dv-chs { grid-template-columns: repeat(2, minmax(0, 1fr)); } #games214 .dv-rules, #games214 .dv-help, #games214 .dv-lv { grid-template-columns: 1fr; } #games214 .dv-card { width: min(420px, 80%); font-size: .95em; } #games214 .dv-train { top: 84px; width: 170px; font-size: .9em; } #games214 .dv-lat-bar { height: 70px; } #games214 .dv-lat-l { max-width: 10em; } } /* a phone held sideways: the stage fills the height under the slim bar; stick left, buttons right */ @media (max-height: 500px) and (orientation: landscape) { #games214 .dv { height: calc(100dvh - 60px - env(safe-area-inset-bottom)); min-height: 240px; font-size: 10px; } #games214 .dv-tb { right: max(8px, env(safe-area-inset-right)); bottom: 8px; grid-template-columns: repeat(3, 46px); gap: 5px; } #games214 .dv-tb button { width: 46px; height: 46px; font-size: 12px; } #games214 .dv-tb .b-g, #games214 .dv-tb .b-t { font-size: 10px; } #games214 .dv-tb2 { right: calc(max(8px, env(safe-area-inset-right)) + 158px); bottom: 8px; } #games214 .dv-tb2 button { width: 40px; height: 40px; font-size: 10px; } #games214 .dv-tby { right: max(8px, env(safe-area-inset-right)); bottom: 112px; width: 70px; height: 34px; font-size: 12px; } #games214 .dv-stick { left: calc(max(8px, env(safe-area-inset-left)) + 62px); top: calc(100% - 76px); width: 96px; height: 96px; margin: -48px 0 0 -48px; } #games214 .dv.is-touch .dv-meters { left: calc(max(8px, env(safe-area-inset-left)) + 120px); right: 230px; bottom: 4px; } #games214 .dv-pb { top: 3.6em; } #games214 .dv-lat { top: 44%; right: 8px; } #games214 .dv-lat-l { display: none; } #games214 .dv-banner b { font-size: 1.8em; } #games214 .dv-ov { padding: 8px max(10px, env(safe-area-inset-left)); } #games214 .dv-title { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: .5em 1em; } #games214 .dv-brand h1 { font-size: clamp(32px, 12dvh, 54px); } #games214 .dv-brand p { display: none; } #games214 .dv-side { grid-column: 2; grid-row: 1 / span 2; align-content: center; } #games214 .dv-menu { gap: .35em; } #games214 .dv-mbtn { padding: .35em .6em; } #games214 .dv-mbtn b { font-size: 1.1em; } #games214 .dv-mbtn small { font-size: .74em; } #games214 .dv-panel, #games214 .dv-chap, #games214 .dv-story, #games214 .dv-sel, #games214 .dv-ar { padding: .6em .8em; } #games214 .dv-panel h2, #games214 .dv-chap h2 { font-size: 1.4em; } #games214 .dv-sel { width: min(560px, 70%); height: 100%; } #games214 .dv-sel .dv-selh { display: none; } #games214 .dv-sel .dv-fp > p { display: none; } #games214 .dv-selb { margin-top: .3em; } #games214 .dv-grid { grid-template-columns: repeat(9, minmax(0, 1fr)); } #games214 .dv-gc small { display: none; } #games214 .dv-mvl { max-height: 26vh; } #games214 .dv-agrid, #games214 .dv-chs { grid-template-columns: repeat(4, minmax(0, 1fr)); } #games214 .dv-ac span, #games214 .dv-ch em { display: none; } } /* a phone held upright: the arena above, the controls below on the plum ground, and a gentle hint to turn */ @media (orientation: portrait) and (max-width: 760px) { #games214 .dv { height: calc(100svh - 120px); min-height: 520px; } #games214 .dv.is-touch.fighting .dv-cv { height: 58%; } #games214 .dv.is-touch.fighting .dv-hud { bottom: 42%; } #games214 .dv.is-touch.fighting .dv-touch { position: absolute; inset: auto 0 0 0; top: 58%; background: var(--night) var(--g4-grain, none); border-top: 2px solid var(--ink); } #games214 .dv.is-touch .dv-tb { right: 12px; top: 50%; bottom: auto; transform: translateY(-50%); grid-template-columns: repeat(3, 56px); } #games214 .dv.is-touch .dv-tb button { width: 56px; height: 56px; } #games214 .dv.is-touch .dv-tb2 { right: auto; left: 50%; bottom: 10px; transform: translateX(-50%); grid-auto-flow: column; } #games214 .dv.is-touch .dv-tby { right: auto; left: 50%; top: 10px; bottom: auto; transform: translateX(-50%); } #games214 .dv.is-touch .dv-tby.on { transform: translateX(-50%); } #games214 .dv.is-touch .dv-stick { left: 82px; top: 50%; } #games214 .dv.is-touch .dv-meters { left: 8px; right: 8px; bottom: 6px; } #games214 .dv.is-touch .dv-card { top: auto; bottom: 4px; width: 92%; font-size: .9em; } #games214 .dv-top { grid-template-columns: 1fr auto 1fr; } #games214 .dv-chips { display: none; } #games214 .dv-lat { display: none; } #games214 .dv-turn { display: block; position: absolute; left: 50%; top: 4.4em; transform: translateX(-50%); z-index: 4; width: max-content; max-width: 86%; padding: .3em .7em; font-size: .85em; text-align: center; background: var(--pa); border: 1.5px solid var(--ink); border-radius: 999px; box-shadow: 2px 2px 0 rgba(43, 35, 64, .25); animation: dv-turn 6s ease forwards; pointer-events: none; } #games214 .dv:not(.fighting) .dv-turn { display: none; } #games214 .dv-pb { top: 3.4em; left: auto; right: 8px; transform: none; } #games214 .dv-ov-select { place-items: end center; } #games214 .dv-sel { width: 100%; } #games214 .dv-mvl { max-height: 22vh; } #games214 .dv-menu { grid-template-columns: 1fr 1fr; } } @keyframes dv-turn { 0%, 80% { opacity: 1; } 100% { opacity: 0; } } @media (prefers-reduced-motion: reduce) { #games214 .dv *, .dv-invite { animation: none !important; transition: none !important; } } /* ---- landing190.css ---- */ /* The Jyotish Project Study Space v1.90: public landing page. Built on the Study Space's own colour tokens (--bg, --paper, --ink, --wine, --gold …), so the page follows the colour mood chosen in the picker exactly as the app does. Each theme only adjusts the night-sky panels and the few colours that must read on them. Selectors start with `html #authGate .lpx` to outrank the older landing rules (release172.css), which set colours on every heading, paragraph and button inside #authGate. */ html #authGate .lpx.lpx{ --x-bg:var(--bg);--x-paper:var(--paper);--x-paper2:var(--paper2);--x-ink:var(--ink);--x-muted:var(--muted);--x-line:var(--line); --x-accent:var(--wine);--x-accent-ink:#fff;--x-gold:var(--gold);--x-on-bg:var(--ink);--x-on-bg-muted:var(--muted); --x-sky:var(--earth-panel);--x-sky-glass:var(--earth-glass); --x-sky-ink:#efe8e5;--x-sky-muted:#d4c6c2;--x-sky-gold:#c49a8c;--x-sky-btn:#c49a8c;--x-sky-btn-ink:#2a1c10; --x-shadow:0 1px 0 rgba(60,40,20,.03),0 16px 36px rgba(60,40,20,.08);--x-radius:22px;--x-veil:80%; /* pigments for the smoke field (read by pigment190.js) */ --pg-bg:#e6dfdc;--pg-1:#c9954a;--pg-2:#b5643c;--pg-3:#8e9470;--pg-4:#6e4a31;--pg-a:.62; --g-sun:#a55828;--g-moon:#657a84;--g-mars:#a6443d;--g-mercury:#36785b;--g-jupiter:#8a6b20;--g-venus:#8f5770;--g-saturn:#535779;--g-rahu:#436e76;--g-ketu:#8a6246; max-width:none;margin:0;padding:0;min-height:100vh;position:relative;isolation:isolate;background:var(--pg-bg)!important;background-image:none!important;color:var(--x-ink)!important;font-family:inherit; } html[data-appearance=rainbow] #authGate .lpx.lpx{ --x-sky-gold:#da9fbc;--x-sky-btn:#da9fbc;--x-sky-btn-ink:#3a1406;--x-shadow:0 14px 34px rgba(160,60,20,.12); --pg-bg:#fff4ec;--pg-1:#ffb35c;--pg-2:#ec6a8c;--pg-3:#6fcbb4;--pg-4:#9a7df0;--pg-a:.5; --g-sun:#e0622a;--g-moon:#2f86b8;--g-mars:#d8323c;--g-mercury:#12966a;--g-jupiter:#d59a07;--g-venus:#d23c8c;--g-saturn:#4a4fc4;--g-rahu:#0f8a9a;--g-ketu:#b0602a; } html[data-appearance=celestial] #authGate .lpx.lpx{ --x-on-bg:#dadfea;--x-on-bg-muted:#c3c8da;--x-sky-gold:#b6bed2;--x-sky-btn:#b6bed2;--x-sky-btn-ink:#132038;--x-shadow:0 18px 40px rgba(0,0,0,.35); --pg-bg:#0b1229;--pg-1:#2b4677;--pg-2:#a8823f;--pg-3:#1d3a5a;--pg-4:#3a2f52;--pg-a:.7; } html[data-appearance=bubblegum] #authGate .lpx.lpx{ --x-sky-gold:#e5bae5;--x-sky-btn:#e5bae5;--x-sky-btn-ink:#3c2620;--x-radius:28px;--x-shadow:0 8px 0 rgba(210,170,160,.22),0 18px 40px rgba(110,60,50,.08); --pg-bg:#f7ebf3;--pg-1:#f3b3c4;--pg-2:#ffd6a3;--pg-3:#b8e2cf;--pg-4:#cdb8ee;--pg-a:.55; } html[data-appearance=dark] #authGate .lpx.lpx{ --x-paper:#191612;--x-paper2:#1e1a16;--x-line:#312c26;--x-ink:#ece6db;--x-muted:#b7afa4;--x-on-bg:#ece6db;--x-on-bg-muted:#b7afa4; --x-accent:#dcd1bc;--x-accent-ink:#1f1b17;--x-sky-gold:#dcd1bc;--x-sky-btn:#dcd1bc;--x-sky-btn-ink:#1f1b17;--x-shadow:0 0 0 1px #24201c; --pg-bg:#070504;--pg-1:#6a4424;--pg-2:#7a3a22;--pg-3:#3e4530;--pg-4:#2c1e14;--pg-a:.75; --g-sun:#d2915c;--g-moon:#9fb3bd;--g-mars:#d77c72;--g-mercury:#76b594;--g-jupiter:#d1b060;--g-venus:#c58ea6;--g-saturn:#9a9ecb;--g-rahu:#7fb0b8;--g-ketu:#c29a7c; } /* the pigment field sits behind everything; panels are slightly translucent so it breathes through */ html #authGate .lpx .lpx-pigment{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;display:block} html #authGate .lpx .lpx-motion{position:fixed;right:14px;bottom:14px;opacity:.72;z-index:30;display:flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;font:600 11px system-ui,sans-serif;letter-spacing:.06em;background:color-mix(in srgb,var(--x-paper) 80%,transparent)!important;color:var(--x-muted)!important;border:1px solid var(--x-line)!important;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} html #authGate .lpx .lpx-motion:hover{color:var(--x-ink)!important;opacity:1} html #authGate .lpx :is(.lpx-sec,.lpx-numbers){background:color-mix(in srgb,var(--x-paper) var(--x-veil),transparent)!important} /* reset the older landing rules inside the new page */ html #authGate .lpx *{box-sizing:border-box} html #authGate .lpx :is(h1,h2,h3,h4,p,li,small,span,b,summary,figcaption){color:inherit!important;opacity:1} html #authGate .lpx :is(h1,h2,h3){font-family:var(--tjp-font,Georgia),'Times New Roman',serif;font-weight:normal;letter-spacing:-.005em;margin:0} html #authGate .lpx p{margin:0} html #authGate .lpx .btn{font-family:inherit;border-radius:999px!important;padding:10px 18px;font-size:15px;background:var(--x-paper)!important;color:var(--x-ink)!important;border:1px solid var(--x-line)!important;box-shadow:none!important;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s} html #authGate .lpx .btn:hover{transform:translateY(-1px)} html #authGate .lpx .btn.primary{background:var(--x-accent)!important;color:var(--x-accent-ink)!important;border-color:var(--x-accent)!important} html #authGate .lpx .btn.lpx-ghost{background:transparent!important} html #authGate .lpx .lpx-big{padding:14px 24px;font-size:16px} html #authGate .lpx .text-btn{background:none!important;border:0!important;color:var(--x-accent)!important;text-decoration:underline;cursor:pointer;font:inherit;padding:0} html #authGate .lpx :is(a,button,summary):focus-visible{outline:2px solid var(--x-accent)!important;outline-offset:3px} html #authGate .lpx .lpx-eye,html #authGate .lpx .lpx-kicker{font:600 11px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:.2em;text-transform:uppercase} html #authGate .lpx .lpx-eye{color:var(--x-accent)!important} html #authGate .lpx .lpx-muted{color:var(--x-muted)!important} /* nav */ html #authGate .lpx .lpx-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,4vw,48px);background:color-mix(in srgb,var(--x-paper) 86%,transparent)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s} html #authGate .lpx .lpx-nav.scrolled{border-bottom-color:var(--x-line);box-shadow:0 6px 24px rgba(0,0,0,.06)} html #authGate .lpx .lpx-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--x-ink)!important} html #authGate .lpx .lpx-brand b{display:block;font-size:13.5px;letter-spacing:.16em;font-weight:600} html #authGate .lpx .lpx-brand small{display:block;font-size:12px;color:var(--x-muted)!important} html #authGate .lpx .lpx-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--x-sky);color:var(--x-sky-gold)!important;font-size:16px;flex:none} html #authGate .lpx .lpx-links{display:flex;gap:clamp(12px,2vw,24px)} html #authGate .lpx .lpx-links a{color:var(--x-muted)!important;text-decoration:none;font-size:14.5px;padding:6px 0;border-bottom:1px solid transparent} html #authGate .lpx .lpx-links a:hover{color:var(--x-ink)!important;border-bottom-color:var(--x-accent)} html #authGate .lpx .lpx-nav-actions{display:flex;gap:8px;align-items:center} html #authGate .lpx .theme-picker153{display:flex;align-items:center;margin:0} html #authGate .lpx .theme-picker153>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} html #authGate .lpx .theme-picker153 select{border-radius:999px!important;padding:9px 30px 9px 14px;font:inherit;font-size:14px;background-color:var(--x-paper)!important;color:var(--x-ink)!important;border:1px solid var(--x-line)!important;width:auto;margin:0} /* hero: the same night-sky panel as the dashboard greeting */ html #authGate .lpx .lpx-main{max-width:1360px!important;margin:0 auto!important;padding:0 clamp(12px,3.2vw,56px) 36px!important;background:transparent!important;display:flex;flex-direction:column;gap:clamp(14px,2vw,22px)} html #authGate .lpx .lpx-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(24px,4vw,60px);align-items:center;margin-top:clamp(10px,1.6vw,18px);padding:clamp(34px,6vw,84px) clamp(20px,5vw,72px);border-radius:calc(var(--x-radius) + 6px);background:var(--x-sky-glass)!important;color:var(--x-sky-ink)!important;box-shadow:0 26px 60px rgba(40,24,12,.28)} html #authGate .lpx .lpx-hero::before{content:none} html #authGate .lpx .lpx-wheel{display:none;position:absolute;right:-12%;top:50%;width:min(92vh,780px);height:min(92vh,780px);transform:translateY(-50%);opacity:.14;pointer-events:none;animation:lpx-turn 360s linear infinite} html #authGate .lpx .lpx-wheel circle{fill:none;stroke:var(--x-sky-gold);stroke-width:.35} html #authGate .lpx .lpx-wheel line{stroke:var(--x-sky-gold);stroke-width:.35} html #authGate .lpx .lpx-wheel text{fill:var(--x-sky-gold);font:5px var(--tjp-font,Georgia),serif;text-anchor:middle;dominant-baseline:middle} @keyframes lpx-turn{to{transform:translateY(-50%) rotate(-360deg)}} html #authGate .lpx .lpx-hero-copy{position:relative;z-index:1} html #authGate .lpx .lpx-hero .lpx-kicker{color:var(--x-sky-gold)!important} html #authGate .lpx .lpx-hero h1{font-size:clamp(34px,4.6vw,60px);line-height:1.08;margin:16px 0 18px;color:#fff!important;text-wrap:balance} html #authGate .lpx .lpx-lede{font-size:clamp(16px,1.35vw,18.5px);line-height:1.68;color:var(--x-sky-muted)!important;max-width:620px} html #authGate .lpx .lpx-cta{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 14px} html #authGate .lpx .lpx-hero .btn.primary{background:var(--x-sky-btn)!important;border-color:var(--x-sky-btn)!important;color:var(--x-sky-btn-ink)!important;box-shadow:0 10px 26px rgba(0,0,0,.25)!important} html #authGate .lpx .lpx-hero .btn.lpx-ghost{color:var(--x-sky-ink)!important;border-color:rgba(255,255,255,.34)!important} html #authGate .lpx .lpx-hero .btn.lpx-ghost:hover{background:rgba(255,255,255,.08)!important} html #authGate .lpx .lpx-fine{font-size:13.5px;color:var(--x-muted)!important;line-height:1.55} html #authGate .lpx .lpx-hero .lpx-fine{color:var(--x-sky-muted)!important;display:flex;gap:10px;align-items:baseline;max-width:560px} html #authGate .lpx .lpx-pulse{flex:none;width:8px;height:8px;border-radius:50%;background:var(--x-sky-gold);box-shadow:0 0 0 0 var(--x-sky-gold);animation:lpx-pulse 2.4s ease-out infinite;transform:translateY(-1px)} @keyframes lpx-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--x-sky-gold) 60%,transparent)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}} html #authGate .lpx .lpx-center{text-align:center} /* live chart card */ html #authGate .lpx .lpx-sky{position:relative;z-index:1;margin:0;background:var(--x-paper)!important;color:var(--x-ink)!important;border-radius:var(--x-radius);padding:16px 16px 14px;box-shadow:0 30px 70px rgba(0,0,0,.35);border:1px solid color-mix(in srgb,var(--x-sky-gold) 35%,transparent)} html #authGate .lpx .lpx-sky-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px} html #authGate .lpx .lpx-sky-head span{font:600 10.5px system-ui,sans-serif!important;letter-spacing:.16em;color:var(--x-accent)!important;display:flex;gap:7px;align-items:center} html #authGate .lpx .lpx-sky-head span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px #3aa35b33} html #authGate .lpx .lpx-sky-head b{font-size:13px;font-weight:normal;color:var(--x-muted)!important} html #authGate .lpx .lpx-sky-chart svg{width:100%;height:auto;display:block} html #authGate .lpx .lpx-sky figcaption{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} html #authGate .lpx .lpx-sky figcaption span{background:var(--x-paper2);border:1px solid var(--x-line);border-radius:999px;padding:4px 11px;font-size:13px} html #authGate .lpx .lpx-sky-load{min-height:340px;display:grid;place-items:center;color:var(--x-muted)!important} /* numbers */ html #authGate .lpx .lpx-numbers{display:grid;grid-template-columns:repeat(4,1fr);background:var(--x-paper)!important;border:1px solid var(--x-line);border-radius:var(--x-radius);box-shadow:var(--x-shadow);overflow:hidden} html #authGate .lpx .lpx-num{padding:clamp(18px,2.2vw,28px) clamp(14px,2vw,26px);border-right:1px solid var(--x-line);border-bottom:1px solid var(--x-line);display:flex;flex-direction:column;gap:6px} html #authGate .lpx .lpx-num:nth-child(4n){border-right:0} html #authGate .lpx .lpx-num:nth-last-child(-n+4){border-bottom:0} html #authGate .lpx .lpx-num b{font-family:var(--tjp-font,Georgia),serif;font-weight:normal;font-size:clamp(30px,3.4vw,46px);line-height:1;color:var(--x-accent)!important;font-variant-numeric:tabular-nums lining-nums} html #authGate .lpx .lpx-num span{font-size:14px;line-height:1.45;color:var(--x-muted)!important} html #authGate .lpx .lpx-num-week{background:var(--x-sky)!important;border-color:transparent} html #authGate .lpx .lpx-num-week b{color:var(--x-sky-gold)!important} html #authGate .lpx .lpx-num-week span{color:var(--x-sky-ink)!important} /* sections are paper panels, like cards in the Study Space */ html #authGate .lpx .lpx-sec{background:var(--x-paper)!important;color:var(--x-ink)!important;border:1px solid var(--x-line);border-radius:var(--x-radius);box-shadow:var(--x-shadow);padding:clamp(34px,5vw,72px) clamp(18px,4.5vw,64px)} html #authGate .lpx .lpx-head{max-width:760px;margin:0 auto clamp(24px,3vw,38px);text-align:center} html #authGate .lpx .lpx-head.lpx-left{text-align:left;margin:0} html #authGate .lpx .lpx-head h2{font-size:clamp(28px,3.2vw,44px);line-height:1.15;margin:12px 0 14px;text-wrap:balance} html #authGate .lpx .lpx-head p{font-size:17px;line-height:1.7;color:var(--x-muted)!important} /* bento of rooms */ html #authGate .lpx .lpx-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:1240px;margin:0 auto} html #authGate .lpx .lpx-tile{--gg:color-mix(in srgb,var(--g) 11%,var(--x-paper));position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:calc(var(--x-radius) - 4px);background:linear-gradient(180deg,var(--gg),var(--x-paper) 70%)!important;border:1px solid color-mix(in srgb,var(--g) 26%,var(--x-line));transition:transform .2s,box-shadow .2s} html #authGate .lpx .lpx-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px color-mix(in srgb,var(--g) 18%,transparent)} html #authGate .lpx .lpx-w2{grid-column:span 2}html #authGate .lpx .lpx-w3{grid-column:span 3}html #authGate .lpx .lpx-w6{grid-column:span 6} html #authGate .lpx .lpx-tile-top{display:flex;align-items:center;gap:10px} html #authGate .lpx .lpx-glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--g);color:#fff!important;font-size:21px;line-height:1;font-family:'Segoe UI Symbol','Noto Sans Symbols',var(--tjp-font,Georgia),serif} html[data-appearance=dark] #authGate .lpx .lpx-glyph{color:var(--paper2)!important} html #authGate .lpx .lpx-tile-top small{font:600 10.5px system-ui,sans-serif!important;letter-spacing:.14em;color:var(--g)!important} html #authGate .lpx .lpx-tile h3{font-size:21px;line-height:1.25;margin-top:4px} html #authGate .lpx .lpx-tile p{font-size:15px;line-height:1.62;color:var(--x-muted)!important} html #authGate .lpx .lpx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px} html #authGate .lpx .lpx-chips span{font-size:12.5px;border-radius:999px;padding:4px 11px;background:var(--x-paper)!important;border:1px solid color-mix(in srgb,var(--g,var(--x-accent)) 30%,var(--x-line))} html #authGate .lpx .lpx-chips span.on{background:var(--g)!important;border-color:var(--g);color:#fff!important} html[data-appearance=dark] #authGate .lpx .lpx-chips span.on{color:var(--paper2)!important} html #authGate .lpx .lpx-demo{margin-top:auto;background:var(--x-paper)!important;border:1px solid var(--x-line);border-radius:14px;padding:14px} html #authGate .lpx .lpx-lesson-row{display:flex;gap:12px;align-items:center} html #authGate .lpx .lpx-lesson-row b{display:block;font-size:15px} html #authGate .lpx .lpx-lesson-row small{font-size:12.5px;color:var(--x-muted)!important} html #authGate .lpx .lpx-play{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--g);color:#fff!important;font-size:13px} html #authGate .lpx .lpx-bar{height:6px;border-radius:999px;background:var(--x-paper2);margin:12px 0 4px;overflow:hidden} html #authGate .lpx .lpx-bar i{display:block;height:100%;border-radius:inherit;background:var(--g)} html #authGate .lpx .lpx-lesson .lpx-chips{padding-top:8px} html #authGate .lpx .lpx-sutra{min-height:168px;display:flex;flex-direction:column;gap:8px} html #authGate .lpx .lpx-sutra .dev{font-size:18px;line-height:1.6;font-family:'Noto Serif Devanagari','Tiro Devanagari Sanskrit','Nirmala UI',var(--tjp-font,Georgia),serif} html #authGate .lpx .lpx-sutra .iast{font-style:italic;font-size:14px;line-height:1.55;color:var(--x-muted)!important} html #authGate .lpx .lpx-sutra .tr{font-size:14.5px;line-height:1.55} html #authGate .lpx .lpx-sutra .ref{display:flex;justify-content:space-between;align-items:center;gap:8px;font:600 10.5px system-ui,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:var(--g)!important} html #authGate .lpx .lpx-dots{display:flex;gap:5px} html #authGate .lpx .lpx-dots button{width:22px;height:22px;border-radius:50%;border:0!important;background:transparent!important;padding:0;cursor:pointer;display:grid;place-items:center} html #authGate .lpx .lpx-dots button::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--x-line)} html #authGate .lpx .lpx-dots button[aria-pressed=true]::after{background:var(--g)} html #authGate .lpx .lpx-games{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 28px;align-items:center} html #authGate .lpx .lpx-gamechips{margin:0;padding:0} html #authGate .lpx .lpx-gamechips span{font-size:14px;padding:7px 14px} /* live calculations */ html #authGate .lpx .lpx-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.05fr);gap:clamp(24px,4vw,56px);align-items:start} html #authGate .lpx .lpx-born{margin-top:22px;padding:16px 18px;border-radius:16px;background:var(--x-sky)!important;color:var(--x-sky-ink)!important;font-size:15.5px;line-height:1.6} html #authGate .lpx .lpx-born:empty{display:none} html #authGate .lpx .lpx-born small{display:block;font:600 10.5px system-ui,sans-serif!important;letter-spacing:.16em;color:var(--x-sky-gold)!important;margin-bottom:4px} html #authGate .lpx .lpx-born b{color:var(--x-sky-gold)!important;font-weight:normal} html #authGate .lpx .lpx-table{border:1px solid var(--x-line);border-radius:16px;overflow:hidden;background:var(--x-paper)!important} html #authGate .lpx .lpx-row{display:grid;grid-template-columns:34px minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:10px;align-items:center;padding:10px 14px;border-top:1px solid var(--x-line);font-size:14.5px} html #authGate .lpx .lpx-row:first-child{border-top:0} html #authGate .lpx .lpx-row.head{background:var(--x-paper2)!important;font:600 10.5px system-ui,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:var(--x-muted)!important;padding:9px 14px} html #authGate .lpx .lpx-row i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--g) 14%,var(--x-paper));color:var(--g)!important;font-size:15px} html #authGate .lpx .lpx-row small{color:var(--x-muted)!important;font-size:12.5px} html #authGate .lpx .lpx-row em{font-style:normal;font-size:12px;color:var(--x-accent)!important} /* path of study */ html #authGate .lpx .lpx-path{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1240px;margin:0 auto;position:relative} html #authGate .lpx .lp9-tier{position:relative;background:var(--x-paper2)!important;border:1px solid var(--x-line);border-radius:18px;padding:18px} html #authGate .lpx .lp9-tier:not(:last-child)::after{content:"";position:absolute;right:-12px;top:34px;width:10px;height:10px;border-top:2px solid var(--x-line);border-right:2px solid var(--x-line);transform:rotate(45deg);z-index:1} html #authGate .lpx .lp9-tt{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center;margin-bottom:14px} html #authGate .lpx .lp9-tt b{grid-row:span 2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--x-sky)!important;color:var(--x-sky-gold)!important;font-family:var(--tjp-font,Georgia),serif;font-size:15px} html #authGate .lpx .lp9-tt span{font-size:18px;font-family:var(--tjp-font,Georgia),serif} html #authGate .lpx .lp9-tt small{font-size:12.5px;color:var(--x-muted)!important;line-height:1.35} html #authGate .lpx .lp9-tier ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px} html #authGate .lpx .lp9-tier li{display:flex;justify-content:space-between;gap:8px;align-items:baseline;padding:8px 10px;border-radius:10px;background:var(--x-paper)!important;border:1px solid var(--x-line)} html #authGate .lpx .lp9-tier li b{font-weight:normal;font-size:14.5px;line-height:1.3} html #authGate .lpx .lp9-tier li small{flex:none;font:600 9.5px system-ui,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--x-muted)!important} html #authGate .lpx .lp9-tier li.open{border-color:var(--x-accent);box-shadow:inset 3px 0 0 var(--x-accent)} html #authGate .lpx .lp9-tier li.open small{color:var(--x-accent)!important} html #authGate .lpx .lp9-tier li.prep small{color:var(--x-gold)!important} /* weekly rhythm */ html #authGate .lpx .lpx-week{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:14px;max-width:1240px;margin:0 auto} html #authGate .lpx .lpx-week article{border:1px solid var(--x-line);border-radius:18px;padding:22px;background:var(--x-paper2)!important;display:flex;flex-direction:column;gap:8px} html #authGate .lpx .lpx-week small{font:600 10.5px system-ui,sans-serif!important;letter-spacing:.16em;color:var(--x-accent)!important} html #authGate .lpx .lpx-week b{font-family:var(--tjp-font,Georgia),serif;font-weight:normal;font-size:21px;line-height:1.25} html #authGate .lpx .lpx-week p{font-size:14.5px;line-height:1.6;color:var(--x-muted)!important} html #authGate .lpx .lpx-week .lpx-week-main{background:var(--x-sky)!important;border-color:transparent;color:var(--x-sky-ink)!important} html #authGate .lpx .lpx-week .lpx-week-main small{color:var(--x-sky-gold)!important} html #authGate .lpx .lpx-week .lpx-week-main b{font-size:28px;color:#fff!important} html #authGate .lpx .lpx-week .lpx-week-main p{color:var(--x-sky-muted)!important} /* colour moods */ html #authGate .lpx .lpx-mood-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:1240px;margin:0 auto} html #authGate .lpx .lpx-mood{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px 12px 14px;border-radius:18px;background:var(--x-paper2)!important;border:1px solid var(--x-line)!important;color:var(--x-ink)!important;cursor:pointer;font:inherit;transition:transform .15s,border-color .15s} html #authGate .lpx .lpx-mood:hover{transform:translateY(-2px)} html #authGate .lpx .lpx-mood[aria-pressed=true]{border:2px solid var(--x-accent)!important;padding:11px 11px 13px} html #authGate .lpx .lpx-mood b{font-family:var(--tjp-font,Georgia),serif;font-weight:normal;font-size:17px;margin-top:6px} html #authGate .lpx .lpx-mood small{font-size:12.5px;line-height:1.4;color:var(--x-muted)!important} html #authGate .lpx .lpx-sw{display:block;width:100%;aspect-ratio:16/9;border-radius:12px;background:linear-gradient(135deg,var(--d) 0 34%,transparent 34%),var(--a);position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.08)} html #authGate .lpx .lpx-sw::before{content:"";position:absolute;left:44%;top:20%;width:46%;height:26%;border-radius:6px;background:var(--b)} html #authGate .lpx .lpx-sw::after{content:"";position:absolute;left:44%;top:56%;width:28%;height:18%;border-radius:999px;background:var(--c)} /* teacher, trial, plans, questions */ html #authGate .lpx .lpx-teacher{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,52px);align-items:center} html #authGate .lpx .lpx-teacher h2{font-size:clamp(30px,3vw,40px);margin:10px 0 12px} html #authGate .lpx .lpx-teacher p{font-size:17.5px;line-height:1.75;color:var(--x-muted)!important;max-width:780px} html #authGate .lpx .lpx-portrait{width:clamp(130px,16vw,190px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--x-sky)!important;color:var(--x-sky-gold)!important;font:clamp(34px,4vw,48px) var(--tjp-font,Georgia),serif;letter-spacing:.06em;box-shadow:0 0 0 8px var(--x-paper2),0 0 0 9px var(--x-line)} html #authGate .lpx .lpx-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1040px;margin:0 auto;padding:0} html #authGate .lpx .lpx-steps li{counter-increment:s;background:var(--x-paper2)!important;border:1px solid var(--x-line);border-radius:18px;padding:22px 20px;position:relative} html #authGate .lpx .lpx-steps li::before{content:counter(s);position:absolute;top:18px;right:18px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--x-accent);color:var(--x-accent-ink);font:600 13px system-ui,sans-serif} html #authGate .lpx .lpx-steps b{display:block;font-family:var(--tjp-font,Georgia),serif;font-weight:normal;font-size:22px;margin-bottom:8px} html #authGate .lpx .lpx-steps span{font-size:15px;line-height:1.6;color:var(--x-muted)!important} html #authGate .lpx .lpx-plans{display:grid;grid-template-columns:repeat(2,minmax(0,400px));gap:18px;justify-content:center;margin-bottom:18px} html #authGate .lpx .lpx-plan{position:relative;background:var(--x-paper2)!important;border:1px solid var(--x-line);border-radius:var(--x-radius);padding:28px;display:flex;flex-direction:column;gap:14px} html #authGate .lpx .lpx-plan.featured{background:var(--x-paper)!important;border:2px solid var(--x-accent);box-shadow:0 24px 60px color-mix(in srgb,var(--x-accent) 22%,transparent)} html #authGate .lpx .lpx-badge{position:absolute;top:-13px;left:24px;background:var(--x-gold)!important;color:var(--ink)!important;font:600 11.5px system-ui,sans-serif!important;border-radius:999px;padding:5px 12px} html #authGate .lpx .lpx-plan h3{font-size:22px} html #authGate .lpx .lpx-price b{font-family:var(--tjp-font,Georgia),serif;font-size:50px;font-weight:normal;line-height:1} html #authGate .lpx .lpx-price span{display:block;color:var(--x-muted)!important;font-size:14px;margin-top:6px} html #authGate .lpx .lpx-plan ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;flex:1} html #authGate .lpx .lpx-plan li{padding-left:24px;position:relative;font-size:15px;line-height:1.5} html #authGate .lpx .lpx-plan li::before{content:"✦";position:absolute;left:0;top:0;color:var(--x-gold);font-size:13px} html #authGate .lpx .lpx-plan .btn.full{width:100%;padding:13px} html #authGate .lpx .lpx-faq{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:8px} html #authGate .lpx .lpx-faq details{background:var(--x-paper2)!important;border:1px solid var(--x-line);border-radius:14px;padding:0} html #authGate .lpx .lpx-faq summary{cursor:pointer;font-size:17px;padding:16px 50px 16px 20px;list-style:none;position:relative} html #authGate .lpx .lpx-faq summary::-webkit-details-marker{display:none} html #authGate .lpx .lpx-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--x-accent);transition:transform .2s} html #authGate .lpx .lpx-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)} html #authGate .lpx .lpx-faq details p{padding:0 20px 18px;font-size:15.5px;line-height:1.7;color:var(--x-muted)!important} /* closing call and footer */ html #authGate .lpx .lpx-final{position:relative;overflow:hidden;text-align:center;padding:clamp(48px,7vw,96px) 18px;border-radius:calc(var(--x-radius) + 6px);background:var(--x-sky-glass)!important;color:var(--x-sky-ink)!important;display:flex;flex-direction:column;align-items:center;gap:12px} html #authGate .lpx .lpx-final .lpx-kicker{color:var(--x-sky-gold)!important} html #authGate .lpx .lpx-final h2{font-size:clamp(32px,4vw,52px);color:#fff!important} html #authGate .lpx .lpx-final p{color:var(--x-sky-muted)!important;font-size:17px;margin-bottom:10px} html #authGate .lpx .lpx-final .btn.primary{background:var(--x-sky-btn)!important;border-color:var(--x-sky-btn)!important;color:var(--x-sky-btn-ink)!important} html #authGate .lpx .lpx-foot{display:flex!important;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:24px clamp(18px,4vw,48px) 36px!important;background:transparent!important;border:0!important;color:var(--x-on-bg)!important} html #authGate .lpx .lpx-foot b{display:block;letter-spacing:.16em;font-size:13px} html #authGate .lpx .lpx-foot small{color:var(--x-on-bg-muted)!important} html #authGate .lpx .lpx-foot-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap} html #authGate .lpx .lpx-foot-links a{color:var(--x-on-bg-muted)!important;text-decoration:none;font-size:14px} html #authGate .lpx .lpx-foot-links .text-btn{color:var(--x-on-bg)!important} html #authGate .lpx :is(.invite-banner,.checkout-banner){margin-top:16px;color:var(--x-ink)!important} html #authGate .lpx .bl9-gate{background:var(--x-paper)!important;border-color:var(--x-line);color:var(--x-ink)!important} html #authGate .lpx .bl9-gate p{color:var(--x-muted)!important} /* reveal on scroll (only when script has marked the page as ready) */ html #authGate .lpx.lpx-js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease} html #authGate .lpx.lpx-js [data-reveal].in{opacity:1;transform:none} @media (max-width:1100px){ html #authGate .lpx .lpx-links{display:none} html #authGate .lpx .lpx-bento{grid-template-columns:repeat(2,1fr)} html #authGate .lpx :is(.lpx-w2,.lpx-w3){grid-column:span 1}html #authGate .lpx .lpx-w6{grid-column:span 2} html #authGate .lpx .lpx-path{grid-template-columns:1fr 1fr}html #authGate .lpx .lp9-tier::after{display:none} html #authGate .lpx .lpx-week{grid-template-columns:1fr 1fr} html #authGate .lpx .lpx-mood-row{grid-template-columns:repeat(3,1fr)} } @media (max-width:900px){ html #authGate .lpx :is(.lpx-hero,.lpx-calc){grid-template-columns:1fr} html #authGate .lpx .lpx-wheel{right:-40%;top:22%;width:120vw;height:120vw} html #authGate .lpx .lpx-numbers{grid-template-columns:1fr 1fr} html #authGate .lpx .lpx-num:nth-child(4n){border-right:1px solid var(--x-line)}html #authGate .lpx .lpx-num:nth-child(2n){border-right:0} html #authGate .lpx .lpx-num:nth-last-child(-n+4){border-bottom:1px solid var(--x-line)}html #authGate .lpx .lpx-num:nth-last-child(-n+2){border-bottom:0} html #authGate .lpx .lpx-games{grid-template-columns:1fr} } @media (max-width:640px){ html #authGate .lpx .lpx-motion .t{display:none}html #authGate .lpx .lpx-motion{padding:8px 10px;right:10px;bottom:10px} html #authGate .lpx .lpx-nav{padding:10px 14px} html #authGate .lpx .lpx-nav-actions>:not(.primary):not(#publicAccountBtn){display:none!important} html #authGate .lpx .lpx-nav-actions{gap:6px}html #authGate .lpx .lpx-nav-actions #publicAccountBtn{display:inline-flex!important;padding:9px 12px;font-size:14px;white-space:nowrap} html #authGate .lpx .lpx-nav-actions .btn.primary{padding:9px 14px;font-size:14px} html #authGate .lpx .lpx-brand small{display:none}html #authGate .lpx .lpx-brand b{font-size:11.5px;letter-spacing:.1em} html #authGate .lpx .lpx-main{padding:0 8px 20px!important} html #authGate .lpx .lpx-hero{padding:32px 18px 20px;border-radius:22px} html #authGate .lpx .lpx-cta .btn{flex:1 1 100%} html #authGate .lpx :is(.lpx-bento,.lpx-path,.lpx-week,.lpx-steps,.lpx-plans){grid-template-columns:1fr} html #authGate .lpx :is(.lpx-w2,.lpx-w3,.lpx-w6){grid-column:auto} html #authGate .lpx .lpx-mood-row{grid-template-columns:1fr 1fr} html #authGate .lpx .lpx-teacher{grid-template-columns:1fr;text-align:center;justify-items:center} html #authGate .lpx .lpx-row{grid-template-columns:26px minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:8px;padding:9px 10px;font-size:13px} html #authGate .lpx .lpx-row small{display:block} html #authGate .lpx .lpx-sec{padding:30px 16px;border-radius:20px} } @media (prefers-reduced-motion:reduce){ html #authGate .lpx .lpx-wheel,html #authGate .lpx .lpx-pulse{animation:none} html #authGate .lpx :is(.lpx-tile,.btn,.lpx-mood){transition:none} html #authGate .lpx.lpx-js [data-reveal]{opacity:1;transform:none;transition:none} } html #authGate .lpx .lpx-stick .lpx-stick-signin{margin-left:auto;margin-right:10px;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:inherit;background:none;border:0;cursor:pointer} @media (max-width:480px){ html #authGate .lpx .lpx-brand b,html #authGate .lpx .lpx-brand small{display:none!important} html #authGate .lpx .lpx-nav-actions #publicAccountBtn,html #authGate .lpx .lpx-nav-actions .btn.primary{padding:8px 11px!important;font-size:13.5px!important} } /* ---- ui190.css ---- */ /* The Jyotish Project Study Space v1.90: surfaces, the Nature colour mood, and layout refinements. 1. Matte panels. The feature panels (dashboard greeting, games, milestones, landing hero) were glossy: a bright radial glow over a gradient. They are now matte, like pigment on handmade paper: a flat two-tone ground, a fine paper grain and a hairline edge. Each colour mood defines one set of panel tokens, so text, chips, buttons and accents keep the same contrast in every mood: --panel, --panel-2 ground (two close tones) --panel-ink text on the panel (at least 7:1 on --panel) --panel-muted secondary text (at least 4.5:1) --panel-accent dates, labels, primary buttons on panels --panel-line hairlines and chip borders Settings → Colour mood → Panel finish can bring back the soft glow (html[data-finish=glow]). 2. Nature: a sixth colour mood, moss, fern, bark and sunlit ochre, with survey-map contour lines. 3. Layout: game cards, dashboard cards, assignments, sidebar spacing. */ html{ --grain:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .075 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); --panel:#3a291d;--panel-2:#46311f;--panel-ink:#f7efe3;--panel-muted:#d0c1bc;--panel-accent:#be9486;--panel-accent-ink:#2a1c10;--panel-line:rgba(244,230,225,0.16); --tone-mix:62%; } html[data-appearance=dark]{--panel:#1f1b17;--panel-2:#231f1b;--panel-ink:#ece6db;--panel-muted:#b9b1a6;--panel-accent:#dcd1bc;--panel-accent-ink:#1f1b17;--panel-line:rgba(236,230,219,0.13)} html[data-appearance=bubblegum]{--panel:#6a4640;--panel-2:#76514a;--panel-ink:#fff6ee;--panel-muted:#f3d9cd;--panel-accent:#e4b7e4;--panel-accent-ink:#3c2620;--panel-line:rgba(255,236,226,.2)} html[data-appearance=rainbow]{--panel:#8a3616;--panel-2:#9c431b;--panel-ink:#fff6ea;--panel-muted:#ffdcc2;--panel-accent:#da9fbc;--panel-accent-ink:#3a1406;--panel-line:rgba(243,222,232,0.22)} html[data-appearance=celestial]{--panel:#15244a;--panel-2:#1b2c57;--panel-ink:#dce1ec;--panel-muted:#cad1e4;--panel-accent:#b6bed2;--panel-accent-ink:#132038;--panel-line:rgba(182,190,210,0.2)} html[data-appearance=nature]{--panel:#263322;--panel-2:#2f3e29;--panel-ink:#f0f2e4;--panel-muted:#c9d3b6;--panel-accent:#dcc06a;--panel-accent-ink:#1d2718;--panel-line:rgba(230,240,200,.16)} /* matte grounds (the default finish) */ html:not([data-finish=glow]),html:not([data-finish=glow])[data-appearance]{ --earth-panel:var(--grain),linear-gradient(160deg,var(--panel),var(--panel-2)); --earth-glass:var(--grain),linear-gradient(160deg,color-mix(in srgb,var(--panel) 95%,transparent),color-mix(in srgb,var(--panel-2) 91%,transparent)); --earth-night:var(--panel);--earth-night2:var(--panel-2);--earth-gold:var(--panel-accent); } html[data-appearance=nature][data-finish=glow]{--earth-panel:radial-gradient(circle at 86% 8%,rgba(220,192,106,.32),transparent 44%),radial-gradient(circle at 12% 100%,#3f5a33,#1b2617 70%);--earth-glass:radial-gradient(circle at 86% 8%,rgba(220,192,106,.32),transparent 44%),linear-gradient(150deg,rgba(27,38,23,.93),rgba(63,90,51,.86));--earth-night:#1b2617;--earth-night2:#3f5a33;--earth-gold:#dcc06a} /* panels in the app: one surface, one set of text colours */ html body :is(.dh8-hero,.fw8-hero,.ms7-hero,.ar7-hero){background:var(--earth-panel)!important;color:var(--panel-ink)!important;border:1px solid var(--panel-line);box-shadow:0 1px 0 rgba(0,0,0,.04),0 10px 26px rgba(30,20,10,.14)!important} html:not([data-finish=glow]) body :is(.dh8-hero,.fw8-hero,.ms7-hero,.ar7-hero){box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 8px 20px rgba(30,20,10,.12)!important} html body :is(.dh8-hero,.fw8-hero,.ms7-hero,.ar7-hero) :is(h1,h2,h3,b,strong){color:var(--panel-ink)!important} html body :is(.dh8-hero,.fw8-hero,.ms7-hero,.ar7-hero) :is(p,small){color:var(--panel-muted)!important;opacity:1!important} html body .dh8-hero .dh8-date{color:var(--panel-accent)!important} html body .dh8-hero .dh8-chip{background:rgba(255,248,236,.07)!important;border-color:var(--panel-line)!important;color:var(--panel-ink)!important} html body .dh8-hero .dh8-chip:hover{border-color:var(--panel-accent)!important} html body :is(.dh8-hero,.ar7-hero,.ms7-hero) svg circle.bg,html body :is(.dh8-hero,.ar7-hero,.ms7-hero) svg .bg{stroke:var(--panel-line)!important} html body :is(.dh8-hero,.ar7-hero,.ms7-hero) svg circle.fg,html body :is(.dh8-hero,.ar7-hero,.ms7-hero) svg .fg{stroke:var(--panel-accent)!important} html body :is(.dh8-hero,.ar7-hero,.ms7-hero) :is(svg,.dh8-prog,.ar7-level){background:transparent!important} html body .ar7-hero .btn.primary,html body .ar7-hero button.primary{background:var(--panel-accent)!important;color:var(--panel-accent-ink)!important;border-color:var(--panel-accent)!important} html body .ar7-hero .btn:not(.primary){background:rgba(255,248,236,.06)!important;color:var(--panel-ink)!important;border-color:var(--panel-line)!important} html body .ar7-hero .ar7-pill{background:rgba(255,248,236,.07)!important;border-color:var(--panel-line)!important;color:var(--panel-ink)!important} html body .ar7-hero .ar7-pill.hot{border-color:var(--panel-accent)!important} /* game cards: matte pigment tiles, each tinted by a Graha colour mixed into the panel ground */ html body .ar7-game{--hue:#a55828;background:var(--grain),linear-gradient(165deg,color-mix(in srgb,var(--hue) var(--tone-mix),var(--panel)),color-mix(in srgb,var(--hue) calc(var(--tone-mix) - 14%),var(--panel-2)))!important;color:var(--panel-ink)!important;border:1px solid var(--panel-line)!important;box-shadow:0 6px 16px rgba(30,20,10,.12)!important} html:not([data-finish=glow]) body .ar7-game::after{content:none!important} html body .ar7-game:hover{box-shadow:0 12px 24px rgba(30,20,10,.18)!important} html body .ar7-game span,html body .ar7-game small{color:var(--panel-ink)!important;opacity:.86} html body .ar7-games>.ar7-game:nth-child(8n+1){--hue:#a6443d}html body .ar7-games>.ar7-game:nth-child(8n+2){--hue:#436e76} html body .ar7-games>.ar7-game:nth-child(8n+3){--hue:#8f5770}html body .ar7-games>.ar7-game:nth-child(8n+4){--hue:#8b5e4f} html body .ar7-games>.ar7-game:nth-child(8n+5){--hue:#4f7a52}html body .ar7-games>.ar7-game:nth-child(8n+6){--hue:#6d493d} html body .ar7-games>.ar7-game:nth-child(8n+7){--hue:#535779}html body .ar7-games>.ar7-game:nth-child(8n+8){--hue:#8a6246} html body .ar7-card .back{background:var(--grain),var(--panel)!important;border-color:var(--panel-line)!important;color:var(--panel-accent)!important} /* dashboard: the Daily Challenge card was a glossy orange gradient */ html body .dh8-card.dh8-daily{background:var(--grain),linear-gradient(165deg,color-mix(in srgb,var(--wine) 64%,var(--panel)),color-mix(in srgb,var(--wine) 48%,var(--panel-2)))!important;color:var(--panel-ink)!important;border-color:var(--panel-line)!important} html body .dh8-card.dh8-daily :is(b,small,span){color:var(--panel-ink)!important;opacity:1} html body .dh8-card.dh8-daily small{color:var(--panel-muted)!important} /* landing page: text on panels from the same tokens; tiles lose their gradient wash */ html #authGate .lpx.lpx.lpx{--x-sky-ink:var(--panel-ink);--x-sky-muted:var(--panel-muted);--x-sky-gold:var(--panel-accent);--x-sky-btn:var(--panel-accent);--x-sky-btn-ink:var(--panel-accent-ink)} html #authGate .lpx .lpx-tile{background:var(--grain),color-mix(in srgb,var(--g) 6%,var(--x-paper))!important} html #authGate .lpx .lpx-tile:hover{box-shadow:0 10px 24px color-mix(in srgb,var(--g) 14%,transparent)} html:not([data-finish=glow]) #authGate .lpx :is(.lpx-hero,.lpx-final){box-shadow:0 14px 34px rgba(30,20,10,.18)!important;border:1px solid var(--panel-line)} /* the live chart on the landing page: plain rashi labels, as in Chart Laboratory and the Transit Observatory */ html #authGate .lpx .lpx-sky-chart .chart-rashi180 rect{fill:transparent!important;stroke:transparent!important} html #authGate .lpx .lpx-sky-chart :is(.chart-rashi180 text,.chart-lagna-degree181){fill:var(--gold)!important} html #authGate .lpx .lpx-sky-chart .chart-marker-mask176{fill:var(--x-paper)!important} html #authGate .lpx .lpx-sky-chart .chart-glyph-name{fill:var(--x-ink)!important} html #authGate .lpx .lpx-sky-chart .chart-glyph-degree{fill:var(--x-muted)!important} /* ---------- 2. Nature ---------- */ html[data-appearance=nature]{ --bg:#e8ecdd;--paper:#fbfaf1;--paper2:#eef1e2;--card:#fbfaf1;--surface:#fbfaf1;--surface2:#eef1e2;--cream:#fbfaf1; --ink:#1f2a1d;--text:#1f2a1d;--muted:#56634f;--line:#c7cfb5;--dark:#1d2a1c; --wine:#3d6a38;--olive:#6b7a3a;--gold:#a97c22;--blue:#44707c;--accent:#3d6a38; --shadow:0 10px 26px rgba(30,50,25,.08); --chart-label:#6d7a55;--chart-hover:#3d6a38; } html[data-appearance=nature] body{background:url("assets/contours190.svg") center top/cover fixed,var(--bg)} html[data-appearance=nature] .main{background:transparent} html[data-appearance=nature] .sidebar{background:var(--grain),linear-gradient(175deg,#233322,#172317 80%)!important;color:#eef1e3;border-right:1px solid #33452f} html[data-appearance=nature] .sidebar .nav-group147>summary{color:#f0f2e4!important} html[data-appearance=nature] .sidebar :is(.nav button.active,.nav a.active,[aria-current=page]){background:rgba(220,192,106,.16)!important;color:#fff!important;box-shadow:inset 3px 0 0 #dcc06a} html[data-appearance=nature] :is(.card,.page .card){background:color-mix(in srgb,var(--paper) 94%,transparent)} html[data-appearance=nature] .btn.primary,html[data-appearance=nature] button.primary{background:#3d6a38;border-color:#3d6a38;color:#fff} html[data-appearance=nature] .theme-picker153 select{background-color:var(--paper)} html[data-appearance=nature] #authGate .lpx.lpx{--pg-bg:#e6eadb;--pg-1:#7f9a5a;--pg-2:#b98b3e;--pg-3:#5f7f73;--pg-4:#5b4632;--pg-a:.6;--x-shadow:0 1px 0 rgba(30,50,25,.03),0 16px 36px rgba(30,50,25,.08)} /* ---------- 3. Assignments ---------- */ .aq9{display:flex;flex-direction:column;gap:16px} .aq9-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:end} .aq9-head h2{margin:4px 0 6px}.aq9-head p{margin:0;color:var(--muted)} .aq9-stats{display:flex;gap:10px;flex-wrap:wrap} .aq9-stats div{min-width:110px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--paper2)} .aq9-stats b{display:block;font:normal 26px/1.1 var(--tjp-font,Georgia),serif;color:var(--wine)}.aq9-stats span{font-size:12.5px;color:var(--muted)} .aq9-continue{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--earth-panel)!important;color:var(--panel-ink)!important;border:1px solid var(--panel-line)!important} .aq9-continue small{display:block;font:600 10.5px system-ui,sans-serif;letter-spacing:.16em;color:var(--panel-accent)!important} .aq9-continue b{display:block;font:normal 21px var(--tjp-font,Georgia),serif;color:var(--panel-ink)!important;margin:4px 0 2px}.aq9-continue span{font-size:13px;color:var(--panel-muted)!important} .aq9-continue .btn.primary{background:var(--panel-accent)!important;border-color:var(--panel-accent)!important;color:var(--panel-accent-ink)!important} .aq9-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center} .aq9-tools input{flex:1 1 260px;margin:0} .aq9-chips{display:flex;gap:6px;flex-wrap:wrap} .aq9-chip{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer} .aq9-chip[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:var(--accent-ink)} html[data-appearance=dark] .aq9-chip[aria-pressed=true]{color:var(--paper3)} .aq9-group{display:flex;flex-direction:column;gap:10px} .aq9-group h3{display:flex;align-items:baseline;gap:10px;margin:8px 0 0;font-size:1.25rem} .aq9-group h3 small{font:600 11px system-ui,sans-serif;letter-spacing:.12em;color:var(--muted)} .aq9-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px} .aq9-card{--c:var(--wine);display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:16px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);position:relative} .aq9-card.psyche{--c:#8a6246} .aq9-card h4{margin:0;font-size:1.12rem;line-height:1.3}.aq9-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;flex:1} .aq9-top{display:flex;justify-content:space-between;align-items:center;gap:8px} .aq9-pill{font:600 10.5px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 9px;background:var(--paper2);color:var(--muted);border:1px solid var(--line)} .aq9-card.started .aq9-pill{background:color-mix(in srgb,var(--gold) 18%,var(--paper));color:var(--ink);border-color:var(--gold)} .aq9-card.done .aq9-pill{background:color-mix(in srgb,var(--c) 14%,var(--paper));color:var(--ink);border-color:var(--c)} .aq9-q{font-size:12.5px;color:var(--muted)} .aq9-bar{height:6px;border-radius:999px;background:var(--paper2);overflow:hidden;border:1px solid var(--line)} .aq9-bar i{display:block;height:100%;background:var(--c);border-radius:inherit} .aq9-foot{display:flex;justify-content:space-between;align-items:center;gap:8px} .aq9-foot small{color:var(--muted)} .aq9-results{padding:0!important} .aq9-results summary{cursor:pointer;padding:16px 20px;font-size:1.05rem} .aq9-results .aq9-row{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:12px;align-items:center;width:100%;padding:12px 20px;border:0;border-top:1px solid var(--line);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer} .aq9-results .aq9-row:hover{background:var(--paper2)} .aq9-results .aq9-row small{display:block;color:var(--muted)} .aq9-results .aq9-row b{font-weight:normal;font-family:var(--tjp-font,Georgia),serif;font-size:18px;white-space:nowrap} .aq9-empty{padding:0 20px 18px;color:var(--muted)} #written-work{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:0 20px;margin-top:16px} #written-work>summary{cursor:pointer;padding:16px 0;font-size:1.05rem} @media (max-width:760px){.aq9-head{grid-template-columns:1fr}.aq9-results .aq9-row{grid-template-columns:1fr auto}.aq9-results .aq9-row .aq9-bar{display:none}} /* sidebar: a little more air between groups, clearer group titles */ .sidebar .nav-group147>summary{letter-spacing:.02em} .mood-swatch162.nature{background:linear-gradient(135deg,var(--bg) 0 38%,var(--good) 38% 70%,var(--wine) 70%)!important} html body .card.aq9-continue{background:var(--earth-panel)!important;color:var(--panel-ink)!important;border:1px solid var(--panel-line)!important;box-shadow:0 8px 20px rgba(30,20,10,.12)!important} html body .dh8-hero :is(.dh8-skybtn,.dh8-ring){background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--panel-ink)!important} html body .dh8-hero .dh8-skybtn>span{background:rgba(255,248,236,.07)!important;border:1px solid var(--panel-line)!important;color:var(--panel-ink)!important} html body .dh8-hero .dh8-skybtn:hover>span{border-color:var(--panel-accent)!important} /* contrast fixes found by the theme audit */ .pa9-tt b{background:var(--earth-panel)!important;color:var(--panel-accent)!important;border:1px solid var(--panel-line)} html[data-appearance=dark] .pa9-c.available .pa9-st{color:#8fcf96} .time-resolution{color:var(--muted)!important} html[data-appearance] body #assignments .card.aq9-continue{background:var(--earth-panel)!important;color:var(--panel-ink)!important;border:1px solid var(--panel-line)!important} html[data-appearance] body #assignments .card.aq9-continue :is(b,small,span){background:transparent!important} /* landing: a slim call to action that follows on phones once the hero has scrolled away */ html #authGate .lpx .lpx-stick{display:none} @media (max-width:760px){ html #authGate .lpx .lpx-stick{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:25;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 16px;border-radius:999px;background:var(--earth-panel)!important;color:var(--panel-ink)!important;border:1px solid var(--panel-line);box-shadow:0 10px 26px rgba(20,12,6,.25);transform:translateY(130%);transition:transform .3s ease} html #authGate .lpx .lpx-stick.on{transform:none} html #authGate .lpx .lpx-stick span{font-size:13px;color:var(--panel-muted)!important} html #authGate .lpx .lpx-stick .btn.primary{background:var(--panel-accent)!important;border-color:var(--panel-accent)!important;color:var(--panel-accent-ink)!important;padding:9px 16px} html #authGate .lpx .lpx-motion{bottom:70px} } .qp9{margin-top:18px;border-top:1px solid var(--line);padding-top:14px} .qp9 header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px} .qp9 header div{flex:1}.qp9 header small{font:600 10.5px system-ui,sans-serif;letter-spacing:.14em;color:var(--wine)}.qp9 header h4{margin:2px 0 0} .qp9 header span{font-size:13px;color:var(--muted)} /* ---------- Nature: the living garden (nature190.js draws the vines) ---------- */ #nt9{position:fixed;inset:0;z-index:610;pointer-events:none;overflow:hidden} #nt9 svg{position:absolute;inset:0;overflow:visible} #nt9 .nt9-vine{filter:drop-shadow(0 2px 2px rgba(20,40,15,.18))} #nt9 .nt9-leaf{transform-box:fill-box;transform-origin:50% 100%;animation:nt9-sway 6s ease-in-out infinite alternate} #nt9.grow .nt9-leaf{animation:nt9-pop .8s cubic-bezier(.2,1.5,.4,1) both,nt9-sway 6s ease-in-out infinite alternate} @keyframes nt9-pop{from{scale:0;opacity:0}to{scale:1;opacity:1}} #nt9.grow .nt9-stem{stroke-dashoffset:var(--len);animation:nt9-draw 2.6s ease-out forwards} @keyframes nt9-draw{to{stroke-dashoffset:0}} #nt9.grow .nt9-tendril,#nt9.grow .nt9-bloom{animation:nt9-pop .9s ease-out both} #nt9 .nt9-bloom{transform-box:fill-box;transform-origin:center} #nt9 .nt9-dew{animation:nt9-glint 5s ease-in-out infinite} @keyframes nt9-glint{0%,100%{opacity:.55}50%{opacity:1}} #nt9 .nt9-wis{transform-box:fill-box;transform-origin:50% 0;animation:nt9-swing 7s ease-in-out infinite alternate} #nt9.grow .nt9-wis{animation:nt9-drop 1.4s cubic-bezier(.2,1.2,.4,1) both,nt9-swing 7s ease-in-out infinite alternate} @keyframes nt9-swing{from{rotate:calc(-4deg * var(--gust))}to{rotate:calc(6deg * var(--gust))}} @keyframes nt9-drop{from{scale:1 0;opacity:0}to{scale:1 1;opacity:1}} #nt9 .nt9-frond{transform-box:fill-box;transform-origin:50% 100%;animation:nt9-sway 7s ease-in-out infinite alternate} #nt9 .nt9-mon{transform-box:fill-box;transform-origin:0 100%;animation:nt9-lean 9s ease-in-out infinite alternate;filter:drop-shadow(-4px -2px 6px rgba(20,40,15,.25))} @keyframes nt9-lean{from{rotate:-2deg}to{rotate:3deg}} #nt9 .nt9-clump{filter:drop-shadow(0 -2px 4px rgba(20,40,15,.18))} #nt9 .nt9-rays{position:absolute;inset:-10% -10% auto auto;width:70%;height:120%;background:repeating-linear-gradient(115deg,color-mix(in srgb,var(--paper3) 0%,transparent) 0 60px,color-mix(in srgb,var(--paper3) 10%,transparent) 60px 90px,color-mix(in srgb,var(--paper3) 0%,transparent) 90px 170px);mask-image:linear-gradient(200deg,#000 0%,rgba(0,0,0,.4) 40%,transparent 75%);-webkit-mask-image:linear-gradient(200deg,#000 0%,rgba(0,0,0,.4) 40%,transparent 75%);animation:nt9-rays 14s ease-in-out infinite alternate;mix-blend-mode:soft-light} @keyframes nt9-rays{from{opacity:.55;transform:translateX(0)}to{opacity:1;transform:translateX(-3%)}} #nt9 .nt9-mote{position:absolute;width:3px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--bg) 90%,transparent);box-shadow:0 0 5px 1px rgba(232,203,193,0.6);animation:nt9-mote 16s linear infinite} @keyframes nt9-mote{0%{transform:translate(0,0);opacity:0}15%{opacity:.9}50%{transform:translate(24px,-60px)}85%{opacity:.7}100%{transform:translate(-10px,-130px);opacity:0}} #nt9 .nt9-bf{position:absolute;left:0;top:0;offset-rotate:auto;animation:nt9-bf linear forwards;filter:drop-shadow(0 3px 3px rgba(20,30,10,.25))} @keyframes nt9-bf{from{offset-distance:0%}to{offset-distance:100%}} #nt9 .nt9-wing{transform-box:fill-box;animation:nt9-flapg calc(var(--beat,.2s) * 14) linear infinite} #nt9 .nt9-wing.l{transform-origin:100% 50%}#nt9 .nt9-wing.r{transform-origin:0 50%} @keyframes nt9-flapg{0%,8%,16%,24%,32%,40%,48%,56%{scale:1 1}4%,12%,20%,28%,36%,44%,52%{scale:.2 1}60%,100%{scale:.9 1}} @property --gust{syntax:'';inherits:true;initial-value:1} #nt9{--gust:1;transition:--gust 3.2s cubic-bezier(.45,0,.35,1)} @keyframes nt9-sway{from{rotate:calc(-4deg * var(--gust) * var(--amp,1))}to{rotate:calc(6deg * var(--gust) * var(--amp,1))}} #nt9 .nt9-bloom{filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))} #nt9 .nt9-sun{position:absolute;inset:-20%;background:radial-gradient(closest-side at 20% 30%,color-mix(in srgb,var(--paper3) 22%,transparent),transparent),radial-gradient(closest-side at 70% 20%,rgba(234,209,201,0.16),transparent),radial-gradient(closest-side at 55% 70%,color-mix(in srgb,var(--paper3) 12%,transparent),transparent),radial-gradient(closest-side at 85% 60%,color-mix(in srgb,var(--paper3) 14%,transparent),transparent);background-size:60% 60%,50% 50%,70% 70%,45% 45%;background-repeat:no-repeat;mix-blend-mode:soft-light;animation:nt9-dapple 38s ease-in-out infinite alternate} @keyframes nt9-dapple{0%{transform:translate(0,0)}50%{transform:translate(3%,-2%)}100%{transform:translate(-2%,3%)}} #nt9 .nt9-fall{position:absolute;top:-40px;animation:nt9-fall linear forwards;opacity:.85} #nt9 .nt9-fall{perspective:260px} #nt9 .nt9-tumble{transform-style:preserve-3d;animation:nt9-tumble 3s linear infinite;filter:drop-shadow(2px 4px 3px rgba(20,40,15,.25))} #nt9 .nt9-tumble svg{position:static;display:block} @keyframes nt9-tumble{0%{transform:rotate3d(1,.35,.2,0deg) rotateZ(-20deg)}50%{transform:rotate3d(1,.35,.2,180deg) rotateZ(25deg)}100%{transform:rotate3d(1,.35,.2,360deg) rotateZ(-20deg)}} #nt9 .nt9-spark{transform-box:fill-box;transform-origin:center;opacity:0;animation:nt9-sparkle 9s ease-in-out infinite} @keyframes nt9-sparkle{0%,88%,100%{opacity:0;scale:.2}92%{opacity:1;scale:1.3;rotate:25deg}96%{opacity:.4;scale:.7}} #nt9 .nt9-far{position:absolute;inset:0;filter:blur(4px);opacity:.5} #nt9 .nt9-far svg{position:absolute;inset:0;overflow:visible} #nt9 .nt9-farg{transform-box:fill-box;transform-origin:50% 0;animation:nt9-swing 11s ease-in-out infinite alternate} #nt9 .nt9-bokeh{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,250,215,.55),color-mix(in srgb,var(--paper3) 18%,transparent) 45%,transparent 70%);filter:blur(2px);mix-blend-mode:soft-light;animation:nt9-bokeh 34s ease-in-out infinite alternate} @keyframes nt9-bokeh{0%{transform:translate(0,0) scale(.9);opacity:.2}35%{opacity:.8}50%{transform:translate(40px,-30px) scale(1.1)}70%{opacity:.35}100%{transform:translate(-30px,20px) scale(1);opacity:.6}} #nt9 .nt9-bob{animation:nt9-bob 1.3s ease-in-out infinite alternate} @keyframes nt9-bob{from{transform:translateY(-6px) rotate(-4deg)}to{transform:translateY(6px) rotate(4deg)}} @keyframes nt9-fall{0%{transform:translate(0,0)}25%{transform:translate(var(--sway),25vh)}50%{transform:translate(calc(var(--sway) * -.4),52vh)}75%{transform:translate(var(--sway),78vh)}100%{transform:translate(0,110vh);opacity:0}} @keyframes nt9-spin{from{transform:rotate(-40deg) scaleX(1)}to{transform:rotate(50deg) scaleX(.6)}} .nt9-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:0} .nt9-deco~*{position:relative;z-index:1} .nt9-fern{position:absolute;right:-8px;bottom:-10px;width:130px;height:170px;opacity:.28;transform-origin:10% 100%;animation:nt9-unfurl 9s ease-in-out infinite alternate} @keyframes nt9-unfurl{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}} .nt9-fly{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--paper3);box-shadow:0 0 6px 2px rgba(223,194,184,0.85),0 0 18px 6px rgba(210,230,120,.35),0 0 38px 10px rgba(190,220,110,.12);animation:nt9-fly 12s ease-in-out infinite} .nt9-fly::after{content:'';position:absolute;inset:-1px;border-radius:50%;background:inherit;animation:nt9-blink 2.6s ease-in-out infinite;animation-delay:inherit} @keyframes nt9-blink{0%,100%{opacity:.2;transform:scale(.6)}40%{opacity:1;transform:scale(1.5)}60%{opacity:.9}} @keyframes nt9-fly{0%{transform:translate(0,0);opacity:.1}20%{opacity:1}40%{transform:translate(18px,-14px);opacity:.3}60%{transform:translate(-10px,-26px);opacity:1}80%{opacity:.2}100%{transform:translate(8px,6px);opacity:.9}} html[data-appearance=nature] .main{background:transparent} html[data-appearance=nature] body{background:url("assets/contours190.svg") center top/cover fixed,radial-gradient(ellipse at 10% 0%,#f3f1dc,transparent 55%),radial-gradient(ellipse at 100% 100%,#dfe8cf,transparent 60%),#e8ecdd} html[data-appearance=nature] .card{border-color:#c7cfb5} html[data-appearance=nature] .page-head h1,html[data-appearance=nature] #pageTitle{text-shadow:0 1px 0 rgba(255,255,255,.6)} html[data-appearance=nature] .sidebar::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 10%,rgba(220,192,106,.12),transparent 50%),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .6 0 0 0 0 .8 0 0 0 0 .5 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")} html[data-appearance=nature] .sidebar{position:sticky} @media (prefers-reduced-motion:reduce){#nt9 .nt9-leaf,#nt9 .nt9-sun,.nt9-fern,#nt9 .nt9-wis,#nt9 .nt9-frond,#nt9 .nt9-mon,#nt9 .nt9-rays,#nt9 .nt9-dew,#nt9 .nt9-farg,#nt9 .nt9-spark{animation:none}} @media (max-width:760px){#nt9 .nt9-rays{display:none}} @media print{#nt9,.nt9-deco{display:none}} body:has(.modal:not(.hidden)) #nt9,body:has(dialog[open]) #nt9,body:has(.auth-dialog:not(.hidden)) #nt9{opacity:0;transition:opacity .2s} /* ---------- Book Reader: a reading room (reader190.js) ---------- */ .br9-sep{width:1px;align-self:stretch;background:var(--line);margin:0 4px} #br9-tools{display:inline-flex;gap:6px} #br9-tools button[aria-pressed=true],#br9-tools button[aria-expanded=true]{background:var(--wine);color:var(--accent-ink);border-color:var(--wine)} .br9-progress{position:relative;margin:6px 0 8px} .br9-progress>i{display:block;height:4px;border-radius:999px;background:var(--wine);max-width:100%;transition:width .3s} .br9-progress::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:999px;background:var(--paper2);z-index:-1} .br9-progress div{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-top:6px;font-size:13px;color:var(--muted)} .br9-progress small{color:var(--muted)} .br9-progress .text-btn{margin-left:auto;font-size:12.5px} .br9-set,.br9-keyhelp{position:absolute;z-index:30;right:16px;margin-top:4px;width:min(360px,calc(100vw - 32px));padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 40px rgba(20,14,8,.18)} #bl-reader{position:relative} .br9-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0} .br9-row b{width:92px;font-weight:normal;font-size:13px;color:var(--muted)} .br9-row input[type=range]{flex:1;margin:0} .br9-row button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)} .br9-row button[aria-pressed=true]{border-color:var(--wine);box-shadow:inset 0 0 0 1px var(--wine)} .br9-light i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px;border:1px solid rgba(0,0,0,.2)} .br9-light.paper i{background:var(--paper)}.br9-light.sepia i{background:var(--paper3)}.br9-light.dusk i{background:var(--ink)}.br9-light.night i{background:var(--ink)} .br9-note{margin:2px 0 -4px;font-size:12px} .br9-keyhelp dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 0;font-size:13.5px}.br9-keyhelp dt{font:600 12px ui-monospace,monospace} /* the page in each light: PDF pages are tinted with filters, EPUB and Word text is recoloured */ #bl-reader #br-surface canvas{filter:sepia(var(--r9-warm,0)) brightness(var(--r9-bright,1))} #bl-reader[data-rlight=sepia] #br-scroll{background:var(--paper3)} #bl-reader[data-rlight=sepia] #br-surface canvas{filter:sepia(calc(.45 + var(--r9-warm,0))) saturate(1.05) brightness(calc(var(--r9-bright,1) * .97))} #bl-reader[data-rlight=dusk] #br-scroll{background:var(--ink)} #bl-reader[data-rlight=dusk] #br-surface canvas{filter:invert(.86) sepia(calc(.55 + var(--r9-warm,0))) hue-rotate(-8deg) brightness(calc(var(--r9-bright,1) * .9))} #bl-reader[data-rlight=night] #br-scroll{background:var(--ink)} #bl-reader[data-rlight=night] #br-surface canvas{filter:invert(.9) hue-rotate(180deg) sepia(var(--r9-warm,0)) brightness(calc(var(--r9-bright,1) * .85))} #bl-reader .br-prose{font-family:var(--r9-face);font-size:var(--r9-size,19px);line-height:var(--r9-lead,1.7);max-width:var(--r9-measure,68ch);margin-inline:auto} #bl-reader[data-rlight=sepia] .br-prose{background:var(--paper3);color:var(--ink)} #bl-reader[data-rlight=dusk] .br-prose{background:var(--ink);color:#dfd4d0} #bl-reader[data-rlight=night] .br-prose{background:var(--ink);color:#d8d4cc} #bl-reader[data-rlight=night] .br-highlight,#bl-reader[data-rlight=dusk] .br-highlight{mix-blend-mode:screen;opacity:.5} /* focus mode */ body.br9-focus .sidebar,body.br9-focus .topbar,body.br9-focus .reference-bar146,body.br9-focus #br-back,body.br9-focus .page-head{display:none!important} body.br9-focus .app-shell{grid-template-columns:1fr!important;display:block!important} body.br9-focus .main{max-width:none!important;padding:12px 20px!important;margin:0!important} /* selection bar */ .br9-sel{position:fixed;z-index:900;display:flex;gap:2px;padding:4px;border-radius:12px;background:var(--ink);box-shadow:0 10px 26px rgba(0,0,0,.3)} .br9-sel button{border:0;background:transparent;color:#f6efe2;font:13px system-ui,sans-serif;padding:7px 10px;border-radius:8px;cursor:pointer} .br9-sel button:hover{background:rgba(255,255,255,.12)} /* library: reading time */ .bl9-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(120px,1.2fr);gap:10px;align-items:stretch;margin-bottom:16px} .bl9-stat{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--paper2)} .bl9-stat b{display:block;font:normal 24px var(--tjp-font,Georgia),serif;color:var(--wine)}.bl9-stat span{font-size:12.5px;color:var(--muted)} .bl9-week{display:flex;align-items:flex-end;gap:5px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--paper2);min-height:64px} .bl9-week i{flex:1;background:var(--wine);opacity:.75;border-radius:3px 3px 0 0} .bl9-top{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font-size:13.5px} .bl9-top small{font:600 10.5px system-ui,sans-serif;letter-spacing:.14em;color:var(--muted)} .bl9-top em{font-style:normal;color:var(--muted);font-size:12.5px} @media (max-width:760px){.bl9-stats{grid-template-columns:repeat(3,1fr)}.bl9-week{grid-column:1/-1}} /* ---------- v1.90 Study Companion ---------- */ .cp9{display:grid;gap:16px;--cp9-accent:#7a4a2a} html[data-appearance=dark] .cp9,html[data-appearance=celestial] .cp9{--cp9-accent:#dcd1bc;--cp9-accent-ink:#1f1b17} html[data-appearance=nature] .cp9{--cp9-accent:#3f6b35} html[data-appearance=bubblegum] .cp9{--cp9-accent:#a23b72} html[data-appearance=rainbow] .cp9{--cp9-accent:#5b3fa0} .cp9-r h4 .text-btn{color:inherit} .cp9-r h4 .text-btn:hover{color:var(--cp9-accent);text-decoration:underline} .cp9-ask h2{margin:.2em 0 .3em} .cp9-form{display:flex;gap:8px;margin:12px 0 10px} .cp9-form input{flex:1;min-width:0;font-size:1.08rem;padding:12px 14px;border-radius:12px;border:1px solid var(--line,rgba(0,0,0,.15));background:var(--surface2,var(--paper));color:var(--ink,inherit)} .cp9-form input:focus{outline:2px solid var(--cp9-accent);outline-offset:1px} .cp9-opts{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center} .cp9-opts label{display:inline-flex;gap:6px;align-items:center;font-size:.9rem} .cp9-types,.cp9-recent,.cp9-go{display:flex;flex-wrap:wrap;gap:6px;align-items:center} .cp9-recent{margin-top:10px} .cp9-recent small,.cp9-go small{opacity:.7;margin-right:4px;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase} .cp9-chip{border:1px solid var(--line,rgba(0,0,0,.15));background:transparent;color:inherit;border-radius:999px;padding:5px 11px;font:inherit;font-size:.86rem;cursor:pointer} .cp9-chip small{opacity:.65;margin-left:3px} .cp9-chip[aria-pressed=true],.cp9-chip.strong{background:var(--cp9-accent);color:var(--cp9-accent-ink,#fff);border-color:transparent} .cp9-chip.ghost{border-style:dashed} .cp9-chip:hover{border-color:var(--cp9-accent)} .cp9-go{margin:0 0 12px} .cp9-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start} .cp9-side{position:sticky;top:12px;max-height:calc(100vh - 40px);overflow:auto} .cp9-side h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px} .cp9-side h3 small{background:var(--cp9-accent);color:var(--cp9-accent-ink,#fff);border-radius:999px;padding:1px 9px;font-size:.78rem} .cp9-results{display:grid;gap:12px} .cp9-r{background:var(--card,var(--paper));color:var(--ink,inherit);border:1px solid var(--line,rgba(0,0,0,.12));box-shadow:0 1px 0 rgba(0,0,0,.03);border-radius:14px;padding:14px 16px} .cp9-r header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.8rem} .cp9-r header small{color:var(--muted,inherit)} .cp9-cov{margin-left:auto} .cp9-type{border-radius:6px;padding:2px 8px;background:var(--surface2,rgba(0,0,0,.05));border:1px solid var(--line,rgba(0,0,0,.1));font-weight:600;letter-spacing:.02em} .cp9-r h4{margin:8px 0 4px;font-size:1.05rem} .cp9-r h4 .text-btn{font:inherit;text-align:left} .cp9-r p{margin:.3em 0;line-height:1.6} .cp9-r mark,.cp9-full mark{background:rgba(172,120,102,0.32);color:inherit;border-radius:3px;padding:0 2px} .cp9-r details{margin:6px 0} .cp9-r summary{cursor:pointer;font-size:.86rem;opacity:.8} .cp9-full{max-height:320px;overflow:auto;padding:10px 12px;margin-top:6px;border-radius:10px;background:var(--surface2,rgba(0,0,0,.04));line-height:1.65;font-size:.94rem} .cp9-r footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px} .cp9-ti{border:1px solid var(--line,rgba(0,0,0,.12));border-radius:10px;padding:8px 10px;margin-bottom:8px} .cp9-ti header{display:grid;grid-template-columns:1fr auto;gap:2px 6px} .cp9-ti header small{grid-column:1/-1;opacity:.7;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em} .cp9-ti header span{display:flex;gap:2px} .cp9-ti header button{border:0;background:transparent;color:inherit;cursor:pointer;padding:2px 5px;border-radius:6px} .cp9-ti header button:hover{background:var(--surface2,rgba(0,0,0,.06))} .cp9-ti textarea{width:100%;margin-top:6px;min-height:44px;font:inherit;font-size:.86rem;border-radius:8px;border:1px solid var(--line,rgba(0,0,0,.12));background:transparent;color:inherit;padding:6px} .cp9-trail-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .cp9-cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0} .cp9-side .cp9-cmp{grid-template-columns:1fr} .cp9-cmp section{border:1px solid var(--line,rgba(0,0,0,.12));border-radius:12px;padding:10px 12px;max-height:300px;overflow:auto;font-size:.9rem;line-height:1.55} .cp9-cmp h4{margin:.2em 0} .cp9-cnote{font-style:italic;border-left:3px solid var(--cp9-accent);padding-left:8px} .cp9-quiz{display:grid;gap:12px;max-height:60vh;overflow:auto} .cp9-quiz article{border:1px solid var(--line,rgba(0,0,0,.12));border-radius:12px;padding:10px 12px} .cp9-quiz article>div{display:flex;flex-wrap:wrap;gap:6px} @media (max-width:900px){.cp9-body{grid-template-columns:1fr}.cp9-side{position:static;max-height:none}} @media (max-width:560px){.cp9-form{flex-direction:column}.cp9-cov{margin-left:0}} /* ---------- v1.91 Book Studies: study desk, tools and lesson companions ---------- */ .bs9-desk{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin:0 0 20px;padding:20px 22px} .bs9-path{margin-bottom:16px}.bs9-path:last-child{margin-bottom:0} .bs9-path header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline;margin-bottom:10px} .bs9-path header b{font-size:1.05rem}.bs9-path header span{font-size:.85rem;color:var(--muted)} .bs9-path ol{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap;position:relative} .bs9-path li button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:var(--card,var(--paper));color:var(--muted);font:600 12px system-ui,sans-serif;cursor:pointer;position:relative;transition:transform .15s} .bs9-path li button span{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--ink);color:var(--paper);font:400 12px var(--tjp-font,Georgia),serif;padding:4px 8px;border-radius:6px;display:none;pointer-events:none;z-index:5} .bs9-path li button:hover span,.bs9-path li button:focus-visible span{display:block} .bs9-path li button:hover{transform:translateY(-2px)} .bs9-path li.done button{background:var(--wine,var(--wine));border-color:var(--wine,var(--wine));color:var(--accent-ink)} .bs9-path li.cur button{border-color:var(--gold,var(--gold));box-shadow:0 0 0 3px rgba(151,120,109,0.28);color:var(--ink)} .bs9-path li.star button::after{content:'★';position:absolute;top:-6px;right:-4px;font-size:11px;color:var(--gold,var(--gold))} .bs9-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start} .bs9-tools button{text-align:left;border:1px solid var(--line);background:var(--surface2,rgba(0,0,0,.03));color:var(--ink);border-radius:12px;padding:12px;cursor:pointer;font:inherit;display:grid;gap:3px} .bs9-tools button b{font-size:.98rem}.bs9-tools button span{font-size:.8rem;color:var(--muted)} .bs9-tools button:hover{border-color:var(--gold,var(--gold));transform:translateY(-1px)} .bs9-gl{display:grid;gap:10px;margin-top:12px;max-height:60vh;overflow:auto} .bs9-gl article{border-bottom:1px solid var(--line);padding-bottom:8px}.bs9-gl h4{margin:0}.bs9-gl p{margin:4px 0} #bs9-gq{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font:inherit} .bs9-cardwrap{display:grid;gap:14px} .bs9-flip{position:relative;min-height:220px;perspective:1000px;cursor:pointer} .bs9-flip>div{position:absolute;inset:0;border-radius:16px;padding:26px;display:grid;align-content:center;gap:8px;text-align:center;backface-visibility:hidden;transition:transform .5s;border:1px solid var(--line);background:var(--card,var(--paper))} .bs9-back{transform:rotateY(180deg);background:linear-gradient(160deg,var(--card,var(--paper)),var(--surface2,var(--paper2)))!important} .bs9-flip.on .bs9-front{transform:rotateY(-180deg)}.bs9-flip.on .bs9-back{transform:rotateY(0)} .bs9-flip h3{margin:0;font-size:1.5rem}.bs9-flip small{color:var(--muted)} .bs9-cardnav{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.bs9-cardnav span{margin-right:auto;color:var(--muted);font-size:.9rem} .bs9-done{text-align:center;padding:30px} .bs9-quiz{display:grid;gap:12px;max-height:60vh;overflow:auto} .bs9-quiz article{border:1px solid var(--line);border-radius:12px;padding:10px 12px} .bs9-quiz article>div{display:grid;gap:6px}.bs9-quiz article>div .btn{text-align:left;white-space:normal;height:auto;line-height:1.4;padding:8px 12px} .bs9-wrong{border-color:var(--wine)!important;color:var(--wine)!important} .bs9-threads{overflow:auto;max-height:70vh}.bs9-threads svg{width:100%;min-width:560px;height:auto} .bs9-lines path{fill:none;stroke:var(--gold,var(--gold));stroke-width:1.2;opacity:.45;transition:opacity .2s,stroke-width .2s} .bs9-threads svg.focus path{opacity:.08}.bs9-threads svg.focus path.hot{opacity:1;stroke-width:2.2;stroke:var(--wine,var(--wine))} .bs9-labs text{font:13px var(--tjp-font,Georgia),serif;fill:var(--ink);cursor:pointer}.bs9-labs text:hover{fill:var(--wine,var(--wine));text-decoration:underline} .bs-layout:has(.bs9-col){grid-template-columns:270px minmax(0,1fr)} .bs9-col{display:grid;gap:14px;position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow:auto} .bs9-col .bs-outline{position:static;max-height:42vh} .bs9-side{padding:14px 16px;display:grid;gap:10px} .bs9-side h3{margin:0;font-size:1.05rem} .bs9-row{display:flex;gap:6px;flex-wrap:wrap}.bs9-row .btn{font-size:.85rem;padding:6px 10px} .bs9-lab{font:600 10.5px system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} .bs9-minis{display:grid;gap:6px} .bs9-mini{text-align:left;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);padding:8px 10px;cursor:pointer;font:inherit;display:grid;gap:3px} .bs9-mini span{display:none;font-size:.86rem;color:var(--muted);line-height:1.45}.bs9-mini.on span{display:block} .bs9-mini b::after{content:' ▸';color:var(--muted);font-weight:400}.bs9-mini.on b::after{content:' ▾'} #bs9-notes{width:100%;min-height:120px;font:inherit;font-size:.9rem;border-radius:10px;border:1px solid var(--line);background:var(--card,var(--paper));color:var(--ink);padding:8px} .bs9-progress{position:sticky;top:0;height:3px;margin:-4px -4px 10px;background:var(--line);border-radius:3px;overflow:hidden;z-index:3} .bs9-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold,var(--gold)),var(--wine,var(--wine)))} .bs9-quote{position:fixed;z-index:700;border:0;border-radius:999px;background:var(--ink);color:var(--paper);padding:6px 12px;font:600 12px system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.2)} @media (max-width:1050px){.bs9-desk{grid-template-columns:1fr}.bs-layout:has(.bs9-col){grid-template-columns:1fr}.bs9-col{position:static;max-height:none}} @media (max-width:560px){.bs9-tools{grid-template-columns:1fr}} /* ---------- v1.91 Book Reader library: covers, shelf and drop zone ---------- */ .lb9-cover{position:relative;display:block;width:100%;min-width:0;container-type:inline-size;aspect-ratio:2/3;border-radius:3px 9px 9px 3px;background:linear-gradient(135deg,var(--c2),var(--c1));box-shadow:0 1px 0 rgba(255,255,255,.2) inset,6px 8px 18px rgba(30,20,10,.22),1px 1px 0 rgba(0,0,0,.15);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;color:var(--ink)} .lb9-cover.p0{background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0 1px,transparent 1px 3px),linear-gradient(135deg,var(--c2),var(--c1))} .lb9-cover.p1{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12),transparent 40%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/9px 9px,linear-gradient(160deg,var(--c2),var(--c1))} .lb9-cover.p2{background:linear-gradient(180deg,transparent 0 12%,rgba(0,0,0,.12) 12% 13%,transparent 13% 87%,rgba(0,0,0,.12) 87% 88%,transparent 88%),linear-gradient(135deg,var(--c2),var(--c1))} .lb9-spine{position:absolute;left:0;top:0;bottom:0;width:10%;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.12) 60%,rgba(0,0,0,.15));} .lb9-frame{position:absolute;inset:9% 9% 12% 17%;border:1px solid color-mix(in srgb,var(--ink) 55%,transparent);border-radius:3px;display:grid;align-content:center;justify-items:center;gap:10px;padding:10px 8px;text-align:center} .lb9-emb{width:26px;height:26px;color:var(--ink);opacity:.9} .lb9-title{font:500 clamp(11px,.95vw,14px)/1.25 var(--tjp-font,Georgia),'Times New Roman',serif;overflow-wrap:normal;word-break:normal;hyphens:manual;color:var(--ink);letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance} .lb9-fmt{position:absolute;right:8px;bottom:6px;font:700 9px system-ui,sans-serif;letter-spacing:.12em;color:var(--ink);opacity:.75} #library:not(.lb9-list) :is(#bl-mine,#bl-continue){display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:26px 20px;border:0;padding:6px 2px 4px} #library #bl-continue{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important} #library:not(.lb9-list) :is(#bl-mine,#bl-continue) .bl-book-row{display:flex!important;flex-direction:column;align-items:stretch!important;height:auto;min-height:0!important;border:0;padding:0!important;gap:6px!important} #library:not(.lb9-list) :is(#bl-mine,#bl-continue) .bl-row-open{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px;padding:0!important;height:auto!important;min-height:0!important;align-items:start!important;justify-items:stretch;width:100%;flex:none!important} #library:not(.lb9-list) :is(#bl-mine,#bl-continue) .bl-row-open:hover .lb9-cover,#library .bl-open:hover .lb9-cover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,10px 14px 26px rgba(30,20,10,.28)} #library:not(.lb9-list) :is(#bl-mine,#bl-continue) .bl-row-title{font-size:.9rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal} #library:not(.lb9-list) :is(#bl-mine,#bl-continue) .bl-row-meta{font-size:.78rem;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap} #library:not(.lb9-list) #bl-mine .bl-row-actions{display:flex;gap:4px;opacity:.7} #library:not(.lb9-list) #bl-mine .bl-row-actions button{font-size:.75rem;padding:3px 8px} #library:not(.lb9-list) #bl-continue .bl-book-row>button:not(.bl-row-open){font-size:.75rem;align-self:flex-start;padding:2px 6px;opacity:.6} .lb9-resume{display:inline-block;background:var(--wine,var(--wine));color:var(--accent-ink);border-radius:999px;padding:2px 10px;font:600 11px system-ui,sans-serif} #library.lb9-list .lb9-cover{width:38px;flex:none;border-radius:2px 5px 5px 2px} #library.lb9-list .lb9-frame{inset:8% 8% 10% 16%;padding:2px;gap:2px}#library.lb9-list .lb9-title,#library.lb9-list .lb9-fmt{display:none}#library.lb9-list .lb9-emb{width:14px;height:14px} #library.lb9-list .bl-row-open{flex-direction:row!important;align-items:center!important;display:grid!important;grid-template-columns:38px 1fr;column-gap:12px} #library.lb9-list .bl-row-open .lb9-cover{grid-row:span 2} #library .lb9-shelfwrap #bl-shared{display:flex;gap:22px;overflow-x:auto;padding:10px 18px 26px;position:relative;background:linear-gradient(180deg,transparent calc(100% - 22px),var(--gold) calc(100% - 22px),#5d4841 calc(100% - 10px),#42322d 100%);border-radius:6px;scroll-snap-type:x proximity} #library #bl-shared .bl-book{flex:0 0 150px;border:0;background:none;overflow:visible;scroll-snap-align:start} #library #bl-shared .bl-open{padding:0;min-height:0;gap:7px} #library #bl-shared .bl-open>.bl-format{display:none} #library #bl-shared .bl-book-title{font-size:.88rem;line-height:1.3} #library #bl-shared .bl-open .muted{font-size:.75rem} .lb9-bar{display:inline-flex;gap:4px;align-items:center;margin-left:12px;font:500 12px system-ui,sans-serif;vertical-align:middle} .lb9-bar span{color:var(--muted);margin-right:2px} .lb9-bar button{border:1px solid var(--line);background:transparent;color:inherit;border-radius:999px;padding:2px 10px;cursor:pointer;font:inherit} .lb9-bar button[aria-pressed=true]{background:var(--wine,var(--wine));border-color:transparent;color:var(--accent-ink)} .lb9-drop{display:none} #library.lb9-dragging .lb9-drop{display:grid;place-content:center;gap:6px;text-align:center;position:fixed;inset:24px;z-index:800;border:3px dashed var(--gold,var(--gold));border-radius:24px;background:color-mix(in srgb,var(--card,var(--paper)) 88%,transparent);backdrop-filter:blur(3px);pointer-events:none} .lb9-drop b{font-size:1.6rem}.lb9-drop span{color:var(--muted)} /* ---------- v1.91 Knowledge Base: new topics, entries and A–Z ---------- */ .kb9-sub{font-size:1.02rem;color:var(--muted);margin:-4px 0 14px;font-style:italic} .kb9-table{overflow-x:auto;margin:10px 0 16px} .kb9-table table{border-collapse:collapse;width:100%;font-size:.94rem} .kb9-table th,.kb9-table td{border-bottom:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top} .kb9-table th{font:600 11px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface2,rgba(0,0,0,.03))} .kb9-table td:first-child{font-weight:600;white-space:nowrap} .kb9-list{margin:8px 0 14px;padding-left:20px}.kb9-list li{margin:5px 0;line-height:1.6} .kb9-q{margin:8px 0 14px;padding-left:22px}.kb9-q li{margin:6px 0;line-height:1.6} .kb9-care{border-left:3px solid var(--gold,var(--gold));padding:8px 12px;background:var(--surface2,rgba(0,0,0,.03));border-radius:0 8px 8px 0;font-size:.93rem} .kb9-labs{border-top:1px dashed var(--line);padding-top:10px} .kb9-count{font-style:normal;font:600 11px system-ui,sans-serif;letter-spacing:.06em;color:var(--muted);text-transform:uppercase} .kb9-hits{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px} .kb9-az{padding:18px 20px} .kb9-azhead{position:sticky;top:0;z-index:2;background:var(--card,var(--paper));padding-bottom:10px;display:grid;gap:10px} .kb9-azhead input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font:inherit;background:var(--card,var(--paper));color:var(--ink)} .kb9-azhead nav{display:flex;flex-wrap:wrap;gap:4px} .kb9-azhead nav a{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font:600 12px system-ui,sans-serif} .kb9-azhead nav a:hover{background:var(--wine,var(--wine));color:var(--accent-ink);border-color:transparent} #kb9-azlist h3{margin:18px 0 6px;font-size:1.4rem;color:var(--wine,var(--wine));border-bottom:1px solid var(--line);padding-bottom:4px;scroll-margin-top:120px} .kb9-azrow{display:grid;grid-template-columns:minmax(160px,1.1fr) 2fr auto;gap:12px;align-items:baseline;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 4px;cursor:pointer;font:inherit} .kb9-azrow:hover{background:var(--surface2,rgba(0,0,0,.03))} .kb9-azrow span{color:var(--muted);font-size:.9rem}.kb9-azrow small{font:600 10.5px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} .kb9-hits .kb9-azrow{grid-template-columns:1fr;gap:2px;border:1px solid var(--line);border-radius:10px;padding:10px 12px} @media (max-width:640px){.kb9-azrow{grid-template-columns:1fr;gap:2px}} /* v1.92 course series: running numbers */ .pa9-n{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;margin-right:.45em;padding:0 .2em;border-radius:999px;background:color-mix(in srgb,var(--wine) 12%,transparent);color:var(--wine);font:700 .72rem system-ui,sans-serif;vertical-align:.15em} .pa9-want{display:inline-block;margin-left:6px;font:600 12px system-ui,sans-serif;color:var(--muted)}.pa9-want.on{color:var(--olive)} /* ---- kb192.css ---- */ /* The Jyotish Project Study Space v1.92: the expanded Knowledge Base (topic contents, reader, figures, home). */ /* ---------- home ---------- */ .kb9-home{display:grid;gap:6px} .kb9-hero{display:flex;flex-wrap:wrap;align-items:center;gap:10px 30px;padding:20px 22px;margin:4px 0 14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 12%,var(--paper)),var(--paper));color:var(--ink)} .kb9-hero>div:not(.kb9-heroact){display:grid;line-height:1.1} .kb9-hero b{font-size:1.9rem;font-weight:600;color:var(--wine);font-variant-numeric:tabular-nums} .kb9-hero span{font:600 11px system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)} .kb9-heroact{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px} .kb9-gdesc{margin:-4px 0 12px;color:var(--muted);font-size:.95rem} .kb9-tcard{position:relative} .kb9-tcard .kb9-count{display:block;margin-top:8px} .kb9-bar{display:block;height:3px;border-radius:3px;background:var(--line);margin-top:6px;overflow:hidden} .kb9-bar i{display:block;height:100%;background:var(--gold)} .kb9-hit span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} /* ---------- topic contents ---------- */ .kb9-contents{padding:24px 26px} .kb9-chead{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-end;justify-content:space-between;padding:6px 0 18px;border-bottom:1px solid var(--line);margin-bottom:16px} .kb9-chead>div:first-child{flex:1 1 420px;min-width:0} .kb9-chead h2{margin:4px 0 6px;font-size:2.1rem;line-height:1.1;color:var(--ink)} .kb9-chead p{margin:0 0 12px;color:var(--muted);max-width:68ch;line-height:1.55} .kb9-stats{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.92rem;color:var(--muted)} .kb9-stats b{color:var(--ink);font-variant-numeric:tabular-nums} .kb9-progress{height:5px;border-radius:5px;background:var(--line);margin-top:10px;max-width:420px;overflow:hidden} .kb9-progress i{display:block;height:100%;background:var(--gold);border-radius:5px} .kb9-cact{display:flex;flex-wrap:wrap;gap:8px} .kb9-filter{display:grid;gap:5px;margin:0 0 6px;max-width:460px} .kb9-filter span{font:600 11px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} .kb9-filter input{padding:10px 12px;border-radius:10px;border:1px solid var(--line);font:inherit;background:var(--paper);color:var(--ink)} .kb9-part{margin-top:18px} .kb9-part h3{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;font-size:1.25rem;color:var(--ink)} .kb9-part h3 span{font:600 11px system-ui,sans-serif;letter-spacing:.08em;color:var(--gold)} .kb9-part h3 small{margin-left:auto;font:600 11px system-ui,sans-serif;color:var(--muted)} .kb9-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px} .kb9-ccard{display:grid;gap:4px;align-content:start;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s} .kb9-ccard:hover,.kb9-ccard:focus-visible{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.06)} .kb9-ccard b{font-size:1rem;line-height:1.3} .kb9-ccard span{font-size:.88rem;color:var(--muted);line-height:1.45} .kb9-ccard small{display:flex;gap:8px;font:600 10.5px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} .kb9-ccard small em{font-style:normal;color:var(--olive,var(--wine))} .kb9-ccard.read{border-left:3px solid var(--gold)} .kb9-wait{padding:30px 6px;color:var(--muted);font-style:italic} /* ---------- reader ---------- */ .kb9-jump{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:6px 0 18px} .kb9-jump select{max-width:min(520px,72vw);padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit} .kb9-pos{font:600 11px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} .kb9-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .kb9-mode{display:flex;gap:4px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)} .kb9-mode button{flex:1;padding:7px 6px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;font:600 11px system-ui,sans-serif;letter-spacing:.03em;cursor:pointer} .kb9-mode button[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:var(--paper)} .kb9-meta{margin:-8px 0 16px;font:600 11px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} .kb9-reader article{min-width:0} .kb9-body{line-height:1.72;font-size:1.04rem;color:var(--ink)} .kb9-body>:first-child{margin-top:0} .kb9-body p{margin:0 0 14px} .kb9-body h3{margin:26px 0 10px;font-size:1.3rem;color:var(--wine);line-height:1.25} .kb9-body h4{margin:20px 0 8px;font:600 13px system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)} .kb9-body ul,.kb9-body ol{margin:6px 0 16px;padding-left:22px} .kb9-body li{margin:6px 0} .kb9-body a[data-kb]{color:var(--wine);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--wine) 40%,transparent);text-underline-offset:3px;cursor:pointer} .kb9-body a[data-kb]:hover{text-decoration-color:var(--wine)} .kb9-body a[data-kb-dead]{color:inherit} .kb9-sechead{margin:36px 0 14px!important;padding-top:16px;border-top:1px solid var(--line);font:600 12px system-ui,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)!important} .kb9-whole:first-child .kb9-sechead{margin-top:6px!important;border-top:0;padding-top:0} .kb9-verse{margin:16px 0 18px;padding:14px 18px;border-left:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent);border-radius:0 12px 12px 0;display:grid;gap:8px} .kb9-verse .iast{font-style:italic;font-size:1.05rem;line-height:1.6;color:var(--ink);white-space:pre-line} .kb9-verse .tr{color:var(--ink);line-height:1.6} .kb9-verse cite{font:600 11px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-style:normal} .kb9-callout{margin:16px 0;padding:13px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--wine) 30%,var(--line));background:color-mix(in srgb,var(--wine) 7%,transparent);line-height:1.62} .kb9-callout b:first-child{color:var(--wine)} .kb9-example{margin:16px 0;padding:13px 16px;border-radius:12px;border:1px dashed var(--line);background:var(--paper2);line-height:1.62} .kb9-example b:first-child{color:var(--olive,var(--wine))} .kb9-defs{display:grid;grid-template-columns:minmax(110px,max-content) 1fr;gap:8px 18px;margin:12px 0 18px} .kb9-defs dt{font-weight:600;color:var(--wine)} .kb9-defs dd{margin:0;line-height:1.6} .kb9-fig{margin:18px 0 22px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-align:center} .kb9-fig svg{display:block;width:100%;max-width:640px;height:auto;margin:0 auto;overflow:hidden;color:var(--ink)} .kb9-fig svg text{font-family:system-ui,sans-serif} .kb9-fig figcaption{margin-top:10px;font-size:.88rem;color:var(--muted);line-height:1.5;text-align:left} .kb9-body .kb9-table td:first-child{white-space:normal} .kb9-body .kb9-table table caption{caption-side:top;text-align:left;font-size:.9rem;color:var(--muted);padding:0 0 6px} .kb9-body blockquote:not(.kb9-verse){margin:14px 0;padding:6px 16px;border-left:3px solid var(--line);color:var(--muted)} .kb9-related{margin:26px 0 8px;padding-top:16px;border-top:1px solid var(--line)} .kb9-related h4{margin:0 0 10px;font:600 11px system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)} .kb9-related>div{display:flex;flex-wrap:wrap;gap:6px} .kb9-related button{display:grid;text-align:left;gap:1px;padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-size:.9rem;cursor:pointer;max-width:290px} .kb9-related button:hover{border-color:var(--gold)} .kb9-related small{font:600 9.5px system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)} .kb9-sources{margin:12px 0 0;font-size:.88rem;color:var(--muted)} .kb9-sources b{color:var(--ink)} .kb9-nextsec{margin:22px 0 4px} .kb9-reader .study-reading-footer{flex-wrap:wrap} .kb9-reader .study-breadcrumb button.text-btn{padding:0} /* themes: figures and accents stay legible */ html[data-appearance=dark] .kb9-fig,html[data-appearance=dark] .kb9-ccard,html[data-appearance=dark] .kb9-related button{background:var(--paper2)} html[data-appearance=dark] .kb9-ccard:hover{box-shadow:none} /* tap a figure to see it larger (scrolls sideways on a phone) */ .kb9-body .kb9-fig{cursor:zoom-in} .kb9-body .kb9-fig.kb9-zoom{cursor:zoom-out;overflow-x:auto} .kb9-body .kb9-fig.kb9-zoom svg{max-width:none;width:max(100%,860px)} @media (max-width:750px){ .kb9-contents{padding:18px 16px} .kb9-chead h2{font-size:1.65rem} .kb9-cgrid{grid-template-columns:1fr} .kb9-hero{padding:16px} .kb9-hero b{font-size:1.5rem} .kb9-heroact{margin-left:0;width:100%} .kb9-mode{margin:0 0 0 6px;padding:0;border:0;flex:0 0 auto} .kb9-mode button{flex:0 0 auto;white-space:nowrap} .kb9-defs{grid-template-columns:1fr;gap:2px 0} .kb9-defs dd{margin-bottom:8px} .kb9-fig{padding:8px} .kb9-body{font-size:1rem} .kb9-verse{padding:12px 14px} } /* ---- themes192.css ---- */ /* The Jyotish Project Study Space v1.92: the colour moods, reworked. Loaded last. A balance between the original moods and the pastel pass: each mood keeps its character (Classic's dark sidebar, Rainbow's spectrum, Celestial's midnight, Bubblegum's lilac), panels are matte and light, there are no golden tones, and Dark is true black with neutral greys and a silver accent. Each mood sets the shared tokens (--bg, --paper, --ink, --wine as the main accent, --gold as the second accent), the panel tokens used by the feature panels, and the sidebar tokens (--sb-*). Nature was retired in v1.92. */ /* ---------- tokens ---------- */ /* Classic: parchment, ink and wine with the dark sidebar, clay in place of gold. */ html[data-appearance=classic][data-appearance],html:not([data-appearance]){ --bg:#efeae1;--paper:#fbf8f2;--paper2:#f3eee5;--card:#fbf8f2;--surface:#fbf8f2;--surface2:#f3eee5;--cream:#fbf8f2; --ink:#29261f;--text:#29261f;--muted:#6f685d;--line:#dcd3c5;--dark:#25251f; --wine:#6e3b33;--olive:#5a6658;--gold:#a8806f;--blue:#5f7180;--accent:#6e3b33;--accent-ink:#fff; --shadow:0 10px 26px rgba(58,44,30,.06); --panel:#ece5d8;--panel-2:#e6ddcf;--panel-ink:#29261f;--panel-muted:#5f574c;--panel-accent:#6e3b33;--panel-accent-ink:#fff;--panel-line:rgba(80,60,40,.14); --sb-bg:linear-gradient(180deg,#2a2823,#211f1b);--sb-ink:#f1ebe0;--sb-muted:#b2a99b;--sb-line:rgba(255,245,230,.1);--sb-chip:rgba(255,245,230,.05);--sb-active:rgba(255,245,230,.11);--sb-active-ink:#fff;--sb-bar:#c99a8a; --hero-bg:linear-gradient(160deg,#eee7db,#e7dfd1); --tone-mix:30%; } /* Rainbow: a spectrum in jewel tones for the sidebar, soft spectrum panels, violet-plum accent. */ html[data-appearance=rainbow][data-appearance]{ --bg:#fcf6fa;--paper:#fffdfd;--paper2:#f6eefb;--card:#fffdfd;--surface:#fffdfd;--surface2:#f6eefb;--cream:#fffdfd; --ink:#2e1d44;--text:#2e1d44;--muted:#63557a;--line:#e8d9ef;--dark:#2e1d44; --wine:#86379f;--olive:#2f8473;--gold:#d9719f;--blue:#3d72c2;--accent:#86379f;--accent-ink:#fff; --shadow:0 10px 26px rgba(90,40,120,.08); --panel:#f5e2f4;--panel-2:#e2e8fb;--panel-ink:#2e1d44;--panel-muted:#5a4c70;--panel-accent:#86379f;--panel-accent-ink:#fff;--panel-line:rgba(110,60,150,.16); --sb-bg:linear-gradient(172deg,#5b4a9c 0%,#94508c 28%,#b0675f 50%,#4e8676 74%,#46679b 100%);--sb-ink:#fff;--sb-muted:rgba(255,255,255,.76);--sb-line:rgba(255,255,255,.18);--sb-chip:rgba(255,255,255,.1);--sb-active:#fff;--sb-active-ink:#6a2f86;--sb-bar:#fff; --hero-bg:linear-gradient(115deg,#ffdccc 0%,#fbd3e6 26%,#e4d6fb 52%,#d2e4fb 76%,#d0efe2 100%); --tone-mix:32%; } /* Celestial: a midnight sidebar and twilight ground around a pale page, silver-blue in place of gold. */ html[data-appearance=celestial][data-appearance]{ --bg:#e8ebf3;--paper:#f8f8fa;--paper2:#eef0f6;--card:#f8f8fa;--surface:#f8f8fa;--surface2:#eef0f6;--cream:#f8f8fa; --ink:#1f2944;--text:#1f2944;--muted:#56607b;--line:#d4d9e7;--dark:#141f38; --wine:#3d5488;--olive:#43807f;--gold:#8f9fc2;--blue:#4f6ea6;--accent:#3d5488;--accent-ink:#fff; --shadow:0 10px 26px rgba(20,30,70,.1); --panel:#e1e6f3;--panel-2:#e6e3f2;--panel-ink:#1d2742;--panel-muted:#4c5774;--panel-accent:#3d5488;--panel-accent-ink:#fff;--panel-line:rgba(40,60,120,.16); --sb-bg:linear-gradient(170deg,#1c2a4a,#131d36 75%);--sb-ink:#e9edf7;--sb-muted:#a7b2cd;--sb-line:rgba(174,191,230,.16);--sb-chip:rgba(255,255,255,.05);--sb-active:rgba(174,191,230,.16);--sb-active-ink:#fff;--sb-bar:#aebfe6; --hero-bg:linear-gradient(150deg,#e3e8f5,#e5e2f3); --tone-mix:30%; } /* Bubblegum: the lilac sidebar of the original with soft pink and lilac panels. */ html[data-appearance=bubblegum][data-appearance]{ --bg:#f6ebf6;--paper:#fffafc;--paper2:#f2e9f7;--card:#fffafc;--surface:#fffafc;--surface2:#f2e9f7;--cream:#fffafc; --ink:#382842;--text:#382842;--muted:#6c5574;--line:#e7d3e5;--dark:#382842; --wine:#87406c;--olive:#3a8072;--gold:#9b86cf;--blue:#5a73b8;--accent:#87406c;--accent-ink:#fff; --shadow:0 10px 26px rgba(120,60,110,.07); --panel:#f7dfeb;--panel-2:#e8def6;--panel-ink:#382842;--panel-muted:#634e6b;--panel-accent:#87406c;--panel-accent-ink:#fff;--panel-line:rgba(140,60,120,.16); --sb-bg:linear-gradient(180deg,#dccff3,#d6cdf0);--sb-ink:#382842;--sb-muted:#66557a;--sb-line:#c2b2dd;--sb-chip:rgba(255,255,255,.42);--sb-active:#fff;--sb-active-ink:#87406c;--sb-bar:#87406c; --hero-bg:linear-gradient(135deg,#f9e0ec,#ece1f7); --tone-mix:30%; } /* Dark (v1.92 Midnight): a deep ink-blue night with a soft moonlight accent. No warm, gold or violet tints. */ html[data-appearance=dark][data-appearance]{ --bg:#090807;--paper:#14110e;--paper2:#1b1814;--card:#14110e;--surface:#14110e;--surface2:#1b1814;--cream:#14110e; --ink:#eee6d8;--text:#eee6d8;--muted:#a99e8c;--line:#2d2822;--dark:#050403; --wine:#d6b06a;--olive:#a9c49a;--gold:#d6b06a;--blue:#d1a657;--accent:#d6b06a;--accent-ink:#14110e; --shadow:0 0 0 1px #1a1713; --panel:#14110e;--panel-2:#1b1814;--panel-ink:#f2ebdf;--panel-muted:#b3a894;--panel-accent:#d6b06a;--panel-accent-ink:#14110e;--panel-line:rgba(214,176,106,.14); --sb-bg:#060504;--sb-ink:#ece4d6;--sb-muted:#958a79;--sb-line:#1a1713;--sb-chip:#100e0b;--sb-active:rgba(214,176,106,.10);--sb-active-ink:#fff7e8;--sb-bar:#d6b06a; --hero-bg:linear-gradient(150deg,#2a2118,#14110e 72%); --tone-mix:22%;color-scheme:dark; } /* ---------- page grounds ---------- */ html[data-appearance][data-appearance] body{background:var(--bg)!important;background-image:none!important;color:var(--ink)} html[data-appearance=celestial][data-appearance] body{background:radial-gradient(circle at 12% 18%,rgba(190,205,255,.5) 0 1px,transparent 2px),radial-gradient(circle at 78% 30%,rgba(190,205,255,.4) 0 1px,transparent 2px),radial-gradient(circle at 40% 72%,rgba(190,205,255,.35) 0 1px,transparent 2px),linear-gradient(160deg,#1a2442,#232a4c 60%,#1a2a44) fixed,#1a2442!important;background-size:240px 240px,310px 310px,270px 270px,auto!important} html[data-appearance=rainbow][data-appearance] body{background:linear-gradient(160deg,#fff6f1,#fbf4ff 45%,#f1f8ff) fixed,#fcf6fa!important} html[data-appearance=bubblegum][data-appearance] body{background:linear-gradient(160deg,#fbeef6,#f3ecfb 60%,#ecf2fc) fixed,#f6ebf6!important} html[data-appearance=celestial][data-appearance] .main{background:var(--paper)!important;border-color:rgba(174,191,230,.4)!important} /* ---------- sidebar ---------- */ html[data-appearance][data-appearance] .sidebar{background:var(--sb-bg)!important;background-image:var(--sb-bg)!important;color:var(--sb-ink)!important;border-right:1px solid var(--sb-line)!important;box-shadow:none!important} html[data-appearance][data-appearance] .sidebar :is(.brand,.profile-name,.nav button,.nav-group147>summary,.sidebar-pin140,.sidebar-close,summary,.mini-status,span:not(.dot)){color:var(--sb-ink)!important} html[data-appearance][data-appearance] .sidebar :is(.brand-sub,.profile-role,.section-label,small){color:var(--sb-muted)!important} html[data-appearance][data-appearance] .sidebar .nav-group147>summary{background:var(--sb-chip)!important;border:1px solid var(--sb-line)!important;box-shadow:none!important} html[data-appearance][data-appearance] .sidebar .nav button{background:transparent!important;border-color:transparent!important;box-shadow:none!important} html[data-appearance][data-appearance] .sidebar .nav button:hover{background:var(--sb-chip)!important} html[data-appearance][data-appearance] .sidebar .nav button:is(.active,[aria-current=page]){background:var(--sb-active)!important;color:var(--sb-active-ink)!important;box-shadow:inset 3px 0 0 var(--sb-bar)!important;font-weight:600} html[data-appearance=dark][data-appearance] .sidebar .nav button:is(.active,[aria-current=page]){box-shadow:inset 3px 0 0 var(--sb-bar)!important} html[data-appearance][data-appearance] .sidebar :is(.profile-card,.sidebar-pin140,.sidebar-close){background:var(--sb-chip)!important;border:1px solid var(--sb-line)!important} html[data-appearance][data-appearance] .sidebar :is(.sidebar-footer,.nav-group147){border-color:var(--sb-line)!important} html[data-appearance][data-appearance] .sidebar svg{color:currentColor} /* ---------- feature panels: soft pastel grounds with dark ink (light on dark in Dark) ---------- */ html[data-appearance][data-appearance] body :is(.dh8-hero,.fw8-hero,.ms7-hero,.ar7-hero,.aq9-continue){background:var(--hero-bg)!important;color:var(--panel-ink)!important;border:1px solid var(--panel-line)!important;box-shadow:none!important} html[data-appearance=dark][data-appearance] body :is(.dh8-hero,.fw8-hero,.ms7-hero,.ar7-hero,.aq9-continue){box-shadow:none!important} html[data-appearance][data-appearance] body .dh8-hero :is(h1,h2,h3,b,strong){color:var(--panel-ink)!important} html[data-appearance][data-appearance] body .dh8-hero .dh8-chip{background:color-mix(in srgb,var(--paper) 55%,transparent)!important;border-color:var(--panel-line)!important;color:var(--panel-ink)!important} html[data-appearance=dark][data-appearance] body .dh8-hero .dh8-chip{background:rgba(255,255,255,.04)!important} html[data-appearance][data-appearance] body .dh8-hero .dh8-date{color:var(--panel-accent)!important} html[data-appearance][data-appearance] body .dh8-card.dh8-daily{background:color-mix(in srgb,var(--wine) 9%,var(--paper))!important;color:var(--ink)!important;border:1px solid color-mix(in srgb,var(--wine) 26%,var(--line))!important;box-shadow:none!important} html[data-appearance][data-appearance] body .dh8-card.dh8-daily :is(b,span,strong){color:var(--ink)!important} html[data-appearance][data-appearance] body .dh8-card.dh8-daily small{color:var(--muted)!important} html[data-appearance][data-appearance] body .dh8-card.dh8-daily.done{background:color-mix(in srgb,var(--olive) 12%,var(--paper))!important} html[data-appearance][data-appearance] body .ar7-game span,html[data-appearance][data-appearance] body .ar7-game small{opacity:1} /* ---------- buttons and focus ---------- */ html[data-appearance][data-appearance] :is(.btn.primary,button.primary){background:var(--wine)!important;border-color:var(--wine)!important;color:var(--accent-ink)!important} html[data-appearance][data-appearance] :is(.btn.primary,button.primary):hover{filter:brightness(1.06)} html[data-appearance][data-appearance] .mobile-menu163{background:var(--wine)!important;color:var(--accent-ink)!important;border-color:color-mix(in srgb,var(--wine) 60%,var(--paper))!important} html[data-appearance][data-appearance] :focus-visible{outline-color:var(--wine)} html[data-appearance=rainbow][data-appearance] .topbar,html[data-appearance=rainbow][data-appearance] .page-header{background-image:var(--hero-bg)} /* ---------- Dark: true black, neutral greys, silver accent ---------- */ html[data-appearance=dark][data-appearance] :is(.card,.stat-card,.topbar,.top-actions,dialog,.modal-box,.modal-content,.modal-card){background-color:var(--paper)!important;border-color:var(--line)!important} html[data-appearance=dark][data-appearance] :is(table,thead,tr,td,th){background-color:transparent!important;border-color:var(--line)!important} html[data-appearance=dark][data-appearance] th{background-color:var(--paper2)!important} html[data-appearance=dark][data-appearance] :is(input,select,textarea){background-color:var(--paper2)!important;color:var(--ink)!important;border-color:var(--line2)!important} html[data-appearance=dark][data-appearance] :is(.btn,button.btn):not(.primary){background-color:var(--paper2);color:var(--ink);border-color:var(--line2)} html[data-appearance=dark][data-appearance] :is(a){color:var(--wine)} html[data-appearance=dark][data-appearance] .mood-swatch162.dark{background:linear-gradient(135deg,var(--bg) 0 55%,var(--ink) 55%)!important;border:1px solid var(--line2)} /* ---------- mood menu swatches ---------- */ .mood-swatch162.classic{background:linear-gradient(135deg,var(--paper) 0 40%,var(--ink) 40% 70%,var(--wine) 70%)!important} .mood-swatch162.rainbow{background:conic-gradient(#5b4a9c 0 72deg,#94508c 72deg 144deg,#b0675f 144deg 216deg,#4e8676 216deg 288deg,#46679b 288deg)!important} .mood-swatch162.celestial{background:linear-gradient(135deg,#1c2a4a 0 50%,var(--paper) 50% 75%,#aebfe6 75%)!important} .mood-swatch162.bubblegum{background:conic-gradient(var(--paper3) 0 120deg,#dccff3 120deg 240deg,#87406c 240deg)!important} .mood-swatch162.dark{background:linear-gradient(135deg,var(--ink) 0 55%,var(--paper3) 55%)!important} .mood-swatch162.nature{display:none} [data-mood162=nature],.lpx-mood[data-mood=nature],[data-appearance-choice=nature]{display:none!important} /* ---------- public landing page: pastel pigments, no ochre ---------- */ html[data-appearance=classic] #authGate .lpx.lpx.lpx,html:not([data-appearance]) #authGate .lpx.lpx.lpx{--pg-bg:#efe9df;--pg-1:#d8b3a6;--pg-2:#b9a99a;--pg-3:#a9b8a6;--pg-4:#b5a3a8;--pg-a:.55;--x-accent:#6e3b33;--x-accent-ink:#fff} html[data-appearance=rainbow] #authGate .lpx.lpx.lpx{--pg-bg:#fdf8fb;--pg-1:#ffcbb6;--pg-2:#f7b6d4;--pg-3:#b7e6d4;--pg-4:#c9b8f5;--pg-a:.5;--x-accent:#86379f;--x-accent-ink:#fff} html[data-appearance=celestial] #authGate .lpx.lpx.lpx{--pg-bg:#e6e9f3;--pg-1:#b9c6e8;--pg-2:#cfc5e8;--pg-3:#b4cfe0;--pg-4:#c6cde6;--pg-a:.55;--x-on-bg:#1f2944;--x-on-bg-muted:#56607d;--x-accent:#3d5488;--x-accent-ink:#fff;--x-shadow:0 14px 34px rgba(40,55,110,.1)} html[data-appearance=celestial] #authGate{background:#e8ecf7!important;background-image:none!important} html[data-appearance=bubblegum] #authGate .lpx.lpx.lpx{--pg-bg:#fbeff6;--pg-1:#f7bdd6;--pg-2:#d9c6f5;--pg-3:#c4e6d6;--pg-4:#c8daf7;--pg-a:.55;--x-accent:#87406c;--x-accent-ink:#fff} html[data-appearance=dark] #authGate .lpx.lpx.lpx{--x-paper:#1c1915;--x-paper2:#25211c;--x-line:#3a332c;--x-ink:#ececec;--x-muted:#aea598;--x-on-bg:#ececec;--x-on-bg-muted:#aea598;--x-accent:#e6dfd0;--x-accent-ink:#1c1915;--x-shadow:0 0 0 1px #2e2923;--pg-bg:#000;--pg-1:#1e1f22;--pg-2:#181a1e;--pg-3:#202224;--pg-4:#111113;--pg-a:.7} /* ---------- reading surfaces stay plain paper in every mood ---------- */ html[data-appearance][data-appearance] body :is(.study-reader,.kb9-contents,.kb9-az){background:var(--paper)!important;background-image:none!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;color:var(--ink)} html[data-appearance][data-appearance] body .kb9-hero{background:none!important;border:0!important;padding:0!important;margin:0 0 6px!important;justify-content:flex-end} html[data-appearance][data-appearance] body .kb9-hero .kb9-heroact{margin-left:auto} /* ---------- achievement toast ---------- */ html[data-appearance][data-appearance] body .pg7-unlock{background:var(--paper)!important;color:var(--ink)!important;border:1px solid color-mix(in srgb,var(--wine) 30%,var(--line))!important;box-shadow:0 18px 44px rgba(40,30,70,.16)!important} html[data-appearance][data-appearance] body .pg7-unlock small{color:var(--wine)!important} html[data-appearance][data-appearance] body .pg7-unlock :is(b,span){color:var(--ink)!important} html[data-appearance=dark][data-appearance] body .pg7-unlock{background:var(--paper2)!important;box-shadow:0 0 0 1px var(--line),0 18px 44px rgba(12,11,9,0.6)!important} /* ---------- game tiles: clean pastels on paper ---------- */ html[data-appearance][data-appearance] body .ar7-game{background:linear-gradient(165deg,color-mix(in srgb,var(--hue) 30%,var(--paper)),color-mix(in srgb,var(--hue) 18%,var(--paper)))!important;box-shadow:none!important;color:var(--ink)!important;border:1px solid color-mix(in srgb,var(--hue) 22%,var(--line))!important} html[data-appearance][data-appearance] body .ar7-game :is(span,small,b,strong,h3,h4){color:var(--ink)!important} html[data-appearance=dark][data-appearance] body .ar7-game{background:linear-gradient(165deg,color-mix(in srgb,var(--hue) 16%,var(--paper2)),color-mix(in srgb,var(--hue) 8%,var(--paper2)))!important} html[data-appearance][data-appearance] body .ar7-games>.ar7-game:nth-child(8n+1){--hue:#e58a95} html[data-appearance][data-appearance] body .ar7-games>.ar7-game:nth-child(8n+2){--hue:#7fb3d9} html[data-appearance][data-appearance] body .ar7-games>.ar7-game:nth-child(8n+3){--hue:#c49ad8} html[data-appearance][data-appearance] body .ar7-games>.ar7-game:nth-child(8n+4){--hue:#8fd0bd} html[data-appearance][data-appearance] body .ar7-games>.ar7-game:nth-child(8n+5){--hue:#f2a7c3} html[data-appearance][data-appearance] body .ar7-games>.ar7-game:nth-child(8n+6){--hue:#a7b4ee} html[data-appearance][data-appearance] body .ar7-games>.ar7-game:nth-child(8n+7){--hue:#f0b49a} html[data-appearance][data-appearance] body .ar7-games>.ar7-game:nth-child(8n+8){--hue:#9fd6e6} /* ---------- small contrast fixes ---------- */ html[data-appearance][data-appearance] body .ms7-eyebrow{color:var(--panel-accent)!important} html[data-appearance][data-appearance] body .lr9-done{color:color-mix(in srgb,var(--olive) 80%,var(--ink))!important} html[data-appearance][data-appearance] body .graha-selector .subject-choice>span:first-child{color:var(--muted)!important} /* landing hero and closing panel: pastel grounds take dark ink */ html[data-appearance][data-appearance] #authGate .lpx .lpx-hero :is(h1,h2),html[data-appearance][data-appearance] #authGate .lpx .lpx-final :is(h1,h2){color:var(--panel-ink)!important} html[data-appearance][data-appearance] #authGate .lpx :is(.lpx-hero,.lpx-final) .btn.lpx-ghost{color:var(--panel-ink)!important;border-color:var(--panel-line)!important} html[data-appearance][data-appearance] #authGate .lpx :is(.lpx-hero,.lpx-final) .btn.primary{background:var(--wine)!important;border-color:var(--wine)!important;color:var(--accent-ink)!important;box-shadow:0 8px 20px rgba(60,40,90,.14)!important} html[data-appearance][data-appearance] #authGate .lpx :is(.lpx-hero,.lpx-final){background:var(--hero-bg)!important;border-color:var(--panel-line)!important} html[data-appearance][data-appearance] #authGate .lpx .lpx-sky-chart :is(.chart-rashi180 text,.chart-lagna-degree181){fill:var(--x-muted,var(--muted))!important} html[data-appearance=dark][data-appearance] :is(#toast,.toast){background:var(--paper3)!important;color:var(--ink)!important;border:1px solid var(--line2)!important} html[data-appearance][data-appearance]:not([data-appearance=dark]) .toast{background:var(--ink)!important;color:var(--paper)!important;border-color:transparent!important} /* ---------- Rainbow and Bubblegum: plain cards (colour lives in the sidebar, header and feature panels) ---------- */ html[data-appearance=rainbow][data-appearance] .page .card:not(:is(.dh8-hero,.fw8-hero,.ms7-hero,.ar7-hero,.aq9-continue,.study-reader,.kb9-contents,.kb9-az)), html[data-appearance=bubblegum][data-appearance] .page .card:not(:is(.dh8-hero,.fw8-hero,.ms7-hero,.ar7-hero,.aq9-continue,.study-reader,.kb9-contents,.kb9-az)){background-color:var(--paper)!important;background-image:none!important} html[data-appearance=rainbow][data-appearance] .reference-navigation,html[data-appearance=bubblegum][data-appearance] .reference-navigation{background-image:none!important;background-color:transparent!important} /* ---------- Dark: neutral game tiles with a quiet colour edge; neutral video stage ---------- */ html[data-appearance=dark][data-appearance] body .ar7-game{background:var(--paper2)!important;border:1px solid var(--line)!important;box-shadow:inset 0 3px 0 color-mix(in srgb,var(--hue) 55%,var(--paper2))!important} html[data-appearance=dark][data-appearance] .video-stage{background:var(--paper2)!important} html[data-appearance][data-appearance] body .graha-selector .subject-choice:is(.active,[aria-pressed=true],[aria-current])>span:first-child{color:inherit!important;opacity:.85} /* v1.92 Midnight touch-ups: text on light accent fills stays dark and readable */ html[data-appearance=dark][data-appearance] .cr9-cplay, html[data-appearance=dark][data-appearance] .rw9-play, html[data-appearance=dark][data-appearance] .unread149{color:var(--paper)!important} html[data-appearance=dark][data-appearance] .nb7-view.active small, html[data-appearance=dark][data-appearance] .sk8-model[aria-selected=true] small{color:var(--line)!important} html[data-appearance=dark][data-appearance] .cm9-open{color:#f2a49a!important} /* ---- skylab202.css ---- */ /* The Jyotish Project Study Space v2.02: Sky Lab (interactive188.js). */ .sl2{display:flex;flex-direction:column;gap:16px;min-width:0} .sl2-head h2{margin:4px 0 4px}.sl2-head p{margin:0;color:var(--muted);max-width:62ch} /* model chooser */ .sl2-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .sl2-model{display:flex;align-items:flex-start;gap:10px;text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:12px;padding:10px 12px;font:inherit;color:var(--ink);cursor:pointer;min-width:0;transition:border-color .15s,background .15s} .sl2-model:hover{border-color:color-mix(in srgb,var(--wine) 45%,var(--line))} .sl2-model:focus-visible{outline:2px solid var(--wine);outline-offset:2px} .sl2-ic{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--paper2);font-size:17px;line-height:1;color:var(--wine)} .sl2-mt{display:flex;flex-direction:column;gap:2px;min-width:0} .sl2-mt b{font-size:14.5px;line-height:1.25} .sl2-mt small{color:var(--muted);font-size:12.5px;line-height:1.4} .sl2-model[aria-selected=true]{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 8%,var(--paper))} .sl2-model[aria-selected=true] .sl2-ic{background:var(--wine);color:var(--accent-ink)} /* stage */ .sl2-stage{border-radius:16px;overflow:hidden;border:1px solid #1c2748;background:#0b1226;box-shadow:0 18px 44px rgba(8,12,30,.25);color:#efe7d6} .sl2-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#0e1630} .sl2-bar h3{margin:0;font-size:18px;color:#f6efe0;font-weight:600} .sl2-opts{display:flex;flex-wrap:wrap;align-items:center;gap:10px} .sl2-opts:empty{display:none} .sl2-canvas-wrap{position:relative;min-width:0} .sl2-canvas-wrap canvas{width:100%;display:block} .sl2-canvas-wrap:focus-visible{outline:2px solid #e8b85c;outline-offset:-2px} .sl2-readout{margin:0;padding:10px 16px;font-size:14px;line-height:1.5;background:#0e1630;border-top:1px solid rgba(255,255,255,.08);color:#efe7d6;min-height:1.5em} .sl2-readout b{color:#fff} .sl2-r{color:#ffb09f;font-weight:600} .sl2-rx{color:#7fdcff;font-weight:600} /* controls */ .sl2-time{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;background:#111a36;border-top:1px solid rgba(255,255,255,.06)} .sl2-play,.sl2-when{display:flex;align-items:center;gap:8px;flex-wrap:nowrap} .sl2-time input[type=range]{flex:1 1 180px;min-width:120px;width:auto;accent-color:#e8b85c;margin:0} .sl2-field{display:flex;flex-direction:column;gap:3px;margin:0;font-size:12px;color:inherit;white-space:nowrap} .sl2-field>span{white-space:nowrap} .sl2-inline{flex-direction:row;align-items:center;gap:7px} .sl2-stage select,.sl2-stage input[type=datetime-local]{width:auto;min-width:0;margin:0;background:#18223f;color:#f1e9d8;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 8px;font:14px var(--tjp-font,Georgia),serif;color-scheme:dark} .sl2-stage select:focus-visible,.sl2-stage input:focus-visible,.sl2-stage .btn:focus-visible,.sl2-seg button:focus-visible{outline:2px solid #e8b85c;outline-offset:2px} .sl2-bar .sl2-field{flex-direction:row;align-items:center;gap:8px;font-size:13px;color:#cfc6b4} .sl2-time .btn{margin:0;white-space:nowrap;background:#18223f;color:#f1e9d8;border-color:rgba(255,255,255,.2)} .sl2-time .btn:hover{border-color:#e8b85c} .sl2-time .btn.primary{background:#e8b85c;color:var(--ink);border-color:#e8b85c;font-weight:600} .sl2-icon{min-width:40px;padding-left:10px;padding-right:10px} .sl2-pb{min-width:96px} .sl2-keys{margin:0;padding:0 16px 10px;font-size:11.5px;color:rgba(241,233,216,.55);background:#111a36} .sl2-seg{display:inline-flex;border:1px solid rgba(255,255,255,.2);border-radius:9px;overflow:hidden} .sl2-seg button{background:transparent;color:#d9d0bf;border:0;padding:7px 12px;font:13px var(--tjp-font,Georgia),serif;cursor:pointer;white-space:nowrap} .sl2-seg button+button{border-left:1px solid rgba(255,255,255,.2)} .sl2-seg button[aria-pressed=true]{background:#e8b85c;color:var(--ink);font-weight:600} /* information cards */ .sl2-info{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:12px;align-items:start} .sl2-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0} .sl2-card h4{margin:0 0 8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600} .sl2-card h4:not(:first-child){margin-top:14px} .sl2-card p{margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--ink)} .sl2-tries{display:flex;flex-direction:column;gap:6px} .sl2-try{display:flex;gap:8px;align-items:baseline;text-align:left;border:1.5px solid color-mix(in srgb,var(--wine) 35%,var(--line));background:color-mix(in srgb,var(--wine) 5%,var(--paper));color:var(--ink);border-radius:9px;padding:8px 11px;font:14px var(--tjp-font,Georgia),serif;cursor:pointer;line-height:1.35} .sl2-try span{color:var(--wine);font-weight:700} .sl2-try:hover{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 10%,var(--paper))} .sl2-try:focus-visible,.sl2-list button:focus-visible{outline:2px solid var(--wine);outline-offset:2px} .sl2-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 4px} .sl2-facts div{background:var(--paper2);border-radius:8px;padding:8px 10px;min-width:0} .sl2-facts dt{font-size:11.5px;color:var(--muted);margin:0 0 2px} .sl2-facts dd{margin:0;font-size:13.5px;font-weight:600;color:var(--ink);overflow-wrap:anywhere} .sl2-lab{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:12px 0 6px} .sl2-list{display:flex;flex-direction:column;gap:4px;max-height:248px;overflow:auto;padding-right:2px} .sl2-list button{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:6px 9px;font:13px var(--tjp-font,Georgia),serif;color:var(--ink);cursor:pointer;line-height:1.35} .sl2-list button:hover,.sl2-list button.on{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 8%,var(--paper))} .sl2-method{margin-top:10px;border-top:1px solid var(--line);padding-top:8px} .sl2-method summary{cursor:pointer;font-size:13px;color:var(--muted)} .sl2-method p{font-size:12.5px;color:var(--muted);margin-top:6px} @media (max-width:1180px){.sl2-models{grid-template-columns:repeat(3,minmax(0,1fr))}.sl2-info{grid-template-columns:1fr 1fr}.sl2-info>.sl2-card:last-child{grid-column:1/-1}} @media (max-width:700px){ .sl2-models{grid-template-columns:1fr 1fr;gap:6px} .sl2-model{padding:8px 9px;gap:8px} .sl2-mt small{display:none} .sl2-mt b{font-size:13.5px} .sl2-ic{flex-basis:26px;height:26px;font-size:15px} .sl2-info{grid-template-columns:1fr} .sl2-bar{padding:10px 12px} .sl2-time{padding:10px 12px} .sl2-time input[type=range]{order:3;flex-basis:100%} .sl2-play{flex:1 1 100%;justify-content:space-between;gap:6px} .sl2-pb{min-width:0;padding-left:12px;padding-right:12px} .sl2-icon{min-width:36px;padding-left:8px;padding-right:8px} .sl2-play .sl2-inline{gap:5px} .sl2-when{flex:1 1 100%} .sl2-when .sl2-field{flex:1} .sl2-when input[type=datetime-local]{flex:1;min-width:0} .sl2-readout{padding:10px 12px;font-size:13.5px} .sl2-keys{display:none} .sl2-facts{grid-template-columns:1fr 1fr} } /* dark appearance: the stage is already a night sky; cards follow the site variables. Raised specificity overrides the generic dark rule for [aria-selected]/[aria-pressed]. */ html[data-appearance=dark] .sl2-stage{border-color:var(--line);box-shadow:none} html[data-appearance=dark][data-appearance] .sl2 .sl2-model[aria-selected=true]{background:color-mix(in srgb,var(--wine) 16%,var(--paper))!important;color:var(--ink)!important;border-color:var(--wine)!important} html[data-appearance=dark][data-appearance] .sl2 .sl2-model[aria-selected=true] small{color:var(--muted)!important} html[data-appearance=dark][data-appearance] .sl2 .sl2-model[aria-selected=true] .sl2-ic{color:var(--paper);background:var(--wine)} html[data-appearance][data-appearance] .sl2 .sl2-seg button[aria-pressed=true]{background:#e8b85c!important;color:var(--ink)!important} html[data-appearance][data-appearance] .sl2 .sl2-seg button[aria-pressed=false]{background:transparent!important;color:#d9d0bf!important} /* ---- cities-fonts207.css ---- */ /* Faces for the city themes (SIL Open Font License, via Fontsource), written by scripts/city-fonts.py. Every face covers the full IAST set, ṁ included; each file is fetched only when a theme uses it. */ @font-face{font-family:'Tiro Devanagari Sanskrit';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/tiro-devanagari-sanskrit-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Tiro Devanagari Sanskrit';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/tiro-devanagari-sanskrit-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Tiro Devanagari Sanskrit';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/tiro-devanagari-sanskrit-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Tiro Devanagari Sanskrit';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/tiro-devanagari-sanskrit-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Mukta';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/mukta-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Mukta';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/mukta-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Mukta';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/mukta-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Mukta';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/mukta-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Mukta';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/mukta-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Mukta';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/mukta-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Mukta';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/mukta-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Mukta';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/mukta-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Mukta';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/mukta-iast-700-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Brygada 1918';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/brygada-1918-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Brygada 1918';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/brygada-1918-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Brygada 1918';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/brygada-1918-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Brygada 1918';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/brygada-1918-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Brygada 1918';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/brygada-1918-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Brygada 1918';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/brygada-1918-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Brygada 1918';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/brygada-1918-vietnamese-400-italic.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Brygada 1918';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/brygada-1918-iast-400-italic.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Brygada 1918';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/brygada-1918-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Brygada 1918';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/brygada-1918-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Brygada 1918';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/brygada-1918-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Brygada 1918';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/brygada-1918-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/encode-sans-condensed-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/young-serif-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/young-serif-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Young Serif';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/young-serif-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Rasa';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/rasa-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Rasa';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/rasa-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Rasa';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/rasa-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Rasa';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/rasa-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Rasa';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/rasa-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Rasa';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/rasa-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Rasa';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/rasa-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Rasa';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/rasa-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Rasa';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/rasa-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Rasa';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/rasa-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Rasa';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/rasa-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Rasa';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/rasa-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Rasa';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/rasa-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Rasa';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/rasa-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Rasa';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/rasa-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Rasa';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/rasa-iast-700-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Alegreya Sans';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/alegreya-sans-iast-700-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Epilogue';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/epilogue-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Epilogue';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/epilogue-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Epilogue';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/epilogue-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Epilogue';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/epilogue-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Epilogue';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/epilogue-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Epilogue';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/epilogue-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Epilogue';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/epilogue-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Epilogue';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/epilogue-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Epilogue';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/epilogue-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Epilogue';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/epilogue-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Epilogue';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/epilogue-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Epilogue';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/epilogue-iast-700-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/source-serif-4-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/source-serif-4-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/source-serif-4-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/source-serif-4-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/source-serif-4-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/source-serif-4-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/source-serif-4-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/source-serif-4-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/source-sans-3-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/source-sans-3-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/source-sans-3-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/source-sans-3-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/source-sans-3-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/source-sans-3-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/source-sans-3-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/source-sans-3-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/source-sans-3-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Petrona';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/petrona-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Petrona';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/petrona-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Petrona';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/petrona-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Petrona';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/petrona-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Petrona';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/petrona-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Petrona';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/petrona-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Petrona';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/petrona-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Petrona';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/petrona-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Petrona';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/petrona-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Petrona';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/petrona-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Petrona';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/petrona-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Petrona';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/petrona-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Alegreya';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/alegreya-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Alegreya';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/alegreya-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Alegreya';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/alegreya-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Alegreya';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/alegreya-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Alegreya';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/alegreya-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Alegreya';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/alegreya-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Alegreya';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/alegreya-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Alegreya';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/alegreya-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Alegreya';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/alegreya-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Alegreya';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/alegreya-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Alegreya';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/alegreya-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Alegreya';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/alegreya-iast-700-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/big-shoulders-display-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/big-shoulders-display-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/big-shoulders-display-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/big-shoulders-display-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:800;font-display:swap;src:url(assets/cities/fonts/big-shoulders-display-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:800;font-display:swap;src:url(assets/cities/fonts/big-shoulders-display-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:800;font-display:swap;src:url(assets/cities/fonts/big-shoulders-display-vietnamese-800-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:800;font-display:swap;src:url(assets/cities/fonts/big-shoulders-display-iast-800-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/literata-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/literata-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/literata-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/literata-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/literata-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/literata-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/literata-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/literata-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Baloo 2';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/baloo-2-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Baloo 2';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/baloo-2-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Baloo 2';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/baloo-2-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Baloo 2';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/baloo-2-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Baloo 2';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/baloo-2-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Baloo 2';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/baloo-2-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Baloo 2';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/baloo-2-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Baloo 2';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/baloo-2-iast-700-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/noto-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/noto-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/noto-sans-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/noto-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/noto-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/noto-sans-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/noto-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/noto-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/noto-sans-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/noto-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/noto-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/noto-sans-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Bona Nova';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/bona-nova-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Bona Nova';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/bona-nova-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Bona Nova';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/bona-nova-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Bona Nova';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/bona-nova-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Bona Nova';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/bona-nova-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Bona Nova';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/bona-nova-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Bona Nova';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/bona-nova-vietnamese-400-italic.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Bona Nova';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/bona-nova-iast-400-italic.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Bona Nova';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/bona-nova-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Bona Nova';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/bona-nova-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Bona Nova';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/bona-nova-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Bona Nova';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/bona-nova-iast-700-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Commissioner';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/commissioner-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Commissioner';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/commissioner-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Commissioner';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/commissioner-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Commissioner';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/commissioner-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Commissioner';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/commissioner-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Commissioner';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/commissioner-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Commissioner';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/commissioner-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Commissioner';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/commissioner-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Commissioner';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/commissioner-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Commissioner';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/commissioner-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Commissioner';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/commissioner-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Commissioner';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/commissioner-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Gentium Book Plus';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/gentium-book-plus-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Gentium Book Plus';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/gentium-book-plus-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Gentium Book Plus';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/gentium-book-plus-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Gentium Book Plus';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/gentium-book-plus-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Gentium Book Plus';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/gentium-book-plus-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Gentium Book Plus';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/gentium-book-plus-vietnamese-400-italic.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Gentium Book Plus';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/gentium-book-plus-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Gentium Book Plus';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/gentium-book-plus-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Gentium Book Plus';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/gentium-book-plus-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Andika';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/andika-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Andika';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/andika-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Andika';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/andika-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Andika';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/andika-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Andika';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/andika-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Andika';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/andika-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Podkova';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/podkova-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Podkova';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/podkova-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Podkova';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/podkova-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Podkova';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/podkova-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Podkova';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/podkova-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Podkova';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/podkova-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Podkova';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/podkova-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Podkova';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/podkova-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Podkova';font-style:normal;font-weight:800;font-display:swap;src:url(assets/cities/fonts/podkova-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Podkova';font-style:normal;font-weight:800;font-display:swap;src:url(assets/cities/fonts/podkova-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Podkova';font-style:normal;font-weight:800;font-display:swap;src:url(assets/cities/fonts/podkova-vietnamese-800-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Podkova';font-style:normal;font-weight:800;font-display:swap;src:url(assets/cities/fonts/podkova-iast-800-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Sarabun';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/sarabun-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Sarabun';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/sarabun-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Sarabun';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/sarabun-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Sarabun';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/sarabun-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Sarabun';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/sarabun-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Sarabun';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/sarabun-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Sarabun';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/sarabun-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Sarabun';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/sarabun-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Noto Serif Display';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/noto-serif-display-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Noto Serif Display';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/noto-serif-display-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Noto Serif Display';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/noto-serif-display-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Noto Serif Display';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/noto-serif-display-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Noto Serif Display';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/noto-serif-display-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Noto Serif Display';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/noto-serif-display-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Crimson Pro';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/crimson-pro-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Crimson Pro';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/crimson-pro-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Crimson Pro';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/crimson-pro-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Crimson Pro';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/crimson-pro-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Crimson Pro';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/crimson-pro-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Crimson Pro';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/crimson-pro-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Crimson Pro';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/crimson-pro-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Crimson Pro';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/crimson-pro-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/inter-tight-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/inter-tight-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/inter-tight-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/inter-tight-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/inter-tight-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/inter-tight-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/inter-tight-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/inter-tight-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/inter-tight-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Markazi Text';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/markazi-text-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Markazi Text';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/markazi-text-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Markazi Text';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/markazi-text-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Markazi Text';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/markazi-text-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Markazi Text';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/markazi-text-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Markazi Text';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/markazi-text-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Markazi Text';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/markazi-text-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Markazi Text';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/markazi-text-iast-700-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Recursive';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/recursive-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Recursive';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/recursive-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Recursive';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/recursive-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Recursive';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/recursive-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Recursive';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/recursive-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Recursive';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/recursive-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Recursive';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/recursive-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Recursive';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/recursive-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Piazzolla';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/piazzolla-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Piazzolla';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/piazzolla-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Piazzolla';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/piazzolla-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Piazzolla';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/piazzolla-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Piazzolla';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/piazzolla-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Piazzolla';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/piazzolla-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Piazzolla';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/piazzolla-vietnamese-400-italic.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Piazzolla';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cities/fonts/piazzolla-iast-400-italic.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Piazzolla';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/piazzolla-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Piazzolla';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/piazzolla-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Piazzolla';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/piazzolla-vietnamese-600-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Piazzolla';font-style:normal;font-weight:600;font-display:swap;src:url(assets/cities/fonts/piazzolla-iast-600-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/vollkorn-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/vollkorn-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/vollkorn-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/vollkorn-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/vollkorn-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/vollkorn-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/vollkorn-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/vollkorn-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/vollkorn-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/vollkorn-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/vollkorn-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Vollkorn';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/vollkorn-iast-700-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/lexend-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/lexend-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/lexend-vietnamese-400-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Lexend';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cities/fonts/lexend-iast-400-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/lexend-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/lexend-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E3F,U+1E42-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/lexend-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Lexend';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/lexend-iast-500-normal.woff2) format('woff2');unicode-range:U+1E40-1E41} @font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/unbounded-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/unbounded-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cities/fonts/unbounded-vietnamese-500-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/unbounded-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/unbounded-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url(assets/cities/fonts/unbounded-vietnamese-700-normal.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB} /* ---- cities207.css ---- */ /* The Jyotish Project Study Space v2.07: the sixteen city themes, from jyotish.labs (written by /home/claude/cities/gen.py; do not edit by hand). chooses the city; data-appearance is "dark" for dark cities and "classic" for light ones, so the older dark and light rules still apply. Each block sets the city tokens and the Study Space tokens. */ html[data-city="nalanda"][data-city][data-appearance]{--bg:#1e2b52;--bg-2:#18223f;--surface:#e9dbb2;--surface-2:#e2d2a4;--surface-3:#d9c793;--ink:#2b1d12;--ink-2:#4f3d28;--ink-3:#5e4a30;--line:#d2be8a;--line-2:#b9a26a;--accent:#9e2219;--accent-2:#b3261e;--accent-ink:#fbefd6;--accent-soft:#e8c9a6;--gold:#6c4c0b;--gold-soft:#e4d09a;--good:#49571c;--good-soft:#dccf9c;--bad:#9e2219;--bad-soft:#e8c4a2;--warn:#7c430e;--warn-soft:#e6c897;--info:#24386a;--info-soft:#d7cfa9;--focus:#b3261e;--header:#18223f;--header-2:#22305a;--header-ink:#f1e6c8;--header-ink-2:#c7bea6;--header-gold:#d9a52a;--header-gold-fill:#d9a52a;--chart-bg:#ecdfb9;--chart-line:#5c4426;--chart-line-2:#cdb985;--chart-sign:#9e2219;--chart-hover:#e2d09f;--chart-select:#e6d49f;--chart-lagna:#9e2219;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#1a2549;--sidebar-ink:#ece2c4;--overlay:rgba(30,22,14,.34);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#9e2219;--g-moon:#365572;--g-mars:#9e2219;--g-mercury:#295d3c;--g-jupiter:#6a4d0b;--g-venus:#8f2b62;--g-saturn:#1e2b52;--g-rahu:#1e2b52;--g-ketu:#734929;--g-lagna:#9e2219;--g-upa:#54524e;--r0:#9b261d;--r1:#58542f;--r2:#6a4d0b;--r3:#365572;--r4:#8b3816;--r5:#48573d;--r6:#6e4757;--r7:#803f37;--r8:#694e19;--r9:#55524d;--r10:#405566;--r11:#534e77;--pa-dharma:#8a3815;--pa-artha:#5d511c;--pa-kama:#235a60;--pa-moksha:#40448a;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Tiro Devanagari Sanskrit', 'EB Garamond', serif;--font-sans:'Mukta', 'Inter', sans-serif;--font-display:'Tiro Devanagari Sanskrit', 'EB Garamond', serif;--city-lagna-fill:#e0c98c;--ground-ink:#f1e6c8;--ground-ink-2:#d9cfb3;--ground-ink-3:#c2b898;--ground-line:#33416b;--ground-line-2:#46557f;--ground-accent:#e9b949;--ground-accent-soft:rgba(233,185,73,.16);--sidebar-ink-2:#d9a52a;--sidebar-ink-3:#b3ab92;--sidebar-line:rgba(241,230,200,.1);--sidebar-surface:#e9dbb2;--paper:#e9dbb2;--card:#e9dbb2;--cream:#e9dbb2;--surface2:#e2d2a4;--paper2:#e2d2a4;--paper3:#d9c793;--text:#2b1d12;--muted:#4f3d28;--ink2:#4f3d28;--ink3:#5e4a30;--line2:#b9a26a;--dark:#18223f;--wine:#9e2219;--accent2:#b3261e;--olive:#49571c;--blue:#24386a;--panel:#e2d2a4;--panel-2:#d9c793;--panel-ink:#2b1d12;--panel-muted:#4f3d28;--panel-accent:#9e2219;--panel-accent-ink:#fbefd6;--panel-line:#d2be8a;--sb-bg:#1a2549;--sb-ink:#ece2c4;--sb-muted:#b3ab92;--sb-line:rgba(241,230,200,.1);--sb-chip:color-mix(in srgb,#ece2c4 7%,transparent);--sb-active:color-mix(in srgb,#ece2c4 13%,transparent);--sb-active-ink:#ece2c4;--sb-bar:#d9a52a;--hero-bg:linear-gradient(160deg,#e2d2a4,#d9c793);--earth-panel:linear-gradient(160deg,#e2d2a4,#d9c793);--earth-glass:#e2d2a4;--tone-mix:30%;--tjp-city-font:'Tiro Devanagari Sanskrit', 'EB Garamond', serif;--tjp-city-head:'Tiro Devanagari Sanskrit', 'EB Garamond', serif;--tjp-city-ui:'Mukta', 'Inter', sans-serif;--x-paper:#e9dbb2;--x-paper2:#e2d2a4;--x-line:#d2be8a;--x-ink:#2b1d12;--x-muted:#4f3d28;--x-on-bg:#f1e6c8;--x-on-bg-muted:#d9cfb3;--x-accent:#9e2219;--x-accent-ink:#fbefd6;color-scheme:light} html[data-city="nalanda"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#e9dbb2;--x-paper2:#e2d2a4;--x-line:#d2be8a;--x-ink:#2b1d12;--x-muted:#4f3d28;--x-on-bg:#f1e6c8;--x-on-bg-muted:#d9cfb3;--x-accent:#9e2219;--x-accent-ink:#fbefd6;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#1e2b52;--pg-1:#18223f;--pg-2:#e9b949;--pg-3:#6c4c0b;--pg-4:#18223f;--pg-a:.34} html[data-city="nalanda"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#18223f,#22305a);--x-sky-glass:linear-gradient(150deg,#18223f,#22305a);--x-sky-ink:#f1e6c8;--panel-ink:#f1e6c8;--panel-muted:#c7bea6;--panel-line:rgba(255,255,255,.14);--panel-accent:#d9a52a;--x-ink:#f1e6c8;--x-muted:#c7bea6;--x-accent:#d9a52a;--x-accent-ink:#18223f;--x-line:rgba(255,255,255,.28);--wine:#d9a52a;--accent:#d9a52a;--accent-ink:#18223f;--ink:#f1e6c8;--muted:#c7bea6;color:#f1e6c8} html[data-city="nalanda"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#2b1d12;--x-muted:#4f3d28;--x-accent:#9e2219;--x-line:#d2be8a;--wine:#9e2219;--accent:#9e2219;--accent-ink:#fbefd6;--ink:#2b1d12;--muted:#4f3d28;--panel-ink:#2b1d12;--panel-line:#d2be8a} html[data-city="nalanda"][data-city][data-appearance] .main{--ink:#f1e6c8;--text:#f1e6c8;--muted:#d9cfb3;--ink2:#d9cfb3;--ink3:#c2b898;--line:#33416b;--line2:#46557f;--wine:#e9b949;--accent:#e9b949;--accent-soft:rgba(233,185,73,.16);--accent-ink:#1e2b52;color:var(--ink)} html[data-city="nalanda"][data-city][data-appearance] .main :is(.admin-group157,.aq9-chip,.aq9-continue,.ar7-boards,.ar7-game,.ar7-hero,.avr-moved,.avr-rules,.avr194,.badge,.bl-reader,.bsx-book,.bsx-hero,.bsx-tool,.btn,.card,.chart-birth-details,.chip,.city-pop207,.cm9-evhero,.cm9-sep,.cr-category169,.current176,.dh8-card,.dh8-chip,.dh8-hero,.dr-card,.dr-hero,.fd-chartcard,.fd-hero,.fd-layers,.fd-read,.fd-src,.fd-step,.fw8-day,.fw8-group,.fw8-hero,.fw8-intent,.gc192,.hub-card,.hub-last,.im7-chip,.im7-stage-wrap,.journey-board154,.kb-card183,.kb9-az,.kb9-contents,.lex-launch157,.meditation-room,.member-avatar149,.modal-box,.modal-card,.modal-content,.mood162 .mood-options162,.mood162>summary,.ms7-bar,.ms7-card,.ms7-hero,.ms7-mission,.nb7,.nb7-pop,.nb7-slash,.nb7-toast,.ob192,.op-card,.op-hero,.rs8-builder,.rs8-summary,.rs8-table,.rs8-tr,.rv9-feature,.sl2-card,.sl2-ic,.sl2-model,.sl2-stage,.st2-lec,.st2-tip,.stat-card,.studio-prep171,.studio-setup158,.studio-steps158,.study-reader,.td193,.toast,.tool-entry174,.top-actions summary,.unread149,.zd-hero,.zd-mode,.zd-walk,.zd-walkbtn,input,select,textarea,dialog,kbd,table,details.card){--ink:#2b1d12;--text:#2b1d12;--muted:#4f3d28;--ink2:#4f3d28;--ink3:#5e4a30;--line:#d2be8a;--line2:#b9a26a;--wine:#9e2219;--accent:#9e2219;--accent-soft:#e8c9a6;--accent-ink:#fbefd6;color:var(--ink)} html[data-city="ujjayini"][data-city][data-appearance]{--bg:#14302b;--bg-2:#10261f;--surface:#1a3a33;--surface-2:#1f4239;--surface-3:#26493f;--ink:#e7ead9;--ink-2:#c6cfbb;--ink-3:#a9bcae;--line:#2c544a;--line-2:#40695d;--accent:#dcb873;--accent-2:#e8c98a;--accent-ink:#14302b;--accent-soft:#2f4a39;--gold:#e3c27c;--gold-soft:#2f4a39;--good:#a8d8b0;--good-soft:#244a3c;--bad:#f2a596;--bad-soft:#4a3330;--warn:#f0c27a;--warn-soft:#4a4430;--info:#b0d0e2;--info-soft:#24464e;--focus:#e8c98a;--header:#10261f;--header-2:#1a3a33;--header-ink:#e7ead9;--header-ink-2:#a9bcae;--header-gold:#dcb873;--header-gold-fill:#dcb873;--chart-bg:#1a3a33;--chart-line:#c8a35a;--chart-line-2:#2c544a;--chart-sign:#9fb5a8;--chart-hover:#21463d;--chart-select:#29493f;--chart-lagna:#e3c27c;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#10261f;--sidebar-ink:#d5dccb;--overlay:rgba(10,8,6,.5);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#f3a86a;--g-moon:#cddcee;--g-mars:#f39a8c;--g-mercury:#9fd6ad;--g-jupiter:#efd37e;--g-venus:#efb2d2;--g-saturn:#aeb8f0;--g-rahu:#c2c6d6;--g-ketu:#e0bf9c;--g-lagna:#e3c27c;--g-upa:#c8c6c0;--r0:#f39a8c;--r1:#cfd6a6;--r2:#efd37e;--r3:#bcd0de;--r4:#f3a86a;--r5:#b0d2b8;--r6:#e3c2cf;--r7:#eaa59c;--r8:#e8c78a;--r9:#d8ccbe;--r10:#b4cbe0;--r11:#c4c3ec;--pa-dharma:#f2aa88;--pa-artha:#dfcd90;--pa-kama:#a0d7dc;--pa-moksha:#c9ccf3;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Brygada 1918', 'EB Garamond', serif;--font-sans:'Encode Sans Condensed', 'Inter', sans-serif;--font-display:'Brygada 1918', 'EB Garamond', serif;--city-lagna-fill:#2a4a3b;--sidebar-ink-2:#c8a35a;--sidebar-ink-3:#93a99c;--sidebar-line:#24453d;--sidebar-surface:#1a3a33;--paper:#1a3a33;--card:#1a3a33;--cream:#1a3a33;--surface2:#1f4239;--paper2:#1f4239;--paper3:#26493f;--text:#e7ead9;--muted:#c6cfbb;--ink2:#c6cfbb;--ink3:#a9bcae;--line2:#40695d;--dark:#10261f;--wine:#dcb873;--accent2:#e8c98a;--olive:#a8d8b0;--blue:#b0d0e2;--panel:#1f4239;--panel-2:#26493f;--panel-ink:#e7ead9;--panel-muted:#c6cfbb;--panel-accent:#dcb873;--panel-accent-ink:#14302b;--panel-line:#2c544a;--sb-bg:#10261f;--sb-ink:#d5dccb;--sb-muted:#93a99c;--sb-line:#24453d;--sb-chip:color-mix(in srgb,#d5dccb 7%,transparent);--sb-active:color-mix(in srgb,#d5dccb 13%,transparent);--sb-active-ink:#d5dccb;--sb-bar:#c8a35a;--hero-bg:linear-gradient(160deg,#1f4239,#26493f);--earth-panel:linear-gradient(160deg,#1f4239,#26493f);--earth-glass:#1f4239;--tone-mix:20%;--tjp-city-font:'Brygada 1918', 'EB Garamond', serif;--tjp-city-head:'Brygada 1918', 'EB Garamond', serif;--tjp-city-ui:'Encode Sans Condensed', 'Inter', sans-serif;--x-paper:#1a3a33;--x-paper2:#1f4239;--x-line:#2c544a;--x-ink:#e7ead9;--x-muted:#c6cfbb;--x-on-bg:#e7ead9;--x-on-bg-muted:#c6cfbb;--x-accent:#dcb873;--x-accent-ink:#14302b;color-scheme:dark} html[data-city="ujjayini"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#1a3a33;--x-paper2:#1f4239;--x-line:#2c544a;--x-ink:#e7ead9;--x-muted:#c6cfbb;--x-on-bg:#e7ead9;--x-on-bg-muted:#c6cfbb;--x-accent:#dcb873;--x-accent-ink:#14302b;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#14302b;--pg-1:#10261f;--pg-2:#dcb873;--pg-3:#e3c27c;--pg-4:#10261f;--pg-a:.42} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#10261f,#1a3a33);--x-sky-glass:linear-gradient(150deg,#10261f,#1a3a33);--x-sky-ink:#e7ead9;--panel-ink:#e7ead9;--panel-muted:#a9bcae;--panel-line:rgba(255,255,255,.14);--panel-accent:#dcb873;--x-ink:#e7ead9;--x-muted:#a9bcae;--x-accent:#dcb873;--x-accent-ink:#10261f;--x-line:rgba(255,255,255,.28);--wine:#dcb873;--accent:#dcb873;--accent-ink:#10261f;--ink:#e7ead9;--muted:#a9bcae;color:#e7ead9} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#e7ead9;--x-muted:#c6cfbb;--x-accent:#dcb873;--x-line:#2c544a;--wine:#dcb873;--accent:#dcb873;--accent-ink:#14302b;--ink:#e7ead9;--muted:#c6cfbb;--panel-ink:#e7ead9;--panel-line:#2c544a} html[data-city="kashi"][data-city][data-appearance]{--bg:#f3e3e3;--bg-2:#ecd6d6;--surface:#fffaf6;--surface-2:#fbefee;--surface-3:#f5e1df;--ink:#231a3d;--ink-2:#463d68;--ink-3:#5d5582;--line:#efd9d9;--line-2:#d9b9b9;--accent:#2a2466;--accent-2:#3a3480;--accent-ink:#fff4e0;--accent-soft:#e6e3f6;--gold:#7f5900;--gold-soft:#fbeccc;--good:#0f6a44;--good-soft:#dcf0e4;--bad:#b51f35;--bad-soft:#fbe0e2;--warn:#a2400f;--warn-soft:#fde6d6;--info:#1e4f8a;--info-soft:#e0eaf6;--focus:#3a3480;--header:#2a2466;--header-2:#3a3480;--header-ink:#fff4e0;--header-ink-2:#c9c3ef;--header-gold:#ffb81c;--header-gold-fill:#ffb81c;--chart-bg:#fffaf6;--chart-line:#2a2466;--chart-line-2:#e3d2d2;--chart-sign:#2a2466;--chart-hover:#f6ece6;--chart-select:#ffe7a6;--chart-lagna:#b51f35;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#ffb81c;--sidebar-ink:#2a1a05;--overlay:rgba(30,22,14,.34);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#a8441a;--g-moon:#3d5f80;--g-mars:#b51f35;--g-mercury:#2f6b45;--g-jupiter:#845f0e;--g-venus:#9b2f6a;--g-saturn:#2a2466;--g-rahu:#55505a;--g-ketu:#7a4e2c;--g-lagna:#b51f35;--g-upa:#5f5c58;--r0:#a8291f;--r1:#6a6539;--r2:#845f0e;--r3:#3d5f80;--r4:#a8441a;--r5:#536546;--r6:#85566a;--r7:#803f37;--r8:#805f1e;--r9:#64605a;--r10:#4a6276;--r11:#5b5582;--pa-dharma:#9c3f18;--pa-artha:#6b5d20;--pa-kama:#245d64;--pa-moksha:#40448a;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Mukta', 'Inter', sans-serif;--font-sans:'Mukta', 'Inter', sans-serif;--font-display:'Young Serif', 'EB Garamond', serif;--city-lagna-fill:#ffe7a6;--sidebar-ink-2:#2a2466;--sidebar-ink-3:#4a3510;--sidebar-line:rgba(42,36,102,.14);--sidebar-surface:#fffaf6;--paper:#fffaf6;--card:#fffaf6;--cream:#fffaf6;--surface2:#fbefee;--paper2:#fbefee;--paper3:#f5e1df;--text:#231a3d;--muted:#463d68;--ink2:#463d68;--ink3:#5d5582;--line2:#d9b9b9;--dark:#2a2466;--wine:#2a2466;--accent2:#3a3480;--olive:#0f6a44;--blue:#1e4f8a;--panel:#fbefee;--panel-2:#f5e1df;--panel-ink:#231a3d;--panel-muted:#463d68;--panel-accent:#2a2466;--panel-accent-ink:#fff4e0;--panel-line:#efd9d9;--sb-bg:#ffb81c;--sb-ink:#2a1a05;--sb-muted:#4a3510;--sb-line:rgba(42,36,102,.14);--sb-chip:color-mix(in srgb,#2a1a05 7%,transparent);--sb-active:color-mix(in srgb,#2a1a05 13%,transparent);--sb-active-ink:#2a1a05;--sb-bar:#2a2466;--hero-bg:linear-gradient(160deg,#fbefee,#f5e1df);--earth-panel:linear-gradient(160deg,#fbefee,#f5e1df);--earth-glass:#fbefee;--tone-mix:30%;--tjp-city-font:'Mukta', 'Inter', sans-serif;--tjp-city-head:'Young Serif', 'EB Garamond', serif;--tjp-city-ui:'Mukta', 'Inter', sans-serif;--x-paper:#fffaf6;--x-paper2:#fbefee;--x-line:#efd9d9;--x-ink:#231a3d;--x-muted:#463d68;--x-on-bg:#231a3d;--x-on-bg-muted:#463d68;--x-accent:#2a2466;--x-accent-ink:#fff4e0;color-scheme:light} html[data-city="kashi"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#fffaf6;--x-paper2:#fbefee;--x-line:#efd9d9;--x-ink:#231a3d;--x-muted:#463d68;--x-on-bg:#231a3d;--x-on-bg-muted:#463d68;--x-accent:#2a2466;--x-accent-ink:#fff4e0;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#f3e3e3;--pg-1:#ecd6d6;--pg-2:#2a2466;--pg-3:#7f5900;--pg-4:#2a2466;--pg-a:.34} html[data-city="kashi"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#2a2466,#3a3480);--x-sky-glass:linear-gradient(150deg,#2a2466,#3a3480);--x-sky-ink:#fff4e0;--panel-ink:#fff4e0;--panel-muted:#c9c3ef;--panel-line:rgba(255,255,255,.14);--panel-accent:#ffb81c;--x-ink:#fff4e0;--x-muted:#c9c3ef;--x-accent:#ffb81c;--x-accent-ink:#2a2466;--x-line:rgba(255,255,255,.28);--wine:#ffb81c;--accent:#ffb81c;--accent-ink:#2a2466;--ink:#fff4e0;--muted:#c9c3ef;color:#fff4e0} html[data-city="kashi"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#231a3d;--x-muted:#463d68;--x-accent:#2a2466;--x-line:#efd9d9;--wine:#2a2466;--accent:#2a2466;--accent-ink:#fff4e0;--ink:#231a3d;--muted:#463d68;--panel-ink:#231a3d;--panel-line:#efd9d9} html[data-city="kanci"][data-city][data-appearance]{--bg:#7a2a1e;--bg-2:#6a2419;--surface:#f4f1ec;--surface-2:#ede8e1;--surface-3:#e5ded5;--ink:#2a1714;--ink-2:#553d38;--ink-3:#6a524c;--line:#e3d9cf;--line-2:#cdbdb0;--accent:#7a2a1e;--accent-2:#932f21;--accent-ink:#fbefe6;--accent-soft:#f1dfd8;--gold:#7f5900;--gold-soft:#f2e6c9;--good:#2f6b45;--good-soft:#dde9df;--bad:#a8291f;--bad-soft:#f4dcd6;--warn:#9a4610;--warn-soft:#f5e2d1;--info:#2e5a7e;--info-soft:#dfe8ef;--focus:#932f21;--header:#5c1d14;--header-2:#6e271c;--header-ink:#fbefe6;--header-ink-2:#e6c9bd;--header-gold:#f2b632;--header-gold-fill:#f2b632;--chart-bg:#f4f1ec;--chart-line:#7a2a1e;--chart-line-2:#e3d9cf;--chart-sign:#9b4b3d;--chart-hover:#efe6dd;--chart-select:#f2dccf;--chart-lagna:#7a2a1e;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#64221a;--sidebar-ink:#f6dfd3;--overlay:rgba(30,22,14,.34);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#a44219;--g-moon:#3d5f80;--g-mars:#a8291f;--g-mercury:#2f6b45;--g-jupiter:#7d5a0d;--g-venus:#9b2f6a;--g-saturn:#33356e;--g-rahu:#55505a;--g-ketu:#7a4e2c;--g-lagna:#7a2a1e;--g-upa:#5f5c58;--r0:#a8291f;--r1:#676238;--r2:#7d5a0d;--r3:#3d5f80;--r4:#a44219;--r5:#536546;--r6:#825468;--r7:#803f37;--r8:#7c5c1d;--r9:#64605a;--r10:#4a6276;--r11:#5b5582;--pa-dharma:#9c3f18;--pa-artha:#6b5d20;--pa-kama:#245d64;--pa-moksha:#40448a;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Rasa', 'EB Garamond', serif;--font-sans:'Alegreya Sans', 'Inter', sans-serif;--font-display:'Rasa', 'EB Garamond', serif;--city-lagna-fill:#f1ded5;--ground-ink:#fbefe6;--ground-ink-2:#f1d9cd;--ground-ink-3:#e8c8ba;--ground-line:#93402f;--ground-line-2:#a5513e;--ground-accent:#f6c453;--ground-accent-soft:rgba(246,196,83,.16);--sidebar-ink-2:#f2b632;--sidebar-ink-3:#dcbcae;--sidebar-line:rgba(251,239,230,.12);--sidebar-surface:#f4f1ec;--paper:#f4f1ec;--card:#f4f1ec;--cream:#f4f1ec;--surface2:#ede8e1;--paper2:#ede8e1;--paper3:#e5ded5;--text:#2a1714;--muted:#553d38;--ink2:#553d38;--ink3:#6a524c;--line2:#cdbdb0;--dark:#5c1d14;--wine:#7a2a1e;--accent2:#932f21;--olive:#2f6b45;--blue:#2e5a7e;--panel:#ede8e1;--panel-2:#e5ded5;--panel-ink:#2a1714;--panel-muted:#553d38;--panel-accent:#7a2a1e;--panel-accent-ink:#fbefe6;--panel-line:#e3d9cf;--sb-bg:#64221a;--sb-ink:#f6dfd3;--sb-muted:#dcbcae;--sb-line:rgba(251,239,230,.12);--sb-chip:color-mix(in srgb,#f6dfd3 7%,transparent);--sb-active:color-mix(in srgb,#f6dfd3 13%,transparent);--sb-active-ink:#f6dfd3;--sb-bar:#f2b632;--hero-bg:linear-gradient(160deg,#ede8e1,#e5ded5);--earth-panel:linear-gradient(160deg,#ede8e1,#e5ded5);--earth-glass:#ede8e1;--tone-mix:30%;--tjp-city-font:'Rasa', 'EB Garamond', serif;--tjp-city-head:'Rasa', 'EB Garamond', serif;--tjp-city-ui:'Alegreya Sans', 'Inter', sans-serif;--x-paper:#f4f1ec;--x-paper2:#ede8e1;--x-line:#e3d9cf;--x-ink:#2a1714;--x-muted:#553d38;--x-on-bg:#fbefe6;--x-on-bg-muted:#f1d9cd;--x-accent:#7a2a1e;--x-accent-ink:#fbefe6;color-scheme:light} html[data-city="kanci"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#f4f1ec;--x-paper2:#ede8e1;--x-line:#e3d9cf;--x-ink:#2a1714;--x-muted:#553d38;--x-on-bg:#fbefe6;--x-on-bg-muted:#f1d9cd;--x-accent:#7a2a1e;--x-accent-ink:#fbefe6;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#7a2a1e;--pg-1:#6a2419;--pg-2:#f6c453;--pg-3:#7f5900;--pg-4:#5c1d14;--pg-a:.34} html[data-city="kanci"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#5c1d14,#6e271c);--x-sky-glass:linear-gradient(150deg,#5c1d14,#6e271c);--x-sky-ink:#fbefe6;--panel-ink:#fbefe6;--panel-muted:#e6c9bd;--panel-line:rgba(255,255,255,.14);--panel-accent:#f2b632;--x-ink:#fbefe6;--x-muted:#e6c9bd;--x-accent:#f2b632;--x-accent-ink:#5c1d14;--x-line:rgba(255,255,255,.28);--wine:#f2b632;--accent:#f2b632;--accent-ink:#5c1d14;--ink:#fbefe6;--muted:#e6c9bd;color:#fbefe6} html[data-city="kanci"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#2a1714;--x-muted:#553d38;--x-accent:#7a2a1e;--x-line:#e3d9cf;--wine:#7a2a1e;--accent:#7a2a1e;--accent-ink:#fbefe6;--ink:#2a1714;--muted:#553d38;--panel-ink:#2a1714;--panel-line:#e3d9cf} html[data-city="kanci"][data-city][data-appearance] .main{--ink:#fbefe6;--text:#fbefe6;--muted:#f1d9cd;--ink2:#f1d9cd;--ink3:#e8c8ba;--line:#93402f;--line2:#a5513e;--wine:#f6c453;--accent:#f6c453;--accent-soft:rgba(246,196,83,.16);--accent-ink:#7a2a1e;color:var(--ink)} html[data-city="kanci"][data-city][data-appearance] .main :is(.admin-group157,.aq9-chip,.aq9-continue,.ar7-boards,.ar7-game,.ar7-hero,.avr-moved,.avr-rules,.avr194,.badge,.bl-reader,.bsx-book,.bsx-hero,.bsx-tool,.btn,.card,.chart-birth-details,.chip,.city-pop207,.cm9-evhero,.cm9-sep,.cr-category169,.current176,.dh8-card,.dh8-chip,.dh8-hero,.dr-card,.dr-hero,.fd-chartcard,.fd-hero,.fd-layers,.fd-read,.fd-src,.fd-step,.fw8-day,.fw8-group,.fw8-hero,.fw8-intent,.gc192,.hub-card,.hub-last,.im7-chip,.im7-stage-wrap,.journey-board154,.kb-card183,.kb9-az,.kb9-contents,.lex-launch157,.meditation-room,.member-avatar149,.modal-box,.modal-card,.modal-content,.mood162 .mood-options162,.mood162>summary,.ms7-bar,.ms7-card,.ms7-hero,.ms7-mission,.nb7,.nb7-pop,.nb7-slash,.nb7-toast,.ob192,.op-card,.op-hero,.rs8-builder,.rs8-summary,.rs8-table,.rs8-tr,.rv9-feature,.sl2-card,.sl2-ic,.sl2-model,.sl2-stage,.st2-lec,.st2-tip,.stat-card,.studio-prep171,.studio-setup158,.studio-steps158,.study-reader,.td193,.toast,.tool-entry174,.top-actions summary,.unread149,.zd-hero,.zd-mode,.zd-walk,.zd-walkbtn,input,select,textarea,dialog,kbd,table,details.card){--ink:#2a1714;--text:#2a1714;--muted:#553d38;--ink2:#553d38;--ink3:#6a524c;--line:#e3d9cf;--line2:#cdbdb0;--wine:#7a2a1e;--accent:#7a2a1e;--accent-soft:#f1dfd8;--accent-ink:#fbefe6;color:var(--ink)} html[data-city="harappa"][data-city][data-appearance]{--bg:#b7b4ac;--bg-2:#aeaba2;--surface:#edebe5;--surface-2:#e4e1da;--surface-3:#d9d6ce;--ink:#1f1e1c;--ink-2:#3b3a37;--ink-3:#464541;--line:#d4d1c8;--line-2:#a9a69e;--accent:#20447c;--accent-2:#2c5aa0;--accent-ink:#ffffff;--accent-soft:#d9e1ee;--gold:#584100;--gold-soft:#efe2bd;--good:#224d2d;--good-soft:#d7e6d8;--bad:#832018;--bad-soft:#f0d6d2;--warn:#693709;--warn-soft:#f0dfcc;--info:#20447c;--info-soft:#d9e1ee;--focus:#2c5aa0;--header:#2e2d2a;--header-2:#45443f;--header-ink:#efede7;--header-ink-2:#c9c6bd;--header-gold:#e8b52c;--header-gold-fill:#e8b52c;--chart-bg:#edebe5;--chart-line:#1f1e1c;--chart-line-2:#d4d1c8;--chart-sign:#55534d;--chart-hover:#e2dfd7;--chart-select:#f3dc93;--chart-lagna:#832018;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#3b3a36;--sidebar-ink:#e4e1d9;--overlay:rgba(30,22,14,.34);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#752f12;--g-moon:#20447c;--g-mars:#832018;--g-mercury:#224d32;--g-jupiter:#5a4109;--g-venus:#782452;--g-saturn:#1f1e1c;--g-rahu:#47434b;--g-ketu:#603d23;--g-lagna:#832018;--g-upa:#474542;--r0:#832018;--r1:#494627;--r2:#5a4109;--r3:#2d475f;--r4:#752f12;--r5:#3b4832;--r6:#5b3b49;--r7:#6c352f;--r8:#574014;--r9:#484541;--r10:#354755;--r11:#454163;--pa-dharma:#763012;--pa-artha:#4e4317;--pa-kama:#1d4a4f;--pa-moksha:#3a3e7e;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Source Serif 4', 'EB Garamond', serif;--font-sans:'Source Sans 3', 'Inter', sans-serif;--font-display:'Epilogue', 'Inter', sans-serif;--city-lagna-fill:#e8b52c;--sidebar-ink-2:#efede7;--sidebar-ink-3:#b9b6ad;--sidebar-line:rgba(255,255,255,.08);--sidebar-surface:#edebe5;--paper:#edebe5;--card:#edebe5;--cream:#edebe5;--surface2:#e4e1da;--paper2:#e4e1da;--paper3:#d9d6ce;--text:#1f1e1c;--muted:#3b3a37;--ink2:#3b3a37;--ink3:#464541;--line2:#a9a69e;--dark:#2e2d2a;--wine:#20447c;--accent2:#2c5aa0;--olive:#224d2d;--blue:#20447c;--panel:#e4e1da;--panel-2:#d9d6ce;--panel-ink:#1f1e1c;--panel-muted:#3b3a37;--panel-accent:#20447c;--panel-accent-ink:#ffffff;--panel-line:#d4d1c8;--sb-bg:#3b3a36;--sb-ink:#e4e1d9;--sb-muted:#b9b6ad;--sb-line:rgba(255,255,255,.08);--sb-chip:color-mix(in srgb,#e4e1d9 7%,transparent);--sb-active:color-mix(in srgb,#e4e1d9 13%,transparent);--sb-active-ink:#e4e1d9;--sb-bar:#efede7;--hero-bg:linear-gradient(160deg,#e4e1da,#d9d6ce);--earth-panel:linear-gradient(160deg,#e4e1da,#d9d6ce);--earth-glass:#e4e1da;--tone-mix:30%;--tjp-city-font:'Source Serif 4', 'EB Garamond', serif;--tjp-city-head:'Epilogue', 'Inter', sans-serif;--tjp-city-ui:'Source Sans 3', 'Inter', sans-serif;--x-paper:#edebe5;--x-paper2:#e4e1da;--x-line:#d4d1c8;--x-ink:#1f1e1c;--x-muted:#3b3a37;--x-on-bg:#1f1e1c;--x-on-bg-muted:#3b3a37;--x-accent:#20447c;--x-accent-ink:#ffffff;color-scheme:light} html[data-city="harappa"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#edebe5;--x-paper2:#e4e1da;--x-line:#d4d1c8;--x-ink:#1f1e1c;--x-muted:#3b3a37;--x-on-bg:#1f1e1c;--x-on-bg-muted:#3b3a37;--x-accent:#20447c;--x-accent-ink:#ffffff;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#b7b4ac;--pg-1:#aeaba2;--pg-2:#20447c;--pg-3:#584100;--pg-4:#2e2d2a;--pg-a:.34} html[data-city="harappa"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#2e2d2a,#45443f);--x-sky-glass:linear-gradient(150deg,#2e2d2a,#45443f);--x-sky-ink:#efede7;--panel-ink:#efede7;--panel-muted:#c9c6bd;--panel-line:rgba(255,255,255,.14);--panel-accent:#e8b52c;--x-ink:#efede7;--x-muted:#c9c6bd;--x-accent:#e8b52c;--x-accent-ink:#2e2d2a;--x-line:rgba(255,255,255,.28);--wine:#e8b52c;--accent:#e8b52c;--accent-ink:#2e2d2a;--ink:#efede7;--muted:#c9c6bd;color:#efede7} html[data-city="harappa"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#1f1e1c;--x-muted:#3b3a37;--x-accent:#20447c;--x-line:#d4d1c8;--wine:#20447c;--accent:#20447c;--accent-ink:#ffffff;--ink:#1f1e1c;--muted:#3b3a37;--panel-ink:#1f1e1c;--panel-line:#d4d1c8} html[data-city="trigarta"][data-city][data-appearance]{--bg:#bfcfae;--bg-2:#b3c5a0;--surface:#f7ece8;--surface-2:#f1e2dc;--surface-3:#eadad2;--ink:#22301f;--ink-2:#3a4636;--ink-3:#4c5646;--line:#ead3cc;--line-2:#c9a99f;--accent:#7a2234;--accent-2:#8f2a3f;--accent-ink:#fff6ef;--accent-soft:#f3dadd;--gold:#6a4f0c;--gold-soft:#f1e2bf;--good:#285d37;--good-soft:#dde9d6;--bad:#9f2332;--bad-soft:#f3d7d8;--warn:#84400d;--warn-soft:#f4e0cd;--info:#2f5470;--info-soft:#dde6ec;--focus:#8f2a3f;--header:#2f4a33;--header-2:#3e5c42;--header-ink:#f6ecd9;--header-ink-2:#cfd9c3;--header-gold:#eeb153;--header-gold-fill:#eeb153;--chart-bg:#f7ece8;--chart-line:#7a2234;--chart-line-2:#ead3cc;--chart-sign:#a8384e;--chart-hover:#f0e0d9;--chart-select:#efd9a5;--chart-lagna:#7a2234;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#a9bd96;--sidebar-ink:#1e2a1b;--overlay:rgba(30,22,14,.34);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#8e3916;--g-moon:#375674;--g-mars:#9d261d;--g-mercury:#295d3c;--g-jupiter:#6a4d0b;--g-venus:#912c63;--g-saturn:#33356e;--g-rahu:#55505a;--g-ketu:#744a2a;--g-lagna:#7a2234;--g-upa:#56534f;--r0:#9d261d;--r1:#595530;--r2:#6a4d0b;--r3:#375674;--r4:#8e3916;--r5:#48573d;--r6:#6f4859;--r7:#803f37;--r8:#694e19;--r9:#57534e;--r10:#415668;--r11:#534e77;--pa-dharma:#8d3916;--pa-artha:#5f531c;--pa-kama:#235b62;--pa-moksha:#40448a;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Alegreya', 'EB Garamond', serif;--font-sans:'Alegreya', 'Inter', sans-serif;--font-display:'Petrona', 'EB Garamond', serif;--city-lagna-fill:#efd9a5;--sidebar-ink-2:#7a2234;--sidebar-ink-3:#3a4636;--sidebar-line:rgba(34,48,31,.12);--sidebar-surface:#f7ece8;--paper:#f7ece8;--card:#f7ece8;--cream:#f7ece8;--surface2:#f1e2dc;--paper2:#f1e2dc;--paper3:#eadad2;--text:#22301f;--muted:#3a4636;--ink2:#3a4636;--ink3:#4c5646;--line2:#c9a99f;--dark:#2f4a33;--wine:#7a2234;--accent2:#8f2a3f;--olive:#285d37;--blue:#2f5470;--panel:#f1e2dc;--panel-2:#eadad2;--panel-ink:#22301f;--panel-muted:#3a4636;--panel-accent:#7a2234;--panel-accent-ink:#fff6ef;--panel-line:#ead3cc;--sb-bg:#a9bd96;--sb-ink:#1e2a1b;--sb-muted:#3a4636;--sb-line:rgba(34,48,31,.12);--sb-chip:color-mix(in srgb,#1e2a1b 7%,transparent);--sb-active:color-mix(in srgb,#1e2a1b 13%,transparent);--sb-active-ink:#1e2a1b;--sb-bar:#7a2234;--hero-bg:linear-gradient(160deg,#f1e2dc,#eadad2);--earth-panel:linear-gradient(160deg,#f1e2dc,#eadad2);--earth-glass:#f1e2dc;--tone-mix:30%;--tjp-city-font:'Alegreya', 'EB Garamond', serif;--tjp-city-head:'Petrona', 'EB Garamond', serif;--tjp-city-ui:'Alegreya', 'Inter', sans-serif;--x-paper:#f7ece8;--x-paper2:#f1e2dc;--x-line:#ead3cc;--x-ink:#22301f;--x-muted:#3a4636;--x-on-bg:#22301f;--x-on-bg-muted:#3a4636;--x-accent:#7a2234;--x-accent-ink:#fff6ef;color-scheme:light} html[data-city="trigarta"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#f7ece8;--x-paper2:#f1e2dc;--x-line:#ead3cc;--x-ink:#22301f;--x-muted:#3a4636;--x-on-bg:#22301f;--x-on-bg-muted:#3a4636;--x-accent:#7a2234;--x-accent-ink:#fff6ef;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#bfcfae;--pg-1:#b3c5a0;--pg-2:#7a2234;--pg-3:#6a4f0c;--pg-4:#2f4a33;--pg-a:.34} html[data-city="trigarta"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#2f4a33,#3e5c42);--x-sky-glass:linear-gradient(150deg,#2f4a33,#3e5c42);--x-sky-ink:#f6ecd9;--panel-ink:#f6ecd9;--panel-muted:#cfd9c3;--panel-line:rgba(255,255,255,.14);--panel-accent:#eeb153;--x-ink:#f6ecd9;--x-muted:#cfd9c3;--x-accent:#eeb153;--x-accent-ink:#2f4a33;--x-line:rgba(255,255,255,.28);--wine:#eeb153;--accent:#eeb153;--accent-ink:#2f4a33;--ink:#f6ecd9;--muted:#cfd9c3;color:#f6ecd9} html[data-city="trigarta"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#22301f;--x-muted:#3a4636;--x-accent:#7a2234;--x-line:#ead3cc;--wine:#7a2234;--accent:#7a2234;--accent-ink:#fff6ef;--ink:#22301f;--muted:#3a4636;--panel-ink:#22301f;--panel-line:#ead3cc} html[data-city="pataliputra"][data-city][data-appearance]{--bg:#a14d30;--bg-2:#8f4127;--surface:#f3efe9;--surface-2:#ebe6df;--surface-3:#e2dcd3;--ink:#262b35;--ink-2:#43474f;--ink-3:#565a62;--line:#dcd8d2;--line-2:#bdb8b0;--accent:#9a4429;--accent-2:#a14d30;--accent-ink:#ffffff;--accent-soft:#f0dcd2;--gold:#755400;--gold-soft:#efe3c2;--good:#2d6a42;--good-soft:#dbe8dc;--bad:#a8291f;--bad-soft:#f3d9d3;--warn:#924310;--warn-soft:#f3e0cf;--info:#2a5578;--info-soft:#dce6ee;--focus:#a14d30;--header:#7f3a22;--header-2:#8f4429;--header-ink:#fff2ea;--header-ink-2:#f0cdbd;--header-gold:#f3efe9;--header-gold-fill:#f3efe9;--chart-bg:#f3efe9;--chart-line:#262b35;--chart-line-2:#dcd8d2;--chart-sign:#9a4429;--chart-hover:#ebe4dc;--chart-select:#f0d8cc;--chart-lagna:#9a4429;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#8f4127;--sidebar-ink:#fde5d9;--overlay:rgba(30,22,14,.34);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#a14119;--g-moon:#3d5f80;--g-mars:#a8291f;--g-mercury:#2f6b45;--g-jupiter:#7d5a0d;--g-venus:#9b2f6a;--g-saturn:#262b35;--g-rahu:#55505a;--g-ketu:#7a4e2c;--g-lagna:#9a4429;--g-upa:#5f5c58;--r0:#a8291f;--r1:#656137;--r2:#7d5a0d;--r3:#3d5f80;--r4:#a14119;--r5:#536546;--r6:#805366;--r7:#803f37;--r8:#7a5a1d;--r9:#635f59;--r10:#4a6276;--r11:#5b5582;--pa-dharma:#9c3f18;--pa-artha:#6b5d20;--pa-kama:#245d64;--pa-moksha:#40448a;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Literata', 'EB Garamond', serif;--font-sans:'Source Sans 3', 'Inter', sans-serif;--font-display:'Big Shoulders Display', 'Inter', sans-serif;--city-lagna-fill:#f0d8cc;--ground-ink:#fff4ee;--ground-ink-2:#fae1d4;--ground-ink-3:#f7e1d7;--ground-line:#b45f41;--ground-line-2:#c06d4e;--ground-accent:#fff4ee;--ground-accent-soft:rgba(255,244,238,.16);--sidebar-ink-2:#fff2ea;--sidebar-ink-3:#f0c9b8;--sidebar-line:rgba(255,242,234,.12);--sidebar-surface:#f3efe9;--paper:#f3efe9;--card:#f3efe9;--cream:#f3efe9;--surface2:#ebe6df;--paper2:#ebe6df;--paper3:#e2dcd3;--text:#262b35;--muted:#43474f;--ink2:#43474f;--ink3:#565a62;--line2:#bdb8b0;--dark:#7f3a22;--wine:#9a4429;--accent2:#a14d30;--olive:#2d6a42;--blue:#2a5578;--panel:#ebe6df;--panel-2:#e2dcd3;--panel-ink:#262b35;--panel-muted:#43474f;--panel-accent:#9a4429;--panel-accent-ink:#ffffff;--panel-line:#dcd8d2;--sb-bg:#8f4127;--sb-ink:#fde5d9;--sb-muted:#f0c9b8;--sb-line:rgba(255,242,234,.12);--sb-chip:color-mix(in srgb,#fde5d9 7%,transparent);--sb-active:color-mix(in srgb,#fde5d9 13%,transparent);--sb-active-ink:#fde5d9;--sb-bar:#fff2ea;--hero-bg:linear-gradient(160deg,#ebe6df,#e2dcd3);--earth-panel:linear-gradient(160deg,#ebe6df,#e2dcd3);--earth-glass:#ebe6df;--tone-mix:30%;--tjp-city-font:'Literata', 'EB Garamond', serif;--tjp-city-head:'Big Shoulders Display', 'Inter', sans-serif;--tjp-city-ui:'Source Sans 3', 'Inter', sans-serif;--x-paper:#f3efe9;--x-paper2:#ebe6df;--x-line:#dcd8d2;--x-ink:#262b35;--x-muted:#43474f;--x-on-bg:#fff4ee;--x-on-bg-muted:#fae1d4;--x-accent:#9a4429;--x-accent-ink:#ffffff;color-scheme:light} html[data-city="pataliputra"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#f3efe9;--x-paper2:#ebe6df;--x-line:#dcd8d2;--x-ink:#262b35;--x-muted:#43474f;--x-on-bg:#fff4ee;--x-on-bg-muted:#fae1d4;--x-accent:#9a4429;--x-accent-ink:#ffffff;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#a14d30;--pg-1:#8f4127;--pg-2:#fff4ee;--pg-3:#755400;--pg-4:#7f3a22;--pg-a:.34} html[data-city="pataliputra"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#7f3a22,#8f4429);--x-sky-glass:linear-gradient(150deg,#7f3a22,#8f4429);--x-sky-ink:#fff2ea;--panel-ink:#fff2ea;--panel-muted:#f0cdbd;--panel-line:rgba(255,255,255,.14);--panel-accent:#f3efe9;--x-ink:#fff2ea;--x-muted:#f0cdbd;--x-accent:#f3efe9;--x-accent-ink:#7f3a22;--x-line:rgba(255,255,255,.28);--wine:#f3efe9;--accent:#f3efe9;--accent-ink:#7f3a22;--ink:#fff2ea;--muted:#f0cdbd;color:#fff2ea} html[data-city="pataliputra"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#262b35;--x-muted:#43474f;--x-accent:#9a4429;--x-line:#dcd8d2;--wine:#9a4429;--accent:#9a4429;--accent-ink:#ffffff;--ink:#262b35;--muted:#43474f;--panel-ink:#262b35;--panel-line:#dcd8d2} html[data-city="pataliputra"][data-city][data-appearance] .main{--ink:#fff4ee;--text:#fff4ee;--muted:#fae1d4;--ink2:#fae1d4;--ink3:#f7e1d7;--line:#b45f41;--line2:#c06d4e;--wine:#fff4ee;--accent:#fff4ee;--accent-soft:rgba(255,244,238,.16);--accent-ink:#a14d30;color:var(--ink)} html[data-city="pataliputra"][data-city][data-appearance] .main :is(.admin-group157,.aq9-chip,.aq9-continue,.ar7-boards,.ar7-game,.ar7-hero,.avr-moved,.avr-rules,.avr194,.badge,.bl-reader,.bsx-book,.bsx-hero,.bsx-tool,.btn,.card,.chart-birth-details,.chip,.city-pop207,.cm9-evhero,.cm9-sep,.cr-category169,.current176,.dh8-card,.dh8-chip,.dh8-hero,.dr-card,.dr-hero,.fd-chartcard,.fd-hero,.fd-layers,.fd-read,.fd-src,.fd-step,.fw8-day,.fw8-group,.fw8-hero,.fw8-intent,.gc192,.hub-card,.hub-last,.im7-chip,.im7-stage-wrap,.journey-board154,.kb-card183,.kb9-az,.kb9-contents,.lex-launch157,.meditation-room,.member-avatar149,.modal-box,.modal-card,.modal-content,.mood162 .mood-options162,.mood162>summary,.ms7-bar,.ms7-card,.ms7-hero,.ms7-mission,.nb7,.nb7-pop,.nb7-slash,.nb7-toast,.ob192,.op-card,.op-hero,.rs8-builder,.rs8-summary,.rs8-table,.rs8-tr,.rv9-feature,.sl2-card,.sl2-ic,.sl2-model,.sl2-stage,.st2-lec,.st2-tip,.stat-card,.studio-prep171,.studio-setup158,.studio-steps158,.study-reader,.td193,.toast,.tool-entry174,.top-actions summary,.unread149,.zd-hero,.zd-mode,.zd-walk,.zd-walkbtn,input,select,textarea,dialog,kbd,table,details.card){--ink:#262b35;--text:#262b35;--muted:#43474f;--ink2:#43474f;--ink3:#565a62;--line:#dcd8d2;--line2:#bdb8b0;--wine:#9a4429;--accent:#9a4429;--accent-soft:#f0dcd2;--accent-ink:#ffffff;color:var(--ink)} html[data-city="dvaraka"][data-city][data-appearance]{--bg:#8a1f1c;--bg-2:#6f1714;--surface:#141a33;--surface-2:#1a2140;--surface-3:#222a4d;--ink:#f6ead8;--ink-2:#e6d9c6;--ink-3:#d9c8b3;--line:#2a3258;--line-2:#3a4370;--accent:#f0c46a;--accent-2:#f5d38c;--accent-ink:#141a33;--accent-soft:#2b2f4f;--gold:#f0c46a;--gold-soft:#2b2f4f;--good:#a3d8b0;--good-soft:#1f3a3a;--bad:#f5a99b;--bad-soft:#3a2238;--warn:#f2c27c;--warn-soft:#3a3332;--info:#b4c8ee;--info-soft:#222f55;--focus:#f5d38c;--header:#141a33;--header-2:#232b4d;--header-ink:#f6ead8;--header-ink-2:#b9bfd9;--header-gold:#f0c46a;--header-gold-fill:#f0c46a;--chart-bg:#141a33;--chart-line:#f6ead8;--chart-line-2:#2a3258;--chart-sign:#f0c46a;--chart-hover:#1d2546;--chart-select:#3a2a44;--chart-lagna:#f0c46a;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#6f1714;--sidebar-ink:#f6dcd2;--overlay:rgba(10,8,6,.5);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#f3a86a;--g-moon:#cddcee;--g-mars:#f4a498;--g-mercury:#9fd6ad;--g-jupiter:#efd37e;--g-venus:#efb2d2;--g-saturn:#aeb8f0;--g-rahu:#c2c6d6;--g-ketu:#e0bf9c;--g-lagna:#f0c46a;--g-upa:#c8c6c0;--r0:#f4a498;--r1:#cfd6a6;--r2:#efd37e;--r3:#bcd0de;--r4:#f3a86a;--r5:#b0d2b8;--r6:#e3c2cf;--r7:#eba9a0;--r8:#e8c78a;--r9:#d8ccbe;--r10:#b4cbe0;--r11:#c4c3ec;--pa-dharma:#f2aa88;--pa-artha:#dfcd90;--pa-kama:#a0d7dc;--pa-moksha:#c9ccf3;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Noto Sans', 'Inter', sans-serif;--font-sans:'Noto Sans', 'Inter', sans-serif;--font-display:'Baloo 2', 'Inter', sans-serif;--city-lagna-fill:#5a1a24;--sidebar-ink-2:#f0c46a;--sidebar-ink-3:#e3c2b6;--sidebar-line:rgba(246,234,216,.1);--sidebar-surface:#141a33;--paper:#141a33;--card:#141a33;--cream:#141a33;--surface2:#1a2140;--paper2:#1a2140;--paper3:#222a4d;--text:#f6ead8;--muted:#e6d9c6;--ink2:#e6d9c6;--ink3:#d9c8b3;--line2:#3a4370;--dark:#141a33;--wine:#f0c46a;--accent2:#f5d38c;--olive:#a3d8b0;--blue:#b4c8ee;--panel:#1a2140;--panel-2:#222a4d;--panel-ink:#f6ead8;--panel-muted:#e6d9c6;--panel-accent:#f0c46a;--panel-accent-ink:#141a33;--panel-line:#2a3258;--sb-bg:#6f1714;--sb-ink:#f6dcd2;--sb-muted:#e3c2b6;--sb-line:rgba(246,234,216,.1);--sb-chip:color-mix(in srgb,#f6dcd2 7%,transparent);--sb-active:color-mix(in srgb,#f6dcd2 13%,transparent);--sb-active-ink:#f6dcd2;--sb-bar:#f0c46a;--hero-bg:linear-gradient(160deg,#1a2140,#222a4d);--earth-panel:linear-gradient(160deg,#1a2140,#222a4d);--earth-glass:#1a2140;--tone-mix:20%;--tjp-city-font:'Noto Sans', 'Inter', sans-serif;--tjp-city-head:'Baloo 2', 'Inter', sans-serif;--tjp-city-ui:'Noto Sans', 'Inter', sans-serif;--x-paper:#141a33;--x-paper2:#1a2140;--x-line:#2a3258;--x-ink:#f6ead8;--x-muted:#e6d9c6;--x-on-bg:#f6ead8;--x-on-bg-muted:#e6d9c6;--x-accent:#f0c46a;--x-accent-ink:#141a33;color-scheme:dark} html[data-city="dvaraka"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#141a33;--x-paper2:#1a2140;--x-line:#2a3258;--x-ink:#f6ead8;--x-muted:#e6d9c6;--x-on-bg:#f6ead8;--x-on-bg-muted:#e6d9c6;--x-accent:#f0c46a;--x-accent-ink:#141a33;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#8a1f1c;--pg-1:#6f1714;--pg-2:#f0c46a;--pg-3:#f0c46a;--pg-4:#141a33;--pg-a:.42} html[data-city="dvaraka"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#141a33,#232b4d);--x-sky-glass:linear-gradient(150deg,#141a33,#232b4d);--x-sky-ink:#f6ead8;--panel-ink:#f6ead8;--panel-muted:#b9bfd9;--panel-line:rgba(255,255,255,.14);--panel-accent:#f0c46a;--x-ink:#f6ead8;--x-muted:#b9bfd9;--x-accent:#f0c46a;--x-accent-ink:#141a33;--x-line:rgba(255,255,255,.28);--wine:#f0c46a;--accent:#f0c46a;--accent-ink:#141a33;--ink:#f6ead8;--muted:#b9bfd9;color:#f6ead8} html[data-city="dvaraka"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#f6ead8;--x-muted:#e6d9c6;--x-accent:#f0c46a;--x-line:#2a3258;--wine:#f0c46a;--accent:#f0c46a;--accent-ink:#141a33;--ink:#f6ead8;--muted:#e6d9c6;--panel-ink:#f6ead8;--panel-line:#2a3258} html[data-city="bidar"][data-city][data-appearance]{--bg:#141619;--bg-2:#0f1113;--surface:#1b1e22;--surface-2:#202429;--surface-3:#272b31;--ink:#e8eaec;--ink-2:#c3c8cd;--ink-3:#a3aab1;--line:#2e3338;--line-2:#4b5157;--accent:#f2f4f6;--accent-2:#ffffff;--accent-ink:#141619;--accent-soft:#2c3137;--gold:#e2d3a8;--gold-soft:#2c2a24;--good:#b9d8c2;--good-soft:#203028;--bad:#eab3aa;--bad-soft:#3a2626;--warn:#e6cf9c;--warn-soft:#36302a;--info:#c4d2e6;--info-soft:#232c38;--focus:#ffffff;--header:#0f1113;--header-2:#1b1e22;--header-ink:#e8eaec;--header-ink-2:#a3aab1;--header-gold:#e8eaec;--header-gold-fill:#e8eaec;--chart-bg:#1b1e22;--chart-line:#8c939b;--chart-line-2:#2e3338;--chart-sign:#a3aab1;--chart-hover:#22262b;--chart-select:#2f343a;--chart-lagna:#f2f4f6;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#0f1113;--sidebar-ink:#c3c8cd;--overlay:rgba(10,8,6,.5);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#e9c9a4;--g-moon:#d6dde4;--g-mars:#e8b0a8;--g-mercury:#b9d8c2;--g-jupiter:#e6d6a6;--g-venus:#e2c2d2;--g-saturn:#c4cbe6;--g-rahu:#c9ced3;--g-ketu:#d9c6b2;--g-lagna:#f2f4f6;--g-upa:#b8bdc2;--r0:#f39a8c;--r1:#cfd6a6;--r2:#efd37e;--r3:#bcd0de;--r4:#f3a86a;--r5:#b0d2b8;--r6:#e3c2cf;--r7:#eaa59c;--r8:#e8c78a;--r9:#d8ccbe;--r10:#b4cbe0;--r11:#c4c3ec;--pa-dharma:#f2aa88;--pa-artha:#dfcd90;--pa-kama:#a0d7dc;--pa-moksha:#c9ccf3;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Bona Nova', 'EB Garamond', serif;--font-sans:'Commissioner', 'Inter', sans-serif;--font-display:'Bona Nova', 'EB Garamond', serif;--city-lagna-fill:#262a2f;--sidebar-ink-2:#c9ced3;--sidebar-ink-3:#9aa1a8;--sidebar-line:#2a2e33;--sidebar-surface:#1b1e22;--paper:#1b1e22;--card:#1b1e22;--cream:#1b1e22;--surface2:#202429;--paper2:#202429;--paper3:#272b31;--text:#e8eaec;--muted:#c3c8cd;--ink2:#c3c8cd;--ink3:#a3aab1;--line2:#4b5157;--dark:#0f1113;--wine:#f2f4f6;--accent2:#ffffff;--olive:#b9d8c2;--blue:#c4d2e6;--panel:#202429;--panel-2:#272b31;--panel-ink:#e8eaec;--panel-muted:#c3c8cd;--panel-accent:#f2f4f6;--panel-accent-ink:#141619;--panel-line:#2e3338;--sb-bg:#0f1113;--sb-ink:#c3c8cd;--sb-muted:#9aa1a8;--sb-line:#2a2e33;--sb-chip:color-mix(in srgb,#c3c8cd 7%,transparent);--sb-active:color-mix(in srgb,#c3c8cd 13%,transparent);--sb-active-ink:#c3c8cd;--sb-bar:#c9ced3;--hero-bg:linear-gradient(160deg,#202429,#272b31);--earth-panel:linear-gradient(160deg,#202429,#272b31);--earth-glass:#202429;--tone-mix:20%;--tjp-city-font:'Bona Nova', 'EB Garamond', serif;--tjp-city-head:'Bona Nova', 'EB Garamond', serif;--tjp-city-ui:'Commissioner', 'Inter', sans-serif;--x-paper:#1b1e22;--x-paper2:#202429;--x-line:#2e3338;--x-ink:#e8eaec;--x-muted:#c3c8cd;--x-on-bg:#e8eaec;--x-on-bg-muted:#c3c8cd;--x-accent:#f2f4f6;--x-accent-ink:#141619;color-scheme:dark} html[data-city="bidar"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#1b1e22;--x-paper2:#202429;--x-line:#2e3338;--x-ink:#e8eaec;--x-muted:#c3c8cd;--x-on-bg:#e8eaec;--x-on-bg-muted:#c3c8cd;--x-accent:#f2f4f6;--x-accent-ink:#141619;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#141619;--pg-1:#0f1113;--pg-2:#f2f4f6;--pg-3:#e2d3a8;--pg-4:#0f1113;--pg-a:.42} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#0f1113,#1b1e22);--x-sky-glass:linear-gradient(150deg,#0f1113,#1b1e22);--x-sky-ink:#e8eaec;--panel-ink:#e8eaec;--panel-muted:#a3aab1;--panel-line:rgba(255,255,255,.14);--panel-accent:#e8eaec;--x-ink:#e8eaec;--x-muted:#a3aab1;--x-accent:#e8eaec;--x-accent-ink:#0f1113;--x-line:rgba(255,255,255,.28);--wine:#e8eaec;--accent:#e8eaec;--accent-ink:#0f1113;--ink:#e8eaec;--muted:#a3aab1;color:#e8eaec} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#e8eaec;--x-muted:#c3c8cd;--x-accent:#f2f4f6;--x-line:#2e3338;--wine:#f2f4f6;--accent:#f2f4f6;--accent-ink:#141619;--ink:#e8eaec;--muted:#c3c8cd;--panel-ink:#e8eaec;--panel-line:#2e3338} html[data-city="taksasila"][data-city][data-appearance]{--bg:#8d989e;--bg-2:#7f8a90;--surface:#f4f5f2;--surface-2:#eceeea;--surface-3:#e2e6e5;--ink:#1b252b;--ink-2:#262f34;--ink-3:#282f33;--line:#dde2e3;--line-2:#b3bdc1;--accent:#4c2209;--accent-2:#c4561a;--accent-ink:#ffffff;--accent-soft:#f6e2d3;--gold:#3b2b08;--gold-soft:#efe5cc;--good:#163220;--good-soft:#dce9e0;--bad:#581610;--bad-soft:#f3dbd6;--warn:#4a2407;--warn-soft:#f4e2cf;--info:#1b2e4b;--info-soft:#dfe6f1;--focus:#c4561a;--header:#26333a;--header-2:#33424a;--header-ink:#eef1f2;--header-ink-2:#c3ccd0;--header-gold:#ee9258;--header-gold-fill:#ee9258;--chart-bg:#f4f5f2;--chart-line:#2c4a7a;--chart-line-2:#dde2e3;--chart-sign:#9a4512;--chart-hover:#eceeea;--chart-select:#f6e2d3;--chart-lagna:#4c2209;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#d9dedf;--sidebar-ink:#1b252b;--overlay:rgba(30,22,14,.34);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#4d1f0c;--g-moon:#1e2e3e;--g-mars:#581610;--g-mercury:#163220;--g-jupiter:#3a2a06;--g-venus:#511837;--g-saturn:#1b2e4b;--g-rahu:#2f2c31;--g-ketu:#3e2816;--g-lagna:#4c2209;--g-upa:#2e2d2b;--r0:#581610;--r1:#302e1a;--r2:#3a2a06;--r3:#1e2e3e;--r4:#4d1f0c;--r5:#283021;--r6:#3c2730;--r7:#47231e;--r8:#3a2b0e;--r9:#2e2c2a;--r10:#242f39;--r11:#2e2b41;--pa-dharma:#4f200c;--pa-artha:#342d10;--pa-kama:#133135;--pa-moksha:#272954;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Gentium Book Plus', 'EB Garamond', serif;--font-sans:'Andika', 'Inter', sans-serif;--font-display:'Gentium Book Plus', 'EB Garamond', serif;--city-lagna-fill:#f6e2d3;--sidebar-ink-2:#9a4512;--sidebar-ink-3:#3c4950;--sidebar-line:rgba(27,37,43,.1);--sidebar-surface:#f4f5f2;--paper:#f4f5f2;--card:#f4f5f2;--cream:#f4f5f2;--surface2:#eceeea;--paper2:#eceeea;--paper3:#e2e6e5;--text:#1b252b;--muted:#262f34;--ink2:#262f34;--ink3:#282f33;--line2:#b3bdc1;--dark:#26333a;--wine:#4c2209;--accent2:#c4561a;--olive:#163220;--blue:#1b2e4b;--panel:#eceeea;--panel-2:#e2e6e5;--panel-ink:#1b252b;--panel-muted:#262f34;--panel-accent:#4c2209;--panel-accent-ink:#ffffff;--panel-line:#dde2e3;--sb-bg:#d9dedf;--sb-ink:#1b252b;--sb-muted:#3c4950;--sb-line:rgba(27,37,43,.1);--sb-chip:color-mix(in srgb,#1b252b 7%,transparent);--sb-active:color-mix(in srgb,#1b252b 13%,transparent);--sb-active-ink:#1b252b;--sb-bar:#9a4512;--hero-bg:linear-gradient(160deg,#eceeea,#e2e6e5);--earth-panel:linear-gradient(160deg,#eceeea,#e2e6e5);--earth-glass:#eceeea;--tone-mix:30%;--tjp-city-font:'Gentium Book Plus', 'EB Garamond', serif;--tjp-city-head:'Gentium Book Plus', 'EB Garamond', serif;--tjp-city-ui:'Andika', 'Inter', sans-serif;--x-paper:#f4f5f2;--x-paper2:#eceeea;--x-line:#dde2e3;--x-ink:#1b252b;--x-muted:#262f34;--x-on-bg:#1b252b;--x-on-bg-muted:#262f34;--x-accent:#4c2209;--x-accent-ink:#ffffff;color-scheme:light} html[data-city="taksasila"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#f4f5f2;--x-paper2:#eceeea;--x-line:#dde2e3;--x-ink:#1b252b;--x-muted:#262f34;--x-on-bg:#1b252b;--x-on-bg-muted:#262f34;--x-accent:#4c2209;--x-accent-ink:#ffffff;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#8d989e;--pg-1:#7f8a90;--pg-2:#4c2209;--pg-3:#3b2b08;--pg-4:#26333a;--pg-a:.34} html[data-city="taksasila"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#26333a,#33424a);--x-sky-glass:linear-gradient(150deg,#26333a,#33424a);--x-sky-ink:#eef1f2;--panel-ink:#eef1f2;--panel-muted:#c3ccd0;--panel-line:rgba(255,255,255,.14);--panel-accent:#ee9258;--x-ink:#eef1f2;--x-muted:#c3ccd0;--x-accent:#ee9258;--x-accent-ink:#26333a;--x-line:rgba(255,255,255,.28);--wine:#ee9258;--accent:#ee9258;--accent-ink:#26333a;--ink:#eef1f2;--muted:#c3ccd0;color:#eef1f2} html[data-city="taksasila"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#1b252b;--x-muted:#262f34;--x-accent:#4c2209;--x-line:#dde2e3;--wine:#4c2209;--accent:#4c2209;--accent-ink:#ffffff;--ink:#1b252b;--muted:#262f34;--panel-ink:#1b252b;--panel-line:#dde2e3} html[data-city="mithila"][data-city][data-appearance]{--bg:#f2d35b;--bg-2:#e9c645;--surface:#fbf3dc;--surface-2:#f6ebcb;--surface-3:#efe0b6;--ink:#1a1410;--ink-2:#3a3026;--ink-3:#4a3d30;--line:#d9c79a;--line-2:#1a1410;--accent:#b0125c;--accent-2:#c8186a;--accent-ink:#ffffff;--accent-soft:#f9d2e2;--gold:#755600;--gold-soft:#f3e2a8;--good:#1a6825;--good-soft:#d8ecd6;--bad:#b3122e;--bad-soft:#f6d3d6;--warn:#a1380f;--warn-soft:#f6dcc8;--info:#1d4f8a;--info-soft:#dbe6f3;--focus:#c8186a;--header:#1a1410;--header-2:#2e251d;--header-ink:#fbf1d6;--header-ink-2:#d8c9a4;--header-gold:#f2d35b;--header-gold-fill:#f2d35b;--chart-bg:#fbf3dc;--chart-line:#1a1410;--chart-line-2:#d9c79a;--chart-sign:#c0391b;--chart-hover:#f6ebcb;--chart-select:#f9d2e2;--chart-lagna:#b0125c;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#1a1410;--sidebar-ink:#fbf1d6;--overlay:rgba(30,22,14,.34);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#993e18;--g-moon:#3c5e7e;--g-mars:#b3122e;--g-mercury:#1a6825;--g-jupiter:#76550c;--g-venus:#b0125c;--g-saturn:#33356e;--g-rahu:#55505a;--g-ketu:#7a4e2c;--g-lagna:#b0125c;--g-upa:#5c5956;--r0:#a8291f;--r1:#605c34;--r2:#76550c;--r3:#3c5e7e;--r4:#993e18;--r5:#4f6043;--r6:#794e60;--r7:#803f37;--r8:#73561b;--r9:#5d5a54;--r10:#465d70;--r11:#5b5582;--pa-dharma:#9a3e18;--pa-artha:#675a1f;--pa-kama:#245d64;--pa-moksha:#40448a;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Sarabun', 'Inter', sans-serif;--font-sans:'Sarabun', 'Inter', sans-serif;--font-display:'Podkova', 'Inter', serif;--city-lagna-fill:#f9c6dc;--sidebar-ink-2:#f2d35b;--sidebar-ink-3:#d8c9a4;--sidebar-line:rgba(251,241,214,.12);--sidebar-surface:#fbf3dc;--paper:#fbf3dc;--card:#fbf3dc;--cream:#fbf3dc;--surface2:#f6ebcb;--paper2:#f6ebcb;--paper3:#efe0b6;--text:#1a1410;--muted:#3a3026;--ink2:#3a3026;--ink3:#4a3d30;--line2:#1a1410;--dark:#1a1410;--wine:#b0125c;--accent2:#c8186a;--olive:#1a6825;--blue:#1d4f8a;--panel:#f6ebcb;--panel-2:#efe0b6;--panel-ink:#1a1410;--panel-muted:#3a3026;--panel-accent:#b0125c;--panel-accent-ink:#ffffff;--panel-line:#d9c79a;--sb-bg:#1a1410;--sb-ink:#fbf1d6;--sb-muted:#d8c9a4;--sb-line:rgba(251,241,214,.12);--sb-chip:color-mix(in srgb,#fbf1d6 7%,transparent);--sb-active:color-mix(in srgb,#fbf1d6 13%,transparent);--sb-active-ink:#fbf1d6;--sb-bar:#f2d35b;--hero-bg:linear-gradient(160deg,#f6ebcb,#efe0b6);--earth-panel:linear-gradient(160deg,#f6ebcb,#efe0b6);--earth-glass:#f6ebcb;--tone-mix:30%;--tjp-city-font:'Sarabun', 'Inter', sans-serif;--tjp-city-head:'Podkova', 'Inter', serif;--tjp-city-ui:'Sarabun', 'Inter', sans-serif;--x-paper:#fbf3dc;--x-paper2:#f6ebcb;--x-line:#d9c79a;--x-ink:#1a1410;--x-muted:#3a3026;--x-on-bg:#1a1410;--x-on-bg-muted:#3a3026;--x-accent:#b0125c;--x-accent-ink:#ffffff;color-scheme:light} html[data-city="mithila"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#fbf3dc;--x-paper2:#f6ebcb;--x-line:#d9c79a;--x-ink:#1a1410;--x-muted:#3a3026;--x-on-bg:#1a1410;--x-on-bg-muted:#3a3026;--x-accent:#b0125c;--x-accent-ink:#ffffff;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#f2d35b;--pg-1:#e9c645;--pg-2:#b0125c;--pg-3:#755600;--pg-4:#1a1410;--pg-a:.34} html[data-city="mithila"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#1a1410,#2e251d);--x-sky-glass:linear-gradient(150deg,#1a1410,#2e251d);--x-sky-ink:#fbf1d6;--panel-ink:#fbf1d6;--panel-muted:#d8c9a4;--panel-line:rgba(255,255,255,.14);--panel-accent:#f2d35b;--x-ink:#fbf1d6;--x-muted:#d8c9a4;--x-accent:#f2d35b;--x-accent-ink:#1a1410;--x-line:rgba(255,255,255,.28);--wine:#f2d35b;--accent:#f2d35b;--accent-ink:#1a1410;--ink:#fbf1d6;--muted:#d8c9a4;color:#fbf1d6} html[data-city="mithila"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#1a1410;--x-muted:#3a3026;--x-accent:#b0125c;--x-line:#d9c79a;--wine:#b0125c;--accent:#b0125c;--accent-ink:#ffffff;--ink:#1a1410;--muted:#3a3026;--panel-ink:#1a1410;--panel-line:#d9c79a} html[data-city="tanjavur"][data-city][data-appearance]{--bg:#3e0c14;--bg-2:#2a070d;--surface:#0f3b2c;--surface-2:#134634;--surface-3:#18523d;--ink:#f6ecd8;--ink-2:#e2d6bf;--ink-3:#c9d8c8;--line:#1d5440;--line-2:#2c6a52;--accent:#f2d27a;--accent-2:#f6dd8e;--accent-ink:#2a070d;--accent-soft:#2a4a3a;--gold:#f2d27a;--gold-soft:#2a4a3a;--good:#a8dcb6;--good-soft:#1d4a3a;--bad:#f6a8a0;--bad-soft:#4a2028;--warn:#f2c27c;--warn-soft:#3e3a26;--info:#b4d0ec;--info-soft:#1d3e4a;--focus:#f6dd8e;--header:#2a070d;--header-2:#4a1019;--header-ink:#f4e7cf;--header-ink-2:#e2c9a6;--header-gold:#f2d27a;--header-gold-fill:#f2d27a;--chart-bg:#0f3b2c;--chart-line:#c9a24a;--chart-line-2:#1d5440;--chart-sign:#e9c46a;--chart-hover:#134634;--chart-select:#4a1a24;--chart-lagna:#f2d27a;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#2a070d;--sidebar-ink:#ead8bc;--overlay:rgba(10,8,6,.5);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#f3a96c;--g-moon:#cddcee;--g-mars:#f4a69a;--g-mercury:#9fd6ad;--g-jupiter:#efd37e;--g-venus:#efb2d2;--g-saturn:#aeb8f0;--g-rahu:#c2c6d6;--g-ketu:#e0bf9c;--g-lagna:#f2d27a;--g-upa:#c8c6c0;--r0:#f4a69a;--r1:#cfd6a6;--r2:#efd37e;--r3:#bcd0de;--r4:#f3a96c;--r5:#b0d2b8;--r6:#e3c2cf;--r7:#eba9a0;--r8:#e8c78a;--r9:#d8ccbe;--r10:#b4cbe0;--r11:#c4c3ec;--pa-dharma:#f2aa88;--pa-artha:#dfcd90;--pa-kama:#a0d7dc;--pa-moksha:#c9ccf3;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Crimson Pro', 'EB Garamond', serif;--font-sans:'Inter Tight', 'Inter', sans-serif;--font-display:'Noto Serif Display', 'EB Garamond', serif;--city-lagna-fill:#5a1420;--sidebar-ink-2:#e9c46a;--sidebar-ink-3:#d2bc9c;--sidebar-line:rgba(233,196,106,.14);--sidebar-surface:#0f3b2c;--paper:#0f3b2c;--card:#0f3b2c;--cream:#0f3b2c;--surface2:#134634;--paper2:#134634;--paper3:#18523d;--text:#f6ecd8;--muted:#e2d6bf;--ink2:#e2d6bf;--ink3:#c9d8c8;--line2:#2c6a52;--dark:#2a070d;--wine:#f2d27a;--accent2:#f6dd8e;--olive:#a8dcb6;--blue:#b4d0ec;--panel:#134634;--panel-2:#18523d;--panel-ink:#f6ecd8;--panel-muted:#e2d6bf;--panel-accent:#f2d27a;--panel-accent-ink:#2a070d;--panel-line:#1d5440;--sb-bg:#2a070d;--sb-ink:#ead8bc;--sb-muted:#d2bc9c;--sb-line:rgba(233,196,106,.14);--sb-chip:color-mix(in srgb,#ead8bc 7%,transparent);--sb-active:color-mix(in srgb,#ead8bc 13%,transparent);--sb-active-ink:#ead8bc;--sb-bar:#e9c46a;--hero-bg:linear-gradient(160deg,#134634,#18523d);--earth-panel:linear-gradient(160deg,#134634,#18523d);--earth-glass:#134634;--tone-mix:20%;--tjp-city-font:'Crimson Pro', 'EB Garamond', serif;--tjp-city-head:'Noto Serif Display', 'EB Garamond', serif;--tjp-city-ui:'Inter Tight', 'Inter', sans-serif;--x-paper:#0f3b2c;--x-paper2:#134634;--x-line:#1d5440;--x-ink:#f6ecd8;--x-muted:#e2d6bf;--x-on-bg:#f6ecd8;--x-on-bg-muted:#e2d6bf;--x-accent:#f2d27a;--x-accent-ink:#2a070d;color-scheme:dark} html[data-city="tanjavur"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#0f3b2c;--x-paper2:#134634;--x-line:#1d5440;--x-ink:#f6ecd8;--x-muted:#e2d6bf;--x-on-bg:#f6ecd8;--x-on-bg-muted:#e2d6bf;--x-accent:#f2d27a;--x-accent-ink:#2a070d;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#3e0c14;--pg-1:#2a070d;--pg-2:#f2d27a;--pg-3:#f2d27a;--pg-4:#2a070d;--pg-a:.42} html[data-city="tanjavur"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#2a070d,#4a1019);--x-sky-glass:linear-gradient(150deg,#2a070d,#4a1019);--x-sky-ink:#f4e7cf;--panel-ink:#f4e7cf;--panel-muted:#e2c9a6;--panel-line:rgba(255,255,255,.14);--panel-accent:#f2d27a;--x-ink:#f4e7cf;--x-muted:#e2c9a6;--x-accent:#f2d27a;--x-accent-ink:#2a070d;--x-line:rgba(255,255,255,.28);--wine:#f2d27a;--accent:#f2d27a;--accent-ink:#2a070d;--ink:#f4e7cf;--muted:#e2c9a6;color:#f4e7cf} html[data-city="tanjavur"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#f6ecd8;--x-muted:#e2d6bf;--x-accent:#f2d27a;--x-line:#1d5440;--wine:#f2d27a;--accent:#f2d27a;--accent-ink:#2a070d;--ink:#f6ecd8;--muted:#e2d6bf;--panel-ink:#f6ecd8;--panel-line:#1d5440} html[data-city="muziris"][data-city][data-appearance]{--bg:#e3a321;--bg-2:#d6971a;--surface:#f6ecd3;--surface-2:#efe1c0;--surface-3:#e8d6ad;--ink:#1d140b;--ink-2:#3d2f1d;--ink-3:#4a3a25;--line:#e3cfa0;--line-2:#1d140b;--accent:#7e1b10;--accent-2:#9b2314;--accent-ink:#fff3dc;--accent-soft:#f1d2c4;--gold:#533d00;--gold-soft:#f0e0b4;--good:#194924;--good-soft:#d9e8d6;--bad:#7e1c10;--bad-soft:#f2d6cc;--warn:#63360b;--warn-soft:#f2dfc6;--info:#24445f;--info-soft:#dbe5ec;--focus:#9b2314;--header:#21402a;--header-2:#2c5236;--header-ink:#f6ecd3;--header-ink-2:#d8e3cf;--header-gold:#f2c14e;--header-gold-fill:#f2c14e;--chart-bg:#f6ecd3;--chart-line:#1d140b;--chart-line-2:#e3cfa0;--chart-sign:#9b2314;--chart-hover:#efe1c0;--chart-select:#f6d58a;--chart-lagna:#7e1b10;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#8e1e12;--sidebar-ink:#fde6cf;--overlay:rgba(30,22,14,.34);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#6f2d11;--g-moon:#2b435a;--g-mars:#7d1e17;--g-mercury:#194924;--g-jupiter:#533c09;--g-venus:#72234e;--g-saturn:#33356e;--g-rahu:#433f47;--g-ketu:#5a3a21;--g-lagna:#7e1b10;--g-upa:#43413e;--r0:#7d1e17;--r1:#464226;--r2:#533c09;--r3:#2b435a;--r4:#6f2d11;--r5:#394530;--r6:#573845;--r7:#65322c;--r8:#523d13;--r9:#44413d;--r10:#324350;--r11:#413d5d;--pa-dharma:#6e2c11;--pa-artha:#4a4016;--pa-kama:#1b464c;--pa-moksha:#383b79;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Markazi Text', 'EB Garamond', serif;--font-sans:'Recursive', 'Inter', sans-serif;--font-display:'Markazi Text', 'EB Garamond', serif;--city-lagna-fill:#f6d58a;--sidebar-ink-2:#f2c14e;--sidebar-ink-3:#f0cdb8;--sidebar-line:rgba(253,230,207,.14);--sidebar-surface:#f6ecd3;--paper:#f6ecd3;--card:#f6ecd3;--cream:#f6ecd3;--surface2:#efe1c0;--paper2:#efe1c0;--paper3:#e8d6ad;--text:#1d140b;--muted:#3d2f1d;--ink2:#3d2f1d;--ink3:#4a3a25;--line2:#1d140b;--dark:#21402a;--wine:#7e1b10;--accent2:#9b2314;--olive:#194924;--blue:#24445f;--panel:#efe1c0;--panel-2:#e8d6ad;--panel-ink:#1d140b;--panel-muted:#3d2f1d;--panel-accent:#7e1b10;--panel-accent-ink:#fff3dc;--panel-line:#e3cfa0;--sb-bg:#8e1e12;--sb-ink:#fde6cf;--sb-muted:#f0cdb8;--sb-line:rgba(253,230,207,.14);--sb-chip:color-mix(in srgb,#fde6cf 7%,transparent);--sb-active:color-mix(in srgb,#fde6cf 13%,transparent);--sb-active-ink:#fde6cf;--sb-bar:#f2c14e;--hero-bg:linear-gradient(160deg,#efe1c0,#e8d6ad);--earth-panel:linear-gradient(160deg,#efe1c0,#e8d6ad);--earth-glass:#efe1c0;--tone-mix:30%;--tjp-city-font:'Markazi Text', 'EB Garamond', serif;--tjp-city-head:'Markazi Text', 'EB Garamond', serif;--tjp-city-ui:'Recursive', 'Inter', sans-serif;--x-paper:#f6ecd3;--x-paper2:#efe1c0;--x-line:#e3cfa0;--x-ink:#1d140b;--x-muted:#3d2f1d;--x-on-bg:#1d140b;--x-on-bg-muted:#3d2f1d;--x-accent:#7e1b10;--x-accent-ink:#fff3dc;color-scheme:light} html[data-city="muziris"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#f6ecd3;--x-paper2:#efe1c0;--x-line:#e3cfa0;--x-ink:#1d140b;--x-muted:#3d2f1d;--x-on-bg:#1d140b;--x-on-bg-muted:#3d2f1d;--x-accent:#7e1b10;--x-accent-ink:#fff3dc;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#e3a321;--pg-1:#d6971a;--pg-2:#7e1b10;--pg-3:#533d00;--pg-4:#21402a;--pg-a:.34} html[data-city="muziris"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#21402a,#2c5236);--x-sky-glass:linear-gradient(150deg,#21402a,#2c5236);--x-sky-ink:#f6ecd3;--panel-ink:#f6ecd3;--panel-muted:#d8e3cf;--panel-line:rgba(255,255,255,.14);--panel-accent:#f2c14e;--x-ink:#f6ecd3;--x-muted:#d8e3cf;--x-accent:#f2c14e;--x-accent-ink:#21402a;--x-line:rgba(255,255,255,.28);--wine:#f2c14e;--accent:#f2c14e;--accent-ink:#21402a;--ink:#f6ecd3;--muted:#d8e3cf;color:#f6ecd3} html[data-city="muziris"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#1d140b;--x-muted:#3d2f1d;--x-accent:#7e1b10;--x-line:#e3cfa0;--wine:#7e1b10;--accent:#7e1b10;--accent-ink:#fff3dc;--ink:#1d140b;--muted:#3d2f1d;--panel-ink:#1d140b;--panel-line:#e3cfa0} html[data-city="srinagara"][data-city][data-appearance]{--bg:#0e3a3e;--bg-2:#0b2e31;--surface:#171412;--surface-2:#1e1a17;--surface-3:#26211d;--ink:#f5ecdc;--ink-2:#ddd1bd;--ink-3:#c6b8a0;--line:#2e2721;--line-2:#4a3e32;--accent:#e9c46a;--accent-2:#f6dd8e;--accent-ink:#0b0a09;--accent-soft:#3a3022;--gold:#e9c46a;--gold-soft:#3a3022;--good:#a8dcc4;--good-soft:#1d3a34;--bad:#f5a08e;--bad-soft:#3e2420;--warn:#f0c27a;--warn-soft:#3a3224;--info:#9fdcdb;--info-soft:#173a3c;--focus:#f6dd8e;--header:#0b0a09;--header-2:#1e1a17;--header-ink:#f3eadb;--header-ink-2:#cbb79a;--header-gold:#e9c46a;--header-gold-fill:#e9c46a;--chart-bg:#171412;--chart-line:#c9a24a;--chart-line-2:#2e2721;--chart-sign:#5fc0bd;--chart-hover:#1e1a17;--chart-select:#3a1d18;--chart-lagna:#e9c46a;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#0b0a09;--sidebar-ink:#e6dccb;--overlay:rgba(10,8,6,.5);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#f3a86a;--g-moon:#bfe6e4;--g-mars:#f59a86;--g-mercury:#9fd6ad;--g-jupiter:#efd37e;--g-venus:#efb2d2;--g-saturn:#aeb8f0;--g-rahu:#c2c6d6;--g-ketu:#e0bf9c;--g-lagna:#e9c46a;--g-upa:#c8c6c0;--r0:#f39a8c;--r1:#cfd6a6;--r2:#efd37e;--r3:#bcd0de;--r4:#f3a86a;--r5:#b0d2b8;--r6:#e3c2cf;--r7:#eaa59c;--r8:#e8c78a;--r9:#d8ccbe;--r10:#b4cbe0;--r11:#c4c3ec;--pa-dharma:#f2aa88;--pa-artha:#dfcd90;--pa-kama:#a0d7dc;--pa-moksha:#c9ccf3;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Piazzolla', 'EB Garamond', serif;--font-sans:'Inter Tight', 'Inter', sans-serif;--font-display:'Piazzolla', 'EB Garamond', serif;--city-lagna-fill:#2e1814;--sidebar-ink-2:#5fc0bd;--sidebar-ink-3:#bdae96;--sidebar-line:rgba(233,196,106,.12);--sidebar-surface:#171412;--paper:#171412;--card:#171412;--cream:#171412;--surface2:#1e1a17;--paper2:#1e1a17;--paper3:#26211d;--text:#f5ecdc;--muted:#ddd1bd;--ink2:#ddd1bd;--ink3:#c6b8a0;--line2:#4a3e32;--dark:#0b0a09;--wine:#e9c46a;--accent2:#f6dd8e;--olive:#a8dcc4;--blue:#9fdcdb;--panel:#1e1a17;--panel-2:#26211d;--panel-ink:#f5ecdc;--panel-muted:#ddd1bd;--panel-accent:#e9c46a;--panel-accent-ink:#0b0a09;--panel-line:#2e2721;--sb-bg:#0b0a09;--sb-ink:#e6dccb;--sb-muted:#bdae96;--sb-line:rgba(233,196,106,.12);--sb-chip:color-mix(in srgb,#e6dccb 7%,transparent);--sb-active:color-mix(in srgb,#e6dccb 13%,transparent);--sb-active-ink:#e6dccb;--sb-bar:#5fc0bd;--hero-bg:linear-gradient(160deg,#1e1a17,#26211d);--earth-panel:linear-gradient(160deg,#1e1a17,#26211d);--earth-glass:#1e1a17;--tone-mix:20%;--tjp-city-font:'Piazzolla', 'EB Garamond', serif;--tjp-city-head:'Piazzolla', 'EB Garamond', serif;--tjp-city-ui:'Inter Tight', 'Inter', sans-serif;--x-paper:#171412;--x-paper2:#1e1a17;--x-line:#2e2721;--x-ink:#f5ecdc;--x-muted:#ddd1bd;--x-on-bg:#f5ecdc;--x-on-bg-muted:#ddd1bd;--x-accent:#e9c46a;--x-accent-ink:#0b0a09;color-scheme:dark} html[data-city="srinagara"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#171412;--x-paper2:#1e1a17;--x-line:#2e2721;--x-ink:#f5ecdc;--x-muted:#ddd1bd;--x-on-bg:#f5ecdc;--x-on-bg-muted:#ddd1bd;--x-accent:#e9c46a;--x-accent-ink:#0b0a09;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#0e3a3e;--pg-1:#0b2e31;--pg-2:#e9c46a;--pg-3:#e9c46a;--pg-4:#0b0a09;--pg-a:.42} html[data-city="srinagara"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#0b0a09,#1e1a17);--x-sky-glass:linear-gradient(150deg,#0b0a09,#1e1a17);--x-sky-ink:#f3eadb;--panel-ink:#f3eadb;--panel-muted:#cbb79a;--panel-line:rgba(255,255,255,.14);--panel-accent:#e9c46a;--x-ink:#f3eadb;--x-muted:#cbb79a;--x-accent:#e9c46a;--x-accent-ink:#0b0a09;--x-line:rgba(255,255,255,.28);--wine:#e9c46a;--accent:#e9c46a;--accent-ink:#0b0a09;--ink:#f3eadb;--muted:#cbb79a;color:#f3eadb} html[data-city="srinagara"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#f5ecdc;--x-muted:#ddd1bd;--x-accent:#e9c46a;--x-line:#2e2721;--wine:#e9c46a;--accent:#e9c46a;--accent-ink:#0b0a09;--ink:#f5ecdc;--muted:#ddd1bd;--panel-ink:#f5ecdc;--panel-line:#2e2721} html[data-city="hampi"][data-city][data-appearance]{--bg:#a99a8b;--bg-2:#9c8d7e;--surface:#e9e0d3;--surface-2:#e1d7c8;--surface-3:#d8cdbd;--ink:#2b241f;--ink-2:#39322c;--ink-3:#39322d;--line:#d3c7b6;--line-2:#a99a8b;--accent:#283725;--accent-2:#4f6b4a;--accent-ink:#f4f0e6;--accent-soft:#d6dccd;--gold:#41310b;--gold-soft:#e8dcbe;--good:#223821;--good-soft:#d6e0d0;--bad:#5e1c16;--bad-soft:#efd6cf;--warn:#4d290a;--warn-soft:#efdcc6;--info:#20354a;--info-soft:#d8e0e8;--focus:#4f6b4a;--header:#3a322c;--header-2:#4a413a;--header-ink:#f1e8dc;--header-ink-2:#d8ccbd;--header-gold:#a8c29a;--header-gold-fill:#a8c29a;--chart-bg:#e9e0d3;--chart-line:#3a322c;--chart-line-2:#d3c7b6;--chart-sign:#7a5a3a;--chart-hover:#e1d7c8;--chart-select:#d6dccd;--chart-lagna:#283725;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#8f8172;--sidebar-ink:#1f1915;--overlay:rgba(30,22,14,.34);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#56230d;--g-moon:#223547;--g-mars:#631812;--g-mercury:#243821;--g-jupiter:#412f07;--g-venus:#5a1b3e;--g-saturn:#2c2d5e;--g-rahu:#353238;--g-ketu:#462c19;--g-lagna:#283725;--g-upa:#353331;--r0:#631812;--r1:#35331d;--r2:#412f07;--r3:#223547;--r4:#56230d;--r5:#2d3626;--r6:#442c36;--r7:#502722;--r8:#402f0f;--r9:#353330;--r10:#28343f;--r11:#333049;--pa-dharma:#57230d;--pa-artha:#3a3211;--pa-kama:#16383d;--pa-moksha:#2b2e5d;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Vollkorn', 'EB Garamond', serif;--font-sans:'Lexend', 'Inter', sans-serif;--font-display:'Vollkorn', 'EB Garamond', serif;--city-lagna-fill:#d6dccd;--sidebar-ink-2:#1f1915;--sidebar-ink-3:#201b17;--sidebar-line:rgba(31,25,21,.14);--sidebar-surface:#e9e0d3;--paper:#e9e0d3;--card:#e9e0d3;--cream:#e9e0d3;--surface2:#e1d7c8;--paper2:#e1d7c8;--paper3:#d8cdbd;--text:#2b241f;--muted:#39322c;--ink2:#39322c;--ink3:#39322d;--line2:#a99a8b;--dark:#3a322c;--wine:#283725;--accent2:#4f6b4a;--olive:#223821;--blue:#20354a;--panel:#e1d7c8;--panel-2:#d8cdbd;--panel-ink:#2b241f;--panel-muted:#39322c;--panel-accent:#283725;--panel-accent-ink:#f4f0e6;--panel-line:#d3c7b6;--sb-bg:#8f8172;--sb-ink:#1f1915;--sb-muted:#201b17;--sb-line:rgba(31,25,21,.14);--sb-chip:color-mix(in srgb,#1f1915 7%,transparent);--sb-active:color-mix(in srgb,#1f1915 13%,transparent);--sb-active-ink:#1f1915;--sb-bar:#1f1915;--hero-bg:linear-gradient(160deg,#e1d7c8,#d8cdbd);--earth-panel:linear-gradient(160deg,#e1d7c8,#d8cdbd);--earth-glass:#e1d7c8;--tone-mix:30%;--tjp-city-font:'Vollkorn', 'EB Garamond', serif;--tjp-city-head:'Vollkorn', 'EB Garamond', serif;--tjp-city-ui:'Lexend', 'Inter', sans-serif;--x-paper:#e9e0d3;--x-paper2:#e1d7c8;--x-line:#d3c7b6;--x-ink:#2b241f;--x-muted:#39322c;--x-on-bg:#2b241f;--x-on-bg-muted:#39322c;--x-accent:#283725;--x-accent-ink:#f4f0e6;color-scheme:light} html[data-city="hampi"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#e9e0d3;--x-paper2:#e1d7c8;--x-line:#d3c7b6;--x-ink:#2b241f;--x-muted:#39322c;--x-on-bg:#2b241f;--x-on-bg-muted:#39322c;--x-accent:#283725;--x-accent-ink:#f4f0e6;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#a99a8b;--pg-1:#9c8d7e;--pg-2:#283725;--pg-3:#41310b;--pg-4:#3a322c;--pg-a:.34} html[data-city="hampi"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#3a322c,#4a413a);--x-sky-glass:linear-gradient(150deg,#3a322c,#4a413a);--x-sky-ink:#f1e8dc;--panel-ink:#f1e8dc;--panel-muted:#d8ccbd;--panel-line:rgba(255,255,255,.14);--panel-accent:#a8c29a;--x-ink:#f1e8dc;--x-muted:#d8ccbd;--x-accent:#a8c29a;--x-accent-ink:#3a322c;--x-line:rgba(255,255,255,.28);--wine:#a8c29a;--accent:#a8c29a;--accent-ink:#3a322c;--ink:#f1e8dc;--muted:#d8ccbd;color:#f1e8dc} html[data-city="hampi"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#2b241f;--x-muted:#39322c;--x-accent:#283725;--x-line:#d3c7b6;--wine:#283725;--accent:#283725;--accent-ink:#f4f0e6;--ink:#2b241f;--muted:#39322c;--panel-ink:#2b241f;--panel-line:#d3c7b6} html[data-city="lothal"][data-city][data-appearance]{--bg:#0c1f33;--bg-2:#081626;--surface:#11283f;--surface-2:#152f4a;--surface-3:#1a3654;--ink:#e6eff6;--ink-2:#c9d8e4;--ink-3:#a9bdcd;--line:#1f3b58;--line-2:#2f5070;--accent:#f0a172;--accent-2:#f5b48c;--accent-ink:#081626;--accent-soft:#2a3448;--gold:#efd37e;--gold-soft:#2a3448;--good:#a3d8b0;--good-soft:#1a3a3a;--bad:#f5a99b;--bad-soft:#3a2638;--warn:#f2c27c;--warn-soft:#3a3432;--info:#a9d0ef;--info-soft:#173556;--focus:#f5b48c;--header:#081626;--header-2:#112a44;--header-ink:#e6eff6;--header-ink-2:#9fb6c9;--header-gold:#e8703a;--header-gold-fill:#e8703a;--chart-bg:#11283f;--chart-line:#6fa8d6;--chart-line-2:#1f3b58;--chart-sign:#f0a172;--chart-hover:#152f4a;--chart-select:#22405f;--chart-lagna:#f0a172;--header-line:rgba(255,255,255,.14);--header-line-2:rgba(255,255,255,.28);--sidebar:#081626;--sidebar-ink:#c9d8e4;--overlay:rgba(10,8,6,.5);--shadow-sm:none;--shadow:0 8px 24px rgba(20,14,8,.16);--shadow-lg:0 26px 64px rgba(20,14,8,.3);--g-sun:#f5a77c;--g-moon:#cfe3f3;--g-mars:#f39a8c;--g-mercury:#9fd6ad;--g-jupiter:#efd37e;--g-venus:#efb2d2;--g-saturn:#aeb8f0;--g-rahu:#c2c6d6;--g-ketu:#e0bf9c;--g-lagna:#f0a172;--g-upa:#c8c6c0;--r0:#f39a8c;--r1:#cfd6a6;--r2:#efd37e;--r3:#bcd0de;--r4:#f3a86a;--r5:#b0d2b8;--r6:#e3c2cf;--r7:#eaa59c;--r8:#e8c78a;--r9:#d8ccbe;--r10:#b4cbe0;--r11:#c4c3ec;--pa-dharma:#f2aa88;--pa-artha:#dfcd90;--pa-kama:#a0d7dc;--pa-moksha:#c9ccf3;--pa-dharma-soft:color-mix(in srgb, var(--pa-dharma) 15%, var(--surface));--pa-artha-soft:color-mix(in srgb, var(--pa-artha) 15%, var(--surface));--pa-kama-soft:color-mix(in srgb, var(--pa-kama) 15%, var(--surface));--pa-moksha-soft:color-mix(in srgb, var(--pa-moksha) 15%, var(--surface));--font-serif:'Sarabun', 'Inter', sans-serif;--font-sans:'Sarabun', 'Inter', sans-serif;--font-display:'Unbounded', 'Inter', sans-serif;--city-lagna-fill:#1d3a58;--sidebar-ink-2:#f0a172;--sidebar-ink-3:#9fb6c9;--sidebar-line:rgba(111,168,214,.14);--sidebar-surface:#11283f;--paper:#11283f;--card:#11283f;--cream:#11283f;--surface2:#152f4a;--paper2:#152f4a;--paper3:#1a3654;--text:#e6eff6;--muted:#c9d8e4;--ink2:#c9d8e4;--ink3:#a9bdcd;--line2:#2f5070;--dark:#081626;--wine:#f0a172;--accent2:#f5b48c;--olive:#a3d8b0;--blue:#a9d0ef;--panel:#152f4a;--panel-2:#1a3654;--panel-ink:#e6eff6;--panel-muted:#c9d8e4;--panel-accent:#f0a172;--panel-accent-ink:#081626;--panel-line:#1f3b58;--sb-bg:#081626;--sb-ink:#c9d8e4;--sb-muted:#9fb6c9;--sb-line:rgba(111,168,214,.14);--sb-chip:color-mix(in srgb,#c9d8e4 7%,transparent);--sb-active:color-mix(in srgb,#c9d8e4 13%,transparent);--sb-active-ink:#c9d8e4;--sb-bar:#f0a172;--hero-bg:linear-gradient(160deg,#152f4a,#1a3654);--earth-panel:linear-gradient(160deg,#152f4a,#1a3654);--earth-glass:#152f4a;--tone-mix:20%;--tjp-city-font:'Sarabun', 'Inter', sans-serif;--tjp-city-head:'Unbounded', 'Inter', sans-serif;--tjp-city-ui:'Sarabun', 'Inter', sans-serif;--x-paper:#11283f;--x-paper2:#152f4a;--x-line:#1f3b58;--x-ink:#e6eff6;--x-muted:#c9d8e4;--x-on-bg:#e6eff6;--x-on-bg-muted:#c9d8e4;--x-accent:#f0a172;--x-accent-ink:#081626;color-scheme:dark} html[data-city="lothal"][data-city] #authGate .lpx.lpx.lpx.lpx{--x-paper:#11283f;--x-paper2:#152f4a;--x-line:#1f3b58;--x-ink:#e6eff6;--x-muted:#c9d8e4;--x-on-bg:#e6eff6;--x-on-bg-muted:#c9d8e4;--x-accent:#f0a172;--x-accent-ink:#081626;--x-shadow:0 8px 24px rgba(20,14,8,.16);--pg-bg:#0c1f33;--pg-1:#081626;--pg-2:#f0a172;--pg-3:#efd37e;--pg-4:#081626;--pg-a:.42} html[data-city="lothal"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){--hero-bg:linear-gradient(150deg,#081626,#112a44);--x-sky-glass:linear-gradient(150deg,#081626,#112a44);--x-sky-ink:#e6eff6;--panel-ink:#e6eff6;--panel-muted:#9fb6c9;--panel-line:rgba(255,255,255,.14);--panel-accent:#e8703a;--x-ink:#e6eff6;--x-muted:#9fb6c9;--x-accent:#e8703a;--x-accent-ink:#081626;--x-line:rgba(255,255,255,.28);--wine:#e8703a;--accent:#e8703a;--accent-ink:#081626;--ink:#e6eff6;--muted:#9fb6c9;color:#e6eff6} html[data-city="lothal"][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky{--x-ink:#e6eff6;--x-muted:#c9d8e4;--x-accent:#f0a172;--x-line:#1f3b58;--wine:#f0a172;--accent:#f0a172;--accent-ink:#081626;--ink:#e6eff6;--muted:#c9d8e4;--panel-ink:#e6eff6;--panel-line:#1f3b58} /* ---- cities-ui207.css ---- */ /* The Jyotish Project Study Space v2.07: the city picker and the shared rules for the sixteen city themes. Swatches and the 4 x 4 grid come from the jyotish.labs picker; colours come from the city tokens. */ .mood-swatch { width: 34px; height: 24px; border-radius: 6px; flex: none; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); } .mood-grid { display: grid; gap: 8px; } .mood-region { display: grid; grid-template-columns: 1fr; gap: 4px; } .mood-region-name { font-size: var(--fs-2xs, 11px); color: var(--ink-3); } .mood-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; } .mood-tile { display: grid; gap: 4px; justify-items: stretch; padding: 3px; border: 1px solid transparent; border-radius: var(--radius-sm, 6px); background: transparent; color: var(--ink); cursor: pointer; font: inherit; } .mood-tile .mood-swatch { width: 100%; height: 26px; border-radius: 4px; } .mood-tile-name { font-size: 11.5px; line-height: 1.15; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mood-tile:hover { background: var(--surface-2, rgba(127,127,127,.12)); } .mood-tile[aria-checked="true"] { border-color: var(--accent); background: var(--accent-soft); } .mood-tile:focus-visible { outline: 2px solid var(--focus, currentColor); outline-offset: 1px; } .mood-caption { margin: 0; min-height: 2.6em; font-size: var(--fs-xs, 12.5px); color: var(--ink-2); line-height: 1.35; } .mood-caption b { color: var(--ink); font-weight: 600; margin-right: 4px; } .mood-grid.wide { max-width: 640px; } .mood-grid.wide .mood-region { grid-template-columns: 150px 1fr; align-items: center; } .mood-grid.wide .mood-tile .mood-swatch { height: 34px; } .mood-grid.wide .mood-tile-name { font-size: var(--fs-sm, 14px); } @media (max-width: 560px) { .mood-grid.wide .mood-region { grid-template-columns: 1fr; } } .mood-swatch.nalanda { background: linear-gradient(135deg, #1e2b52 0 50%, #e9dbb2 50% 82%, #9e2219 82%); } .mood-swatch.ujjayini { background: linear-gradient(135deg, #14302b 0 62%, #c8a35a 62% 66%, #14302b 66%); } .mood-swatch.kashi { background: linear-gradient(90deg, #2a2466 0 25%, #ffb81c 25% 50%, #c8243c 50% 75%, #007680 75%); } .mood-swatch.kanci { background: radial-gradient(circle, #fbefe6 1.2px, transparent 1.6px) 0 0 / 6px 6px, #7a2a1e; } .mood-swatch.harappa { background: linear-gradient(90deg, #c8312a 0 25%, #e8b52c 25% 50%, #2c5aa0 50% 75%, #b7b4ac 75%); } .mood-swatch.trigarta { background: linear-gradient(135deg, #bfcfae 0 45%, #b8475a 45% 60%, #c49a3a 60% 66%, #f7ece8 66%); } .mood-swatch.pataliputra { background: linear-gradient(135deg, #a14d30 0 55%, #f3efe9 55%); } .mood-swatch.dvaraka { background: linear-gradient(135deg, #8a1f1c 0 50%, #141a33 50%); } .mood-swatch.bidar { background: radial-gradient(circle at 50% 50%, transparent 5px, #c9ced3 5.5px 6.5px, transparent 7px), #141619; } .mood-swatch.taksasila { background: linear-gradient(90deg, #c4561a 0 18%, #f4f5f2 18% 60%, #8d989e 60%); } .mood-swatch.mithila { background: repeating-linear-gradient(45deg, #1a1410 0 2px, transparent 2px 6px), linear-gradient(90deg, #f2d35b 0 50%, #c8186a 50%); } .mood-swatch.tanjavur { background: linear-gradient(135deg, #3e0c14 0 40%, #f2d27a 40% 48%, #0f3b2c 48%); } .mood-swatch.muziris { background: linear-gradient(90deg, #e3a321 0 34%, #8e1e12 34% 67%, #21402a 67%); } .mood-swatch.srinagara { background: radial-gradient(circle at 70% 70%, #d8402a 0 5px, transparent 5.5px), linear-gradient(135deg, #0e3a3e 0 50%, #171412 50%); } .mood-swatch.hampi { background: radial-gradient(circle at 30% 40%, rgba(60,40,30,.35) 1px, transparent 1.5px) 0 0 / 5px 5px, #a99a8b; } .mood-swatch.lothal { background: radial-gradient(circle, #e8703a 0 3px, transparent 3.5px) 0 50% / 9px 9px repeat-x, #0c1f33; } /* top-bar menu */ .city-menu207 .mood-options162.city-pop207{width:min(400px,calc(100vw - 24px));padding:12px 12px 8px} .city-menu207 .mood-dot162.mood-swatch{width:18px;height:18px;border-radius:50%;display:inline-block;flex:none} .city-pop207 .mood-tile{color:var(--ink)} .city-card207 #city-settings207{margin-top:10px} .lpx-city207{max-width:760px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px 20px;color:var(--ink)} .lpx-city207 .mood-grid.wide{max-width:none} @media (max-width:560px){.city-menu207 .mood-options162.city-pop207{position:fixed;left:12px;right:12px;top:64px;width:auto}} /* the city's own faces: reading text in its serif, headings in its display face, controls in its sans */ html[data-font=city] :is(h1,h2,h3,.page-title,#pageTitle,.brand){font-family:var(--tjp-city-head),Georgia,serif} html[data-font=city] :is(button,.btn,input,select,textarea,label,.chip,.badge,.tab,.sidebar .nav,.nav-group147>summary,.top-actions,.topbar small,kbd,.mood-tile-name,.mood-caption){font-family:var(--tjp-city-ui),system-ui,sans-serif} html[data-font=city] body{font-variant-numeric:lining-nums} /* page floor and colour scheme */ html[data-city][data-city] body{background:var(--bg)!important} html[data-city] ::selection{background:var(--accent-soft);color:var(--ink)} html[data-city] :focus-visible{outline-color:var(--focus)} html[data-city] a{color:var(--wine)} html[data-city][data-appearance=dark] :is(input,select,textarea){background-color:var(--paper2)!important;border-color:var(--line2)!important;color:var(--ink)!important} html[data-city][data-appearance=dark] :is(.btn,button.btn):not(.primary){background-color:var(--paper2);border-color:var(--line2);color:var(--ink)} html[data-city][data-appearance=dark] body .ar7-game{background:var(--paper2)!important;border:1px solid var(--line)!important;box-shadow:inset 0 3px 0 color-mix(in srgb,var(--hue) 55%,var(--paper2))!important} html[data-city][data-appearance=dark] :is(#toast,.toast){background:var(--paper3)!important;color:var(--ink)!important;border:1px solid var(--line2)!important} html[data-city][data-appearance=dark] body .pg7-unlock{background:var(--paper2)!important;box-shadow:0 0 0 1px var(--line2),var(--shadow-lg)!important} html[data-city][data-appearance=dark] .video-stage{background:var(--paper)!important} /* the top bar sits on the floor in every city */ html[data-city][data-city] :is(.topbar,.top-actions){background:transparent!important;box-shadow:none!important} html[data-city][data-city] .topbar{border-color:var(--line)!important} /* small badges whose fill follows a status colour */ html[data-city] .cm9-new{color:var(--paper)!important} /* Chart Foundations: supportive and difficult states take the city's own status colours */ html[data-city] .fd205,html[data-city] [class*="fd-"]{--fd-sup:var(--good);--fd-dif:var(--bad)} .mood-tile[aria-checked="true"]{outline:2px solid var(--accent);outline-offset:1px} .city-pop207 .mood-tile{display:grid!important;gap:4px!important;padding:3px!important;min-height:0!important;width:auto!important;text-align:center!important;border-radius:var(--radius-sm,6px)!important} .city-pop207 .mood-tile[aria-checked=true]{background:var(--accent-soft)!important} /* ---------- the public landing page in the city ---------- */ html[data-city] #authGate .lpx .lpx-nav{background:color-mix(in srgb,var(--header) 94%,transparent)!important;color:var(--header-ink)!important;border-bottom:1px solid var(--header-line)!important;box-shadow:none!important} html[data-city] #authGate .lpx .lpx-nav :is(.lpx-brand,.lpx-brand b,.lpx-brand small,.lpx-links a){color:var(--header-ink)!important} html[data-city] #authGate .lpx .lpx-nav .lpx-links a:hover{color:var(--header-gold)!important} html[data-city] #authGate .lpx .lpx-nav .lpx-mark{color:var(--header-gold)!important;background:transparent!important;border-color:var(--header-line-2)!important} html[data-city] #authGate .lpx .lpx-nav .btn:not(.primary){background:transparent!important;color:var(--header-ink)!important;border-color:var(--header-line-2)!important} html[data-city] #authGate .lpx .lpx-nav .btn.primary{background:var(--header-gold)!important;color:var(--header)!important;border-color:var(--header-gold)!important} html[data-city] #authGate .lpx .lpx-nav :is(.lpx-links a,.btn){white-space:nowrap} html[data-city] #authGate .lpx .lpx-nav .theme-picker153>span,html[data-city] #authGate .lpx .lpx-nav .font-picker194{display:none} html[data-city] #authGate .lpx .lpx-nav .mood162>summary{background:transparent!important;color:var(--header-ink)!important;border-color:var(--header-line-2)!important} html[data-city] #authGate .lpx .lpx-nav select{background-color:color-mix(in srgb,var(--header-ink) 8%,transparent)!important;color:var(--header-ink)!important;border-color:var(--header-line-2)!important} html[data-city] #authGate .lpx .lpx-nav select option{color:#111;background:#fff} html[data-city] #authGate .lpx :is(.lpx-foot,.lpx-foot a,.lpx-foot small,.lpx-pause,footer,footer a){color:var(--x-on-bg)!important} html[data-city] #authGate .lpx .lpx-city207{background:var(--x-paper);border-color:var(--x-line);color:var(--x-ink)} html[data-city] #authGate .lpx :is(h1,h2,h3,.lpx-eye){font-family:var(--tjp-city-head,inherit)} html[data-city] #authGate .lpx .lpx-nav .lpx-brand b{white-space:nowrap} html[data-city] #authGate .lpx .lpx-nav select{max-width:140px} @media (max-width:1180px){html[data-city] #authGate .lpx .lpx-nav .lpx-links{display:none}} /* landing hero and closing panel in the city's header colours */ html[data-city][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final){background:var(--hero-bg)!important;color:var(--panel-ink)!important;border-color:var(--panel-line)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) :is(h1,h2,h3,p,li,.lpx-lede,.lpx-fine,.lpx-cta small){color:var(--panel-ink)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) :is(.lpx-fine,.lpx-muted,small){color:var(--panel-muted)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) :is(.lpx-kicker,.lpx-eye){color:var(--panel-accent)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .btn.primary{background:var(--wine)!important;border-color:var(--wine)!important;color:var(--accent-ink)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .btn:not(.primary){background:transparent!important;color:var(--panel-ink)!important;border-color:var(--panel-line)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lpx :is(.lpx-hero,.lpx-final) .lpx-sky :is(h1,h2,h3,p,li,span,b,small){color:var(--x-ink)} html[data-city][data-city][data-appearance] #authGate .lpx.lpx .lpx-hero .lpx-sky{background:var(--chart-bg)!important;border-color:var(--panel-line)!important} /* returning members: no flash of the public page while the session is checked */ html.tjp-resume207 #authGate{visibility:hidden!important} html.tjp-resume207 body::before{content:"";position:fixed;inset:0;z-index:2147482999;background:var(--bg)} html.tjp-resume207 body::after{content:"✦";position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2147483000;color:var(--sidebar-ink-2,var(--accent));font:400 34px/1 Georgia,serif;animation:tjpResume207 1.6s ease-in-out infinite} @keyframes tjpResume207{50%{opacity:.35}} /* ---- cities-signature207.css ---- */ /* The Jyotish Project Study Space v2.07: each city's signature details, carried from jyotish.labs (written by /home/claude/cities/adapt.py). */ html[data-city="nalanda"][data-city] body{background-color: #1e2b52 !important;background-image: repeating-linear-gradient(0deg, rgba(255,255,255,.02) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(0,0,0,.06) 0 1px, transparent 1px 3px) !important} html[data-city="nalanda"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="nalanda"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){background-image: repeating-linear-gradient(0deg, rgba(120,90,30,.055) 0 1px, transparent 1px 8px);border: 0;border-radius: 16px / 24px;box-shadow: inset 0 0 0 1px rgba(110,80,20,.28), inset 0 0 28px rgba(140,100,30,.16)} html[data-city="nalanda"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 24px;height: 8px;margin-right: 4px;background: radial-gradient(circle at 4px 4px, #1e2b52 0 3.2px, transparent 3.6px), radial-gradient(circle at 20px 4px, #1e2b52 0 3.2px, transparent 3.6px)} html[data-city="nalanda"][data-city] .main .page .card > h2{color: var(--accent)} html[data-city="nalanda"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #e9dbb2 !important;color: #2b1d12 !important;border-radius: 999px !important;box-shadow: none !important} html[data-city="nalanda"][data-city] .main :is(.btn,.chip,input:not([type=checkbox]):not([type=radio]):not([type=range]),select), html[data-city="nalanda"][data-city] #authGate .lpx :is(.btn,.chip,select){border-radius: 999px} html[data-city="ujjayini"][data-city] body{background: #14302b !important} html[data-city="ujjayini"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="ujjayini"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 1px solid #2c544a;border-radius: 2px;box-shadow: none} html[data-city="ujjayini"][data-city] .main .page .card, html[data-city="ujjayini"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border-top: 2px solid #c8a35a} html[data-city="ujjayini"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: linear-gradient(90deg, rgba(200,163,90,.18), transparent) !important;color: #f0d79a !important;box-shadow: inset 2px 0 #c8a35a !important;border-radius: 0 !important} html[data-city="ujjayini"][data-city] .main th, html[data-city="ujjayini"][data-city] #authGate .lpx th{font-family: var(--font-display);font-style: italic;font-weight: 400;border-bottom-color: #c8a35a} html[data-city="kashi"][data-city] body{background: #f3e3e3 !important} html[data-city="kashi"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="kashi"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 0;border-radius: 10px;box-shadow: 0 2px 0 rgba(42,36,102,.12)} html[data-city="kashi"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #2a2466 !important;color: #ffb81c !important;box-shadow: none !important} html[data-city="kanci"][data-city] body{background-color: #7a2a1e !important;background-image: radial-gradient(circle, rgba(255,240,225,.15) 1.3px, transparent 1.8px) !important;background-size: 22px 22px !important} html[data-city="kanci"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="kanci"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 0;border-radius: 22px;box-shadow: 0 0 0 4px #7a2a1e, 0 0 0 5.5px rgba(251,239,230,.5)} html[data-city="kanci"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 14px;height: 14px;margin-right: 4px;background: radial-gradient(circle, #7a2a1e 1.5px, transparent 1.9px) 0 0 / 7px 7px} html[data-city="kanci"][data-city] .main .page .card > h2{color: #7a2a1e} html[data-city="kanci"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: transparent !important;color: #fff !important;box-shadow: none !important;outline: 1.5px dashed rgba(251,239,230,.8) !important;outline-offset: -1.5px !important;border-radius: 999px !important} html[data-city="kanci"][data-city] .main :is(.btn,.chip,input:not([type=checkbox]):not([type=radio]):not([type=range]),select), html[data-city="kanci"][data-city] #authGate .lpx :is(.btn,.chip,select){border-radius: 999px} html[data-city="kanci"][data-city] .main th, html[data-city="kanci"][data-city] #authGate .lpx th{border-bottom: 1.5px dotted #7a2a1e} html[data-city="kanci"][data-city] .main td, html[data-city="kanci"][data-city] #authGate .lpx td{border-bottom-style: dotted} html[data-city="harappa"][data-city] body{background-color: #b7b4ac !important;background-image: repeating-linear-gradient(90deg, rgba(0,0,0,.035) 0 1px, transparent 1px 38px), repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 9px, transparent 9px 19px) !important} html[data-city="harappa"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="harappa"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 0;border-radius: 0;box-shadow: none} html[data-city="harappa"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="harappa"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border-top: 6px solid var(--k, #2c5aa0)} html[data-city="harappa"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 9px;height: 9px;background: #1f1e1c;margin-right: 4px} html[data-city="harappa"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #e8b52c !important;color: #1f1e1c !important;box-shadow: none !important;border-radius: 0 !important} html[data-city="harappa"][data-city] .main :is(.btn,.chip,input:not([type=checkbox]):not([type=radio]):not([type=range]),select), html[data-city="harappa"][data-city] #authGate .lpx :is(.btn,.chip,select){border-radius: 0} html[data-city="harappa"][data-city] .main th, html[data-city="harappa"][data-city] #authGate .lpx th{color: var(--ink);font-weight: 700;border-bottom: 2px solid #1f1e1c} html[data-city="trigarta"][data-city] body{background: #bfcfae !important} html[data-city="trigarta"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="trigarta"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 0;border-radius: 0;box-shadow: 0 0 0 4px #b8475a, 0 0 0 5px #c49a3a, 0 0 0 7px #bfcfae, 0 0 0 8px #7a2234} html[data-city="trigarta"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 10px;height: 10px;margin: 0 5px 0 2px;border-radius: 50% 50% 50% 0;background: #c49a3a;transform: rotate(-45deg)} html[data-city="trigarta"][data-city] .main .page .card > h2{color: #7a2234} html[data-city="trigarta"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #f7ece8 !important;color: #7a2234 !important;border-radius: 0 !important;box-shadow: inset 0 0 0 1px #b8475a, inset 0 0 0 3px #f7ece8, inset 0 0 0 4px #c49a3a !important} html[data-city="trigarta"][data-city] .main :is(.btn,.chip,input:not([type=checkbox]):not([type=radio]):not([type=range]),select), html[data-city="trigarta"][data-city] #authGate .lpx :is(.btn,.chip,select){border-radius: 3px} html[data-city="trigarta"][data-city] .main th, html[data-city="trigarta"][data-city] #authGate .lpx th{border-bottom-color: #c49a3a} html[data-city="pataliputra"][data-city] body{background-color: #a14d30 !important;background-image: linear-gradient(rgba(90,30,12,.18) 1px, transparent 1px) !important;background-size: 100% 46px !important} html[data-city="pataliputra"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="pataliputra"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 0;border-radius: 0;background-image: linear-gradient(115deg, transparent 30%, rgba(140,140,150,.07) 32%, transparent 36%, transparent 70%, rgba(140,140,150,.06) 72%, transparent 75%);box-shadow: 12px 10px 0 rgba(70,22,10,.36)} html[data-city="pataliputra"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 11px;height: 11px;margin-right: 5px;border-left: 3px solid #a14d30;border-bottom: 3px solid #a14d30} html[data-city="pataliputra"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #f3efe9 !important;color: #8f4127 !important;border-radius: 0 !important;box-shadow: 6px 5px 0 rgba(60,18,8,.35) !important} html[data-city="pataliputra"][data-city] .main :is(.btn,.chip,input:not([type=checkbox]):not([type=radio]):not([type=range]),select), html[data-city="pataliputra"][data-city] #authGate .lpx :is(.btn,.chip,select){border-radius: 0} html[data-city="pataliputra"][data-city] .main th, html[data-city="pataliputra"][data-city] #authGate .lpx th{border-bottom: 2px solid #262b35} html[data-city="dvaraka"][data-city] body{background: #8a1f1c !important} html[data-city="dvaraka"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="dvaraka"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 0;border-radius: 0;box-shadow: none} html[data-city="dvaraka"][data-city] .main .page .card, html[data-city="dvaraka"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border-top: 4px solid #8a1f1c;box-shadow: inset 0 3px #f0c46a} html[data-city="dvaraka"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 8px;height: 8px;margin: 0 6px 0 2px;border: 1.5px solid #f6ead8;transform: rotate(45deg)} html[data-city="dvaraka"][data-city] .main .page .card > h2{color: #f0c46a} html[data-city="dvaraka"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #141a33 !important;color: #f6ead8 !important;box-shadow: none !important;border-radius: 0 !important} html[data-city="dvaraka"][data-city] .main :is(.btn,.chip,input:not([type=checkbox]):not([type=radio]):not([type=range]),select), html[data-city="dvaraka"][data-city] #authGate .lpx :is(.btn,.chip,select){border-radius: 2px} html[data-city="bidar"][data-city] body{background-color: #141619 !important;background-image: radial-gradient(rgba(255,255,255,.025) 1px, transparent 1px) !important;background-size: 3px 3px !important} html[data-city="bidar"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="bidar"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 0;border-radius: 2px;box-shadow: inset 0 0 0 1px #8c939b, inset 0 0 0 4px #1b1e22, inset 0 0 0 5px #4b5157} html[data-city="bidar"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 14px;height: 4px;margin-right: 4px;border-top: 1px solid #c9ced3;border-bottom: 1px solid #c9ced3} html[data-city="bidar"][data-city] .main .page .card > h2{font-style: italic;color: #f2f4f6} html[data-city="bidar"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: none !important;color: #fff !important;box-shadow: inset 0 -1px #c9ced3 !important;border-radius: 0 !important} html[data-city="bidar"][data-city] .main :is(.btn,.chip,input:not([type=checkbox]):not([type=radio]):not([type=range]),select), html[data-city="bidar"][data-city] #authGate .lpx :is(.btn,.chip,select){border-radius: 2px} html[data-city="bidar"][data-city] .main th, html[data-city="bidar"][data-city] #authGate .lpx th{border-bottom-color: #8c939b;font-weight: 400} html[data-city="taksasila"][data-city] body{background-color: #8d989e !important;background-image: repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 2px, transparent 2px 9px, rgba(0,0,0,.04) 9px 10px, transparent 10px 23px) !important} html[data-city="taksasila"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="taksasila"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 0;border-left: 4px solid #c4561a;border-radius: 4px;box-shadow: 0 1px 0 rgba(20,30,36,.2)} html[data-city="taksasila"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 10px;height: 10px;margin-right: 5px;border-radius: 50%;border: 1.5px solid #2c4a7a} html[data-city="taksasila"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #f4f5f2 !important;color: #9a4512 !important;box-shadow: inset 3px 0 #c4561a !important;border-radius: 0 4px 4px 0 !important} html[data-city="taksasila"][data-city] .main th, html[data-city="taksasila"][data-city] #authGate .lpx th{font-family: var(--font-display);font-style: italic;font-weight: 400;border-bottom-color: #2c4a7a} html[data-city="mithila"][data-city] body{background: #f2d35b !important} html[data-city="mithila"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="mithila"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 2px solid #1a1410;border-radius: 0;box-shadow: inset 0 0 0 3px #fbf3dc, inset 0 0 0 4px #1a1410} html[data-city="mithila"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 14px;height: 9px;margin-right: 4px;border-radius: 50% 0 50% 0;background: #2f8a3a;border: 1.5px solid #1a1410} html[data-city="mithila"][data-city] .main .page .card > h2{color: #b0125c;font-weight: 800} html[data-city="mithila"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #26752f !important;color: #fff !important;box-shadow: inset 0 0 0 2px #fbf1d6 !important;border-radius: 0 !important} html[data-city="mithila"][data-city] .main :is(.btn,.chip,input:not([type=checkbox]):not([type=radio]):not([type=range]),select), html[data-city="mithila"][data-city] #authGate .lpx :is(.btn,.chip,select){border-radius: 0} html[data-city="mithila"][data-city] .main .btn, html[data-city="mithila"][data-city] #authGate .lpx .btn{border-width: 2px;border-color: #1a1410;font-weight: 600} html[data-city="mithila"][data-city] .main th, html[data-city="mithila"][data-city] #authGate .lpx th{color: var(--ink);font-weight: 600;border-bottom: 2px solid #1a1410} html[data-city="mithila"][data-city] .main td, html[data-city="mithila"][data-city] #authGate .lpx td{border-bottom-style: dashed} html[data-city="tanjavur"][data-city] body{background-color: #3e0c14 !important;background-image: radial-gradient(circle at 50% 0, #5a1420, transparent 60%) !important} html[data-city="tanjavur"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="tanjavur"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 3px solid transparent;border-image: linear-gradient(135deg, #f6dd8e, #a87d28 40%, #f2d27a 60%, #8a6418) 3;border-radius: 0;box-shadow: inset 0 0 0 2px #0f3b2c, inset 0 0 0 3px #c8243c} html[data-city="tanjavur"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 9px;height: 9px;margin-right: 5px;border-radius: 50%;background: radial-gradient(circle at 35% 35%, #ff8da0, #c8243c 60%, #7a0f20)} html[data-city="tanjavur"][data-city] .main .page .card > h2{color: #f6dd8e} html[data-city="tanjavur"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #0f3b2c !important;color: #f6dd8e !important;box-shadow: inset 0 0 0 1px #c9a24a !important;border-radius: 0 !important} html[data-city="tanjavur"][data-city] .main :is(.btn,.chip,input:not([type=checkbox]):not([type=radio]):not([type=range]),select), html[data-city="tanjavur"][data-city] #authGate .lpx :is(.btn,.chip,select){border-radius: 2px} html[data-city="tanjavur"][data-city] .main th, html[data-city="tanjavur"][data-city] #authGate .lpx th{color: #e9c46a;border-bottom-color: #c9a24a} html[data-city="muziris"][data-city] body{background: #e3a321 !important} html[data-city="muziris"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="muziris"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 2px solid #1d140b;border-radius: 18px;box-shadow: inset 0 0 0 4px #f6ecd3, inset 0 0 0 7px #9b2314, inset 0 0 0 9px #f6ecd3, inset 0 0 0 10px #2f7a3d} html[data-city="muziris"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 12px;height: 12px;margin-right: 4px;border-radius: 0 50% 0 50%;background: #2f7a3d} html[data-city="muziris"][data-city] .main .page .card > h2{color: #8e1e12;font-weight: 700;font-size: calc(var(--fs-lg) * 1.1)} html[data-city="muziris"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #f6ecd3 !important;color: #8e1e12 !important;border-radius: 999px !important;box-shadow: none !important;font-weight: 600 !important} html[data-city="muziris"][data-city] .main :is(.btn,.chip,input:not([type=checkbox]):not([type=radio]):not([type=range]),select), html[data-city="muziris"][data-city] #authGate .lpx :is(.btn,.chip,select){border-radius: 999px} html[data-city="muziris"][data-city] .main th, html[data-city="muziris"][data-city] #authGate .lpx th{font-weight: 600;border-bottom: 2px solid #1d140b} html[data-city="srinagara"][data-city] body{background-color: #0e3a3e !important;background-image: radial-gradient(circle at 20% 10%, rgba(255,255,255,.04), transparent 40%) !important} html[data-city="srinagara"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="srinagara"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 1px solid #c9a24a;border-radius: 6px;background-image: linear-gradient(160deg, #1e1a17, #12100e);box-shadow: inset 0 1px 0 rgba(255,255,255,.07)} html[data-city="srinagara"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 10px;height: 10px;margin-right: 5px;border-radius: 50% 0;background: #5fc0bd} html[data-city="srinagara"][data-city] .main .page .card > h2{color: #e9c46a;font-weight: 600} html[data-city="srinagara"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #0e3a3e !important;color: #f6dd8e !important;box-shadow: inset 0 -2px #b8301c !important;border-radius: 0 !important} html[data-city="srinagara"][data-city] .main th, html[data-city="srinagara"][data-city] #authGate .lpx th{font-family: var(--font-display);font-style: italic;font-weight: 400;color: #5fc0bd;border-bottom-color: #c9a24a} html[data-city="hampi"][data-city] body{background-color: #a99a8b !important;background-image: radial-gradient(circle at 20% 30%, rgba(60,40,30,.18) 1px, transparent 1.6px), radial-gradient(circle at 70% 60%, rgba(255,255,255,.22) 1px, transparent 1.5px), radial-gradient(circle at 40% 80%, rgba(30,20,15,.14) 1.2px, transparent 1.8px) !important;background-size: 7px 7px, 11px 11px, 13px 13px !important} html[data-city="hampi"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="hampi"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 0;border-radius: 10px;box-shadow: inset 3px 3px 0 rgba(255,255,255,.55), inset -3px -3px 0 rgba(60,40,25,.18), 0 5px 0 rgba(50,35,25,.25)} html[data-city="hampi"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 14px;height: 6px;margin-right: 5px;border-radius: 3px;background: #4f6b4a} html[data-city="hampi"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #e9e0d3 !important;color: #3a4f36 !important;border-radius: 6px !important;box-shadow: inset 2px 2px 0 rgba(255,255,255,.6), inset -2px -2px 0 rgba(0,0,0,.15) !important} html[data-city="hampi"][data-city] .main .btn, html[data-city="hampi"][data-city] #authGate .lpx .btn{box-shadow: inset 1px 1px 0 rgba(255,255,255,.6), inset -1px -1px 0 rgba(0,0,0,.12)} html[data-city="hampi"][data-city] .main th, html[data-city="hampi"][data-city] #authGate .lpx th{border-bottom: 2px solid #3a322c;font-weight: 400} html[data-city="lothal"][data-city] body{background-color: #0c1f33 !important;background-image: linear-gradient(rgba(120,180,220,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(120,180,220,.04) 1px, transparent 1px) !important;background-size: 40px 40px !important} html[data-city="lothal"][data-city] .main .page :is(.card,.kb9-contents,.study-reader), html[data-city="lothal"][data-city] #authGate .lpx :is(.lpx-sec,.lpx-hero,.lpx-final){border: 1px solid #1f3b58;border-radius: 14px;box-shadow: none} html[data-city="lothal"][data-city] .main .page .card > h2:first-child::before{display:inline-block;vertical-align:middle;content: '';flex: none;width: 7px;height: 7px;margin-right: 14px;border-radius: 50%;background: #e8703a;box-shadow: 10px 0 #e8703a} html[data-city="lothal"][data-city] .sidebar .nav button:is(.active,[aria-current=page]){background: #132f4d !important;color: #fff !important;border-radius: 999px !important;box-shadow: none !important} html[data-city="lothal"][data-city] .main :is(.btn,.chip,input:not([type=checkbox]):not([type=radio]):not([type=range]),select), html[data-city="lothal"][data-city] #authGate .lpx :is(.btn,.chip,select){border-radius: 999px} /* ---- landing-cities208.css ---- */ /* v2.08: the sixteen cities as jyotish.labs landing tokens (from the jyotish-landing-cities kit, landing-cities.css). Generated: every custom property is prefixed --lk- and set on the public landing (#authGate .lpx) of the matching , so nothing leaks into the Study Space itself. Do not edit by hand; regenerate with maint/gen-landing208.py. */ html[data-city="kanci"] #authGate .lpx.lk208 {--lk-font-display: 'Rasa', Georgia, serif; --lk-font-sans: 'Alegreya Sans', ui-sans-serif, system-ui, sans-serif; --lk-display-weight: 600; --lk-display-style: normal; --lk-display-track: -.005em; --lk-body-size: 18px; --lk-bg: #7a2a1e; --lk-bg-2: #6f2519; --lk-bg-tex: radial-gradient(circle, rgba(255, 240, 225, .14) 1.3px, transparent 1.8px) 0 0 / 22px 22px; --lk-ink: #fff6ee; --lk-ink-2: #f6dfd3; --lk-ink-3: #ecc9bb; --lk-line: rgba(251, 239, 230, .2); --lk-line-2: rgba(251, 239, 230, .48); --lk-accent: #f2b632; --lk-accent-2: #f6c453; --lk-accent-ink: #3a120c; --lk-focus: #f6c453; --lk-header: #7a2a1e; --lk-header-line: rgba(251, 239, 230, .16); --lk-card: #f4f1ec; --lk-card-2: #ebe4db; --lk-card-ink: #2a1714; --lk-card-ink-2: #553d38; --lk-card-ink-3: #6a524c; --lk-card-line: #e3d9cf; --lk-card-line-2: #cdbdb0; --lk-card-accent: #7a2a1e; --lk-card-accent-ink: #fff6ee; --lk-card-focus: #7a2a1e; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px rgba(251, 239, 230, .55); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px rgba(251, 239, 230, .5); --lk-r: 26px; --lk-r-sm: 18px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #f2b632; --lk-btn-ink: #3a120c; --lk-btn-weight: 700; --lk-ghost-line: rgba(251, 239, 230, .62); --lk-ghost-style: dashed; --lk-ghost-w: 1.5px; --lk-chart-bg: #f4f1ec; --lk-chart-line: #7a2a1e; --lk-chart-lag: #f1ded5; --lk-chart-sign: #a5584a; --lk-chart-ink: #2a1714; --lk-chart-deg: #6a524c; --lk-chart-hot: #f6e7df; --lk-chart-sel: #efd6ca; --lk-g-sun: #a44219; --lk-g-moon: #3d5f80; --lk-g-mars: #a8291f; --lk-g-mercury: #2f6b45; --lk-g-jupiter: #7d5a0d; --lk-g-venus: #9b2f6a; --lk-g-saturn: #33356e; --lk-g-rahu: #55505a; --lk-g-ketu: #7a4e2c; --lk-g-lagna: #7a2a1e; --lk-good: #2f6b45; --lk-shadow: 0 18px 50px rgba(40, 8, 4, .35);} html[data-city="bidar"] #authGate .lpx.lk208 {--lk-font-display: 'Bona Nova', Georgia, serif; --lk-font-sans: 'Commissioner', ui-sans-serif, system-ui, sans-serif; --lk-display-weight: 400; --lk-display-style: italic; --lk-display-track: -.01em; --lk-body-size: 17px; --lk-bg: #121417; --lk-bg-2: #16191c; --lk-bg-tex: radial-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px) 0 0 / 3px 3px; --lk-ink: #f2f4f6; --lk-ink-2: #c9ced3; --lk-ink-3: #9ba2a9; --lk-line: #2a2e33; --lk-line-2: #4b5157; --lk-accent: #e8eaec; --lk-accent-2: #ffffff; --lk-accent-ink: #121417; --lk-focus: #ffffff; --lk-header: #121417; --lk-header-line: #2a2e33; --lk-card: #1b1e22; --lk-card-2: #23272c; --lk-card-ink: #f2f4f6; --lk-card-ink-2: #c9ced3; --lk-card-ink-3: #a3aab1; --lk-card-line: #33383e; --lk-card-line-2: #4b5157; --lk-card-accent: #e8eaec; --lk-card-accent-ink: #121417; --lk-card-focus: #ffffff; --lk-frame: 0 0 0 1px #5a6068, 0 0 0 6px var(--lk-bg), 0 0 0 7px #2a2e33; --lk-frame-sm: 0 0 0 1px #4b5157; --lk-r: 0px; --lk-r-sm: 0px; --lk-r-btn: 0px; --lk-r-tag: 0px; --lk-btn-bg: #e8eaec; --lk-btn-ink: #121417; --lk-btn-weight: 500; --lk-ghost-line: #5a6068; --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: transparent; --lk-chart-line: #8c939b; --lk-chart-frame: #c9ced3; --lk-chart-lag: rgba(201, 206, 211, .07); --lk-chart-sign: #7f868e; --lk-chart-ink: #f2f4f6; --lk-chart-deg: #9ba2a9; --lk-chart-hot: rgba(201, 206, 211, .1); --lk-chart-sel: rgba(201, 206, 211, .18); --lk-g-sun: #f0a988; --lk-g-moon: #c7d6e4; --lk-g-mars: #f09a90; --lk-g-mercury: #9fd6b0; --lk-g-jupiter: #ecd08a; --lk-g-venus: #eab1d2; --lk-g-saturn: #b1bcef; --lk-g-rahu: #c2c6d6; --lk-g-ketu: #dcbf9f; --lk-g-lagna: #e8eaec; --lk-good: #9fd6b0; --lk-shadow: none;} html[data-city="ujjayini"] #authGate .lpx.lk208 {--lk-font-display: 'Brygada 1918', Georgia, serif; --lk-font-sans: 'Encode Sans Condensed', ui-sans-serif, system-ui, sans-serif; --lk-display-weight: 400; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #123029; --lk-bg-2: #0f2a24; --lk-bg-tex: none; --lk-ink: #f4e7c2; --lk-ink-2: #d3dccb; --lk-ink-3: #a9bcae; --lk-line: #2c544a; --lk-line-2: #3f6b5f; --lk-accent: #d4b06a; --lk-accent-2: #e3c27c; --lk-accent-ink: #10261f; --lk-focus: #ecd59a; --lk-header: #0e261f; --lk-header-line: #c8a35a; --lk-card: #1a3a33; --lk-card-2: #1f443b; --lk-card-ink: #f4e7c2; --lk-card-ink-2: #d3dccb; --lk-card-ink-3: #adc0b2; --lk-card-line: #2c544a; --lk-card-line-2: #c8a35a; --lk-card-accent: #ecd59a; --lk-card-accent-ink: #10261f; --lk-card-focus: #ecd59a; --lk-frame: 0 0 0 1px #c8a35a; --lk-frame-sm: 0 0 0 1px #2c544a; --lk-r: 2px; --lk-r-sm: 2px; --lk-r-btn: 2px; --lk-r-tag: 2px; --lk-btn-bg: #d4b06a; --lk-btn-ink: #10261f; --lk-btn-weight: 600; --lk-ghost-line: #c8a35a; --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: transparent; --lk-chart-line: #c8a35a; --lk-chart-frame: #c8a35a; --lk-chart-lag: rgba(200, 163, 90, .13); --lk-chart-sign: #93ab9e; --lk-chart-ink: #f4e7c2; --lk-chart-deg: #a9bcae; --lk-chart-hot: rgba(200, 163, 90, .1); --lk-chart-sel: rgba(200, 163, 90, .2); --lk-g-sun: #f3b27f; --lk-g-moon: #c9dbe6; --lk-g-mars: #f0a08e; --lk-g-mercury: #a7dcb3; --lk-g-jupiter: #ecd59a; --lk-g-venus: #ecb7d0; --lk-g-saturn: #b7c2ee; --lk-g-rahu: #c4cbc8; --lk-g-ketu: #ddc29f; --lk-g-lagna: #ecd59a; --lk-good: #a7dcb3; --lk-shadow: none;} html[data-city="nalanda"] #authGate .lpx.lk208 {--lk-font-display: 'Tiro Devanagari Sanskrit', 'EB Garamond', serif; --lk-font-sans: 'Mukta', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #1e2b52; --lk-bg-2: #18223f; --lk-bg-tex: none; --lk-ink: #f1e6c8; --lk-ink-2: #c7bea6; --lk-ink-3: color-mix(in srgb, #c7bea6 78%, #1e2b52); --lk-line: rgba(255,255,255,.14); --lk-line-2: rgba(255,255,255,.28); --lk-accent: #d9a52a; --lk-accent-2: #d9a52a; --lk-accent-ink: #1e2b52; --lk-focus: #d9a52a; --lk-header: #18223f; --lk-header-line: rgba(255,255,255,.14); --lk-card: #e9dbb2; --lk-card-2: #e2d2a4; --lk-card-ink: #2b1d12; --lk-card-ink-2: #4f3d28; --lk-card-ink-3: #5e4a30; --lk-card-line: #d2be8a; --lk-card-line-2: #b9a26a; --lk-card-accent: #9e2219; --lk-card-accent-ink: #fbefd6; --lk-card-focus: #b3261e; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #d9a52a; --lk-btn-ink: #1e2b52; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #ecdfb9; --lk-chart-line: #5c4426; --lk-chart-lag: #e0c98c; --lk-chart-sign: #9e2219; --lk-chart-ink: #2b1d12; --lk-chart-deg: #5e4a30; --lk-chart-hot: #e2d09f; --lk-chart-sel: #e6d49f; --lk-g-sun: #9e2219; --lk-g-moon: #365572; --lk-g-mars: #9e2219; --lk-g-mercury: #295d3c; --lk-g-jupiter: #6a4d0b; --lk-g-venus: #8f2b62; --lk-g-saturn: #1e2b52; --lk-g-rahu: #1e2b52; --lk-g-ketu: #734929; --lk-g-lagna: #9e2219; --lk-good: #49571c; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="kashi"] #authGate .lpx.lk208 {--lk-font-display: 'Young Serif', 'EB Garamond', serif; --lk-font-sans: 'Mukta', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #f3e3e3; --lk-bg-2: #ecd6d6; --lk-bg-tex: none; --lk-ink: #231a3d; --lk-ink-2: #463d68; --lk-ink-3: color-mix(in srgb, #463d68 78%, #f3e3e3); --lk-line: #efd9d9; --lk-line-2: #d9b9b9; --lk-accent: #2a2466; --lk-accent-2: #2a2466; --lk-accent-ink: #fff4e0; --lk-focus: #2a2466; --lk-header: var(--lk-bg); --lk-header-line: var(--lk-line); --lk-card: #fffaf6; --lk-card-2: #fbefee; --lk-card-ink: #231a3d; --lk-card-ink-2: #463d68; --lk-card-ink-3: #5d5582; --lk-card-line: #efd9d9; --lk-card-line-2: #d9b9b9; --lk-card-accent: #2a2466; --lk-card-accent-ink: #fff4e0; --lk-card-focus: #3a3480; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #2a2466; --lk-btn-ink: #fff4e0; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #fffaf6; --lk-chart-line: #2a2466; --lk-chart-lag: #ffe7a6; --lk-chart-sign: #2a2466; --lk-chart-ink: #231a3d; --lk-chart-deg: #5d5582; --lk-chart-hot: #f6ece6; --lk-chart-sel: #ffe7a6; --lk-g-sun: #a8441a; --lk-g-moon: #3d5f80; --lk-g-mars: #b51f35; --lk-g-mercury: #2f6b45; --lk-g-jupiter: #845f0e; --lk-g-venus: #9b2f6a; --lk-g-saturn: #2a2466; --lk-g-rahu: #55505a; --lk-g-ketu: #7a4e2c; --lk-g-lagna: #b51f35; --lk-good: #0f6a44; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="harappa"] #authGate .lpx.lk208 {--lk-font-display: 'Epilogue', 'Inter', sans-serif; --lk-font-sans: 'Source Sans 3', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #b7b4ac; --lk-bg-2: #aeaba2; --lk-bg-tex: none; --lk-ink: #1f1e1c; --lk-ink-2: #3b3a37; --lk-ink-3: color-mix(in srgb, #3b3a37 78%, #b7b4ac); --lk-line: #d4d1c8; --lk-line-2: #a9a69e; --lk-accent: #20447c; --lk-accent-2: #20447c; --lk-accent-ink: #ffffff; --lk-focus: #20447c; --lk-header: var(--lk-bg); --lk-header-line: var(--lk-line); --lk-card: #edebe5; --lk-card-2: #e4e1da; --lk-card-ink: #1f1e1c; --lk-card-ink-2: #3b3a37; --lk-card-ink-3: #464541; --lk-card-line: #d4d1c8; --lk-card-line-2: #a9a69e; --lk-card-accent: #20447c; --lk-card-accent-ink: #ffffff; --lk-card-focus: #2c5aa0; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #20447c; --lk-btn-ink: #ffffff; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #edebe5; --lk-chart-line: #1f1e1c; --lk-chart-lag: #e8b52c; --lk-chart-sign: #55534d; --lk-chart-ink: #1f1e1c; --lk-chart-deg: #464541; --lk-chart-hot: #e2dfd7; --lk-chart-sel: #f3dc93; --lk-g-sun: #752f12; --lk-g-moon: #20447c; --lk-g-mars: #832018; --lk-g-mercury: #224d32; --lk-g-jupiter: #5a4109; --lk-g-venus: #782452; --lk-g-saturn: #1f1e1c; --lk-g-rahu: #47434b; --lk-g-ketu: #603d23; --lk-g-lagna: #832018; --lk-good: #224d2d; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="trigarta"] #authGate .lpx.lk208 {--lk-font-display: 'Big Shoulders Display', 'Inter', sans-serif; --lk-font-sans: 'Source Sans 3', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #a14d30; --lk-bg-2: #8f4127; --lk-bg-tex: none; --lk-ink: #fff2ea; --lk-ink-2: #f0cdbd; --lk-ink-3: color-mix(in srgb, #f0cdbd 78%, #a14d30); --lk-line: rgba(255,255,255,.14); --lk-line-2: rgba(255,255,255,.28); --lk-accent: #f3efe9; --lk-accent-2: #f3efe9; --lk-accent-ink: #a14d30; --lk-focus: #f3efe9; --lk-header: #7f3a22; --lk-header-line: rgba(255,255,255,.14); --lk-card: #f3efe9; --lk-card-2: #ebe6df; --lk-card-ink: #262b35; --lk-card-ink-2: #43474f; --lk-card-ink-3: #565a62; --lk-card-line: #dcd8d2; --lk-card-line-2: #bdb8b0; --lk-card-accent: #9a4429; --lk-card-accent-ink: #ffffff; --lk-card-focus: #a14d30; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #f3efe9; --lk-btn-ink: #a14d30; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #f3efe9; --lk-chart-line: #262b35; --lk-chart-lag: #f0d8cc; --lk-chart-sign: #9a4429; --lk-chart-ink: #262b35; --lk-chart-deg: #565a62; --lk-chart-hot: #ebe4dc; --lk-chart-sel: #f0d8cc; --lk-g-sun: #a14119; --lk-g-moon: #3d5f80; --lk-g-mars: #a8291f; --lk-g-mercury: #2f6b45; --lk-g-jupiter: #7d5a0d; --lk-g-venus: #9b2f6a; --lk-g-saturn: #262b35; --lk-g-rahu: #55505a; --lk-g-ketu: #7a4e2c; --lk-g-lagna: #9a4429; --lk-good: #2d6a42; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="pataliputra"] #authGate .lpx.lk208 {--lk-font-display: 'Baloo 2', 'Inter', sans-serif; --lk-font-sans: 'Noto Sans', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #8a1f1c; --lk-bg-2: #6f1714; --lk-bg-tex: none; --lk-ink: #f6ead8; --lk-ink-2: #b9bfd9; --lk-ink-3: color-mix(in srgb, #b9bfd9 78%, #8a1f1c); --lk-line: rgba(255,255,255,.14); --lk-line-2: rgba(255,255,255,.28); --lk-accent: #f0c46a; --lk-accent-2: #f0c46a; --lk-accent-ink: #8a1f1c; --lk-focus: #f0c46a; --lk-header: #141a33; --lk-header-line: rgba(255,255,255,.14); --lk-card: #141a33; --lk-card-2: #1a2140; --lk-card-ink: #f6ead8; --lk-card-ink-2: #e6d9c6; --lk-card-ink-3: #d9c8b3; --lk-card-line: #2a3258; --lk-card-line-2: #3a4370; --lk-card-accent: #f0c46a; --lk-card-accent-ink: #141a33; --lk-card-focus: #f5d38c; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #f0c46a; --lk-btn-ink: #8a1f1c; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #141a33; --lk-chart-line: #f6ead8; --lk-chart-lag: #5a1a24; --lk-chart-sign: #f0c46a; --lk-chart-ink: #f6ead8; --lk-chart-deg: #d9c8b3; --lk-chart-hot: #1d2546; --lk-chart-sel: #3a2a44; --lk-g-sun: #f3a86a; --lk-g-moon: #cddcee; --lk-g-mars: #f4a498; --lk-g-mercury: #9fd6ad; --lk-g-jupiter: #efd37e; --lk-g-venus: #efb2d2; --lk-g-saturn: #aeb8f0; --lk-g-rahu: #c2c6d6; --lk-g-ketu: #e0bf9c; --lk-g-lagna: #f0c46a; --lk-good: #a3d8b0; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="dvaraka"] #authGate .lpx.lk208 {--lk-font-display: 'Baloo 2', 'Inter', sans-serif; --lk-font-sans: 'Noto Sans', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #8a1f1c; --lk-bg-2: #6f1714; --lk-bg-tex: none; --lk-ink: #f6ead8; --lk-ink-2: #b9bfd9; --lk-ink-3: color-mix(in srgb, #b9bfd9 78%, #8a1f1c); --lk-line: rgba(255,255,255,.14); --lk-line-2: rgba(255,255,255,.28); --lk-accent: #f0c46a; --lk-accent-2: #f0c46a; --lk-accent-ink: #8a1f1c; --lk-focus: #f0c46a; --lk-header: #141a33; --lk-header-line: rgba(255,255,255,.14); --lk-card: #141a33; --lk-card-2: #1a2140; --lk-card-ink: #f6ead8; --lk-card-ink-2: #e6d9c6; --lk-card-ink-3: #d9c8b3; --lk-card-line: #2a3258; --lk-card-line-2: #3a4370; --lk-card-accent: #f0c46a; --lk-card-accent-ink: #141a33; --lk-card-focus: #f5d38c; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #f0c46a; --lk-btn-ink: #8a1f1c; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #141a33; --lk-chart-line: #f6ead8; --lk-chart-lag: #5a1a24; --lk-chart-sign: #f0c46a; --lk-chart-ink: #f6ead8; --lk-chart-deg: #d9c8b3; --lk-chart-hot: #1d2546; --lk-chart-sel: #3a2a44; --lk-g-sun: #f3a86a; --lk-g-moon: #cddcee; --lk-g-mars: #f4a498; --lk-g-mercury: #9fd6ad; --lk-g-jupiter: #efd37e; --lk-g-venus: #efb2d2; --lk-g-saturn: #aeb8f0; --lk-g-rahu: #c2c6d6; --lk-g-ketu: #e0bf9c; --lk-g-lagna: #f0c46a; --lk-good: #a3d8b0; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="taksasila"] #authGate .lpx.lk208 {--lk-font-display: 'Gentium Book Plus', 'EB Garamond', serif; --lk-font-sans: 'Andika', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #8d989e; --lk-bg-2: #7f8a90; --lk-bg-tex: none; --lk-ink: #1b252b; --lk-ink-2: #262f34; --lk-ink-3: color-mix(in srgb, #262f34 78%, #8d989e); --lk-line: #dde2e3; --lk-line-2: #b3bdc1; --lk-accent: #4c2209; --lk-accent-2: #4c2209; --lk-accent-ink: #ffffff; --lk-focus: #4c2209; --lk-header: var(--lk-bg); --lk-header-line: var(--lk-line); --lk-card: #f4f5f2; --lk-card-2: #eceeea; --lk-card-ink: #1b252b; --lk-card-ink-2: #262f34; --lk-card-ink-3: #282f33; --lk-card-line: #dde2e3; --lk-card-line-2: #b3bdc1; --lk-card-accent: #4c2209; --lk-card-accent-ink: #ffffff; --lk-card-focus: #c4561a; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #4c2209; --lk-btn-ink: #ffffff; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #f4f5f2; --lk-chart-line: #2c4a7a; --lk-chart-lag: #f6e2d3; --lk-chart-sign: #9a4512; --lk-chart-ink: #1b252b; --lk-chart-deg: #282f33; --lk-chart-hot: #eceeea; --lk-chart-sel: #f6e2d3; --lk-g-sun: #4d1f0c; --lk-g-moon: #1e2e3e; --lk-g-mars: #581610; --lk-g-mercury: #163220; --lk-g-jupiter: #3a2a06; --lk-g-venus: #511837; --lk-g-saturn: #1b2e4b; --lk-g-rahu: #2f2c31; --lk-g-ketu: #3e2816; --lk-g-lagna: #4c2209; --lk-good: #163220; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="mithila"] #authGate .lpx.lk208 {--lk-font-display: 'Podkova', 'Inter', serif; --lk-font-sans: 'Sarabun', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #f2d35b; --lk-bg-2: #e9c645; --lk-bg-tex: none; --lk-ink: #1a1410; --lk-ink-2: #3a3026; --lk-ink-3: color-mix(in srgb, #3a3026 78%, #f2d35b); --lk-line: #d9c79a; --lk-line-2: #1a1410; --lk-accent: #b0125c; --lk-accent-2: #b0125c; --lk-accent-ink: #ffffff; --lk-focus: #b0125c; --lk-header: var(--lk-bg); --lk-header-line: var(--lk-line); --lk-card: #fbf3dc; --lk-card-2: #f6ebcb; --lk-card-ink: #1a1410; --lk-card-ink-2: #3a3026; --lk-card-ink-3: #4a3d30; --lk-card-line: #d9c79a; --lk-card-line-2: #1a1410; --lk-card-accent: #b0125c; --lk-card-accent-ink: #ffffff; --lk-card-focus: #c8186a; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #b0125c; --lk-btn-ink: #ffffff; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #fbf3dc; --lk-chart-line: #1a1410; --lk-chart-lag: #f9c6dc; --lk-chart-sign: #c0391b; --lk-chart-ink: #1a1410; --lk-chart-deg: #4a3d30; --lk-chart-hot: #f6ebcb; --lk-chart-sel: #f9d2e2; --lk-g-sun: #993e18; --lk-g-moon: #3c5e7e; --lk-g-mars: #b3122e; --lk-g-mercury: #1a6825; --lk-g-jupiter: #76550c; --lk-g-venus: #b0125c; --lk-g-saturn: #33356e; --lk-g-rahu: #55505a; --lk-g-ketu: #7a4e2c; --lk-g-lagna: #b0125c; --lk-good: #1a6825; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="tanjavur"] #authGate .lpx.lk208 {--lk-font-display: 'Noto Serif Display', 'EB Garamond', serif; --lk-font-sans: 'Inter Tight', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #3e0c14; --lk-bg-2: #2a070d; --lk-bg-tex: none; --lk-ink: #f4e7cf; --lk-ink-2: #e2c9a6; --lk-ink-3: color-mix(in srgb, #e2c9a6 78%, #3e0c14); --lk-line: rgba(255,255,255,.14); --lk-line-2: rgba(255,255,255,.28); --lk-accent: #f2d27a; --lk-accent-2: #f2d27a; --lk-accent-ink: #3e0c14; --lk-focus: #f2d27a; --lk-header: #2a070d; --lk-header-line: rgba(255,255,255,.14); --lk-card: #0f3b2c; --lk-card-2: #134634; --lk-card-ink: #f6ecd8; --lk-card-ink-2: #e2d6bf; --lk-card-ink-3: #c9d8c8; --lk-card-line: #1d5440; --lk-card-line-2: #2c6a52; --lk-card-accent: #f2d27a; --lk-card-accent-ink: #2a070d; --lk-card-focus: #f6dd8e; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #f2d27a; --lk-btn-ink: #3e0c14; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #0f3b2c; --lk-chart-line: #c9a24a; --lk-chart-lag: #5a1420; --lk-chart-sign: #e9c46a; --lk-chart-ink: #f6ecd8; --lk-chart-deg: #c9d8c8; --lk-chart-hot: #134634; --lk-chart-sel: #4a1a24; --lk-g-sun: #f3a96c; --lk-g-moon: #cddcee; --lk-g-mars: #f4a69a; --lk-g-mercury: #9fd6ad; --lk-g-jupiter: #efd37e; --lk-g-venus: #efb2d2; --lk-g-saturn: #aeb8f0; --lk-g-rahu: #c2c6d6; --lk-g-ketu: #e0bf9c; --lk-g-lagna: #f2d27a; --lk-good: #a8dcb6; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="muziris"] #authGate .lpx.lk208 {--lk-font-display: 'Markazi Text', 'EB Garamond', serif; --lk-font-sans: 'Recursive', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #e3a321; --lk-bg-2: #d6971a; --lk-bg-tex: none; --lk-ink: #1d140b; --lk-ink-2: #3d2f1d; --lk-ink-3: color-mix(in srgb, #3d2f1d 78%, #e3a321); --lk-line: #e3cfa0; --lk-line-2: #1d140b; --lk-accent: #7e1b10; --lk-accent-2: #7e1b10; --lk-accent-ink: #fff3dc; --lk-focus: #7e1b10; --lk-header: var(--lk-bg); --lk-header-line: var(--lk-line); --lk-card: #f6ecd3; --lk-card-2: #efe1c0; --lk-card-ink: #1d140b; --lk-card-ink-2: #3d2f1d; --lk-card-ink-3: #4a3a25; --lk-card-line: #e3cfa0; --lk-card-line-2: #1d140b; --lk-card-accent: #7e1b10; --lk-card-accent-ink: #fff3dc; --lk-card-focus: #9b2314; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #7e1b10; --lk-btn-ink: #fff3dc; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #f6ecd3; --lk-chart-line: #1d140b; --lk-chart-lag: #f6d58a; --lk-chart-sign: #9b2314; --lk-chart-ink: #1d140b; --lk-chart-deg: #4a3a25; --lk-chart-hot: #efe1c0; --lk-chart-sel: #f6d58a; --lk-g-sun: #6f2d11; --lk-g-moon: #2b435a; --lk-g-mars: #7d1e17; --lk-g-mercury: #194924; --lk-g-jupiter: #533c09; --lk-g-venus: #72234e; --lk-g-saturn: #33356e; --lk-g-rahu: #433f47; --lk-g-ketu: #5a3a21; --lk-g-lagna: #7e1b10; --lk-good: #194924; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="srinagara"] #authGate .lpx.lk208 {--lk-font-display: 'Piazzolla', 'EB Garamond', serif; --lk-font-sans: 'Inter Tight', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #0e3a3e; --lk-bg-2: #0b2e31; --lk-bg-tex: none; --lk-ink: #f3eadb; --lk-ink-2: #cbb79a; --lk-ink-3: color-mix(in srgb, #cbb79a 78%, #0e3a3e); --lk-line: rgba(255,255,255,.14); --lk-line-2: rgba(255,255,255,.28); --lk-accent: #e9c46a; --lk-accent-2: #e9c46a; --lk-accent-ink: #0e3a3e; --lk-focus: #e9c46a; --lk-header: #0b0a09; --lk-header-line: rgba(255,255,255,.14); --lk-card: #171412; --lk-card-2: #1e1a17; --lk-card-ink: #f5ecdc; --lk-card-ink-2: #ddd1bd; --lk-card-ink-3: #c6b8a0; --lk-card-line: #2e2721; --lk-card-line-2: #4a3e32; --lk-card-accent: #e9c46a; --lk-card-accent-ink: #0b0a09; --lk-card-focus: #f6dd8e; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #e9c46a; --lk-btn-ink: #0e3a3e; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #171412; --lk-chart-line: #c9a24a; --lk-chart-lag: #2e1814; --lk-chart-sign: #5fc0bd; --lk-chart-ink: #f5ecdc; --lk-chart-deg: #c6b8a0; --lk-chart-hot: #1e1a17; --lk-chart-sel: #3a1d18; --lk-g-sun: #f3a86a; --lk-g-moon: #bfe6e4; --lk-g-mars: #f59a86; --lk-g-mercury: #9fd6ad; --lk-g-jupiter: #efd37e; --lk-g-venus: #efb2d2; --lk-g-saturn: #aeb8f0; --lk-g-rahu: #c2c6d6; --lk-g-ketu: #e0bf9c; --lk-g-lagna: #e9c46a; --lk-good: #a8dcc4; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="hampi"] #authGate .lpx.lk208 {--lk-font-display: 'Vollkorn', 'EB Garamond', serif; --lk-font-sans: 'Lexend', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #a99a8b; --lk-bg-2: #9c8d7e; --lk-bg-tex: none; --lk-ink: #2b241f; --lk-ink-2: #39322c; --lk-ink-3: color-mix(in srgb, #39322c 78%, #a99a8b); --lk-line: #d3c7b6; --lk-line-2: #a99a8b; --lk-accent: #283725; --lk-accent-2: #283725; --lk-accent-ink: #f4f0e6; --lk-focus: #283725; --lk-header: var(--lk-bg); --lk-header-line: var(--lk-line); --lk-card: #e9e0d3; --lk-card-2: #e1d7c8; --lk-card-ink: #2b241f; --lk-card-ink-2: #39322c; --lk-card-ink-3: #39322d; --lk-card-line: #d3c7b6; --lk-card-line-2: #a99a8b; --lk-card-accent: #283725; --lk-card-accent-ink: #f4f0e6; --lk-card-focus: #4f6b4a; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #283725; --lk-btn-ink: #f4f0e6; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #e9e0d3; --lk-chart-line: #3a322c; --lk-chart-lag: #d6dccd; --lk-chart-sign: #7a5a3a; --lk-chart-ink: #2b241f; --lk-chart-deg: #39322d; --lk-chart-hot: #e1d7c8; --lk-chart-sel: #d6dccd; --lk-g-sun: #56230d; --lk-g-moon: #223547; --lk-g-mars: #631812; --lk-g-mercury: #243821; --lk-g-jupiter: #412f07; --lk-g-venus: #5a1b3e; --lk-g-saturn: #2c2d5e; --lk-g-rahu: #353238; --lk-g-ketu: #462c19; --lk-g-lagna: #283725; --lk-good: #223821; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="lothal"] #authGate .lpx.lk208 {--lk-font-display: 'Unbounded', 'Inter', sans-serif; --lk-font-sans: 'Sarabun', 'Inter', sans-serif; --lk-display-weight: 500; --lk-display-style: normal; --lk-display-track: 0; --lk-body-size: 18px; --lk-bg: #0c1f33; --lk-bg-2: #081626; --lk-bg-tex: none; --lk-ink: #e6eff6; --lk-ink-2: #9fb6c9; --lk-ink-3: color-mix(in srgb, #9fb6c9 78%, #0c1f33); --lk-line: rgba(255,255,255,.14); --lk-line-2: rgba(255,255,255,.28); --lk-accent: #e8703a; --lk-accent-2: #e8703a; --lk-accent-ink: #0c1f33; --lk-focus: #e8703a; --lk-header: #081626; --lk-header-line: rgba(255,255,255,.14); --lk-card: #11283f; --lk-card-2: #152f4a; --lk-card-ink: #e6eff6; --lk-card-ink-2: #c9d8e4; --lk-card-ink-3: #a9bdcd; --lk-card-line: #1f3b58; --lk-card-line-2: #2f5070; --lk-card-accent: #f0a172; --lk-card-accent-ink: #081626; --lk-card-focus: #f5b48c; --lk-frame: 0 0 0 5px var(--lk-bg), 0 0 0 6.5px var(--lk-line-2); --lk-frame-sm: 0 0 0 4px var(--lk-bg), 0 0 0 5.5px var(--lk-line); --lk-r: 16px; --lk-r-sm: 12px; --lk-r-btn: 999px; --lk-r-tag: 999px; --lk-btn-bg: #e8703a; --lk-btn-ink: #0c1f33; --lk-btn-weight: 600; --lk-ghost-line: var(--lk-line-2); --lk-ghost-style: solid; --lk-ghost-w: 1px; --lk-chart-bg: #11283f; --lk-chart-line: #6fa8d6; --lk-chart-lag: #1d3a58; --lk-chart-sign: #f0a172; --lk-chart-ink: #e6eff6; --lk-chart-deg: #a9bdcd; --lk-chart-hot: #152f4a; --lk-chart-sel: #22405f; --lk-g-sun: #f5a77c; --lk-g-moon: #cfe3f3; --lk-g-mars: #f39a8c; --lk-g-mercury: #9fd6ad; --lk-g-jupiter: #efd37e; --lk-g-venus: #efb2d2; --lk-g-saturn: #aeb8f0; --lk-g-rahu: #c2c6d6; --lk-g-ketu: #e0bf9c; --lk-g-lagna: #f0a172; --lk-good: #a3d8b0; --lk-shadow: 0 8px 24px rgba(20,14,8,.16);} html[data-city="nalanda"] #authGate .lpx.lk208 .lpx-sky, html[data-city="kashi"] #authGate .lpx.lk208 .lpx-sky, html[data-city="harappa"] #authGate .lpx.lk208 .lpx-sky, html[data-city="trigarta"] #authGate .lpx.lk208 .lpx-sky, html[data-city="pataliputra"] #authGate .lpx.lk208 .lpx-sky, html[data-city="dvaraka"] #authGate .lpx.lk208 .lpx-sky, html[data-city="taksasila"] #authGate .lpx.lk208 .lpx-sky, html[data-city="mithila"] #authGate .lpx.lk208 .lpx-sky, html[data-city="tanjavur"] #authGate .lpx.lk208 .lpx-sky, html[data-city="muziris"] #authGate .lpx.lk208 .lpx-sky, html[data-city="srinagara"] #authGate .lpx.lk208 .lpx-sky, html[data-city="hampi"] #authGate .lpx.lk208 .lpx-sky, html[data-city="lothal"] #authGate .lpx.lk208 .lpx-sky {background: var(--lk-chart-bg); border-radius: var(--lk-r); box-shadow: var(--lk-frame), var(--lk-shadow);} /* ---- landing-kit208.css ---- */ /* The Jyotish Project Study Space v2.08: the public landing page in the jyotish.labs landing design, in all sixteen cities. Ported from the jyotish-landing-cities kit (landing.css) onto the Study Space landing markup (.lpx-*). The tokens come from landing-cities208.css (--lk-*, set on #authGate .lpx.lk208 per ). The floor: the city's own ground, ink and accent. The cards set into it: inside every card the floor tokens are swapped for the card tokens, so text simply reads --lk-ink, --lk-line and --lk-accent wherever it sits. Kāñcī, Bidar and Ujjayinī keep the hand-made ornaments of the jyotish.labs landing; the other thirteen share the chart on a framed card. The long selector prefix (P below) is only there to sit over the older landing, city and mood stylesheets. */ /* ---------- the floor ---------- */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208{ --x-paper:var(--lk-card);--x-paper2:var(--lk-card-2);--x-ink:var(--lk-card-ink);--x-muted:var(--lk-card-ink-2);--x-line:var(--lk-card-line); --x-accent:var(--lk-card-accent);--x-accent-ink:var(--lk-card-accent-ink);--x-radius:var(--lk-r);--x-sky:var(--lk-bg-2);--x-sky-ink:var(--lk-ink);--x-sky-gold:var(--lk-accent); background:var(--lk-bg-tex,none),var(--lk-bg)!important;background-color:var(--lk-bg)!important;color:var(--lk-ink-2)!important; font-family:var(--lk-font-sans)!important;font-size:var(--lk-body-size);line-height:1.6;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased } html[data-city][data-city][data-appearance] #authGate{background:var(--lk-bg,#7a2a1e)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-pigment,.lpx-motion,.lpx-wheel){display:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-main{background:transparent!important;padding:0!important;max-width:none!important;margin:0!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(h1,h2,h3,h4){font-family:var(--lk-font-display)!important;font-weight:var(--lk-display-weight)!important;font-style:var(--lk-display-style)!important;letter-spacing:var(--lk-display-track)!important;line-height:1.08;color:var(--lk-ink)!important;text-shadow:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(p,li,dd,.lpx-lede){color:var(--lk-ink-2)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(b,strong){color:var(--lk-ink)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(small,.lpx-fine,.lpx-muted,.muted){color:var(--lk-ink-3)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-kicker,.lpx-eye,.eyebrow){font:600 13px/1.3 var(--lk-font-sans)!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--lk-accent)!important} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-kicker,.lpx-eye), html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-kicker,.lpx-eye){font:italic 400 17px/1.3 var(--lk-font-display)!important;letter-spacing:0!important;text-transform:none} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-kicker,.lpx-eye){color:var(--lk-ink-3)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 a:not(.btn){color:var(--lk-accent)} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :focus-visible{outline:2px solid var(--lk-focus);outline-offset:3px} /* ---------- the cards set into it: the floor tokens swapped for the card tokens ---------- */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-tile,.lpx-week>article,.lpx-steps>li,.lpx-plan,.lp9-tier,.lpx-city207,.lpx-table,.lpx-born,.lpx-num,.lpx-sky,.lpx-portrait){ --lk-ink:var(--lk-card-ink);--lk-ink-2:var(--lk-card-ink-2);--lk-ink-3:var(--lk-card-ink-3);--lk-line:var(--lk-card-line);--lk-line-2:var(--lk-card-line-2); --lk-accent:var(--lk-card-accent);--lk-accent-2:var(--lk-card-accent);--lk-accent-ink:var(--lk-card-accent-ink);--lk-focus:var(--lk-card-focus); --lk-btn-bg:var(--lk-card-accent);--lk-btn-ink:var(--lk-card-accent-ink);--lk-ghost-line:var(--lk-card-line-2) } html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-tile,.lpx-week>article,.lpx-steps>li,.lpx-plan,.lp9-tier,.lpx-city207,.lpx-table,.lpx-born){ background:var(--lk-card)!important;background-image:none!important;color:var(--lk-ink-2)!important;border:0!important;outline:0!important;border-radius:var(--lk-r)!important;box-shadow:var(--lk-frame-sm)!important;transform:none!important } html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-tile,.lpx-week>article,.lpx-steps>li,.lpx-plan,.lp9-tier,.lpx-city207,.lpx-table,.lpx-born)::before{display:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-tile:hover{box-shadow:var(--lk-frame)!important} /* small surfaces inside a card */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-demo,.lp9-tier li,.lpx-row.head){background:var(--lk-card-2)!important;background-image:none!important;border:1px solid var(--lk-card-line)!important;border-radius:var(--lk-r-sm)!important;box-shadow:none!important;color:var(--lk-ink)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-row.head{border-radius:0!important;border-width:0 0 1px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-row{border-color:var(--lk-card-line)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lp9-tier li.open{border-color:var(--lk-card-accent)!important;box-shadow:inset 3px 0 0 var(--lk-card-accent)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lp9-tier:not(:last-child)::after{border-color:var(--lk-line-2)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lp9-tt b{background:var(--lk-card-accent)!important;color:var(--lk-card-accent-ink)!important;font-family:var(--lk-font-display)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-born :is(small,b){color:var(--lk-card-accent)!important} /* tags and chips */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-chips span,.lpx-sky figcaption span,.badge){display:inline-flex;align-items:center;gap:6px;background:transparent!important;font:600 12.5px/1 var(--lk-font-sans)!important;letter-spacing:.02em;padding:5px 10px!important;border-radius:var(--lk-r-tag)!important;border:1.5px solid var(--lk-line-2)!important;color:var(--lk-ink-2)!important;box-shadow:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-chips span.on{border-color:var(--lk-accent)!important;color:var(--lk-accent)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-bar{background:var(--lk-line)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-bar i{background:var(--lk-accent)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-play{background:var(--lk-accent)!important;color:var(--lk-accent-ink)!important;box-shadow:none!important} /* ---------- buttons ---------- */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px!important;border-radius:var(--lk-r-btn)!important;font:var(--lk-btn-weight) 16px/1 var(--lk-font-sans)!important;box-shadow:none!important;background-image:none!important;white-space:nowrap;transition:background-color .18s,color .18s} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .btn.primary{background:var(--lk-btn-bg)!important;color:var(--lk-btn-ink)!important;border:0!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .btn.primary:hover{background:color-mix(in srgb,var(--lk-btn-bg) 86%,#fff)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .btn:not(.primary){background:transparent!important;color:var(--lk-ink)!important;border:var(--lk-ghost-w) var(--lk-ghost-style) var(--lk-ghost-line)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .btn:not(.primary):hover{background:color-mix(in srgb,var(--lk-ink) 7%,transparent)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-big{min-height:50px;padding:0 24px!important;font-size:17px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .text-btn{color:var(--lk-accent)!important;font:inherit!important;text-decoration:underline;text-underline-offset:3px} /* ---------- header ---------- */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav{background:var(--lk-header)!important;border-bottom:1px solid var(--lk-header-line)!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--lk-ink)!important} html[data-city="kanci"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav{background:var(--lk-bg-tex),var(--lk-header)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav :is(.lpx-brand,.lpx-brand b){color:var(--lk-ink)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-brand b{font:var(--lk-display-weight) var(--lk-display-style) 17px/1.1 var(--lk-font-display)!important;letter-spacing:.06em} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-brand small{color:var(--lk-ink-3)!important} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-brand b{color:#ecd59a!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-mark{color:var(--lk-accent)!important;background:transparent!important;border-color:var(--lk-line-2)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-links a{color:var(--lk-ink-2)!important;font-size:16px;padding:8px 11px;border-radius:var(--lk-r-btn);text-decoration:none} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-links a:hover{color:var(--lk-ink)!important;background:color-mix(in srgb,var(--lk-ink) 8%,transparent)} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav :is(select,.mood162>summary){background:transparent!important;color:var(--lk-ink)!important;border:1px solid var(--lk-line)!important;border-radius:var(--lk-r-btn)!important;box-shadow:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav select option{color:#111;background:#fff} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-stick{background:var(--lk-header)!important;border-top:1px solid var(--lk-header-line)!important;color:var(--lk-ink)!important;box-shadow:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-stick span{color:var(--lk-ink)!important} /* ---------- the opening ---------- */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-width:1392px!important;margin:0 auto!important;padding:clamp(36px,6vw,88px) clamp(16px,4vw,56px) clamp(32px,4.5vw,64px)!important;gap:clamp(28px,5vw,80px)!important;align-items:center} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero::before, html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero::after{display:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero h1{font-size:clamp(40px,5.2vw,76px)!important;line-height:1.02!important;margin:14px 0 0!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero .lpx-lede{margin-top:24px;max-width:54ch;font-size:clamp(18px,1.45vw,21px)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero .lpx-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero .lpx-fine{margin-top:16px;font-size:15px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-pulse{animation:none!important;background:var(--lk-accent)!important;box-shadow:none!important} /* Ujjayinī: a centred opening, the chart below it */ html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero-copy{max-width:920px} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero .lpx-lede{margin-left:auto;margin-right:auto} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero .lpx-cta{justify-content:center} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero .lpx-sky{width:min(600px,100%)} /* the live chart on its card: Kāñcī's chalk slab with a kolam of dots, Bidar's inlaid plate, Ujjayinī's brass rings, a framed card elsewhere */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky{position:relative;background:var(--lk-chart-bg)!important;color:var(--lk-chart-ink)!important;border:0!important;border-radius:var(--lk-r)!important;box-shadow:var(--lk-frame)!important;padding:clamp(18px,2.4vw,30px)!important} html[data-city="kanci"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky{background:var(--lk-card)!important;border-radius:36px!important;box-shadow:0 0 0 7px var(--lk-bg),0 0 0 9px rgba(251,239,230,.6)!important;padding:clamp(30px,3vw,40px)!important} html[data-city="kanci"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky::after{content:'';position:absolute;inset:12px;border-radius:26px;pointer-events:none;background:radial-gradient(circle,rgba(122,42,30,.38) 1.6px,transparent 2px) 0 0/14px 14px;-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;padding:11px} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky{background:transparent!important;box-shadow:none!important} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky::before{content:'';position:absolute;inset:0;border:1px solid #3a3f45;box-shadow:inset 0 0 0 5px var(--lk-bg),inset 0 0 0 6px #2a2e33;pointer-events:none} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky{background:#0e261f!important;border:1px solid #c8a35a!important;border-radius:var(--lk-r)!important;box-shadow:0 0 0 5px var(--lk-bg),0 0 0 6px #c8a35a!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky-head span{color:var(--lk-card-accent)!important;font:600 11px/1.3 var(--lk-font-sans)!important;letter-spacing:.14em} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky-head b{color:var(--lk-chart-deg,var(--lk-ink-3))!important;font-weight:400!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg :is(line,path,polyline,polygon,rect)[stroke]:not([stroke="none"]){stroke:var(--lk-chart-line)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg [fill="#fcfaf5"]{fill:transparent!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg .chart-rashi180{fill:var(--lk-chart-sign)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg .chart-glyph-degree{fill:var(--lk-chart-deg)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky-load{color:var(--lk-chart-deg,var(--lk-ink-3))!important} /* ---------- the figures ---------- */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-numbers{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;max-width:1392px!important;margin:0 auto!important;padding:0 clamp(16px,4vw,56px) clamp(24px,3vw,40px)!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num{background:var(--lk-card)!important;border:0!important;border-radius:var(--lk-r)!important;box-shadow:var(--lk-frame-sm)!important;padding:22px 22px 20px!important;background-image:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num b{display:block;font:var(--lk-display-weight) var(--lk-display-style) clamp(32px,3vw,42px)/1 var(--lk-font-display)!important;color:var(--lk-ink)!important} html[data-city="kanci"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num b{color:var(--lk-card-accent)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num span{display:block;margin-top:8px;font-size:15px!important;color:var(--lk-ink-3)!important} /* Bidar and Ujjayinī: one ruled row, no cards (Ujjayinī's with brass graduations) */ html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-numbers, html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-numbers{gap:0!important;padding-left:0!important;padding-right:0!important;max-width:min(1280px,calc(100% - 2*clamp(16px,4vw,56px)))!important;border-top:1px solid var(--lk-line)!important;border-bottom:1px solid var(--lk-line)!important} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num, html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num{background:none!important;box-shadow:none!important;border-radius:0!important;border-left:1px solid var(--lk-line)!important} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num b, html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num b{color:var(--lk-card-ink)!important} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num:nth-child(4n+1), html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num:nth-child(4n+1){border-left:0!important} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-numbers{border-top-color:#c8a35a!important;background:repeating-linear-gradient(90deg,#c8a35a 0 1px,transparent 1px 8px) top/100% 5px no-repeat!important} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num{padding-top:28px!important} /* ---------- sections, straight on the floor ---------- */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sec{background:transparent!important;background-image:none!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;max-width:1392px!important;margin:0 auto!important;padding:clamp(48px,6vw,88px) clamp(16px,4vw,56px)!important;color:var(--lk-ink-2)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sec::before, html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sec::after{display:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-head{margin-bottom:clamp(28px,3.4vw,44px)} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-head h2, html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-teacher h2{font-size:clamp(32px,4vw,50px)!important;margin-top:10px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-head p{margin-top:14px;font-size:1.08em!important;max-width:60ch} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-tile h3{font-size:22px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-tile,.lpx-week>article,.lpx-steps>li){padding:22px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-week-main small{color:var(--lk-card-accent)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-steps>li>b:first-child{font:var(--lk-display-weight) var(--lk-display-style) 24px/1.2 var(--lk-font-display)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-steps>li::after{background:var(--lk-card-accent)!important;color:var(--lk-card-accent-ink)!important} /* the teacher: a framed portrait, as on the jyotish.labs page */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-portrait{background:var(--lk-card)!important;box-shadow:var(--lk-frame)!important;border:0!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-portrait span{color:var(--lk-card-accent)!important;font-family:var(--lk-font-display)!important} /* ---------- membership ---------- */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan{position:relative;padding:28px 26px 26px!important;display:flex;flex-direction:column} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan.featured{box-shadow:var(--lk-frame)!important} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan.featured{box-shadow:0 0 0 1px #c8a35a,0 0 0 5px var(--lk-bg),0 0 0 6px #c8a35a!important} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan.featured{box-shadow:0 0 0 1px #c9ced3,0 0 0 6px var(--lk-bg),0 0 0 7px #4b5157!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-badge{position:absolute;top:-13px;left:26px;background:var(--lk-card-accent)!important;color:var(--lk-card-accent-ink)!important;font:700 12px/1 var(--lk-font-sans)!important;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px!important;border:0!important;border-radius:var(--lk-r-tag)!important;box-shadow:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan h3{font-size:30px!important} html[data-city="kanci"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan h3{color:var(--lk-card-accent)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-price{margin:18px 0 4px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-price b{font:var(--lk-display-weight) var(--lk-display-style) 52px/1 var(--lk-font-display)!important;color:var(--lk-ink)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-price span{font-size:15px!important;color:var(--lk-ink-3)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan ul{list-style:none!important;margin:16px 0 22px!important;padding:18px 0 0!important;border-top:1px solid var(--lk-line)!important;display:grid;gap:9px;font-size:15px} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan li{position:relative;padding-left:24px!important;line-height:1.45} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan li::before{content:''!important;position:absolute;left:1px;top:.38em;width:12px;height:7px;border-left:1.8px solid var(--lk-good);border-bottom:1.8px solid var(--lk-good);transform:rotate(-45deg);background:none!important;color:transparent!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan .btn{margin-top:auto} /* ---------- questions ---------- */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-faq{max-width:900px;margin:0 auto;border-top:1px solid var(--lk-line-2)} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-faq details{background:transparent!important;border:0!important;border-bottom:1px solid var(--lk-line-2)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-faq summary{padding:18px 2px!important;font:var(--lk-display-weight) var(--lk-display-style) 21px/1.3 var(--lk-font-display)!important;color:var(--lk-ink)!important;background:transparent!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-faq summary::after{color:var(--lk-accent)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-faq details p{padding:0 2px 22px!important;font-size:16.5px!important;line-height:1.65;max-width:46em} /* ---------- the close and the foot ---------- */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-final{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-width:none!important;margin:0!important;text-align:center;padding:clamp(64px,8vw,120px) clamp(16px,4vw,56px)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-final::before, html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-final::after{display:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-final h2{font-size:clamp(38px,5vw,64px)!important;margin-top:12px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-final p{margin:16px auto 26px!important;max-width:36em;font-size:1.1em!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-foot,footer){background:var(--lk-header)!important;border-top:1px solid var(--lk-header-line)!important;color:var(--lk-ink-3)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-foot,footer) :is(a,button,b){color:var(--lk-ink-2)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-foot,footer) small{color:var(--lk-ink-3)!important} @media (max-width:900px){ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-numbers{grid-template-columns:repeat(2,minmax(0,1fr))!important} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num:nth-child(odd), html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num:nth-child(odd){border-left:0!important} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num:nth-child(n+3), html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-num:nth-child(n+3){border-top:1px solid var(--lk-line)!important} } @media (max-width:560px){ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero h1{font-size:clamp(34px,9vw,46px)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-numbers{gap:12px!important} } /* the bar keeps every control on one line: smaller links, and the links step aside on narrower screens */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-links a{font-size:15px!important;padding:6px 9px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .btn{min-height:40px;padding:0 16px!important;font-size:15px!important} @media (max-width:1560px){html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-links{display:none!important}} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero .lpx-fine{justify-content:center;text-align:center} /* the jyotish.labs measure: content held to about 1220 px */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-hero,.lpx-sec){max-width:1300px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-numbers{max-width:1300px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav{padding-left:max(clamp(16px,4vw,56px),calc((100% - 1220px)/2))!important;padding-right:max(clamp(16px,4vw,56px),calc((100% - 1220px)/2))!important} /* the chart drawn as on jyotish.labs: city lines, the lagna house shaded, planets in the display face, no boxes */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg .chart-surface176{fill:transparent!important;stroke:var(--lk-chart-line)!important;stroke-width:2.4!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg path{stroke-width:1.6!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg .chart-field154:first-of-type{fill:var(--lk-chart-lag)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg :is(.chart-marker-mask176,.chart-rashi180 rect){fill:transparent!important;stroke:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg .chart-glyph-name{font-family:var(--lk-font-display)!important;font-weight:var(--lk-display-weight)!important;font-size:36px!important;fill:var(--lk-chart-ink)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg .chart-glyph-degree{font-family:var(--lk-font-sans)!important;font-size:17px!important;fill:var(--lk-chart-deg)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg .chart-rashi180 text{font-family:var(--lk-font-display)!important;fill:var(--lk-chart-sign)!important} /* ---------- v2.08 refinements: rhythm, measure and detail ---------- */ /* one vertical rhythm: sections breathe evenly, never doubling into large empty bands */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sec{padding-top:clamp(44px,5vw,72px)!important;padding-bottom:clamp(44px,5vw,72px)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-numbers{padding-bottom:clamp(20px,2.5vw,32px)!important;row-gap:22px!important;column-gap:22px!important} /* section heads: wider measure so headings set on one line, the lede on a calm column */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-head{max-width:880px!important;margin:0 auto clamp(30px,3.4vw,46px)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-head.lpx-left{margin-left:0!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-head h2{margin:12px 0 0!important;text-wrap:balance} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-head p{margin:16px auto 0!important;max-width:62ch;font-size:clamp(17px,1.3vw,19px)!important;line-height:1.65} /* room between framed cards so each ring stands clear */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-bento,.lpx-path,.lpx-week,.lpx-steps,.lpx-plans){gap:22px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-bento,.lpx-path,.lpx-week){max-width:1220px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-steps{max-width:1060px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plans{grid-template-columns:repeat(2,minmax(0,420px))!important;margin-bottom:22px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lp9-tier::after{display:none!important} /* card type: the body a size up, titles in the display face, one size for every rhythm card */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-tile,.lpx-week>article,.lpx-steps>li) :is(p,span:not(.lpx-chips span)){font-size:15.5px!important;line-height:1.6!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-tile h3{margin:14px 0 8px!important;line-height:1.2!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-tile,.lpx-week>article,.lpx-steps>li,.lpx-plan){padding:24px 24px 22px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-week>article{gap:8px} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-week>article b{font:var(--lk-display-weight) var(--lk-display-style) 22px/1.25 var(--lk-font-display)!important;color:var(--lk-card-ink)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-week>article small{font:600 12px/1.3 var(--lk-font-sans)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--lk-card-accent)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-week{grid-template-columns:repeat(4,minmax(0,1fr))!important} /* the trial steps keep their numbers, in the card's accent */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-steps>li::before{display:grid!important;content:counter(s)!important;position:absolute;top:22px;right:22px;width:30px;height:30px;border-radius:50%;place-items:center;background:var(--lk-card-accent)!important;color:var(--lk-card-accent-ink)!important;font:700 14px/1 var(--lk-font-sans)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-steps>li>b{display:block;margin-bottom:10px;padding-right:40px} /* the Grahas right now: the text and the table on one baseline */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-calc{align-items:center;column-gap:clamp(32px,5vw,72px)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-born{margin-top:26px!important;padding:18px 22px!important;font-size:15.5px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-row{padding:11px 18px!important} /* the city picker card a little roomier */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-city207{padding:24px 26px!important;max-width:820px!important} /* the teacher: portrait and words held together on one measure */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-teacher{max-width:1060px!important;column-gap:clamp(28px,4vw,56px)!important;align-items:center} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-teacher p{margin-top:16px!important;max-width:64ch;font-size:clamp(16.5px,1.2vw,18px)!important;line-height:1.7} /* membership: price set apart, the small print further from the cards */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan .lpx-price{margin:14px 0 2px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .public-pricing .lpx-fine{margin-top:18px!important;font-size:14.5px!important;text-align:center} /* questions: the full measure, the plus sign kept clear of long questions */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-faq{width:100%;max-width:880px!important;gap:0!important;margin:0 auto!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-faq summary{position:relative;padding:20px 44px 20px 2px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-faq summary::after{right:6px!important;font-size:22px!important} /* the live chart: planet names a touch smaller so the topmost never meets the frame */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg .chart-glyph-name{font-size:30px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg .chart-glyph-degree{font-size:15px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky svg .chart-rashi180 text{font-size:15px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky figcaption{margin-top:14px!important;gap:8px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sky-head{margin-bottom:12px!important} /* the foot: one size for every link */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-foot,footer){padding:36px max(clamp(16px,4vw,56px),calc((100% - 1220px)/2))!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-foot-links :is(a,button){font-size:15px!important;text-decoration:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-foot-links :is(a,button):hover{color:var(--lk-ink)!important;text-decoration:underline!important} @media (max-width:1100px){ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-week{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:640px){ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-sec,.lpx-hero,.lpx-final){padding-left:22px!important;padding-right:22px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-numbers{padding-left:22px!important;padding-right:22px!important;row-gap:16px!important;column-gap:16px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-bento,.lpx-path,.lpx-week,.lpx-steps,.lpx-plans){gap:18px!important;grid-template-columns:1fr!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-tile,.lpx-week>article,.lpx-steps>li,.lpx-plan){padding:20px 20px 18px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-sec{padding-top:40px!important;padding-bottom:40px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-faq summary{font-size:18px!important} } /* sections take the full measure (auto margins in the column layout would otherwise shrink a section to its content) */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 :is(.lpx-sec,.lpx-hero,.lpx-numbers,.lpx-final){width:100%!important;box-sizing:border-box!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-plan ul{align-content:start} /* one scrollbar: while the public page is up it scrolls on its own, so the Study Space behind it must not scroll too */ html:has(#authGate:not(.hidden)), html:has(#authGate:not(.hidden)) body{overflow:hidden!important;height:100%!important} /* the name of the house stands apart from the section links */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav{column-gap:16px!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-brand{margin-right:clamp(28px,3.4vw,56px)!important;flex:none} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-links{gap:4px!important;margin-right:auto} /* ---- logo209.css ---- */ /* v2.09: the mark in each place, coloured by the city it sits in */ .tjp-logo{display:inline-block;flex:none;width:1em;height:1em;vertical-align:middle;overflow:visible} .tjp-logo :is(line,path,circle){vector-effect:none} /* the landing bar and footer read the landing kit's own ink and accent */ #authGate .lpx .lpx-mark.has-logo209{display:inline-grid!important;place-items:center;width:40px!important;height:40px!important;border:0!important;background:none!important;font-size:0!important} #authGate .lpx .tjp-logo-lpx{width:38px;height:38px;--logo-rim:var(--lk-ink,currentColor);--logo-sun:var(--lk-accent,currentColor);--logo-glass:transparent} html[data-city="ujjayini"] #authGate .lpx .tjp-logo-lpx{--logo-rim:#ecd59a} #authGate .lpx .lpx-brand{display:inline-flex!important;align-items:center;gap:10px} #authGate .lpx .lpx-foot>div:first-child{position:relative;padding-left:48px} #authGate .lpx .tjp-logo-foot{position:absolute;left:0;top:50%;transform:translateY(-50%);width:36px;height:36px;--logo-rim:var(--lk-ink-2,currentColor);--logo-sun:var(--lk-accent,currentColor)} /* the sidebar */ .sidebar .brand{display:flex!important;align-items:center;gap:10px} .tjp-logo-side{width:34px;height:34px;--logo-rim:var(--sb-ink,currentColor);--logo-sun:var(--header-gold,var(--wine,currentColor));--logo-glass:transparent} /* the sign-in panel and the loading card */ .auth-brand{display:flex!important;align-items:center;gap:10px} .tjp-logo-auth{width:34px;height:34px;--logo-rim:currentColor;--logo-sun:var(--wine,currentColor)} .study-loader-card .tjp-logo-loader{display:block;margin:0 auto 12px;width:54px;height:54px;--logo-rim:var(--ink,currentColor);--logo-sun:var(--wine,currentColor);animation:tjpLogoBreathe 2.4s ease-in-out infinite} @keyframes tjpLogoBreathe{50%{transform:scale(1.06)}} @media (prefers-reduced-motion:reduce){.study-loader-card .tjp-logo-loader{animation:none}} /* the cover shown while a returning member is signed back in: the mark in place of the old star */ html.tjp-resume207 body::after{content:''!important;width:64px!important;height:64px!important;background:var(--header-gold,#f2b632)!important;-webkit-mask:url(assets/brand213/mark.svg) center/contain no-repeat;mask:url(assets/brand213/mark.svg) center/contain no-repeat;font-size:0!important} /* ---- landing209.css ---- */ /* v2.09: the app on the landing page, in the landing kit's tokens (see landing-kit208.css) */ html[data-city] #authGate .lpx .lpx-app209-ph{display:inline-block;width:14px;height:20px;flex:none;background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'%3E%3Crect x='1' y='1' width='12' height='18' rx='3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Crect x='5' y='15.2' width='4' height='1.6' rx='.8'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'%3E%3Crect x='1' y='1' width='12' height='18' rx='3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Crect x='5' y='15.2' width='4' height='1.6' rx='.8'/%3E%3C/svg%3E") center/contain no-repeat} /* the line in the opening */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-hint{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:9px 16px 9px 14px;border-radius:var(--lk-r-btn);border:var(--lk-ghost-w) var(--lk-ghost-style) var(--lk-ghost-line);color:var(--lk-ink)!important;text-decoration:none;font:600 15px/1.2 var(--lk-font-sans)} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-hint .lpx-app209-ph{color:var(--lk-accent)} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-hint b{color:var(--lk-accent)!important;font-size:18px;line-height:1} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-hint:hover{background:color-mix(in srgb,var(--lk-ink) 7%,transparent)} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-hero .lpx-app209-hint{margin-left:auto;margin-right:auto} /* the App link in the bar */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-app209-nav{gap:8px;text-decoration:none} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-app209-nav .lpx-app209-ph{color:var(--lk-accent)} @media (max-width:760px){html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-app209-nav{display:none!important}} /* the section */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:center} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209[hidden]{display:none!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209 h2{font-size:clamp(32px,4vw,50px)!important;margin:12px 0 0!important;text-wrap:balance} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-text>p{margin-top:18px;font-size:clamp(17px,1.3vw,19px)!important;line-height:1.65;max-width:56ch} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-ways{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--lk-line-2);max-width:560px} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-ways li{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 2px;border-bottom:1px solid var(--lk-line-2);font-size:16px} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-ways b{font:var(--lk-display-weight) var(--lk-display-style) 18px/1.3 var(--lk-font-display)!important;color:var(--lk-ink)!important} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-ways span{color:var(--lk-ink-2)} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209 .lpx-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209 .lpx-cta a.btn{text-decoration:none} /* the phone, framed like the chart in the opening */ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-phone{margin:0;display:flex;flex-direction:column;align-items:center;gap:26px} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-device{width:min(300px,78vw);padding:11px;border-radius:44px;background:var(--lk-card);box-shadow:var(--lk-frame)} html[data-city="kanci"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-device{box-shadow:0 0 0 7px var(--lk-bg),0 0 0 9px rgba(251,239,230,.6)} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-device{border-radius:0;background:transparent;box-shadow:inset 0 0 0 1px #3a3f45,0 0 0 6px var(--lk-bg),0 0 0 7px #2a2e33} html[data-city="ujjayini"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-device{background:#0e261f;box-shadow:0 0 0 1px #c8a35a,0 0 0 5px var(--lk-bg),0 0 0 6px #c8a35a} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-device img{display:block;width:100%;height:auto;border-radius:34px} html[data-city="bidar"][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-device img{border-radius:0} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-qr{display:flex;align-items:center;gap:16px;max-width:360px;margin:0;color:var(--lk-ink-2);font-size:14.5px;line-height:1.5} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-qr[hidden]{display:none} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 #lpx-app-qr{flex:none;width:104px;height:104px;background:#fff;border-radius:12px;padding:6px;line-height:0;box-shadow:var(--lk-frame-sm)} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 #lpx-app-qr:empty{display:none} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 #lpx-app-qr svg{width:100%;height:100%} @media (max-width:900px){ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209{grid-template-columns:1fr} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-phone{order:-1} } @media (max-width:520px){ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-ways li{grid-template-columns:1fr;gap:2px} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209 .lpx-cta .btn{width:100%} } @media (max-width:900px){html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-device{width:min(250px,66vw)}} @media (hover:none) and (pointer:coarse){html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-app209-qr{display:none!important}} /* the bar on a narrow phone: brand and the one button share the row */ @media (max-width:440px){ html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav{gap:10px} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-brand{min-width:0;gap:9px} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-brand .tjp-logo-lpx{width:32px;height:32px} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-brand{margin-right:0!important;flex:0 1 auto} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav .lpx-brand b{font-size:14px!important;letter-spacing:.03em;white-space:nowrap} html[data-city][data-city][data-appearance] #authGate .lpx.lk208.lk208.lk208 .lpx-nav-actions .btn{padding-left:14px!important;padding-right:14px!important;font-size:14px!important;white-space:nowrap} } /* ---- meditation212.css ---- */ /* The Jyotish Project Study Space v2.12: the Meditation room. City tokens on the page; a night sky for the sitting itself. */ .md2,.md2 .card,.md2-sheet .card{--md-s:var(--surface,var(--paper,#fbf8f3));--md-s2:var(--surface-2,var(--paper2,#f1ece4));--md-ink:var(--ink,#221a16);--md-ink2:var(--ink-2,var(--muted,#5a4a42));--md-line:var(--line,#e2d9cf);--md-acc:var(--accent,var(--wine,#7a2a1e));--md-acc-ink:var(--accent-ink,#fff);--md-acc-soft:var(--accent-soft,color-mix(in srgb,var(--md-acc) 12%,var(--md-s)));--md-gold:var(--gold,#a8771c);--md-disp:var(--font-display,Georgia,serif);--md-sans:var(--font-sans,system-ui,sans-serif)} .md2{display:grid;gap:14px;min-width:0} .md2 .card,.md2-sheet .card{color:var(--md-ink);min-width:0} .md2-eyebrow{font:600 11.5px/1.3 var(--md-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--md-acc)} .md2-muted{color:var(--md-ink2);font-size:.92rem;margin:0} .md2-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .md2-big{font-size:1.02rem;padding:12px 20px} .md2-line{margin:6px 0 14px;color:var(--md-ink2);line-height:1.55;max-width:60ch} /* today */ .md2-today{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;padding:22px 24px;background:radial-gradient(ellipse at 100% 0%,var(--md-acc-soft),transparent 60%),var(--md-s)} .md2-today h2{margin:6px 0 0;font:500 clamp(1.5rem,3vw,2.1rem)/1.15 var(--md-disp)} .md2-gsym{color:var(--md-gold);font-family:"Segoe UI Symbol","Noto Sans Symbols","Noto Sans Symbols 2","DejaVu Sans",sans-serif} .md2-sky{display:flex;gap:14px;align-items:center;min-width:220px;padding:12px 16px;border-radius:16px;background:var(--md-s2)} .md2-sky div{display:grid;gap:2px}.md2-sky b{font:600 1rem var(--md-sans)}.md2-sky span{font-size:.88rem;color:var(--md-ink2)} .md2-sky-wait{color:var(--md-ink2);font-size:.9rem} .md2-moon{width:56px;height:56px;flex:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))} .md2-moon-dark{fill:#1d2033}.md2-moon-lit{fill:#f3ead2} /* library */ .md2-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:12px} .md2-p{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:2px 12px;text-align:left;padding:16px 18px;border:1px solid var(--md-line);cursor:pointer;font:inherit;transition:transform .15s,box-shadow .15s,border-color .15s} .md2-p:hover,.md2-p:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--md-acc) 45%,var(--md-line));box-shadow:0 8px 22px rgba(0,0,0,.08)} .md2-p-icon{grid-row:1/4;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--md-acc-soft);color:var(--md-acc);font-size:1.25rem} .md2-p b{font:600 1.02rem var(--md-sans);color:var(--md-ink)}.md2-p span{color:var(--md-ink2);font-size:.9rem;line-height:1.45}.md2-p small{color:var(--md-acc);font:600 .78rem var(--md-sans);letter-spacing:.06em;text-transform:uppercase} /* stats */ .md2-stats{display:grid;grid-template-columns:repeat(3,minmax(0,auto)) minmax(0,1fr);gap:14px 26px;align-items:center;padding:18px 22px} .md2-stat{display:grid}.md2-stat b{font:500 2rem/1 var(--md-disp);color:var(--md-ink)}.md2-stat span{font-size:.82rem;color:var(--md-ink2)} .md2-heat{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px;justify-self:end;width:min(100%,260px)} .md2-heat i{aspect-ratio:1;border-radius:3px;background:var(--md-s2);display:block} .md2-heat i.l1{background:color-mix(in srgb,var(--md-acc) 25%,var(--md-s2))}.md2-heat i.l2{background:color-mix(in srgb,var(--md-acc) 45%,var(--md-s2))}.md2-heat i.l3{background:color-mix(in srgb,var(--md-acc) 70%,var(--md-s2))}.md2-heat i.l4{background:var(--md-acc)} .md2-stats>.md2-ref,.md2-stats>.md2-muted{grid-column:1/-1} .md2-ref{margin:0;padding:10px 14px;border-left:3px solid var(--md-gold);background:var(--md-s2);border-radius:0 10px 10px 0;font-style:italic;line-height:1.5} .md2-ref small{display:block;font-style:normal;color:var(--md-ink2);font-size:.78rem;margin-bottom:2px} .md2-sound summary,.md2-sound-in summary{cursor:pointer;font:600 .95rem var(--md-sans);padding:4px 0} .md2-sound{padding:12px 20px} .md2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px 18px;padding:10px 0 4px} .md2-grid label{display:grid;gap:4px;font-size:.88rem;color:var(--md-ink2)} .md2-check{display:flex!important;gap:8px;align-items:center;font-size:.9rem;color:var(--md-ink2)} .md2-foot{padding:0 4px} /* setup sheet */ .md2-sheet{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:16px;background:rgba(15,10,8,.55);backdrop-filter:blur(3px);overflow:auto} .md2-sheet-card{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:22px 24px;border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.35)} .md2-sheet-card h2{margin:6px 0 0;font:500 1.6rem/1.2 var(--md-disp)} .md2-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:var(--md-s2);color:var(--md-ink);font-size:1.3rem;cursor:pointer} .md2-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px} .md2-chip{display:grid;gap:1px;padding:8px 12px;border-radius:12px;border:1px solid var(--md-line);background:var(--md-s);color:var(--md-ink);font:500 .92rem var(--md-sans);cursor:pointer;text-align:left} .md2-chip small{font-size:.74rem;color:var(--md-ink2);font-weight:400} .md2-chip[aria-checked=true],.md2-chip[aria-pressed=true]{border-color:var(--md-acc);background:var(--md-acc-soft);box-shadow:inset 0 0 0 1px var(--md-acc)} .md2-n{min-width:46px;text-align:center;place-items:center} .md2-dur{display:flex;flex-wrap:wrap;gap:6px;align-items:end;margin:4px 0 12px} .md2-dur label{display:grid;gap:2px;font-size:.8rem;color:var(--md-ink2);margin-left:6px}.md2-dur input{width:76px} .md2-mantras .md2-chip{min-width:150px} .md2-deva{font-family:"Noto Serif Devanagari","Tiro Devanagari Sanskrit","Nirmala UI","Mangal",serif;font-size:1.08rem} .md2-go{margin-top:14px} /* the sitting: a night sky over every city */ html:has(body.md2-sitting),body.md2-sitting{overflow:hidden} .md2-sit{position:fixed;inset:0;z-index:2147482000;display:grid;grid-template-rows:auto 1fr auto;color:#efe7d6;background:radial-gradient(ellipse at 50% 120%,#2a1e3f 0%,#131527 45%,#07080f 100%);font-family:var(--font-sans,system-ui,sans-serif)} .md2-sit[hidden]{display:none} .md2-stars{position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:radial-gradient(1px 1px at 12% 20%,#fff8,transparent 60%),radial-gradient(1px 1px at 72% 12%,#fff9,transparent 60%),radial-gradient(1.5px 1.5px at 40% 34%,#fffb,transparent 60%),radial-gradient(1px 1px at 86% 46%,#fff7,transparent 60%),radial-gradient(1px 1px at 22% 66%,#fff6,transparent 60%),radial-gradient(1.5px 1.5px at 58% 78%,#fff9,transparent 60%),radial-gradient(1px 1px at 92% 82%,#fff6,transparent 60%),radial-gradient(1px 1px at 6% 90%,#fff7,transparent 60%),radial-gradient(1px 1px at 50% 8%,#fff8,transparent 60%),radial-gradient(1px 1px at 32% 50%,#fff5,transparent 60%);animation:md2-twinkle 9s ease-in-out infinite alternate} @keyframes md2-twinkle{to{opacity:.35}} .md2-sit-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;font:600 12px var(--font-sans,system-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#d8c9a6} .md2-ghost{border:1px solid #ffffff33;background:#ffffff0d;color:#efe7d6;border-radius:999px;padding:8px 14px;font:500 12.5px var(--font-sans,system-ui,sans-serif);letter-spacing:.02em;text-transform:none;cursor:pointer} .md2-center{position:relative;display:grid;place-items:center;align-content:center;gap:22px;padding:0 20px;text-align:center} .md2-orb{position:relative;width:min(56vmin,320px);aspect-ratio:1;display:grid;place-items:center;outline:none} .md2-orb::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 45%,#f6d58a 0%,#e0a24a 30%,#a2552e 62%,transparent 72%);opacity:.85;filter:blur(2px);animation:md2-breathe 11s ease-in-out infinite} .md2-orb-in{position:absolute;inset:22%;border-radius:50%;border:1px solid #ffe9b855;box-shadow:0 0 60px #f3b24a55,inset 0 0 40px #fff2} @keyframes md2-breathe{0%,100%{transform:scale(.82)}50%{transform:scale(1)}} .md2-orb.breath::before{animation:none;transition:transform var(--md2-dur,4s) ease-in-out;transform:scale(.62)} .md2-orb.breath[data-phase=In]::before{transform:scale(1)} .md2-orb.breath[data-phase=Hold]::before{transition-duration:.6s} .md2-phase{position:relative;font:500 1.15rem/1 var(--font-display,Georgia,serif);color:#2b1408;letter-spacing:.04em} .md2-time{font:300 clamp(2.4rem,7vw,3.6rem)/1 var(--font-display,Georgia,serif);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#f3ead2} .md2-cue{max-width:34em;margin:0;min-height:4.8em;font:400 clamp(1.05rem,2.2vw,1.3rem)/1.6 var(--font-display,Georgia,serif);color:#e9dfca} .md2-cue.in{animation:md2-fade 2.2s ease} @keyframes md2-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .md2-controls{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px 20px calc(22px + env(safe-area-inset-bottom))} .md2-btn{border:1px solid #ffffff3a;background:#ffffff12;color:#f3ead2;border-radius:999px;padding:11px 20px;font:500 14px var(--font-sans,system-ui,sans-serif);cursor:pointer} .md2-btn:hover,.md2-btn:focus-visible,.md2-ghost:hover{background:#ffffff22} .md2-end{border-color:#f3b24a88} .md2-primary{background:#e9b24f;color:#24130a;border-color:#e9b24f;font-weight:600} /* japa */ .md2-mala{position:relative;width:min(62vmin,340px);aspect-ratio:1;border:0;background:none;cursor:pointer;color:inherit;border-radius:50%;-webkit-tap-highlight-color:transparent} .md2-mala:active{transform:scale(.985)} .md2-mala-svg{width:100%;height:100%} .md2-mala-svg circle{fill:#ffffff1f;transition:fill .25s} .md2-mala-svg circle.on{fill:#e9b24f} .md2-mala-svg circle.mark{fill:#ffffff45}.md2-mala-svg circle.mark.on{fill:#ffd88a} .md2-mala-svg circle.meru{fill:#c8643a} .md2-count{position:absolute;inset:0;display:grid;place-content:center;gap:2px} .md2-count b{font:300 clamp(2.6rem,8vw,4rem)/1 var(--font-display,Georgia,serif);color:#f3ead2} .md2-count small{color:#d8c9a6;letter-spacing:.14em;text-transform:uppercase;font-size:11px} .md2-mantra{display:grid;gap:4px}.md2-mantra .md2-deva{font-size:1.6rem;color:#f6e3b4}.md2-mantra small{color:#d8c9a6;font-size:.95rem;max-width:30em} /* after */ .md2-after{position:relative;grid-row:1/-1;align-self:center;justify-self:center;width:min(620px,calc(100% - 32px));max-height:100vh;overflow:auto;padding:28px 0;display:grid;gap:10px} .md2-after h2{margin:4px 0 0;font:400 clamp(1.6rem,4vw,2.2rem)/1.2 var(--font-display,Georgia,serif);color:#f3ead2} .md2-after h3{margin:10px 0 0;font:500 1rem var(--font-sans,system-ui,sans-serif);color:#d8c9a6} .md2-after .md2-eyebrow{color:#e9b24f} .md2-after .md2-chip{background:#ffffff10;border-color:#ffffff30;color:#f3ead2} .md2-after .md2-chip[aria-checked=true]{background:#e9b24f33;border-color:#e9b24f;box-shadow:none} .md2-note{display:grid;gap:6px;margin-top:8px;color:#d8c9a6;font-size:.9rem} .md2-note textarea{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid #ffffff30;background:#ffffff0d;color:#f3ead2;padding:10px 12px;font:1rem/1.5 var(--font-sans,system-ui,sans-serif);resize:vertical} /* the mini timer while studying */ .md2-mini{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:8000;border:0;border-radius:999px;padding:10px 16px;background:#131527;color:#f3ead2;font:600 13px var(--font-sans,system-ui,sans-serif);box-shadow:0 10px 30px rgba(0,0,0,.3);cursor:pointer;font-variant-numeric:tabular-nums} .md2-mini[hidden]{display:none} body.has-hubbar193 .md2-mini{bottom:calc(72px + env(safe-area-inset-bottom))} @media (max-width:760px){.md2-today{grid-template-columns:1fr;padding:18px}.md2-sky{min-width:0}.md2-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.md2-heat{grid-column:1/-1;justify-self:start;width:min(100%,250px)}.md2-sit-top{flex-wrap:wrap}} @media (prefers-reduced-motion:reduce){.md2-orb::before,.md2-stars{animation:none}.md2-orb.breath::before{transition-duration:.01s}.md2-cue.in{animation:none}} /* v2.12-6: a meditation space only */ .md2-hero{padding:24px 26px;background:radial-gradient(ellipse at 100% 0%,var(--md-acc-soft),transparent 60%),var(--md-s)} .md2-hero h2{margin:6px 0 0;font:500 clamp(1.6rem,3.4vw,2.3rem)/1.15 var(--md-disp)} .md2-quick{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center} .md2-quick .md2-dur{margin:0} .md2-unit{align-self:center;color:var(--md-ink2);font-size:.9rem;margin-left:2px} .md2-inline{display:flex;gap:8px;align-items:center;font-size:.9rem;color:var(--md-ink2)} .md2-sel{display:inline-flex;gap:6px;align-items:center} .md2-sel select{background:transparent;color:inherit;border:0;font:inherit;padding:0 2px;cursor:pointer} .md2-sel select option{color:#222} .md2-hint{opacity:.7;font-size:.82rem!important} .md2-orb::before{background:radial-gradient(circle at 50% 45%,#fbe7b8 0%,#e9bd6a 32%,#9a6a3a 60%,transparent 72%)} .md2-inline{white-space:nowrap}.md2-quick .md2-dur .md2-n{min-width:42px} /* ---- sidebar213.css ---- */ /* v2.13: the sidebar toolbar: Pin, Collapse all / Expand all, Close, as one quiet row */ html #studySidebar .sidebar-controls144{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid var(--sb-line,#ffffff1f)} html[data-appearance] #studySidebar .sidebar-controls144 .sbtool213,html #studySidebar .sidebar-controls144 .sbtool213{ display:inline-flex!important;align-items:center;gap:6px;flex:none!important;width:auto!important;height:30px;min-height:30px!important;margin:0!important;padding:0 10px 0 8px!important; border-radius:999px!important;border:1px solid var(--sb-line,#ffffff26)!important;background:transparent!important;color:var(--sb-ink,inherit)!important; font:600 11.5px/1 var(--tjp-city-ui,system-ui),system-ui,sans-serif!important;letter-spacing:.02em;white-space:nowrap;cursor:pointer;opacity:.82; transition:background .18s,opacity .18s,border-color .18s,color .18s,box-shadow .18s} html #studySidebar .sidebar-controls144 .sbtool213:hover{opacity:1;background:var(--sb-chip,#ffffff14)!important} html #studySidebar .sidebar-controls144 .sbtool213:focus-visible{outline:2px solid var(--sb-active,var(--header-gold,#f2b632));outline-offset:2px} html #studySidebar .sbtool213 svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} html #studySidebar .sbtool213[hidden]{display:none!important} /* pin: tilted and hollow when free, upright and filled when pinned */ html #studySidebar #sidebar-pin .sb213-pin{transform:rotate(40deg);transition:transform .25s ease} html #studySidebar #sidebar-pin .sb213-pin path:first-child{fill:transparent;transition:fill .2s} html[data-appearance] #studySidebar .sidebar-controls144 #sidebar-pin[aria-pressed=true],html #studySidebar .sidebar-controls144 #sidebar-pin[aria-pressed=true]{ opacity:1;background:var(--sb-active,var(--header-gold,#f2b632))!important;border-color:transparent!important;color:var(--sb-active-ink,#2a1410)!important;box-shadow:0 1px 4px #0002} html #studySidebar #sidebar-pin[aria-pressed=true] .sb213-pin{transform:none} html #studySidebar #sidebar-pin[aria-pressed=true] .sb213-pin path:first-child{fill:currentColor} html[data-appearance] #studySidebar #sidebar-pin[aria-pressed=true] *,html #studySidebar #sidebar-pin[aria-pressed=true] *{color:inherit!important} /* fold */ html #studySidebar #sidebar-fold213 svg{transition:transform .25s ease} html #studySidebar #sidebar-fold213:active svg{transform:scale(.85)} /* close sits at the far end, round */ html[data-appearance] #studySidebar .sidebar-controls144 .sbclose213,html #studySidebar .sidebar-controls144 .sbclose213{margin-left:auto!important;width:30px!important;padding:0!important;justify-content:center;font-size:19px!important;font-weight:400!important;border-color:transparent!important} @media (max-width:760px){html #studySidebar .sidebar-controls144{gap:8px}html #studySidebar .sidebar-controls144 .sbtool213{height:38px;min-height:38px!important}html #studySidebar .sidebar-controls144 .sbclose213{width:38px!important}} @media (prefers-reduced-motion:reduce){html #studySidebar .sbtool213,html #studySidebar .sbtool213 svg{transition:none}} /* collapsed groups sit close together, so a folded bar reads as one short list */ html #studySidebar .nav-group147:not([open]){margin-top:6px!important;margin-bottom:0!important;padding-top:6px!important} html #studySidebar .nav-group147:not([open])+.nav-group147:not([open]){margin-top:2px!important} /* ---- landing213.css ---- */ /* v2.13: the landing page, more complete: the tour button, New this season, Everything in one place */ #authGate .lpx .lpx-tour213{display:inline-flex!important;align-items:center;gap:12px;text-align:left} #authGate .lpx .lpx-tour213>span:last-child{display:grid;gap:2px;line-height:1.15} #authGate .lpx .lpx-tour213 small{font-size:12px;font-weight:500;opacity:.78;letter-spacing:.01em} #authGate .lpx .lpx-tour213-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex:none;background:var(--lk-accent,#f2b632);color:var(--lk-accent-ink,#2a1410);box-shadow:0 0 0 0 color-mix(in srgb,var(--lk-accent,#f2b632) 50%,transparent);animation:lpxTour213 2.6s ease-out infinite} #authGate .lpx .lpx-tour213-ic svg{margin-left:2px} @keyframes lpxTour213{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--lk-accent,#f2b632) 45%,transparent)}70%,100%{box-shadow:0 0 0 12px transparent}} @media (prefers-reduced-motion:reduce){#authGate .lpx .lpx-tour213-ic{animation:none}} /* new this season */ #authGate .lpx .lpx-new213-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #authGate .lpx .lpx-new213-card{position:relative;display:grid;align-content:start;gap:8px;padding:24px 22px 22px!important} #authGate .lpx .lpx-new213-card h3{margin:2px 0 0;font-size:1.22rem} #authGate .lpx .lpx-new213-card p{margin:0;font-size:.95rem;line-height:1.55} #authGate .lpx .lpx-new213-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-size:22px;background:color-mix(in srgb,var(--lk-accent) 14%,transparent);color:var(--lk-accent)} #authGate .lpx .lpx-new213-tag,#authGate .lpx .lpx-all213-tag,#authGate .lpx .lpx-test213{display:inline-block;font:700 10.5px/1 var(--lk-font-sans)!important;letter-spacing:.09em;text-transform:uppercase;font-style:normal;padding:5px 8px;border-radius:999px;background:var(--lk-accent);color:var(--lk-accent-ink)!important;vertical-align:middle} #authGate .lpx .lpx-new213-tag{position:absolute;top:20px;right:20px} #authGate .lpx .lpx-all213-tag.test,#authGate .lpx .lpx-test213{background:transparent;color:var(--lk-accent)!important;box-shadow:inset 0 0 0 1px var(--lk-accent)} #authGate .lpx .lpx-test213{margin-left:8px;font-size:10px!important} /* everything in one place */ #authGate .lpx .lpx-all213-box{padding:22px!important;display:grid;gap:18px} #authGate .lpx .lpx-all213-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between} #authGate .lpx .lpx-all213-tabs{display:flex;flex-wrap:wrap;gap:6px} #authGate .lpx .lpx-all213-tabs button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--lk-line-2,var(--lk-line));background:transparent;color:var(--lk-ink);font:600 14px/1 var(--lk-font-sans);cursor:pointer;transition:background .2s,color .2s,border-color .2s} #authGate .lpx .lpx-all213-tabs button small{font-size:11.5px;opacity:.65;color:inherit!important} #authGate .lpx .lpx-all213-tabs button:hover{border-color:var(--lk-accent)} #authGate .lpx .lpx-all213-tabs button[aria-selected=true]{background:var(--lk-accent);border-color:var(--lk-accent);color:var(--lk-accent-ink)} #authGate .lpx .lpx-all213-find input{width:min(260px,100%);padding:10px 14px;border-radius:999px;border:1px solid var(--lk-line-2,var(--lk-line));background:transparent;color:var(--lk-ink);font:15px var(--lk-font-sans)} #authGate .lpx .lpx-all213-find input::placeholder{color:var(--lk-ink-3)} #authGate .lpx .lpx-all213-line{margin:0 0 4px;font-size:.98rem} #authGate .lpx .lpx-all213-sub{margin:14px 0 8px;font:600 12px/1.3 var(--lk-font-sans)!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--lk-accent)!important} #authGate .lpx .lpx-all213-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px} #authGate .lpx .lpx-all213-item{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:14px;border-radius:var(--lk-r-sm,12px);background:var(--lk-card-2);border:1px solid var(--lk-card-line)} #authGate .lpx .lpx-all213-item b{display:block;font-size:1rem;margin-bottom:3px} #authGate .lpx .lpx-all213-item small{display:block;font-size:.88rem;line-height:1.5} #authGate .lpx .lpx-all213-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-size:19px;background:color-mix(in srgb,var(--lk-accent) 12%,transparent);color:var(--lk-accent)} .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} @media (max-width:900px){#authGate .lpx .lpx-new213-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:600px){ #authGate .lpx .lpx-new213-grid{grid-template-columns:1fr} #authGate .lpx .lpx-all213-box{padding:16px!important} #authGate .lpx .lpx-all213-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:2px 4px} #authGate .lpx .lpx-all213-tabs button{flex:none} #authGate .lpx .lpx-all213-find,#authGate .lpx .lpx-all213-find input{width:100%} #authGate .lpx .lpx-all213-grid{grid-template-columns:1fr} } /* the tour's voice control (tour197) */ .t197-voice{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line,#ddd);background:transparent;color:inherit;border-radius:999px;padding:4px 10px;font:600 12px var(--font-sans,system-ui);cursor:pointer} .t197-voice[aria-pressed=true]{background:var(--wine,#7a2a1e);border-color:var(--wine,#7a2a1e);color:#fff} .t197-voice svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .t197-voice .t197-eq{display:inline-flex;gap:2px;align-items:flex-end;height:11px} .t197-voice .t197-eq i{width:2px;background:currentColor;height:4px;animation:t197eq .9s ease-in-out infinite} .t197-voice .t197-eq i:nth-child(2){animation-delay:.2s}.t197-voice .t197-eq i:nth-child(3){animation-delay:.4s} .t197-voice:not(.speaking) .t197-eq{display:none} @keyframes t197eq{0%,100%{height:3px}50%{height:11px}} .t197-voicebar{display:flex;align-items:center;gap:8px;margin:2px 0 10px} .t197-voicebar .t197-prog{flex:1;height:3px;border-radius:2px;background:color-mix(in srgb,currentColor 15%,transparent);overflow:hidden} .t197-voicebar .t197-prog i{display:block;height:100%;width:0;background:var(--wine,#7a2a1e);transition:width .25s linear} /* ---- sanskrit213.css ---- */ /* v2.13: the Sanskrit Dictionary */ .sk213{--sk-s:var(--surface,var(--paper,#fbf8f3));--sk-s2:var(--surface-2,var(--paper2,#f1ece4));--sk-ink:var(--ink,#221a16);--sk-ink2:var(--ink-2,var(--muted,#5a4a42));--sk-ink3:var(--ink-3,#7a6a62);--sk-line:var(--line,#e2d9cf);--sk-line2:var(--line-2,#cdbfb2);--sk-acc:var(--accent,var(--wine,#7a2a1e));--sk-acc-ink:var(--accent-ink,#fff);--sk-gold:var(--gold,#8a6400); display:grid;gap:14px;min-width:0} .sk213 .card{min-width:0} .sk-eye{font:600 11.5px/1.3 var(--font-sans,system-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--sk-acc)} .sk-top{display:grid;gap:14px;padding:20px 22px} .sk-brand h2{margin:4px 0 2px;font-size:clamp(1.4rem,2.6vw,1.9rem)} .sk-stats{margin:0;color:var(--sk-ink3);font-size:.92rem} .sk-search{display:flex;gap:8px} .sk-search input,.sk-inline input,.sk-dform select,.sk213 textarea,.sk213 select{font:inherit;font-size:1.06rem;padding:12px 16px;border-radius:14px;border:1px solid var(--sk-line2);background:var(--sk-s);color:var(--sk-ink);min-width:0} .sk-search input{flex:1;font-size:1.15rem;padding:14px 18px} .sk-search input:focus,.sk-inline input:focus,.sk213 textarea:focus{outline:2px solid var(--sk-acc);outline-offset:1px} .sk-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between} .sk-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:14px;background:var(--sk-s2);box-shadow:inset 0 0 0 1px var(--sk-line)} .sk-tabs button{border:0;background:transparent;color:var(--sk-ink2);font:600 .9rem var(--font-sans,system-ui);padding:8px 13px;border-radius:10px;cursor:pointer} .sk-tabs button[aria-selected=true]{background:var(--sk-s);color:var(--sk-acc);box-shadow:0 1px 3px rgba(0,0,0,.12)} .sk-scr{font-size:.85rem;color:var(--sk-ink3);display:flex;gap:8px;align-items:center} .sk-scr select{padding:6px 10px;font-size:.88rem;border-radius:10px} .sk-pane{padding:18px 20px} .sk-muted{color:var(--sk-ink3);font-size:.9rem;margin:6px 0 0} .sk-gap{margin-top:14px} .sk-group{margin:18px 0 8px;font:600 12px/1.3 var(--font-sans,system-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--sk-acc)} /* headwords */ .sk-hd{font:600 1.5em/1.2 "Noto Serif Devanagari","Tiro Devanagari Sanskrit","Sanskrit Text","Kohinoor Devanagari",serif;color:var(--sk-ink)} .sk-hi{display:block;font-style:italic;color:var(--sk-ink2);font-size:.95em} .sk-head .sk-hd{font-size:2.3rem}.sk-head .sk-hi{font-size:1.15rem;margin-top:2px} .sk-dv{font-family:"Noto Serif Devanagari","Tiro Devanagari Sanskrit","Sanskrit Text","Kohinoor Devanagari",serif;font-size:1.06em} .sk-ia{color:var(--sk-ink2)} .sk-dict{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:14px;align-items:start} .sk-list{padding:12px;position:sticky;top:12px;max-height:calc(100vh - 40px);overflow:auto} .sk-hw{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px} .sk-hw button,.sk-rlist button{width:100%;text-align:left;display:grid;gap:1px;padding:9px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;cursor:pointer} .sk-hw button:hover,.sk-rlist button:hover{background:var(--sk-s2)} .sk-hw button.on,.sk-rlist button.on{background:color-mix(in srgb,var(--sk-acc) 10%,var(--sk-s));border-color:color-mix(in srgb,var(--sk-acc) 40%,transparent)} .sk-hw .sk-hd{font-size:1.25rem}.sk-hw .sk-hi{font-size:.9rem} .sk-hw small,.sk-rlist small{font-size:.78rem;color:var(--sk-ink3)} .sk-count{margin:2px 4px 0} .sk-entry{display:grid;gap:10px;min-width:0} .sk-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px} .sk-acts .btn{padding:7px 12px;font-size:.88rem} .sk-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px} .sk-filters button,.sk-chip,.sk-voices button{border:1px solid var(--sk-line2);background:var(--sk-s);color:var(--sk-ink);border-radius:999px;padding:6px 12px;font:600 .85rem var(--font-sans,system-ui);cursor:pointer} .sk-filters button[aria-pressed=true],.sk-chip[aria-pressed=true],.sk-voices button[aria-selected=true]{background:var(--sk-acc);border-color:var(--sk-acc);color:var(--sk-acc-ink)} .sk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .sk-dsec{padding:0;overflow:hidden} .sk-dsec>summary{display:flex;align-items:baseline;gap:10px;padding:14px 18px;cursor:pointer;list-style:none} .sk-dsec>summary::-webkit-details-marker{display:none} .sk-dsec>summary::before{content:'›';display:inline-block;transition:transform .2s;color:var(--sk-acc);font-weight:700} .sk-dsec[open]>summary::before{transform:rotate(90deg)} .sk-dsec>summary small{color:var(--sk-ink3)} .sk-dsec .sk-n{margin-left:auto;font-size:.78rem;color:var(--sk-ink3)} .sk-recs{padding:0 18px 14px;display:grid;gap:10px} .sk-rec{line-height:1.75;font-size:1rem;color:var(--sk-ink)} .sk-recs .sk-rec+.sk-rec{border-top:1px dashed var(--sk-line);padding-top:10px} .sk-sep{display:inline-block;width:10px} .sk-pg{margin-left:8px;font-size:.75rem;color:var(--sk-ink3)} .sk-ls{font-style:normal;font-size:.82em;color:var(--sk-gold)} .sk-ab{text-decoration:none;font-size:.9em;color:var(--sk-ink3)} .sk-lex{font-style:italic;color:var(--sk-acc)} .sk-hom{color:var(--sk-acc)} .sk-badge{display:inline-block;font:600 .72rem/1 var(--font-sans,system-ui);letter-spacing:.04em;padding:4px 8px;border-radius:999px;background:var(--sk-s2);color:var(--sk-ink2);margin-right:6px} /* welcome */ .sk-welcome{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .sk-welcome .sk-how{grid-column:1/-1} .sk-how ul{margin:8px 0 0;padding-left:20px;line-height:1.7} .sk-dayw{display:block;border:0;background:transparent;padding:6px 0;text-align:left;cursor:pointer;color:inherit} .sk-dayw .sk-hd{font-size:2.4rem} /* english */ .sk-inline{display:flex;gap:8px}.sk-inline input{flex:1} .sk-glist{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px} .sk-gitem{display:grid;gap:4px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--sk-line);background:var(--sk-s);color:inherit;font:inherit;cursor:pointer} .sk-gitem:hover{border-color:var(--sk-acc)} .sk-gitem .sk-hd{font-size:1.2rem}.sk-gitem .sk-badge{justify-self:start} .sk-snip{font-size:.86rem;color:var(--sk-ink2);line-height:1.5} /* analyse */ .sk-anrow{display:grid;gap:4px;text-align:left;width:100%;font:inherit;color:inherit} button.sk-anrow{cursor:pointer;border:0} .sk-anroot{font-size:.92rem;color:var(--sk-ink2)} .sk-link{border:0;background:transparent;color:var(--sk-acc);font:inherit;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px} /* roots */ .sk-roots{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:14px;align-items:start} .sk-rl{position:sticky;top:12px;max-height:calc(100vh - 40px);overflow:auto;display:grid;gap:10px;align-content:start} .sk-ganas .sk-chip{font-size:.76rem;padding:5px 9px} .sk-check{font-size:.88rem;color:var(--sk-ink2);display:flex;gap:8px;align-items:center} .sk-rlist{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px} .sk-rdv{font:600 1.2rem "Noto Serif Devanagari",serif}.sk-ria{font-style:italic;color:var(--sk-ink2);margin-left:6px} .sk-rd{display:grid;gap:12px;min-width:0} .sk-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 16px;margin:12px 0} .sk-facts dt{font:600 11px var(--font-sans,system-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--sk-ink3)}.sk-facts dd{margin:2px 0 0} .sk-mean{font-size:1.05rem;margin:4px 0} .sk-voices{display:flex;flex-wrap:wrap;gap:6px} .sk-laks{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px} .sk-lak{background:var(--sk-s);border-radius:16px;padding:14px;box-shadow:inset 0 0 0 1px var(--sk-line)} .sk-lak h5{margin:0 0 8px;font-size:1rem}.sk-lak h5 span{font-weight:400;font-style:italic;color:var(--sk-ink3);margin-left:6px} .sk-lak table,.sk-decl,.sk-krt,.sk-about{width:100%;border-collapse:collapse;font-size:.95rem} .sk-lak th,.sk-lak td,.sk-decl th,.sk-decl td,.sk-krt th,.sk-krt td,.sk-about td{padding:6px 8px;border-bottom:1px solid var(--sk-line);text-align:left;vertical-align:top} .sk-lak thead th,.sk-decl thead th,.sk-krt thead th{font:600 11px var(--font-sans,system-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-ink3)} .sk-lak tbody th,.sk-decl tbody th{font-weight:600;font-size:.85rem;white-space:nowrap} .sk-lak tbody th small,.sk-decl tbody th small{display:block;font-weight:400;font-style:italic;color:var(--sk-ink3)} .sk-form{border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left} .sk-form:hover .sk-dv{color:var(--sk-acc)} .sk-tw{overflow-x:auto} /* declension, scripts */ .sk-dform{flex-wrap:wrap}.sk-dform input{flex:1 1 240px}.sk-dform select{flex:0 1 auto;font-size:.95rem;padding:10px 12px} .sk-lbl{display:grid;gap:6px;font-size:.88rem;color:var(--sk-ink2)} .sk213 textarea{width:100%;box-sizing:border-box;font-size:1.15rem;line-height:1.6;resize:vertical} .sk-from{margin-top:10px;display:flex;align-items:center;gap:8px} .sk-tout{display:grid;gap:8px} .sk-trow{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px} .sk-trow output{font-size:1.12rem;word-break:break-word} .sk-copy{padding:5px 10px;font-size:.82rem} @media (max-width:860px){ .sk-dict,.sk-roots{grid-template-columns:1fr} .sk-list,.sk-rl{position:static;max-height:46vh} .sk-welcome{grid-template-columns:1fr} .sk-trow{grid-template-columns:1fr auto}.sk-trow b{grid-column:1/-1;font-size:.8rem;color:var(--sk-ink3)} .sk-laks{grid-template-columns:1fr} .sk-head .sk-hd{font-size:1.9rem} .sk-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%} .sk-tabs button{flex:none} .sk-search{flex-direction:column} } /* etymology */ .sk-ety{display:grid;gap:12px;border-left:3px solid var(--sk-gold)} .sk-ety-row{display:grid;gap:8px;padding-top:10px;border-top:1px dashed var(--sk-line)} .sk-ety-row:first-of-type{border-top:0;padding-top:0} .sk-ety-f{line-height:1.75} .sk-ety-parts{list-style:none;margin:0;padding:0;display:grid;gap:6px} .sk-ety-parts li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:baseline;font-size:.95rem} .sk-ety-mem li{grid-template-columns:minmax(120px,auto) minmax(0,1fr)} .sk-ety-mem li span{color:var(--sk-ink2);font-size:.9rem} .sk-ety-k{font:600 10.5px var(--font-sans,system-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--sk-ink3)} .sk-cog{display:inline-flex;gap:6px;align-items:baseline;padding:5px 10px;border-radius:999px;background:var(--sk-s2);font-size:.95rem} .sk-cog small{font:600 10px var(--font-sans,system-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--sk-ink3)} .sk-fam{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 18px} .sk-fam li{display:grid;gap:2px;padding:6px 0;border-bottom:1px solid var(--sk-line)} .sk-fam .sk-muted{margin:0;font-size:.85rem} .sk-fam .sk-link{justify-self:start;text-align:left} /* read a verse */ .sk-verse{font:500 1.6rem/1.7 "Noto Serif Devanagari","Tiro Devanagari Sanskrit",serif;color:var(--sk-ink)} .sk-verse-ia{font-style:italic;color:var(--sk-ink2);margin-top:4px;font-size:1.05rem;line-height:1.6} .sk-vwords{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px} .sk-vw{display:grid;gap:8px;align-content:start} .sk-vw-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px} .sk-vw-head .sk-hd{font-size:1.45rem}.sk-vw-head .sk-hi{display:inline} .sk-vw-split{flex-basis:100%;font-size:.95rem;color:var(--sk-ink2)} .sk-vw-parts{list-style:none;margin:0;padding:0;display:grid;gap:8px} .sk-vw-parts li{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:var(--sk-s2)} .sk-vw-w small{color:var(--sk-ink3)} .sk-vw-lab{font:600 .78rem var(--font-sans,system-ui);letter-spacing:.02em;color:var(--sk-acc)} .sk-vw-lab .sk-link{font:inherit} .sk-vw-m{font-size:.92rem;color:var(--sk-ink);line-height:1.5} .sk-pill{position:fixed;z-index:9000;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:0;background:var(--wine,#7a2a1e);color:#fff;font:600 .85rem var(--font-sans,system-ui);box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer} .sk-pill span{font:600 1rem "Noto Serif Devanagari",serif;background:#fff3;border-radius:50%;width:22px;height:22px;display:grid;place-items:center} @media (max-width:600px){.sk-verse{font-size:1.3rem}.sk-vwords{grid-template-columns:1fr}} /* 2.13-9: live suggestions, the word at a glance, synonyms and compounds */ #sanskrit213 .sk-qwrap{position:relative;flex:1;min-width:0;display:flex} #sanskrit213 .sk-qwrap>input{flex:1;min-width:0} #sanskrit213 .sk-sugg{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;list-style:none;margin:0;padding:4px;background:var(--surface,var(--bg,#fff));border:1px solid var(--line,rgba(0,0,0,.12));border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.14);max-height:340px;overflow:auto} #sanskrit213 .sk-sugg button{display:flex;align-items:baseline;gap:10px;width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:8px;color:inherit;cursor:pointer;font:inherit} #sanskrit213 .sk-sugg button:hover,#sanskrit213 .sk-sugg button:focus-visible{background:color-mix(in srgb,var(--accent,#b5651d) 10%,transparent)} #sanskrit213 .sk-sd{font-size:1.1em} #sanskrit213 .sk-si{font-style:italic;opacity:.85} #sanskrit213 .sk-sugg small{margin-left:auto;opacity:.55;font-variant-numeric:tabular-nums} #sanskrit213 .sk-glance{margin:12px 0 6px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent,#b5651d) 6%,transparent)} #sanskrit213 .sk-gl{margin:0 0 8px;font-size:1.05em;line-height:1.5} #sanskrit213 .sk-facts2{display:flex;flex-wrap:wrap;gap:8px 22px} #sanskrit213 .sk-facts2 span,#sanskrit213 .sk-scripts span{display:flex;flex-direction:column;gap:2px} #sanskrit213 .sk-facts2 small,#sanskrit213 .sk-scripts small{font-size:.72em;letter-spacing:.06em;text-transform:uppercase;opacity:.6} #sanskrit213 .sk-mini{margin-top:10px} #sanskrit213 .sk-mini>summary{cursor:pointer;font-weight:600;font-size:.92em} #sanskrit213 .sk-scripts{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:8px} #sanskrit213 .sk-more>div+div{margin-top:16px} #sanskrit213 .sk-more .sk-chips{margin-top:6px} /* ---- library214.css ---- */ /* v2.14 The Library: rooms, the public domain shelf and book cards (library214.js) */ #library{--lx-s:var(--surface,var(--paper,#fbf8f3));--lx-s2:var(--surface-2,var(--paper2,#f1ece4));--lx-ink:var(--ink,#221a16);--lx-ink2:var(--ink-2,var(--muted,#5a4a42));--lx-ink3:var(--ink-3,#7a6a62);--lx-line:var(--line,#e2d9cf);--lx-acc:var(--accent,var(--wine,#7a2a1e))} #library .lx-head{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:14px 24px;align-items:end;padding:4px 2px 0;margin-bottom:18px} #library .lx-eye,.lx-card .lx-eye{font-size:.72rem;letter-spacing:.14em;font-weight:700;color:var(--lx-acc,var(--accent,#7a2a1e))} #library .lx-title h2{margin:4px 0 0;font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.2} #library .lx-search{display:flex;align-items:center;gap:8px;border:1px solid var(--lx-line);background:var(--lx-s);border-radius:999px;padding:0 14px;height:46px;box-shadow:0 1px 0 rgba(0,0,0,.03)} #library .lx-search:focus-within{border-color:var(--lx-acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--lx-acc) 18%,transparent)} #library .lx-search input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;color:var(--lx-ink);height:100%;padding:0} #library .lx-search span{opacity:.6;font-size:1.1em} #library .lx-search kbd{font:600 .72rem/1 var(--font-sans,system-ui);border:1px solid var(--lx-line);border-radius:6px;padding:3px 6px;opacity:.6} #library .lx-rooms{grid-column:1/-1;display:flex;gap:4px;border-bottom:1px solid var(--lx-line);overflow-x:auto;scrollbar-width:none} #library .lx-rooms::-webkit-scrollbar{display:none} #library .lx-rooms button{flex:0 0 auto;display:flex;align-items:center;gap:8px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 14px;font:600 .95rem/1 var(--font-sans,system-ui);color:var(--lx-ink2);cursor:pointer} #library .lx-rooms button small{font-size:.68rem;border:1px solid var(--lx-line);border-radius:5px;padding:2px 5px;opacity:.7} #library .lx-rooms button[aria-selected=true]{color:var(--lx-acc);border-bottom-color:var(--lx-acc)} #library .lx-rooms button:hover{color:var(--lx-ink)} #library .lx-panel[hidden]{display:none!important} #library .lx-panel>section{margin-top:20px} #library .lx-sec{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:26px 0 12px} #library .lx-sec h3{margin:0;font-size:1.15rem} #library .lx-sec p{margin:0;color:var(--lx-ink2);font-size:.92rem} #library .lx-more{margin-left:auto;background:none;border:0;color:var(--lx-acc);font:600 .9rem var(--font-sans,system-ui);cursor:pointer;padding:4px 0} #library .lx-sub{margin:22px 0 10px;font-size:1rem} /* covers */ .lx-cover{--c1:#6b2f2a;--c2:#8a4436;--c3:#e8c989;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;aspect-ratio:2/3;width:100%;border-radius:3px 8px 8px 3px;padding:16% 10% 10% 16%;background:radial-gradient(120% 80% at 70% 0%,rgba(255,255,255,.14),transparent 60%),linear-gradient(160deg,var(--c2),var(--c1));color:var(--c3);box-shadow:0 1px 1px rgba(0,0,0,.15),0 8px 18px -8px rgba(0,0,0,.45);overflow:hidden;font-family:var(--font-serif,Georgia,serif)} .lx-cover::after{content:"";position:absolute;inset:7% 7% 7% 13%;border:1px solid color-mix(in srgb,var(--c3) 55%,transparent);border-radius:2px;pointer-events:none} .lx-spine{position:absolute;left:0;top:0;bottom:0;width:8%;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.05) 70%,rgba(255,255,255,.12))} .lx-cover .lx-emb{font-size:1.5em;line-height:1;margin-bottom:10%;opacity:.95} .lx-ct{font-weight:700;font-size:.95em;line-height:1.15;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} .lx-ca{margin-top:8%;font-size:.7em;opacity:.85;line-height:1.2} .lx-cy{margin-top:auto;font-size:.68em;letter-spacing:.12em;opacity:.8} .lx-cover.big{width:150px;flex:0 0 150px;font-size:1.05rem} .lx-g-jyotisa{--c1:#5a1f17;--c2:#8a3a22;--c3:#f0cf8a} .lx-g-sky{--c1:#162544;--c2:#2c4a7a;--c3:#e6dcb4} .lx-g-sanskrit{--c1:#2f3a1d;--c2:#55682f;--c3:#f1e6bf} .lx-g-wisdom{--c1:#5b3d0c;--c2:#a06d18;--c3:#fff1cc} .lx-g-psyche{--c1:#2b1d3a;--c2:#53386e;--c3:#ead9f5} /* tiles */ #library .lx-grid,#library .lx-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:22px 18px} #library .lx-row{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(132px,150px);overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory} #library .lx-row li{scroll-snap-align:start} #library .lx-book{display:flex;flex-direction:column;gap:6px;width:100%;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit} #library .lx-book .lx-cover{font-size:.82rem;transition:transform .18s ease,box-shadow .18s ease} #library .lx-book:hover .lx-cover,#library .lx-book:focus-visible .lx-cover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 2px 2px rgba(0,0,0,.15),0 16px 26px -10px rgba(0,0,0,.5)} #library .lx-bt{font-weight:700;font-size:.92rem;line-height:1.25;margin-top:4px} #library .lx-bm{font-size:.8rem;color:var(--lx-ink3)} /* collections */ #library .lx-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px} #library .lx-coll{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:2px 12px;text-align:left;border:0;border-radius:14px;padding:16px;cursor:pointer;color:var(--c3);background:linear-gradient(150deg,var(--c2),var(--c1));font:inherit;box-shadow:0 8px 20px -14px rgba(0,0,0,.6);transition:transform .15s} #library .lx-coll:hover{transform:translateY(-2px)} #library .lx-coll .lx-emb{grid-row:1/4;font-size:1.6rem;line-height:1.2} #library .lx-coll b{font-size:1rem} #library .lx-coll small{opacity:.85;font-size:.8rem;line-height:1.35} #library .lx-coll em{font-style:normal;font-size:.75rem;opacity:.75;letter-spacing:.06em;margin-top:6px} /* shelf bar */ #library .lx-shelfbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px} #library .lx-chips{display:flex;flex-wrap:wrap;gap:6px} #library .lx-chip{border:1px solid var(--lx-line);background:var(--lx-s);color:var(--lx-ink2);border-radius:999px;padding:7px 13px;font:600 .85rem var(--font-sans,system-ui);cursor:pointer} #library .lx-chip[aria-pressed=true]{background:var(--lx-acc);border-color:var(--lx-acc);color:#fff} #library .lx-sort{margin-left:auto;white-space:nowrap;font-size:.85rem;color:var(--lx-ink2);display:flex;gap:8px;align-items:center} #library .lx-gsec+.lx-gsec{border-top:1px dashed var(--lx-line);margin-top:10px} #library .lx-rights{margin-top:30px;font-size:.82rem;color:var(--lx-ink3);max-width:70ch} #library .lx-hits{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:6px} #library .lx-hits button{width:100%;display:flex;justify-content:space-between;gap:12px;border:1px solid var(--lx-line);background:var(--lx-s);border-radius:10px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit;text-align:left} #library .lx-hits small{color:var(--lx-ink3)} #library .lx-empty{color:var(--lx-ink2)} #library #bl9-stats{margin-top:6px} /* card */ .lx-card{position:fixed;inset:0;z-index:2000;background:rgba(20,12,8,.5);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px);animation:lxfade .18s ease} .lx-card[hidden]{display:none} @keyframes lxfade{from{opacity:0}to{opacity:1}} .lx-cardbox{position:relative;width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface,var(--paper,#fbf8f3));color:var(--ink,#221a16);border-radius:18px;padding:26px 28px;box-shadow:0 30px 70px -20px rgba(0,0,0,.6);animation:lxup .22s cubic-bezier(.2,.8,.2,1)} @keyframes lxup{from{transform:translateY(16px);opacity:.4}to{transform:none;opacity:1}} .lx-cardtop{display:flex;gap:22px;align-items:flex-start} .lx-cardtop h3{margin:6px 0 4px;font-size:1.45rem;line-height:1.2} .lx-by{margin:0;color:var(--ink-2,var(--muted,#5a4a42))} .lx-yr{margin:6px 0 0;font-size:.85rem;color:var(--ink-3,#7a6a62)} .lx-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .lx-acts .btn{text-decoration:none} .lx-msg{min-height:1.2em;font-size:.88rem;margin:10px 0 0;color:var(--ink-2,#5a4a42)} .lx-cardbox h4{margin:22px 0 6px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,#7a2a1e)} .lx-cardbox p{line-height:1.6} .lx-note{font-size:.85rem;color:var(--ink-3,#7a6a62);border-top:1px solid var(--line,#e2d9cf);padding-top:12px;margin-top:20px} .lx-x{position:absolute;top:12px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line,#e2d9cf);background:var(--surface,#fff);color:inherit;font-size:1.3rem;cursor:pointer;line-height:1} body.lx-locked{overflow:hidden} @media (max-width:720px){ #library .lx-head{grid-template-columns:1fr} #library .lx-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 12px} #library .lx-book .lx-cover{font-size:.7rem} #library .lx-sort{margin-left:0} .lx-cardbox{padding:20px 18px} .lx-cardtop{flex-direction:column;align-items:center;text-align:center} .lx-cardtop .lx-acts{justify-content:center} .lx-cover.big{width:120px;flex-basis:auto} } @media (max-width:720px){#library .lx-row{grid-auto-columns:112px}#library .lx-row .lx-cover{font-size:.66rem}} /* ---- reader214.css ---- */ /* v2.14 reading room: grouped toolbar, page thumbnails, full-height page (reader214.js) */ #bl-reader .br-toolbar[data-rd214]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 10px;position:sticky;top:0;z-index:5;background:var(--surface,var(--paper,#fbf8f3));border-bottom:1px solid var(--line,#e2d9cf)} #bl-reader .rd-group{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line,#e2d9cf);border-radius:12px;background:var(--surface-2,var(--paper2,#f1ece4))} #bl-reader .rd-group>button,#bl-reader .rd-group>label{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:9px!important;min-height:34px;padding:0 8px!important;font:600 .86rem/1 var(--font-sans,system-ui);color:var(--ink,#221a16);display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin:0!important} #bl-reader .rd-group>button:hover:not(:disabled){background:var(--surface,#fff)!important} #bl-reader .rd-group>button[aria-expanded=true],#bl-reader .rd-group>button[aria-pressed=true]{background:var(--accent,#7a2a1e)!important;color:#fff!important} #bl-reader .rd-group>button:disabled{opacity:.35;cursor:default} #bl-reader .rd-btn[data-ic]::before{content:attr(data-ic);font-size:1.05em;line-height:1} #bl-reader .rd-btn[data-label]:not([data-label=""]){font-size:0} #bl-reader .rd-btn[data-label]:not([data-label=""])::before{font-size:.95rem} #bl-reader .rd-btn[data-label]:not([data-label=""])::after{content:attr(data-label);font:600 .86rem/1 var(--font-sans,system-ui)} #bl-reader #br-prev,#bl-reader #br-next{font-size:0!important;width:36px;justify-content:center} #bl-reader #br-prev::before,#bl-reader #br-next::before{font-size:1.4rem} #bl-reader .rd-page input#br-page{width:58px;height:30px;text-align:center;border:1px solid var(--line,#e2d9cf);border-radius:8px;background:var(--surface,#fff);font:600 .9rem var(--font-sans,system-ui)} #bl-reader .rd-page #br-unit{display:none} #bl-reader .rd-page #br-count{font:600 .85rem var(--font-sans,system-ui);color:var(--ink-3,#7a6a62);padding-right:4px} #bl-reader .rd-view #br-minus,#bl-reader .rd-view #br-plus,#bl-reader .rd-view #br-full{font-size:0!important;width:34px;justify-content:center} #bl-reader .rd-view #br-minus::before,#bl-reader .rd-view #br-plus::before,#bl-reader .rd-view #br-full::before{font-size:1.1rem} #bl-reader .rd-view #br-zoom{font:600 .8rem var(--font-sans,system-ui);min-width:44px;text-align:center;color:var(--ink-2,#5a4a42)} #bl-reader .rd-keep{margin-left:0} #bl-reader #br-bookmark{font-size:.86rem!important} #bl-reader .rd-back{border-radius:999px!important} #reader.rd214 #br-scroll{height:calc(100vh - 210px);min-height:420px} #bl-reader.rd-has-thumbs .br-layout{align-items:stretch} #rd-thumbs{flex:0 0 140px;height:calc(100vh - 210px);min-height:420px;overflow:auto;border:1px solid var(--line,#e2d9cf);border-radius:12px;background:var(--surface-2,var(--paper2,#f1ece4));padding:8px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain} #rd-thumbs[hidden]{display:none} #rd-thumbs .rd-th-head{font:700 .72rem var(--font-sans,system-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3,#7a6a62);padding:2px 4px} .rd-th{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:2px solid transparent;border-radius:8px;padding:4px;cursor:pointer;color:inherit} .rd-th canvas{width:100%;height:auto;min-height:60px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);border-radius:2px} .rd-th span{font:600 .75rem var(--font-sans,system-ui);color:var(--ink-3,#7a6a62)} .rd-th.on{border-color:var(--accent,#7a2a1e)} .rd-th.on span{color:var(--accent,#7a2a1e)} .rd-none{font-size:.82rem;color:var(--ink-3,#7a6a62);padding:6px} #rd-chapter{margin-left:6px;color:var(--ink-2,#5a4a42)} @media (max-width:760px){ #bl-reader .br-toolbar[data-rd214]{gap:6px;padding:6px} #bl-reader .rd-keep{margin-left:0} #bl-reader .rd-btn[data-label]:not([data-label=""])::after{content:none} #bl-reader .rd-group>button{padding:0 8px!important} #bl-reader .rd-view #br9-aa,#bl-reader .rd-view #br9-focus{font-size:.8rem} #reader.rd214 #br-scroll{height:calc(100vh - 260px);padding:8px} #rd-thumbs{position:fixed;left:8px;right:8px;bottom:70px;top:auto;height:150px;flex-direction:row;z-index:50;box-shadow:0 10px 30px rgba(0,0,0,.3)} .rd-th{flex:0 0 84px} } /* ---- games214.css ---- */ /* Study Space v2.14: Games (games214*.js) */ /* v2.22 palette: pastel, painterly, hand-made. The same tokens are G4.palette in games214.js (G4.art draws with them). */ /* on :root too, so overlays outside the page (stream cards, the viewer, trophies, the launch) can use them */ :root,#games214,.g20-launch,.g20-trophy,.g4-chal,.g4-chron-drawer,.lp-card,.lp-scene,.lp-ov,.lp-viewer{ --g4-paper:#F6EFE4;--g4-paper-2:#EFE4D2;--g4-ink:#2B2340;--g4-ink-soft:#5A5070; --g4-rose:#F2A7A0;--g4-coral:#F07E6E;--g4-apricot:#F6B984;--g4-butter:#F4D98B;--g4-sage:#A8C8A0;--g4-mint:#9ED6C4;--g4-sky:#9CC3E6; --g4-periwinkle:#A9A6E8;--g4-lilac:#C9A4D8;--g4-plum:#6B4A7A;--g4-terracotta:#C8664B;--g4-teal:#3E8A8A;--g4-saffron:#E9A23B; --g4-night:#2E2448;--g4-night-2:#3F3160;--g4-night-ink:#F6EFE4;--g4-pearl:#EDE7F2; --g4-sun:#E9A23B;--g4-moon:#EDE7F2;--g4-mars:#E2685A;--g4-mercury:#7FB77E;--g4-jupiter:#E7C35A;--g4-venus:#F0A3B9;--g4-saturn:#6E74B8;--g4-rahu:#8C8597;--g4-ketu:#C8664B; --g4-cut:3px 4px 0 rgba(43,35,64,.16);--g4-cut-lg:5px 7px 0 rgba(43,35,64,.16); --g4-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .17 0 0 0 0 .14 0 0 0 0 .25 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); --g4-fibre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .35 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E"); --g4-dots:radial-gradient(circle at 25% 25%,currentColor 18%,transparent 21%) 0 0/8px 8px,radial-gradient(circle at 75% 75%,currentColor 18%,transparent 21%) 0 0/8px 8px; } #games214 .g4-wrap{max-width:1180px;margin:0 auto;position:relative} #games214 .g4-eye{font-size:10.5px;letter-spacing:.14em;font-weight:700;color:var(--muted);text-transform:uppercase} #games214 .g4-hero{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--paper)} #games214 .g4-hero h2{margin:6px 0 8px;font-size:clamp(22px,3vw,30px)} #games214 .g4-hero p{margin:0;max-width:640px;color:var(--ink);opacity:.85;line-height:1.55} #games214 .g4-sound{display:flex;gap:8px;flex-wrap:wrap} #games214 .g4-chip{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;cursor:pointer} #games214 .g4-chip:hover{border-color:var(--wine)} #games214 .g4-chip[aria-pressed="false"]{opacity:.65} #games214 .g4-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:18px} #games214 .g4-card{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);color:var(--ink);cursor:pointer;font:inherit;transition:transform .18s ease,box-shadow .18s ease} #games214 .g4-card:hover,#games214 .g4-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.16)} #games214 .g4-card-art svg{display:block;width:100%;height:auto;aspect-ratio:200/120} #games214 .g4-card-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1} #games214 .g4-card-body b{font-size:19px} #games214 .g4-card-body span{line-height:1.5;opacity:.85;font-size:14px} #games214 .g4-card-stat{color:var(--muted);font-size:12.5px;min-height:1em} #games214 .g4-play{align-self:flex-start;margin-top:auto;font-style:normal;background:var(--wine);color:#fff;border-radius:999px;padding:7px 18px;font-weight:600;font-size:14px} #games214 .g4-note{margin:18px 4px 0;color:var(--muted);font-size:13px} #games214 .g4-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px} #games214 .g4-title{font-size:18px;flex:1} #games214 .g4-toast{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:60;background:rgba(20,12,30,.92);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;max-width:min(560px,92vw);box-shadow:0 10px 30px rgba(0,0,0,.3);animation:g4in .25s ease;line-height:1.45;text-align:center} #games214 .g4-toast.long{animation-duration:.3s} #games214 .g4-toast.out{opacity:0;transition:opacity .5s} #games214 .g4-toast em{color:#ffd36b;font-style:normal} @keyframes g4in{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}} /* ---------- Rāśi Run ---------- */ #games214 .rr-mapgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.9fr);gap:18px;align-items:start} @media (max-width:900px){#games214 .rr-mapgrid{grid-template-columns:1fr}} #games214 .rr-wheel{position:relative;aspect-ratio:1;max-width:620px;margin:0 auto;width:100%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#2a1638 0,#160c22 62%,#0d0716 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.25)} #games214 .rr-wheel::before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px dashed rgba(255,226,122,.25)} #games214 .rr-node{position:absolute;transform:translate(-50%,-50%);width:15%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.25);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;font:inherit;padding:2px;transition:transform .15s ease,box-shadow .15s ease} #games214 .rr-node.el-fire{background:radial-gradient(circle at 35% 30%,#f2a65a,#9c3a2a 70%)} #games214 .rr-node.el-earth{background:radial-gradient(circle at 35% 30%,#a8d88a,#3f7a3e 70%)} #games214 .rr-node.el-air{background:radial-gradient(circle at 35% 30%,#e8f2fb,#5a8fd6 75%);color:#13233f} #games214 .rr-node.el-water{background:radial-gradient(circle at 35% 30%,#6fc4d6,#173e66 70%)} #games214 .rr-node b{font-size:clamp(9px,1.4vw,13px);line-height:1} #games214 .rr-node small{font-size:clamp(8px,1.1vw,11px);color:#ffe27a;letter-spacing:.05em} #games214 .rr-node.el-air small{color:#7a4a10} #games214 .rr-node i{font-style:normal;font-size:9px;color:#ffd0e4} #games214 .rr-node-n{font-size:9px;opacity:.75} #games214 .rr-node:hover,#games214 .rr-node:focus-visible{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 3px rgba(255,226,122,.6)} #games214 .rr-node.cur{box-shadow:0 0 0 3px #ffe27a,0 0 24px rgba(255,226,122,.6)} #games214 .rr-node.lock{filter:grayscale(.9) brightness(.45);cursor:not-allowed} #games214 .rr-node.done{border-color:#ffe27a} #games214 .rr-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46%;text-align:center;color:#f6eee2} #games214 .rr-hub h3{margin:4px 0 2px;font-size:clamp(20px,3vw,30px);color:#fff} #games214 .rr-hub p{margin:4px 0;font-size:clamp(11px,1.4vw,13.5px);line-height:1.4} #games214 .rr-hub .g4-eye{color:#ffe27a} #games214 .rr-hub .btn{margin-top:8px} #games214 .rr-ex{color:#ffd36b} #games214 .rr-deb{color:#f5a3a3} #games214 .rr-meta{opacity:.75} #games214 .rr-side{display:flex;flex-direction:column;gap:14px} #games214 .rr-card{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:14px 16px} #games214 .rr-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0} #games214 .rr-totals span{font-size:13px;color:var(--muted)} #games214 .rr-totals b{font-size:20px;color:var(--ink);margin-right:3px} #games214 .rr-small{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.45} #games214 .rr-naks{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:4px 8px;margin-top:8px} #games214 .rr-naks span{font-size:12px;color:var(--muted);display:flex;gap:4px;align-items:baseline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #games214 .rr-naks span.got{color:var(--ink)} #games214 .rr-naks span.got::first-letter{color:#d99a1a} #games214 .rr-naks small{font-size:12px} #games214 .rr-powers>div{display:flex;gap:8px;align-items:baseline;font-size:12.5px;margin-top:7px;line-height:1.4} #games214 .rr-powers i,#games214 .rr-gl{font-style:normal;display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;color:#20120a;font-size:12px;flex:none} #games214 .rr-powers span{color:var(--muted)} #games214 .rr-powers b{white-space:nowrap} #games214 .rr-play{display:flex;flex-direction:column;align-items:center;gap:10px} #games214 .rr-stage{position:relative;width:100%;display:flex;justify-content:center;background:#000;border-radius:14px;overflow:hidden} #games214 .rr-stage:fullscreen{align-items:center;border-radius:0} #games214 .rr-stage canvas{display:block;outline:none;touch-action:none} #games214 .rr-fs{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:8px;border:0;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;font-size:16px} #games214 .rr-ov{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,6,20,.55);backdrop-filter:blur(2px);padding:12px} #games214 .rr-ov[hidden]{display:none} #games214 .rr-ovbox{background:rgba(24,14,36,.94);color:#f6eee2;border:1px solid rgba(255,226,122,.35);border-radius:16px;padding:18px 22px;max-width:560px;width:100%;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.4);max-height:100%;overflow:auto;animation:rrpop .25s ease} @keyframes rrpop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}} #games214 .rr-ovbox h2{margin:6px 0 8px;color:#fff;font-size:clamp(20px,3vw,28px)} #games214 .rr-ovbox h2 small{font-size:.55em;opacity:.7;font-weight:400} #games214 .rr-ovbox h3{margin:6px 0 12px;color:#fff;font-size:clamp(15px,2vw,19px);line-height:1.35} #games214 .rr-ovbox p{margin:6px 0;line-height:1.45;font-size:14px} #games214 .rr-ovbox .g4-eye{color:#ffe27a} #games214 .rr-ovbtns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px} #games214 .rr-ans{display:grid;grid-template-columns:1fr 1fr;gap:8px} @media (max-width:520px){#games214 .rr-ans{grid-template-columns:1fr}} #games214 .rr-a{display:flex;gap:8px;align-items:center;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:14px;cursor:pointer} #games214 .rr-a:hover{background:rgba(255,255,255,.14)} #games214 .rr-a kbd{font:inherit;font-size:11px;opacity:.6;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:0 5px} #games214 .rr-a.right{background:#2f7a4a;border-color:#6fd09a} #games214 .rr-a.wrong{background:#8a2a2a;border-color:#e07a7a} #games214 .rr-why{font-size:13.5px;color:#f1e3c8} #games214 .rr-ovbox .rr-small{color:#bfb2c9} #games214 .rr-lotus{font-size:40px;letter-spacing:10px;margin:4px 0} #games214 .rr-lotus span{color:rgba(255,255,255,.18);display:inline-block} #games214 .rr-lotus span.on{color:#f3a3c6;animation:rrlotus .6s ease both} @keyframes rrlotus{0%{transform:scale(0) rotate(-40deg)}70%{transform:scale(1.3)}100%{transform:scale(1)}} #games214 .rr-tally{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0} @media (max-width:520px){#games214 .rr-tally{grid-template-columns:1fr 1fr}} #games214 .rr-tally span{display:flex;flex-direction:column;font-size:11.5px;color:#cbbfd6} #games214 .rr-tally b{font-size:19px;color:#fff} #games214 .rr-star{color:#ffd36b} #games214 .rr-help{font-size:12.5px;color:var(--muted);text-align:center;margin:0} #games214 .rr-touch{display:none;width:100%;justify-content:space-between;gap:12px;user-select:none;-webkit-user-select:none;touch-action:none} #games214 .rr-touch button{width:64px;height:64px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:22px;font-weight:700;touch-action:none} #games214 .rr-touch button.on{background:var(--wine);color:#fff} #games214 .rr-tl,#games214 .rr-tr{display:flex;gap:10px} #games214 .rr-tr button[data-k="jump"]{width:76px;height:76px;background:var(--wine);color:#fff} @media (pointer:coarse),(max-width:760px){#games214 .rr-touch{display:flex}#games214 .rr-help{display:none}} #games214 .rr-stage .g4-toast,#games214 .g4-toastzone .g4-toast{position:absolute;top:auto;bottom:14px;font-size:13px} @media (max-width:520px){#games214 .rr-touch button{width:52px;height:52px;font-size:18px}#games214 .rr-tr button[data-k="jump"]{width:62px;height:62px}#games214 .rr-tl,#games214 .rr-tr{gap:6px}#games214 .rr-touch{padding-right:34px}} /* ---------- Nakṣatra Cascade ---------- */ #games214 .nc-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--paper)} #games214 .nc-head h3{margin:4px 0 6px;font-size:24px} #games214 .nc-head p{margin:0;max-width:640px;line-height:1.5;opacity:.85} #games214 .nc-tot{text-align:right;color:var(--muted);font-size:13px} #games214 .nc-tot b{font-size:28px;color:var(--ink)} #games214 .nc-path{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px} #games214 .nc-lv{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:10px;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;position:relative;overflow:hidden} #games214 .nc-lv::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)} #games214 .nc-lv-n{grid-row:1/4;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--c);color:#1a1020;font-weight:700;align-self:center} #games214 .nc-lv b{font-size:14px} #games214 .nc-lv small{color:var(--muted);font-size:11.5px} #games214 .nc-lv i{font-style:normal;color:#d99a1a;letter-spacing:2px;font-size:13px} #games214 .nc-lv:hover:not([disabled]){border-color:var(--wine);transform:translateY(-1px)} #games214 .nc-lv.cur{box-shadow:0 0 0 2px var(--wine)} #games214 .nc-lv.lock{opacity:.45;cursor:not-allowed} #games214 .nc-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 18px;font-size:13px;color:var(--muted);line-height:1.45} #games214 .nc-legend b{color:var(--ink)} #games214 .nc-play{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start} @media (max-width:760px){#games214 .nc-play{grid-template-columns:minmax(0,1fr)}#games214 .nc-side{order:2}} #games214 .nc-side{display:flex;flex-direction:column;gap:10px} #games214 .nc-card{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:12px 14px} #games214 .nc-moves,#games214 .nc-score{display:flex;align-items:baseline;gap:6px;margin-top:6px} #games214 .nc-moves b{font-size:34px;line-height:1} #games214 .nc-score{flex-wrap:wrap} #games214 .nc-score b{font-size:20px} #games214 .nc-moves small,#games214 .nc-score small{color:var(--muted)} #games214 .nc-bar{position:relative;width:100%;height:8px;border-radius:99px;background:var(--paper2);overflow:visible;margin-top:4px} #games214 .nc-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#d99a1a,#ffd36b);transition:width .3s} #games214 .nc-bar i{position:absolute;top:-3px;width:2px;height:14px;background:var(--ink);opacity:.4} #games214 .nc-goal{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px} #games214 .nc-goal i,#games214 .nc-w i{font-style:normal;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:700;flex:none} #games214 .nc-goal span{flex:1} #games214 .nc-goal.done b{color:#2f8a4a} #games214 .nc-goal.done b::after{content:" ✓"} #games214 .nc-w{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:6px;font-size:13px} #games214 .nc-w span{display:flex;align-items:center;gap:4px} #games214 .nc-boost{display:flex;flex-wrap:wrap;gap:6px} #games214 .nc-boost button{flex:1;min-width:64px;border:1px solid var(--line);background:var(--paper2);color:var(--ink);border-radius:10px;padding:7px 6px;font:inherit;font-size:12.5px;cursor:pointer} #games214 .nc-boost button small{display:block;color:var(--muted)} #games214 .nc-boost button.on{background:var(--wine);color:#fff} #games214 .nc-boost button[disabled]{opacity:.45;cursor:not-allowed} #games214 .nc-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px} #games214 .nc-side .nc-row{justify-content:flex-start;margin-top:0} #games214 .nc-board{position:relative;display:flex;justify-content:center} #games214 .nc-board canvas{display:block;border-radius:14px;touch-action:none;outline:none;box-shadow:0 18px 40px rgba(0,0,0,.25)} #games214 .nc-ov{position:absolute;inset:0;display:grid;place-items:center;padding:12px} #games214 .nc-ov[hidden]{display:none} #games214 .nc-ovbox{background:rgba(24,14,36,.95);color:#f6eee2;border:1px solid rgba(255,226,122,.35);border-radius:16px;padding:18px 22px;max-width:420px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.4);animation:rrpop .25s ease} #games214 .nc-ovbox h3{margin:6px 0 8px;color:#fff;font-size:22px} #games214 .nc-ovbox p{margin:6px 0;font-size:14px;line-height:1.45} #games214 .nc-ovbox .g4-eye{color:#ffe27a} #games214 .nc-ovbox .btn{margin-top:8px} #games214 .nc-stars{font-size:46px;letter-spacing:6px} #games214 .nc-stars span{color:rgba(255,255,255,.18);display:inline-block} #games214 .nc-stars span.on{color:#ffd36b;animation:rrlotus .6s ease both} #games214 .nc-gift{color:#ffd36b} /* ---------- Graha Rush ---------- */ #games214 .gr-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px} #games214 .gr-mode{border-radius:18px;padding:20px 22px;color:#fff;display:flex;flex-direction:column;gap:8px} #games214 .gr-mode-rush{background:linear-gradient(135deg,#3b1f4f,#b0415e)} #games214 .gr-mode-daily{background:linear-gradient(135deg,#6b3a2e,#d39b4a)} #games214 .gr-mode h3{margin:0;font-size:26px;color:#fff} #games214 .gr-mode p{margin:0;line-height:1.5;opacity:.92} #games214 .gr-mode .g4-eye{color:rgba(255,255,255,.75)} #games214 .gr-mode .g4-chip{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff;font-size:12.5px;padding:5px 11px} #games214 .gr-mode .g4-chip[aria-pressed="true"]{background:#fff;color:#3b1f4f;opacity:1} #games214 .gr-mode .g4-chip[aria-pressed="false"]{opacity:.85} #games214 .gr-cats{display:flex;flex-wrap:wrap;gap:6px} #games214 .gr-best{display:flex;gap:22px;margin-top:4px} #games214 .gr-best span{display:flex;flex-direction:column;font-size:12px;opacity:.85} #games214 .gr-best b{font-size:24px} #games214 .gr-go{align-self:flex-start;margin-top:auto;background:#fff!important;color:#3b1f4f!important;border-color:#fff!important;font-weight:700;padding:10px 18px} #games214 .gr-powers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 18px;margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);font-size:13px;color:var(--muted)} #games214 .gr-powers .g4-eye{grid-column:1/-1} #games214 .gr-powers span{display:flex;gap:7px;align-items:center} #games214 .gr-powers i{font-style:normal;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#20120a;flex:none} #games214 .gr-powers b{color:var(--ink)} #games214 .gr-powers kbd{margin-left:auto;font:inherit;font-size:11px;border:1px solid var(--line);border-radius:4px;padding:0 5px} #games214 .gr-play{max-width:760px;margin:0 auto;border-radius:20px;padding:16px;transition:background .6s;position:relative} #games214 .gr-play.gr-lv0{background:linear-gradient(160deg,#3b1f4f,#7a2c46)} #games214 .gr-play.gr-lv1{background:linear-gradient(160deg,#1f3b2a,#3f7a3e)} #games214 .gr-play.gr-lv2{background:linear-gradient(160deg,#1c2f5a,#4a7ab8)} #games214 .gr-play.gr-lv3{background:linear-gradient(160deg,#06142c,#1f5a7a)} #games214 .gr-play.gr-fever{animation:grfever 1s linear infinite} @keyframes grfever{0%{box-shadow:0 0 0 3px #ffd36b,0 0 40px rgba(255,211,107,.5)}50%{box-shadow:0 0 0 3px #f3a3c6,0 0 60px rgba(243,163,198,.6)}100%{box-shadow:0 0 0 3px #ffd36b,0 0 40px rgba(255,211,107,.5)}} #games214 .gr-play.hurt{animation:grhurt .4s} @keyframes grhurt{0%,100%{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}} #games214 .gr-top{display:flex;align-items:center;gap:14px;color:#fff;flex-wrap:wrap} #games214 .gr-lives{display:flex;gap:4px;align-items:center;min-width:90px} #games214 .gr-flame{display:inline-block;width:16px;height:22px;background:linear-gradient(0deg,#d2401b,#ff9a2a 55%,#ffe27a);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;clip-path:path('M8 22 C1 22 -1 14 3 9 C5 6 7 4 8 0 C10 5 15 8 15 15 C15 19 12 22 8 22Z')} #games214 .gr-shield{font-style:normal;margin-left:4px;color:#f3a3c6;font-weight:700} #games214 .gr-dq{font-weight:700;font-size:18px} #games214 .gr-sc{display:flex;flex-direction:column;line-height:1} #games214 .gr-sc b{font-size:26px} #games214 .gr-sc small{opacity:.7;font-size:11px} #games214 .gr-mult{font-size:24px;font-weight:800;padding:2px 10px;border-radius:10px;background:rgba(255,255,255,.12);transition:transform .2s} #games214 .gr-mult.m2{color:#bfe6ff}#games214 .gr-mult.m3{color:#a8f0c0}#games214 .gr-mult.m4{color:#ffd36b}#games214 .gr-mult.m5{color:#ff9ac0;transform:scale(1.12)} #games214 .gr-mult.fever{animation:grpulse .5s infinite alternate} @keyframes grpulse{to{transform:scale(1.18)}} #games214 .gr-pw{display:flex;gap:6px;margin-left:auto} #games214 .gr-pbtn{position:relative;width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:var(--c);color:#20120a;font-size:18px;cursor:pointer} #games214 .gr-pbtn[disabled]{opacity:.25;cursor:default;filter:grayscale(.6)} #games214 .gr-pbtn small{position:absolute;right:-4px;top:-4px;background:#fff;color:#000;border-radius:99px;font-size:10px;padding:0 4px} #games214 .gr-timer{height:8px;border-radius:99px;background:rgba(255,255,255,.15);margin:12px 0;overflow:hidden} #games214 .gr-timer span{display:block;height:100%;background:linear-gradient(90deg,#ffd36b,#fff3b0);border-radius:99px} #games214 .gr-timer span.low{background:linear-gradient(90deg,#ff5a3a,#ffb43a)} #games214 .gr-timer span.freeze{background:linear-gradient(90deg,#506dc8,#bfe6ff)} #games214 .gr-stage{position:relative;min-height:340px} #games214 .gr-card{background:var(--paper);color:var(--ink);border-radius:16px;padding:20px 22px;box-shadow:0 18px 40px rgba(0,0,0,.25)} #games214 .gr-card.in{animation:grin .3s ease} @keyframes grin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}} #games214 .gr-card.shake{animation:grhurt .4s} #games214 .gr-cat{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700} #games214 .gr-card h3{margin:8px 0 16px;font-size:clamp(17px,2.4vw,22px);line-height:1.35} #games214 .gr-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px} @media (max-width:560px){#games214 .gr-opts{grid-template-columns:1fr}} #games214 .gr-opt{display:flex;gap:10px;align-items:center;text-align:left;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:var(--paper2);color:var(--ink);font:inherit;font-size:15px;cursor:pointer;transition:transform .12s,background .12s} #games214 .gr-opt:hover:not([disabled]){transform:translateY(-2px);border-color:var(--wine)} #games214 .gr-opt kbd{font:inherit;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 6px} #games214 .gr-opt.right{background:#2f7a4a;color:#fff;border-color:#2f7a4a} #games214 .gr-opt.wrong{background:#9a2d2d;color:#fff;border-color:#9a2d2d} #games214 .gr-opt.gone{opacity:.15} #games214 .gr-opt.right kbd,#games214 .gr-opt.wrong kbd{color:#fff;border-color:rgba(255,255,255,.5)} #games214 .gr-ex{margin-top:12px;font-size:14px;line-height:1.5;color:var(--ink);display:flex;gap:10px;align-items:flex-start;justify-content:space-between} #games214 .gr-ex[hidden]{display:none} #games214 .gr-help{color:rgba(255,255,255,.7);font-size:12px;text-align:center;margin:10px 0 0} #games214 .gr-end{text-align:center} #games214 .gr-big{font-size:52px;font-weight:800;line-height:1.1;margin:4px 0} #games214 .gr-grid{font-size:22px;letter-spacing:2px} #games214 .gr-miss{text-align:left;margin-top:12px;border-top:1px solid var(--line);padding-top:10px} #games214 .gr-miss summary{cursor:pointer;font-weight:600} #games214 .gr-miss div{display:flex;flex-direction:column;gap:2px;margin-top:10px;font-size:13.5px} #games214 .gr-miss span{color:#2f7a4a;font-weight:600} #games214 .gr-miss small{color:var(--muted)} .gr-float{position:fixed;z-index:80;transform:translate(-50%,0);font-weight:800;font-size:20px;pointer-events:none;animation:grfloat .9s ease forwards;text-shadow:0 2px 6px rgba(0,0,0,.4)} .gr-float.good{color:#ffe27a} @keyframes grfloat{to{transform:translate(-50%,-50px);opacity:0}} /* v2.28 no text selection, no callout, no blue tap flash anywhere in the games, their overlays and dialogs; typing fields keep normal selection */ #games214,.g4-chal,.g4-chron-drawer,.g20-launch,.g20-trophy,.ak-drag,.gr-pfx,.gr-float,.gr-petals{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent} #games214 *,.g4-chal *,.g4-chron-drawer *{-webkit-tap-highlight-color:transparent} :is(#games214,.g4-chal,.g4-chron-drawer) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=button]),textarea,select,[contenteditable]:not([contenteditable=false]),[contenteditable]:not([contenteditable=false]) *){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default} #games214 :is(canvas,svg,img){-webkit-user-drag:none;user-drag:none} /* v2.28 Jyoti held sideways on a phone: the stage fills the height under the slim bar; the pads sit in the side bands */ @media (max-height:500px) and (orientation:landscape){ #games214 .rr-play{margin:0} #games214 .rr-play .rr-help{display:none} #games214 .rr-stage.rr-land{align-items:center;border-radius:10px;touch-action:none} #games214 .rr-stage.rr-land .rr-touch{position:absolute;inset:0;bottom:0;padding:0 max(6px,calc((var(--rr-side,120px) - 106px) / 2));display:flex!important;justify-content:space-between;align-items:center;pointer-events:none;z-index:3} #games214 .rr-stage.rr-land .rr-tl,#games214 .rr-stage.rr-land .rr-tr{gap:6px!important;width:auto} #games214 .rr-stage.rr-land .rr-tl{grid-template-columns:auto auto;grid-template-rows:auto auto auto} #games214 .rr-stage.rr-land .rr-touch .rr-tl button[data-k="up"]{grid-column:1/span 2;grid-row:1} #games214 .rr-stage.rr-land .rr-tl button[data-k="left"]{grid-column:1;grid-row:2} #games214 .rr-stage.rr-land .rr-tl button[data-k="right"]{grid-column:2;grid-row:2} #games214 .rr-stage.rr-land .rr-tl button[data-k="down"]{grid-column:1/span 2;grid-row:3} #games214 .rr-stage.rr-land .rr-touch button{width:44px;height:44px;font-size:16px} #games214 .rr-stage.rr-land .rr-touch .rr-tl button[data-k="up"]{width:44px;height:44px;font-size:16px} #games214 .rr-stage.rr-land .rr-touch .rr-tr button[data-k="dash"]{width:42px;height:42px;font-size:15px} #games214 .rr-stage.rr-land .rr-tr button[data-k="jump"]{width:56px;height:56px;font-size:20px} #games214 .rr-stage.rr-land .rr-fs{right:auto;left:50%;bottom:auto;top:6px;transform:translateX(-50%);display:none} #games214 .rr-stage.rr-land .rr-ov{padding:8px} #games214 .rr-stage.rr-land .rr-ovbox{padding:12px 16px;max-height:calc(100% - 4px)} } /* v2.28 Jyoti's world map sideways: the wheel on the left at the screen's height, stays put; the side panel scrolls on the right */ @media (max-height:500px) and (orientation:landscape){ #games214 #rr .rr-mapgrid{grid-template-columns:auto minmax(0,1fr);gap:14px} #games214 #rr .rr-wheelcol{position:sticky;top:52px;width:calc(100dvh - 64px);max-width:46vw;gap:6px} #games214 #rr .rr-acts{flex-wrap:nowrap;gap:4px} #games214 #rr .rr-acts button{min-width:0;flex:1;padding:4px 4px;font-size:11px;border-radius:10px;line-height:1.15} #games214 #rr .rr-acts button small{font-size:10px} #games214 #rr .rr-wheel{width:calc(100dvh - 124px);max-width:100%} #games214 #rr .rr-hub{width:58%} #games214 #rr .rr-hub h3{font-size:16px} #games214 #rr .rr-hub p{font-size:10.5px;margin:1px 0;line-height:1.25} #games214 #rr .rr-hub .rr-mech{display:none} #games214 #rr .rr-hub .btn{padding:5px 10px;font-size:12px;margin-top:3px} #games214 #rr .rr-node{font-size:8px;padding:0;line-height:1.05;overflow:hidden} #games214 #rr .rr-node b{font-size:8.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #games214 #rr .rr-node :is(small,.rr-node-n,.rr-bt){font-size:7px} #games214 #rr .rr-hub{gap:0} #games214 #rr .rr-hub .g4-eye{font-size:9px} #games214 #rr .rr-node.nk{width:10%} } /* v2.29 learn by playing: the coach bubble (G4.coach). A paper slip with an ink edge and a cut-paper shadow, beside the thing it is about, never over it. It lives on (or the full-screen element), so it is not scoped. */ .g4-coach{position:fixed;left:0;top:0;z-index:9900;pointer-events:none;max-width:min(300px,calc(100vw - 24px));opacity:0;transition:opacity .22s ease;font-family:'Noto Sans',system-ui,-apple-system,'Segoe UI',sans-serif;will-change:transform} .g4-coach.in{opacity:1} .g4-coach.out{opacity:0;transition:opacity .3s ease} .g4-coach.away{opacity:0 !important} .g4-coach-in{position:relative;background:#F6EFE4;color:#2B2340;border:2px solid #2B2340;border-radius:12px 14px 11px 13px;box-shadow:3px 4px 0 rgba(43,35,64,.28);padding:7px 30px 9px 12px;animation:g4cpop .26s cubic-bezier(.2,1.3,.4,1) both} .g4-coach-eye{display:block;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#C8664B;margin-bottom:1px} .g4-coach p{margin:0;font-size:14px;line-height:1.38;font-weight:500} .g4-coach p b{font-weight:800} .g4-coach kbd{display:inline-block;min-width:1.5em;padding:0 .38em;margin:0 .08em;border:1.5px solid #2B2340;border-radius:5px;background:#F4D98B;box-shadow:0 2px 0 #2B2340;font:700 12px/1.45 'Noto Sans',system-ui,sans-serif;text-align:center;color:#2B2340;vertical-align:1px} .g4-coach kbd.g4-pad{border-radius:50%;min-width:1.6em;padding:0;background:#EDE7F2} .g4-coach kbd.g4-pad-ps.g4-pad-a{color:#3E6FB0}.g4-coach kbd.g4-pad-ps.g4-pad-b{color:#C8524A}.g4-coach kbd.g4-pad-ps.g4-pad-x{color:#B4587A}.g4-coach kbd.g4-pad-ps.g4-pad-y{color:#3F7A4A} .g4-coach kbd.g4-pad-xb.g4-pad-a{background:#C6E0C0}.g4-coach kbd.g4-pad-xb.g4-pad-b{background:#F6BDB4}.g4-coach kbd.g4-pad-xb.g4-pad-x{background:#BCD5F0}.g4-coach kbd.g4-pad-xb.g4-pad-y{background:#F6E3A8} .g4-coach kbd.g4-pad:is(.g4-pad-lb,.g4-pad-rb,.g4-pad-lt,.g4-pad-rt,.g4-pad-start,.g4-pad-l3){border-radius:6px;padding:0 .35em} .g4-coach-x{pointer-events:auto;position:absolute;right:3px;top:3px;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:#5A5070;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center} .g4-coach-x:hover,.g4-coach-x:focus-visible{background:rgba(43,35,64,.1);outline:none} .g4-coach-tail{position:absolute;width:14px;height:14px;background:#F6EFE4;border:2px solid #2B2340;transform:rotate(45deg);display:none} .g4-coach[data-side="above"] .g4-coach-tail{display:block;left:calc(var(--tx,50%) - 7px);bottom:-7px;border-left:0;border-top:0} .g4-coach[data-side="below"] .g4-coach-tail{display:block;left:calc(var(--tx,50%) - 7px);top:-7px;border-right:0;border-bottom:0} .g4-coach[data-side="left"] .g4-coach-tail{display:block;top:calc(var(--ty,50%) - 7px);right:-7px;border-left:0;border-bottom:0} .g4-coach[data-side="right"] .g4-coach-tail{display:block;top:calc(var(--ty,50%) - 7px);left:-7px;border-right:0;border-top:0} .g4-coach.ok .g4-coach-in{background:#DDEFD6} .g4-coach.ok .g4-coach-tail{background:#DDEFD6} .g4-coach.ok .g4-coach-eye::after{content:' · done ✓';color:#3F7A4A} @keyframes g4cpop{from{transform:translateY(6px) scale(.94)}to{transform:none}} @media (max-width:420px),(max-height:440px){.g4-coach{max-width:min(250px,calc(100vw - 20px))}.g4-coach p{font-size:13px}.g4-coach-in{padding:5px 28px 7px 10px}.g4-coach-eye{font-size:9px}} @media (prefers-reduced-motion:reduce){.g4-coach,.g4-coach.out{transition:none}.g4-coach-in{animation:none}} .g4-replay{white-space:normal} #games214 :is(.gr-replay,.nc-replay,.p26-replay){margin:14px 0 4px;text-align:center} #games214 .yd-replay{justify-content:flex-start;margin:4px 0 8px} /* v2.31 no zoom while playing: quick taps on controls and the gaps between them never double-tap zoom. Zero specificity, so the games' own touch-action:none on canvases and sticks still wins. */ :where(#games214, #games214 *, .g4-chal, .g4-chal *, .g4-coach, .g4-coach *){touch-action:manipulation} @media (pointer:coarse){:where(#games214, .g4-chal) :where(input, textarea, select){font-size:16px}} /* ---- games215.css ---- */ /* Study Space v2.15: the shared progression of the games (games215-meta.js) */ #games214 .g5-meta{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow:hidden} #games214 .g5-prof{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 22px;background:linear-gradient(120deg,color-mix(in srgb,var(--wine,#7a2a1e) 9%,transparent),transparent 60%)} .g5-flame{--c1:#fff6c2;--c2:#ffb43a;--c3:#e2461c;width:54px;height:66px;border-radius:50% 50% 46% 46% / 62% 62% 38% 38%;background:radial-gradient(circle at 50% 70%,var(--c1) 0 18%,var(--c2) 42%,var(--c3) 78%);clip-path:path('M27 0 C33 14 50 24 50 42 C50 56 40 66 27 66 C14 66 4 56 4 42 C4 30 14 22 18 10 C21 20 24 24 27 26 C28 16 27 8 27 0Z');filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--c2) 60%,transparent));animation:g5flick 1.6s ease-in-out infinite alternate;transform-origin:50% 100%} .g5-flame.sm{width:36px;height:44px;clip-path:path('M18 0 C22 9 33 16 33 28 C33 37 27 44 18 44 C9 44 3 37 3 28 C3 20 9 15 12 7 C14 13 16 16 18 17 C19 11 18 5 18 0Z')} @keyframes g5flick{from{transform:scale(1,1)}to{transform:scale(.96,1.05) rotate(1deg)}} @media (prefers-reduced-motion:reduce){.g5-flame{animation:none}} #games214 .g5-who{display:flex;flex-direction:column;gap:3px;min-width:0} #games214 .g5-who b{font-size:22px;line-height:1.1} #games214 .g5-who small{color:var(--muted);font-size:12.5px} #games214 .g5-bar,#games214 .g5-qbar{height:8px;border-radius:99px;background:color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden;margin:6px 0 2px;max-width:420px} #games214 .g5-bar i,#games214 .g5-qbar i{display:block;height:100%;background:linear-gradient(90deg,var(--wine,#7a2a1e),#e3a63a);border-radius:inherit;transition:width .6s ease} #games214 .g5-nums{display:flex;gap:20px} #games214 .g5-nums span{display:flex;flex-direction:column;align-items:center;font-size:11.5px;color:var(--muted);letter-spacing:.04em} #games214 .g5-nums b{font-size:22px;color:var(--ink);letter-spacing:0} #games214 .g5-tabs{display:flex;gap:2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 12px;overflow-x:auto;scrollbar-width:none} #games214 .g5-tabs button{flex:0 0 auto;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:11px 14px;font:600 13.5px/1 inherit;font-family:inherit;color:var(--muted);cursor:pointer} #games214 .g5-tabs button[aria-selected=true]{color:var(--wine,#7a2a1e);border-bottom-color:var(--wine,#7a2a1e)} #games214 .g5-pane{padding:16px 22px 18px} #games214 .g5-hint{color:var(--muted);font-size:13px;margin:10px 0 0} #games214 .g5-quests{list-style:none;margin:0;padding:0;display:grid;gap:10px} #games214 .g5-quests li{display:grid;grid-template-columns:96px 1fr 160px 90px auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px} #games214 .g5-quests li.done{background:color-mix(in srgb,#3fae6a 9%,transparent);border-color:color-mix(in srgb,#3fae6a 40%,var(--line))} #games214 .g5-quests li.done b{text-decoration:line-through;opacity:.7} #games214 .g5-quests small{color:var(--muted);font-size:12px;text-align:right} #games214 .g5-qbar{margin:0} #games214 .g5-qg{white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:99px;text-align:center;color:#fff} #games214 .g5-qg-run{background:#b8452c}#games214 .g5-qg-cascade{background:#3b3a7a}#games214 .g5-qg-rush{background:#8a3a62} #games214 .g5-ach{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px} #games214 .g5-ach li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;opacity:.5;filter:grayscale(1)} #games214 .g5-ach li.got{opacity:1;filter:none;background:color-mix(in srgb,#e3a63a 10%,transparent);border-color:color-mix(in srgb,#e3a63a 45%,var(--line))} #games214 .g5-ach span{grid-row:1/3;font-size:22px;line-height:1.3;width:28px;text-align:center} #games214 .g5-ach b{font-size:13.5px} #games214 .g5-ach small{font-size:11.5px;color:var(--muted);line-height:1.35} #games214 .g5-flames{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px} #games214 .g5-fl{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);cursor:pointer;font:inherit} #games214 .g5-fl.on{border-color:var(--wine,#7a2a1e);box-shadow:0 0 0 2px color-mix(in srgb,var(--wine,#7a2a1e) 25%,transparent)} #games214 .g5-fl:disabled{cursor:default;opacity:.55} #games214 .g5-fl small{font-size:11.5px;color:var(--muted);text-align:center} #games214 .g5-btabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px} #games214 .g5-btabs .g4-chip[aria-pressed=true]{background:var(--wine,#7a2a1e);border-color:var(--wine,#7a2a1e);color:#fff;opacity:1} #games214 .g5-btabs .g4-chip[aria-pressed=false]{opacity:1} #games214 .g5-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-width:620px} #games214 .g5-rows li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px} #games214 .g5-rows li.me{border-color:var(--wine,#7a2a1e);background:color-mix(in srgb,var(--wine,#7a2a1e) 7%,transparent)} #games214 .g5-rank{font-weight:700;color:var(--muted);text-align:center} #games214 .g5-rows li:nth-child(1) .g5-rank{color:#c99a12}#games214 .g5-rows li:nth-child(2) .g5-rank{color:#8d97a6}#games214 .g5-rows li:nth-child(3) .g5-rank{color:#a8673a} #games214 .g5-rows em{font-style:normal;color:var(--muted);font-size:13px} #games214 .g5-trials li{grid-template-columns:110px 1fr auto} #games214 .g5-share{display:flex;gap:8px;align-items:center;margin-top:14px;font-size:13px;color:var(--muted)} .g4-toast.g5-ach{background:linear-gradient(120deg,#3a2408,#7a4a10);border:1px solid #e3a63a} .g4-toast.g5-quest{background:linear-gradient(120deg,#123a24,#1d6a40)} .g4-toast.g5-lvl{background:linear-gradient(120deg,#3b1f4f,#b0415e);font-size:15px} .g4-toast.g5-pun{background:rgba(60,40,10,.92)} .g4-toast .g5-ach-ic{display:block;font-size:24px;line-height:1.1} @media (max-width:760px){ #games214 .g5-prof{grid-template-columns:auto 1fr;padding:14px} #games214 .g5-nums{grid-column:1/-1;justify-content:space-around} #games214 .g5-quests li{grid-template-columns:1fr auto;grid-template-rows:auto auto auto} #games214 .g5-quests li .g5-qg{justify-self:start} #games214 .g5-quests li .g5-qbar{grid-column:1/-1} #games214 .g5-quests li small{text-align:left} #games214 .g5-pane{padding:14px} } #games214 .g5-season{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 22px;background:linear-gradient(90deg,#2b1d3a,#5a2a4a);color:#fff} #games214 .g5-season .g4-eye{color:#e8c98a} #games214 .g5-season b{font-size:16px} #games214 .g5-season span:not(.g4-eye){opacity:.85;font-size:13px} #games214 .g5-season .g4-chip{margin-left:auto;background:#fff;color:#2b1d3a;border-color:#fff} @media (max-width:760px){#games214 .g5-season .g4-chip{margin-left:0}} /* v2.16 hub: a living sky behind the title and animated card previews (games216-hub.js) */ #games214 .g4-hero.g6-hero{position:relative;overflow:hidden;min-height:300px;border:0;background:#0b0820;color:#fff;align-items:flex-end;padding:34px 30px} #games214 .g6-sky{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0} #games214 .g6-hero>*:not(.g6-sky){position:relative;z-index:1} #games214 .g6-hero h2{color:#fff;font-size:clamp(26px,4vw,42px);text-shadow:0 2px 18px rgba(0,0,0,.6)} #games214 .g6-hero p{color:#efe6ff;opacity:.92;text-shadow:0 1px 10px rgba(0,0,0,.6)} #games214 .g6-hero .g4-eye{color:#e8c98a} #games214 .g6-hero .g4-chip{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(4px)} #games214 .g6-art{display:block;width:100%;aspect-ratio:200/120;height:auto} #games214 .g4-card{box-shadow:0 10px 30px -18px rgba(0,0,0,.5)} #games214 .g4-card:hover .g6-art,#games214 .g4-card:focus-visible .g6-art{filter:brightness(1.08) saturate(1.1)} @media (max-width:760px){#games214 .g4-hero.g6-hero{min-height:360px;padding:24px 18px}} /* v2.17 Codex */ #games214 .g5-cx-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px} #games214 .g5-cx-n{font-size:22px} #games214 .g5-btabs .g4-chip small{opacity:.7;margin-left:4px} #games214 .g5-cxq{width:100%;max-width:420px;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font:inherit;background:var(--paper);color:var(--ink);margin-bottom:12px} #games214 .g5-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px} #games214 .g5-card{position:relative;padding:16px 16px 14px;border-radius:14px;border:1px solid color-mix(in srgb,#c99a12 40%,var(--line));background:linear-gradient(160deg,#fffaf0,#f6ead2);color:#2b1d12;box-shadow:inset 0 0 0 4px rgba(255,255,255,.5),0 6px 16px -10px rgba(0,0,0,.35)} #games214 .g5-card::before{content:"";position:absolute;inset:6px;border:1px solid rgba(160,110,30,.25);border-radius:10px;pointer-events:none} #games214 .g5-card b{display:block;font-size:15px;margin:6px 0 4px;font-family:Georgia,serif} #games214 .g5-card p{margin:0;font-size:13px;line-height:1.5;color:#4a3a28} #games214 .g5-card .g5-cat{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#9a6a12;font-weight:700} #games214 .g5-card.big{max-width:560px;margin:10px auto;padding:30px 28px;text-align:center} #games214 .g5-card.big b{font-size:22px} #games214 .g5-card.big p{font-size:15px} #games214 .g5-rev-top{display:flex;justify-content:space-between;align-items:center} #games214 .g5-rev-acts{display:flex;justify-content:center;gap:10px;margin-top:8px} #games214 .g4-chip.g5-good{background:var(--wine,#7a2a1e);border-color:var(--wine,#7a2a1e);color:#fff;opacity:1} /* v2.18 characters */ #games214 .g5-me{border:0;background:none;padding:0;cursor:pointer;border-radius:50%;line-height:0} #games214 .g5-me:hover svg{filter:drop-shadow(0 0 10px rgba(255,190,90,.6))} #games214 .g5-sub{margin:4px 0 4px;font-size:15px} #games214 .g5-heroes{list-style:none;margin:10px 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px} #games214 .g5-hc{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 50% 30%,#2c1d4a,#140d26);color:#fff;cursor:pointer;font:inherit;text-align:center} #games214 .g5-hc.on{border-color:#ffd36b;box-shadow:0 0 0 2px rgba(255,211,107,.5),0 10px 24px -12px rgba(255,170,60,.7)} #games214 .g5-hc.locked svg{filter:grayscale(.85) brightness(.7)} #games214 .g5-hc:disabled{cursor:default;opacity:.7} #games214 .g5-hc b{font-size:15px} #games214 .g5-hc .g5-ht{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#e8c98a} #games214 .g5-hc .g5-tr{font-size:12px;opacity:.85;line-height:1.35;min-height:3em} #games214 .g5-hc em{font-style:normal;font-size:12px;margin-top:auto;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.12)} #games214 .g5-hc.on em{background:#ffd36b;color:#2b1d12} .g4-face .g4-hero-flame{transform-origin:50% 75%;animation:g4flick 1.4s ease-in-out infinite alternate} @keyframes g4flick{from{transform:scale(1,1)}to{transform:scale(.97,1.04) skewX(-1.5deg)}} @media (prefers-reduced-motion:reduce){.g4-face .g4-hero-flame{animation:none}} /* v2.19 Chronicle and stream view (games214.js) */ #games214 .g4-bar{flex-wrap:wrap} #games214 .g4-bar-r{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center} #games214 .g4-streamtitle{display:none} #games214 .g4-stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start;margin-top:10px} #games214 .g4-host{min-width:0} #games214 .g4-chron{position:sticky;top:12px;max-height:calc(100vh - 24px);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(180deg,#1d1433,#120c22);color:#efe7ff;overflow:hidden;box-shadow:0 14px 30px -18px rgba(0,0,0,.7)} #games214 .g4-chron-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)} #games214 .g4-chron-head b{font-size:15px;letter-spacing:.04em} #games214 .g4-chron-opt{margin-left:auto;font-size:11.5px;opacity:.8;display:flex;gap:5px;align-items:center} #games214 .g4-chron-x{display:none;background:none;border:0;color:#fff;font-size:22px;cursor:pointer} #games214 .g4-now{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 0 0,rgba(255,190,90,.18),transparent 70%)} #games214 .g4-now .g4-eye{color:#e8c98a} #games214 .g4-now b{display:block;font-size:16px;margin:4px 0;font-family:Georgia,serif;color:#fff3d6} #games214 .g4-now p{margin:0;font-size:13px;line-height:1.5;opacity:.9} #games214 .g4-chron-list{list-style:none;margin:0;padding:6px 8px 10px;overflow:auto;flex:1;min-height:120px} #games214 .g4-ce{display:grid;grid-template-columns:24px 1fr auto;gap:8px;padding:9px 8px;border-radius:10px;font-size:13px;line-height:1.4;animation:g4cein .35s ease} #games214 .g4-ce+.g4-ce{border-top:1px solid rgba(255,255,255,.06)} #games214 .g4-ce b{display:block;color:#fff3d6} #games214 .g4-ce p{margin:2px 0 0;opacity:.85;font-size:12.5px} #games214 .g4-ce time{font-size:10.5px;opacity:.5;padding-top:2px} #games214 .g4-ce-ic{font-size:15px;text-align:center} #games214 .g4-ce-learn{background:rgba(255,211,107,.07)} #games214 .g4-ce-ach{background:rgba(227,166,58,.12)} #games214 .g4-ce-quest{background:rgba(63,174,106,.12)} #games214 .g4-ce-none{opacity:.6;font-size:12.5px;padding:10px} @keyframes g4cein{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} #games214 .g4-chron-btn{display:none;position:relative} #games214 .g4-chron-btn[data-n]:not([data-n=""])::after{content:attr(data-n);position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:9px;background:#e2483a;color:#fff;font-size:11px;line-height:18px;text-align:center;padding:0 4px} @media (max-width:1099px){ #games214 .g4-stage{grid-template-columns:1fr} #games214 .g4-chron{position:fixed;top:auto;right:10px;left:10px;bottom:76px;max-height:60vh;z-index:70;transform:translateY(120%);transition:transform .25s ease;visibility:hidden} #games214 .g4-chron.open{transform:none;visibility:visible} #games214 .g4-chron-x,#games214 .g4-chron-btn{display:inline-block} } /* stream view: the games page covers the screen, game left, teaching and Chronicle right */ body.g4-streaming{overflow:hidden} body.g4-streaming #games214{position:fixed;inset:0;z-index:9000;background:#0b0820;overflow:auto;padding:14px 18px;margin:0;max-width:none} body.g4-streaming #games214 .g4-wrap{max-width:none;height:100%} body.g4-streaming #games214 .g4-bar{background:transparent;color:#fff} body.g4-streaming #games214 .g4-bar .g4-title{color:#fff;font-size:18px} body.g4-streaming #games214 .g4-streamtitle{display:block;flex:1;min-width:200px;background:transparent;border:0;border-bottom:1px dashed rgba(255,255,255,.25);color:#ffd36b;font:600 18px Georgia,serif;padding:4px 6px} body.g4-streaming #games214 .g4-stage{grid-template-columns:minmax(0,1fr) 380px;height:calc(100% - 64px)} body.g4-streaming #games214 .g4-chron{position:static;transform:none;visibility:visible;max-height:none;height:100%} body.g4-streaming #games214 .g4-chron-btn,body.g4-streaming #games214 .g4-chron-x{display:none} body.g4-streaming #games214 .g4-now{padding:18px} body.g4-streaming #games214 .g4-now b{font-size:22px} body.g4-streaming #games214 .g4-now p{font-size:15px} body.g4-streaming #games214 .g4-ce{font-size:14px} body.g4-streaming #games214 [data-g4-stream]{background:#ffd36b;color:#2b1d12;border-color:#ffd36b} .g4-chron-drawer{position:fixed;left:10px;right:10px;bottom:76px;max-height:60vh;z-index:9500;display:none;flex-direction:column;border-radius:16px;background:linear-gradient(180deg,#1d1433,#120c22);color:#efe7ff;box-shadow:0 20px 50px rgba(0,0,0,.5);overflow:hidden} .g4-chron-drawer.open{display:flex;animation:g4cein .25s ease} .g4-chron-drawer .g4-chron-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)} .g4-chron-drawer .g4-chron-x{background:none;border:0;color:#fff;font-size:22px} .g4-chron-drawer .g4-chron-list{list-style:none;margin:0;padding:6px 8px 10px;overflow:auto} .g4-chron-drawer .g4-ce{display:grid;grid-template-columns:24px 1fr auto;gap:8px;padding:9px 8px;font-size:13px;line-height:1.4} .g4-chron-drawer .g4-ce b{display:block;color:#fff3d6}.g4-chron-drawer .g4-ce p{margin:2px 0 0;opacity:.85;font-size:12.5px}.g4-chron-drawer .g4-ce time{font-size:10.5px;opacity:.5} #games214 .g5-qg-yuddha{background:#8a1c14} /* v2.19 challenges: Nakṣatramālā and Vāda inside Jyoti and Yuddha */ .g4-chal{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at 50% 40%,rgba(40,20,70,.75),rgba(5,3,12,.92));backdrop-filter:blur(4px);animation:g4cein .3s ease} .g4-chal.out{opacity:0;transition:opacity .3s} .g4-chal-box{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:20px;background:linear-gradient(180deg,#1f1538,#120c22);color:#f3ecff;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,211,107,.25);padding:20px 22px} .g4-chal-head{text-align:center;margin-bottom:12px} .g4-chal-head .g4-eye{color:#e8c98a;letter-spacing:.16em;font-size:11px;font-weight:700} .g4-chal-head b{display:block;font:700 22px Georgia,serif;margin:6px 0 4px;color:#fff3d6} .g4-chal-head p{margin:0 auto;max-width:560px;opacity:.85;font-size:14px;line-height:1.5} .g4-chal-skip{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important} @media (max-width:600px){.g4-chal-box{padding:52px 14px 16px}.g4-chal-skip{top:10px;right:10px}.g4-chal-head b{font-size:19px}} .g4-chal .g4-chip{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;cursor:pointer} .g4-chal .g4-chip:hover{border-color:#ffd36b} /* v2.20 trophies (games215-meta.js achHTML) */ #games214 .g5-thead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px 26px;align-items:center;padding:18px 20px;margin-bottom:16px;border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,#8fa6d8 16%,transparent),transparent 70%);border:1px solid var(--line)} #games214 .g5-tlvl{display:flex;align-items:center;gap:12px} #games214 .g5-tlvl b{display:block;font-size:38px;line-height:1;font-weight:600} #games214 .g5-tprog .g5-bar{max-width:none;height:7px} #games214 .g5-tprog small{color:var(--muted);font-size:13px} #games214 .g5-tcount{list-style:none;display:flex;gap:16px;margin:0;padding:0} #games214 .g5-tcount li{display:flex;flex-direction:column;align-items:center;font-size:11.5px;color:var(--muted)} #games214 .g5-tcount b{font-size:18px;color:var(--ink);line-height:1.1} #games214 .g5-tro{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px} #games214 .g5-tro>li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--paper)} #games214 .g5-tro>li.locked{opacity:.62} #games214 .g5-tro>li.locked .g5-cup{filter:grayscale(1) brightness(.6)} #games214 .g5-tro>li.got{border-color:color-mix(in srgb,#e3a63a 35%,var(--line))} #games214 .g5-tro>li.g5-t-platinum{grid-column:1/-1;background:linear-gradient(110deg,color-mix(in srgb,#8fa6d8 22%,transparent),var(--paper) 60%)} #games214 .g5-tcup{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:color-mix(in srgb,var(--ink) 6%,transparent)} #games214 .g5-tcup i{position:absolute;right:-5px;bottom:-5px;font-style:normal;font-size:13px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--paper2,#fff);border:1px solid var(--line)} #games214 .g5-tro b{display:block;font-size:15px} #games214 .g5-tro small{display:block;font-size:13px;color:var(--muted);line-height:1.4;margin:2px 0 5px} #games214 .g5-tmeta{font-size:12px;color:var(--muted)} #games214 .g5-rar{font-style:normal;font-weight:700;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:99px;margin-right:7px;border:1px solid currentColor} #games214 .g5-rar-bronze{color:#c98a5a}#games214 .g5-rar-silver{color:#a9b3c2}#games214 .g5-rar-gold{color:#e0b13a}#games214 .g5-rar-platinum{color:#9fb4f0} @media (max-width:760px){#games214 .g5-thead{grid-template-columns:auto 1fr}#games214 .g5-tcount{grid-column:1/-1;justify-content:space-around}#games214 .g5-tro{grid-template-columns:1fr}} /* ---------- v2.22: the shared panes repainted (paper, ink, cut-paper shadows; no glass, no glow) ---------- */ .g5-flame{background:none;filter:none;clip-path:none;border-radius:0;position:relative;--k:#2B2340} .g5-flame::before,.g5-flame::after{content:"";position:absolute;inset:0;clip-path:path('M27 0 C33 14 50 24 50 42 C50 56 40 66 27 66 C14 66 4 56 4 42 C4 30 14 22 18 10 C21 20 24 24 27 26 C28 16 27 8 27 0Z')} .g5-flame::before{background:var(--k);transform:translate(0,0) scale(1.06);transform-origin:50% 60%} .g5-flame::after{background:radial-gradient(circle at 50% 74%,var(--c1) 0 22%,var(--c2) 22% 48%,var(--c3) 48%)} .g5-flame.sm::before,.g5-flame.sm::after{clip-path:path('M18 0 C22 9 33 16 33 28 C33 37 27 44 18 44 C9 44 3 37 3 28 C3 20 9 15 12 7 C14 13 16 16 18 17 C19 11 18 5 18 0Z')} #games214 .g5-meta{border:1.5px solid var(--ink,#2B2340);box-shadow:var(--g4-cut)} #games214 .g5-prof{background:radial-gradient(circle at 25% 25%,rgba(43,35,64,.08) 18%,transparent 22%) 0 0/7px 7px,var(--paper2,#EFE4D2)} #games214 .g5-bar,#games214 .g5-qbar{height:10px;border:1.5px solid var(--ink,#2B2340);background:var(--paper,#F6EFE4)} #games214 .g5-bar i,#games214 .g5-qbar i{background:#E9A23B;border-right:1.5px solid var(--ink,#2B2340);border-radius:0} #games214 .g5-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:#C8664B} #games214 .g5-quests li{border:1.5px solid var(--ink,#2B2340);background:var(--paper,#F6EFE4)} #games214 .g5-quests li.done{background:#DDEFD6} #games214 .g5-qg{color:#2B2340;border:1.5px solid #2B2340} #games214 .g5-qg-run{background:#F4D98B}#games214 .g5-qg-cascade{background:#A9A6E8}#games214 .g5-qg-rush{background:#F2A7A0}#games214 .g5-qg-yuddha{background:#E2685A} #games214 .g5-fl{border:1.5px solid var(--ink,#2B2340);box-shadow:var(--g4-cut)} #games214 .g5-fl.on{background:#F4D98B;color:#2B2340;box-shadow:4px 5px 0 #E9A23B} #games214 .g5-btabs .g4-chip[aria-pressed=true]{background:#2B2340;border-color:#2B2340;color:#F6EFE4} #games214 .g5-rows li{border:1.5px solid rgba(43,35,64,.3)} #games214 .g5-rows li.me{border-color:#2B2340;background:#F4D98B;color:#2B2340} #games214 .g5-rows li:nth-child(1) .g5-rank{color:#9C7A1E}#games214 .g5-rows li:nth-child(2) .g5-rank{color:#6E6880}#games214 .g5-rows li:nth-child(3) .g5-rank{color:#C8664B} #games214 .g5-season{background:#6B4A7A;color:#F6EFE4} #games214 .g5-season .g4-eye{color:#F4D98B} #games214 .g5-season .g4-chip{background:#F6EFE4;color:#2B2340;border:1.5px solid #2B2340} /* the Codex: index cards */ #games214 .g5-card{border:1.5px solid #2B2340;background:#FBF6EE;color:#2B2340;box-shadow:3px 4px 0 rgba(43,35,64,.16);background-image:repeating-linear-gradient(180deg,transparent 0 23px,rgba(156,195,230,.35) 23px 24px);background-position:0 34px} #games214 .g5-card::before{inset:0 auto 0 26px;width:1.5px;border:0;border-radius:0;background:rgba(240,126,110,.45)} #games214 .g5-card b{font-family:"Noto Serif Display","Noto Serif",Georgia,serif;color:#2B2340} #games214 .g5-card p{color:#4A4060} #games214 .g5-card .g5-cat{color:#C8664B} #games214 .g5-cxq{border:1.5px solid var(--ink,#2B2340)} #games214 .g4-chip.g5-good{background:#2B2340;border-color:#2B2340;color:#F6EFE4;box-shadow:3px 4px 0 #E9A23B} /* characters */ #games214 .g5-me:hover svg{filter:none;transform:rotate(-3deg)} #games214 .g5-hc{border:1.5px solid #2B2340;background:radial-gradient(circle at 25% 25%,rgba(43,35,64,.09) 18%,transparent 22%) 0 0/7px 7px,#EFE4D2;color:#2B2340;box-shadow:3px 4px 0 rgba(43,35,64,.16)} #games214 .g5-hc.on{border-color:#2B2340;background:#F4D98B;box-shadow:5px 6px 0 #E9A23B} #games214 .g5-hc.locked svg{filter:grayscale(.8) opacity(.7)} #games214 .g5-hc .g5-ht{color:#C8664B} #games214 .g5-hc em{background:#F6EFE4;border:1.5px solid #2B2340;color:#2B2340} #games214 .g5-hc.on em{background:#2B2340;color:#F6EFE4} /* trophies */ #games214 .g5-thead{border:1.5px solid var(--ink,#2B2340);background:radial-gradient(circle at 25% 25%,rgba(43,35,64,.08) 18%,transparent 22%) 0 0/7px 7px,#EFE4D2;box-shadow:var(--g4-cut)} #games214 .g5-tro>li{border:1.5px solid rgba(43,35,64,.3)} #games214 .g5-tro>li.got{border-color:#2B2340;box-shadow:3px 4px 0 rgba(43,35,64,.16)} #games214 .g5-tro>li.locked{opacity:1;background:transparent;border-style:dashed} #games214 .g5-tro>li.locked :is(b,small,.g5-tmeta){opacity:.72} #games214 .g5-tro>li.locked .g5-cup{filter:grayscale(1) opacity(.45)} #games214 .g5-tro>li.g5-t-platinum{background:radial-gradient(circle at 25% 25%,rgba(43,35,64,.08) 18%,transparent 22%) 0 0/7px 7px,#DCDAF6} #games214 .g5-tcup{border-radius:50%;background:#F6EFE4;border:1.5px solid rgba(43,35,64,.35)} #games214 .g5-tcup i{background:#F6EFE4;border:1.5px solid #2B2340} #games214 .g5-rar-bronze{color:#C8664B}#games214 .g5-rar-silver{color:#6E6880}#games214 .g5-rar-gold{color:#9C7A1E}#games214 .g5-rar-platinum{color:#6E74B8} /* toasts: printed slips */ #games214 .g4-toast,.g4-toast{background:#F6EFE4;color:#2B2340;border:1.5px solid #2B2340;box-shadow:4px 5px 0 rgba(43,35,64,.18);border-radius:12px} .g4-toast em{color:#C8664B} .g4-toast.g5-ach{background:#F6E3A8;border-color:#2B2340} .g4-toast.g5-quest{background:#DDEFD6} .g4-toast.g5-lvl{background:#DCDAF6} .g4-toast.g5-pun{background:#F6EFE4} /* the Chronicle: a ruled notebook beside the game */ #games214 .g4-chron{border:1.5px solid #2B2340;background:#FBF6EE;color:#2B2340;box-shadow:4px 5px 0 rgba(43,35,64,.16)} #games214 .g4-chron-head{border-bottom:1.5px solid #2B2340;background:#EFE4D2} #games214 .g4-chron-x{color:#2B2340} #games214 .g4-now{border-bottom:1.5px dashed rgba(43,35,64,.3);background:radial-gradient(circle at 25% 25%,rgba(233,162,59,.22) 18%,transparent 22%) 0 0/7px 7px,#FBF6EE} #games214 .g4-now .g4-eye{color:#C8664B} #games214 .g4-now b{font-family:"Noto Serif Display","Noto Serif",Georgia,serif;color:#2B2340} #games214 .g4-ce+.g4-ce{border-top:1px solid rgba(43,35,64,.1)} #games214 .g4-ce b{color:#2B2340} #games214 .g4-ce-learn{background:rgba(244,217,139,.3)} #games214 .g4-ce-ach{background:rgba(246,185,132,.3)} #games214 .g4-ce-quest{background:rgba(168,200,160,.3)} #games214 .g4-chron-btn[data-n]:not([data-n=""])::after{background:#F07E6E;color:#2B2340;border:1.5px solid #2B2340} .g4-chron-drawer{background:#FBF6EE;color:#2B2340;border:1.5px solid #2B2340;box-shadow:5px 6px 0 rgba(43,35,64,.2)} .g4-chron-drawer .g4-chron-head{border-bottom:1.5px solid #2B2340;background:#EFE4D2} .g4-chron-drawer .g4-chron-x{color:#2B2340} .g4-chron-drawer .g4-ce b{color:#2B2340} /* stream view: a desk of paper (1080p: big type, strong ink) */ body.g4-streaming #games214{background:var(--g4-grain),#EFE4D2} body.g4-streaming #games214 .g4-bar{color:#2B2340} body.g4-streaming #games214 .g4-bar .g4-title{color:#2B2340} body.g4-streaming #games214 .g4-streamtitle{border-bottom:2px dashed rgba(43,35,64,.35);color:#2B2340;font:700 20px "Noto Serif Display","Noto Serif",Georgia,serif} body.g4-streaming #games214 [data-g4-stream]{background:#2B2340;color:#F6EFE4;border-color:#2B2340} /* challenges: a sheet laid over the game */ .g4-chal{background:rgba(43,35,64,.55);backdrop-filter:none} .g4-chal-box{background:var(--g4-grain),#F6EFE4;color:#2B2340;border:2px solid #2B2340;box-shadow:8px 10px 0 rgba(43,35,64,.3)} .g4-chal-head .g4-eye{color:#C8664B} .g4-chal-head b{font-family:"Noto Serif Display","Noto Serif",Georgia,serif;color:#2B2340} .g4-chal-skip{background:#F6EFE4!important;color:#2B2340!important;border:1.5px solid #2B2340!important} .g4-chal .g4-chip{border:1.5px solid #2B2340;background:#F6EFE4;color:#2B2340} .g4-chal .g4-chip:hover{background:#F4D98B;border-color:#2B2340} /* ---- games215-cascade.css ---- */ /* v2.23 Nakṣatramālā: the garland of a life (games214-cascade.js). 2.23 adds the dealt hand, keep, foresight marks, the docked act card, the life scroll and a phone layout where the hand sits right under the sky. Paper, ink and pastel: cut-paper cards with hard offset shadows, wobbly ink outlines, risograph accents. No gloss, no glow. Scoped to .nc22 (also inside a challenge). */ :is(#games214,.g4-chal) .nc22{--ink:var(--g4-ink,#2B2340);--ink2:var(--g4-ink-soft,#5A5070);--pap:var(--g4-paper,#F6EFE4);--pap2:var(--g4-paper-2,#EFE4D2);--cut:3px 4px 0 rgba(43,35,64,.16);color:var(--ink)} :is(#games214,.g4-chal) .nc22 button{font:inherit;color:inherit} :is(#games214,.g4-chal) .nc22 .nc-head{background:var(--pap) var(--g4-fibre);border:2px solid var(--ink);border-radius:14px 18px 12px 16px;box-shadow:var(--cut);padding:18px 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end} :is(#games214,.g4-chal) .nc22 .nc-head h3{font-size:28px;margin:4px 0 6px;letter-spacing:.01em;text-shadow:2px 1px 0 rgba(240,126,110,.45)} :is(#games214,.g4-chal) .nc22 .nc-head p{max-width:640px;line-height:1.55;margin:0;color:var(--ink2)} :is(#games214,.g4-chal) .nc22 .nc-tot{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;color:var(--ink2)} :is(#games214,.g4-chal) .nc22 .nc-tot>b{font-size:30px;color:var(--ink);line-height:1} :is(#games214,.g4-chal) .nc22 .g4-eye{color:var(--ink2)} :is(#games214,.g4-chal) .nc22 .nc-chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ink);background:var(--pap);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;box-shadow:2px 2px 0 rgba(43,35,64,.18);transition:transform .12s} :is(#games214,.g4-chal) .nc22 .nc-chip:hover:not([disabled]){transform:translate(-1px,-1px)} :is(#games214,.g4-chal) .nc22 .nc-chip[disabled]{opacity:.45;cursor:default} :is(#games214,.g4-chal) .nc22 .nc-btn{border:2px solid var(--ink);background:var(--pap);border-radius:10px 12px 9px 11px;padding:9px 16px;font-weight:700;cursor:pointer;box-shadow:var(--cut);transition:transform .12s,box-shadow .12s} :is(#games214,.g4-chal) .nc22 .nc-btn.primary{background:var(--g4-butter,#F4D98B)} :is(#games214,.g4-chal) .nc22 .nc-btn:hover{transform:translate(-1px,-2px);box-shadow:4px 6px 0 rgba(43,35,64,.18)} :is(#games214,.g4-chal) .nc22 .nc-btn:focus-visible,:is(#games214,.g4-chal) .nc22 .nc-chip:focus-visible,:is(#games214,.g4-chal) .nc22 .nc-mode:focus-visible,:is(#games214,.g4-chal) .nc22 .nc-pada:focus-visible,:is(#games214,.g4-chal) .nc22 .nc-hpadas button:focus-visible{outline:3px solid var(--g4-coral,#F07E6E);outline-offset:2px} /* difficulty and modes */ :is(#games214,.g4-chal) .nc22 .nc-diff{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 4px} :is(#games214,.g4-chal) .nc22 .nc-dbtn{text-align:left;border:1.5px solid var(--ink);background:var(--pap2);border-radius:10px;padding:8px 10px;cursor:pointer} :is(#games214,.g4-chal) .nc22 .nc-dbtn small{display:block;color:var(--ink2);font-size:11.5px;line-height:1.35;margin-top:2px} :is(#games214,.g4-chal) .nc22 .nc-dbtn[aria-checked="true"]{background:var(--g4-mint,#9ED6C4);box-shadow:var(--cut)} :is(#games214,.g4-chal) .nc22 .nc-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:12px 0} :is(#games214,.g4-chal) .nc22 .nc-mode{display:flex;gap:14px;align-items:center;text-align:left;padding:14px 16px;border:2px solid var(--ink);border-radius:16px 12px 18px 12px;background:color-mix(in srgb,var(--c,#A9A6E8) 28%,var(--pap));cursor:pointer;box-shadow:var(--cut);transition:transform .14s,box-shadow .14s} :is(#games214,.g4-chal) .nc22 .nc-mode:hover{transform:translate(-2px,-3px);box-shadow:5px 8px 0 rgba(43,35,64,.18)} :is(#games214,.g4-chal) .nc22 .nc-mode-ic{flex:0 0 50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:700;background:var(--c);border:2px solid var(--ink);color:var(--ink)} :is(#games214,.g4-chal) .nc22 .nc-mode b{display:block;font-size:16px} :is(#games214,.g4-chal) .nc22 .nc-mode small{display:block;color:var(--ink2);font-size:12.5px;line-height:1.45;margin:3px 0 5px} :is(#games214,.g4-chal) .nc22 .nc-mode em{font-style:normal;font-size:12px;font-weight:700;color:var(--g4-terracotta,#C8664B)} /* the sky map */ :is(#games214,.g4-chal) .nc22 .nc-mapwrap{margin:8px 0 10px;padding:8px;border:2px solid var(--ink);border-radius:20px 16px 22px 14px;background:var(--pap) var(--g4-grain);box-shadow:var(--cut);display:flex;justify-content:center} :is(#games214,.g4-chal) .nc22 .nc-map{display:block;width:100%;max-width:640px;height:auto} :is(#games214,.g4-chal) .nc22 .nc-card27{cursor:pointer;outline:none;transition:transform .15s;transform-box:fill-box;transform-origin:center} :is(#games214,.g4-chal) .nc22 .nc-card27:not(.lock):hover,:is(#games214,.g4-chal) .nc22 .nc-card27:focus-visible{transform:scale(1.04)} :is(#games214,.g4-chal) .nc22 .nc-card27:focus-visible path:first-child,:is(#games214,.g4-chal) .nc22 .nc-card27.open path:first-child{stroke:var(--g4-coral,#F07E6E);stroke-width:3.2} :is(#games214,.g4-chal) .nc22 .nc-card27.cur path:first-child{stroke-width:3} :is(#games214,.g4-chal) .nc22 .nc-card27.lock{cursor:default} :is(#games214,.g4-chal) .nc22 .nc-mapn{font:700 11px system-ui,sans-serif;fill:var(--ink)} :is(#games214,.g4-chal) .nc22 .nc-mapr{font:600 11px system-ui,sans-serif;fill:var(--ink)} :is(#games214,.g4-chal) .nc22 .nc-mapc{font:800 26px system-ui,sans-serif;fill:var(--g4-butter,#F4D98B)} :is(#games214,.g4-chal) .nc22 .nc-mapc2{font:600 12px system-ui,sans-serif;fill:var(--g4-pearl,#EDE7F2)} :is(#games214,.g4-chal) .nc22 .nc-garland .nc-mapc2{fill:var(--ink2)} :is(#games214,.g4-chal) .nc22 .nc-padas{border:2px solid var(--ink);border-radius:14px;background:var(--pap);box-shadow:var(--cut);padding:12px 14px;margin-bottom:12px} :is(#games214,.g4-chal) .nc22 .nc-padahead{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:8px} :is(#games214,.g4-chal) .nc22 .nc-padahead span{color:var(--ink2);font-size:13px;flex:1} :is(#games214,.g4-chal) .nc22 .nc-padarow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} :is(#games214,.g4-chal) .nc22 .nc-pada{text-align:left;border:1.5px solid var(--ink);background:var(--pap2);border-radius:10px;padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:2px} :is(#games214,.g4-chal) .nc22 .nc-pada:not([disabled]):hover{background:var(--g4-butter,#F4D98B)} :is(#games214,.g4-chal) .nc22 .nc-pada[disabled]{opacity:.5;cursor:default} :is(#games214,.g4-chal) .nc22 .nc-pada small{color:var(--ink2);font-size:11.5px} :is(#games214,.g4-chal) .nc22 .nc-st{color:#C8664B;letter-spacing:.1em} /* play */ #games214 .nc22 .nc-play{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start} :is(#games214,.g4-chal) .nc22 .nc-stage{position:relative;display:flex;justify-content:center;min-width:0} :is(#games214,.g4-chal) .nc22 .nc-stage canvas{display:block;border-radius:18px 14px 20px 12px;border:2px solid var(--ink);box-shadow:5px 7px 0 rgba(43,35,64,.16);touch-action:manipulation;outline:none;background:var(--pap)} :is(#games214,.g4-chal) .nc22 .nc-stage canvas:focus-visible{outline:3px solid var(--g4-coral,#F07E6E);outline-offset:3px} :is(#games214,.g4-chal) .nc22 .nc-hud{display:none} :is(#games214,.g4-chal) .nc22 .nc-side{display:flex;flex-direction:column;gap:10px;min-width:0} :is(#games214,.g4-chal) .nc22 .nc-card{border:2px solid var(--ink);border-radius:12px 14px 10px 13px;background:var(--pap);box-shadow:var(--cut);padding:11px 13px} :is(#games214,.g4-chal) .nc22 .nc-score{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:4px} :is(#games214,.g4-chal) .nc22 .nc-score b{font-size:24px} :is(#games214,.g4-chal) .nc22 .nc-score small{color:var(--ink2)} :is(#games214,.g4-chal) .nc22 .nc-lamps{display:inline-flex;gap:5px;margin-left:auto} :is(#games214,.g4-chal) .nc22 .nc-lamps i{width:13px;height:17px;border:1.5px solid var(--ink);border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:var(--pap2);display:inline-block} :is(#games214,.g4-chal) .nc22 .nc-lamps i.on{background:var(--g4-saffron,#E9A23B)} :is(#games214,.g4-chal) .nc22 .nc-dasarow{display:flex;gap:2px;margin-top:10px;border:1.5px solid var(--ink);border-radius:8px;overflow:hidden} :is(#games214,.g4-chal) .nc22 .nc-dasarow i{min-width:13px;height:24px;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--c) 60%,var(--pap));color:var(--ink)} :is(#games214,.g4-chal) .nc22 .nc-dasarow.sm i{height:20px;font-size:11px;opacity:.55} :is(#games214,.g4-chal) .nc22 .nc-dasarow.sm i.on{opacity:1;background:var(--c);box-shadow:inset 0 -3px 0 var(--ink)} :is(#games214,.g4-chal) .nc22 .nc-dasarow.sm i.ok{opacity:1;background:var(--c)} :is(#games214,.g4-chal) .nc22 .nc-dasarow.sm i.miss{opacity:.9;background:repeating-linear-gradient(135deg,var(--pap2) 0 3px,color-mix(in srgb,var(--c) 50%,var(--pap)) 3px 6px)} :is(#games214,.g4-chal) .nc22 .nc-mini{font-size:12.5px;line-height:1.45;color:var(--ink2);margin:6px 0 0} :is(#games214,.g4-chal) .nc22 .nc-mini b{color:var(--ink)} :is(#games214,.g4-chal) .nc22 .nc-hcard{border:1.5px solid var(--ink);border-radius:10px;background:var(--c);padding:7px 8px;margin-top:8px} :is(#games214,.g4-chal) .nc22 .nc-hname{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap} :is(#games214,.g4-chal) .nc22 .nc-hname small{color:var(--ink2);font-size:11.5px} :is(#games214,.g4-chal) .nc22 .nc-hpadas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:6px} :is(#games214,.g4-chal) .nc22 .nc-hpadas button{border:1.5px solid var(--ink);border-radius:8px;background:var(--pap);padding:4px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.15;min-height:44px} :is(#games214,.g4-chal) .nc22 .nc-hpadas button small{font-size:10.5px;color:var(--ink2)} :is(#games214,.g4-chal) .nc22 .nc-hpadas button em{font-style:normal;font-size:10px;font-weight:700} :is(#games214,.g4-chal) .nc22 .nc-hpadas button.on{background:var(--g4-butter,#F4D98B);box-shadow:2px 2px 0 var(--ink)} :is(#games214,.g4-chal) .nc22 .nc-hpadas button[disabled]{opacity:.35;cursor:default} :is(#games214,.g4-chal) .nc22 .nc-dg-exalted em,:is(#games214,.g4-chal) .nc22 .nc-dg-mulatrikona em,:is(#games214,.g4-chal) .nc22 .nc-dg-own em{color:var(--g4-teal,#3E8A8A)} :is(#games214,.g4-chal) .nc22 .nc-dg-debilitated em,:is(#games214,.g4-chal) .nc22 .nc-dg-enemy em{color:var(--g4-terracotta,#C8664B)} :is(#games214,.g4-chal) .nc22 .nc-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px} :is(#games214,.g4-chal) .nc22 .nc-bar{height:10px;border:1.5px solid var(--ink);border-radius:99px;background:var(--pap2);overflow:hidden;margin-top:8px} :is(#games214,.g4-chal) .nc22 .nc-bar span{display:block;height:100%;background:repeating-linear-gradient(135deg,var(--g4-saffron,#E9A23B) 0 6px,var(--g4-butter,#F4D98B) 6px 12px);transition:width .25s} :is(#games214,.g4-chal) .nc22 .nc-bd{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:1.5px solid var(--ink);background:var(--c);font-style:normal;font-size:12px;font-weight:700;color:var(--ink)} :is(#games214,.g4-chal) .nc22 .nc-tally{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:330px;overflow:auto} :is(#games214,.g4-chal) .nc22 .nc-tally li{display:flex;gap:8px;align-items:flex-start;padding:4px 6px;border-radius:8px;background:var(--pap2);font-size:13px;animation:nc22in .25s ease} :is(#games214,.g4-chal) .nc22 .nc-tally li>span{flex:1;min-width:0} :is(#games214,.g4-chal) .nc22 .nc-tally li small{color:var(--ink2);margin-left:4px} :is(#games214,.g4-chal) .nc22 .nc-tally .nc-why{display:block;margin:1px 0 0;font-size:11px;line-height:1.35} :is(#games214,.g4-chal) .nc22 .nc-tally li.good{background:color-mix(in srgb,var(--g4-mint,#9ED6C4) 45%,var(--pap))} :is(#games214,.g4-chal) .nc22 .nc-tally li.poor{background:repeating-linear-gradient(135deg,var(--pap2) 0 4px,var(--pap) 4px 8px)} @keyframes nc22in{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}} :is(#games214,.g4-chal) .nc22 .nc-pvbeads{display:flex;gap:2px;margin-top:8px} :is(#games214,.g4-chal) .nc22 .nc-pvbeads i{min-width:12px;height:20px;border:1.5px solid var(--ink);border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:10px;background:color-mix(in srgb,var(--c) 40%,var(--pap2))} :is(#games214,.g4-chal) .nc22 .nc-pvbeads i.good{background:var(--c)} :is(#games214,.g4-chal) .nc22 .nc-pvbeads i.poor{opacity:.6} /* overlays: a paper card on a plum wash */ :is(#games214,.g4-chal) .nc22 .nc-ov{position:absolute;inset:0;display:grid;place-items:center;padding:12px;background:rgba(46,36,72,.16);border-radius:18px;overflow:auto;z-index:3} :is(#games214,.g4-chal) .nc22 .nc-ovbox{background:var(--pap) var(--g4-fibre);color:var(--ink);border:2px solid var(--ink);border-radius:16px 12px 18px 14px;box-shadow:6px 8px 0 rgba(43,35,64,.22);padding:18px 22px;max-width:460px;width:100%;text-align:left;animation:nc22pop .22s ease} :is(#games214,.g4-chal) .nc22 .nc-ovbox h3{margin:6px 0 8px;font-size:22px;color:var(--ink);text-shadow:2px 1px 0 rgba(240,126,110,.4)} :is(#games214,.g4-chal) .nc22 .nc-ovbox p{margin:6px 0;font-size:14px;line-height:1.5} :is(#games214,.g4-chal) .nc22 .nc-ovbox .g4-eye{color:var(--g4-terracotta,#C8664B)} @keyframes nc22pop{from{opacity:0;transform:translateY(8px) rotate(-.6deg)}to{opacity:1;transform:none}} :is(#games214,.g4-chal) .nc22 .nc-new{background:color-mix(in srgb,var(--g4-butter,#F4D98B) 45%,var(--pap));border:1.5px dashed var(--ink);border-radius:8px;padding:6px 9px} :is(#games214,.g4-chal) .nc22 .nc-lagnas{display:grid;gap:8px;margin-top:8px} :is(#games214,.g4-chal) .nc22 .nc-lagna{text-align:left;border:1.5px solid var(--ink);border-radius:10px;background:var(--pap2);padding:8px 10px;cursor:pointer;box-shadow:2px 2px 0 rgba(43,35,64,.15)} :is(#games214,.g4-chal) .nc22 .nc-lagna:hover{background:var(--g4-mint,#9ED6C4)} :is(#games214,.g4-chal) .nc22 .nc-lagna small{display:block;color:var(--ink2);font-size:12px} :is(#games214,.g4-chal) .nc22 .nc-notes{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:5px;font-size:13px} :is(#games214,.g4-chal) .nc22 .nc-notes li{display:flex;gap:8px;align-items:flex-start} :is(#games214,.g4-chal) .nc22 .nc-ovbox .nc-big{font-size:34px;font-weight:800;margin:2px 0;text-shadow:2px 1px 0 rgba(62,138,138,.45)} :is(#games214,.g4-chal) .nc22 .nc-ovbox .nc-starsbig{display:flex;gap:6px;margin:2px 0} :is(#games214,.g4-chal) .nc22 .nc-star{width:34px;height:34px;fill:var(--pap2);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(2px 2px 0 rgba(43,35,64,.2))} :is(#games214,.g4-chal) .nc22 .nc-star.on{fill:var(--g4-saffron,#E9A23B);animation:nc23star .5s cubic-bezier(.3,1.7,.5,1) both;animation-delay:calc(var(--d) * 260ms + 900ms)} @keyframes nc23star{from{transform:scale(0) rotate(-40deg)}to{transform:none}} :is(#games214,.g4-chal) .nc22 .nc-ovbox .nc-share{font-family:ui-monospace,monospace;font-size:12.5px;background:var(--pap2);border-radius:8px;padding:6px 8px} :is(#games214,.g4-chal) .nc22 .nc-garland{display:block;width:180px;height:180px;margin:4px auto} :is(#games214,.g4-chal) .nc22 .nc-how{padding-left:18px;font-size:13.5px;line-height:1.5} :is(#games214,.g4-chal) .nc22 .nc-how li{margin:4px 0} :is(#games214,.g4-chal) .nc22 .nc-yogas{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto} :is(#games214,.g4-chal) .nc22 .nc-yogas li{display:flex;gap:10px;align-items:flex-start;padding:6px 8px;border:1.5px solid var(--ink);border-radius:10px;background:var(--pap2);opacity:.75} :is(#games214,.g4-chal) .nc22 .nc-yogas li.got{opacity:1;background:color-mix(in srgb,var(--g4-butter,#F4D98B) 40%,var(--pap))} :is(#games214,.g4-chal) .nc22 .nc-yogas small{display:block;color:var(--ink2);font-size:12px;line-height:1.4} :is(#games214,.g4-chal) .nc22 .nc-ygs{display:flex;gap:2px;flex:0 0 auto} :is(#games214,.g4-chal) .nc22 .nc-tip{position:absolute;z-index:4;max-width:240px;background:var(--pap);border:1.5px solid var(--ink);border-radius:10px;box-shadow:3px 4px 0 rgba(43,35,64,.18);padding:7px 9px;font-size:12.5px;line-height:1.4;pointer-events:none} :is(#games214,.g4-chal) .nc22 .nc-tip small{color:var(--ink2)} /* 2.23: the dealt hand */ :is(#games214,.g4-chal) .nc22 .nc-pchead{display:flex;justify-content:space-between;align-items:baseline;gap:10px} :is(#games214,.g4-chal) .nc22 .nc-pchead small{color:var(--ink2);font-size:12.5px;white-space:nowrap} :is(#games214,.g4-chal) .nc22 .nc-pcline{margin-top:2px} :is(#games214,.g4-chal) .nc22 .nc-hand{display:flex;flex-direction:column;gap:0} :is(#games214,.g4-chal) .nc22 .nc-hcard{position:relative;animation:nc23deal .42s cubic-bezier(.3,1.5,.6,1) both;animation-delay:calc(var(--d,0) * 70ms);box-shadow:2px 3px 0 rgba(43,35,64,.14)} @keyframes nc23deal{from{opacity:0;transform:translate(26px,-10px) rotate(4deg)}to{opacity:1;transform:none}} :is(#games214,.g4-chal) .nc22 .nc-hcard.kept{outline:3px solid var(--g4-saffron,#E9A23B);outline-offset:-1px} :is(#games214,.g4-chal) .nc22 .nc-hname{align-items:center} :is(#games214,.g4-chal) .nc22 .nc-keep{margin-left:auto;border:1.5px dashed var(--ink);background:var(--pap);border-radius:999px;padding:1px 9px;font-size:11.5px;font-weight:700;cursor:pointer;line-height:1.5;min-height:24px} :is(#games214,.g4-chal) .nc22 .nc-keep:hover{background:var(--g4-butter,#F4D98B);border-style:solid} :is(#games214,.g4-chal) .nc22 .nc-ktag{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;background:var(--g4-saffron,#E9A23B);border:1.5px solid var(--ink);border-radius:4px 4px 8px 8px;padding:0 6px} :is(#games214,.g4-chal) .nc22 .nc-hpadas button{position:relative;border-bottom-width:4px} :is(#games214,.g4-chal) .nc22 .nc-hpadas button.f-ok{border-bottom-color:var(--g4-teal,#3E8A8A)} :is(#games214,.g4-chal) .nc22 .nc-hpadas button.f-near{border-bottom-color:var(--g4-saffron,#E9A23B)} :is(#games214,.g4-chal) .nc22 .nc-hpadas button.f-low{border-bottom-color:var(--g4-terracotta,#C8664B)} :is(#games214,.g4-chal) .nc22 .nc-hpadas button.on{transform:translateY(-2px)} :is(#games214,.g4-chal) .nc22 .nc-yg{position:absolute;top:1px;right:3px;font-style:normal;font-size:10px;color:var(--g4-plum,#6B4A7A)} :is(#games214,.g4-chal) .nc22 .nc-placebtn{animation:nc23nudge .5s ease both} @keyframes nc23nudge{0%{transform:scale(.9)}60%{transform:scale(1.05)}100%{transform:none}} :is(#games214,.g4-chal) .nc22 .nc-fore span{display:inline-block;margin:1px 4px 1px 0;font-weight:700;white-space:nowrap} :is(#games214,.g4-chal) .nc22 .nc-fore span.up{color:var(--g4-teal,#3E8A8A)} :is(#games214,.g4-chal) .nc22 .nc-fore span.dn{color:var(--g4-terracotta,#C8664B)} :is(#games214,.g4-chal) .nc22 .nc-kept{border-top:1.5px dashed var(--ink);padding-top:6px} /* the act card docks low, so the garland stays in view */ :is(#games214,.g4-chal) .nc22 .nc-ov.nc-ov-low{place-items:end center;background:transparent;padding:10px} :is(#games214,.g4-chal) .nc22 .nc-ov.nc-ov-low .nc-ovbox{max-width:430px;padding:12px 16px;animation:nc23up .35s cubic-bezier(.3,1.4,.6,1) both} :is(#games214,.g4-chal) .nc22 .nc-ov.nc-ov-low .nc-ovbox h3{font-size:19px;margin:2px 0 4px} :is(#games214,.g4-chal) .nc22 .nc-ov.nc-ov-low .nc-notes{margin:4px 0 8px;font-size:12.5px} @keyframes nc23up{from{opacity:0;transform:translateY(30px) rotate(1deg)}to{opacity:1;transform:none}} /* the end of a life: the garland, the score, and a scroll of its acts */ :is(#games214,.g4-chal) .nc22 .nc-ov.nc-ov-wide{place-items:start center} :is(#games214,.g4-chal) .nc22 .nc-ov.nc-ov-wide .nc-ovbox{max-width:600px} :is(#games214,.g4-chal) .nc22 .nc-endhead{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;align-items:center} :is(#games214,.g4-chal) .nc22 .nc-endhead .nc-garland{width:170px;height:170px} :is(#games214,.g4-chal) .nc22 .nc-garland .nc-mapc{font:800 30px system-ui,sans-serif;fill:var(--g4-butter,#F4D98B)} :is(#games214,.g4-chal) .nc22 .nc-garland .nc-mapc2{fill:var(--g4-pearl,#EDE7F2)} :is(#games214,.g4-chal) .nc22 .nc-gb{animation:nc23bead .3s cubic-bezier(.3,1.6,.6,1) both;animation-delay:calc(var(--d) * 14ms + 200ms);transform-box:fill-box;transform-origin:center} @keyframes nc23bead{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}} :is(#games214,.g4-chal) .nc22 .nc-scroll{position:relative;margin:12px 0 8px;padding:12px 0} :is(#games214,.g4-chal) .nc22 .nc-scroll::before,:is(#games214,.g4-chal) .nc22 .nc-scroll::after{content:"";position:absolute;left:-8px;right:-8px;height:12px;border:2px solid var(--ink);border-radius:8px;background:repeating-linear-gradient(90deg,var(--g4-terracotta,#C8664B) 0 10px,var(--g4-apricot,#F6B984) 10px 20px);box-shadow:2px 3px 0 rgba(43,35,64,.18);z-index:1} :is(#games214,.g4-chal) .nc22 .nc-scroll::before{top:0} :is(#games214,.g4-chal) .nc22 .nc-scroll::after{bottom:0;animation:nc23roller 1.1s cubic-bezier(.2,.8,.3,1) both} :is(#games214,.g4-chal) .nc22 .nc-scroll-in{background:var(--pap2) var(--g4-fibre);border-left:2px solid var(--ink);border-right:2px solid var(--ink);padding:8px 12px;animation:nc23unroll 1.1s cubic-bezier(.2,.8,.3,1) both} @keyframes nc23unroll{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}} @keyframes nc23roller{from{transform:translateY(-200px);opacity:.4}to{transform:none;opacity:1}} :is(#games214,.g4-chal) .nc22 .nc-life{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px} :is(#games214,.g4-chal) .nc22 .nc-life li{display:flex;gap:8px;align-items:center;padding:5px 6px;border-radius:8px;background:var(--pap);border:1.5px solid rgba(43,35,64,.25);animation:nc22in .35s ease both;animation-delay:calc(var(--d) * 110ms + 450ms)} :is(#games214,.g4-chal) .nc22 .nc-life li.miss{background:repeating-linear-gradient(135deg,var(--pap2) 0 4px,var(--pap) 4px 8px)} :is(#games214,.g4-chal) .nc22 .nc-act{flex:0 0 30px;font:800 13px Georgia,serif;color:var(--g4-terracotta,#C8664B);text-align:center} :is(#games214,.g4-chal) .nc22 .nc-srow{flex:1;min-width:0;font-size:13px} :is(#games214,.g4-chal) .nc22 .nc-srow small{color:var(--ink2);font-size:11.5px} :is(#games214,.g4-chal) .nc22 .nc-srow .nc-why{display:block;margin-top:2px;line-height:1.3} :is(#games214,.g4-chal) .nc22 .nc-sbeads{display:flex;gap:1px;margin-top:3px;height:9px} :is(#games214,.g4-chal) .nc22 .nc-sbeads i{min-width:4px;border:1px solid var(--ink);border-radius:5px;background:color-mix(in srgb,var(--c) 35%,var(--pap2))} :is(#games214,.g4-chal) .nc22 .nc-sbeads i.g{background:var(--c)} :is(#games214,.g4-chal) .nc22 .nc-sbeads i.p{opacity:.55} :is(#games214,.g4-chal) .nc22 .nc-sres{flex:0 0 auto;text-align:right;font-size:14px;line-height:1.15} :is(#games214,.g4-chal) .nc22 .nc-sres small{display:block;font-weight:600;color:var(--ink2);font-size:11px} :is(#games214,.g4-chal) .nc22 .nc-sres em{display:block;font-style:normal;font-size:11px;color:var(--g4-teal,#3E8A8A)} :is(#games214,.g4-chal) .nc22 li.miss .nc-sres em{color:var(--g4-terracotta,#C8664B)} /* the challenge inside another game */ .g4-chal .nc22.nc-chal .nc-play{display:flex;flex-direction:column;gap:10px} .g4-chal .nc22.nc-chal .nc-side .nc-card:nth-child(n+3){display:none} /* stream view: the sky large, the panel beside it */ body.g4-streaming #games214 .nc22 .nc-play{grid-template-columns:minmax(0,1fr) 340px} /* phone: the sky first, a slim bar above it, the panel below */ @media (max-width:820px),(max-height:500px) and (orientation:landscape){ #games214 .nc22 .nc-play{grid-template-columns:minmax(0,1fr)} :is(#games214,.g4-chal) .nc22 .nc-hud{display:flex;gap:12px;align-items:center;justify-content:space-between;border:2px solid var(--ink);border-radius:12px;background:var(--pap);padding:6px 10px;box-shadow:var(--cut)} :is(#games214,.g4-chal) .nc22 .nc-hud>span{display:flex;align-items:center;gap:6px} :is(#games214,.g4-chal) .nc22 .nc-hud small{color:var(--ink2);font-size:12px} :is(#games214,.g4-chal) .nc22 .nc-diff{grid-template-columns:repeat(2,minmax(0,1fr))} :is(#games214,.g4-chal) .nc22 .nc-padarow{grid-template-columns:repeat(2,minmax(0,1fr))} :is(#games214,.g4-chal) .nc22 .nc-head h3{font-size:24px} :is(#games214,.g4-chal) .nc22 .nc-tally{max-height:none} /* 2.23: the hand sits right under the sky, compact, so placing never needs a scroll */ #games214 .nc22 .nc-play{gap:8px} :is(#games214,.g4-chal) .nc22 .nc-side{gap:8px} :is(#games214,.g4-chal) .nc22 .nc-side .nc-headcard{display:none} :is(#games214,.g4-chal) .nc22 .nc-placecard{padding:7px 8px} :is(#games214,.g4-chal) .nc22 .nc-placecard .nc-pcline{display:none} :is(#games214,.g4-chal) .nc22 .nc-hand{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:6px} :is(#games214,.g4-chal) .nc22 .nc-hcard{margin-top:6px;padding:5px 5px 6px} :is(#games214,.g4-chal) .nc22 .nc-hname{gap:2px 6px;min-height:22px} :is(#games214,.g4-chal) .nc22 .nc-hname b{font-size:13px;line-height:1.15} :is(#games214,.g4-chal) .nc22 .nc-hname small{display:none} :is(#games214,.g4-chal) .nc22 .nc-hpadas{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px} :is(#games214,.g4-chal) .nc22 .nc-hpadas button{min-height:42px;padding:3px 1px} :is(#games214,.g4-chal) .nc22 .nc-hpadas button small{font-size:10px} :is(#games214,.g4-chal) .nc22 .nc-prow{margin-top:6px} :is(#games214,.g4-chal) .nc22 .nc-placebtn{flex:1} :is(#games214,.g4-chal) .nc22 .nc-endhead{grid-template-columns:minmax(0,1fr)} :is(#games214,.g4-chal) .nc22 .nc-endhead .nc-garland{width:150px;height:150px} :is(#games214,.g4-chal) .nc22 .nc-ov.nc-ov-low{position:absolute} } @media (prefers-reduced-motion:reduce){:is(#games214,.g4-chal) .nc22 *{animation:none!important;transition:none!important}} /* v2.28 a phone held sideways: the map of the 108 pādas stands at the screen's height on the right and stays put; the title, difficulty and modes scroll beside it */ @media (max-height:500px) and (orientation:landscape){ #games214 .nc22>div:has(>.nc-mapwrap){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:start} #games214 .nc22>div:has(>.nc-mapwrap)>*{grid-column:1;min-width:0} #games214 .nc22>div>.nc-mapwrap{grid-column:2;grid-row:1/span 8;position:sticky;top:52px;width:calc(100dvh - 66px);max-width:48vw;height:auto;margin:0;padding:0} #games214 .nc22>div>.nc-mapwrap svg{width:100%;height:auto} #games214 .nc22 .nc-head{padding:12px 14px;gap:10px} #games214 .nc22 .nc-head h3{font-size:20px} #games214 .nc22 .nc-head p{font-size:13px;line-height:1.4} #games214 .nc22 .nc-modes{grid-template-columns:1fr;gap:8px} #games214 .nc22 .nc-mode{min-height:0;padding:8px 12px} #games214 .nc22 .nc-diff{gap:6px} #games214 .nc22 .nc-dbtn{padding:6px 10px} } @media (max-height:500px) and (orientation:landscape){ #games214 .nc22 .nc-play{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"stage hud" "stage side";grid-template-rows:auto 1fr;gap:6px 12px;align-items:start} #games214 .nc22 .nc-play>.nc-stage{grid-area:stage;position:sticky;top:52px} #games214 .nc22 .nc-play>.nc-hud{grid-area:hud;padding:4px 10px} #games214 .nc22 .nc-play>.nc-side{grid-area:side;order:0} } /* ---- games215-rush.css ---- */ /* v2.15 Vāda: Chart Sight, Duel, mastery wheel and feedback (games214-rush.js) */ #games214 .gr-mode-sight{background:linear-gradient(135deg,#14304f,#3a7ab8)} #games214 .gr-mode-duel{background:linear-gradient(135deg,#2a2440,#5a3f8a)} #games214 .gr-mini{display:flex;justify-content:center;margin:2px 0} #games214 .gr-mini .gr-chart{width:150px;height:150px} #games214 .gr-foes{display:flex;gap:8px;flex-wrap:wrap} #games214 .gr-foebtn{flex:1 1 90px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:14px;border:2px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font:inherit;cursor:pointer;transition:transform .15s,border-color .15s} #games214 .gr-foebtn:hover{transform:translateY(-2px)} #games214 .gr-foebtn[aria-pressed="true"]{border-color:#fff;background:rgba(255,255,255,.2)} #games214 .gr-foebtn small{font-size:11px;opacity:.85} #games214 .gr-foe{display:flex;flex-direction:column;align-items:center;gap:2px} #games214 .gr-foe svg{width:54px;height:54px;animation:grfoebob 2.4s ease-in-out infinite} #games214 .gr-foe b{font-size:13px} #games214 .gr-foe.happy svg{animation:grfoejump .5s ease 2} #games214 .gr-foe.sad svg{animation:grfoedroop .8s ease;filter:saturate(.6)} @keyframes grfoebob{50%{transform:translateY(-3px)}} @keyframes grfoejump{40%{transform:translateY(-10px) scale(1.06)}} @keyframes grfoedroop{40%{transform:translateY(4px) rotate(-6deg)}} #games214 .gr-masterybox{color:#2a1714;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-top:16px;padding:16px 20px;border:1px solid var(--line);border-radius:18px;background:var(--paper)} #games214 .gr-mtext h3{margin:4px 0 6px} #games214 .gr-mtext p{margin:0 0 10px;color:#6b5a52;line-height:1.5} #games214 .gr-mtext p b{color:#2a1714} #games214 .gr-mtext h3{color:#2a1714} #games214 .gr-wheel{width:290px;max-width:100%;height:auto;display:block} #games214 .gr-wl{font-size:10.5px;font-weight:700;fill:#2a1714} #games214 .gr-wp{font-size:10px;fill:#6b5a52} #games214 .gr-wc{fill:#f4ecdc;stroke:#d8c8b4} #games214 .gr-wbig{font-size:22px;font-weight:800;fill:#2a1714} #games214 .gr-wsm{font-size:9px;fill:#6b5a52;letter-spacing:.08em} #games214 .gr-endwheel{display:flex;justify-content:center;margin:6px 0} #games214 .gr-endwheel .gr-wheel{width:230px} /* the chart */ #games214 .gr-chart{width:100%;max-width:260px;height:auto;display:block} #games214 .gr-ch-bg{fill:#fbf6ec;stroke:#7a5a3a;stroke-width:1.5} #games214 .gr-ch-cell{fill:none;stroke:#b79a78;stroke-width:1} #games214 .gr-ch-cell.la{fill:rgba(224,160,60,.12)} #games214 .gr-ch-cell.hi{fill:rgba(74,138,216,.15)} #games214 .gr-ch-mid{fill:#f4ecdc;stroke:#b79a78} #games214 .gr-ch-la{stroke:#a0402a;stroke-width:1.5} #games214 .gr-ch-lat{font:700 9px var(--font-sans,system-ui);fill:#a0402a} #games214 .gr-ch-rg{font-size:10px;fill:#b79a78} #games214 .gr-ch-g{font:800 12.5px var(--font-sans,system-ui)} #games214 .gr-ch-deg{font:700 8.5px var(--font-sans,system-ui)} #games214 .gr-ch-t{font:700 14px var(--font-serif,Georgia,serif);fill:#5a3a22} #games214 .gr-ch-s{font-size:9px;fill:#8a6a4a} #games214 .gr-qwrap{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:18px;align-items:start} #games214 .gr-card.has-chart h3{margin-top:2px} #games214 .gr-misschart .gr-chart{width:120px;float:left;margin:0 10px 6px 0} #games214 .gr-miss>div{overflow:hidden} /* streak flame */ #games214 .gr-streak{margin:0 4px 0 8px;display:flex;align-items:center;gap:4px;color:#ffd36b;font-weight:800;font-size:18px} #games214 .gr-bigflame{display:inline-block;width:18px;height:26px;transform:scale(var(--s,1));transform-origin:50% 100%;transition:transform .25s;background:linear-gradient(0deg,#d2401b,#ff9a2a 55%,#ffe27a);clip-path:path('M9 26 C1 26 -1 17 3 11 C5 7 8 4 9 0 C11 6 17 9 17 17 C17 22 14 26 9 26Z');animation:grflick .35s ease-in-out infinite alternate} #games214 .gr-streak.hot .gr-bigflame{background:linear-gradient(0deg,#e0473b,#ff6ab0 55%,#fff3b0)} #games214 .gr-streak.blaze .gr-bigflame{background:linear-gradient(0deg,#506dc8,#bfe6ff 55%,#ffffff);filter:drop-shadow(0 0 6px #bfe6ff)} @keyframes grflick{to{filter:brightness(1.25);transform:scale(calc(var(--s,1) * 1.06)) skewX(-3deg)}} /* feedback */ #games214 .gr-opt{position:relative;overflow:visible} #games214 .gr-opt.right{animation:grpop .35s ease} @keyframes grpop{40%{transform:scale(1.04)}} #games214 .gr-spark{position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:#ffd36b;pointer-events:none;animation:grspark .6s ease-out forwards} @keyframes grspark{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}} /* duel */ #games214 .gr-vs{display:flex;align-items:center;gap:14px} #games214 .gr-vs span{display:flex;flex-direction:column;align-items:center;line-height:1} #games214 .gr-vs b{font-size:30px} #games214 .gr-vs small{opacity:.75;font-size:11px} #games214 .gr-vsx{opacity:.6;font-weight:700} #games214 .gr-foewrap{position:relative;margin-left:auto;display:flex;align-items:center} #games214 .gr-bubble{position:absolute;right:70px;top:6px;background:#fff;color:#2a1a30;border-radius:12px;padding:6px 10px;font-size:13px;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.25);animation:grin .2s ease} #games214 .gr-bubble::after{content:"";position:absolute;right:-6px;top:12px;border:6px solid transparent;border-left-color:#fff;border-right:0} #games214 .gr-foemark{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--fc);color:#1a1020;font-size:13px;animation:grpop .3s} #games214 .gr-opt.foewrong{outline:2px dashed rgba(154,45,45,.6)} #games214 .gr-opt.yours.wrong{outline:2px solid #9a2d2d} #games214 .gr-opt.theirs{background:#5a3f8a;border-color:#5a3f8a} #games214 .gr-duelend{display:flex;align-items:center;justify-content:center;gap:16px} #games214 .gr-duelend .gr-foe svg{width:70px;height:70px} #games214 .gr-end .nc-row{justify-content:center;flex-wrap:wrap} @media (max-width:720px){ #games214 .gr-qwrap{grid-template-columns:1fr} #games214 .gr-chartbox{display:flex;justify-content:center} #games214 .gr-chart{max-width:230px} #games214 .gr-masterybox{color:#2a1714;grid-template-columns:1fr;justify-items:center;text-align:center} #games214 .gr-bubble{right:62px;top:2px;white-space:normal;max-width:130px;font-size:12px} #games214 .gr-foe svg{width:46px;height:46px} } #games214 .gr-modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))} #games214 .gr-powers b{color:#2a1714} #games214 .gr-powers{color:#6b5a52} /* ===== v2.16 Vāda: live duels and the graphics (games214-rush.js) ===== */ /* the cosmic stage */ #games214 .gr-play{overflow:hidden;isolation:isolate;box-shadow:0 30px 70px -20px rgba(10,4,30,.7),inset 0 0 0 1px rgba(255,255,255,.08)} #games214 .gr-play>canvas.gr-cosmos{position:absolute;inset:0;width:100%;height:100%;z-index:0;border-radius:inherit;pointer-events:none} #games214 .gr-play>*:not(.gr-cosmos){position:relative;z-index:1} #games214 .gr-play.gr-fever::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 110%,rgba(255,120,40,.35),transparent 60%);animation:grfeverglow .8s ease-in-out infinite alternate} @keyframes grfeverglow{to{opacity:.4}} #games214 .gr-play.hurt::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(220,30,30,.55));animation:grredflash .45s ease-out forwards} @keyframes grredflash{from{opacity:1}to{opacity:0}} /* the hero of the Rush home */ #games214 .gr-hero{position:relative;overflow:hidden;border-radius:20px;min-height:200px;margin-bottom:16px;display:flex;align-items:flex-end;box-shadow:0 20px 50px -18px rgba(10,4,30,.6)} #games214 .gr-hero>canvas{position:absolute;inset:0;width:100%;height:100%} #games214 .gr-herotxt{position:relative;z-index:1;padding:22px 24px;color:#fff;max-width:620px;text-shadow:0 2px 12px rgba(0,0,0,.5)} #games214 .gr-herotxt .g4-eye{color:#ffd36b} #games214 .gr-herotxt h2{margin:4px 0 6px;font-size:clamp(24px,4vw,36px);letter-spacing:.01em;color:#fff6dc;text-shadow:0 0 22px rgba(255,211,107,.55),0 2px 10px rgba(0,0,0,.5)} #games214 .gr-herotxt p{margin:0 0 12px;opacity:.9;line-height:1.5} #games214 .gr-herotxt .g4-chip{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(4px)} /* the question card: glass over the sky */ #games214 .gr-play .gr-card{background:linear-gradient(180deg,rgba(255,252,244,.97),rgba(248,240,226,.95));border:1px solid rgba(255,220,150,.55);box-shadow:0 24px 60px -18px rgba(0,0,0,.55),0 0 0 4px rgba(255,255,255,.06),inset 0 1px 0 #fff} #games214 .gr-play .gr-card h3{color:#2a1714} #games214 .gr-play .gr-cat{color:#8a6a4a} #games214 .gr-play .gr-ex{color:#2a1714} #games214 .gr-card.in{animation:grcardin .45s cubic-bezier(.2,.9,.25,1.2)} @keyframes grcardin{from{opacity:0;transform:translateY(18px) scale(.97) rotateX(8deg)}to{opacity:1;transform:none}} /* answers as illuminated tiles */ #games214 .gr-play .gr-opt{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffdf7,#f3e7d2);border:1px solid #e2cfae;border-bottom-width:3px;color:#2a1714;box-shadow:0 2px 0 rgba(122,90,58,.12),inset 0 1px 0 #fff;transition:transform .14s ease,box-shadow .2s ease,border-color .2s,background .2s;font-weight:600} #games214 .gr-play .gr-opt::before{content:"";position:absolute;inset:-40% -10%;background:radial-gradient(60% 50% at var(--mx,50%) 0%,rgba(255,211,107,.35),transparent 70%);opacity:0;transition:opacity .2s;pointer-events:none} #games214 .gr-play .gr-opt:hover:not([disabled]){transform:translateY(-2px);border-color:#e0a63a;box-shadow:0 10px 24px -10px rgba(224,166,58,.8),0 0 0 3px rgba(255,211,107,.25),inset 0 1px 0 #fff} #games214 .gr-play .gr-opt:hover:not([disabled])::before{opacity:1} #games214 .gr-play .gr-opt:active:not([disabled]){transform:translateY(2px);border-bottom-width:1px;box-shadow:inset 0 2px 6px rgba(122,90,58,.25)} #games214 .gr-play .gr-opt kbd{background:#fff;border-color:#e2cfae;color:#8a6a4a;box-shadow:0 1px 0 #d8c3a0;min-width:22px;text-align:center} #games214 .gr-play .gr-opt.right{background:radial-gradient(120% 140% at 50% 0%,#5fd38a,#1f7a44);border-color:#1f7a44;color:#fff;box-shadow:0 0 0 3px rgba(95,211,138,.35),0 0 30px rgba(95,211,138,.6);animation:grright .5s ease} @keyframes grright{30%{transform:scale(1.04)}60%{transform:scale(.99)}} #games214 .gr-play .gr-opt.right::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-120%);animation:grsheen .7s ease .05s forwards;pointer-events:none} @keyframes grsheen{to{transform:translateX(120%)}} #games214 .gr-play .gr-opt.wrong{background:linear-gradient(180deg,#b23a3a,#7a1e1e);border-color:#6a1414;color:#fff;animation:grcrackshake .42s} #games214 .gr-play .gr-opt.wrong::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 50' preserveAspectRatio='none'%3E%3Cpath d='M150 0 L142 14 L156 22 L138 34 L148 50 M142 14 L120 10 M156 22 L182 18 L196 30 M138 34 L112 40' fill='none' stroke='%23ffd0c8' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;animation:grcrack .25s ease-out} @keyframes grcrack{from{clip-path:circle(0 at 50% 30%)}to{clip-path:circle(120% at 50% 30%)}} @keyframes grcrackshake{20%{transform:translateX(-6px) rotate(-.6deg)}40%{transform:translateX(5px) rotate(.5deg)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}} #games214 .gr-play .gr-opt.right kbd,#games214 .gr-play .gr-opt.wrong kbd{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.4);box-shadow:none} #games214 .gr-play .gr-opt.pending{background:linear-gradient(90deg,#fff7df,#ffe6a8,#fff7df);background-size:200% 100%;animation:grpend 1s linear infinite} @keyframes grpend{to{background-position:-200% 0}} #games214 .gr-play .gr-opt.theirs{background:radial-gradient(120% 140% at 50% 0%,#9a7ad8,#4a2f86);border-color:#4a2f86;color:#fff} /* the timer as a burning wick */ #games214 .gr-play .gr-timer{height:6px;overflow:visible;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.4);margin:16px 0 14px} #games214 .gr-play .gr-timer span{position:relative;background:linear-gradient(90deg,rgba(255,211,107,.25),#ffd36b 70%,#fff3b0);box-shadow:0 0 12px rgba(255,211,107,.8);transition:width .1s linear} #games214 .gr-play .gr-timer span::after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:22px;transform:translateY(-78%);border-radius:50% 50% 45% 45%/62% 62% 38% 38%;background:radial-gradient(circle at 50% 72%,#fff 0 18%,#ffd36b 40%,#ff7a1a 75%,transparent 78%);filter:drop-shadow(0 0 8px #ffb43a);animation:grwick .18s ease-in-out infinite alternate} @keyframes grwick{to{transform:translateY(-82%) scale(.92,1.08) skewX(-4deg)}} #games214 .gr-play .gr-timer span.low{background:linear-gradient(90deg,rgba(255,90,58,.3),#ff5a3a 70%,#ffb43a);box-shadow:0 0 14px rgba(255,90,58,.9)} #games214 .gr-play .gr-timer span.low::after{background:radial-gradient(circle at 50% 72%,#fff 0 16%,#ff9a3a 40%,#e0251a 75%,transparent 78%);animation-duration:.09s} #games214 .gr-play .gr-timer span.freeze{background:linear-gradient(90deg,rgba(80,109,200,.3),#8fb0ff 70%,#e6f0ff);box-shadow:0 0 12px rgba(143,176,255,.9)} #games214 .gr-play .gr-timer span.freeze::after{background:radial-gradient(circle at 50% 70%,#fff 0 20%,#bfe6ff 45%,#506dc8 75%,transparent 78%);animation:none} /* score, multiplier and the flame */ #games214 .gr-play .gr-sc b{font-size:30px;text-shadow:0 0 18px rgba(255,211,107,.5);font-variant-numeric:tabular-nums} #games214 .gr-hit{animation:grhit .35s ease} @keyframes grhit{40%{transform:scale(1.25);filter:brightness(1.6) drop-shadow(0 0 10px #ffd36b)}} #games214 .gr-play .gr-mult{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.25),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.25);text-shadow:0 0 10px currentColor;min-width:52px;text-align:center} #games214 .gr-flamecv{width:34px;height:46px;margin-bottom:-4px;filter:drop-shadow(0 0 6px rgba(255,160,60,.6))} #games214 .gr-streak.hot .gr-flamecv{width:40px;height:54px} #games214 .gr-streak.blaze .gr-flamecv{width:46px;height:62px;filter:drop-shadow(0 0 10px rgba(170,220,255,.9))} #games214 .gr-streak b{text-shadow:0 0 12px rgba(255,180,60,.8)} /* power medallions with a charge ring */ #games214 .gr-play .gr-pbtn{width:44px;height:44px;border:0;background:radial-gradient(circle at 35% 30%,#fff 0 6%,var(--c) 40%,color-mix(in srgb,var(--c) 55%,#000) 100%);box-shadow:0 0 0 2px #f3d36b,0 0 0 4px rgba(0,0,0,.35),0 0 18px color-mix(in srgb,var(--c) 70%,transparent);font-size:20px;transition:transform .15s} #games214 .gr-play .gr-pbtn::before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(#ffd36b var(--chg,100%),rgba(255,255,255,.12) 0);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);mask:radial-gradient(circle,transparent 62%,#000 64%);animation:grspin 6s linear infinite} #games214 .gr-play .gr-pbtn:not([disabled]):hover{transform:scale(1.1) rotate(-6deg)} #games214 .gr-play .gr-pbtn[disabled]::before{background:rgba(255,255,255,.1);animation:none} @keyframes grspin{to{transform:rotate(360deg)}} #games214 .gr-medal{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-style:normal;color:#20120a;background:radial-gradient(circle at 35% 30%,#fff 0 6%,var(--c) 40%,color-mix(in srgb,var(--c) 55%,#000) 100%);box-shadow:0 0 0 2px #f3d36b,0 0 10px color-mix(in srgb,var(--c) 60%,transparent);margin-right:6px} /* light trails and bursts (on the body) */ .gr-trail{position:fixed;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;pointer-events:none;z-index:9999;background:radial-gradient(circle,#fff 0 25%,var(--tc,#ffd36b) 55%,transparent 72%);box-shadow:0 0 16px 4px var(--tc,#ffd36b)} .gr-trail.tail{width:9px;height:9px;margin:-4.5px 0 0 -4.5px;box-shadow:0 0 10px 2px var(--tc,#ffd36b)} .gr-ray{position:fixed;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;pointer-events:none;z-index:9998;background:radial-gradient(circle,#fff,var(--rc) 30%,transparent 70%),repeating-conic-gradient(from 0deg,var(--rc) 0 6deg,transparent 6deg 24deg);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%);animation:grray .8s ease-out forwards} @keyframes grray{from{transform:scale(.4) rotate(0);opacity:1}to{transform:scale(11) rotate(40deg);opacity:0}} /* the cinematic results */ #games214 .gr-end.gr-cine{position:relative;overflow:hidden} #games214 .gr-end.gr-cine .gr-big{font-size:clamp(48px,9vw,76px);color:#5a1f32;text-shadow:0 2px 0 #f3d36b,0 8px 26px rgba(122,44,70,.35);font-variant-numeric:tabular-nums;animation:grbigin .6s cubic-bezier(.2,.9,.25,1.3)} @keyframes grbigin{from{transform:scale(.6);opacity:0}} #games214 .gr-stamp{position:absolute;top:16px;right:18px;z-index:2;pointer-events:none;animation:grstamp .55s cubic-bezier(.3,1.5,.5,1) .5s both} #games214 .gr-stamp span{display:block;padding:8px 16px;border:3px double #9a2d2d;border-radius:10px;color:#9a2d2d;font:800 18px/1 var(--font-serif,Georgia,serif);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-12deg);background:rgba(255,240,236,.7);box-shadow:0 0 0 2px rgba(154,45,45,.15);mix-blend-mode:multiply} #games214 .gr-stamp.good span{border-color:#1f7a44;color:#1f7a44;background:rgba(236,255,242,.75)} @keyframes grstamp{from{transform:scale(2.6);opacity:0}70%{transform:scale(.95);opacity:1}to{transform:scale(1)}} .gr-petals{position:fixed;inset:0;pointer-events:none;z-index:9997;overflow:hidden} .gr-petals i{position:absolute;top:-30px;left:var(--x);width:calc(14px * var(--s));height:calc(20px * var(--s));border-radius:80% 0 80% 0;background:linear-gradient(135deg,#fff,var(--c));opacity:.92;animation:grpetal var(--d) cubic-bezier(.3,.2,.6,1) var(--dl) forwards} @keyframes grpetal{to{transform:translate(var(--w),105vh) rotate(var(--r));opacity:.7}} /* the illustrated opponents */ #games214 .gr-port svg{width:64px;height:64px;overflow:visible} #games214 .gr-port .gr-bust{animation:grbreathe 3.2s ease-in-out infinite;transform-origin:40px 80px} #games214 .gr-port .gr-eyes{animation:grblink 4.6s infinite;transform-origin:40px 41px} #games214 .gr-port .gr-rays{animation:grspin 24s linear infinite;transform-origin:40px 38px} #games214 .gr-port .gr-crow{animation:grcrow 3s ease-in-out infinite;transform-origin:66px 52px} @keyframes grbreathe{50%{transform:translateY(-1.5px) scale(1.01)}} @keyframes grblink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}} @keyframes grcrow{50%{transform:rotate(-8deg)}} #games214 .gr-foebtn .gr-port svg{width:60px;height:60px} #games214 .gr-foewrap .gr-port svg{width:68px;height:68px} #games214 .gr-duelend .gr-port svg{width:96px;height:96px} #games214 .gr-port.happy svg{animation:grfoejump .5s ease 2} #games214 .gr-port.sad svg{animation:grfoedroop .8s ease} /* the ornate chart */ #games214 .gr-ch-frame{fill:#7a2c46;stroke:#f3d36b;stroke-width:1.5} #games214 .gr-ch-frame2{fill:none;stroke:#f3d36b;stroke-width:.8;stroke-dasharray:2 3} #games214 .gr-ch-corner{fill:#f3d36b} #games214 .gr-ch-bg{stroke:#c9a23a;stroke-width:1.2} #games214 .gr-ch-cell{stroke:#c9a878} #games214 .gr-ch-cell.la{fill:rgba(224,160,60,.18)} #games214 .gr-ch-mid{stroke:#c9a878} #games214 .gr-ch-lotus{fill:#e8b4c4;opacity:.55} #games214 .gr-ch-lotus circle{fill:#f3d36b} #games214 .gr-ch-gl{font-size:8px;opacity:.85} #games214 .gr-chartbox{filter:drop-shadow(0 10px 22px rgba(60,20,10,.3))} /* live duels */ #games214 .gr-mode-live{background:linear-gradient(135deg,#3a1030,#b0415e 60%,#e3a63a)} #games214 .gr-lobbybox{margin:6px 0 2px} #games214 .gr-lnote{margin:0;font-size:14px;opacity:.9;line-height:1.5} #games214 .gr-lobby{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:220px;overflow:auto} #games214 .gr-lobby li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;background:rgba(255,255,255,.1)} #games214 .gr-lobby li b{flex:1} #games214 .gr-lobby small{opacity:.75;font-size:12px} #games214 .gr-lobby .g4-chip{background:#fff;color:#7a2c46;border-color:#fff;font-weight:700} #games214 .gr-lobby .g4-chip[disabled]{opacity:.5} #games214 .gr-lav{display:inline-block;width:38px;height:38px;flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))} #games214 .gr-lav svg{width:100%;height:100%;display:block;animation:grspin 30s linear infinite} #games214 .gr-lav svg text{animation:grspin 30s linear infinite reverse;transform-origin:30px 30px} #games214 .gr-lav.big{width:84px;height:84px} #games214 .gr-livetag{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(224,40,60,.85);padding:4px 10px;border-radius:99px} #games214 .gr-livetag i{width:8px;height:8px;border-radius:50%;background:#fff;animation:grlive 1s ease-in-out infinite} @keyframes grlive{50%{opacity:.25}} #games214 .gr-lvbanner{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:rgba(255,211,107,.95);color:#2a1714;font-weight:700;text-align:center} #games214 .gr-lvbanner[hidden]{display:none} #games214 .gr-lvmark{background:#bfa8ff} #games214 .gr-count{display:grid;place-items:center;height:300px;font-size:120px;font-weight:900;color:#fff;text-shadow:0 0 40px rgba(255,211,107,.9);animation:grcount .9s ease-out} #games214 .gr-count.small{font-size:64px} @keyframes grcount{from{transform:scale(2.2);opacity:0}30%{opacity:1}to{transform:scale(.9);opacity:.2}} #games214 .gr-waiting{color:#fff;text-align:center;padding:60px 20px} #games214 .gr-waiting h3{font-size:24px;margin:6px 0} #games214 .gr-livend .gr-lav.big{width:96px;height:96px} #games214 .gr-rematch{text-align:center;margin:10px 0} .gr-invite{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:rgba(14,6,24,.55);backdrop-filter:blur(3px);animation:grin .2s ease} .gr-invbox{width:min(420px,92vw);background:linear-gradient(160deg,#3a1030,#7a2c46);color:#fff;border-radius:20px;padding:24px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,211,107,.4);animation:grcardin .4s cubic-bezier(.2,.9,.25,1.2)} .gr-invbox .g4-eye{color:#ffd36b} .gr-invbox h3{margin:6px 0 8px;font-size:22px} .gr-invbox p{opacity:.85;margin:0 0 14px} .gr-invbox .nc-row{display:flex;gap:10px;justify-content:center} .gr-invbar{height:4px;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden;margin:0 0 16px} .gr-invbar i{display:block;height:100%;background:#ffd36b;animation:grinvbar 30s linear forwards} @keyframes grinvbar{from{width:100%}to{width:0}} @media (max-width:720px){ #games214 .gr-hero{min-height:170px} #games214 .gr-herotxt{padding:16px} #games214 .gr-stamp{top:8px;right:8px} #games214 .gr-stamp span{font-size:14px;padding:6px 10px} #games214 .gr-play .gr-pbtn{width:38px;height:38px;font-size:17px} #games214 .gr-count{height:220px;font-size:90px} } @media (prefers-reduced-motion:reduce){ #games214 .gr-port .gr-bust,#games214 .gr-port .gr-eyes,#games214 .gr-port .gr-rays,#games214 .gr-port .gr-crow,#games214 .gr-lav svg,#games214 .gr-lav svg text,#games214 .gr-play .gr-pbtn::before,#games214 .gr-play .gr-timer span::after,#games214 .gr-play .gr-opt.pending,#games214 .gr-livetag i{animation:none} #games214 .gr-card.in,#games214 .gr-stamp,#games214 .gr-end.gr-cine .gr-big,.gr-invbox{animation:none} } #games214 .gr-ex .g4-chip{white-space:nowrap;flex:0 0 auto} /* ===== v2.17 Vāda: the Path of the Jyotiṣī, difficulty, illuminated cards, the trials (games214-rush.js) ===== */ #games214 .gr-illum{position:relative;background:radial-gradient(120% 90% at 50% 0%,#fffaf0 0%,#f6ead2 70%,#ecd9b4 100%);color:#2a1714;border-radius:14px;border:2px solid #c9a23a;box-shadow:inset 0 0 0 5px #fbf3e2,inset 0 0 0 6px color-mix(in srgb,var(--pc,#b0415e) 70%,#c9a23a),0 18px 40px -18px rgba(0,0,0,.55)} #games214 .gr-illum::before,#games214 .gr-illum::after{content:"";position:absolute;width:44px;height:44px;pointer-events:none;background:radial-gradient(circle at 0 0,transparent 13px,var(--pc,#b0415e) 14px,var(--pc,#b0415e) 16px,transparent 17px),radial-gradient(circle at 0 0,#c9a23a 0 5px,transparent 6px);opacity:.8} #games214 .gr-illum::before{top:7px;left:7px} #games214 .gr-illum::after{bottom:7px;right:7px;transform:rotate(180deg)} #games214 .gr-drop::first-letter{float:left;font-size:3.1em;line-height:.82;margin:.06em .1em 0 0;font-weight:800;color:var(--pc,#b0415e);font-family:Georgia,serif;text-shadow:1px 1px 0 #c9a23a} #games214 .gr-illum .g4-eye{color:color-mix(in srgb,var(--pc,#b0415e) 75%,#2a1714)} /* the path card on the Vāda home */ #games214 .gr-mode-path{grid-column:1/-1;padding:22px 26px} #games214 .gr-pathcard{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center} #games214 .gr-pathcard h3{margin:2px 0 4px;font-size:clamp(22px,2.6vw,30px);color:#2a1714} #games214 .gr-pathcard p{margin:0 0 6px;line-height:1.55;color:#3a2620} #games214 .gr-mode-path .gr-best{color:#2a1714} #games214 .gr-mode-path .gr-go{align-self:flex-start;margin-top:8px} #games214 .gr-pcem .gr-emblem{filter:drop-shadow(0 6px 14px rgba(0,0,0,.25));animation:grembl 9s linear infinite} @keyframes grembl{to{transform:rotate(360deg)}} /* difficulty */ #games214 .gr-diffbox{margin-top:16px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#241433,#3b1f4f);color:#fff} #games214 .gr-diffbox .g4-eye{color:#e8c98a} #games214 .gr-diffbox p{margin:4px 0 10px;opacity:.85;font-size:13.5px} #games214 .gr-diff{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #games214 .gr-dchip{display:flex;flex-direction:column;gap:3px;text-align:left;border-radius:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font:inherit;transition:transform .15s,background .15s} #games214 .gr-dchip:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)} #games214 .gr-dchip b{font-size:15px} #games214 .gr-dchip small{font-size:11.5px;opacity:.8;line-height:1.35} #games214 .gr-dchip[aria-pressed="true"]{background:linear-gradient(135deg,#f3d36b,#e08a3a);color:#2a1408;border-color:#ffe7a8;box-shadow:0 6px 18px -6px rgba(243,211,107,.7)} #games214 .gr-d-tapas[aria-pressed="true"]{background:linear-gradient(135deg,#ff7a3c,#b0182c);color:#fff} /* the map */ #games214 .gr-path{display:flex;flex-direction:column;gap:14px} #games214 .gr-pathhead{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#1b1036,#4a1838);color:#fff} #games214 .gr-pathhead h2{margin:4px 0 6px;color:#fff} #games214 .gr-pathhead p{margin:0;opacity:.88;line-height:1.55;max-width:70ch;font-size:14px} #games214 .gr-pathhead .g4-eye{color:#e8c98a} #games214 .gr-pathstat{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:baseline;text-align:right} #games214 .gr-pathstat b{font-size:26px;color:#ffd36b} #games214 .gr-pathstat small{opacity:.8;text-align:left} #games214 .gr-mapwrap{border-radius:18px;overflow:hidden;box-shadow:0 24px 50px -24px rgba(0,0,0,.7)} #games214 .gr-map{display:block;width:100%;height:auto} #games214 .gr-mappath{animation:grmarch 30s linear infinite} @keyframes grmarch{to{stroke-dashoffset:-600}} #games214 .gr-realm{cursor:pointer;outline:none} #games214 .gr-realm .gr-emblem{transition:transform .25s} #games214 .gr-realm:hover .gr-emblem,#games214 .gr-realm:focus-visible .gr-emblem{transform:scale(1.08)} #games214 .gr-realm:focus-visible>circle:first-child{stroke:#fff;stroke-width:2} #games214 .gr-realm.locked{cursor:default;filter:grayscale(.95) brightness(.6)} #games214 .gr-realm.done .gr-emblem{filter:drop-shadow(0 0 10px #ffd36b)} #games214 .gr-rn{fill:#fff;font-size:19px;font-weight:700;paint-order:stroke;stroke:#1b1036;stroke-width:4px} #games214 .gr-rt{fill:#f3e6c8;font-size:13px;paint-order:stroke;stroke:#1b1036;stroke-width:3px} #games214 .gr-lock{font-size:22px} #games214 .gr-bead{fill:rgba(255,255,255,.18);stroke:rgba(255,255,255,.5);stroke-width:1} #games214 .gr-bead.on{fill:var(--c);stroke:#fff3cc;filter:drop-shadow(0 0 4px var(--c))} #games214 .gr-tgem{fill:rgba(255,255,255,.15);stroke:#f3d36b;stroke-width:1} #games214 .gr-tgem.on{fill:#ffd36b;filter:drop-shadow(0 0 6px #ffd36b)} /* a chapter */ #games214 .gr-chhead{display:grid;grid-template-columns:auto auto 1fr;gap:18px;align-items:center;padding:22px 26px} #games214 .gr-chhead h2{margin:4px 0 6px;color:#2a1714} #games214 .gr-chhead p{margin:0;line-height:1.55} #games214 .gr-lessons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px} #games214 .gr-lessons button{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font:inherit;transition:transform .15s,box-shadow .15s} #games214 .gr-lessons button:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(0,0,0,.5)} #games214 .gr-lessons li.locked button{opacity:.5;cursor:default} #games214 .gr-lessons li.done button{border-color:color-mix(in srgb,var(--pc) 55%,var(--line))} #games214 .gr-lnum{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--pc);box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)} #games214 .gr-ltxt{display:flex;flex-direction:column} #games214 .gr-ltxt small{opacity:.7;font-size:12px} #games214 .gr-trial button{background:linear-gradient(135deg,#241433,#4a1838);color:#fff;border-color:#c9a23a} #games214 .gr-trial .gr-lnum{background:#c9a23a;color:#2a1408} #games214 .gr-stars{white-space:nowrap;letter-spacing:1px} #games214 .gr-stars{display:inline-flex;gap:2px}#games214 .gr-stars svg{width:16px;height:16px;fill:rgba(128,110,90,.25);stroke:rgba(128,110,90,.45);stroke-width:1} #games214 .gr-stars svg.on{fill:#e3a63a;stroke:#b8761a;filter:drop-shadow(0 0 4px rgba(243,211,107,.8))} #games214 .gr-trial .gr-stars svg{fill:rgba(255,255,255,.15);stroke:rgba(255,255,255,.4)}#games214 .gr-trial .gr-stars svg.on{fill:#ffd36b;stroke:#fff3cc} #games214 .gr-teachnav .btn,#games214 .gr-chapter .btn{background:#fff8e6;color:#2a1714;border:1px solid #c9a23a;border-radius:999px;padding:10px 20px;font-weight:700;cursor:pointer} #games214 .gr-teachnav .btn.primary{background:linear-gradient(135deg,#f3d36b,#e08a3a);color:#2a1408;border-color:#ffe7a8;box-shadow:0 8px 20px -8px rgba(243,211,107,.8)} /* teaching cards */ #games214 .gr-teach{align-items:center} #games214 .gr-teachtop{width:100%;display:flex;gap:12px;align-items:center;flex-wrap:wrap} #games214 .gr-dots{margin-left:auto;display:flex;gap:6px} #games214 .gr-dots i{width:9px;height:9px;border-radius:50%;background:rgba(128,110,90,.3)} #games214 .gr-dots i.past{background:color-mix(in srgb,var(--pc) 60%,#fff)} #games214 .gr-dots i.on{background:var(--pc);transform:scale(1.35)} #games214 .gr-leaf{width:min(680px,100%);padding:30px 34px 26px;margin:6px auto 0;min-height:260px} #games214 .gr-leaf h3{margin:4px 0 12px;font-size:clamp(20px,2.6vw,28px);color:#2a1714;padding-right:80px} #games214 .gr-leaf p{font-size:17px;line-height:1.7;margin:0} #games214 .gr-leafem{position:absolute;top:18px;right:20px} #games214 .gr-src{font-size:12.5px!important;opacity:.65;margin-top:14px!important} #games214 .gr-leaf.in{animation:grleaf .55s cubic-bezier(.2,.9,.25,1.1)} #games214 .gr-leaf.in2{animation:grleaf2 .55s cubic-bezier(.2,.9,.25,1.1)} @keyframes grleaf{from{opacity:0;transform:perspective(900px) rotateY(-16deg) translateX(40px)}} @keyframes grleaf2{from{opacity:0;transform:perspective(900px) rotateY(16deg) translateX(-40px)}} #games214 .gr-teachnav{justify-content:center} /* question cards: the second entrance */ #games214 .gr-card.in2{animation:grcardin2 .45s cubic-bezier(.2,.9,.25,1.2)} @keyframes grcardin2{from{opacity:0;transform:translateX(28px) scale(.97) rotateY(-6deg)}to{opacity:1;transform:none}} #games214 .gr-play .gr-opts:has(.gr-opt:nth-child(5)){grid-template-columns:repeat(3,1fr)} /* chart badges for the Lajjitādi states */ #games214 .gr-ch-ring{fill:none;stroke-width:2;stroke-dasharray:3 2;animation:grring 1.4s ease-in-out infinite alternate} @keyframes grring{to{stroke-opacity:.35}} #games214 .gr-badges{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:8px;font-size:12.5px} #games214 .gr-avb{padding:3px 9px;border-radius:99px;font-weight:700;color:#fff;background:#7a6a62;animation:grbadge .4s cubic-bezier(.2,.9,.25,1.4) both} #games214 .gr-avb:nth-child(3){animation-delay:.08s}#games214 .gr-avb:nth-child(4){animation-delay:.16s} @keyframes grbadge{from{transform:scale(.3);opacity:0}} #games214 .gr-avb-Garvita{background:#c99a12}#games214 .gr-avb-Svastha{background:#3f8f5a}#games214 .gr-avb-Mudita{background:#2f9e7a} #games214 .gr-avb-Kudhita{background:#a8673a}#games214 .gr-avb-Tita{background:#3a6ab0}#games214 .gr-avb-Kobhita{background:#c0392b}#games214 .gr-avb-Lajjita{background:#6c4fa0} /* the trial */ #games214 .gr-boss{display:flex;align-items:center;gap:12px;margin-right:auto} #games214 .gr-boss .gr-foe svg{width:64px;height:64px} #games214 .gr-boss .gr-foe b{display:none} #games214 .gr-bossinfo{display:flex;flex-direction:column;gap:5px;min-width:150px} #games214 .gr-bossinfo .g4-eye{color:#e8c98a} #games214 .gr-bossbar{height:10px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)} #games214 .gr-bossbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffd36b,#ff7a3c);transition:width .5s ease;box-shadow:0 0 10px #ffb43a} #games214 .gr-medport .gr-rays{transform-origin:40px 40px;animation:grspin 24s linear infinite} /* the end of a lesson */ #games214 .gr-endleaf{padding:22px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px} #games214 .gr-endleaf h3{margin:0;color:#2a1714} #games214 .gr-endleaf .gr-stars svg,#games214 .gr-end>.gr-stars svg{width:34px;height:34px} #games214 .gr-learnt{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center} #games214 .gr-learnt li{padding:4px 10px;border-radius:99px;background:rgba(63,174,106,.15);color:#1e6b3e;font-size:13px} #games214 .gr-learnt li.miss{background:rgba(192,57,43,.12);color:#9a2b20} #games214 .gr-dlabel{font-size:13px;opacity:.75;margin:4px 0 0} @media (max-width:720px){ #games214 .gr-pathcard{grid-template-columns:1fr;justify-items:start} #games214 .gr-pcem .gr-emblem{width:72px;height:72px} #games214 .gr-diff{grid-template-columns:1fr 1fr} #games214 .gr-pathhead{grid-template-columns:1fr} #games214 .gr-pathstat{text-align:left} #games214 .gr-chhead{grid-template-columns:1fr;padding:18px} #games214 .gr-leaf{padding:22px 20px 20px} #games214 .gr-leaf h3{padding-right:64px} #games214 .gr-leafem .gr-emblem{width:56px;height:56px} #games214 .gr-leaf p{font-size:16px} #games214 .gr-play .gr-opts:has(.gr-opt:nth-child(5)){grid-template-columns:1fr 1fr} #games214 .gr-boss .gr-foe svg{width:48px;height:48px} #games214 .gr-bossinfo{min-width:110px} } @media (prefers-reduced-motion:reduce){#games214 .gr-mappath,#games214 .gr-pcem .gr-emblem,#games214 .gr-medport .gr-rays,#games214 .gr-ch-ring{animation:none}} /* v2.18 Vāda: the player's character, realm stages, openers, chart reveal and the realm certificate */ #games214 .gr-pc{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff} #games214 .gr-pc svg{display:block;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));animation:grpcbreathe 3.2s ease-in-out infinite;transform-origin:50% 100%} #games214 .gr-pc b{font-size:12px;letter-spacing:.02em;opacity:.95;text-shadow:0 1px 6px rgba(0,0,0,.6)} #games214 .gr-pc.happy svg{animation:grpchop .55s cubic-bezier(.3,1.6,.5,1) 2,grpcbreathe 3.2s ease-in-out 1.1s infinite} #games214 .gr-pc.sad svg{animation:grpcdroop .9s ease;filter:saturate(.7) drop-shadow(0 6px 14px rgba(0,0,0,.35))} #games214 .gr-pc.fierce svg{animation:grpcfierce .5s ease-in-out infinite alternate} @keyframes grpcbreathe{50%{transform:scale(1.025,1.015) translateY(-1px)}} @keyframes grpchop{40%{transform:translateY(-12px) scale(1.06)}} @keyframes grpcdroop{40%{transform:translateY(5px) rotate(-5deg)}} @keyframes grpcfierce{to{transform:translateX(1.5px) scale(1.03)}} #games214 .gr-mewrap{order:-1} #games214 .gr-mewrap.them{order:3} #games214 .gr-m-duel .gr-top,#games214 .gr-m-live .gr-top{justify-content:center;align-items:flex-end} #games214 .gr-port.fierce svg{animation:grpcfierce .45s ease-in-out infinite alternate} #games214 .gr-port.surprised svg{animation:grfoejump .4s ease 1} #games214 .gr-duelend .gr-pc svg{width:84px} #games214 .gr-duelend .gr-pc b{color:inherit;text-shadow:none} #games214 .gr-endpc{display:flex;justify-content:center;margin:-4px 0 6px} #games214 .gr-endpc .gr-pc b,#games214 .gr-duelend .gr-pc b{color:#2a1714;text-shadow:none} #games214 .gr-lpc{display:inline-flex;width:40px} #games214 .gr-lpc .gr-pc svg{width:40px;animation:none} #games214 .gr-lpcname{opacity:.75} /* lessons: the student sits on the leaf */ #games214 .gr-student{position:absolute;right:14px;bottom:-14px;display:flex;align-items:flex-end;gap:6px} #games214 .gr-student span{font-size:11.5px;color:#7a5a2a;background:#fff8e6;border:1px solid #e3c98a;border-radius:10px 10px 10px 2px;padding:4px 8px;margin-bottom:34px;white-space:nowrap} #games214 .gr-student .gr-pc svg{width:54px} #games214 .gr-leaf{padding-bottom:44px} /* the realm stage behind lessons and chapters */ #games214 .gr-realmbg{position:relative;isolation:isolate;border-radius:20px;overflow:hidden;padding:18px;color:#fff} #games214 .gr-realmbg>canvas.gr-cosmos{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none} #games214 .gr-realmbg .gr-teachtop .g4-eye{color:#f3e2b8} #games214 .gr-realmbg .gr-dots i{background:rgba(255,255,255,.35)} #games214 .gr-realmbg .gr-diffbox{background:rgba(10,6,20,.45);border-radius:14px;padding:12px 14px;backdrop-filter:blur(3px)} #games214 .gr-realmbg .gr-lessons{position:relative} /* the map traveller */ #games214 .gr-trav .gr-travb{animation:grtrav 2.6s ease-in-out infinite} #games214 .gr-travname{font:700 13px Georgia,serif;fill:#fff3cc;paint-order:stroke;stroke:#2a1226;stroke-width:3px} @keyframes grtrav{50%{transform:translateY(-6px)}} /* openers */ #games214 #g4-host{position:relative} #games214 .gr-opener{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;border-radius:20px;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--pc) 55%,#1a0d22) 0%,#0c0614 70%);animation:gropin .4s ease both} #games214 .gr-opener.out{animation:gropout .45s ease both} #games214 .gr-oprays{position:absolute;left:50%;top:42%;width:0;height:0;animation:grspin 18s linear infinite} #games214 .gr-oprays i{position:absolute;left:-3px;top:0;width:6px;height:60vmax;transform-origin:50% 0;transform:rotate(var(--a));background:linear-gradient(color-mix(in srgb,var(--pc) 70%,#fff),transparent 70%);opacity:.22} #games214 .gr-opem{position:relative;animation:gropem 1.1s cubic-bezier(.2,1.2,.4,1) both;filter:drop-shadow(0 0 30px var(--pc))} #games214 .gr-opem .gr-port svg{width:150px;height:150px} #games214 .gr-opener .g4-eye{position:relative;margin-top:16px;color:#f3e2b8;letter-spacing:.3em;animation:gropt .6s .35s ease both} #games214 .gr-opener h2{position:relative;margin:6px 0 4px;font-size:clamp(34px,6vw,58px);color:#fff;text-shadow:0 0 24px var(--pc);animation:gropt .7s .5s ease both} #games214 .gr-opener p{position:relative;margin:0;opacity:.85;animation:gropt .7s .7s ease both} @keyframes gropin{from{opacity:0}} @keyframes gropout{to{opacity:0;transform:scale(1.04)}} @keyframes gropem{from{opacity:0;transform:scale(.5) rotate(-20deg)}} @keyframes gropt{from{opacity:0;transform:translateY(12px);letter-spacing:.5em}} /* chart: paper and the grahas arriving one by one */ #games214 .gr-ch-paper{pointer-events:none;opacity:.9} #games214 .gr-ch-gg.rev{animation:grchrev .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--d);transform-box:fill-box;transform-origin:center} @keyframes grchrev{from{opacity:0;transform:scale(.4) translateY(-6px)}} /* score swell */ #games214 #gr-score.gr-swell{animation:grswell .45s cubic-bezier(.2,1.6,.4,1)} @keyframes grswell{40%{transform:scale(1.28);color:#fff3b0;text-shadow:0 0 18px #ffd36b}} /* the certificate */ #games214 .gr-cert{position:relative;margin:4px auto 16px;max-width:560px;padding:10px;border-radius:6px;background:linear-gradient(135deg,#c9a23a,#f3d36b 40%,#a87a1a 70%,#f3d36b);box-shadow:0 18px 40px -16px rgba(0,0,0,.6);animation:grcert .8s cubic-bezier(.2,1.2,.4,1) both} #games214 .gr-certin{position:relative;padding:26px 30px 24px;background:radial-gradient(120% 90% at 50% 10%,#fffdf5,#f6e8c8 70%,#ead2a0);border:1px solid #a87a1a;color:#2a1714;text-align:center;overflow:hidden} #games214 .gr-certin::before{content:"";position:absolute;inset:8px;border:2px double color-mix(in srgb,var(--pc) 60%,#a87a1a);pointer-events:none} #games214 .gr-certeye{font-size:10.5px;letter-spacing:.28em;font-weight:700;color:#8a5a12} #games214 .gr-certin h3{margin:8px 0 10px;font:700 clamp(20px,3vw,28px) Georgia,serif;color:#2a1714} #games214 .gr-certline{font:16px/1.6 Georgia,serif;margin:0 auto 8px;max-width:420px} #games214 .gr-certsmall{font-size:12px;color:#7a5a2a;margin:6px 0 0} #games214 .gr-certseal{position:absolute;left:14px;bottom:10px;opacity:.95;transform:rotate(-12deg)} #games214 .gr-certpc{position:absolute;right:14px;bottom:8px} #games214 .gr-certpc .gr-pc svg{width:70px} #games214 .gr-certend .gr-stamp{top:auto;bottom:18px} @keyframes grcert{from{opacity:0;transform:translateY(20px) rotate(-1.5deg) scale(.96)}} @media (max-width:720px){ #games214 .gr-student span{display:none} #games214 .gr-mewrap .gr-pc svg{width:48px} #games214 .gr-certin{padding:22px 16px 90px} #games214 .gr-certseal{left:50%;transform:translateX(-90%) rotate(-12deg)} #games214 .gr-certpc{right:50%;transform:translateX(110%)} #games214 .gr-realmbg{padding:12px;border-radius:16px} } @media (prefers-reduced-motion:reduce){ #games214 .gr-pc svg,#games214 .gr-trav .gr-travb,#games214 .gr-ch-gg.rev,#games214 .gr-cert,#games214 #gr-score.gr-swell{animation:none!important} } @media (max-width:720px){ #games214 .gr-duelend{gap:6px} #games214 .gr-duelend .gr-big{white-space:nowrap;font-size:clamp(34px,11vw,48px)} #games214 .gr-duelend .gr-pc svg{width:58px} #games214 .gr-duelend .gr-port svg{width:68px;height:68px} } /* ===== v2.19: pooled particles, richer tiles, Teach mode, stream view ===== */ .gr-pfx{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:9600} /* answer tiles: lift, glow ring on hover, a ripple of light on press */ #games214 .gr-play .gr-opt{transform-style:preserve-3d} #games214 .gr-play .gr-opt:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 24px -10px rgba(122,90,58,.5),0 0 0 3px rgba(255,211,107,.35),inset 0 1px 0 #fff;border-color:#e3b23c} #games214 .gr-play .gr-opt:not(:disabled):active{transform:translateY(1px) scale(.985);transition-duration:.05s} #games214 .gr-play .gr-opt::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 20%,rgba(255,211,107,.9),transparent 80%) 0 0/250% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s;pointer-events:none} #games214 .gr-play .gr-opt:not(:disabled):hover::before{opacity:1;animation:grborder 1.6s linear infinite} @keyframes grborder{to{background-position:-250% 0}} #games214 .gr-play .gr-card.in,#games214 .gr-play .gr-card.in2{animation:grcard3d .5s cubic-bezier(.2,.8,.2,1)} @keyframes grcard3d{from{opacity:0;transform:perspective(900px) rotateX(14deg) translateY(18px) scale(.97)}to{opacity:1;transform:none}} #games214 .gr-play .gr-opt.wrong{animation:grcrack .45s ease} @keyframes grcrack{0%,100%{transform:none}20%{transform:translateX(-6px) rotate(-1deg)}40%{transform:translateX(6px) rotate(1deg)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}} #games214 .gr-chart .gr-ch-frame{filter:drop-shadow(0 6px 14px rgba(90,50,10,.35))} @media (prefers-reduced-motion:reduce){#games214 .gr-play .gr-card.in,#games214 .gr-play .gr-card.in2,#games214 .gr-play .gr-opt:not(:disabled):hover::before{animation:none}} /* Teach mode */ #games214 .gr-mode-teach{background:linear-gradient(135deg,#2a1440,#5a1f3a 60%,#8a3a22);color:#fff;grid-column:1/-1} #games214 .gr-mode-teach p{color:#f2e6ff} #games214 .gr-mode-teach .g4-eye{color:#ffd36b} #games214 .gt-keys{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0 4px;font-size:13px;color:var(--muted)} #games214 .gt-keys kbd,#games214 .gt-ctrl kbd{font:600 11px/1 system-ui;border:1px solid currentColor;border-radius:5px;padding:2px 5px;opacity:.75;margin-left:4px} #games214 .gt-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center} #games214 .gr-teach{position:relative;min-height:560px;padding:20px 24px 24px;border-radius:22px;color:#fff;background:#0d0820} #games214 .gr-teach>*:not(canvas){position:relative;z-index:1} #games214 .gt-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:14px} #games214 .gt-top .g4-eye{color:#ffd36b;font-size:12px} #games214 .gt-score{display:flex;gap:16px;margin-left:auto;font-size:15px;opacity:.95} #games214 .gt-score b{font-size:22px;color:#ffd36b} #games214 .gt-clock{position:relative;width:54px;height:54px} #games214 .gt-clock svg{width:100%;height:100%;transform:rotate(-90deg)} #games214 .gt-cbg{fill:none;stroke:rgba(255,255,255,.15);stroke-width:4} #games214 .gt-cfg{fill:none;stroke:#ffd36b;stroke-width:4;stroke-linecap:round;stroke-dasharray:106.8;stroke-dashoffset:0;filter:drop-shadow(0 0 4px #ffb43a)} #games214 .gt-clock b{position:absolute;inset:0;display:grid;place-items:center;font-size:18px} #games214 .gt-card{display:grid;grid-template-columns:1fr;gap:22px;align-items:center;padding:26px 28px;border-radius:20px;background:linear-gradient(180deg,rgba(255,252,244,.98),rgba(246,236,218,.96));color:#2a1714;border:1px solid rgba(255,220,150,.6);box-shadow:0 30px 70px -20px rgba(0,0,0,.65),0 0 0 6px rgba(255,255,255,.05)} #games214 .gt-card.in{animation:grcard3d .55s cubic-bezier(.2,.8,.2,1)} #games214 .gt-card.has-chart{grid-template-columns:minmax(260px,420px) 1fr} #games214 .gt-chart svg{width:100%;height:auto;display:block} #games214 .gt-q h2{font-size:clamp(22px,2.6vw,34px);line-height:1.25;margin:6px 0 18px;font-family:Georgia,serif} #games214 .gt-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px} #games214 .gt-opt{position:relative;display:flex;align-items:center;gap:14px;text-align:left;padding:16px 18px;border-radius:16px;border:2px solid #e2cfae;background:linear-gradient(180deg,#fffdf7,#f3e7d2);font:600 clamp(16px,1.6vw,22px)/1.25 inherit;font-family:inherit;color:#2a1714;cursor:pointer;transition:transform .15s,box-shadow .2s,border-color .2s} #games214 .gt-opt b{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#2a1440;color:#ffd36b;font-size:22px;font-family:Georgia,serif} #games214 .gt-opt:hover{transform:translateY(-2px);border-color:#e3b23c} #games214 .gt-opt.pick{border-color:#5a7ad8;box-shadow:0 0 0 4px rgba(90,122,216,.3)} #games214 .gt-opt.pick::after{content:"the class";position:absolute;top:-10px;right:14px;font:700 10px/1 system-ui;letter-spacing:.1em;text-transform:uppercase;background:#5a7ad8;color:#fff;padding:4px 7px;border-radius:99px} #games214 .gt-opt.right{background:radial-gradient(120% 140% at 50% 0%,#5fd38a,#1f7a44);border-color:#1f7a44;color:#fff;box-shadow:0 0 0 4px rgba(95,211,138,.35),0 0 40px rgba(95,211,138,.55);animation:grright .55s ease} #games214 .gt-opt.right b{background:#fff;color:#1f7a44} #games214 .gt-opt.wrong{background:linear-gradient(180deg,#f6d2cc,#e8a89c);border-color:#b3261e;opacity:.85} #games214 .gt-ex{margin-top:16px;padding:20px 24px;border-radius:18px;background:linear-gradient(135deg,rgba(255,211,107,.16),rgba(255,255,255,.06));border:1px solid rgba(255,211,107,.45);animation:grcard3d .45s ease} #games214 .gt-ex .g4-eye{color:#ffd36b} #games214 .gt-ex h3{margin:6px 0;font-size:clamp(20px,2.2vw,28px);font-family:Georgia,serif;color:#fff3d6} #games214 .gt-ex p{margin:0;font-size:clamp(15px,1.4vw,19px);line-height:1.55;color:#f4ecff} #games214 .gt-ctrl{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center} #games214 .gr-teach .g4-chip{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff} #games214 .gr-teach .g4-chip[aria-pressed=true]{background:#ffd36b;color:#2a1714;border-color:#ffd36b} #games214 .gr-teach.focus .gt-card.has-chart{grid-template-columns:1fr} #games214 .gr-teach.focus .gt-chart{max-width:640px;margin:0 auto;width:100%} #games214 .gr-teach.focus .gt-q .gt-opts{display:none} #games214 .gt-sum{max-width:820px;margin:20px auto;padding:30px;border-radius:22px;background:linear-gradient(180deg,rgba(255,252,244,.98),rgba(246,236,218,.96));color:#2a1714;position:relative} #games214 .gt-sum h2{font-size:40px;margin:6px 0;font-family:Georgia,serif} #games214 .gt-sum ol{margin:14px 0;padding-left:22px;display:grid;gap:6px;max-height:340px;overflow:auto} #games214 .gt-sum li{display:flex;justify-content:space-between;gap:12px;font-size:14px} #games214 .gt-sum li.ok b{color:#1f7a44}#games214 .gt-sum li.no b{color:#b3261e} #games214 .gt-sum .g4-chip{background:#fff;color:#2a1714} /* stream view: Teach mode and play fill the stage */ body.g4-streaming #games214 .gr-teach{min-height:calc(100vh - 110px)} body.g4-streaming #games214 .gt-q h2{font-size:clamp(26px,2.6vw,40px)} body.g4-streaming #games214 .gt-opt{font-size:clamp(18px,1.6vw,26px);padding:20px 22px} body.g4-streaming #games214 .gr-play:not(.gr-teach){min-height:calc(100vh - 110px)} @media (max-width:760px){ #games214 .gt-card,#games214 .gt-card.has-chart{grid-template-columns:1fr;padding:16px} #games214 .gt-opts{grid-template-columns:1fr} #games214 .gr-teach{padding:14px;min-height:0} #games214 .gt-score{margin-left:0} } /* v2.19 teach layout fix: options never squeeze */ #games214 .gt-card.has-chart{grid-template-columns:minmax(240px,38%) minmax(0,1fr);align-items:start} #games214 .gt-chart svg{width:100%;height:auto;display:block} #games214 .gt-q{min-width:0} #games214 .gt-opts{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))} #games214 .gt-opt{font-weight:600;line-height:1.25;min-width:0} #games214 .gt-opt span{flex:1 1 auto;min-width:0;word-break:normal;overflow-wrap:break-word;writing-mode:horizontal-tb} #games214 .gt-opt{font-size:clamp(17px,1.7vw,24px)} /* v2.19 Vāda challenge inside other games (.g4-chal modal, 720px) */ .gr-chal{--ink:#2a1714;color:#f6ead2;font-family:inherit;max-width:720px;margin:0 auto} .gr-chal .grc-top{display:flex;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap} .gr-chal .grc-goal{flex:1 1 200px;font:600 14px/1.3 inherit;color:#ffd98a;letter-spacing:.02em} .gr-chal .grc-pips{display:flex;gap:6px} .gr-chal .grc-pips i{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,220,150,.55);background:rgba(255,255,255,.06);transition:all .25s} .gr-chal .grc-pips i.cur{border-color:#ffd36b;box-shadow:0 0 10px #ffd36b} .gr-chal .grc-pips i.ok{background:#3fbf73;border-color:#3fbf73;box-shadow:0 0 10px rgba(63,191,115,.7)} .gr-chal .grc-pips i.no{background:#c0392b;border-color:#c0392b} .gr-chal .grc-clock{position:relative;width:40px;height:40px;flex:0 0 auto} .gr-chal .grc-clock svg{width:100%;height:100%;transform:rotate(-90deg)} .gr-chal .grc-cbg{fill:none;stroke:rgba(255,255,255,.12);stroke-width:4} .gr-chal .grc-cfg{fill:none;stroke:#ffd36b;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .1s linear} .gr-chal .grc-cfg.low{stroke:#ff6b5a} .gr-chal .grc-clock b{position:absolute;inset:0;display:grid;place-items:center;font:700 13px/1 system-ui;color:#fff} .gr-chal .grc-card{display:grid;gap:16px;padding:18px 20px;border-radius:18px;background:linear-gradient(180deg,rgba(255,252,244,.98),rgba(246,236,218,.96));color:var(--ink);border:1px solid rgba(255,220,150,.6);box-shadow:0 24px 50px -18px rgba(0,0,0,.7);animation:grcard3d .45s cubic-bezier(.2,.8,.2,1)} .gr-chal .grc-card.has-chart{grid-template-columns:minmax(180px,36%) minmax(0,1fr);align-items:start} .gr-chal .grc-chart svg{width:100%;height:auto;display:block} .gr-chal .grc-q{min-width:0} .gr-chal .gr-cat{font:700 11px/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#a0622a} .gr-chal h3{font:600 clamp(19px,2.4vw,25px)/1.3 Georgia,serif;margin:8px 0 14px;color:var(--ink)} .gr-chal .grc-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px} .gr-chal .grc-opt{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:14px;border:2px solid #e2cfae;background:linear-gradient(180deg,#fffdf7,#f3e7d2);font-family:inherit;font-size:16px;font-weight:600;line-height:1.25;color:var(--ink);cursor:pointer;min-width:0;transition:transform .15s,border-color .2s,box-shadow .2s} .gr-chal .grc-opt b{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#2a1440;color:#ffd36b;font:700 15px/1 Georgia,serif} .gr-chal .grc-opt span{flex:1 1 auto;min-width:0;overflow-wrap:break-word} .gr-chal .grc-opt:hover:not(:disabled){transform:translateY(-2px);border-color:#e3b23c;box-shadow:0 8px 20px -10px rgba(180,120,20,.6)} .gr-chal .grc-opt:disabled{cursor:default} .gr-chal .grc-opt.right{background:radial-gradient(120% 140% at 50% 0%,#5fd38a,#1f7a44);border-color:#1f7a44;color:#fff;box-shadow:0 0 0 3px rgba(95,211,138,.35),0 0 30px rgba(95,211,138,.5);animation:grright .5s ease} .gr-chal .grc-opt.right b{background:#fff;color:#1f7a44} .gr-chal .grc-opt.wrong{background:linear-gradient(180deg,#f6d2cc,#e8a89c);border-color:#b3261e;animation:grcrack .4s ease} .gr-chal .grc-ex{margin-top:14px;padding:12px 14px;border-radius:12px;background:#2a1440;color:#f6ead2;border-left:4px solid #ffd36b;animation:grcard3d .35s ease} .gr-chal .grc-ex p{margin:0 0 10px;font-size:15px;line-height:1.5} .gr-chal .grc-ex b{color:#ffd36b} .gr-chal .grc-go{font-weight:700} .gr-chal .grc-end{text-align:center;padding:26px 18px;border-radius:18px;background:radial-gradient(120% 100% at 50% 0%,rgba(255,211,107,.18),rgba(42,20,64,.6));border:1px solid rgba(255,220,150,.4);animation:grcard3d .5s ease} .gr-chal .grc-seal{width:84px;height:84px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font:700 40px/1 Georgia,serif;color:#fff;background:radial-gradient(circle at 35% 30%,#7fe0a2,#1f7a44);box-shadow:0 0 0 6px rgba(95,211,138,.25),0 0 50px rgba(95,211,138,.6)} .gr-chal .grc-end.lost .grc-seal{background:radial-gradient(circle at 35% 30%,#f08a7c,#8e2a20);box-shadow:0 0 0 6px rgba(192,57,43,.25)} .gr-chal .grc-end h3{color:#ffd98a;margin:6px 0} .gr-chal .grc-end p{margin:0 0 14px} .gr-chal .grc-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} @media (max-width:560px){.gr-chal .grc-card,.gr-chal .grc-card.has-chart{grid-template-columns:1fr;padding:14px}.gr-chal .grc-chart{max-width:260px;margin:0 auto}.gr-chal .grc-opts{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){.gr-chal *{animation:none!important;transition:none!important}} /* v2.19 chart styles for the challenge modal */ .gr-chal .gr-ch-bg{fill:#fbf6ec;stroke:#7a5a3a;stroke-width:1.5} .gr-chal .gr-ch-cell{fill:none;stroke:#b79a78;stroke-width:1} .gr-chal .gr-ch-cell.la{fill:rgba(224,160,60,.12)} .gr-chal .gr-ch-cell.hi{fill:rgba(74,138,216,.15)} .gr-chal .gr-ch-mid{fill:#f4ecdc;stroke:#b79a78} .gr-chal .gr-ch-la{stroke:#a0402a;stroke-width:1.5} .gr-chal .gr-ch-lat{font:700 9px var(--font-sans,system-ui);fill:#a0402a} .gr-chal .gr-ch-rg{font-size:10px;fill:#b79a78} .gr-chal .gr-ch-g{font:800 12.5px var(--font-sans,system-ui)} .gr-chal .gr-ch-deg{font:700 8.5px var(--font-sans,system-ui)} .gr-chal .gr-ch-t{font:700 14px var(--font-serif,Georgia,serif);fill:#5a3a22} .gr-chal .gr-ch-s{font-size:9px;fill:#8a6a4a} .gr-chal .gr-chart{max-width:230px} .gr-chal .gr-ch-frame2{fill:none;stroke:#f3d36b;stroke-width:.8;stroke-dasharray:2 3} .gr-chal .gr-ch-corner{fill:#f3d36b} .gr-chal .gr-ch-bg{stroke:#c9a23a;stroke-width:1.2} .gr-chal .gr-ch-cell{stroke:#c9a878} .gr-chal .gr-ch-cell.la{fill:rgba(224,160,60,.18)} .gr-chal .gr-ch-mid{stroke:#c9a878} .gr-chal .gr-ch-lotus{fill:#e8b4c4;opacity:.55} .gr-chal .gr-ch-lotus circle{fill:#f3d36b} .gr-chal .gr-ch-gl{font-size:8px;opacity:.85} .gr-chal .gr-ch-ring{animation:none} .gr-chal .gr-ch-gg.rev{animation:grchrev .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--d);transform-box:fill-box;transform-origin:center} .gr-chal .gr-ch-gg.rev{animation:none!important} .gr-chal .gr-chart .gr-ch-frame{filter:drop-shadow(0 6px 14px rgba(90,50,10,.35))} .gr-chal .grc-go{appearance:none;border:0;border-radius:99px;padding:10px 18px;font:700 14px/1 inherit;font-family:inherit;cursor:pointer;color:#2a1440;background:linear-gradient(180deg,#ffe39a,#e3b23c);box-shadow:0 6px 18px -6px rgba(227,178,60,.7);transition:transform .15s} .gr-chal .grc-go:hover{transform:translateY(-1px)} .gr-chal .grc-go:focus-visible{outline:3px solid #fff;outline-offset:2px} .gr-chal .grc-opt:disabled:not(.right):not(.wrong){opacity:.6} @media (max-width:720px){#games214 .gt-card.has-chart{grid-template-columns:1fr}#games214 .gt-chart{max-width:340px;margin:0 auto}#games214 .gt-opts{grid-template-columns:1fr}} /* ====================================================================================================== v2.21 Vāda: Śāstrārtha (the debate hall, the cards, the nine graha characters), Sight (find it on the chart), and the North and South Indian charts with tap targets (games214-rush.js) ====================================================================================================== */ #games214 .gr-sa,#games214 .gr-sa-map,#games214 .gr-sight2{--sa-serif:"Noto Serif Display",Georgia,"Times New Roman",serif;--sa-gold:#f3d36b;--sa-ink:#2a1714} /* ---------- charts ---------- */ #games214 .sc-chart{width:100%;height:auto;display:block;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overflow:visible} #games214 .sc-frame{fill:#3a1a10} #games214 .sc-frame2{fill:none;stroke:#c9a23a;stroke-width:1.2} #games214 .sc-bg{stroke:#7a5a3a;stroke-width:1.3} #games214 .sc-cp{fill:transparent;stroke:#b79a78;stroke-width:1;transition:fill .15s} #games214 .sc-north .sc-cp{stroke:rgba(122,90,58,.25)} #games214 .sc-lines{pointer-events:none} #games214 .sc-lines path{fill:none;stroke:#7a5a3a;stroke-width:1.7;stroke-linejoin:round} #games214 .sc-cell.la .sc-cp{fill:rgba(224,160,60,.16)} #games214 .sc-num{font:700 10px/1 "Noto Sans",system-ui,sans-serif;fill:#9a7a5a;pointer-events:none} #games214 .sc-lat{font:700 7.5px/1 "Noto Sans",system-ui,sans-serif;fill:#a0402a;letter-spacing:.12em;text-transform:uppercase;pointer-events:none} #games214 .sc-rg{font-size:11px;fill:#bfa486;pointer-events:none} #games214 .sc-lal{stroke:#a0402a;stroke-width:1.6} #games214 .sc-mid{stroke:#b79a78;pointer-events:none} #games214 .sc-t{font:700 13px/1 Georgia,serif;fill:#5a3a24;pointer-events:none} #games214 .sc-s{font:9.5px/1 "Noto Sans",system-ui,sans-serif;fill:#8a6a4a;pointer-events:none} #games214 .sc-gb{stroke:#fffaf0;stroke-width:1.5;transform-box:fill-box;transform-origin:center;transition:transform .15s} #games214 .sc-gt{font:800 9.4px/1 "Noto Sans",system-ui,sans-serif;fill:#fff;pointer-events:none;letter-spacing:-.02em} #games214 .sc-gh{fill:transparent;transform-box:fill-box;transform-origin:center} #games214 .sc-tap .sc-cell{cursor:pointer} #games214 .sc-tap .sc-cell:hover .sc-cp{fill:rgba(255,211,107,.24)} #games214 .sc-tap .sc-g{cursor:pointer} #games214 .sc-tap .sc-g:hover .sc-gb{transform:scale(1.18)} #games214 .sc-cell.right .sc-cp{fill:rgba(63,174,106,.38)} #games214 .sc-cell.wrong .sc-cp{fill:rgba(220,60,60,.34)} #games214 .sc-cell.hint .sc-cp{fill:rgba(255,200,80,.4);animation:scpulse 1s ease-in-out infinite} #games214 .sc-cell.off{opacity:.35} #games214 .sc-cell.nudge{animation:scnudge .3s} #games214 .sc-g.right .sc-gh{fill:rgba(63,174,106,.6);animation:scpop .5s} #games214 .sc-g.wrong .sc-gh{fill:rgba(220,60,60,.6)} #games214 .sc-g.hint .sc-gh,#games214 .sc-g.ring .sc-gh{fill:rgba(255,200,80,.6);animation:scpulse 1s ease-in-out infinite} @keyframes scpulse{50%{opacity:.45}} @keyframes scpop{0%{transform:scale(.4)}60%{transform:scale(1.35)}100%{transform:scale(1)}} @keyframes scnudge{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}} #games214 .gr-chartbox .sc-chart,#games214 .gr-misschart .sc-chart,#games214 .gt-chart .sc-chart,#games214 .grc-chart .sc-chart{max-width:260px;margin:0 auto} #games214 .gt-chart .sc-chart{max-width:min(520px,100%)} #games214 .gr-mini .sc-chart{width:150px;height:150px} #games214 .gr-mode .sg-style{display:flex;gap:6px;flex-wrap:wrap} /* ---------- the nine characters ---------- */ #games214 .gf{display:block;overflow:visible} #games214 .gf .gf-bust{animation:gfbreath 3.4s ease-in-out infinite;transform-origin:60px 140px} #games214 .gf .gf-rays{animation:gfspin 48s linear infinite;transform-origin:60px 62px} #games214 .gf .gf-eyes{animation:gfblink 5.2s infinite;transform-origin:60px 67px} #games214 .gf.gf-head .gf-bust{animation:gffloat 3.2s ease-in-out infinite} #games214 .gf .gf-tail{animation:gftail 2.6s ease-in-out infinite alternate;transform-origin:60px 96px} #games214 .gf .gf-flame{animation:gfflick .42s ease-in-out infinite alternate} #games214 .gf .gf-flag{animation:gfflag 1.6s ease-in-out infinite;transform-origin:100px 40px} #games214 .gf .gf-crow{animation:gfcrow 4s ease-in-out infinite} #games214 .gf-m-speak .gf-talk{animation:gftalk .16s ease-in-out infinite alternate;transform-origin:60px 83px} #games214 .gf-m-speak{animation:gflean .5s ease-out} #games214 .gf-m-hurt{animation:gfhurt .5s cubic-bezier(.3,.6,.3,1)} #games214 .gf-m-hurt .gf-aura{opacity:.55;filter:hue-rotate(-20deg)} #games214 .gf-m-smug{animation:gfsmug .7s ease-out} #games214 .gf-m-surprised{animation:gfjump .4s ease-out} #games214 .gf-m-fierce .gf-aura{filter:saturate(1.6) brightness(1.15)} @keyframes gfbreath{50%{transform:translateY(-1.6px) scaleY(1.008)}} @keyframes gfspin{to{transform:rotate(360deg)}} @keyframes gfblink{0%,93%,100%{transform:scaleY(1)}95%{transform:scaleY(.08)}} @keyframes gffloat{50%{transform:translateY(-4px)}} @keyframes gftail{to{transform:skewX(8deg) scaleY(1.06)}} @keyframes gfflick{to{transform:scaleY(1.06) skewX(3deg)}} @keyframes gfflag{50%{transform:skewY(-6deg) scaleX(.92)}} @keyframes gfcrow{0%,80%,100%{transform:translate(84px,84px)}85%{transform:translate(84px,80px) rotate(-6deg)}} @keyframes gftalk{to{transform:scaleY(.25)}} @keyframes gflean{40%{transform:translateY(-4px) scale(1.03)}} @keyframes gfhurt{0%{transform:translateX(0)}15%{transform:translateX(-10px) rotate(-4deg);filter:brightness(1.8) saturate(.4)}35%{transform:translateX(8px) rotate(3deg)}55%{transform:translateX(-5px)}75%{transform:translateX(3px)}100%{transform:none}} @keyframes gfsmug{40%{transform:rotate(-4deg) translateY(-3px)}} @keyframes gfjump{40%{transform:translateY(-10px) scale(1.05)}} /* ---------- the card design system ---------- */ #games214 .sa-card{--cc:#e8b53a;position:relative;width:132px;height:188px;flex:0 0 auto;border-radius:14px;border:0;padding:30px 0 0;margin:0;cursor:pointer;font-family:inherit;color:#fff3dc;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;isolation:isolate; background:radial-gradient(120% 70% at 50% 18%,color-mix(in srgb,var(--cc) 34%,#1a0f22),#120a18 70%); box-shadow:0 0 0 2px color-mix(in srgb,var(--cc) 75%,#000),inset 0 0 0 5px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18),0 16px 28px -14px rgba(0,0,0,.85); transition:transform .22s cubic-bezier(.3,.7,.3,1.35),box-shadow .2s,filter .2s} #games214 .sa-card::before{content:"";position:absolute;inset:5px;border-radius:10px;border:1px solid color-mix(in srgb,var(--cc) 60%,transparent);pointer-events:none;z-index:2} #games214 .sa-card::after{content:"";position:absolute;left:10px;right:10px;top:84px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cc) 80%,#fff),transparent);opacity:.7} #games214 .sa-cfoil{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 46%,rgba(255,240,200,.08) 52%,transparent 62%);background-size:260% 100%;background-position:120% 0;transition:background-position .6s ease;mix-blend-mode:screen} #games214 .sa-card:hover .sa-cfoil,#games214 .sa-card.sel .sa-cfoil,#games214 .sa-card:focus-visible .sa-cfoil{background-position:-40% 0} #games214 .sa-cost{position:absolute;left:6px;top:6px;z-index:4;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 14px/1 "Noto Sans",system-ui,sans-serif;color:#0c1636;background:radial-gradient(circle at 35% 30%,#fff,#9fd0ff 45%,#3a6ad8);box-shadow:0 0 10px rgba(140,190,255,.7),0 0 0 2px #0c1636} #games214 .sa-ckey{position:absolute;right:6px;top:6px;z-index:4;font:700 10px/1 "Noto Sans",system-ui,sans-serif;padding:3px 5px;border-radius:5px;background:rgba(0,0,0,.45);color:#fff;border:1px solid rgba(255,255,255,.25)} #games214 .sa-art{position:absolute;left:0;right:0;top:12px;height:66px;display:grid;place-items:center;z-index:1} #games214 .sa-art::before{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cc) 55%,transparent),transparent 68%)} #games214 .sa-art svg{position:relative;width:50px;height:50px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))} #games214 .sa-cn{margin-top:52px;font:700 17px/1.1 var(--sa-serif,Georgia,serif);color:#fff6e0;text-shadow:0 1px 0 #000;z-index:1} #games214 .sa-cn i{font-style:normal;color:#ffd36b;margin-left:2px} #games214 .sa-ce{font:700 8.5px/1.2 "Noto Sans",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--cc) 70%,#fff);margin:3px 0 4px;z-index:1} #games214 .sa-ct{font:500 10.5px/1.28 "Noto Sans",system-ui,sans-serif;color:#f1e4cf;padding:0 10px;z-index:1} #games214 .sa-ckind{position:absolute;bottom:7px;left:0;right:0;font:700 8px/1 "Noto Sans",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,240,210,.55)} #games214 .sa-card.r1{box-shadow:0 0 0 2px color-mix(in srgb,var(--cc) 75%,#000),0 0 0 3px rgba(220,230,255,.35),inset 0 0 0 5px rgba(0,0,0,.28),0 16px 28px -14px rgba(0,0,0,.85)} #games214 .sa-card.r2{box-shadow:0 0 0 2px #f3d36b,0 0 14px rgba(243,211,107,.5),inset 0 0 0 5px rgba(0,0,0,.28),0 16px 28px -14px rgba(0,0,0,.85)} #games214 .sa-card.up::before{border:2px double #f3d36b} #games214 .sa-card.t-tech{background:radial-gradient(120% 70% at 50% 18%,rgba(70,180,170,.35),#0c1418 70%)} #games214 .sa-card.t-wild{background:radial-gradient(120% 70% at 50% 18%,rgba(255,220,130,.4),#1c1208 70%)} #games214 .sa-card:hover:not(.dim):not(.ecl),#games214 .sa-card:focus-visible{transform:translateY(-14px) scale(1.05);z-index:5;outline:none} #games214 .sa-card.sel{transform:translateY(-26px) scale(1.07);z-index:6;box-shadow:0 0 0 3px #fff6d0,0 0 28px color-mix(in srgb,var(--cc) 80%,transparent),0 22px 34px -12px rgba(0,0,0,.9)} #games214 .sa-card.dim{filter:saturate(.35) brightness(.62);cursor:default} #games214 .sa-card.ecl{filter:grayscale(1) brightness(.35)} #games214 .sa-eclx{position:absolute;inset:0;z-index:5;background:radial-gradient(circle at 50% 42%,#000 22%,rgba(140,110,220,.8) 24%,transparent 34%)} #games214 .sa-card.mini{width:84px;height:120px;padding-top:0;border-radius:11px;cursor:default} #games214 .sa-card.mini .sa-art{top:6px;height:44px} #games214 .sa-card.mini .sa-art svg{width:32px;height:32px} #games214 .sa-card.mini .sa-art::before{width:48px;height:48px} #games214 .sa-card.mini::after{top:56px} #games214 .sa-card.mini .sa-cn{margin-top:56px;font-size:12.5px} #games214 .sa-card.mini .sa-ce{font-size:7px} #games214 .sa-card.mini .sa-ct,#games214 .sa-card.mini .sa-ckind{display:none} #games214 .sa-card.mini .sa-cost{width:19px;height:19px;font-size:11px;left:4px;top:4px} .sa-fly{transition:none!important} .sa-fly .sa-cfoil{background-position:-40% 0!important} /* ---------- the menu card ---------- */ #games214 .gr-mode-sa{grid-column:1/-1;position:relative;overflow:hidden;padding:22px 26px;background:radial-gradient(90% 120% at 15% 110%,rgba(255,170,80,.35),transparent 60%),linear-gradient(135deg,#140a1e,#3a1430 55%,#7a3a1a)} #games214 .sa-mcard{display:grid;grid-template-columns:minmax(0,1.1fr) 1fr;gap:20px;align-items:center} #games214 .sa-mfaces{display:grid;grid-template-columns:repeat(9,1fr);align-items:end;min-height:120px} #games214 .sa-mfaces span{margin:0 -10px;transform:translateY(calc(sin(var(--i) * 0.7) * 8px));animation:samface 4s ease-in-out calc(var(--i) * -.45s) infinite} #games214 .sa-mfaces span:nth-child(odd){transform:translateY(-14px)} #games214 .sa-mfaces .gf{width:100%;height:auto} #games214 .sa-mfaces span.b .gf{filter:drop-shadow(0 0 10px rgba(255,211,107,.7))} @keyframes samface{50%{translate:0 -4px}} #games214 .sa-mtext h3{font-family:var(--sa-serif,Georgia,serif)} /* ---------- the map of the nine ---------- */ #games214 .gr-sa-map,#games214 .gr-sa{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;color:#f6ead2} #games214 .gr-sa-map{padding:20px 22px 26px;max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 140px)} #games214 .gr-sa-map>canvas.gr-cosmos,#games214 .gr-sa>canvas.gr-cosmos{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;border-radius:inherit} #games214 .gr-sa-map>*:not(canvas),#games214 .gr-sa>*:not(canvas){position:relative;z-index:1} #games214 .sa-mhead{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start} #games214 .sa-mt h2{margin:4px 0 6px;font:700 clamp(26px,3vw,40px)/1.1 var(--sa-serif,Georgia,serif);color:#fff6e0;text-shadow:0 2px 12px rgba(0,0,0,.6)} #games214 .sa-mt p{margin:0;max-width:760px;line-height:1.55;color:#eadcc6} #games214 .sa-gemrow{display:grid;grid-template-columns:repeat(9,auto);gap:4px;padding:8px 10px;border-radius:14px;background:rgba(10,6,20,.55);border:1px solid rgba(255,255,255,.12)} #games214 .sa-gem .sa-gemf{fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.25);stroke-width:1} #games214 .sa-gem .sa-gemc{fill:none;stroke:rgba(255,255,255,.15);stroke-width:.8} #games214 .sa-gem.on .sa-gemf{fill:var(--gc);stroke:#fff;filter:drop-shadow(0 0 5px var(--gc))} #games214 .sa-gem.on .sa-gemc{stroke:rgba(255,255,255,.65)} #games214 .sa-seats{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px} #games214 .sa-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(10,6,20,.6));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-family:inherit;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;animation:saseat .5s cubic-bezier(.3,.7,.3,1.2) both;animation-delay:calc(var(--i) * 45ms)} @keyframes saseat{from{opacity:0;transform:translateY(16px)}} #games214 .sa-seatp{width:100%;max-width:96px} #games214 .sa-seatp .gf{width:100%;height:auto} #games214 .sa-seat b{font:700 15px/1.1 var(--sa-serif,Georgia,serif)} #games214 .sa-seat small{font-size:10.5px;opacity:.75;text-align:center;line-height:1.2} #games214 .sa-seat .gr-stars svg{width:13px;height:13px} #games214 .sa-seat:hover{transform:translateY(-4px);border-color:var(--fc)} #games214 .sa-seat.cur{border-color:var(--fc);box-shadow:0 0 0 2px var(--fc),0 0 30px -4px var(--fc);background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 26%,transparent),rgba(10,6,20,.65))} #games214 .sa-seat.locked{filter:grayscale(.85) brightness(.55)} #games214 .sa-seat.locked .gf{filter:blur(1.5px)} #games214 .sa-lock{position:absolute;top:34%;font-size:22px} #games214 .sa-seatgem{position:absolute;top:6px;right:6px} #games214 .sa-intro.in{animation:sain .35s ease-out} @keyframes sain{from{opacity:0;transform:translateY(8px)}} #games214 .sa-ibox{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:18px 22px;border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--fc) 22%,rgba(10,6,20,.75)),rgba(10,6,20,.78));border:1px solid color-mix(in srgb,var(--fc) 50%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} #games214 .sa-iport .gf{width:170px;height:auto} #games214 .sa-itxt h3{margin:2px 0 6px;font:700 clamp(28px,3vw,42px)/1 var(--sa-serif,Georgia,serif);color:#fff} #games214 .sa-iway{margin:0 0 10px;line-height:1.5;color:#f1e4cf;max-width:720px} #games214 .sa-itops{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px} #games214 .sa-itop{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;background:rgba(0,0,0,.3)} #games214 .sa-itop i{font-style:normal;font-size:9px;letter-spacing:1px;color:#ffd36b} #games214 .sa-itop em{font-style:normal;font-size:11px;opacity:.7} #games214 .sa-tchip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 4px;border-radius:999px;background:color-mix(in srgb,var(--tc) 22%,rgba(0,0,0,.4));border:1px solid color-mix(in srgb,var(--tc) 70%,transparent);font:700 12px/1 "Noto Sans",system-ui,sans-serif;color:#fff} #games214 .sa-tchip svg{width:18px;height:18px} #games214 .sa-tchip small{font-weight:500;opacity:.75;font-size:10.5px} #games214 .sa-istats{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:12px} #games214 .sa-istats>span{display:flex;flex-direction:column;font-size:11.5px;opacity:.85} #games214 .sa-istats b{font:800 22px/1 "Noto Sans",system-ui,sans-serif;color:#fff} #games214 .sa-istats .sa-igem{flex-direction:row;align-items:center;gap:8px;max-width:340px;opacity:1} #games214 .sa-istats .sa-igem b{font-size:14px;margin-right:4px} #games214 .sa-ilock{margin:0;color:#ffd0a0} #games214 .sa-deckbox,#games214 .sa-how{padding:14px 18px;border-radius:18px;background:rgba(10,6,20,.6);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)} #games214 .sa-dhead{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px} #games214 .sa-drec{font-size:12px;opacity:.75} #games214 .sa-deckrow{display:flex;flex-wrap:wrap;gap:8px} #games214 .sa-how ol{margin:8px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:sa} #games214 .sa-how li{counter-increment:sa;padding:10px 12px 10px 40px;position:relative;line-height:1.45;font-size:13.5px;color:#eadcc6;border-radius:12px;background:rgba(255,255,255,.04)} #games214 .sa-how li::before{content:counter(sa);position:absolute;left:10px;top:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;background:#f3d36b;color:#2a1408} #games214 .sa-how b{color:#fff} #games214 .sa-how em{color:#ffd36b;font-style:normal;font-weight:700} /* ---------- the debate ---------- */ #games214 .gr-play.gr-sa{max-width:1240px;padding:14px 18px 10px;display:flex;flex-direction:column;gap:10px;min-height:min(900px,calc(100vh - 120px));background:#0a0612} #games214 .sa-top{display:grid;grid-template-columns:auto auto 1fr auto;gap:16px;align-items:center} #games214 .sa-top .g4-chip{background:rgba(0,0,0,.4);border-color:rgba(255,255,255,.25);color:#fff} #games214 .sa-round{display:flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:12px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12)} #games214 .sa-round b{font:800 24px/1 "Noto Sans",system-ui,sans-serif;color:#fff} #games214 .sa-round small{opacity:.7} #games214 .sa-phase{display:inline-flex;align-items:center;gap:5px;margin-left:8px;font-size:12px;font-weight:700;align-self:center} #games214 .sa-phase i{width:16px;height:16px;border-radius:50%;background:#f4f8ff;box-shadow:inset -6px 0 0 #1a2240} #games214 .sa-phase.wane i{box-shadow:inset 6px 0 0 #1a2240} #games214 .sa-phase.wax{color:#bfe6ff} #games214 .sa-phase.wane{color:#d0b8ff} #games214 .sa-conv .g4-eye{display:block;margin-bottom:4px;color:#ffe0a0} #games214 .sa-cbar{position:relative;height:22px;border-radius:999px;background:rgba(0,0,0,.5);box-shadow:inset 0 2px 6px rgba(0,0,0,.6),0 0 0 1px rgba(255,214,150,.3);overflow:hidden} #games214 .sa-cbar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,#b8642a,#f3b23a 60%,#fff2b0);box-shadow:0 0 16px rgba(255,190,80,.7);transition:width .7s cubic-bezier(.3,.7,.2,1)} #games214 .sa-cbar i::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);background-size:200% 100%;animation:sashim 2.2s linear infinite} #games214 .sa-cbar em{position:absolute;inset:0;display:grid;place-items:center;font:800 12.5px/1 "Noto Sans",system-ui,sans-serif;font-style:normal;color:#fff;text-shadow:0 1px 2px #000} #games214 .sa-cbar.near{box-shadow:inset 0 2px 6px rgba(0,0,0,.6),0 0 0 1px #ffd36b,0 0 22px rgba(255,211,107,.55)} @keyframes sashim{to{background-position:-200% 0}} #games214 .sa-tej{display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 50% 70%,#4a2010,#140808 70%);border:2px solid rgba(255,170,80,.35);transition:box-shadow .3s,border-color .3s} #games214 .sa-tej b{font:800 20px/1 "Noto Sans",system-ui,sans-serif;color:#fff} #games214 .sa-tej small{font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.7} #games214 .sa-tej.t1{border-color:#ffb43a;box-shadow:0 0 12px rgba(255,180,58,.4)} #games214 .sa-tej.t2{border-color:#ff8a3a;box-shadow:0 0 20px rgba(255,138,58,.55)} #games214 .sa-tej.t3{border-color:#ff6a8a;box-shadow:0 0 28px rgba(255,106,138,.65);animation:satej 1s ease-in-out infinite} #games214 .sa-tej.t4{border-color:#fff;box-shadow:0 0 36px rgba(190,220,255,.85);background:radial-gradient(circle at 50% 70%,#3a6ad8,#0c1636 70%);animation:satej .7s ease-in-out infinite} @keyframes satej{50%{transform:scale(1.06)}} #games214 .sa-stage{flex:1;display:grid;grid-template-columns:170px minmax(0,1fr) 190px;gap:14px;align-items:center} #games214 .sa-me,#games214 .sa-foe{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:20px;text-align:center} #games214 .sa-me b,#games214 .sa-foe b{font:700 17px/1.1 var(--sa-serif,Georgia,serif);color:#fff;text-shadow:0 2px 6px #000} #games214 .sa-me small,#games214 .sa-foe small{font-size:11.5px;opacity:.8} #games214 .sa-mepc{width:140px;height:140px;display:grid;place-items:center;position:relative;z-index:1} #games214 .sa-ring{position:absolute;top:20px;width:140px;height:140px;z-index:0} #games214 .sa-ring svg{width:100%;height:100%;transform:rotate(-90deg)} #games214 .sa-rbg{fill:rgba(0,0,0,.35);stroke:rgba(255,255,255,.1);stroke-width:7} #games214 .sa-rfg{fill:none;stroke:#7fd8a8;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(127,216,168,.7));transition:stroke-dashoffset .6s ease} #games214 .sa-rfg.low{stroke:#ff6a6a;filter:drop-shadow(0 0 8px rgba(255,90,90,.9))} #games214 .sa-complab b{color:#bff0d0;font-size:14px} #games214 .sa-foepc .gf{width:170px;height:auto} #games214 .sa-bubble{position:absolute;top:-6px;right:100%;margin-right:-24px;width:max-content;max-width:220px;padding:9px 13px;border-radius:16px 16px 4px 16px;background:#fff8ea;color:#2a1714;font:600 14px/1.35 var(--sa-serif,Georgia,serif);box-shadow:0 10px 24px -10px rgba(0,0,0,.7);z-index:4;text-align:left} #games214 .sa-bubble.pop{animation:sapop .32s cubic-bezier(.3,1.5,.4,1)} @keyframes sapop{from{transform:scale(.6);opacity:0}} #games214 .sa-center{min-width:0} #games214 .sa-claim{position:relative;padding:16px 22px 14px;border-radius:18px;background:linear-gradient(180deg,#fffaf0,#f2e2c4);color:#2a1714;border:1px solid #e8c88a;box-shadow:0 30px 60px -24px rgba(0,0,0,.85),0 0 0 6px rgba(255,236,190,.08),inset 0 1px 0 #fff} #games214 .sa-claim::before,#games214 .sa-claim::after{content:"";position:absolute;left:-8px;right:-8px;height:12px;border-radius:8px;background:linear-gradient(180deg,#8a4a22,#3a1a0c);box-shadow:0 3px 6px rgba(0,0,0,.4)} #games214 .sa-claim::before{top:-7px} #games214 .sa-claim::after{bottom:-7px} #games214 .sa-claim.in{animation:saunroll .5s cubic-bezier(.2,.8,.2,1)} @keyframes saunroll{from{clip-path:inset(0 0 100% 0 round 18px);transform:translateY(-10px)}to{clip-path:inset(-20px -20px -20px -20px round 18px)}} #games214 .sa-chead{display:flex;flex-wrap:wrap;gap:8px;align-items:center} #games214 .sa-claim .sa-tchip{color:#2a1714;background:color-mix(in srgb,var(--tc) 18%,#fff)} #games214 .sa-w{margin-left:auto;font-size:13px;color:#a0402a;letter-spacing:2px;display:inline-flex;align-items:center;gap:6px} #games214 .sa-w small{letter-spacing:.06em;color:#8a6a4a;font-size:10.5px;text-transform:uppercase;font-weight:700} #games214 .sa-clock{flex:0 0 100%;height:5px;border-radius:9px;background:rgba(0,0,0,.1);overflow:hidden} #games214 .sa-clock i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#e0473b,#ffb43a);transition:width .1s linear} #games214 .sa-clock.low i{background:#e0473b;animation:scpulse .4s infinite} #games214 .sa-ctext{margin:10px 0 6px;min-height:2.7em;font:600 clamp(19px,1.85vw,27px)/1.35 var(--sa-serif,Georgia,serif);color:#2a1714;cursor:pointer} #games214 .sa-ctext:not(.done)::after{content:"▍";animation:scpulse .6s infinite;color:#a0402a} #games214 .sa-claim.broken .sa-ctext{text-decoration:line-through 3px rgba(190,40,30,.75)} #games214 .sa-claim.broken{animation:sabreak .5s} #games214 .sa-claim.upheld{box-shadow:0 0 0 3px #3fae6a,0 0 34px rgba(63,174,106,.55),0 30px 60px -24px rgba(0,0,0,.85)} #games214 .sa-claim.stood{box-shadow:0 0 0 3px #8f6fd0,0 0 30px rgba(143,111,208,.5),0 30px 60px -24px rgba(0,0,0,.85)} @keyframes sabreak{20%{transform:rotate(-1.2deg) scale(1.02)}40%{transform:rotate(1deg)}60%{transform:rotate(-.6deg)}} #games214 .sa-chart{display:flex;justify-content:center;margin:6px 0 2px} #games214 .sa-chart .sc-chart{max-width:330px} #games214 .sa-chart.proofing .sc-chart{filter:drop-shadow(0 0 14px rgba(255,211,107,.85));animation:saproof 1.4s ease-in-out infinite} @keyframes saproof{50%{filter:drop-shadow(0 0 4px rgba(255,211,107,.4))}} #games214 .sa-rule{margin:8px 0;padding:10px 14px;border-radius:12px;background:#2a1440;color:#f6ead2;border-left:4px solid #5fd0c0} #games214 .sa-rule .g4-eye{color:#9ff0e0} #games214 .sa-rule p{margin:4px 0 0;line-height:1.45;font-size:14px} #games214 .sa-proof{margin:10px 0 4px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#3a1406,#7a3a10);color:#fff3d6;border:1px solid #f3d36b;box-shadow:0 0 30px rgba(255,190,80,.35);animation:sain .3s ease-out} #games214 .sa-proof .g4-eye{color:#ffd36b} #games214 .sa-proof>b{display:block;font:700 17px/1.3 var(--sa-serif,Georgia,serif);margin:2px 0 8px} #games214 .sa-ptime{display:block;height:6px;border-radius:9px;background:rgba(0,0,0,.35);overflow:hidden;margin-bottom:10px} #games214 .sa-ptime i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffd36b,#fff2b0)} #games214 .sa-ptime.low i{background:#ff6a5a} #games214 .sa-proof .g4-chip{background:rgba(0,0,0,.3);color:#fff;border-color:rgba(255,255,255,.3)} #games214 .sa-popts{display:grid;gap:8px} #games214 .sa-popt{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid #e2cfae;background:linear-gradient(180deg,#fffdf7,#f3e7d2);color:#2a1714;font:600 15px/1.3 inherit;font-family:inherit;cursor:pointer;transition:transform .14s,box-shadow .2s} #games214 .sa-popt:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(255,190,80,.8)} #games214 .sa-popt kbd{background:#2a1440;color:#ffd36b;border:0;min-width:22px;text-align:center} #games214 .sa-popt.off{opacity:.3;text-decoration:line-through} #games214 .sa-popt.right{background:radial-gradient(120% 140% at 50% 0%,#5fd38a,#1f7a44);color:#fff;border-color:#1f7a44} #games214 .sa-popt.wrong{background:linear-gradient(180deg,#b23a3a,#7a1e1e);color:#fff} #games214 .sa-ruling{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:10px;padding:12px 14px;border-radius:14px;background:#fff3dc;border:1px solid #e2cfae;animation:sain .3s ease-out} #games214 .sa-ruling.ok{background:linear-gradient(180deg,#eaf8ee,#d6f0de);border-color:#7fc89a} #games214 .sa-ruling.no{background:linear-gradient(180deg,#fdecec,#f6d6d6);border-color:#e0a0a0} #games214 .sa-ruling b{font:700 16px/1.3 var(--sa-serif,Georgia,serif);color:#2a1714} #games214 .sa-ruling p{margin:4px 0 2px;color:#2a1714;font-weight:600} #games214 .sa-ruling small{display:block;color:#6b5a52;line-height:1.4;font-size:12.5px} #games214 .sa-vstamp{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:6px;border:2px solid currentColor;font:800 11px/1.3 "Noto Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;transform:rotate(-4deg);color:#1f7a44} #games214 .sa-ruling.no .sa-vstamp,#games214 .sa-ruling .sa-vstamp:is(:first-child){color:#a0402a} #games214 .sa-ruling.ok .sa-vstamp{color:#1f7a44} #games214 .sa-ruling .btn{flex:0 0 auto} #games214 .sa-bottom{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"prana hand acts" "piles hand acts";gap:6px 16px;align-items:end;padding-top:20px} #games214 .sa-prana{grid-area:prana;display:flex;align-items:center;gap:6px} #games214 .sa-prana .g4-eye{margin-right:4px;color:#bfe0ff} #games214 .sa-prana i{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(160,200,255,.3);transition:all .3s} #games214 .sa-prana i.on{background:radial-gradient(circle at 35% 30%,#fff,#9fd0ff 45%,#3a6ad8);box-shadow:0 0 12px rgba(140,190,255,.8);border-color:#cfe6ff} #games214 .sa-piles{grid-area:piles;display:flex;gap:12px;font-size:12px;opacity:.7} #games214 .sa-hand{grid-area:hand;display:flex;justify-content:center;align-items:flex-end;min-height:200px;padding:0 20px} #games214 .sa-hand .sa-card{margin:0 -8px;transform-origin:50% 120%;rotate:calc((var(--i) - (var(--n) - 1) / 2) * 3deg);translate:0 calc(abs(var(--i) - (var(--n) - 1) / 2) * 5px)} #games214 .sa-hand.deal .sa-card{animation:sadeal .5s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(var(--i) * 70ms)} @keyframes sadeal{from{transform:translate(-260px,60px) rotate(-30deg) scale(.6);opacity:0}} #games214 .sa-acts{grid-area:acts;display:flex;flex-direction:column;gap:8px;min-width:170px} #games214 .sa-act{display:flex;flex-direction:column;align-items:flex-start;padding:10px 16px;border-radius:14px;border:0;cursor:pointer;font-family:inherit;color:#fff;text-align:left;transition:transform .15s,box-shadow .2s,opacity .2s} #games214 .sa-act b{font:800 19px/1.1 var(--sa-serif,Georgia,serif);letter-spacing:.01em} #games214 .sa-act small{font-size:11.5px;opacity:.85} #games214 .sa-act small kbd{font-size:10px;padding:1px 4px;margin-left:4px;background:rgba(0,0,0,.3);color:#fff;border-color:rgba(255,255,255,.3)} #games214 .sa-act.obj{background:linear-gradient(135deg,#d0303a,#8a1020);box-shadow:0 10px 22px -10px rgba(220,50,60,.9),inset 0 1px 0 rgba(255,255,255,.3)} #games214 .sa-act.sup{background:linear-gradient(135deg,#3fae6a,#1a6a3a);box-shadow:0 10px 22px -10px rgba(63,174,106,.9),inset 0 1px 0 rgba(255,255,255,.3)} #games214 .sa-act.pass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)} #games214 .sa-act:hover:not([disabled]){transform:translateX(-3px) scale(1.03)} #games214 .sa-act[disabled]{opacity:.32;cursor:default;box-shadow:none} #games214 .sa-help{text-align:center;margin:4px 0 0;opacity:.6;font-size:12px} #games214 .gr-sa.sa-tarka .sa-claim{box-shadow:0 0 0 3px #ffd36b,0 0 40px rgba(255,211,107,.6)} #games214 .gr-sa.hurt::before{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;background:radial-gradient(circle,transparent 40%,rgba(220,30,30,.5));animation:grredflash .45s ease-out forwards} /* the shouts */ #games214 .sa-shout{position:absolute;inset:0;z-index:30;display:grid;place-items:center;pointer-events:none;overflow:hidden} #games214 .sa-shout b{position:relative;font:italic 800 clamp(52px,8vw,128px)/1 var(--sa-serif,Georgia,serif);letter-spacing:.01em;color:#fff6d8;-webkit-text-stroke:2px #3a1006;paint-order:stroke fill;text-shadow:0 0 30px rgba(255,180,60,.9),6px 6px 0 #a0201a;animation:sashout 1.15s cubic-bezier(.2,1.3,.3,1) forwards} #games214 .sa-shout .sa-lines{position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,226,150,0) 0deg 5deg,rgba(255,226,150,.5) 5deg 6deg);-webkit-mask:radial-gradient(circle,transparent 16%,#000 34%,transparent 70%);mask:radial-gradient(circle,transparent 16%,#000 34%,transparent 70%);animation:salines 1.15s ease-out forwards} #games214 .sa-shout.sup b{color:#effff2;text-shadow:0 0 30px rgba(90,220,140,.9),6px 6px 0 #1a6a3a;-webkit-text-stroke-color:#0a3018} #games214 .sa-shout.bad b{color:#ffe6f0;text-shadow:0 0 30px rgba(180,90,255,.9),6px 6px 0 #4a1a8a;-webkit-text-stroke-color:#1a0630} #games214 .sa-shout.bad .sa-lines{filter:hue-rotate(220deg)} #games214 .sa-shout.crit b{font-size:clamp(60px,9vw,150px);color:#fff;text-shadow:0 0 40px #fff2b0,0 0 80px rgba(255,190,60,.9),7px 7px 0 #a0601a} @keyframes sashout{0%{transform:scale(2.6) skewX(-10deg);opacity:0}12%{transform:scale(.9) skewX(-10deg);opacity:1}22%{transform:scale(1.06) skewX(-10deg)}75%{transform:scale(1) skewX(-10deg);opacity:1}100%{transform:scale(1.1) skewX(-10deg) translateY(-24px);opacity:0}} @keyframes salines{0%{opacity:0;transform:scale(.6) rotate(0)}15%{opacity:1}100%{opacity:0;transform:scale(1.3) rotate(10deg)}} /* the end and the rewards */ #games214 .sa-endcard,#games214 .sa-pick{padding:18px 22px;border-radius:20px;background:linear-gradient(180deg,rgba(255,250,240,.97),rgba(242,226,196,.96));color:#2a1714;text-align:center;box-shadow:0 30px 60px -24px rgba(0,0,0,.85)} #games214 .sa-endcard .gr-big small{font-size:.45em;opacity:.6} #games214 .sa-endfoe .gf{width:96px;height:auto} #games214 .sa-estats{display:flex;justify-content:center;gap:18px;margin:8px 0} #games214 .sa-estats span{display:flex;flex-direction:column;font-size:12px;color:#6b5a52} #games214 .sa-estats b{font:800 22px/1 "Noto Sans",system-ui,sans-serif;color:#2a1714} #games214 .sa-gemwin{display:flex;gap:14px;align-items:center;justify-content:center;text-align:left;margin:10px auto;max-width:520px;padding:10px 14px;border-radius:14px;background:#2a1440;color:#f6ead2;animation:sagem 1s cubic-bezier(.2,1.2,.3,1)} #games214 .sa-gemwin .sa-gem{animation:sagemspin 3s ease-in-out infinite} #games214 .sa-gemwin b{display:block;color:#fff;font-size:16px} #games214 .sa-gemwin p{margin:2px 0 0;font-size:13px} @keyframes sagem{from{transform:scale(.4) rotate(-20deg);opacity:0}} @keyframes sagemspin{50%{transform:rotateY(180deg) scale(1.1)}} #games214 .sa-pick h3{font:700 24px/1.2 var(--sa-serif,Georgia,serif);margin:4px 0 10px;color:#2a1714} #games214 .sa-pick p{color:#6b5a52;margin:0 0 10px} #games214 .sa-pickrow{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:14px 0} #games214 .sa-pickrow .sa-card{animation:sadeal .5s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(var(--i) * 90ms)} #games214 .sa-deckpick .sa-card{cursor:pointer} #games214 .sa-deckpick .sa-card:hover{transform:translateY(-6px)} #games214 .sa-shmode{display:flex;justify-content:center;gap:8px} #games214 .sa-pick .g4-chip{color:#2a1714} /* ---------- Sight ---------- */ #games214 .gr-play.gr-sight2{max-width:1180px;display:flex;flex-direction:column;gap:12px;min-height:min(860px,calc(100vh - 120px))} #games214 .sg-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap} #games214 .sg-top .g4-chip{background:rgba(0,0,0,.35);color:#fff;border-color:rgba(255,255,255,.25)} #games214 .gr-sight2 .sg-top .g4-chip[aria-pressed="true"],#games214 .gr-mode .sg-style .g4-chip[aria-pressed="true"]{background:#fff;color:#14304f;opacity:1} #games214 .sg-clock{position:relative;width:66px;height:66px;display:grid;place-items:center} #games214 .sg-clock svg{position:absolute;inset:0;transform:rotate(-90deg)} #games214 .sg-cbg{fill:rgba(0,0,0,.4);stroke:rgba(255,255,255,.12);stroke-width:4} #games214 .sg-cfg{fill:none;stroke:#ffd36b;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(255,211,107,.8))} #games214 .sg-cfg.low{stroke:#ff5a5a;animation:scpulse .5s infinite} #games214 .sg-clock b{position:relative;font:800 22px/1 "Noto Sans",system-ui,sans-serif;color:#fff} #games214 .sg-score{display:flex;flex-direction:column;align-items:center;color:#fff} #games214 .sg-score b{font:800 30px/1 "Noto Sans",system-ui,sans-serif} #games214 .sg-score small{opacity:.7;font-size:11px} #games214 .sg-combo{font:800 22px/1 "Noto Sans",system-ui,sans-serif;color:#fff;padding:8px 12px;border-radius:12px;background:rgba(0,0,0,.35)} #games214 .sg-combo.hot{color:#ffd36b;box-shadow:0 0 18px rgba(255,211,107,.5)} #games214 .sg-combo.blaze{color:#fff;background:linear-gradient(135deg,#e0473b,#ffb43a);animation:satej .6s infinite} #games214 .sg-tier{font:700 12px/1 "Noto Sans",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#bfe6ff;padding:7px 10px;border:1px solid rgba(191,230,255,.4);border-radius:999px} #games214 .sg-top .sg-style{margin-left:auto;display:flex;gap:6px} #games214 .sg-prompt{color:#fff;text-align:center} #games214 .sg-prompt .g4-eye{color:#bfe6ff} #games214 .sg-prompt h3{margin:4px 0 0;font:700 clamp(22px,2.6vw,36px)/1.2 var(--sa-serif,Georgia,serif);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)} #games214 .sg-board{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:20px;align-items:start;justify-content:center} #games214 .sg-chart .sc-chart{max-width:560px;margin:0 auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.6))} #games214 .sg-chart.in{animation:sgin .35s cubic-bezier(.2,.9,.3,1.15)} @keyframes sgin{from{opacity:0;transform:scale(.94) rotate(-1deg)}} #games214 .sg-side{color:#f6ead2} #games214 .sg-why{margin:0 0 12px;padding:14px 16px;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);line-height:1.5;font-size:15px} #games214 .sg-why b{color:#fff} #games214 .sg-hist{margin:0;padding:0;list-style:none;display:grid;gap:6px} #games214 .sg-hist li{padding:7px 10px 7px 30px;border-radius:10px;background:rgba(255,255,255,.06);font-size:13px;position:relative;animation:sain .3s ease-out} #games214 .sg-hist li::before{position:absolute;left:10px;top:7px;font-weight:800} #games214 .sg-hist li.ok::before{content:"✓";color:#7fd8a8} #games214 .sg-hist li.no::before{content:"✗";color:#ff8a8a} #games214 .sg-end{grid-column:1/-1;max-width:620px;margin:0 auto} /* ---------- phones ---------- */ @media (max-width:980px){ #games214 .sa-seats{grid-template-columns:repeat(5,minmax(0,1fr))} #games214 .sa-how ol{grid-template-columns:1fr 1fr} #games214 .sa-stage{grid-template-columns:130px minmax(0,1fr) 140px} #games214 .sa-foepc .gf{width:130px} #games214 .sa-mcard{grid-template-columns:1fr} } @media (max-width:760px){ #games214 .gr-sa-map{padding:14px 12px 18px;border-radius:16px} #games214 .sa-mhead{grid-template-columns:1fr} #games214 .sa-gemrow{justify-self:start} #games214 .sa-seats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #games214 .sa-seatp{max-width:72px} #games214 .sa-ibox{grid-template-columns:1fr;padding:14px;gap:8px;text-align:left} #games214 .sa-iport{display:flex;justify-content:center} #games214 .sa-iport .gf{width:120px} #games214 .sa-how ol{grid-template-columns:1fr} #games214 .sa-card.mini{width:68px;height:98px} #games214 .sa-card.mini .sa-cn{margin-top:44px;font-size:11px} #games214 .sa-card.mini::after{top:44px} #games214 .sa-card.mini .sa-art{height:36px} #games214 .sa-card.mini .sa-art svg{width:26px;height:26px} #games214 .gr-play.gr-sa{padding:10px 10px 8px;border-radius:16px;gap:6px} #games214 .sa-top{grid-template-columns:auto 1fr auto;gap:8px} #games214 .sa-top .sa-conv{grid-column:1/-1;order:5} #games214 .sa-tej{width:54px;height:54px} #games214 .sa-tej b{font-size:15px} #games214 .sa-stage{grid-template-columns:1fr 1fr;grid-template-areas:"me foe" "center center";gap:4px 8px} #games214 .sa-me{grid-area:me;display:grid;grid-template-columns:64px auto;grid-template-rows:auto auto;column-gap:8px;padding-top:0;text-align:left;align-items:center;justify-content:start} #games214 .sa-me>.sa-mepc{grid-row:1/3;grid-column:1} #games214 .sa-me>b{grid-column:2;align-self:end;white-space:nowrap} #games214 .sa-me>small{grid-column:2;align-self:start;white-space:nowrap} #games214 .sa-me>b,#games214 .sa-foe>b{font-size:14px} #games214 .sa-round .g4-eye{display:none} #games214 .sa-round{padding:5px 9px;gap:4px;white-space:nowrap} #games214 .sa-round b{font-size:20px} #games214 .sa-phase{margin-left:4px;font-size:0;gap:0} #games214 .sa-tej small{display:none} #games214 .sa-mepc{width:64px;height:64px} #games214 .sa-mepc svg{width:52px;height:auto} #games214 .sa-ring{top:0;left:0;width:64px;height:64px} #games214 .sa-me small{display:block} #games214 .sa-foe{grid-area:foe;flex-direction:row-reverse;padding-top:0;gap:8px;text-align:right;align-items:center;justify-content:flex-start} #games214 .sa-foe>b{white-space:nowrap} #games214 .sa-foepc .gf{width:64px} #games214 .sa-foe>small{display:none} #games214 .sa-bubble{top:100%;right:0;margin:4px 0 0;max-width:200px;font-size:12.5px;border-radius:14px 4px 14px 14px} #games214 .sa-center{grid-area:center} #games214 .sa-claim{padding:12px 14px 10px} #games214 .sa-ctext{font-size:17.5px;min-height:2.6em} #games214 .sa-chart .sc-chart{max-width:300px} #games214 .sa-ruling{flex-direction:column;align-items:stretch} #games214 .sa-bottom{grid-template-columns:1fr auto;grid-template-areas:"hand hand" "prana piles" "acts acts";padding-top:6px;gap:6px} #games214 .sa-hand{justify-content:flex-start;overflow-x:auto;overflow-y:visible;min-height:0;padding:22px 6px 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch} #games214 .sa-hand .sa-card{margin:0 3px;rotate:none;translate:none;scroll-snap-align:start} #games214 .sa-card{width:96px;height:138px;padding-top:22px;border-radius:12px} #games214 .sa-card .sa-art{top:6px;height:44px} #games214 .sa-card .sa-art svg{width:32px;height:32px} #games214 .sa-card .sa-art::before{width:52px;height:52px} #games214 .sa-card::after{top:58px} #games214 .sa-card .sa-cn{margin-top:36px;font-size:13.5px} #games214 .sa-card .sa-ct{font-size:8.8px;padding:0 6px;line-height:1.2} #games214 .sa-card .sa-cost{width:21px;height:21px;font-size:12px} #games214 .sa-card .sa-ckind{display:none} #games214 .sa-card .sa-ckey{display:none} #games214 .sa-card.sel{transform:translateY(-14px) scale(1.04)} #games214 .sa-card:hover:not(.dim):not(.ecl){transform:none} #games214 .sa-card.sel:hover{transform:translateY(-14px) scale(1.04)} #games214 .sa-acts{flex-direction:row;min-width:0} #games214 .sa-act{flex:1;align-items:center;text-align:center;padding:10px 6px} #games214 .sa-act b{font-size:16px} #games214 .sa-act small kbd,#games214 .sa-help{display:none} #games214 .sa-mfaces{grid-template-columns:repeat(9,1fr);min-height:70px} #games214 .sa-mfaces span{margin:0 -6px} #games214 .gr-play.gr-sight2{padding:10px} #games214 .sg-board{grid-template-columns:1fr} #games214 .sg-top{gap:8px} #games214 .sg-top .sg-style{margin-left:0;width:100%} #games214 .sg-clock{width:54px;height:54px} #games214 .sg-score b{font-size:24px} #games214 .sg-prompt h3{font-size:21px} #games214 .sg-hist{display:none} #games214 .sg-why{font-size:13.5px;padding:10px 12px} } /* ---------- stream view: read from across a room at 1080p ---------- */ body.g4-streaming #games214 .gr-play.gr-sa,body.g4-streaming #games214 .gr-play.gr-sight2{max-width:none;min-height:calc(100vh - 110px)} body.g4-streaming #games214 .sa-ctext{font-size:clamp(26px,2.2vw,42px)} body.g4-streaming #games214 .sa-chart .sc-chart{max-width:min(420px,38vh)} body.g4-streaming #games214 .sa-ruling b{font-size:20px} body.g4-streaming #games214 .sa-ruling small{font-size:15px} body.g4-streaming #games214 .sa-stage{grid-template-columns:220px minmax(0,1fr) 240px} body.g4-streaming #games214 .sa-foepc .gf{width:220px} body.g4-streaming #games214 .sa-bubble{font-size:17px;max-width:280px} body.g4-streaming #games214 .sa-card:not(.mini){width:150px;height:212px} body.g4-streaming #games214 .sa-ct{font-size:12px} body.g4-streaming #games214 .sg-prompt h3{font-size:clamp(30px,2.8vw,48px)} body.g4-streaming #games214 .sg-chart .sc-chart{max-width:min(640px,62vh)} body.g4-streaming #games214 .sg-why{font-size:19px} @media (prefers-reduced-motion:reduce){ #games214 .gf *,#games214 .gf,#games214 .sa-card,#games214 .sa-hand.deal .sa-card,#games214 .sa-claim.in,#games214 .sa-seat,#games214 .sa-mfaces span,#games214 .sa-cbar i::after,#games214 .sa-tej,#games214 .sg-chart.in{animation:none!important;transition:none!important} #games214 .sa-shout b,#games214 .sa-shout .sa-lines{animation-duration:.01s!important} } /* v2.21: a chart claim sets the chart beside its words on wide screens */ @media (min-width:761px){ #games214 .sa-claim.has-chart{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);grid-template-areas:"head head" "chart text" "chart rule" "chart proof" "chart ruling" "chart .";column-gap:18px;align-items:start} #games214 .sa-claim.has-chart .sa-chead{grid-area:head} #games214 .sa-claim.has-chart .sa-ctext{grid-area:text} #games214 .sa-claim.has-chart .sa-chart{grid-area:chart;margin-top:8px} #games214 .sa-claim.has-chart .sa-rule{grid-area:rule} #games214 .sa-claim.has-chart .sa-proof{grid-area:proof} #games214 .sa-claim.has-chart .sa-ruling{grid-area:ruling;flex-direction:column;align-items:stretch} body.g4-streaming #games214 .sa-claim.has-chart{grid-template-columns:minmax(0,420px) minmax(0,1fr)} } #games214 .sa-of{display:block;font-size:12px;color:#6b5a52;margin-top:-4px} #games214 .sa-shmode .g4-chip[aria-pressed="true"]{background:#2a1440;color:#ffd36b;border-color:#2a1440} #games214 .sa-mhead>.g4-chip{justify-self:start} /* ====================================================================================================== v2.22 Vāda: a painted manuscript. Paper ground, gouache colour, block-print borders, hand-printed paper cards and hand-inked charts; ink (#2B2340) instead of black, hard paper-cut offset shadows instead of glow. No sheen, no foil. Shared tokens from brief222 (G4.palette); this layer overrides the earlier dark-glass look of Vāda only. ====================================================================================================== */ #games214 .gr,#games214 .gr-chal,#games214 .gr-sa-map{--vp:#F6EFE4;--vp2:#EFE4D2;--vink:#2B2340;--vink2:#5A5070;--vrose:#F2A7A0;--vcoral:#F07E6E;--vapricot:#F6B984;--vbutter:#F4D98B;--vsage:#A8C8A0;--vmint:#9ED6C4;--vsky:#9CC3E6;--vperi:#A9A6E8;--vlilac:#C9A4D8;--vplum:#6B4A7A;--vterra:#C8664B;--vteal:#3E8A8A;--vsaff:#E9A23B;--vshadow:4px 5px 0 rgba(43,35,64,.16);--vshadow2:2px 3px 0 rgba(43,35,64,.2);--sa-gold:#E9A23B;--sa-ink:#2B2340} #games214 .gr,#games214 .gr *,#games214 .gr-chal *,#games214 .gr-sa-map *{text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important} #games214 .gr{color:var(--vink)} /* the old sheen layers, removed */ #games214 .gr-play .gr-opt::before,#games214 .gr-play .gr-opt.right::after,#games214 .sa-cfoil,#games214 .sa-cbar i::after,#games214 .gr-play.gr-fever::after,#games214 .gr-play .gr-timer span::after,#games214 .gr-illum::after{display:none!important} .gr-trail{background:var(--tc,#F4D98B)!important;box-shadow:none!important;border:1.5px solid #2B2340} .gr-trail.tail{opacity:.6} .gr-ray{background:none!important;border:2px solid var(--rc,#E9A23B);-webkit-mask:none!important;mask:none!important} .gr-petals i{background:var(--c)!important;border:1px solid rgba(43,35,64,.6)} /* buttons and chips inside Vāda */ #games214 .gr .btn,#games214 .gr-sa-map .btn{background:var(--vp);color:var(--vink);border:2px solid var(--vink);border-radius:12px;box-shadow:var(--vshadow2);font-weight:700} #games214 .gr .btn:hover:not(:disabled),#games214 .gr-sa-map .btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 4px 0 rgba(43,35,64,.24)} #games214 .gr .btn:active:not(:disabled){transform:translate(1px,2px);box-shadow:0 0 0 rgba(0,0,0,0)} #games214 .gr .btn.primary,#games214 .gr-sa-map .btn.primary{background:var(--vcoral);color:var(--vink);border-color:var(--vink)} #games214 .gr .g4-chip,#games214 .gr-sa-map .g4-chip{background:var(--vp);color:var(--vink);border:1.5px solid var(--vink);box-shadow:var(--vshadow2)} #games214 .gr .g4-chip[aria-pressed="true"]{background:var(--vbutter);color:var(--vink)} #games214 .gr .g4-eye{color:var(--vterra);letter-spacing:.16em} #games214 .gr kbd{background:var(--vp);color:var(--vink);border:1px solid var(--vink);box-shadow:none} /* ---------- the menu ---------- */ #games214 .gr-hero{border:2px solid var(--vink);box-shadow:var(--vshadow);border-radius:18px} #games214 .gr-herotxt{color:var(--vink);background:rgba(246,239,228,.86);border:2px solid var(--vink);border-radius:14px;margin:16px;padding:16px 20px;box-shadow:var(--vshadow2)} #games214 .gr-herotxt h2{color:var(--vink);font-family:var(--sa-serif,Georgia,serif)} #games214 .gr-herotxt p{opacity:1;color:var(--vink2)} #games214 .gr-herotxt .g4-chip{background:var(--vp);color:var(--vink);border-color:var(--vink)} #games214 .gr-herotxt .g4-eye{color:var(--vterra)} #games214 .gr-modes .gr-mode,#games214 .gr-mode{background:var(--vp)!important;color:var(--vink)!important;border:2px solid var(--vink)!important;border-radius:18px!important;box-shadow:var(--vshadow)!important;position:relative;overflow:hidden} #games214 .gr-mode::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:radial-gradient(circle at 6px 6px,var(--mc,var(--vrose)) 2.6px,transparent 3.2px) 0 0/14px 12px,var(--mb,var(--vbutter));border-bottom:1.5px solid var(--vink);pointer-events:none} #games214 .gr-mode>*{position:relative} #games214 .gr-mode h3{color:var(--vink)!important;font-family:var(--sa-serif,Georgia,serif)} #games214 .gr-mode p{color:var(--vink2)!important} #games214 .gr-mode .gr-best span{color:var(--vink2)} #games214 .gr-mode .gr-best b{color:var(--vink)} #games214 .gr-mode-sa{--mb:var(--vapricot);--mc:var(--vterra)} #games214 .gr-mode-pk{--mb:var(--vmint);--mc:var(--vteal);grid-column:1/-1} #games214 .gr-mode-path{--mb:var(--vbutter);--mc:var(--vsaff)} #games214 .gr-mode-teach{--mb:var(--vlilac);--mc:var(--vplum)} #games214 .gr-mode-rush{--mb:var(--vrose);--mc:var(--vcoral)} #games214 .gr-mode-daily{--mb:var(--vsky);--mc:var(--vperi)} #games214 .gr-mode-sight{--mb:var(--vsage);--mc:var(--vteal)} #games214 .gr-mode-duel{--mb:var(--vperi);--mc:var(--vplum)} #games214 .gr-mode-live{--mb:var(--vapricot);--mc:var(--vcoral)} #games214 .gr-mode .g4-eye{margin-top:4px} #games214 .gr-foebtn{background:var(--vp2)!important;color:var(--vink)!important;border:1.5px solid var(--vink)!important} #games214 .gr-foebtn[aria-pressed="true"]{background:var(--vbutter)!important} #games214 .gr-diffbox,#games214 .gr-masterybox,#games214 .gr-powers{background:var(--vp)!important;border:2px solid var(--vink)!important;box-shadow:var(--vshadow)!important;color:var(--vink)!important;border-radius:18px} #games214 .gr-powers b,#games214 .gr-powers span{color:var(--vink)} #games214 .gr-medal{background:var(--c)!important;color:var(--vink)!important;border:1.5px solid var(--vink);box-shadow:none!important} #games214 .sa-mfaces span.b .gf{filter:none} #games214 .gr-lobbybox{color:var(--vink)} /* ---------- play ---------- */ #games214 .gr-play{background:var(--vp2);border:2px solid var(--vink);box-shadow:var(--vshadow)!important;color:var(--vink)} #games214 .gr-play .gr-card{background:var(--vp)!important;border:2px solid var(--vink)!important;box-shadow:6px 7px 0 rgba(43,35,64,.18)!important;border-radius:16px} #games214 .gr-play .gr-card h3,#games214 .gr-play .gr-ex{color:var(--vink)} #games214 .gr-play .gr-cat{color:var(--vterra)} #games214 .gr-play .gr-opt{background:var(--vp)!important;border:2px solid var(--vink)!important;border-bottom-width:2px!important;color:var(--vink)!important;box-shadow:var(--vshadow2)!important} #games214 .gr-play .gr-opt:hover:not([disabled]){transform:translate(-1px,-2px);background:#FBF6EC!important;box-shadow:4px 5px 0 rgba(43,35,64,.22)!important} #games214 .gr-play .gr-opt:active:not([disabled]){transform:translate(1px,2px);box-shadow:none!important} #games214 .gr-play .gr-opt.right{background:var(--vsage)!important;color:var(--vink)!important} #games214 .gr-play .gr-opt.wrong{background:var(--vcoral)!important;color:var(--vink)!important} #games214 .gr-play .gr-opt.theirs{background:var(--vperi)!important;color:var(--vink)!important} #games214 .gr-play .gr-opt.pending{background:var(--vbutter)!important;animation:none} #games214 .gr-play .gr-opt.right kbd,#games214 .gr-play .gr-opt.wrong kbd{background:var(--vp);color:var(--vink);border-color:var(--vink)} #games214 .gr-play .gr-timer{background:var(--vp)!important;border:1.5px solid var(--vink);box-shadow:none!important;height:9px;border-radius:99px} #games214 .gr-play .gr-timer span{background:var(--vsaff)!important;box-shadow:none!important;border-radius:99px} #games214 .gr-play .gr-timer span.low{background:var(--vcoral)!important} #games214 .gr-play .gr-timer span.freeze{background:var(--vsky)!important} #games214 .gr-play .gr-sc b,#games214 .gr-play .gr-mult,#games214 .gr-streak b{color:var(--vink)!important;background:none!important;-webkit-text-fill-color:currentColor!important} #games214 .gr-play .gr-mult{background:var(--vbutter)!important;border:1.5px solid var(--vink);box-shadow:var(--vshadow2)!important} #games214 .gr-play .gr-pbtn{background:var(--c,#F4D98B)!important;color:var(--vink)!important;border:1.5px solid var(--vink)!important;box-shadow:var(--vshadow2)!important} #games214 .gr-play .gr-pbtn::before{display:none} #games214 .gr-play.hurt::before{background:rgba(240,126,110,.22)!important} #games214 .gr-end .gr-big,#games214 .gr-end.gr-cine .gr-big{color:var(--vink)!important;background:none!important;-webkit-text-fill-color:currentColor!important} #games214 .gr-stamp span{background:var(--vbutter)!important;color:var(--vink)!important;border:2px solid var(--vink)!important;box-shadow:var(--vshadow2)!important} #games214 .gr-help{color:var(--vink2)} /* ---------- charts: hand-inked ---------- */ #games214 .sc-frame{fill:#E7B9A0;stroke:var(--vink,#2B2340);stroke-width:2} #games214 .sc-bp path{fill:#C8664B;opacity:.7} #games214 .sc-frame2{fill:none;stroke:#2B2340;stroke-width:1.6} #games214 .sc-bg{fill:#F6EFE4;stroke:none} #games214 .sc-cp{fill:transparent;stroke:none} #games214 .sc-north .sc-cp{stroke:none} #games214 .sc-lines path{fill:none;stroke:#2B2340;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #games214 .sc-cell.la .sc-cp{fill:rgba(244,217,139,.55)} #games214 .sc-num{font:700 10px/1 "Noto Sans",system-ui,sans-serif;fill:#5A5070} #games214 .sc-lat{font:800 7.5px/1 "Noto Sans",system-ui,sans-serif;fill:#C8664B;letter-spacing:.12em;text-transform:uppercase} #games214 .sc-rg{font-size:11px;fill:#8C8597} #games214 .sc-lal{stroke:#C8664B;stroke-width:1.4} #games214 .sc-mid{fill:#EFE4D2;stroke:#2B2340;stroke-width:1.2} #games214 .sc-lotus ellipse{fill:#F2A7A0;stroke:#2B2340;stroke-width:.9} #games214 .sc-lotus circle{fill:#F4D98B;stroke:#2B2340;stroke-width:.9} #games214 .sc-t{font:700 13px/1 var(--sa-serif,Georgia,serif);fill:#2B2340} #games214 .sc-s{font:9.5px/1 "Noto Sans",system-ui,sans-serif;fill:#5A5070} #games214 .sc-s2{font:600 8.5px/1 "Noto Sans",system-ui,sans-serif;fill:#C8664B} #games214 .sc-gs{fill:rgba(43,35,64,.22)} #games214 .sc-gb{stroke:#2B2340;stroke-width:1.5} #games214 .sc-gt{font:800 8.6px/1 "Noto Sans",system-ui,sans-serif;letter-spacing:-.02em} #games214 .sc-gd{font:700 7.4px/1 "Noto Sans",system-ui,sans-serif;fill:#2B2340} #games214 .sc-tap .sc-cell:hover .sc-cp{fill:rgba(156,195,230,.35)} #games214 .sc-cell.right .sc-cp{fill:rgba(168,200,160,.8)} #games214 .sc-cell.wrong .sc-cp{fill:rgba(240,126,110,.6)} #games214 .sc-cell.hint .sc-cp{fill:rgba(244,217,139,.85)} #games214 .sc-g.right .sc-gh{fill:#A8C8A0;stroke:#2B2340;stroke-width:1.4} #games214 .sc-g.wrong .sc-gh{fill:#F07E6E;stroke:#2B2340;stroke-width:1.4} #games214 .sc-g.hint .sc-gh,#games214 .sc-g.ring .sc-gh{fill:#F4D98B;stroke:#2B2340;stroke-width:1.4} #games214 .gr-chartbox,#games214 .sa-chart,#games214 .sg-chart{background:none!important;box-shadow:none!important;border:0!important} #games214 .sg-chart .sc-chart,#games214 .sa-chart .sc-chart{filter:drop-shadow(5px 6px 0 rgba(43,35,64,.16))} /* ---------- Śāstrārtha ---------- */ #games214 .gr-sa-map,#games214 .gr-sa{color:var(--vink)} #games214 .gr-play.gr-sa{background:var(--vp2)} #games214 .sa-top .g4-chip{background:var(--vp);color:var(--vink);border-color:var(--vink)} #games214 .sa-round{background:var(--vp)!important;border:1.5px solid var(--vink)!important;box-shadow:var(--vshadow2)} #games214 .sa-round b{color:var(--vink)} #games214 .sa-round small{color:var(--vink2);opacity:1} #games214 .sa-conv .g4-eye{color:var(--vink);background:var(--vp);display:inline-block;padding:2px 8px;border-radius:6px;border:1px solid var(--vink)} #games214 .sa-cbar{background:var(--vp)!important;border:2px solid var(--vink);box-shadow:var(--vshadow2)!important} #games214 .sa-cbar i{background:repeating-linear-gradient(135deg,#3E8A8A 0 7px,#56A3A0 7px 12px)!important;box-shadow:none!important} #games214 .sa-cbar em{color:var(--vink);font-weight:800} #games214 .sa-cbar.near{box-shadow:0 0 0 3px var(--vbutter),var(--vshadow2)!important} #games214 .sa-tej{background:var(--vbutter)!important;color:var(--vink)!important;border:2px solid var(--vink)!important;box-shadow:var(--vshadow2)!important} #games214 .sa-tej *{color:var(--vink)!important} #games214 .sa-me b,#games214 .sa-foe b{color:var(--vink);background:var(--vp);padding:2px 10px;border-radius:8px;border:1.5px solid var(--vink)} #games214 .sa-me small,#games214 .sa-foe small,#games214 .sa-complab{color:var(--vink)!important;background:rgba(246,239,228,.85);padding:1px 8px;border-radius:6px} #games214 .sa-ring{box-shadow:none!important} #games214 .sa-claim{background:var(--vp)!important;border:2px solid var(--vink)!important;box-shadow:6px 7px 0 rgba(43,35,64,.18)!important;color:var(--vink)} #games214 .sa-claim::before,#games214 .sa-claim::after{background:#C8664B!important;box-shadow:none!important;border:1.5px solid var(--vink)} #games214 .gr-sa.sa-tarka .sa-claim{box-shadow:0 0 0 4px var(--vbutter),6px 7px 0 rgba(43,35,64,.18)!important} #games214 .sa-bubble,#games214 .gr-bubble{background:var(--vp)!important;color:var(--vink)!important;border:2px solid var(--vink)!important;box-shadow:var(--vshadow2)!important} /* the cards: hand-printed paper, a block-print band in the topic colour, no foil */ #games214 .sa-card{background:var(--vp)!important;color:var(--vink)!important;box-shadow:0 0 0 2px var(--vink),5px 6px 0 rgba(43,35,64,.2)!important} #games214 .sa-card::before{inset:5px;border:1.2px dashed color-mix(in srgb,var(--cc) 70%,#2B2340)!important;border-radius:9px} #games214 .sa-card::after{top:0!important;left:0!important;right:0!important;height:84px!important;opacity:1!important;z-index:0;background:radial-gradient(circle at 5px 5px,rgba(43,35,64,.22) 1.6px,transparent 2px) 0 0/10px 10px,color-mix(in srgb,var(--cc) 55%,#F6EFE4)!important;border-bottom:1.5px solid var(--vink)} #games214 .sa-card.mini::after{height:56px!important} #games214 .sa-card.t-tech{background:var(--vp)!important} #games214 .sa-card.t-tech::after{background:radial-gradient(circle at 5px 5px,rgba(43,35,64,.22) 1.6px,transparent 2px) 0 0/10px 10px,#BFE3D8!important} #games214 .sa-card.t-wild::after{background:radial-gradient(circle at 5px 5px,rgba(43,35,64,.22) 1.6px,transparent 2px) 0 0/10px 10px,#F6E3A8!important} #games214 .sa-art::before{background:var(--vp)!important;border:1.5px solid var(--vink);width:58px!important;height:58px!important} #games214 .sa-art svg{filter:none!important} #games214 .sa-cn{color:var(--vink)!important;position:relative} #games214 .sa-cn i{color:var(--vterra)} #games214 .sa-ce{color:var(--vterra)!important} #games214 .sa-ct{color:var(--vink2)!important} #games214 .sa-ckind{color:var(--vink2)!important} #games214 .sa-cost{background:var(--vsky)!important;color:var(--vink)!important;box-shadow:0 0 0 1.5px var(--vink)!important} #games214 .sa-ckey{background:var(--vp)!important;color:var(--vink)!important;border-color:var(--vink)!important} #games214 .sa-card.r1{box-shadow:0 0 0 2px var(--vink),0 0 0 4px var(--vsky),5px 6px 0 rgba(43,35,64,.2)!important} #games214 .sa-card.r2{box-shadow:0 0 0 2px var(--vink),0 0 0 4px var(--vbutter),5px 6px 0 rgba(43,35,64,.2)!important} #games214 .sa-card.sel{box-shadow:0 0 0 2px var(--vink),0 0 0 5px var(--vcoral),8px 10px 0 rgba(43,35,64,.24)!important} #games214 .sa-card.dim{filter:saturate(.5) opacity(.6)!important} #games214 .sa-card.ecl{filter:grayscale(1) opacity(.45)!important} #games214 .sa-eclx{background:radial-gradient(circle at 50% 42%,#2B2340 22%,transparent 23%)!important} #games214 .sa-act{border:2px solid var(--vink)!important;color:var(--vink)!important;box-shadow:var(--vshadow2)!important;background:var(--vp)!important} #games214 .sa-act *{color:var(--vink)!important} #games214 .sa-act.obj{background:var(--vcoral)!important} #games214 .sa-act.sup{background:var(--vsage)!important} #games214 .sa-act[disabled]{opacity:.5;filter:none!important} #games214 .sa-prana i{background:var(--vp)!important;border:1.5px solid var(--vink)!important;box-shadow:none!important} #games214 .sa-prana i.on{background:var(--vsky)!important} #games214 .sa-prana,#games214 .sa-prana *{color:var(--vink)} #games214 .sa-proof,#games214 .sa-popt,#games214 .sa-endcard,#games214 .sa-ibox,#games214 .sa-how,#games214 .sa-deckbox,#games214 .sa-pick{background:var(--vp)!important;color:var(--vink)!important;border:2px solid var(--vink)!important;box-shadow:var(--vshadow2)!important} #games214 .sa-popt.right{background:var(--vsage)!important} #games214 .sa-popt.wrong{background:var(--vcoral)!important} #games214 .sa-shout b{color:var(--vink)!important;background:var(--vbutter);border:2px solid var(--vink);padding:2px 12px;border-radius:10px;box-shadow:var(--vshadow2)} #games214 .sa-shout.bad b{background:var(--vcoral)} #games214 .sa-shout.sup b{background:var(--vsage)} #games214 .sa-shout.crit b{background:var(--vbutter)} #games214 .sa-gem.on,#games214 .sa-gemf{box-shadow:none!important;border:1.5px solid var(--vink)} #games214 .sa-seat,#games214 .sa-seat.cur{box-shadow:var(--vshadow2)!important;border:2px solid var(--vink)!important} #games214 .sa-ruling.ok{background:var(--vsage)!important;color:var(--vink)!important} #games214 .sa-ruling.no{background:var(--vcoral)!important;color:var(--vink)!important} #games214 .sa-mt h2{color:var(--vink)!important} /* ---------- Sight ---------- */ #games214 .gr-sight2{background:var(--vp2)} #games214 .sg-prompt h3{color:var(--vink)!important;background:var(--vp);display:inline-block;padding:6px 16px;border:2px solid var(--vink);border-radius:12px;box-shadow:var(--vshadow2)} #games214 .sg-prompt .g4-eye{display:block} #games214 .sg-why{background:var(--vp)!important;color:var(--vink)!important;border:2px solid var(--vink)!important;box-shadow:var(--vshadow2)!important} #games214 .sg-hist li{color:var(--vink)} #games214 .sg-score b,#games214 .sg-score small{color:var(--vink)} #games214 .sg-combo,#games214 .sg-tier{background:var(--vp)!important;color:var(--vink)!important;border:1.5px solid var(--vink)!important;box-shadow:none!important} #games214 .sg-combo.hot{background:var(--vbutter)!important} #games214 .sg-combo.blaze{background:var(--vcoral)!important} #games214 .sg-cbg,#games214 .pk-cbg{fill:var(--vp);stroke:var(--vink);stroke-width:2} #games214 .sg-cfg,#games214 .pk-cfg{fill:none;stroke:var(--vteal);stroke-width:5;filter:none!important;transform:rotate(-90deg);transform-origin:center} #games214 .sg-cfg.low,#games214 .pk-cfg.low{stroke:var(--vcoral)} #games214 .sg-clock b,#games214 .pk-clock b{color:var(--vink)} /* ---------- Pratyakṣa ---------- */ #games214 .gr-mode-pk .pk-mcard{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center} #games214 .pk-mini{width:150px;height:150px;display:block;filter:drop-shadow(4px 5px 0 rgba(43,35,64,.16))} #games214 .gr-mode-pk .nc-row{display:flex;gap:10px;flex-wrap:wrap} #games214 .gr-play.gr-pk{max-width:1240px;padding:12px 16px 74px;display:flex;flex-direction:column;gap:10px;min-height:min(900px,calc(100vh - 120px));overflow:hidden;border-radius:22px} #games214 .pk-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:20px} #games214 .pk-count,#games214 .pk-score{display:flex;align-items:baseline;gap:6px;padding:5px 12px;border-radius:12px;background:var(--vp);border:1.5px solid var(--vink);box-shadow:var(--vshadow2)} #games214 .pk-count b,#games214 .pk-score b{font:800 22px/1 "Noto Sans",system-ui,sans-serif;color:var(--vink)} #games214 .pk-count small,#games214 .pk-score small{color:var(--vink2)} #games214 .pk-count .g4-eye{font-size:10px} #games214 .pk-score{margin-left:auto} #games214 .pk-hearts{display:flex;gap:5px} #games214 .pk-hearts i{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--vp);border:1.5px solid var(--vink)} #games214 .pk-hearts i.on{background:var(--vcoral)} #games214 .pk-clock{position:relative;width:46px;height:46px;display:grid;place-items:center} #games214 .pk-clock svg{position:absolute;inset:0} #games214 .pk-clock b{position:relative;font:800 15px/1 "Noto Sans",system-ui,sans-serif} #games214 .pk-stage{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(320px,1.25fr) minmax(280px,1fr);grid-template-areas:"foe wheel side";gap:16px;align-items:start;flex:1} #games214 .pk-foe{grid-area:foe;display:flex;flex-direction:column;align-items:center;gap:8px} #games214 .pk-foename{display:flex;flex-direction:column;align-items:center;background:var(--vp);border:1.5px solid var(--vink);border-radius:10px;padding:3px 12px} #games214 .pk-foename b{font:700 17px/1.1 var(--sa-serif,Georgia,serif)} #games214 .pk-foename small{color:var(--vink2);font-size:12px} #games214 .pk-bubble{position:relative;background:var(--vp);border:2px solid var(--vink);border-radius:16px;padding:12px 16px 12px;box-shadow:6px 7px 0 rgba(43,35,64,.16);max-width:340px} #games214 .pk-bubble::before{content:"";position:absolute;top:-11px;left:50%;width:18px;height:18px;margin-left:-9px;background:var(--vp);border-left:2px solid var(--vink);border-top:2px solid var(--vink);transform:rotate(45deg)} #games214 .pk-bubble p{margin:6px 0 6px;font:600 19px/1.32 var(--sa-serif,Georgia,serif);color:var(--vink)} #games214 .pk-bubble small{color:var(--vink2);font-size:12.5px;line-height:1.35;display:block} #games214 .pk-wheelbox{grid-area:wheel;display:flex;justify-content:center} #games214 .pk-wheel{width:100%;max-width:520px;height:auto;display:block;touch-action:none;user-select:none;-webkit-user-select:none;cursor:default;outline:none} #games214 .pk-wheel:focus-visible{outline:3px dashed var(--vteal);outline-offset:4px;border-radius:50%} #games214 .pk-shadow{fill:rgba(43,35,64,.16)} #games214 .pk-disc{fill:#F6EFE4;stroke:#2B2340;stroke-width:2} #games214 .pk-sign{opacity:.78} #games214 .pk-sign.la{opacity:1} #games214 .pk-glyph{font-size:15px;fill:#2B2340} #games214 .pk-sname{font:700 8.5px/1 "Noto Sans",system-ui,sans-serif;fill:#5A5070;letter-spacing:.04em} #games214 .pk-tick{stroke:#2B2340;stroke-width:1;opacity:.6} #games214 .pk-ink{fill:none;stroke:#2B2340;stroke-width:1.8;stroke-linecap:round} #games214 .pk-field{fill:url(#pkhatch);stroke:#2B2340;stroke-width:1.8;cursor:pointer} #games214 .pk-badarc{fill:rgba(240,126,110,.75);stroke:#2B2340;stroke-width:1.4;pointer-events:none} #games214 .pk-lagna{stroke:#C8664B;stroke-width:2;stroke-dasharray:4 4} #games214 .pk-lat{font:800 10px/1 "Noto Sans",system-ui,sans-serif;fill:#C8664B} #games214 .pk-lotus ellipse{fill:#F9D5DF;stroke:#2B2340;stroke-width:1} #games214 .pk-lotus circle{fill:#F4D98B;stroke:#2B2340;stroke-width:1} #games214 .pk-leader{stroke:#2B2340;stroke-width:1;opacity:.45} #games214 .pk-tsh{fill:rgba(43,35,64,.22)} #games214 .pk-tb{stroke:#2B2340;stroke-width:1.8} #games214 .pk-tt{font:800 11px/1 "Noto Sans",system-ui,sans-serif;pointer-events:none} #games214 .pk-td{font:700 9px/1 "Noto Sans",system-ui,sans-serif;fill:#2B2340;pointer-events:none} #games214 .pk-tok{opacity:.55} #games214 .pk-tok.key,#games214 .pk-tok.mover{opacity:1} #games214 .pk-tok.mover .pk-tg{cursor:grab} #games214 .pk-wheel.dragging .pk-tok.mover .pk-tg{cursor:grabbing} #games214 .pk-grab{fill:none;stroke:#2B2340;stroke-width:1.6;stroke-dasharray:4 4;animation:pkspin 9s linear infinite;transform-box:fill-box;transform-origin:center} #games214 .pk-tok.mover .pk-tt{font-size:13px} @keyframes pkspin{to{transform:rotate(360deg)}} #games214 .pk-sight{fill:none;stroke:#3E8A8A;stroke-linecap:round;opacity:.85} #games214 .pk-sight.emph{opacity:1} #games214 .pk-sight.none{stroke:#8C8597;stroke-dasharray:3 5;stroke-width:1.4!important;opacity:.7} #games214 .pk-vbox{fill:#F6EFE4;stroke:#2B2340;stroke-width:1.4} #games214 .pk-vtxt{font:800 11.5px/1 "Noto Sans",system-ui,sans-serif;fill:#2B2340} #games214 .pk-side{grid-area:side;display:flex;flex-direction:column;gap:10px} #games214 .pk-read{background:var(--vp);border:2px solid var(--vink);border-radius:14px;padding:10px 14px;box-shadow:var(--vshadow2);display:flex;flex-direction:column;gap:4px;transition:background .2s} #games214 .pk-read.bad{background:#FBE0D8} #games214 .pk-read.ok{background:var(--vp)} #games214 .pk-big{font:800 34px/1 "Noto Sans",system-ui,sans-serif;color:var(--vink)} #games214 .pk-big small{font-size:14px;font-weight:700;color:var(--vink2)} #games214 .pk-big.pk-word{font:700 24px/1.1 var(--sa-serif,Georgia,serif)} #games214 .pk-read>small{color:var(--vink2);font-size:12.5px} #games214 .pk-meter{position:relative;height:12px;border-radius:99px;background:var(--vp2);border:1.5px solid var(--vink);overflow:visible} #games214 .pk-meter i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:repeating-linear-gradient(135deg,#3E8A8A 0 6px,#56A3A0 6px 10px);transition:width .08s linear} #games214 .pk-meter em{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-1.5px;background:var(--vcoral);border:1px solid var(--vink)} #games214 .pk-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0} #games214 .pk-chip{font-style:normal;font-weight:700;font-size:13px;padding:3px 10px;border-radius:99px;border:1.5px solid var(--vink);background:var(--vp2)} #games214 .pk-chip.good{background:#DCEBD6} #games214 .pk-chip.hard{background:#F9DCD6} #games214 .pk-chip.hit{box-shadow:0 0 0 3px var(--vbutter);background:var(--vbutter)} #games214 .pk-chip small{font-weight:600;color:var(--vink2)} #games214 .pk-strip{background:var(--vp);border:2px solid var(--vink);border-radius:14px;padding:4px 4px 2px;box-shadow:var(--vshadow2)} #games214 .pk-stripsvg{width:100%;height:auto;display:block} #games214 .pk-sbg{fill:#FBF7EF;stroke:#2B2340;stroke-width:1} #games214 .pk-grid{stroke:#2B2340;stroke-width:.6;opacity:.25} #games214 .pk-grid.sign{stroke-dasharray:3 3;opacity:.6} #games214 .pk-gl{font:700 8.5px/1 "Noto Sans",system-ui,sans-serif;fill:#5A5070} #games214 .pk-thr{stroke:#F07E6E;stroke-width:1.8;stroke-dasharray:6 4} #games214 .pk-trace{fill:none;stroke:#2B2340;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} #games214 .pk-full{fill:none;stroke:#3E8A8A;stroke-width:1.6;opacity:.8} #games214 .pk-badzone{fill:rgba(240,126,110,.38)} #games214 .pk-flip{stroke:#C8664B;stroke-width:1.4;stroke-dasharray:2 2} #games214 .pk-now{stroke:#E9A23B;stroke-width:2.6} #games214 .pk-nudge{display:flex;align-items:center;gap:6px;flex-wrap:wrap} #games214 .pk-nudge span{flex:1;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;min-width:90px} #games214 .pk-acts{display:flex;gap:10px;flex-wrap:wrap} #games214 .pk-acts .btn{flex:1 1 150px} #games214 .pk-why{margin:0;font-size:13.5px;line-height:1.45;color:var(--vink);background:rgba(246,239,228,.92);border-radius:12px;padding:0} #games214 .pk-why:not(:empty){padding:10px 12px;border:1.5px solid var(--vink)} #games214 .pk-help{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:12px;opacity:.85} #games214 .pk-help{color:var(--vink);z-index:2} #games214 .pk-end{max-width:520px;justify-self:center;text-align:center;grid-column:2/4} #games214 .pk-stars{display:flex;justify-content:center;gap:8px;font-size:30px} #games214 .pk-stars i{font-style:normal;color:var(--vp2);-webkit-text-stroke:1.5px #2B2340} #games214 .pk-stars i.on{color:var(--vsaff)} #games214 .pk-endnote{color:var(--vink2)} #games214 .pk-end .nc-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center} @media (max-width:1100px){ #games214 .pk-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"foe foe" "wheel side"} #games214 .pk-foe{flex-direction:row;align-items:center;justify-content:center} #games214 .pk-foe .gf{width:84px;height:auto} #games214 .pk-bubble::before{top:50%;left:-11px;margin:-9px 0 0;transform:rotate(-45deg)} #games214 .pk-end{grid-column:1/-1} } @media (max-width:720px){ #games214 .gr-mode-pk .pk-mcard{grid-template-columns:1fr} #games214 .pk-mini{width:110px;height:110px;margin:0 auto} #games214 .gr-play.gr-pk{padding:8px 8px 64px;border-radius:16px} #games214 .pk-top{gap:6px;padding-top:16px} #games214 .pk-count b,#games214 .pk-score b{font-size:18px} #games214 .pk-count .g4-eye{display:none} #games214 .pk-stage{grid-template-columns:1fr;grid-template-areas:"foe" "wheel" "side";gap:10px} #games214 .pk-foe{gap:6px;align-items:flex-start} #games214 .pk-foe .pk-foepc{flex:0 0 auto} #games214 .pk-foe .gf{width:62px} #games214 .pk-foename{display:none} #games214 .pk-bubble{padding:8px 10px;max-width:none;flex:1} #games214 .pk-bubble p{font-size:15.5px;margin:3px 0} #games214 .pk-bubble small{font-size:11.5px} #games214 .pk-big{font-size:28px} #games214 .pk-help{display:none} } /* ---------- the Path, lessons, Teach, the challenge modal ---------- */ #games214 .gr-illum,#games214 .gr-pathhead,#games214 .gr-mapwrap,#games214 .gr-realmbg,#games214 .gr-lessons button,#games214 .gr-trial button,#games214 .gt-card,#games214 .gt-opt,#games214 .gt-sum,#games214 .gt-ex,#games214 .gr-cert,#games214 .gr-certin,#games214 .gr-opener,#games214 .gr-invbox,#games214 .gr-invite,#games214 .gr-duelend{background-image:none!important;box-shadow:var(--vshadow2)!important} #games214 .gr-lessons button,#games214 .gr-trial button,#games214 .gt-card,#games214 .gt-opt,#games214 .gt-sum,#games214 .gt-ex,#games214 .gr-invbox,#games214 .gr-invite{background-color:var(--vp)!important;color:var(--vink)!important;border:2px solid var(--vink)!important} #games214 .gt-opt.right{background-color:var(--vsage)!important} #games214 .gt-opt.wrong{background-color:var(--vcoral)!important} #games214 .gt-opt.pick{background-color:var(--vbutter)!important} #games214 .gr-cert,#games214 .gr-certin{background-color:var(--vp)!important;color:var(--vink)!important;border:2px solid var(--vink)} #games214 .gr-opener{background-color:var(--vp2)!important;color:var(--vink)!important} #games214 .gr-opener h2{color:var(--vink)!important;background:none!important;-webkit-text-fill-color:currentColor!important} #games214 .gr-oprays i{background:var(--vbutter)!important;box-shadow:none!important} #games214 .gr-pcem .gr-emblem,#games214 .gr-realm.done .gr-emblem,#games214 .gr-opem{filter:none!important;box-shadow:none!important} #games214 .gr-drop::first-letter{color:var(--vterra)!important;background:none!important;-webkit-text-fill-color:currentColor!important} #games214 .gr-stars svg.on{filter:none!important} #games214 .gr-chal{background:var(--vp)!important;color:var(--vink)!important} #games214 .gr-chal .grc-card,#games214 .gr-chal .grc-end,#games214 .gr-chal .grc-opt{background:var(--vp)!important;color:var(--vink)!important;border:2px solid var(--vink)!important;box-shadow:var(--vshadow2)!important} #games214 .gr-chal .grc-opt.right{background:var(--vsage)!important} #games214 .gr-chal .grc-opt.wrong{background:var(--vcoral)!important} #games214 .gr-chal .grc-go{background:var(--vcoral)!important;color:var(--vink)!important;border:2px solid var(--vink)!important;box-shadow:var(--vshadow2)!important} #games214 .gr-chal .grc-seal{background:var(--vbutter)!important;color:var(--vink)!important;border:2px solid var(--vink);box-shadow:none!important} #games214 .gr-chal .grc-pips i.ok{background:var(--vsage)!important;box-shadow:none!important} #games214 .gr-chal .grc-pips i.cur{background:var(--vbutter)!important;box-shadow:none!important} /* stream view: larger type for the Pratyakṣa wheel and the thesis */ body.g4-streaming #games214 .pk-bubble p{font-size:24px} body.g4-streaming #games214 .pk-big{font-size:44px} body.g4-streaming #games214 .pk-wheel{max-width:620px} @media (prefers-reduced-motion:reduce){#games214 .pk-grab{animation:none}} #games214 .gr .btn.primary kbd,#games214 .gr .btn[data-primary] kbd{background:transparent;color:inherit;border-color:currentColor;opacity:.8} #games214 .gr .btn.gr-go,#games214 .gr .btn.primary.gr-go{background:#2B2340!important;color:#F6EFE4!important;-webkit-text-fill-color:#F6EFE4!important;border:2px solid #2B2340!important;box-shadow:4px 5px 0 var(--mc,#F2A7A0)!important;border-radius:999px} #games214 .gr .btn.gr-go:not(.primary){background:#F6EFE4!important;color:#2B2340!important;-webkit-text-fill-color:#2B2340!important} #games214 .pk-stage{grid-template-columns:minmax(200px,.78fr) minmax(360px,1.55fr) minmax(270px,.95fr);align-items:center} #games214 .pk-wheel{max-width:600px} #games214 .pk-nudge{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:6px} #games214 .pk-nudge span{min-width:0;font-size:14px} @media (max-width:1100px){#games214 .pk-stage{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}} @media (max-width:720px){#games214 .pk-stage{grid-template-columns:1fr}#games214 .pk-nudge{grid-template-columns:repeat(4,auto) ;justify-content:center}#games214 .pk-nudge span{grid-column:1/-1;grid-row:1}} #games214 .pk-sname{font:700 10px/1 "Noto Sans",system-ui,sans-serif;fill:#2B2340;letter-spacing:.03em} #games214 .gr .sg-score b,#games214 .gr .sg-score small,#games214 .gr .gr-sc b,#games214 .gr .gr-sc small,#games214 .gr .sg-clock b,#games214 .gr .pk-clock b{color:#2B2340!important;-webkit-text-fill-color:#2B2340!important} #games214 .gr .sg-prompt .g4-eye{color:#2B2340!important;background:rgba(246,239,228,.85);display:inline-block;padding:2px 8px;border-radius:6px} #games214 .gr .sg-style .g4-chip{background:#F6EFE4!important;color:#2B2340!important;border-color:#2B2340!important} #games214 .gr .sg-style .g4-chip[aria-pressed="true"]{background:#F4D98B!important} #games214 .gr .sc-gt{font-weight:800} #games214 .gr .gr-help{color:#2B2340!important;opacity:.85} #games214 .gr .gr-lives,#games214 .gr .gr-lives *{filter:none!important} #games214 .pk-nudge span{grid-column:1/-1;grid-row:1;white-space:nowrap} #games214 .pk-nudge{grid-template-columns:repeat(4,1fr)} /* the Path map, realms and lessons on paper */ #games214 .gr-mapwrap{background:#9CC3E6!important;border:2px solid #2B2340!important;border-radius:18px;overflow:hidden;box-shadow:var(--vshadow)!important} #games214 .gr-realm.locked{filter:saturate(.25) opacity(.75)!important} #games214 .gr-realm.done .gr-emblem{filter:none!important} #games214 .gr-realm:focus-visible>circle:nth-child(2){stroke:#F07E6E;stroke-width:4} #games214 .gr-rn{fill:#2B2340!important;stroke:#F6EFE4!important;stroke-width:5px!important;font-family:var(--sa-serif,Georgia,serif)} #games214 .gr-rt{fill:#2B2340!important;stroke:#F6EFE4!important;stroke-width:4px!important;font-weight:600} #games214 .gr-bead{fill:#F6EFE4!important;stroke:#2B2340!important;stroke-width:1.2!important;filter:none!important} #games214 .gr-bead.on{fill:var(--c)!important} #games214 .gr-tgem{fill:#F6EFE4!important;stroke:#2B2340!important;filter:none!important} #games214 .gr-tgem.on{fill:#E9A23B!important} #games214 .gr-travname{fill:#2B2340!important;stroke:#F6EFE4;stroke-width:4px;paint-order:stroke} #games214 .gr-realmbg{color:#2B2340!important} #games214 .gr-illum,#games214 .gr-leaf{background:#F6EFE4!important;color:#2B2340!important;border:2px solid #2B2340!important;box-shadow:6px 7px 0 rgba(43,35,64,.18)!important} #games214 .gr-illum::before{border-color:rgba(200,102,75,.55)!important;box-shadow:none!important} #games214 .gr-leaf h3,#games214 .gr-leaf p,#games214 .gr-illum h3,#games214 .gr-illum p{color:#2B2340!important} #games214 .gr-leaf .g4-eye,#games214 .gr-illum .g4-eye{color:#C8664B!important} #games214 .gr-teachtop .g4-eye{color:#2B2340!important;background:rgba(246,239,228,.88);padding:2px 8px;border-radius:6px} #games214 .gr-dots i{background:#F6EFE4!important;border:1.5px solid #2B2340!important;box-shadow:none!important} #games214 .gr-dots i.on{background:#F07E6E!important} #games214 .gr-dots i.past{background:#A8C8A0!important} #games214 .gr-student span{color:#2B2340!important;background:#F6EFE4;border:1.5px solid #2B2340;box-shadow:none!important} #games214 .gr-pathhead,#games214 .gr-chhead,#games214 .gr-lessons,#games214 .gr-chapter{color:#2B2340} #games214 .gr-pathhead{background:#F6EFE4!important;border:2px solid #2B2340!important;border-radius:16px} /* the Śāstrārtha map */ #games214 .sa-mhead{background:rgba(246,239,228,.94);border:2px solid #2B2340;border-radius:16px;padding:14px 18px;box-shadow:var(--vshadow2)} #games214 .sa-mt h2,#games214 .sa-mt p{color:#2B2340!important} #games214 .sa-gemrow{background:#F6EFE4!important;border:1.5px solid #2B2340!important;box-shadow:none!important;border-radius:12px} #games214 .sa-seat{background:#F6EFE4!important;color:#2B2340!important} #games214 .sa-seat b,#games214 .sa-seat small{color:#2B2340!important} #games214 .sa-seat.locked{background:#EFE4D2!important;filter:none!important} #games214 .sa-seat.locked .sa-seatp{filter:saturate(.15) opacity(.55)} #games214 .sa-seat.locked::after{background:none!important} #games214 .sa-seat.cur{background:#F4D98B!important} #games214 .sa-seat.beaten{background:#DCEBD6!important} #games214 .sa-intro,#games214 .sa-intro *{color:#2B2340} #games214 .sa-intro{background:#F6EFE4!important;border:2px solid #2B2340!important;box-shadow:var(--vshadow2)!important} #games214 .sa-tag,#games214 .sa-intro .sa-topic{background:#EFE4D2!important;color:#2B2340!important;border:1.5px solid #2B2340} #games214 .sa-gem .sa-gemf{fill:var(--gc)!important;stroke:#2B2340!important;stroke-width:1.3!important;filter:none!important} #games214 .sa-gem .sa-gemc{fill:none!important;stroke:#2B2340!important;stroke-width:.8!important;opacity:.6} #games214 .sa-gem:not(.on) .sa-gemf{fill:#EFE4D2!important;opacity:.7} #games214 .sa-gem.on{filter:drop-shadow(1.5px 2px 0 rgba(43,35,64,.25))!important} /* ====================================================================================================== v2.23 Vāda: the puppets, duel moves (seals, tears, slams), the versus card, the coach of the first minute, the climax of a debate, the demonstration on the living wheel, and the phone layout. ====================================================================================================== */ #games214 svg.pp{overflow:visible;height:auto} #games214 .sa-foepc .gf.pp{width:214px} #games214 .pk-foepc .gf.pp{width:176px} #games214 .pp-m-speak .gf-talk{animation:gftalk .16s ease-in-out infinite alternate;transform-origin:60px 83px} #games214 .sa-foe{z-index:2} #games214 .sa-foepc{position:relative;display:grid;place-items:end center;min-height:150px} #games214 .sa-mepc{transform-origin:50% 90%} body.g4-streaming #games214 .sa-foepc .gf.pp{width:260px} @media (max-width:980px){#games214 .sa-foepc .gf.pp{width:168px}#games214 .pk-foepc .gf.pp{width:140px}} /* seals of ink stamped on a claim or the wheel */ #games214 .sa-seal{position:absolute;top:26px;right:14px;z-index:7;pointer-events:none;transform:rotate(var(--rot,-10deg));animation:sastamp .44s cubic-bezier(.2,.9,.3,1.2) both;mix-blend-mode:multiply} #games214 .sa-seal.big{top:50%;right:auto;left:50%;translate:-50% -50%} #games214 .sa-seal svg{display:block} @keyframes sastamp{0%{opacity:0;transform:rotate(calc(var(--rot,-10deg) - 28deg)) scale(2.7)}55%{opacity:1;transform:rotate(var(--rot,-10deg)) scale(.84)}78%{transform:rotate(var(--rot,-10deg)) scale(1.07)}100%{opacity:1;transform:rotate(var(--rot,-10deg)) scale(1)}} #games214 .sa-claim{overflow:visible} .sa-half{transition:none!important;animation:none!important;box-shadow:none!important} .sa-fly{filter:none!important} #games214 .gr-sa.sa-punch .sa-stage{animation:sapunch .36s cubic-bezier(.2,.8,.3,1)} @keyframes sapunch{0%{transform:scale(1)}22%{transform:scale(1.022) rotate(-.25deg)}100%{transform:scale(1)}} #games214 .sa-claim.broken .sa-ctext{text-decoration:line-through 3px #C8664B!important;text-decoration-skip-ink:none} /* the versus card */ #games214 .sa-vs{position:absolute;inset:0;z-index:45;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:auto;overflow:hidden;cursor:pointer} #games214 .sa-vs>div{display:flex;align-items:center;gap:14px;padding:22px 28px;border:2.5px solid var(--vink);box-shadow:8px 9px 0 rgba(43,35,64,.22)} #games214 .sa-vsl{background:var(--vbutter);justify-self:end;transform:skewX(-8deg);animation:savsl .5s cubic-bezier(.2,.9,.3,1.15) both;border-radius:14px 0 0 14px} #games214 .sa-vsr{background:var(--vperi);justify-self:start;transform:skewX(-8deg);animation:savsr .5s cubic-bezier(.2,.9,.3,1.15) .08s both;border-radius:0 14px 14px 0;flex-direction:row} #games214 .sa-vs>div>*{transform:skewX(8deg)} #games214 .sa-vs b{font:700 clamp(22px,3vw,40px)/1 var(--sa-serif,Georgia,serif);color:var(--vink)} #games214 .sa-vs small{display:block;font:600 13px/1.2 "Noto Sans",system-ui,sans-serif;color:var(--vink2);margin-top:4px} #games214 .sa-vsr b,#games214 .sa-vsl b{white-space:nowrap} #games214 .sa-stage{position:relative} #games214 .sa-vsx{border:0!important;box-shadow:none!important;padding:0 6px!important;font:italic 800 clamp(30px,4.4vw,64px)/1 var(--sa-serif,Georgia,serif);color:var(--vp);-webkit-text-stroke:2.4px var(--vink);paint-order:stroke fill;animation:savsx .5s cubic-bezier(.2,.9,.3,1.4) .22s both;z-index:2} #games214 .sa-vs.out .sa-vsl{animation:savslo .4s ease-in both} #games214 .sa-vs.out .sa-vsr{animation:savsro .4s ease-in both} #games214 .sa-vs.out .sa-vsx{animation:savsxo .3s ease-in both} @keyframes savsl{from{transform:translateX(-120%) skewX(-8deg)}} @keyframes savsr{from{transform:translateX(120%) skewX(-8deg)}} @keyframes savsx{from{transform:scale(3) rotate(-14deg);opacity:0}} @keyframes savslo{to{transform:translateX(-130%) skewX(-8deg)}} @keyframes savsro{to{transform:translateX(130%) skewX(-8deg)}} @keyframes savsxo{to{transform:scale(.3);opacity:0}} /* the coach of the first minute: a paper hand and a few words */ #games214 .sa-coach{position:absolute;z-index:44;pointer-events:none;display:flex;flex-direction:column-reverse;align-items:center;gap:2px;transform:translate(-50%,-100%);animation:sacoach .35s cubic-bezier(.2,.9,.3,1.3) both} #games214 .sa-coach.below{transform:translate(-50%,0);flex-direction:column} #games214 .sa-coach b{font:700 15px/1.2 "Noto Sans",system-ui,sans-serif;color:var(--vink);background:var(--vbutter);border:2px solid var(--vink);border-radius:12px;padding:7px 12px;box-shadow:var(--vshadow2);white-space:nowrap} #games214 .sa-chand{display:block;animation:sapoint .8s ease-in-out infinite;transform-origin:50% 50%;line-height:0} #games214 .sa-coach:not(.below) .sa-chand{rotate:180deg} @keyframes sapoint{0%,100%{translate:0 0}50%{translate:0 9px}} @keyframes sacoach{from{opacity:0;scale:.7}} #games214 .tut-glow{outline:3px dashed var(--vterra)!important;outline-offset:4px;animation:satut 1s ease-in-out infinite!important} @keyframes satut{0%,100%{outline-offset:4px}50%{outline-offset:8px}} #games214 .pk-wheelbox{position:relative} #games214 .pk-ghost{position:absolute;inset:0;pointer-events:none;z-index:6} #games214 .pk-ghost .sa-chand{position:absolute;left:0;top:0;animation:pkghost 2.6s cubic-bezier(.4,0,.3,1) infinite} #games214 .pk-ghost b{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);font:700 14px/1.2 "Noto Sans",system-ui,sans-serif;background:var(--vbutter);border:2px solid var(--vink);border-radius:12px;padding:6px 12px;white-space:nowrap;box-shadow:var(--vshadow2)} @keyframes pkghost{0%{transform:translate(calc(var(--x0) - 14px),calc(var(--y0) - 4px)) scale(1.1);opacity:0}10%{transform:translate(calc(var(--x0) - 14px),calc(var(--y0) - 4px)) scale(1);opacity:1}50%{transform:translate(calc(var(--x1) - 14px),calc(var(--y1) - 4px))}85%{transform:translate(calc(var(--x2) - 14px),calc(var(--y2) - 4px));opacity:1}100%{transform:translate(calc(var(--x2) - 14px),calc(var(--y2) - 4px));opacity:0}} /* the climax: the last claims and the match point */ #games214 .sa-shout.final b{background:var(--vlilac)!important;font-size:clamp(34px,5vw,72px)} #games214 .gr-sa.sa-final{box-shadow:inset 0 0 0 5px var(--vterra)} #games214 .gr-sa.sa-final .sa-claim{animation:satremble 2.6s ease-in-out infinite} #games214 .gr-sa.sa-final .sa-round b{color:var(--vterra)} @keyframes satremble{0%,100%{rotate:0deg}25%{rotate:-.35deg}75%{rotate:.35deg}} #games214 .gr-sa.sa-match .sa-cbar{animation:sabeat .85s ease-in-out infinite} #games214 .gr-sa.sa-match .sa-conv .g4-eye::after{content:" · match point";color:var(--vterra)} @keyframes sabeat{0%,100%{scale:1}12%{scale:1.03}24%{scale:1}36%{scale:1.02}} /* Pratyakṣa: the demonstration */ #games214 .pk-wheelbox svg{transition:transform .45s cubic-bezier(.2,.8,.2,1);transform-origin:var(--ox,50%) var(--oy,50%)} #games214 .pk-wheelbox.pk-zoom{z-index:4} #games214 .pk-wheelbox.pk-zoom svg{transform:scale(1.2)} #games214 .pk-tb.slam{animation:pkslam .5s cubic-bezier(.2,.9,.3,1.3);transform-box:fill-box;transform-origin:center} @keyframes pkslam{0%{transform:scale(1.7)}28%{transform:scale(1.25,.72)}55%{transform:scale(.92,1.1)}100%{transform:scale(1)}} #games214 .pk-badsweep{fill:none;stroke:#F07E6E;stroke-opacity:.82;stroke-dasharray:1;stroke-dashoffset:1;animation:pkink .7s cubic-bezier(.5,0,.3,1) var(--d,0ms) forwards;pointer-events:none} #games214 .pk-fline{stroke:#C8664B;stroke-width:3.2;stroke-linecap:round;opacity:0;animation:pkfade .18s var(--d,0ms) forwards} #games214 .pk-wseal>g,#games214 .pk-sseal>g{opacity:0;animation:pkseal .42s cubic-bezier(.2,.9,.3,1.3) var(--d,0ms) forwards;transform-box:fill-box;transform-origin:center} #games214 .pk-wseal circle,#games214 .pk-sseal circle{fill:#FBF8F2;stroke:#C8664B;stroke-width:2.6} #games214 .pk-wseal circle.in{fill:none;stroke-width:1.2;stroke-dasharray:2.5 2.5} #games214 .pk-wseal text,#games214 .pk-sseal text{font:800 9.5px/1 "Noto Sans",system-ui,sans-serif;fill:#C8664B} #games214 .pk-sseal text{font-size:8.4px} @keyframes pkseal{0%{opacity:0;transform:scale(2.5) rotate(-30deg)}60%{opacity:1;transform:scale(.86) rotate(-8deg)}100%{opacity:1;transform:scale(1) rotate(-8deg)}} @keyframes pkink{to{stroke-dashoffset:0}} @keyframes pkfade{to{opacity:1}} #games214 .pk-inklive{stroke-dasharray:1;stroke-dashoffset:1;animation:pkink 1s cubic-bezier(.4,0,.3,1) .2s forwards;stroke:#2B2340!important;stroke-width:2.2!important;opacity:1!important} #games214 .pk-badzone{opacity:0;animation:pkfade .35s var(--d,500ms) forwards} #games214 .pk-flip{opacity:0;animation:pkfade .2s var(--d,900ms) forwards} #games214 .pk-why.late{animation:pkwhy .45s ease-out .95s both} @keyframes pkwhy{from{opacity:0;transform:translateY(10px)}} /* the first move on the menu */ #games214 .gr-cta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px} #games214 .gr-cta .btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 20px;border-radius:16px;border:2.5px solid var(--vink);box-shadow:5px 6px 0 rgba(43,35,64,.22);text-align:left} #games214 .gr-cta .gr-start{background:var(--vcoral);color:var(--vink)} #games214 .gr-cta .gr-start2{background:var(--vp)} #games214 .gr-cta .btn b{font:700 18px/1.15 var(--sa-serif,Georgia,serif)} #games214 .gr-cta .btn small{font:600 12.5px/1.2 "Noto Sans",system-ui,sans-serif;opacity:.85} #games214 .gr-cta .gr-start:not(:hover){animation:sacta 2.4s ease-in-out infinite} @keyframes sacta{0%,100%{translate:0 0}50%{translate:0 -3px}} /* phone: the graha is the star of the stage, the hand and the verdicts stay in reach */ @media (max-width:760px){ #games214 .sa-stage{grid-template-columns:minmax(0,1fr) 148px;grid-template-areas:"me foe" "center center";gap:0 6px;align-items:end} #games214 .sa-foe{flex-direction:column;align-items:center;text-align:center;gap:0} #games214 .sa-foepc{min-height:0} #games214 .sa-foepc .gf.pp{width:148px} #games214 .sa-foe>small{display:none} #games214 .sa-bubble{top:auto;bottom:62%;right:100%;margin:0 -16px 0 0;max-width:min(200px,52vw);border-radius:14px 14px 4px 14px;z-index:5} #games214 .sa-me{align-self:end;padding-bottom:6px} #games214 .sa-card{width:82px;height:116px;padding-top:18px} #games214 .sa-card .sa-ct{display:none} #games214 .sa-card .sa-art{top:4px;height:40px} #games214 .sa-card::after{top:52px} #games214 .sa-card .sa-cn{margin-top:32px;font-size:13px} #games214 .sa-card .sa-ce{display:block;font-size:9px} #games214 .sa-hand{padding:16px 4px 4px;gap:0} #games214 .sa-act{padding:8px 4px;min-height:48px} #games214 .sa-act b{font-size:16px} #games214 .sa-seal{top:-22px;right:-6px} #games214 .sa-seal svg{width:84px;height:84px} #games214 .sa-seal.big svg{width:140px;height:140px} #games214 .sa-vs{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;justify-items:center} #games214 .sa-vs>div{padding:12px 16px} #games214 .sa-vsl,#games214 .sa-vsr{justify-self:center;border-radius:14px;align-self:end} #games214 .sa-vsr{align-self:start} #games214 .sa-vs .sa-vsl span svg,#games214 .sa-vs .sa-vsr span svg{width:72px;height:auto} #games214 .sa-coach b{font-size:13.5px;white-space:normal;max-width:220px;text-align:center} #games214 .pk-foepc .gf.pp{width:118px} #games214 .pk-ghost b{font-size:12.5px;white-space:normal;width:max-content;max-width:260px;text-align:center} } @media (prefers-reduced-motion:reduce){ #games214 .sa-seal,#games214 .sa-vs *,#games214 .sa-coach,#games214 .sa-chand,#games214 .tut-glow,#games214 .pk-ghost .sa-chand,#games214 .gr-sa.sa-final .sa-claim,#games214 .gr-sa.sa-match .sa-cbar,#games214 .pk-tb.slam,#games214 .gr-cta .gr-start,#games214 .pk-why.late{animation:none!important} #games214 .pk-badsweep,#games214 .pk-inklive{animation:none!important;stroke-dashoffset:0} #games214 .pk-fline,#games214 .pk-badzone,#games214 .pk-flip,#games214 .pk-wseal>g,#games214 .pk-sseal>g{animation:none!important;opacity:1} #games214 .pk-wheelbox svg{transition:none} #games214 .pk-ghost .sa-chand{transform:translate(var(--x1),var(--y1))} } /* v2.23 compact proof and verdict on wide screens, so the hand stays in view */ @media (min-width:761px){ #games214 .sa-claim:not(.has-chart) .sa-popts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))} #games214 .sa-popt{padding:8px 10px;font-size:14px} #games214 .sa-proof{margin:8px 0 2px;padding:10px 12px} #games214 .sa-ruling{margin-top:8px;padding:9px 12px} #games214 .sa-ruling p,#games214 .sa-ruling small{margin:2px 0 0} #games214 .sa-foe .sa-bubble{top:-14px;right:4px;margin-right:0;border-radius:16px 16px 16px 4px} } #games214 .gr .sa-coach{position:absolute!important;z-index:44!important} #games214 .gr .sa-vs{position:absolute!important;z-index:45!important} /* v2.28 a phone held sideways: every round fits the height under the slim bar. A question round stays one compact card; chart reading and the wheel put the chart or the wheel on the left at the screen's height, the rest beside it */ @media (max-height:500px) and (orientation:landscape){ #games214 .gr.gr-play{max-width:none;padding:8px 12px 10px;border-radius:12px} #games214 .gr.gr-play .gr-help{display:none} #games214 .gr.gr-play .gr-top{gap:8px} #games214 .gr.gr-play .gr-stage{min-height:0} #games214 .gr.gr-play .gr-card{padding:10px 14px} #games214 .gr.gr-play .gr-card h3{font-size:17px;margin:2px 0 8px} #games214 .gr.gr-play .gr-opts{gap:8px} #games214 .gr.gr-play .gr-opt{min-height:0;padding:8px 10px} #games214 .gr.gr-sight2{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:start} #games214 .gr.gr-sight2>.sg-top{grid-column:2;grid-row:1;gap:6px 10px} #games214 .gr.gr-sight2>.sg-top .sg-style{margin-left:0;width:auto} #games214 .gr.gr-sight2>.sg-prompt{grid-column:2;grid-row:2;text-align:left;margin:0} #games214 .gr.gr-sight2>.sg-prompt h3{font-size:18px;margin:0} #games214 .gr.gr-sight2>.sg-board{display:contents} #games214 .gr.gr-sight2 .sg-chart{grid-column:1;grid-row:1/span 3;width:calc(100dvh - 82px);max-width:50vw;margin:0} #games214 .gr.gr-sight2 .sg-side{grid-column:2;grid-row:3;min-width:0} #games214 .gr.gr-sight2 .sg-why{font-size:13px} #games214 .gr.gr-pk{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:start} #games214 .gr.gr-pk>.pk-top{grid-column:2;grid-row:1;padding-top:0;gap:6px 10px} #games214 .gr.gr-pk>.pk-stage{display:contents} #games214 .gr.gr-pk .pk-wheelbox{grid-column:1;grid-row:1/span 3;grid-area:auto;grid-column:1;grid-row:1/span 3;width:calc(100dvh - 82px);max-width:50vw} #games214 .gr.gr-pk .pk-wheel{max-width:none} #games214 .gr.gr-pk .pk-foe{grid-area:auto;grid-column:2;grid-row:2;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px} #games214 .gr.gr-pk .pk-foepc{width:64px;height:auto;flex:0 0 auto} #games214 .gr.gr-pk .pk-foepc svg{width:100%;height:auto} #games214 .gr.gr-pk .pk-bubble{font-size:13px} #games214 .gr.gr-pk .pk-side{grid-area:auto;grid-column:2;grid-row:3;gap:8px;min-width:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y} #games214 .gr.gr-pk{height:calc(100dvh - 62px - env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden} #games214 .gr.gr-pk>.pk-top{flex-wrap:nowrap;font-size:13px;gap:6px} #games214 .gr.gr-pk>.pk-top>*{white-space:nowrap;flex:0 0 auto} #games214 .gr.gr-pk>.pk-top>:is(.pk-count,.pk-score){padding:4px 8px} #games214 .gr.gr-pk>.pk-top .pk-hearts i{width:18px;height:18px} #games214 .gr.gr-pk>.pk-top .g4-chip{padding:5px 10px;font-size:12.5px} #games214 .gr.gr-pk .pk-clock{width:38px;height:38px;flex:0 0 auto} #games214 .gr.gr-pk .pk-clock svg{width:38px;height:38px} #games214 .gr.gr-pk .pk-foepc{display:none} #games214 .gr.gr-pk .pk-bubble{padding:8px 12px;margin:0;max-width:none;width:100%} #games214 .gr.gr-pk .pk-bubble::before,#games214 .gr.gr-pk .pk-bubble::after{display:none} #games214 .gr.gr-pk .pk-bubble b,#games214 .gr.gr-pk .pk-bubble p{font-size:14px;line-height:1.3;margin:2px 0} #games214 .gr.gr-pk .pk-acts{position:sticky;bottom:0;z-index:2;padding:6px 0 2px;background:linear-gradient(180deg,transparent,var(--vp2,#EFE4D2) 30%)} #games214 .gr.gr-pk .pk-acts button{min-height:40px;padding:6px 10px;font-size:14px} #games214 .gr.gr-pk .pk-nudge button{min-height:32px;padding:4px 6px} } /* v2.28 the sabhā sideways: the claim and the two speakers on the left, the hand and the verdicts on the right */ @media (max-height:500px) and (orientation:landscape){ #games214 .gr-play.gr-sa{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:6px 12px;max-width:none;min-height:0;height:calc(100dvh - 62px - env(safe-area-inset-bottom));box-sizing:border-box;padding:8px 10px;border-radius:12px;overflow:hidden} #games214 .gr-play.gr-sa>.sa-top{grid-column:1/-1;grid-row:1;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px} #games214 .gr-play.gr-sa>.sa-top .sa-conv{grid-column:auto;order:0} #games214 .gr-play.gr-sa>.sa-top .sa-tej{width:40px;height:40px} #games214 .gr-play.gr-sa>.sa-stage{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"center center" "me foe";gap:6px;align-items:end;align-content:start;min-height:0} #games214 .gr-play.gr-sa .sa-center{grid-area:center} #games214 .gr-play.gr-sa .sa-claim{padding:10px 12px 8px;font-size:14px} #games214 .gr-play.gr-sa .sa-me{grid-area:me;display:grid;grid-template-columns:52px auto;column-gap:8px;padding:0;text-align:left;align-items:center;justify-content:start} #games214 .gr-play.gr-sa .sa-me>.sa-mepc{grid-row:1/3;grid-column:1;width:52px;height:52px} #games214 .gr-play.gr-sa .sa-ring{top:0;left:0;width:52px;height:52px} #games214 .gr-play.gr-sa .sa-mepc>*{max-width:52px;max-height:52px} #games214 .gr-play.gr-sa .sa-me>b{font-size:15px} #games214 .gr-play.gr-sa .sa-foe{grid-area:foe;flex-direction:row-reverse;align-items:center;justify-content:flex-start;gap:8px;padding:0;text-align:right} #games214 .gr-play.gr-sa .sa-foepc{min-height:0} #games214 .gr-play.gr-sa .sa-foepc .gf.pp{width:64px;height:auto} #games214 .gr-play.gr-sa .sa-foe>small{display:none} #games214 .gr-play.gr-sa .sa-bubble{top:auto;bottom:100%;right:0;margin:0 0 4px;max-width:min(240px,40vw);border-radius:14px 14px 4px 14px;z-index:5} #games214 .gr-play.gr-sa>.sa-bottom{grid-column:2;grid-row:2;grid-template-columns:1fr auto;grid-template-areas:"hand hand" "prana piles" "acts acts";align-content:start;align-items:center;gap:6px;padding-top:0;min-height:0} #games214 .gr-play.gr-sa .sa-hand{justify-content:flex-start;overflow-x:auto;overflow-y:visible;min-height:0;padding:14px 4px 4px;gap:0;scroll-snap-type:x proximity;touch-action:pan-x;scrollbar-width:none} #games214 .gr-play.gr-sa .sa-hand .sa-card{margin:0 3px;rotate:none;translate:none;scroll-snap-align:start} #games214 .gr-play.gr-sa .sa-card{width:78px;height:110px;padding-top:18px;border-radius:12px} #games214 .gr-play.gr-sa .sa-card .sa-ct{display:none} #games214 .gr-play.gr-sa .sa-card .sa-art{top:4px;height:38px} #games214 .gr-play.gr-sa .sa-card::after{top:48px} #games214 .gr-play.gr-sa .sa-card .sa-cn{margin-top:28px;font-size:12px} #games214 .gr-play.gr-sa .sa-acts{flex-direction:row;min-width:0;gap:6px} #games214 .gr-play.gr-sa .sa-act{flex:1;min-height:40px;padding:6px 4px} #games214 .gr-play.gr-sa .sa-act b{font-size:15px} } @media (max-height:500px) and (orientation:landscape) and (max-width:760px){#games214 .gr-play.gr-sa .sa-foe>b{display:none}} /* ---- games219-yuddha.css ---- */ /* v2.22 Yuddha: Maṅgala's war on the zodiac. Paper panels, ink lines, cut-paper shadows on a plum night; no glass, no glow. */ .yd{position:relative;color:var(--g4-ink,#2B2340);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;--yd-paper:var(--g4-paper,#F6EFE4);--yd-paper2:var(--g4-paper-2,#EFE4D2);--yd-ink:var(--g4-ink,#2B2340);--yd-soft:var(--g4-ink-soft,#5A5070);--yd-night:var(--g4-night,#2E2448);--yd-plum:var(--g4-plum,#6B4A7A);--yd-coral:var(--g4-coral,#F07E6E);--yd-apricot:var(--g4-apricot,#F6B984);--yd-butter:var(--g4-butter,#F4D98B);--yd-up:#2F6E6E;--yd-down:#A63C33;--yd-cut:4px 5px 0 rgba(43,35,64,.28);--yd-cut-lg:6px 8px 0 rgba(43,35,64,.3)} .yd-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 120px);min-height:300px;border-radius:14px;overflow:hidden;background:var(--yd-night);box-shadow:var(--yd-cut-lg);outline:2px solid var(--yd-ink)} .yd-cv{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none} .yd-is-touch .yd-stage{aspect-ratio:auto;height:calc(100svh - 110px);max-height:none;border-radius:0;outline:0} .g4-streaming .yd-stage{aspect-ratio:auto;height:100%;max-height:none} .g4-streaming .g4-host:has(.yd){height:100%} .g4-streaming .yd{height:100%} .yd kbd{display:inline-block;padding:0 .4em;border-radius:4px;background:var(--yd-paper2);border:1.5px solid var(--yd-ink);color:var(--yd-ink);font:700 .78em system-ui;margin-left:.3em} /* overlays: a plum night with paper laid on it */ .yd-ov{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(46,36,72,.82) var(--g4-grain);overflow:auto;animation:ydin .25s ease} .yd-ov[hidden]{display:none} .yd-ov-card{background:linear-gradient(180deg,rgba(46,36,72,0),rgba(46,36,72,.55));align-items:flex-end;padding-bottom:6%} .yd-ov-camp{align-items:flex-start;background:var(--yd-night) var(--g4-grain)} @keyframes ydin{from{opacity:0}to{opacity:1}} .yd-panel,.yd-card,.yd-map,.yd-camp{width:min(860px,100%);border-radius:14px;background:var(--yd-paper) var(--g4-fibre);color:var(--yd-ink);border:2px solid var(--yd-ink);box-shadow:var(--yd-cut-lg);padding:clamp(14px,2.4vw,26px)} .yd-card{position:relative;width:min(720px,100%);border-left:10px solid var(--gc);animation:ydup .35s cubic-bezier(.2,.9,.3,1.2)} @keyframes ydup{from{transform:translateY(24px) rotate(-.6deg);opacity:0}to{transform:none;opacity:1}} .yd-card-eye{font:800 clamp(11px,1.1vw,13px) system-ui;letter-spacing:.16em;text-transform:uppercase;color:var(--yd-plum)} .yd h1,.yd h2{font-family:Georgia,"Times New Roman",serif;margin:.2em 0 .35em;color:var(--yd-ink);line-height:1.15} .yd h1{font-size:clamp(34px,4.4vw,60px);color:var(--yd-coral);-webkit-text-fill-color:currentColor;text-shadow:2px 3px 0 var(--yd-ink);letter-spacing:.02em} .yd h2{font-size:clamp(20px,2.4vw,32px)} .yd h3{font:700 16px Georgia,serif;color:var(--yd-ink);margin:18px 0 8px}.yd h3 small{font:500 12px system-ui;color:var(--yd-soft);margin-left:6px} .yd p{font-size:clamp(14px,1.35vw,18px);line-height:1.5;margin:.3em 0 .6em;color:var(--yd-ink)} .yd-sub{color:var(--yd-soft)} .yd-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0} .yd-chips span{font:600 clamp(11px,1vw,14px) system-ui;padding:4px 10px;border-radius:99px;background:var(--yd-paper2);border:1.5px solid var(--yd-ink);color:var(--yd-ink)} .yd-card-act,.yd-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;align-items:center} .yd-card-bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--gc);transform-origin:left;animation:ydbar 3.2s linear forwards;border-radius:0 0 0 8px} @keyframes ydbar{from{transform:scaleX(1)}to{transform:scaleX(0)}} .yd-btn{appearance:none;border:2px solid var(--yd-ink);cursor:pointer;font:800 clamp(14px,1.2vw,17px) system-ui;padding:10px 18px;border-radius:10px;color:var(--yd-ink);background:var(--yd-coral);box-shadow:var(--yd-cut);transition:transform .12s,box-shadow .12s} .yd-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 7px 0 rgba(43,35,64,.3)}.yd-btn:active{transform:translate(2px,3px);box-shadow:1px 1px 0 rgba(43,35,64,.3)} .yd-btn:focus-visible{outline:3px solid var(--yd-butter);outline-offset:3px} .yd-btn-alt{background:var(--yd-paper);color:var(--yd-ink)} .yd-go{font-size:clamp(16px,1.6vw,21px);padding:13px 26px;background:var(--yd-coral)} .yd-choice{flex:1 1 200px;text-align:left;cursor:pointer;border:2px solid var(--yd-ink);border-radius:12px;padding:12px 14px;background:var(--yd-paper2);color:var(--yd-ink);display:flex;flex-direction:column;gap:4px;font:inherit;box-shadow:var(--yd-cut)} .yd-choice b{font:700 15px system-ui}.yd-choice span{font:400 13px/1.4 system-ui;color:var(--yd-soft);display:block}.yd-choice em{font:800 14px system-ui;color:var(--yd-down);font-style:normal} .yd-choice:hover:not(:disabled){background:var(--yd-butter)}.yd-choice:disabled{opacity:.5;cursor:default;box-shadow:none} .yd-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px} .yd-opts{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0;font-size:14px}.yd-opts label{display:flex;gap:6px;align-items:center;cursor:pointer} .yd-opts input{accent-color:var(--yd-coral)} .yd-help{font-size:13px!important;color:var(--yd-soft)!important;margin-top:14px!important} .yd-stats{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0} .yd-stats span{display:flex;flex-direction:column;min-width:78px;padding:8px 12px;border-radius:10px;background:var(--yd-paper2);border:1.5px solid var(--yd-ink);font-size:12px;color:var(--yd-soft)} .yd-stats b{font:800 22px Georgia,serif;color:var(--yd-ink)} .yd-results.won{border-color:var(--yd-ink);box-shadow:var(--yd-cut-lg),inset 0 0 0 6px var(--yd-butter)} /* route choice: block-printed cards */ .yd-routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px} .yd-routecard{cursor:pointer;text-align:left;border:2px solid var(--yd-ink);border-radius:14px;padding:16px;color:var(--yd-ink);background:linear-gradient(var(--a),var(--a)) top/100% 10px no-repeat,var(--yd-paper);display:flex;flex-direction:column;gap:6px;font:inherit;box-shadow:var(--yd-cut);transition:transform .15s,box-shadow .15s} .yd-routecard:hover,.yd-routecard:focus-visible{transform:translate(-2px,-3px) rotate(-.4deg);box-shadow:var(--yd-cut-lg);outline:none} .yd-routecard b{font:700 24px Georgia,serif}.yd-routecard i{color:var(--yd-soft)}.yd-routecard em{font-style:normal;color:var(--yd-down);font-weight:800;font-size:13px} /* map */ .yd-ov-map{cursor:pointer}.yd-map{width:min(980px,100%)} .yd-mapcv{width:100%;height:auto;border-radius:10px;display:block;border:2px solid var(--yd-ink)} /* camp: Maṅgala's forge, a page of the manuscript */ .yd-camp{width:min(1000px,100%);margin:auto 0} .yd-camp-head{display:flex;gap:18px;align-items:center} .yd-portrait{flex:0 0 auto;width:120px;height:120px;border-radius:50%;background:var(--yd-apricot);border:2px solid var(--yd-ink);box-shadow:var(--yd-cut)} .yd-portrait svg{width:100%;height:100%} .yd-heat{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:14px}.yd-heat small{color:var(--yd-soft);flex-basis:100%} .yd-chip{cursor:pointer;border:1.5px solid var(--yd-ink);border-radius:99px;padding:6px 12px;font:800 13px system-ui;background:var(--yd-paper2);color:var(--yd-ink)} .yd-chip.on{background:var(--yd-coral)}.yd-chip:disabled{opacity:.4;cursor:default} .yd-forge{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px} .yd-forgeitem{cursor:pointer;text-align:left;border:1.5px solid var(--yd-ink);border-radius:10px;padding:10px 12px;background:var(--yd-paper2);color:var(--yd-ink);display:flex;flex-direction:column;gap:3px;font:inherit;box-shadow:3px 4px 0 rgba(43,35,64,.2)} .yd-forgeitem b{font:700 14px system-ui}.yd-forgeitem span{font-size:12px;color:var(--yd-soft)}.yd-forgeitem em{font:800 13px system-ui;color:var(--yd-down);font-style:normal} .yd-forgeitem.have{background:var(--g4-mint,#9ED6C4)}.yd-forgeitem.have em{color:var(--yd-up)}.yd-forgeitem:disabled:not(.have){opacity:.55;cursor:default;box-shadow:none} .yd-lore{margin-top:16px;border-radius:10px;background:var(--yd-paper2);border:1.5px solid var(--yd-ink);padding:10px 14px}.yd-lore summary{cursor:pointer;font-weight:700} /* touch: paper buttons on the night */ .yd-touch{display:none} .yd-is-touch .yd-touch{display:block;position:absolute;inset:0;z-index:3;pointer-events:none} .yd-stick{position:absolute;left:10px;bottom:10px;width:110px;height:110px;border-radius:50%;background:rgba(246,239,228,.18);border:2px solid rgba(246,239,228,.6);pointer-events:auto;touch-action:none} .yd-nub{position:absolute;left:30px;top:30px;width:50px;height:50px;border-radius:50%;background:var(--yd-coral);border:2px solid var(--yd-ink);box-shadow:3px 4px 0 rgba(43,35,64,.35)} .yd-tbtns{position:absolute;right:8px;bottom:8px;display:grid;grid-template-columns:repeat(4,46px);gap:6px;pointer-events:auto} .yd-tbtns button,.yd-tsys button{width:46px;height:46px;border-radius:50%;border:2px solid var(--yd-ink);font:800 16px system-ui;color:var(--yd-ink);background:rgba(246,239,228,.88);box-shadow:3px 4px 0 rgba(43,35,64,.35);touch-action:none;user-select:none;-webkit-user-select:none} .yd-tbtns button[data-k="jump"]{background:var(--yd-butter)}.yd-tbtns button[data-k="a1"]{background:var(--yd-coral)}.yd-tbtns button[data-k="a2"]{background:var(--yd-apricot)}.yd-tbtns button[data-k="sight"]{background:var(--g4-rose,#F2A7A0)} .yd-tsys{position:absolute;left:10px;bottom:128px;display:flex;gap:6px;pointer-events:auto} .yd:fullscreen{background:var(--yd-night)}.yd:fullscreen .yd-stage{height:100vh;max-height:none;aspect-ratio:auto;border-radius:0} .yd-tsys button{width:auto;height:34px;border-radius:17px;padding:0 12px;font-size:13px} @media (max-width:640px){.yd-camp-head{flex-direction:column;align-items:flex-start}.yd-portrait{width:84px;height:84px}} .yd-tbtns button[data-k="s1"],.yd-tbtns button[data-k="s2"],.yd-tbtns button[data-k="heal"],.yd-tbtns button[data-k="parry"]{width:40px;height:40px;justify-self:center;align-self:center;font-size:13px} @media (prefers-reduced-motion:reduce){.yd-ov,.yd-card,.yd-boon{animation:none}.yd-btn,.yd-routecard,.yd-boon{transition:none}} /* boons: cards printed on paper, each with its graha's colour band */ .yd-boons{width:min(1000px,100%)} .yd-boonrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:10px} .yd-boon{position:relative;cursor:pointer;text-align:left;border:2px solid var(--yd-ink);border-radius:14px;padding:18px 14px 12px;color:var(--yd-ink);font:inherit;display:flex;flex-direction:column;gap:6px;background:linear-gradient(var(--g),var(--g)) top/100% 12px no-repeat,var(--yd-paper);box-shadow:var(--yd-cut);transition:transform .15s,box-shadow .15s;animation:ydup .35s cubic-bezier(.2,.9,.3,1.2) both} .yd-boon:nth-child(2){animation-delay:.06s}.yd-boon:nth-child(3){animation-delay:.12s}.yd-boon:nth-child(4){animation-delay:.18s} .yd-boon:hover,.yd-boon:focus-visible{transform:translate(-2px,-4px) rotate(-.5deg);box-shadow:var(--yd-cut-lg);outline:none} .yd-boon:focus-visible{outline:3px solid var(--yd-butter);outline-offset:3px} .yd-boon small{font:800 12px system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--yd-plum)} .yd-boon b{font:700 clamp(17px,1.6vw,21px) Georgia,serif;color:var(--yd-ink)} .yd-bglyph{position:absolute;right:10px;top:16px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--g);border:1.5px solid var(--yd-ink);font:400 22px Georgia,serif;color:var(--yd-ink)} .yd-bd{font:400 14px/1.45 system-ui;color:var(--yd-ink)} .yd-bf{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px} .yd-bf i{font:600 11.5px system-ui;font-style:normal;padding:3px 7px;border-radius:99px;background:var(--yd-paper2);border:1px solid rgba(43,35,64,.35);color:var(--yd-ink)} .yd-bf i.up,.yd-rb i.up{background:#CFE8DD;color:var(--yd-up)}.yd-bf i.down,.yd-rb i.down{background:#F6D3CC;color:var(--yd-down)} .yd-boon em,.yd-build em{font:800 16px system-ui;font-style:normal;color:var(--yd-ink);align-self:flex-end} .yd-boon em.up,.yd-build em.up,.yd-gbook em.up{color:var(--yd-up)}.yd-boon em.down,.yd-build em.down,.yd-gbook em.down{color:var(--yd-down)} .yd-yoga{background:linear-gradient(var(--yd-butter),var(--yd-butter)) top/100% 12px no-repeat,var(--yd-paper) var(--g4-dots);color:var(--yd-ink)} .yd-build h3{margin-top:10px}.yd-build ul{list-style:none;margin:0;padding:0;display:grid;gap:6px} .yd-build li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 10px;border-radius:10px;background:var(--yd-paper2);border:1.5px solid var(--yd-ink);border-left:8px solid var(--g)} .yd-build li b{font:700 14px system-ui;color:var(--yd-ink)}.yd-build li span{grid-column:1;font-size:13px;color:var(--yd-soft)}.yd-build li em{grid-row:1/3;grid-column:2;align-self:center} .yd-rb{display:flex;flex-wrap:wrap;gap:4px}.yd-rb i{font:700 12px system-ui;font-style:normal;padding:2px 7px;border-radius:99px;background:var(--yd-paper2);border:1px solid rgba(43,35,64,.35)} .yd-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:18px 0 10px;border-bottom:2px solid var(--yd-ink);padding-bottom:8px} .yd-tabs button{cursor:pointer;border:1.5px solid var(--yd-ink);border-radius:99px;padding:7px 14px;font:800 14px system-ui;color:var(--yd-ink);background:var(--yd-paper2)} .yd-tabs button[aria-selected="true"]{background:var(--yd-coral);box-shadow:3px 4px 0 rgba(43,35,64,.25)} .yd-tabs button:focus-visible{outline:3px solid var(--yd-butter);outline-offset:2px}.yd-tabs small{color:var(--yd-soft);font-size:12px;margin-left:4px} .yd-gbook,.yd-avbook{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px} .yd-gbook section,.yd-avbook section{position:relative;border-radius:12px;padding:12px 14px;background:var(--yd-paper2);border:1.5px solid var(--yd-ink);border-top:8px solid var(--g)} .yd-gbook header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.yd-gbook header b{font:700 18px Georgia,serif;color:var(--yd-ink)} .yd-gbook .yd-bglyph{position:static;width:28px;height:28px;font-size:16px}.yd-gbook header em{font:700 12px system-ui;font-style:normal;flex-basis:100%} .yd-gbook small{display:block;font-size:12px;color:var(--yd-soft);margin:4px 0} .yd-gbook ul{margin:6px 0 0;padding-left:16px;font-size:13px;line-height:1.45;color:var(--yd-soft)}.yd-gbook li.seen{color:var(--yd-ink)}.yd-gbook li b{color:var(--yd-ink)} .yd-avbook section{opacity:.7}.yd-avbook section.seen{opacity:1} .yd-avbook b{font:700 18px Georgia,serif;color:var(--yd-ink)}.yd-avbook b i{font:500 13px system-ui;color:var(--yd-soft);margin-left:4px} .yd-avbook p{font-size:14px!important;margin:.4em 0!important}.yd-avbook small{font-size:13px;color:var(--yd-plum)} .yd-avbook em{position:absolute;right:12px;top:12px;font:700 11px system-ui;font-style:normal;color:var(--yd-soft)} .yd-tbtns button.on{transform:translate(2px,3px);box-shadow:none} /* phones held upright: the picture on top, the controls below it */ @media (orientation:portrait){ .yd-is-touch .yd-stage{display:flex;flex-direction:column} .yd-is-touch .yd-cv{position:relative;inset:auto;flex:0 0 auto;height:min(58%,calc(100vw * 1.05));width:100%} .yd-is-touch .yd-touch{position:relative;inset:auto;flex:1 1 auto;background:var(--yd-night) var(--g4-grain);border-top:2px solid var(--yd-ink)} .yd-is-touch .yd-stick{left:18px;bottom:auto;top:50%;transform:translateY(-50%);width:120px;height:120px} .yd-is-touch .yd-nub{left:35px;top:35px} .yd-is-touch .yd-tbtns{right:14px;bottom:auto;top:50%;transform:translateY(-50%);grid-template-columns:repeat(3,52px);gap:8px} .yd-is-touch .yd-tbtns button{width:52px;height:52px} .yd-is-touch .yd-tsys{left:50%;transform:translateX(-50%);bottom:auto;top:10px} } @media (orientation:landscape){.yd-is-touch .yd-tsys{left:auto;right:10px;bottom:120px}} /* ===== v2.26: the title, the saga's wheel, the illustrated scenes, the ink wipe, the stars ===== */ .yd-stage{container-type:size;container-name:ydstage} .yd-ov-title,.yd-ov-saga{background:transparent;align-items:stretch;justify-content:flex-start;padding:clamp(12px,3vw,40px)} .yd-ov-saga{background:rgba(30,24,52,.86) var(--g4-grain);align-items:flex-start} .yd-title{display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,1.8cqh,16px);width:min(440px,44%);min-height:100%} .yd-title-brand .yd-card-eye{color:var(--yd-butter);text-shadow:1px 1px 0 var(--yd-ink)} .yd-title-brand h1{font-size:clamp(44px,15cqh,130px);margin:.02em 0 .08em;color:var(--yd-coral);text-shadow:3px 4px 0 var(--yd-ink),-1px -1px 0 var(--yd-ink),1px -1px 0 var(--yd-ink),-1px 1px 0 var(--yd-ink);letter-spacing:.01em;line-height:.95} .yd-title-brand p{color:var(--yd-paper);font-size:clamp(14px,1.3vw,18px);max-width:34ch;text-shadow:1px 1px 0 var(--yd-ink)} .yd-title-menu{display:flex;flex-direction:column;gap:clamp(5px,1.3cqh,10px)} .yd-tbtn{appearance:none;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;padding:clamp(6px,1.6cqh,12px) 16px clamp(6px,1.6cqh,12px) 20px;border-radius:12px;border:2px solid var(--yd-ink);background:linear-gradient(var(--yd-apricot),var(--yd-apricot)) left/8px 100% no-repeat,var(--yd-paper) var(--g4-fibre);color:var(--yd-ink);box-shadow:var(--yd-cut);transition:transform .14s,box-shadow .14s;font:inherit} .yd-tbtn b{font:700 clamp(16px,3.3cqh,22px) Georgia,serif}.yd-tbtn small{font:500 clamp(12px,1vw,14px) system-ui;color:var(--yd-soft)} .yd-tbtn-main{background:linear-gradient(var(--yd-ink),var(--yd-ink)) left/8px 100% no-repeat,var(--yd-coral)}.yd-tbtn-main small{color:var(--yd-ink)} .yd-tbtn:hover,.yd-tbtn:focus-visible{transform:translate(-2px,-3px) rotate(-.4deg);box-shadow:var(--yd-cut-lg);outline:none} .yd-tbtn:focus-visible{outline:3px solid var(--yd-butter);outline-offset:3px} .yd-diff{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(246,239,228,.9);border:2px solid var(--yd-ink);box-shadow:var(--yd-cut)} .yd-diff>b{font:800 13px system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--yd-plum)} .yd-diff span{display:flex;gap:4px}.yd-diff small{flex-basis:100%;font-size:12.5px;color:var(--yd-soft);line-height:1.4} .yd-diff button{cursor:pointer;border:1.5px solid var(--yd-ink);border-radius:99px;padding:6px 12px;font:800 13px system-ui;background:var(--yd-paper2);color:var(--yd-ink)} .yd-diff button[aria-checked="true"]{background:var(--yd-butter);box-shadow:2px 3px 0 rgba(43,35,64,.3)} .yd-diff button:focus-visible{outline:3px solid var(--yd-coral);outline-offset:2px} .yd-back{padding:7px 14px;font-size:14px;align-self:flex-start;margin-bottom:6px} /* the saga's wheel */ .yd-saga{width:min(1120px,100%);margin:0 auto;display:flex;flex-direction:column;gap:10px} .yd-saga-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px} .yd-saga-h h2{color:var(--yd-paper);text-shadow:2px 2px 0 var(--yd-ink);margin:0}.yd-saga-h .yd-card-eye{color:var(--yd-butter)} .yd-saga-h .yd-back{margin:0} .yd-saga-tot{margin-left:auto;font:800 13px system-ui;color:var(--yd-ink);background:var(--yd-butter);border:1.5px solid var(--yd-ink);border-radius:99px;padding:5px 12px;box-shadow:2px 3px 0 rgba(43,35,64,.3)} .yd-saga-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(12px,2vw,26px);align-items:center} .yd-saga-wheel{position:relative;width:100%;max-width:min(560px,78cqh);aspect-ratio:1;margin:0 auto} .yd-saga-wheel svg{position:absolute;inset:0;width:100%;height:100%} .yd-snode{position:absolute;transform:translate(-50%,-50%);width:clamp(40px,11%,62px);aspect-ratio:1;border:0;padding:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;font:inherit;color:var(--yd-ink)} .yd-sn-disc{width:100%;aspect-ratio:1;border-radius:50%;background:var(--g);border:2px solid var(--yd-ink);box-shadow:3px 4px 0 rgba(43,35,64,.4);display:grid;place-items:center;font:400 clamp(17px,2.2vw,26px) Georgia,serif;transition:transform .15s} .yd-sn-n{position:absolute;top:-6px;left:-6px;width:20px;height:20px;border-radius:50%;background:var(--yd-paper);border:1.5px solid var(--yd-ink);font:800 11px/17px system-ui;text-align:center} .yd-sn-st{position:absolute;top:100%;margin-top:2px;display:flex;gap:1px;font-size:11px;line-height:1;white-space:nowrap} .yd-sn-st i{font-style:normal;color:rgba(246,239,228,.3)}.yd-sn-st i.on{color:var(--yd-butter)}.yd-sn-st .yd-star{stroke-width:2} .yd-snode.lock .yd-sn-disc{background:#5A5070;color:var(--yd-paper);filter:saturate(.3);box-shadow:none}.yd-snode.lock{cursor:default} .yd-snode.sel .yd-sn-disc{transform:scale(1.18);outline:3px solid var(--yd-butter);outline-offset:3px} .yd-snode:hover:not(.lock) .yd-sn-disc,.yd-snode:focus-visible .yd-sn-disc{transform:scale(1.12) rotate(-4deg)}.yd-snode:focus-visible{outline:none} .yd-saga-card{border-radius:14px;background:linear-gradient(var(--g),var(--g)) top/100% 12px no-repeat,var(--yd-paper) var(--g4-fibre);border:2px solid var(--yd-ink);box-shadow:var(--yd-cut-lg);padding:20px clamp(14px,2vw,24px) 14px;color:var(--yd-ink)} .yd-saga-card h3{font:700 clamp(20px,4.6cqh,32px) Georgia,serif;margin:.15em 0 .2em} .yd-saga-card p{margin:.2em 0 .4em}.yd-saga-card .yd-row{margin-top:8px}.yd-saga-card{padding-top:16px} .yd-saga-lesson{font-size:clamp(14px,1.3vw,17px)!important} .yd-goals{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px} .yd-goals li{display:flex;align-items:center;gap:8px;padding:clamp(4px,1cqh,7px) 10px;border-radius:10px;background:var(--yd-paper2);border:1.5px solid rgba(43,35,64,.4);font:600 14px system-ui} .yd-star{width:1em;height:1em;display:block;fill:currentColor;stroke:var(--yd-ink);stroke-width:1.6;stroke-linejoin:round;overflow:visible} .yd-goals li i{font-style:normal;font-size:18px;color:#D9D0DE;flex:0 0 auto}.yd-goals li.ok i,.yd-goals li.was i{color:var(--yd-saffron,#E9A23B);text-shadow:1px 1px 0 var(--yd-ink)} .yd-goals li.ok{border-color:var(--yd-ink);background:#FBF0CC}.yd-goals li small{margin-left:auto;color:var(--yd-soft);font-weight:500} .yd-saga-ms{display:flex;flex-wrap:wrap;gap:6px;font-size:12px!important;margin-top:10px!important} .yd-saga-ms span{padding:3px 8px;border-radius:99px;border:1px dashed rgba(43,35,64,.45)}.yd-saga-ms span.ok{background:var(--yd-butter);border-style:solid;color:var(--yd-ink)} /* the illustrated scenes */ .yd-ov-scene{padding:0;background:var(--yd-night);align-items:stretch;overflow:hidden} .yd-scene{position:relative;width:100%;height:100%;min-height:100%} .yd-scene-art{position:absolute;inset:0;overflow:hidden;animation:ydken 9s ease-out both} .yd-scene-art svg{width:100%;height:100%;display:block} .yd-scene-art::after{content:"";position:absolute;inset:0;background:var(--g4-grain);mix-blend-mode:multiply;opacity:.55;pointer-events:none} @keyframes ydken{from{transform:scale(1.07);opacity:0}12%{opacity:1}to{transform:scale(1);opacity:1}} .yd-scene-cap{position:absolute;left:0;right:0;margin:0 auto;bottom:clamp(10px,4%,34px);width:min(940px,calc(100% - 24px));box-sizing:border-box;background:var(--yd-paper) var(--g4-fibre);border:2px solid var(--yd-ink);border-radius:14px;box-shadow:var(--yd-cut-lg);padding:clamp(12px,1.8vw,22px) clamp(14px,2.2vw,28px);animation:ydup .45s .15s cubic-bezier(.2,.9,.3,1.1) both} .yd-scene-cap p{font:400 clamp(16px,1.6vw,22px)/1.5 Georgia,serif;margin:.2em 0 .5em} .yd-scene-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .yd-scene-nav .yd-btn-alt{margin-left:auto} .yd-scene-dots{display:flex;gap:5px}.yd-scene-dots i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--yd-ink);background:var(--yd-paper2)}.yd-scene-dots i.done{background:var(--yd-apricot)}.yd-scene-dots i.on{background:var(--yd-coral);transform:scale(1.25)} .yd-scene .yd-drift{animation:yddrift 16s ease-in-out infinite alternate}.yd-scene .yd-drift2{animation:yddrift 22s ease-in-out infinite alternate-reverse} .yd-scene .yd-flame{transform-box:fill-box;transform-origin:50% 100%;animation:ydflick .9s ease-in-out infinite alternate} .yd-scene .yd-scarf,.yd-scene .yd-flag{transform-box:fill-box;transform-origin:100% 50%;animation:ydsway 2.6s ease-in-out infinite alternate} .yd-scene .yd-flag{transform-origin:0 50%} .yd-scene .yd-tw{animation:ydtw 2.4s ease-in-out infinite alternate;animation-delay:var(--d,0s)} @keyframes yddrift{from{transform:translateX(-28px)}to{transform:translateX(28px)}} @keyframes ydflick{from{transform:scale(1,1)}to{transform:scale(1.04,1.1)}} @keyframes ydsway{from{transform:skewY(-3deg)}to{transform:skewY(4deg)}} @keyframes ydtw{from{opacity:.25}to{opacity:.9}} /* the ink wipe between screens */ .yd-wipe{position:absolute;inset:-2% -6%;z-index:9;pointer-events:none;transform:translateX(-112%);background:radial-gradient(circle at 50% 50%,transparent 0 46px,var(--yd-ink) 47px 51px,transparent 52px 64px,var(--yd-coral) 65px 70px,transparent 71px),var(--yd-paper) var(--g4-fibre);clip-path:polygon(0 0,94% 0,97% 6%,95% 13%,98% 21%,95% 30%,98% 39%,96% 47%,99% 56%,96% 64%,98% 72%,95% 81%,98% 90%,96% 100%,0 100%)} .yd-wipe.in{transform:translateX(0);transition:transform .3s cubic-bezier(.6,0,.9,.6)} .yd-wipe.out{transform:translateX(112%);transition:transform .4s cubic-bezier(.2,.5,.3,1)} /* the results of a chapter */ .yd-sres{border-top:12px solid var(--g)} .yd-stars{display:flex;gap:10px;margin:6px 0 10px} .yd-stars i{font-style:normal;font-size:clamp(40px,9cqh,60px);line-height:1;color:#D9D0DE}.yd-stars .yd-star{stroke-width:1.3;filter:drop-shadow(2px 3px 0 rgba(43,35,64,.3))} .yd-stars i.on{color:var(--yd-butter);animation:ydstar .5s var(--d,0s) cubic-bezier(.2,1.6,.4,1) both} .yd-stars i.new{color:var(--g4-saffron,#E9A23B)} @keyframes ydstar{from{transform:scale(.2) rotate(-40deg);opacity:0}to{transform:none;opacity:1}} .yd-tbtns button[data-k="astra"]{background:var(--yd-butter);font-size:18px} @media (max-width:760px),(orientation:portrait){ .yd-title{width:100%;justify-content:flex-end;gap:8px} .yd-title-brand h1{font-size:clamp(46px,14vw,72px)} .yd-title-brand p{display:none} .yd-tbtn{padding:8px 12px 8px 18px}.yd-tbtn small{font-size:12px} .yd-saga-body{grid-template-columns:1fr} .yd-saga-wheel{max-width:min(420px,92vw)} .yd-saga-tot{margin-left:0} .yd-scene-cap p{font-size:16px} } @media (prefers-reduced-motion:reduce){.yd-scene-art,.yd-scene-cap,.yd-stars i.on{animation:none}.yd-scene .yd-drift,.yd-scene .yd-drift2,.yd-scene .yd-flame,.yd-scene .yd-scarf,.yd-scene .yd-flag,.yd-scene .yd-tw{animation:none}.yd-wipe{display:none}.yd-tbtn,.yd-snode .yd-sn-disc{transition:none}} /* v2.26: while a page of the menus is up, the touch pad steps aside and the painted title fills the stage */ .yd-stage:has(> .yd-ov:not([hidden])) .yd-touch{visibility:hidden} .yd-is-touch .yd-stage:has(> .yd-ov-title,> .yd-ov-saga,> .yd-ov-scene,> .yd-ov-camp) .yd-cv{position:absolute;inset:0;height:100%;width:100%} @media (orientation:portrait){.yd-is-touch .yd-saga-wheel{max-width:min(300px,78vw)}} @media (orientation:portrait){.yd-scene-art{inset:auto 0;top:5%;aspect-ratio:16/9;height:auto;border-top:2px solid var(--yd-ink);border-bottom:2px solid var(--yd-ink)}.yd-ov-scene{background:var(--yd-night) var(--g4-grain)}} /* v2.28 a phone held sideways: the stage fills the screen under the slim bar; the stick hugs the left edge, the buttons stand in a narrow column at the right edge, the system buttons sit small at the bottom middle */ @media (max-height:500px) and (orientation:landscape){ .yd-is-touch .yd-stage{height:calc(100dvh - 60px - env(safe-area-inset-bottom));min-height:240px;border-radius:10px} .yd-is-touch .yd-stick{left:max(8px,env(safe-area-inset-left));bottom:10px;width:100px;height:100px} .yd-is-touch .yd-nub{left:25px;top:25px;width:46px;height:46px} .yd-is-touch .yd-tbtns{right:max(6px,env(safe-area-inset-right));bottom:6px;top:auto;transform:none;grid-template-columns:repeat(3,42px);gap:5px} .yd-is-touch .yd-tbtns button{width:42px;height:42px;font-size:15px;box-shadow:2px 3px 0 rgba(43,35,64,.35)} .yd-is-touch .yd-tbtns button:is([data-k="s1"],[data-k="s2"],[data-k="heal"],[data-k="parry"]){width:36px;height:36px;font-size:12px} .yd-is-touch .yd-tsys{left:50%;right:auto;top:auto;bottom:6px;transform:translateX(-50%);gap:5px} .yd-is-touch .yd-tsys button{height:28px;font-size:12px;padding:0 10px;box-shadow:2px 2px 0 rgba(43,35,64,.3)} .yd-ov{padding:8px max(10px,env(safe-area-inset-left))} .yd-ov-title,.yd-ov-saga{padding:10px 14px} .yd-title{width:min(440px,62%);justify-content:flex-start;gap:6px} .yd-title-brand h1{font-size:clamp(30px,11dvh,44px);margin:0} .yd-title-brand .yd-card-eye{display:none} .yd-title-brand p{display:none} .yd-title-menu{gap:5px} .yd-tbtn{padding:5px 12px 5px 18px;gap:0} .yd-tbtn b{font-size:16px}.yd-tbtn small{font-size:11.5px} .yd-diff{padding:6px 10px;gap:6px} .yd-diff small{display:none} .yd-diff button{padding:4px 10px;font-size:12px} .yd-saga{gap:6px} .yd-saga-h{flex-wrap:nowrap;gap:10px} .yd-saga-h h2{font-size:17px;white-space:nowrap} .yd-saga-h .yd-card-eye{display:none} .yd-saga-tot{font-size:11px;padding:3px 9px;white-space:nowrap} .yd-saga-body{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px} .yd-saga-wheel{width:calc(100dvh - 150px);max-width:44vw;margin:0} .yd-sn-n{width:16px;height:16px;font-size:9.5px;line-height:13px;top:-4px;left:-4px} .yd-saga-card{padding:12px 12px 10px} .yd-saga-card h3{font-size:17px} .yd-saga-card p{font-size:13px;margin:.1em 0 .25em} .yd-saga-lesson{font-size:13px!important} .yd-goals{margin:6px 0;gap:4px} .yd-goals li{padding:3px 8px;font-size:12px} .yd-goals li i{font-size:14px} .yd-saga-ms{margin-top:6px!important} } /* ---- games220-fx.css ---- */ /* v2.20: the rendering layer over the games (games220-fx.js), repainted in v2.22: paper, ink and riso, no glow */ .g4fx-gl,.g4fx-flash{position:absolute;left:0;top:0;pointer-events:none;display:block} .g4fx-flash{opacity:0;mix-blend-mode:multiply} /* the visual mode control, for pause menus and settings: a strip of paper with ink type */ .g4fx-ctl{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;margin:10px auto 0;padding:4px;border-radius:999px;background:#F6EFE4;border:1.5px solid #2B2340;box-shadow:3px 4px 0 rgba(43,35,64,.16);color:#2B2340;font:600 12px/1 system-ui,sans-serif} .g4fx-lab{padding:0 8px 0 10px;color:#5A5070;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px} .g4fx-ctl button{appearance:none;border:0;background:transparent;color:#2B2340;font:inherit;padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s} .g4fx-ctl button:hover{background:#EFE4D2} .g4fx-ctl button[aria-pressed="true"]{background:#2B2340;color:#F6EFE4} .g4fx-ctl .g4fx-hap{margin-left:4px;border-left:1.5px solid rgba(43,35,64,.25);border-radius:0 999px 999px 0} .g4fx-ctl .g4fx-hap[aria-pressed="true"]{background:#F4D98B;color:#2B2340} .g4fx-ctl button:focus-visible{outline:2px solid #E9A23B;outline-offset:1px} .g4fx-chip{white-space:nowrap} /* a quick jolt for DOM cards (Vāda): the two inks slip out of register and settle */ @keyframes g4fxJolt{0%{filter:drop-shadow(3px 1px 0 rgba(240,126,110,.7)) drop-shadow(-3px -1px 0 rgba(62,138,138,.6));transform:scale(1.012) rotate(-.4deg)}60%{transform:rotate(.2deg)}100%{filter:none;transform:none}} .g4fx-jolt{animation:g4fxJolt .3s cubic-bezier(.2,.7,.3,1)} @media (prefers-reduced-motion:reduce){.g4fx-jolt{animation:none}} @media (max-width:560px){.g4fx-ctl{font-size:11px}.g4fx-ctl button{padding:7px 9px}.g4-bar .g4fx-chip{font-size:11px}} /* ---- games220-console.css ---- */ /* Study Space v2.20: the console shell of the Games page (games220-console.js) v2.22: repainted. Paper grounds and deep-ink type for menus, cut-paper cards with hard offset shadows, risograph offsets on the wordmarks; the night games (Nakṣatramālā, Yuddha) sit on plum and indigo with pastel light. */ html:has(body.g20-console){scrollbar-gutter:auto;overflow:hidden} body.g20-console{overflow:hidden} #games214 .g20 :is(h2,h3,p,em,b,small,strong,kbd,label,output,span,time){color:inherit} #games214 .g20 :is(section,header,footer,.g20-info-in){color:var(--gi)} #games214 .g20 .g20-ov :is(section,header,footer){color:#2B2340} body.g20-console #games214{position:fixed;inset:0;z-index:8990;margin:0;padding:0;max-width:none;background:#F6EFE4;overflow:hidden} body.g20-console #games214:has(.g20[data-tone=night]){background:#2E2448} body.g20-console #games214 .g4-wrap.g20-hub{max-width:none;height:100%;margin:0} #games214 .g20-hub>.g4-hero,#games214 .g20-hub>.g4-cards,#games214 .g20-hub>.g4-note,#games214 .g20-hub>.g5-meta.g20-meta-hidden{display:none} body:not(.g20-console) #games214 .g20{display:none} #games214 .g20{ --spring:cubic-bezier(.34,1.45,.64,1); --gi:#2B2340;--gs:#5A5070;--gf:rgba(43,35,64,.66);--sheet:#F6EFE4;--sheet2:#EFE4D2;--edge:#2B2340;--rule:rgba(43,35,64,.16); --cut:3px 4px 0 rgba(43,35,64,.18);--cut-lg:5px 7px 0 rgba(43,35,64,.18);--wash:246,239,228; --ring:0 0 0 2.5px #F6EFE4,0 0 0 5px #2B2340,6px 8px 0 4px var(--gc); --gc:#E9A23B;--grgb:233,162,59; position:absolute;inset:0;color:var(--gi);font-family:"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif; display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);overflow:hidden;isolation:isolate; -webkit-font-smoothing:antialiased;letter-spacing:.005em } #games214 .g20[data-tone=night]{--gi:#F6EFE4;--gs:rgba(246,239,228,.86);--gf:rgba(246,239,228,.7);--rule:rgba(246,239,228,.2);--wash:46,36,72;--ring:0 0 0 2.5px #2E2448,0 0 0 5px #F6EFE4,6px 8px 0 4px var(--gc)} @supports (transition-timing-function:linear(0,1)){#games214 .g20{--spring:linear(0,.157,.438 8.4%,.725 13.4%,.92 18.2%,1.034 23%,1.077 26.6%,1.088 30.2%,1.077 34.2%,1.025 42.6%,.997 52%,.991 58%,1.001 76%,1)}} #games214 .g20 button{font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent} #games214 .g20.ring button:focus,#games214 .g20.ring input:focus,#games214 .g20.ring select:focus{outline:none;box-shadow:var(--ring)} #games214 .g20 :focus:not(:focus-visible){outline:none} /* the scene, under a sheet of paper grain */ #games214 .g20-bg{position:absolute;inset:0;z-index:-1;background:#F6EFE4;overflow:hidden} #games214 .g20[data-tone=night] .g20-bg{background:#2E2448} #games214 .g20-bg canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .9s ease;transform:scale(1.03);transform-origin:68% 55%} #games214 .g20-bg canvas.on{opacity:1;transform:scale(1);transition:opacity .9s ease,transform 1.6s cubic-bezier(.2,.7,.2,1)} #games214 .g20-bg canvas.instant{transition:none} #games214 .g20-scrim{position:absolute;inset:0;pointer-events:none;transition:background .6s ease;background: linear-gradient(90deg,rgba(var(--wash),.95) 0%,rgba(var(--wash),.86) 28%,rgba(var(--wash),.4) 46%,rgba(var(--wash),0) 60%), linear-gradient(180deg,rgba(var(--wash),.85) 0%,rgba(var(--wash),0) 15%,rgba(var(--wash),0) 60%,rgba(var(--wash),.88) 82%,rgba(var(--wash),.97) 100%)} #games214 .g20-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--g4-grain),var(--g4-fibre);mix-blend-mode:multiply;opacity:.55} #games214 .g20[data-tone=night] .g20-bg::after{mix-blend-mode:soft-light;opacity:.7} /* the top bar */ #games214 .g20-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 56px 6px} #games214 .g20-exit{display:inline-flex;align-items:center;gap:6px;background:none;border:1.5px solid transparent;padding:7px 14px 7px 8px;border-radius:999px;font-size:15px;font-weight:600;color:var(--gi);cursor:pointer;transition:background .2s,border-color .2s} #games214 .g20-exit svg{width:20px;height:20px} #games214 .g20-exit:hover{border-color:var(--gi)} #games214 .g20-top-r{display:flex;align-items:center;gap:10px} #games214 .g20-ib{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1.5px solid transparent;background:transparent;cursor:pointer;color:var(--gi);transition:border-color .2s,transform .3s var(--spring)} #games214 .g20-ib svg{width:23px;height:23px} #games214 .g20-ib:hover{border-color:var(--gi)} #games214 .g20-tl{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px 0 10px;border-radius:999px;border:1.5px solid transparent;background:transparent;cursor:pointer;transition:border-color .2s} #games214 .g20-tl:hover{border-color:var(--gi)} #games214 .g20-tl-cup{display:grid;line-height:0} #games214 .g20-tl-n{display:flex;align-items:baseline;gap:5px} #games214 .g20-tl-n small{font-size:12px;color:var(--gf)} #games214 .g20-tl-n b{font-size:17px;font-weight:700} #games214 .g20-tl-bar{width:54px;height:8px;border-radius:9px;border:1.5px solid var(--gi);background:transparent;overflow:hidden} #games214 .g20-tl-bar i{display:block;height:100%;background:var(--gc)} #games214 .g20-av{width:42px;height:42px;border-radius:50%;border:2px solid var(--gi);padding:0;overflow:hidden;cursor:pointer;background:#F4D98B;display:grid;place-items:center;box-shadow:var(--cut);transition:transform .3s var(--spring)} #games214 .g20-av svg{width:40px;height:auto;margin-top:6px} #games214 .g20-av:hover{transform:rotate(-4deg)} #games214 .g20-clock{font-size:19px;font-weight:500;color:var(--gi);min-width:56px;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.02em} /* the game tiles: paper cut-outs */ #games214 .g20-tiles{display:flex;align-items:center;gap:16px;padding:14px 56px 12px;min-height:160px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth} #games214 .g20-tiles::-webkit-scrollbar{display:none} #games214 .g20-tw{display:flex;align-items:center;gap:0;flex:0 0 auto} #games214 .g20-tile{--ts:86px;position:relative;width:var(--ts);height:var(--ts);flex:0 0 auto;padding:0;border:2px solid #2B2340;border-radius:16px;overflow:hidden;cursor:pointer;background:#EFE4D2;box-shadow:var(--cut);transition:width .55s var(--spring),height .55s var(--spring),box-shadow .3s ease,transform .45s var(--spring),filter .3s ease;filter:saturate(.75)} #games214 .g20-tile canvas{position:absolute;inset:0;width:100%;height:100%;display:block} #games214 .g20-tile-emb{position:absolute;left:7px;bottom:7px;width:26px;height:26px;transition:transform .45s var(--spring)} #games214 .g20-tile-emb svg{width:100%;height:100%} #games214 .g20-tile:hover{filter:none;transform:rotate(-1.5deg)} #games214 .g20-tw.on .g20-tile{--ts:134px;filter:none;transform:rotate(-2deg);box-shadow:0 0 0 2.5px #F6EFE4,7px 9px 0 0 var(--gc)} #games214 .g20.ring .g20-tw.on .g20-tile:focus{box-shadow:0 0 0 2.5px #F6EFE4,0 0 0 5px var(--gi),8px 10px 0 4px var(--gc)} #games214 .g20-tw.on .g20-tile-emb{transform:scale(1.25) translate(4px,-4px)} #games214 .g20-tile-name{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:20px;font-weight:600;padding-left:0;transition:max-width .5s var(--spring),opacity .3s ease,padding .4s ease} #games214 .g20-tw.on .g20-tile-name{max-width:280px;opacity:1;padding:0 12px 0 22px} /* the focused game */ #games214 .g20-info{align-self:end;padding:0 56px 8px;max-width:min(900px,64vw);min-height:0} #games214 .g20-info-in{animation:g20up .6s cubic-bezier(.2,.8,.2,1) both} @keyframes g20up{from{opacity:0;transform:translateY(14px) rotate(-.4deg)}to{opacity:1;transform:none}} #games214 .g20-logo{display:flex;align-items:center;gap:16px;margin:0 0 10px;line-height:1;font-weight:700} #games214 .g20-emb{width:clamp(40px,4vw,62px);height:clamp(40px,4vw,62px);flex:0 0 auto} #games214 .g20-emb svg{width:100%;height:100%} /* the wordmark: one deep ink, printed over a slipped second colour */ #games214 .g20-wm{font-family:"Noto Serif Display","Noto Serif",Georgia,serif;font-size:clamp(50px,6.2vw,98px);color:var(--gi);text-shadow:.045em .04em 0 var(--gc);padding:.06em 0 .12em;white-space:nowrap} #games214 .g20-logo-run .g20-wm{text-transform:uppercase;letter-spacing:.12em;font-weight:700} #games214 .g20-logo-cascade .g20-wm{font-style:italic;font-weight:500;letter-spacing:.005em;font-size:clamp(44px,5.3vw,86px)} #games214 .g20-logo-rush .g20-wm{text-transform:uppercase;letter-spacing:.2em;font-weight:600} #games214 .g20-logo-yuddha .g20-wm{font-family:"Noto Sans",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.24em;font-weight:700} #games214 .g20-kind{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gs);font-weight:700} #games214 .g20 .g20-dbl{letter-spacing:.06em;text-transform:none;font-size:13px;padding:4px 11px;border-radius:999px;background:var(--gc);color:#2B2340;border:1.5px solid #2B2340} #games214 .g20-tag{margin:0 0 6px;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:var(--gi);max-width:600px} #games214 .g20-stat{margin:0 0 4px;font-size:14px;color:var(--gs)} #games214 .g20-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px} #games214 .g20-play{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:200px;height:58px;padding:0 30px;border-radius:999px;border:2px solid #2B2340;background:#2B2340;color:#F6EFE4 !important;font-size:19px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:5px 6px 0 var(--gc);transition:transform .35s var(--spring),box-shadow .3s ease} #games214 .g20[data-tone=night] .g20-play{background:#F6EFE4;color:#2B2340 !important} #games214 .g20-play:hover{transform:translate(-1px,-2px) rotate(-1deg);box-shadow:7px 9px 0 var(--gc)} #games214 .g20.ring .g20-play:focus{transform:scale(1.04) rotate(-1deg);box-shadow:var(--ring)} #games214 .g20-play-gl:empty{display:none} #games214 .g20-play-gl .g20-gbg{fill:#F6EFE4;stroke:#F6EFE4} #games214 .g20 .g20-play-gl kbd{background:#F6EFE4;color:#2B2340;border-color:#F6EFE4} #games214 .g20 .g20-sec,#games214 .g20 .g20-sec:is(:hover,:focus){color:#2B2340} #games214 .g20-sec{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 18px 0 14px;border-radius:999px;border:1.5px solid #2B2340;background:#F6EFE4;color:#2B2340;font-size:15px;font-weight:600;cursor:pointer;box-shadow:var(--cut);transition:transform .35s var(--spring),background .2s} #games214 .g20-sec svg{width:21px;height:21px} #games214 .g20-sec:hover{background:#F4D98B;transform:rotate(-1deg)} #games214 .g20.ring .g20-sec:focus{transform:scale(1.05);background:#F4D98B} /* activity cards: paper cards with a printed strip */ #games214 .g20-acts{padding:18px 0 4px} #games214 .g20-acts-h{display:flex;align-items:baseline;gap:12px;padding:0 56px 10px} #games214 .g20-acts-h b{font-size:16px;font-weight:700} #games214 .g20-acts-sub{font-size:14px;color:var(--gs)} #games214 .g20-cards{display:flex;gap:18px;overflow-x:auto;padding:8px 56px 20px;scrollbar-width:none;scroll-padding-inline:56px} #games214 .g20-cards::-webkit-scrollbar{display:none} #games214 .g20-card{--strip:var(--gc);flex:0 0 268px;height:158px;display:flex;flex-direction:column;text-align:left;padding:0;border-radius:14px;border:1.5px solid #2B2340;background:#F6EFE4;color:#2B2340 !important;overflow:hidden;cursor:pointer;transition:transform .4s var(--spring),box-shadow .3s ease;box-shadow:var(--cut)} #games214 .g20-card:nth-child(2n){--tilt:.6deg}#games214 .g20-card:nth-child(2n+1){--tilt:-.6deg} #games214 .g20-card:hover{transform:translateY(-3px) rotate(var(--tilt));box-shadow:var(--cut-lg)} #games214 .g20.ring .g20-card:focus{transform:scale(1.04) rotate(var(--tilt));box-shadow:var(--ring)} #games214 .g20-c-art{position:relative;display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 14px;color:#2B2340;border-bottom:1.5px solid #2B2340;background:radial-gradient(circle at 25% 25%,rgba(43,35,64,.16) 18%,transparent 22%) 0 0/7px 7px,radial-gradient(circle at 75% 75%,rgba(43,35,64,.16) 18%,transparent 22%) 0 0/7px 7px,var(--strip)} #games214 .g20-c-art>svg{width:28px;height:28px;color:#2B2340} #games214 .g20 .g20-c-art em{color:#2B2340 !important;-webkit-text-fill-color:#2B2340;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.06em;padding:3px 9px;border-radius:99px;background:#F6EFE4;border:1.5px solid #2B2340} #games214 .g20-c-gly{font-style:normal;font-size:28px;line-height:1;-webkit-text-stroke:.6px #2B2340} #games214 .g20-c-emb{width:30px;height:30px}#games214 .g20-c-emb svg{width:100%;height:100%} #games214 .g20-c-daily{--strip:#F4D98B} #games214 .g20-c-season{--strip:#C9A4D8} #games214 .g20-c-quests{--strip:#A8C8A0} #games214 .g20-c-tro{--strip:#F6B984} #games214 .g20-c-quest{--strip:#9CC3E6} #games214 .g20-c-quest.done{--strip:#9ED6C4} #games214 .g20-c-last{--strip:#F2A7A0} #games214 .g20-c-body{display:flex;flex-direction:column;gap:3px;padding:10px 14px 12px;min-width:0} #games214 .g20-c-body small{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#5A5070;font-weight:700} #games214 .g20-c-body b{font-size:15.5px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #games214 .g20-c-body>span:not(.g20-c-bar){font-size:13px;color:#5A5070;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #games214 .g20-c-bar{display:block;height:9px;border-radius:9px;border:1.5px solid #2B2340;background:#EFE4D2;overflow:hidden;margin:4px 0 2px} #games214 .g20-c-bar i{display:block;height:100%;background:var(--strip);border-right:1.5px solid #2B2340} /* button prompts */ #games214 .g20-prompts{display:flex;justify-content:flex-end;gap:22px;padding:0 56px 18px;min-height:40px;align-items:center;font-size:14px;color:var(--gs);font-weight:600} #games214 .g20-pr{display:inline-flex;align-items:center;gap:7px} .g20-gi{display:inline-grid;width:24px;height:24px;line-height:0} .g20-gi svg{width:100%;height:100%} .g20-gbg{fill:#F6EFE4;stroke:#2B2340;stroke-width:1.4} .g20-pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:99px;background:#F6EFE4;border:1.5px solid #2B2340;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:#2B2340} .g20-key{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:5px;background:#F6EFE4;border:1.5px solid #2B2340;border-bottom-width:3px;font:700 11.5px "Noto Sans",system-ui,sans-serif;color:#2B2340} /* return from a game */ #games214 .g20.g20-return{animation:g20ret .8s cubic-bezier(.2,.8,.2,1) both} @keyframes g20ret{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}} #games214 .g20.g20-leaving>:not(.g20-bg){opacity:0;transform:scale(.97);transition:opacity .35s ease,transform .45s ease} /* sheets and settings: a full sheet of paper */ #games214 .g20-ov{position:absolute;inset:0;z-index:30;display:flex;justify-content:center;background:var(--g4-grain),#F6EFE4;color:#2B2340;opacity:0;transition:opacity .25s ease} #games214 .g20-ov.in{opacity:1} #games214 .g20-ov.out{opacity:0} #games214 .g20-has-ov>.g20-top,#games214 .g20-has-ov>.g20-tiles,#games214 .g20-has-ov>.g20-info,#games214 .g20-has-ov>.g20-acts{visibility:hidden} #games214 .g20-has-ov>.g20-prompts{position:absolute;right:0;bottom:0;z-index:31;color:#5A5070} #games214 .g20-sheet-in,#games214 .g20-set-in{width:min(1120px,100%);height:100%;display:flex;flex-direction:column;transform:translateY(18px);transition:transform .45s var(--spring)} #games214 .g20-set-in{width:min(760px,100%)} #games214 .g20-ov.in .g20-sheet-in,#games214 .g20-ov.in .g20-set-in{transform:none} #games214 .g20-sheet-h{display:flex;align-items:center;gap:12px;padding:22px 32px 10px} #games214 .g20-ov .g20-ib{color:#2B2340} #games214 .g20-sheet-t{margin:0;font:700 30px/1.1 "Noto Sans",system-ui,sans-serif;color:#2B2340;flex:1;text-shadow:2px 2px 0 var(--gc)} #games214 .g20-sheet-gl{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#5A5070} #games214 .g20[data-input=touch] .g20-sheet-gl{display:none} #games214 .g20-sheet-body,#games214 .g20-set-body{flex:1;overflow-y:auto;padding:4px 32px 70px;scrollbar-width:thin;scrollbar-color:rgba(43,35,64,.35) transparent} /* the panes of games215-meta.js, on paper */ #games214 .g20-sheet{--paper:#F6EFE4;--paper2:#EFE4D2;--ink:#2B2340;--line:rgba(43,35,64,.2);--muted:#5A5070;--wine:#C8664B} #games214 .g20-sheet .g5-meta{margin:0;border:0;background:transparent;border-radius:0;overflow:visible;color:#2B2340} #games214 .g20-sheet .g5-season{display:none} #games214 .g20-sheet .g5-prof{display:none;background:#EFE4D2;border:1.5px solid #2B2340;border-radius:16px;margin-bottom:14px;box-shadow:var(--cut)} #games214 .g20-sheet[data-tab=flames] .g5-prof{display:grid} #games214 .g20-sheet .g5-tabs{position:sticky;top:0;z-index:2;gap:8px;border:0;padding:6px 0 14px;background:#F6EFE4} #games214 .g20-sheet .g5-tabs button{border:1.5px solid #2B2340;border-radius:999px;padding:9px 18px;margin:0;font:600 15px/1 "Noto Sans",system-ui,sans-serif;color:#2B2340;background:#F6EFE4;transition:background .2s,transform .3s var(--spring)} #games214 .g20-sheet .g5-tabs button:hover{background:#F4D98B} #games214 .g20-sheet .g5-tabs button[aria-selected=true]{background:#2B2340;color:#F6EFE4;box-shadow:3px 4px 0 var(--gc)} #games214 .g20-sheet .g5-pane{padding:4px 0 0} #games214 .g20-sheet .g4-chip{background:#F6EFE4;border:1.5px solid #2B2340;color:#2B2340;font-family:"Noto Sans",system-ui,sans-serif;font-size:13.5px;padding:8px 15px} #games214 .g20-sheet .g5-btabs .g4-chip[aria-pressed=true]{background:#2B2340;border-color:#2B2340;color:#F6EFE4} #games214 .g20-sheet .g5-quests li{background:#EFE4D2;padding:14px 16px;border-radius:14px;border:1.5px solid rgba(43,35,64,.25)} #games214 .g20-sheet .g5-quests b{font-size:15px} #games214 .g20-sheet .g5-card{background:#F6EFE4;border:1.5px solid #2B2340;color:#2B2340;box-shadow:var(--cut)} #games214 .g20-sheet .g5-card b{font-family:"Noto Serif Display","Noto Serif",Georgia,serif;font-weight:600;font-size:17px} #games214 .g20-sheet .g5-card p{color:#5A5070} #games214 .g20 .g20-sheet .g5-card .g5-cat{color:#C8664B} #games214 .g20-sheet .g5-cxq{background:#F4D98B;color:#2B2340;border:1.5px solid #2B2340} #games214 .g20-sheet .g5-rows li{background:#EFE4D2} #games214 .g20-sheet .g5-fl{background:#EFE4D2} #games214 .g20-sheet .g5-hint{font-size:14px} /* trophy card: a printed ticket that stamps in */ .g20-trophy{position:fixed;top:22px;right:22px;z-index:10050;display:flex;align-items:center;gap:14px;width:min(400px,calc(100vw - 24px));padding:12px 18px 12px 12px;border-radius:14px;background:var(--g4-grain),#F6EFE4;border:2px solid #2B2340;box-shadow:6px 7px 0 var(--tc,#C8664B);color:#2B2340;font-family:"Noto Sans",system-ui,sans-serif;pointer-events:none;transform:translateX(calc(100% + 40px)) rotate(3deg);opacity:0;transition:transform .55s cubic-bezier(.2,1.25,.35,1),opacity .3s ease} .g20-trophy.in{transform:rotate(-1deg);opacity:1} .g20-trophy.out{transform:translateX(calc(100% + 40px)) rotate(3deg);opacity:0;transition:transform .45s cubic-bezier(.6,0,.8,.4),opacity .4s ease} .g20-t-bronze{--tc:#C8664B;--tcl:#EDB9A6}.g20-t-silver{--tc:#8C8597;--tcl:#DCD8E6}.g20-t-gold{--tc:#E7C35A;--tcl:#F6E3A8}.g20-t-platinum{--tc:#A9A6E8;--tcl:#DCDAF6} .g20-tr-cup{position:relative;flex:0 0 58px;height:58px;display:grid;place-items:center;border-radius:50%;border:1.5px solid #2B2340;background:radial-gradient(circle at 25% 25%,rgba(43,35,64,.14) 18%,transparent 22%) 0 0/6px 6px,var(--tcl)} .g20-trophy.in .g20-tr-cup svg{animation:g20cup .7s cubic-bezier(.2,1.4,.4,1) both .15s} @keyframes g20cup{0%{transform:scale(1.6) rotate(-18deg);opacity:0}60%{transform:scale(.92) rotate(4deg);opacity:1}100%{transform:none;opacity:1}} .g20-tr-cup i{position:absolute;right:-6px;bottom:-6px;font-style:normal;font-size:14px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#F6EFE4;border:1.5px solid #2B2340} .g20-tr-t{display:flex;flex-direction:column;gap:2px;min-width:0} .g20-tr-t small{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#5A5070;font-weight:800} .g20-tr-t small::before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;background:var(--tc);border:1.2px solid #2B2340;vertical-align:-1px} .g20-tr-t b{font-size:18px;font-weight:700;line-height:1.2} .g20-tr-t span{font-size:13.5px;color:#5A5070;line-height:1.35} body.g4-streaming .g20-trophy{top:78px;right:412px;width:440px} body.g4-streaming .g20-tr-t b{font-size:20px} /* the launch: the scene, then a sheet of paper laid over it with the title printed on */ .g20-launch{position:fixed;z-index:10040;overflow:hidden;border-radius:16px;background:#F6EFE4;color:#2B2340;font-family:"Noto Sans",system-ui,sans-serif;transition:left .6s cubic-bezier(.2,.9,.2,1),top .6s cubic-bezier(.2,.9,.2,1),width .6s cubic-bezier(.2,.9,.2,1),height .6s cubic-bezier(.2,.9,.2,1),border-radius .6s ease,opacity .5s ease;box-shadow:0 0 0 2.5px #2B2340,8px 10px 0 var(--gc)} .g20-launch.full{left:0 !important;top:0 !important;width:100vw !important;height:100vh !important;height:100dvh !important;border-radius:0;box-shadow:none} .g20-launch.out{opacity:0} .g20-l-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 2.6s ease;transform:scale(1.02)} .g20-launch.full .g20-l-bg{transform:scale(1.08)} .g20-l-veil{position:absolute;inset:0;background:var(--g4-grain),var(--g4-fibre),rgba(246,239,228,.9);transform:translateY(100%);transition:transform .7s cubic-bezier(.2,.9,.2,1) .15s} .g20-launch[data-tone=night] .g20-l-veil{background:var(--g4-grain),rgba(46,36,72,.93)} .g20-launch.full .g20-l-veil{transform:none} .g20-l-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px;text-align:center;opacity:0;transform:scale(.96) rotate(-1deg);transition:opacity .5s ease .45s,transform 1s cubic-bezier(.2,.8,.2,1) .45s} .g20-launch[data-tone=night] .g20-l-card{color:#F6EFE4} .g20-launch.full .g20-l-card{opacity:1;transform:none} .g20-launch .g20-logo{display:flex;align-items:center;gap:16px;margin:0;line-height:1} .g20-launch .g20-emb{width:64px;height:64px} .g20-launch .g20-emb svg{width:100%;height:100%} .g20-launch .g20-wm{font-family:"Noto Serif Display","Noto Serif",Georgia,serif;font-size:clamp(46px,8vw,110px);font-weight:700;color:inherit;text-shadow:.05em .045em 0 var(--gc);padding:.06em 0 .12em} .g20-l-run .g20-wm{text-transform:uppercase;letter-spacing:.12em} .g20-l-cascade .g20-wm{font-style:italic;font-weight:500} .g20-l-rush .g20-wm{text-transform:uppercase;letter-spacing:.2em;font-weight:600} .g20-l-yuddha .g20-wm{font-family:"Noto Sans",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.24em} .g20-l-load{width:min(300px,60vw);height:12px;border-radius:9px;border:2px solid currentColor;background:transparent;overflow:hidden} .g20-l-load i{display:block;height:100%;width:0;background:radial-gradient(circle at 25% 25%,rgba(43,35,64,.22) 18%,transparent 22%) 0 0/6px 6px,var(--gc);border-right:2px solid currentColor} .g20-launch.full .g20-l-load i{animation:g20load 2s cubic-bezier(.4,0,.2,1) .5s forwards} @keyframes g20load{to{width:100%}} .g20-l-tip{max-width:620px;padding:18px 24px;border-radius:14px;background:#F6EFE4;color:#2B2340;border:2px solid #2B2340;box-shadow:5px 6px 0 var(--gc);text-align:left;transform:rotate(.6deg)} .g20-l-tip span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#C8664B;margin-bottom:8px} .g20-l-tip p{margin:0;font-size:clamp(16px,1.4vw,20px);line-height:1.55;color:#2B2340} .g20-l-skip{position:absolute;right:28px;bottom:24px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;opacity:.8} /* phones and narrow windows */ @media (max-width:760px){ #games214 .g20{grid-template-rows:auto auto minmax(110px,1fr) auto auto;overflow-y:auto;overflow-x:hidden;scrollbar-width:none} #games214 .g20-scrim{background:linear-gradient(180deg,rgba(var(--wash),.7) 0%,rgba(var(--wash),0) 14%,rgba(var(--wash),0) 30%,rgba(var(--wash),.8) 44%,rgba(var(--wash),.95) 58%,rgba(var(--wash),.98) 100%)} #games214 .g20-top{padding:max(10px,env(safe-area-inset-top)) 12px 2px} #games214 .g20-exit span{display:none} #games214 .g20-exit{padding:8px} #games214 .g20-top-r{gap:4px} #games214 .g20-tl{padding:0 8px} #games214 .g20-tl-bar{display:none} #games214 .g20-clock{font-size:16px;min-width:46px} #games214 .g20-tiles{padding:10px 16px 8px;gap:12px;min-height:110px;scroll-snap-type:x mandatory;scroll-padding-inline:16px} #games214 .g20-tiles::after{content:"";flex:0 0 calc(100vw - 120px)} #games214 .g20-tw{scroll-snap-align:start} #games214 .g20-tile{--ts:64px;border-radius:14px} #games214 .g20-tw.on .g20-tile{--ts:88px} #games214 .g20-tile-emb{width:20px;height:20px;left:5px;bottom:5px} #games214 .g20-tw.on .g20-tile-name{padding:0 8px 0 16px;font-size:17px} #games214 .g20-info{max-width:none;padding:0 16px 4px} #games214 .g20-logo{gap:12px;margin-bottom:6px} #games214 .g20-emb{width:38px;height:38px} #games214 .g20-wm{font-size:clamp(40px,12vw,54px)} #games214 .g20-logo-cascade .g20-wm{font-size:clamp(34px,10vw,46px)} #games214 .g20-logo-rush .g20-wm,#games214 .g20-logo-yuddha .g20-wm{letter-spacing:.14em} #games214 .g20-kind{font-size:11.5px;margin-bottom:6px} #games214 .g20-tag{font-size:15px;line-height:1.45} #games214 .g20-stat{font-size:13px} #games214 .g20-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px} #games214 .g20-play{grid-column:1/-1;width:100%;height:56px;font-size:18px} #games214 .g20-sec{flex-direction:column;justify-content:center;gap:4px;height:64px;padding:6px 4px;border-radius:14px;font-size:12.5px} #games214 .g20-sec svg{width:22px;height:22px} #games214 .g20-acts{padding-top:14px} #games214 .g20-acts-h{padding:0 16px 8px} #games214 .g20-cards{padding:6px 16px 16px;gap:12px;scroll-snap-type:x mandatory;scroll-padding-inline:16px} #games214 .g20-card{flex-basis:224px;height:150px;scroll-snap-align:start} #games214 .g20-prompts{display:none} #games214 .g20-sheet-h{padding:max(14px,env(safe-area-inset-top)) 14px 6px} #games214 .g20-sheet-t{font-size:24px} #games214 .g20-sheet-body,#games214 .g20-set-body{padding:4px 14px 40px} #games214 .g20-sheet .g5-tabs{overflow-x:auto;flex-wrap:nowrap} #games214 .g20-sheet .g5-tabs button{padding:9px 14px;font-size:14px;flex:0 0 auto} .g20-trophy{top:max(8px,env(safe-area-inset-top));right:8px;left:8px;width:auto;padding:9px 12px 9px 9px;gap:10px;border-radius:14px} .g20-tr-cup{flex-basis:44px;height:44px} .g20-tr-cup svg{width:34px;height:34px} .g20-tr-t b{font-size:15.5px} .g20-tr-t span{display:none} .g20-l-tip{padding:14px 16px} .g20-l-skip{right:16px;bottom:16px} } @media (max-width:760px) and (max-height:700px){#games214 .g20{grid-template-rows:auto auto minmax(40px,1fr) auto auto}} @media (min-width:761px) and (max-height:760px){ #games214 .g20-tiles{min-height:128px;padding-top:6px} #games214 .g20-tw.on .g20-tile{--ts:108px} #games214 .g20-wm{font-size:clamp(44px,5vw,72px)} #games214 .g20-card{height:142px} #games214 .g20-actions{margin-top:14px} } @media (prefers-reduced-motion:reduce){ #games214 .g20 *,.g20-launch,.g20-launch *,.g20-trophy{animation:none !important;transition-duration:.01s !important} .g20-trophy{transition:opacity .2s ease !important} #games214 .g20-bg canvas{transition:opacity .3s ease !important;transform:none !important} } #games214 .g20 .g5-rar-bronze{color:#C8664B}#games214 .g20 .g5-rar-silver{color:#6E6880}#games214 .g20 .g5-rar-gold{color:#9C7A1E}#games214 .g20 .g5-rar-platinum{color:#6E74B8} #games214 .g20-hub>.g5-meta{display:none} #games214 .g20 .g20-sheet-t,#games214 .g20 .g20-sg h3,#games214 .g20 .g20-sheet .g5-sub{font-family:"Noto Sans",system-ui,sans-serif !important} #games214 .g20-has-ov>.g20-prompts{left:0;padding-top:28px;background:linear-gradient(180deg,rgba(246,239,228,0),rgba(246,239,228,.95) 55%)} body.g20-console #games214 .g4-toast{top:auto;bottom:74px} /* settings */ #games214 .g20-sg{margin:0 0 18px;padding:6px 22px;border-radius:16px;background:#EFE4D2;border:1.5px solid #2B2340;box-shadow:var(--cut)} #games214 .g20 .g20-sg h3{margin:12px 0 2px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#C8664B;font-weight:800} #games214 .g20-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1.5px dashed rgba(43,35,64,.2)} #games214 .g20-row:last-child{border-bottom:0} #games214 .g20-row>div{min-width:0} #games214 .g20-row b{display:block;font-size:16px;font-weight:600} #games214 .g20-row small{display:block;font-size:13.5px;color:#5A5070;margin-top:3px;line-height:1.45} #games214 .g20-row-r{display:grid;grid-template-columns:170px 1fr 44px;gap:16px} #games214 .g20-row-r output{text-align:right;font-variant-numeric:tabular-nums;color:#5A5070;font-weight:600} #games214 .g20-row-r input[type=range]{width:100%;accent-color:#2B2340;height:28px;background:transparent;border:0;padding:0;margin:0;border-radius:99px} #games214 .g20-row-col{flex-direction:column;align-items:stretch} #games214 .g20-sw{position:relative;flex:0 0 auto;width:56px;height:32px;border-radius:99px;border:2px solid #2B2340;background:#F6EFE4;cursor:pointer;padding:0;transition:background .25s} #games214 .g20-sw i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#2B2340;transition:transform .4s var(--spring),background .2s} #games214 .g20-sw[aria-checked=true]{background:#A8C8A0} #games214 .g20-sw[aria-checked=true] i{transform:translateX(24px);background:#2B2340} #games214 .g20-sw:disabled{opacity:.4;cursor:default} #games214 .g20-now{font-size:14px;font-weight:600;padding:6px 14px;border-radius:99px;background:#F6EFE4;border:1.5px solid #2B2340;white-space:nowrap} #games214 .g20-seg{display:inline-flex;align-self:flex-start;padding:4px;border-radius:99px;background:#F6EFE4;border:1.5px solid #2B2340;gap:4px} #games214 .g20-seg button{border:0;background:transparent;border-radius:99px;padding:9px 18px;font-size:14.5px;font-weight:600;cursor:pointer;color:#2B2340} #games214 .g20-seg button[aria-checked=true]{background:#2B2340;color:#F6EFE4} #games214 .g20-seg button:disabled{opacity:.45;cursor:default} @media (max-width:760px){#games214 .g20-row-r{grid-template-columns:1fr 40px}#games214 .g20-row-r label{grid-column:1/-1}#games214 .g20-sg{padding:4px 16px}#games214 .g20-seg{align-self:stretch}#games214 .g20-seg button{flex:1;padding:10px 6px}} body.g20-console .g20-trophy{top:80px} @media (max-width:760px){body.g20-console .g20-trophy{top:max(8px,env(safe-area-inset-top))}} @media (max-width:760px){#games214 .g20-sheet .g5-tprog{grid-column:1/-1}} @media (max-width:760px){.g20-launch .g20-wm{font-size:clamp(36px,11vw,56px)}.g20-l-cascade .g20-wm{font-size:clamp(30px,9vw,44px)}.g20-launch .g20-emb{width:40px;height:40px}.g20-launch .g20-logo{gap:10px;max-width:100%}.g20-l-rush .g20-wm,.g20-l-yuddha .g20-wm,.g20-l-run .g20-wm{letter-spacing:.12em}} /* ---------- the in-game shell: the page stays a console screen while a game is open ---------- Day games sit on paper with ink type; Yuddha sits on plum night with pastel light. The shared variables below are the ones the games' own sheets read (--paper, --ink, --line, --wine ...). */ html:has(body.g20-ingame){scrollbar-gutter:auto;overflow:hidden} body.g20-ingame{overflow:hidden} body.g20-ingame #games214{position:fixed;inset:0;z-index:8990;margin:0;padding:0;max-width:none;background:#F6EFE4;overflow-y:auto;overflow-x:hidden;color-scheme:light;overscroll-behavior:contain; --paper:#F6EFE4;--paper2:#EFE4D2;--paper3:#E7D9C3;--surface:#F6EFE4;--surface-2:#EFE4D2;--surface-3:#E7D9C3;--card:#F6EFE4;--cream:#F6EFE4;--panel:#F6EFE4; --ink:#2B2340;--text:#2B2340;--ink2:#5A5070;--ink-2:#5A5070;--ink3:#6E6684;--ink-3:#6E6684;--muted:#5A5070; --line:rgba(43,35,64,.2);--line2:rgba(43,35,64,.34);--line-2:rgba(43,35,64,.34);--wine:#C8664B;--accent:#C8664B;--accent-2:#2B2340;--accent-ink:#F6EFE4;--accent-soft:rgba(200,102,75,.12);--gold:#E9A23B; --font-serif:"Noto Serif Display","Noto Serif",Georgia,serif;--font-display:"Noto Serif Display","Noto Serif",Georgia,serif;--font-sans:"Noto Sans",system-ui,sans-serif;--tjp-city-font:"Noto Sans",system-ui,sans-serif;--tjp-city-head:"Noto Sans",system-ui,sans-serif;--tjp-city-ui:"Noto Sans",system-ui,sans-serif; --g20-bar:rgba(246,239,228,.95);--g20-chip:#F6EFE4;--g20-chipink:#2B2340; font-family:"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:#2B2340} body.g20-ingame #games214:has(.g20-in[data-tone=night]){background:#2E2448;color-scheme:dark; --paper:#3F3160;--paper2:#4A3A6C;--paper3:#55457A;--surface:#3F3160;--surface-2:#4A3A6C;--surface-3:#55457A;--card:#3F3160;--cream:#3F3160;--panel:#3F3160; --ink:#F6EFE4;--text:#F6EFE4;--ink2:rgba(246,239,228,.82);--ink-2:rgba(246,239,228,.82);--ink3:rgba(246,239,228,.68);--ink-3:rgba(246,239,228,.68);--muted:rgba(246,239,228,.74); --line:rgba(246,239,228,.2);--line2:rgba(246,239,228,.32);--line-2:rgba(246,239,228,.32);--wine:#F6B984;--accent:#F6B984;--accent-2:#F6EFE4;--accent-ink:#2B2340;--accent-soft:rgba(246,185,132,.14);--gold:#F4D98B; --g20-bar:rgba(46,36,72,.95);--g20-chip:#3F3160;--g20-chipink:#F6EFE4;color:#F6EFE4} body.g20-ingame #games214 :is(.btn,.card,.chip,.badge,input,select,textarea,kbd,table,details.card,.stat-card,.toast){--ink:inherit} body.g20-ingame #games214 .g4-wrap.g4-in{max-width:none;min-height:100%;margin:0;padding:0 clamp(14px,3vw,40px) 48px;position:relative;isolation:isolate} body.g20-ingame #games214 :is(h1,h2,h3,h4){font-family:"Noto Sans",system-ui,sans-serif;font-weight:700;letter-spacing:0} body.g20-ingame #games214 .g4-eye{color:var(--muted);font-family:"Noto Sans",system-ui,sans-serif} #games214 .g20-gbg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#F6EFE4} #games214 .g20-in[data-tone=night] .g20-gbg{background:#2E2448} #games214 .g20-gbg canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block;opacity:.4;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.6) 22%,transparent 46%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.6) 22%,transparent 46%)} #games214 .g20-gbg i{position:absolute;inset:0;background:var(--g4-grain),var(--g4-fibre);mix-blend-mode:multiply;opacity:.6} #games214 .g20-in[data-tone=night] .g20-gbg i{mix-blend-mode:soft-light;opacity:.8} body.g4-streaming #games214 .g20-gbg{display:none} /* the top bar: a strip of paper ruled in ink */ body.g20-ingame:not(.g4-streaming) #games214 .g4-bar{position:sticky;top:0;z-index:40;flex-wrap:nowrap;gap:14px;margin:0 calc(-1 * clamp(14px,3vw,40px)) 16px;padding:12px clamp(14px,3vw,40px);background:var(--g20-bar);border-bottom:2px solid var(--ink);box-shadow:0 4px 0 rgba(43,35,64,.1)} body.g20-ingame #games214 .g4-bar .g4-chip[data-g4-home]{color:var(--g20-chipink)} body.g20-ingame #games214 .g4-bar [data-g4-home]{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px 0 8px;border-radius:999px;border:1.5px solid var(--ink);background:var(--g20-chip);color:var(--g20-chipink);font:600 15px "Noto Sans",system-ui,sans-serif;flex:0 0 auto;box-shadow:2px 3px 0 rgba(43,35,64,.16)} body.g20-ingame #games214 .g4-bar [data-g4-home] svg{width:20px;height:20px} body.g20-ingame #games214 .g4-bar [data-g4-home]:hover{background:#F4D98B;color:#2B2340} #games214 .g20-hgl{display:inline-flex;margin-left:2px} #games214 .g20-hgl:empty{display:none} #games214 .g20-hgl .g20-key{height:20px;font-size:10.5px} body.g20-ingame #games214 .g4-title{flex:1;min-width:0;display:flex;align-items:center;gap:10px;color:var(--ink)} #games214 .g4-title .g20-emb{width:30px;height:30px;flex:0 0 auto} #games214 .g4-title .g20-emb svg{width:100%;height:100%} #games214 .g4-title .g20-wm{font-family:"Noto Serif Display","Noto Serif",Georgia,serif;font-size:27px;font-weight:700;line-height:1.1;color:var(--ink);text-shadow:2px 2px 0 var(--gc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.05em .1em .05em 0} #games214 .g20-tt-run .g20-wm{text-transform:uppercase;letter-spacing:.12em} #games214 .g20-tt-cascade .g20-wm{font-style:italic;font-weight:500} #games214 .g20-tt-rush .g20-wm{text-transform:uppercase;letter-spacing:.18em;font-weight:600} #games214 .g20-tt-yuddha .g20-wm{font-family:"Noto Sans",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em} body.g20-ingame #games214 .g4-bar-r,body.g20-ingame #games214 .g4-bar .g4-sound{display:flex;align-items:center;gap:6px;flex-wrap:nowrap} body.g20-ingame #games214 .g4-bar-r .g4-chip:is([data-g4fx-cycle],[data-g4-stream],[data-g4-chron],[data-g4-sound],[data-g4-music]){position:relative;width:42px;height:42px;padding:0;border-radius:50%;font-size:0 !important;color:var(--g20-chipink) !important;-webkit-text-fill-color:transparent;background:var(--g20-chip);border:1.5px solid var(--ink);flex:0 0 auto;box-shadow:2px 3px 0 rgba(43,35,64,.16);transition:background .2s,transform .3s cubic-bezier(.34,1.45,.64,1)} body.g20-ingame #games214 .g4-bar-r .g4-chip:is([data-g4fx-cycle],[data-g4-stream],[data-g4-chron],[data-g4-sound],[data-g4-music]):hover{background:#F4D98B;transform:rotate(-6deg)} body.g20-ingame #games214 .g4-bar-r .g4-chip:is([data-g4fx-cycle],[data-g4-stream],[data-g4-chron],[data-g4-sound],[data-g4-music])::before{content:"";position:absolute;inset:0;margin:auto;width:21px;height:21px;background:var(--g20-chipink);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat} body.g20-ingame #games214 .g4-bar-r .g4-chip:is([data-g4fx-cycle],[data-g4-stream],[data-g4-chron],[data-g4-sound],[data-g4-music]):hover::before{background:#2B2340} body.g20-ingame #games214 .g4-bar-r .g4-chip[aria-pressed=false]{opacity:.55} body.g20-ingame #games214 .g4-bar-r :is([data-g4-sound],[data-g4-music])[aria-pressed=false]::after{content:"";position:absolute;left:10px;right:10px;top:50%;height:2px;background:var(--g20-chipink);transform:rotate(-40deg);border-radius:2px} body.g20-ingame #games214 .g4-bar-r [data-g4fx-cycle]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.5%203.5c-4%20.5-9%204.5-9.5%2010-.3%203.5%202.4%206.4%205.5%206.5%201.6%200%202-1.5%201.5-2.5-.6-1.2.2-2.5%201.6-2.5H16c2.8%200%204.5-2.4%204-5-.6-3.4-3-6.9-5.5-6.5z%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2212%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227.8%22%20r%3D%221.2%22/%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%229%22%20r%3D%221.2%22/%3E%3C/svg%3E")} body.g20-ingame #games214 .g4-bar-r [data-g4-stream]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222.5%22/%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211%22%20r%3D%222.2%22/%3E%3C/svg%3E")} body.g20-ingame #games214 .g4-bar-r [data-g4-chron]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%204h11v13a3%203%200%200%201-3%203H6a3%203%200%200%201-3-3v-1h11v1a3%203%200%200%200%203%203%22/%3E%3Cpath%20d%3D%22M7%204a2%202%200%200%200-2%202v10M10%208h5M10%2012h5%22/%3E%3C/svg%3E")} body.g20-ingame #games214 .g4-bar-r [data-g4-sound]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%209.5h3.5L12%205.5v13l-4.5-4H4z%22/%3E%3Cpath%20d%3D%22M15.5%209a4%204%200%200%201%200%206M18%206.5a7.5%207.5%200%200%201%200%2011%22/%3E%3C/svg%3E")} body.g20-ingame #games214 .g4-bar-r [data-g4-music]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018V6l10-2v12%22/%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2218%22%20r%3D%222.5%22/%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2216%22%20r%3D%222.5%22/%3E%3C/svg%3E")} body.g20-ingame #games214 .g4-bar-r [data-g4-chron][data-n]:not([data-n=""])::after{content:attr(data-n);position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;font:700 11px "Noto Sans",system-ui,sans-serif;background:#F07E6E;border:1.5px solid #2B2340;-webkit-text-fill-color:#2B2340} body.g20-ingame.g4-streaming #games214 .g4-bar-r [data-g4-stream]{background:#2B2340} body.g20-ingame.g4-streaming #games214 .g4-bar-r [data-g4-stream]::before{background:#F6EFE4} /* the Chronicle beside the game */ body.g20-ingame #games214 .g4-chron{background:var(--paper2);border:1.5px solid var(--ink);box-shadow:var(--g4-cut);font-family:"Noto Sans",system-ui,sans-serif} body.g20-ingame #games214 .g4-stage{margin-top:0} /* buttons and cards in the paper language */ body.g20-ingame #games214 .g4-in .btn{border-radius:999px;background:var(--paper);border:1.5px solid var(--ink);color:var(--ink);font-family:"Noto Sans",system-ui,sans-serif;font-weight:600;padding:10px 18px;box-shadow:2px 3px 0 rgba(43,35,64,.16);transition:background .2s,transform .3s cubic-bezier(.34,1.45,.64,1)} body.g20-ingame #games214 .g4-in .btn:hover{background:#F4D98B;color:#2B2340} body.g20-ingame #games214 .g4-in .btn.primary,body.g20-ingame #games214 .g4-in .btn[data-primary]{background:var(--ink);border-color:var(--ink);color:var(--paper);-webkit-text-fill-color:var(--paper);font-weight:700;box-shadow:4px 5px 0 var(--gc)} body.g20-ingame #games214 .g4-in .btn.primary:hover{transform:translate(-1px,-2px) rotate(-1deg);box-shadow:6px 7px 0 var(--gc)} body.g20-ingame #games214 .g4-in .g4-chip{background:var(--paper);border:1.5px solid var(--ink);color:var(--ink)} #games214 .g20-in.ring :is(button,input,select,[tabindex="0"]):focus{outline:none;box-shadow:0 0 0 2.5px var(--paper),0 0 0 5px var(--ink),5px 6px 0 4px var(--gc)} @media (max-width:760px){ body.g20-ingame:not(.g4-streaming) #games214 .g4-bar{flex-wrap:wrap;gap:10px 8px;padding:max(10px,env(safe-area-inset-top)) 14px 10px} body.g20-ingame #games214 .g4-bar [data-g4-home]{padding:0 10px 0 6px} body.g20-ingame #games214 .g4-bar [data-g4-home] span:not(.g20-hgl){display:none} #games214 .g4-title .g20-wm{font-size:23px} body.g20-ingame #games214 .g4-bar-r{order:3;width:100%;justify-content:space-between} body.g20-ingame #games214 .g4-bar-r .g4-chip:is([data-g4fx-cycle],[data-g4-stream],[data-g4-chron],[data-g4-sound],[data-g4-music]){width:44px;height:44px} } body.g20-ingame .g20-trophy{top:84px} @media (max-width:760px){body.g20-ingame .g20-trophy{top:max(8px,env(safe-area-inset-top))}} body.g20-ingame.g4-streaming #games214{z-index:9000} /* ---------- v2.28 phones: a calm home in portrait, a two-column home sideways, a slim in-game bar ---------- Portrait: a slim top bar (no clock), the tiles row with no name beside the chosen tile, one hero (name, one short line, the season badge), one Play button, the other doors as one row of small round icons, then Activities. Sideways (height under 500px): tiles across the top, the hero and Play on the left, Activities on the right. */ @media (max-width:760px),(max-height:500px) and (orientation:landscape){ #games214 .g20-clock{display:none} #games214 .g20-tile-name{display:none} #games214 .g20-ib,#games214 .g20-av{width:40px;height:40px} #games214 .g20-av svg{width:38px} #games214 .g20-kind>span:first-child{display:none} #games214 .g20-kind:not(:has(.g20-dbl)){display:none} #games214 .g20 .g20-dbl{font-size:12px;padding:3px 10px;letter-spacing:.03em} #games214 .g20-tag{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #games214 .g20-stat{display:none} #games214 .g20-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 4px} #games214 .g20-play{flex:1 0 100%;min-width:0} #games214 .g20 .g20-sec{flex:1 1 0;min-width:0;height:auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;border-radius:12px;background:none;box-shadow:none;font-size:11.5px;font-weight:600;color:var(--gi)} #games214 .g20 .g20-sec>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #games214 .g20 .g20-sec svg,#games214 .g20 .g20-sec .j3-door-ic{box-sizing:border-box;width:44px;height:44px;padding:10px;border-radius:50%;border:1.5px solid #2B2340;background:#F6EFE4;color:#2B2340;box-shadow:2px 3px 0 rgba(43,35,64,.16);transition:background .2s,transform .3s var(--spring)} #games214 .g20 .g20-sec .j3-door-ic{display:grid;place-items:center;min-width:0;padding:0;font-size:13px;font-weight:800} #games214 .g20 .g20-sec:is(:hover,:focus) svg,#games214 .g20 .g20-sec:is(:hover,:focus) .j3-door-ic{background:#F4D98B;transform:rotate(-4deg)} #games214 .g20 .g20-sec:hover,#games214 .g20.ring .g20-sec:focus{background:none;transform:none} #games214 .g20[data-tone=night] .g20-sec{color:#F6EFE4} #games214 .g20-prompts{display:none} } @media (max-width:760px) and (orientation:portrait),(max-width:760px) and (min-height:501px){ #games214 .g20{grid-template-rows:auto auto minmax(90px,1fr) auto auto} #games214 .g20-top{padding:max(8px,env(safe-area-inset-top)) 12px 0} #games214 .g20-top-r{gap:2px} #games214 .g20-tiles{min-height:96px;padding:8px 18px 8px;gap:12px} #games214 .g20-tiles::after{flex-basis:calc(100vw - 100px)} #games214 .g20-tile{--ts:58px} #games214 .g20-tw.on .g20-tile{--ts:74px} #games214 .g20-info{padding:0 20px 4px} #games214 .g20-logo{gap:10px;margin-bottom:6px} #games214 .g20-emb{width:32px;height:32px} #games214 .g20-wm{font-size:clamp(34px,10.5vw,46px)} #games214 .g20-logo-cascade .g20-wm{font-size:clamp(28px,8.6vw,40px)} #games214 .g20-kind{margin-bottom:8px} #games214 .g20-tag{font-size:15px;line-height:1.45;margin:0} #games214 .g20-actions{margin-top:16px} #games214 .g20-play{height:54px} #games214 .g20-acts{padding-top:18px} #games214 .g20-card{height:138px} } @media (max-height:500px) and (orientation:landscape){ #games214 .g20{--sl:max(18px,env(safe-area-inset-left));--sr:max(18px,env(safe-area-inset-right));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);overflow-y:auto;overflow-x:hidden;scrollbar-width:none} #games214 .g20-scrim{background: linear-gradient(90deg,rgba(var(--wash),.94) 0%,rgba(var(--wash),.82) 40%,rgba(var(--wash),.25) 60%,rgba(var(--wash),.1) 100%), linear-gradient(180deg,rgba(var(--wash),.8) 0%,rgba(var(--wash),0) 30%,rgba(var(--wash),0) 55%,rgba(var(--wash),.7) 100%)} #games214 .g20-top{grid-column:1/-1;padding:max(4px,env(safe-area-inset-top)) var(--sr) 0 var(--sl)} #games214 .g20-exit span{display:none} #games214 .g20-exit{padding:8px} #games214 .g20-top-r{gap:4px} #games214 .g20-tl{height:40px;padding:0 8px} #games214 .g20-tl-bar{display:none} #games214 .g20-tiles{grid-column:1/-1;min-height:0;height:78px;padding:2px var(--sr) 4px var(--sl);gap:12px;margin-top:-46px;margin-left:64px;margin-right:180px;scroll-snap-type:x proximity;scroll-padding-inline:var(--sl)} #games214 .g20-tiles::after{content:none} #games214 .g20-tile{--ts:50px;border-radius:12px} #games214 .g20-tw.on .g20-tile{--ts:62px} #games214 .g20-tile-emb{width:18px;height:18px;left:4px;bottom:4px} #games214 .g20-info{grid-column:1;grid-row:3;align-self:end;max-width:none;padding:0 12px max(12px,env(safe-area-inset-bottom)) var(--sl)} #games214 .g20-logo{gap:10px;margin-bottom:4px} #games214 .g20-emb{width:30px;height:30px} #games214 .g20-wm{font-size:clamp(30px,7.5vh,40px)} #games214 .g20-logo-cascade .g20-wm{font-size:clamp(26px,6.6vh,34px)} #games214 .g20-logo-rush .g20-wm,#games214 .g20-logo-yuddha .g20-wm{letter-spacing:.14em} #games214 .g20-kind{margin-bottom:6px} #games214 .g20-tag{font-size:14px;line-height:1.4;margin:0;-webkit-line-clamp:2} #games214 .g20-actions{margin-top:12px;gap:8px 2px} #games214 .g20-play{height:46px;font-size:17px;box-shadow:4px 5px 0 var(--gc)} #games214 .g20 .g20-sec svg,#games214 .g20 .g20-sec .j3-door-ic{width:40px;height:40px;padding:9px} #games214 .g20 .g20-sec{font-size:11px;gap:3px} #games214 .g20-acts{grid-column:2;grid-row:3;align-self:end;min-width:0;padding:0 0 max(8px,env(safe-area-inset-bottom))} #games214 .g20-acts-h{padding:0 var(--sr) 6px 8px} #games214 .g20-cards{padding:6px var(--sr) 10px 8px;gap:12px;scroll-padding-inline:8px;scroll-snap-type:x mandatory} #games214 .g20-card{flex-basis:210px;height:128px;scroll-snap-align:start} #games214 .g20-c-art{height:44px} #games214 .g20-sheet-h{padding:max(8px,env(safe-area-inset-top)) var(--sr,18px) 4px max(18px,env(safe-area-inset-left))} #games214 .g20-sheet-t{font-size:22px} #games214 .g20-sheet-body,#games214 .g20-set-body{padding:2px max(18px,env(safe-area-inset-right)) 24px max(18px,env(safe-area-inset-left))} .g20-trophy{top:max(6px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));left:auto;width:min(360px,60vw);padding:8px 12px 8px 8px} .g20-tr-cup{flex-basis:40px;height:40px} .g20-tr-t span{display:none} .g20-l-card{gap:14px;padding:12px max(24px,env(safe-area-inset-left))} .g20-launch .g20-wm{font-size:clamp(34px,10vh,52px)} .g20-launch .g20-emb{width:40px;height:40px} .g20-l-tip{padding:10px 16px;max-width:min(620px,80vw)} .g20-l-tip p{font-size:14px} } /* sideways in a game: the bar is one slim strip, the play area gets the screen */ @media (max-height:500px) and (orientation:landscape){ body.g20-ingame #games214 .g4-wrap.g4-in{padding:0 max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))} body.g20-ingame:not(.g4-streaming) #games214 .g4-bar{flex-wrap:nowrap;gap:8px;min-height:0;height:44px;box-sizing:border-box;margin:0 calc(-1 * max(10px,env(safe-area-inset-right))) 8px calc(-1 * max(10px,env(safe-area-inset-left)));padding:3px max(12px,env(safe-area-inset-right)) 3px max(12px,env(safe-area-inset-left));border-bottom-width:1.5px;box-shadow:0 2px 0 rgba(43,35,64,.08)} body.g20-ingame #games214 .g4-bar [data-g4-home]{height:34px;padding:0 8px 0 4px;font-size:14px} body.g20-ingame #games214 .g4-bar [data-g4-home] span:not(.g20-hgl){display:none} #games214 .g4-title .g20-emb{width:22px;height:22px} #games214 .g4-title .g20-wm{font-size:19px;text-shadow:1.5px 1.5px 0 var(--gc)} body.g20-ingame #games214 .g4-bar-r{order:0;width:auto;gap:6px;justify-content:flex-end} body.g20-ingame #games214 .g4-bar-r .g4-chip:is([data-g4fx-cycle],[data-g4-stream],[data-g4-chron],[data-g4-sound],[data-g4-music]){width:34px;height:34px;box-shadow:1.5px 2px 0 rgba(43,35,64,.16)} body.g20-ingame #games214 .g4-bar-r .g4-chip:is([data-g4fx-cycle],[data-g4-stream],[data-g4-chron],[data-g4-sound],[data-g4-music])::before{width:18px;height:18px} body.g20-ingame #games214 .g4-bar-r [data-g4-stream]{display:none} body.g20-ingame .g20-trophy{top:max(48px,env(safe-area-inset-top))} } /* v2.29 Settings: replay the lessons of every game */ .g20-replay{align-self:flex-start;border:2px solid #2B2340;background:#F4D98B;color:#2B2340;border-radius:99px;padding:9px 18px;font:600 14.5px/1.2 'Noto Sans',system-ui,sans-serif;cursor:pointer;box-shadow:2px 3px 0 rgba(43,35,64,.25)} .g20-replay:focus-visible{outline:3px solid #E9A23B;outline-offset:2px} .g20-replay:disabled{background:#C6E0C0;cursor:default} /* ---- games220-loop.css ---- */ /* Study Space v2.20: the learning loop (session card) and the stream tools (games220-loop.js) */ :root{--lp-fw:100vw;--lp-fh:100vh;--lp-gold:#E9A23B;--lp-ink:#2B2340;--lp-mut:#5A5070;--lp-panel:#F6EFE4;--lp-line:rgba(43,35,64,.22);--lp-ok:#3F7A4A;--lp-bad:#C8524A;--lp-serif:"Noto Serif Display","Noto Serif",Georgia,serif} /* ---------- the session card ---------- */ .lp-card{position:fixed;right:18px;bottom:18px;z-index:9650;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 110px);overflow:auto;overscroll-behavior:contain;background:var(--lp-panel);color:var(--lp-ink);border:1px solid rgba(255,211,107,.28);border-radius:18px;padding:18px 18px 16px;box-shadow:0 24px 60px rgba(0,0,0,.45);font-size:14px;line-height:1.45;transform:translateY(calc(100% + 40px));opacity:0;transition:transform .45s cubic-bezier(.2,.9,.25,1.1),opacity .3s} .lp-card.in{transform:none;opacity:1} .lp-card .g4-eye,.lp-eye{font-size:10.5px;letter-spacing:.14em;font-weight:700;color:var(--lp-gold);text-transform:uppercase;opacity:.9} .lp-card h3{margin:4px 30px 10px 0;font:600 21px/1.25 var(--lp-serif);color:#fff} .lp-x{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;border:1px solid var(--lp-line);background:transparent;color:var(--lp-ink);font-size:18px;line-height:1;cursor:pointer} .lp-x:hover{border-color:var(--lp-gold)} .lp-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:0 0 12px;padding:0} .lp-nums li{background:rgba(255,255,255,.05);border:1px solid var(--lp-line);border-radius:12px;padding:8px 10px;font-size:12px;color:var(--lp-mut)} .lp-nums b{display:block;font:600 22px/1.1 var(--lp-serif);color:#fff} .lp-near{border-left:3px solid var(--lp-gold);background:rgba(255,211,107,.08);border-radius:0 10px 10px 0;padding:8px 12px;margin:0 0 12px} .lp-near p{margin:2px 0} .lp-near b{color:var(--lp-gold)} .lp-sec{margin:0 0 12px} .lp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px} .lp-chip{border-radius:999px;padding:4px 10px;font-size:12.5px;border:1px solid var(--lp-line)} .lp-chip.ok{border-color:rgba(143,227,166,.5);color:var(--lp-ok);background:rgba(143,227,166,.08)} .lp-shaky{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px} .lp-shaky li{background:rgba(255,143,125,.07);border:1px solid rgba(255,143,125,.25);border-radius:12px;padding:8px 10px} .lp-shaky b{color:#ffd0c6;font-weight:600} .lp-shaky p{margin:2px 0 0;color:var(--lp-ink);opacity:.9;font-size:13px} .lp-goal{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:linear-gradient(120deg,rgba(255,211,107,.16),rgba(255,211,107,.04));border:1px solid rgba(255,211,107,.3)} .lp-goal p{margin:3px 0 0;font:600 15.5px/1.35 var(--lp-serif);color:#fff} .lp-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px} .lp-rank,.lp-streak{background:rgba(255,255,255,.05);border:1px solid var(--lp-line);border-radius:12px;padding:9px 11px;min-width:0} .lp-rank-t{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} .lp-rank-t .g4-eye{flex-basis:100%} .lp-rank-t b{font:600 17px var(--lp-serif);color:#fff} .lp-rank-t em{font-style:normal;color:var(--lp-ok);font-size:12.5px;font-weight:600} .lp-rank small,.lp-streak small{display:block;color:var(--lp-mut);font-size:11.5px;margin-top:3px} .lp-bar{height:7px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:6px} .lp-bar i{display:block;height:100%;background:linear-gradient(90deg,#f39a2e,var(--lp-gold));border-radius:9px;transition:width .8s ease} .lp-streak{display:flex;gap:10px;align-items:flex-start} .lp-streak b{font-size:13.5px;color:#fff} .lp-flame{flex:none;width:20px;height:26px;margin-top:2px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 70%,#fff6c2 0,#ffb43a 45%,#e2461c 100%);box-shadow:0 0 14px rgba(255,160,60,.6);animation:lpflick 1.6s ease-in-out infinite alternate} .lp-streak.off .lp-flame{filter:grayscale(1);opacity:.45;animation:none} @keyframes lpflick{to{transform:scale(1.06,.94) rotate(2deg)}} .lp-acts{display:flex;gap:8px;flex-wrap:wrap} .lp-btn{flex:1;min-width:140px;border-radius:999px;border:1px solid rgba(255,211,107,.45);background:transparent;color:var(--lp-ink);padding:10px 14px;font:inherit;font-weight:600;cursor:pointer} .lp-btn:hover,.lp-btn:focus-visible{border-color:var(--lp-gold);background:rgba(255,211,107,.1)} .lp-btn.pri{background:var(--lp-gold);color:#2b1d12;border-color:var(--lp-gold)} .lp-btn.pri:hover{background:#ffe08f} .lp-btn.sm{flex:none;min-width:0;padding:5px 12px;font-size:12.5px;margin-left:6px} .lp-btn[hidden]{display:none} .lp-quiz{margin:0 0 12px;padding:12px;border-radius:12px;border:1px solid var(--lp-line);background:rgba(255,255,255,.04)} .lp-qp{margin:6px 0 10px;font:600 16px/1.35 var(--lp-serif);color:#fff} .lp-qo{display:grid;gap:6px} .lp-qo button{display:flex;gap:10px;align-items:center;text-align:left;border-radius:10px;border:1px solid var(--lp-line);background:rgba(255,255,255,.05);color:var(--lp-ink);padding:9px 11px;font:inherit;cursor:pointer} .lp-qo button:hover:not(:disabled){border-color:var(--lp-gold)} .lp-qo kbd,.lp-opts kbd,.lpv-opts kbd,#games214 .lp-dock-p kbd{background:transparent;box-shadow:none;font:700 11px system-ui,sans-serif;border:1px solid rgba(255,255,255,.3);border-radius:5px;padding:1px 6px;opacity:.85} .lp-qo button.right{border-color:var(--lp-ok);background:rgba(143,227,166,.15)} .lp-qo button.wrong{border-color:var(--lp-bad);background:rgba(255,143,125,.14)} .lp-qx{margin:10px 0 0;font-size:13.5px} .lp-qdone{margin:0} @media (max-width:600px){ .lp-card{left:8px;right:8px;bottom:8px;width:auto;max-height:74vh;border-radius:16px;padding:16px 14px 14px} .lp-row{grid-template-columns:1fr} .lp-card h3{font-size:19px} } @media (prefers-reduced-motion:reduce){.lp-card{transition:opacity .2s}.lp-flame{animation:none}} /* ---------- stream mode: the 16:9 frame ---------- */ body.g4-streaming.lp-frame{--lp-fw:min(100vw,177.7778vh);--lp-fh:min(100vh,56.25vw);background:#000} body.g4-streaming.lp-frame::before{content:"";position:fixed;inset:0;background:#000;z-index:8999} body.g4-streaming.lp-frame #games214{inset:auto;left:calc((100vw - var(--lp-fw)) / 2);top:calc((100vh - var(--lp-fh)) / 2);width:var(--lp-fw);height:var(--lp-fh);overflow:hidden} body.g4-streaming .lp-card{right:auto;left:calc((100vw - var(--lp-fw)) / 2 + 24px);bottom:calc((100vh - var(--lp-fh)) / 2 + 24px);max-height:calc(var(--lp-fh) - 120px)} .lp-ov{--u:calc(var(--lp-fw) / 1920);position:fixed;left:calc((100vw - var(--lp-fw)) / 2);top:calc((100vh - var(--lp-fh)) / 2);width:var(--lp-fw);height:var(--lp-fh);z-index:9700;pointer-events:none;color:var(--lp-ink);font-size:calc(var(--u) * 22)} .lp-ov[hidden],.lp-ov [hidden]{display:none!important} .lp-guide{position:absolute;inset:0;z-index:3} .lp-ov.has-scene .lp-board{display:none} .lp-guide i{position:absolute;border:2px dashed rgba(0,255,200,.7)} .lp-guide i.a{inset:3.5%} .lp-guide i.t{inset:5%;border-color:rgba(255,80,200,.75)} .lp-guide span{position:absolute;left:5%;top:5%;transform:translateY(-120%);font:600 13px system-ui,sans-serif;color:#7fffe0;background:rgba(0,0,0,.6);padding:2px 8px;border-radius:6px} /* the teaching card, a lower third */ .lp-teach{position:absolute;left:5%;bottom:6.5%;max-width:calc(var(--lp-fw) * .9 - 420px);min-width:min(40%,560px);display:flex;gap:calc(var(--u) * 22);align-items:center;padding:calc(var(--u) * 22) calc(var(--u) * 34) calc(var(--u) * 24) calc(var(--u) * 26);border-radius:calc(var(--u) * 18);background:linear-gradient(100deg,#1a0e2c,#2a1434);border:1px solid rgba(255,211,107,.35);border-left:calc(var(--u) * 8) solid var(--lp-gold);box-shadow:0 calc(var(--u) * 20) calc(var(--u) * 60) rgba(0,0,0,.55);overflow:hidden;transform:translateX(-30px);opacity:0;transition:transform .45s cubic-bezier(.2,.9,.25,1.1),opacity .35s} .lp-teach.in{transform:none;opacity:1} .lp-teach .lp-eye{font-size:calc(var(--u) * 17)} .lp-teach b{display:block;font:600 calc(var(--u) * 44)/1.15 var(--lp-serif);color:#fff;margin:calc(var(--u) * 4) 0 calc(var(--u) * 8)} .lp-teach p{margin:0;font-size:calc(var(--u) * 27);line-height:1.4;color:var(--lp-ink)} .lp-gl{flex:none;display:grid;place-items:center;width:calc(var(--u) * 92);height:calc(var(--u) * 92);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,var(--gc) 55%,rgba(0,0,0,.4) 100%);color:#1a0f24;font-size:calc(var(--u) * 50);box-shadow:0 0 calc(var(--u) * 30) var(--gc)} .lp-tbar{position:absolute;left:0;bottom:0;height:calc(var(--u) * 5);width:100%;background:var(--lp-gold);transform-origin:left;animation:lptbar 16s linear forwards;opacity:.7} @keyframes lptbar{from{transform:scaleX(1)}to{transform:scaleX(0)}} /* Ask chat */ .lp-ask{position:absolute;left:5%;top:9%;width:calc(var(--lp-fw) * .9 - 420px);padding:calc(var(--u) * 30) calc(var(--u) * 38) calc(var(--u) * 30);border-radius:calc(var(--u) * 24);background:linear-gradient(160deg,#1c0e30,#0e091c);border:1px solid rgba(255,211,107,.4);box-shadow:0 calc(var(--u) * 30) calc(var(--u) * 80) rgba(0,0,0,.6);transform:translateY(-24px) scale(.98);opacity:0;transition:transform .4s cubic-bezier(.2,.9,.25,1.1),opacity .3s} .lp-ask.in{transform:none;opacity:1} .lp-ask-h{display:flex;justify-content:space-between;align-items:center;gap:20px} .lp-ask .lp-eye{font-size:calc(var(--u) * 18)} .lp-ask h2{margin:calc(var(--u) * 10) 0 calc(var(--u) * 22);font:600 calc(var(--u) * 48)/1.2 var(--lp-serif);color:#fff} .lp-clock{position:relative;width:calc(var(--u) * 86);height:calc(var(--u) * 86);flex:none} .lp-clock svg{width:100%;height:100%;transform:rotate(-90deg)} .lp-clock circle{fill:none;stroke-width:4} .lp-clock .bg{stroke:rgba(255,255,255,.14)} .lp-clock .fg{stroke:var(--lp-gold);stroke-linecap:round;transition:stroke-dashoffset .1s linear} .lp-clock .fg.low{stroke:#ff7a5a} .lp-clock b{position:absolute;inset:0;display:grid;place-items:center;font:700 calc(var(--u) * 34) var(--lp-serif);color:#fff} .lp-opts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 14)} .lp-opts li{position:relative;display:flex;align-items:center;gap:calc(var(--u) * 16);padding:calc(var(--u) * 18) calc(var(--u) * 22);border-radius:calc(var(--u) * 16);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);overflow:hidden;font-size:calc(var(--u) * 31);min-height:calc(var(--u) * 84);transition:opacity .3s,border-color .3s} .lp-opts kbd{position:relative;font-size:calc(var(--u) * 22);padding:calc(var(--u) * 4) calc(var(--u) * 12);border-color:rgba(255,211,107,.6);color:var(--lp-gold)} .lp-opts span{position:relative;flex:1} .lp-opts em{position:relative;font-style:normal;font:700 calc(var(--u) * 30) var(--lp-serif);color:var(--lp-gold)} .lp-vbar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(255,211,107,.28),rgba(255,211,107,.12));transition:width .35s ease} .lp-opts li.right{border-color:var(--lp-ok);background:rgba(143,227,166,.14);box-shadow:0 0 calc(var(--u) * 28) rgba(143,227,166,.35)} .lp-opts li.right .lp-vbar{background:linear-gradient(90deg,rgba(143,227,166,.45),rgba(143,227,166,.18))} .lp-opts li.right em{color:var(--lp-ok)} .lp-opts li.dim{opacity:.55} .lp-ask-f{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 24);margin-top:calc(var(--u) * 20)} .lp-ask-f p{margin:0;font-size:calc(var(--u) * 26);line-height:1.4;color:var(--lp-ink)} .lp-ask-f b{color:var(--lp-gold)} .lp-teachline b{color:var(--lp-ok)!important} .lp-join{display:flex;align-items:center;gap:calc(var(--u) * 14);flex:none;background:rgba(255,255,255,.06);border:1px solid var(--lp-line);border-radius:calc(var(--u) * 16);padding:calc(var(--u) * 10) calc(var(--u) * 18) calc(var(--u) * 10) calc(var(--u) * 10)} .lp-join .lp-qr{width:calc(var(--u) * 120);height:auto;border-radius:6px;display:block} .lp-join b{display:block;font:700 calc(var(--u) * 46)/1 var(--lp-serif);letter-spacing:.12em;color:#fff;margin:calc(var(--u) * 4) 0} .lp-join small{display:block;font-size:calc(var(--u) * 17);color:var(--lp-mut)} .lp-join .lp-eye{font-size:calc(var(--u) * 14)} /* the scoreboard, under the Chronicle */ .lp-board{position:absolute;right:18px;bottom:14px;width:380px;box-sizing:border-box;padding:14px 16px;border-radius:16px;background:#0e091c;border:1px solid rgba(255,211,107,.3);box-shadow:0 14px 40px rgba(0,0,0,.45);font-size:13px} .lp-board ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px 6px} .lp-board li{color:var(--lp-mut);font-size:11.5px} .lp-board li b{display:block;font:700 20px/1.1 var(--lp-serif);color:#fff} .lp-bjoin{display:flex;gap:12px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--lp-line)} .lp-bjoin .lp-qr{width:92px;height:auto;border-radius:5px;flex:none} .lp-bjoin b{display:block;font:700 32px/1 var(--lp-serif);letter-spacing:.12em;color:#fff;margin:3px 0} .lp-bjoin small{display:block;color:var(--lp-mut);font-size:12px} /* scenes: Starting soon and Be right back */ .lp-scene{position:absolute;inset:0;pointer-events:auto;opacity:0;transition:opacity .6s;background:#070514} .lp-scene.in{opacity:1} .lp-sky,.lpv-sky{position:absolute;inset:0;width:100%;height:100%;display:block} .lp-scene-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5%} .lp-scene-c>.lp-eye{font-size:calc(var(--u) * 24);letter-spacing:.18em} .lp-scene h1{margin:calc(var(--u) * 14) 0 calc(var(--u) * 10);font:600 calc(var(--u) * 150)/1 var(--lp-serif);color:#fff;text-shadow:0 0 calc(var(--u) * 50) rgba(255,190,90,.45);letter-spacing:.01em} .lp-sub{margin:0;font-size:calc(var(--u) * 32);color:var(--lp-ink);opacity:.85} .lp-while{margin-top:calc(var(--u) * 56);max-width:calc(var(--u) * 1100);padding:calc(var(--u) * 22) calc(var(--u) * 34);border-radius:calc(var(--u) * 20);background:rgba(10,6,22,.6);border:1px solid rgba(255,211,107,.25)} .lp-while .lp-eye{font-size:calc(var(--u) * 17)} .lp-while b{display:block;margin:calc(var(--u) * 8) 0 calc(var(--u) * 6);font:600 calc(var(--u) * 38) var(--lp-serif);color:var(--lp-gold)} .lp-while p{margin:0;font-size:calc(var(--u) * 27);line-height:1.4} .lp-while.fade{animation:lpfade .9s ease} @keyframes lpfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} .lp-scene-join{position:absolute;right:5%;bottom:6%} .lp-scene-join .lp-qr{width:calc(var(--u) * 210)} .lp-scene-join .lp-join{text-align:left;background:rgba(10,6,22,.7)} /* the streamer's tools */ #games214 .lp-dock{position:relative} #games214 .lp-dock summary{list-style:none;cursor:pointer;border:1px solid rgba(255,211,107,.5);color:#ffd36b;border-radius:999px;padding:7px 13px;font-size:13px} #games214 .lp-dock summary::-webkit-details-marker{display:none} #games214 .lp-dock[open] summary{background:#ffd36b;color:#2b1d12} #games214 .lp-dock-p{position:absolute;right:0;top:calc(100% + 8px);z-index:9800;width:290px;display:grid;gap:6px;padding:12px;border-radius:14px;background:var(--lp-panel);border:1px solid rgba(255,211,107,.3);box-shadow:0 18px 40px rgba(0,0,0,.5);color:var(--lp-ink);font-size:13px} #games214 .lp-dock-p button{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid var(--lp-line);background:rgba(255,255,255,.04);color:var(--lp-ink);border-radius:10px;padding:7px 10px;font:inherit;cursor:pointer} #games214 .lp-dock-p button:hover{border-color:#ffd36b} #games214 .lp-dock-p kbd{min-width:26px;text-align:center;font:700 11px system-ui,sans-serif;border:1px solid rgba(255,211,107,.6);color:#ffd36b;border-radius:5px;padding:1px 5px} #games214 .lp-dock-p label{display:flex;gap:8px;align-items:center;color:var(--lp-ink)} #games214 .lp-dock-p p{margin:2px 0 0;color:var(--lp-mut);font-size:11.5px;line-height:1.4} /* ---------- the viewer page (#play/CODE) ---------- */ html.lp-viewing,html.lp-viewing body{overflow:hidden!important} html.lp-viewing,html:has(body.g4-streaming){scrollbar-gutter:auto} .lp-viewer{position:fixed;inset:0;z-index:100000;background:#070514;color:var(--lp-ink);display:flex;flex-direction:column;font-family:inherit;font-size:16px} .lpv-sky{z-index:0;opacity:.5} .lpv-h,.lpv-main,.lpv-f{position:relative;z-index:1} .lpv-h{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--lp-line);background:rgba(7,5,20,.6)} .lpv-brand{font:600 17px var(--lp-serif);color:var(--lp-gold);flex:1} .lpv-room{font-size:13px;color:var(--lp-mut)} .lpv-room b{color:#fff;letter-spacing:.1em} .lpv-score{font-weight:700;border:1px solid rgba(143,227,166,.5);color:var(--lp-ok);border-radius:999px;padding:2px 10px;font-size:13px} .lpv-main{flex:1;overflow:auto;display:flex;flex-direction:column;justify-content:center;padding:18px 16px} .lpv-c{text-align:center;max-width:460px;margin:0 auto} .lpv-c h1{font:600 28px/1.2 var(--lp-serif);color:#fff;margin:14px 0 8px} .lpv-c p{margin:0 0 16px;color:var(--lp-ink);opacity:.85;line-height:1.5} .lpv-orb{width:74px;height:74px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 50% 65%,#fff6c2 0,#ffb43a 45%,#e2461c 100%);box-shadow:0 0 40px rgba(255,160,60,.6);animation:lpbreathe 2.6s ease-in-out infinite} @keyframes lpbreathe{50%{transform:scale(1.08);box-shadow:0 0 60px rgba(255,160,60,.8)}} .lpv-form{display:flex;gap:8px;justify-content:center} .lpv-form input{width:150px;text-align:center;font:700 28px var(--lp-serif);letter-spacing:.25em;text-transform:uppercase;border-radius:12px;border:1px solid rgba(255,211,107,.5);background:rgba(255,255,255,.06);color:#fff;padding:10px} .lpv-go{border-radius:999px;border:0;background:var(--lp-gold);color:#2b1d12;font:inherit;font-weight:700;padding:12px 22px;cursor:pointer} .lpv-q{max-width:560px;width:100%;margin:0 auto} .lpv-eye{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--lp-gold)} .lpv-time{height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden;margin:10px 0 0} .lpv-time i{display:block;height:100%;background:linear-gradient(90deg,#f39a2e,var(--lp-gold))} .lpv-q h2{font:600 23px/1.3 var(--lp-serif);color:#fff;margin:14px 0 16px} .lpv-opts{display:grid;gap:10px} .lpv-opts button{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;text-align:left;min-height:58px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;padding:12px 14px;font:inherit;font-size:17px;cursor:pointer;-webkit-tap-highlight-color:transparent} .lpv-opts button>*{position:relative} .lpv-opts button i{position:absolute;left:0;top:0;bottom:0;background:rgba(255,211,107,.18)} .lpv-opts button span{flex:1} .lpv-opts button em{font-style:normal;font-weight:700;color:var(--lp-gold)} .lpv-opts kbd{border-color:rgba(255,211,107,.6);color:var(--lp-gold)} .lpv-opts button.mine{border-color:var(--lp-gold);background:rgba(255,211,107,.16);box-shadow:0 0 0 2px rgba(255,211,107,.35)} .lpv-opts button.right{border-color:var(--lp-ok);background:rgba(143,227,166,.16)} .lpv-opts button.right i{background:rgba(143,227,166,.22)} .lpv-opts button.wrong{border-color:var(--lp-bad);background:rgba(255,143,125,.14)} .lpv-opts button.dim{opacity:.6} .lpv-opts button:disabled{cursor:default;opacity:1;color:#fff} .lpv-opts button.dim:disabled{opacity:.55} .lpv-hint,.lpv-res{margin:14px 0 0;line-height:1.5;color:var(--lp-ink)} .lpv-res b{color:var(--lp-ok)} .lpv-f{display:flex;justify-content:space-between;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--lp-line);font-size:12.5px;color:var(--lp-mut);background:rgba(7,5,20,.6)} .lpv-f button{border:1px solid var(--lp-line);background:transparent;color:var(--lp-ink);border-radius:999px;padding:6px 14px;font:inherit;cursor:pointer} /* ---------- v2.22: the loop and the stream tools repainted: paper cards, deep-ink type, cut-paper shadows ---------- On stream every card is a printed slip on the game: high contrast at 1080p, nothing glowing. */ .lp-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--g4-grain),#F6EFE4;color:#2B2340;border:2px solid #2B2340;box-shadow:7px 9px 0 rgba(43,35,64,.22)} .lp-card .g4-eye,.lp-eye{color:#C8664B;opacity:1} .lp-card h3{color:#2B2340} .lp-x{border:1.5px solid #2B2340;color:#2B2340;background:#F6EFE4} .lp-x:hover{background:#F4D98B;border-color:#2B2340} .lp-nums li{background:#EFE4D2;border:1.5px solid rgba(43,35,64,.3);color:#5A5070} .lp-nums b{color:#2B2340} .lp-near{border-left:5px solid #E9A23B;background:#FBEFC4} .lp-near b{color:#9C5A12} .lp-chip{border:1.5px solid rgba(43,35,64,.3)} .lp-chip.ok{border-color:#3F7A4A;color:#2B2340;background:#DDEFD6} .lp-shaky li{background:#FBE3DF;border:1.5px solid rgba(200,82,74,.45)} .lp-shaky b{color:#A63C33} .lp-shaky p{color:#2B2340} .lp-goal{background:radial-gradient(circle at 25% 25%,rgba(43,35,64,.1) 18%,transparent 22%) 0 0/7px 7px,#F4D98B;border:1.5px solid #2B2340} .lp-goal p{color:#2B2340} .lp-rank,.lp-streak{background:#EFE4D2;border:1.5px solid rgba(43,35,64,.3)} .lp-rank-t b,.lp-streak b{color:#2B2340} .lp-rank-t em{color:#3F7A4A} .lp-bar{height:10px;background:#F6EFE4;border:1.5px solid #2B2340} .lp-bar i{background:#E9A23B;border-right:1.5px solid #2B2340;border-radius:0} .lp-flame{background:radial-gradient(circle at 50% 76%,#F4D98B 0 24%,#F6B984 24% 50%,#F07E6E 50%);box-shadow:none;outline:1.5px solid #2B2340;outline-offset:-1px} .lp-btn{border:1.5px solid #2B2340;color:#2B2340;background:#F6EFE4;box-shadow:2px 3px 0 rgba(43,35,64,.18)} .lp-btn:hover,.lp-btn:focus-visible{border-color:#2B2340;background:#F4D98B} .lp-btn.pri{background:#2B2340;color:#F6EFE4;border-color:#2B2340;box-shadow:4px 5px 0 #E9A23B} .lp-btn.pri:hover{background:#3A3054} .lp-quiz{border:1.5px solid rgba(43,35,64,.3);background:#EFE4D2} .lp-qp{color:#2B2340} .lp-qo button{border:1.5px solid rgba(43,35,64,.35);background:#F6EFE4;color:#2B2340} .lp-qo button:hover:not(:disabled){border-color:#2B2340;background:#FBEFC4} .lp-qo kbd,.lp-opts kbd,.lpv-opts kbd,#games214 .lp-dock-p kbd{border:1.5px solid rgba(43,35,64,.5);opacity:1} .lp-qo button.right{border-color:#3F7A4A;background:#DDEFD6} .lp-qo button.wrong{border-color:#C8524A;background:#FBE3DF} body.g4-streaming.lp-frame{background:#2B2340} body.g4-streaming.lp-frame::before{background:#2B2340} .lp-guide i{border:2px dashed rgba(62,138,138,.9)} .lp-guide i.t{border-color:rgba(240,126,110,.9)} .lp-guide span{color:#F6EFE4;background:#3E8A8A} /* teaching card: a lower-third slip with a graha stamp */ .lp-teach{background:var(--g4-grain),#F6EFE4;border:calc(var(--u) * 3) solid #2B2340;border-left:calc(var(--u) * 14) solid var(--gc,#E9A23B);box-shadow:calc(var(--u) * 12) calc(var(--u) * 14) 0 rgba(43,35,64,.35);color:#2B2340} .lp-teach b{color:#2B2340} .lp-teach p{color:#2B2340} .lp-gl{background:var(--gc,#E9A23B);color:#2B2340;border:calc(var(--u) * 3) solid #2B2340;box-shadow:calc(var(--u) * 5) calc(var(--u) * 6) 0 rgba(43,35,64,.3)} .lp-tbar{background:#2B2340;opacity:.85} /* Ask chat */ .lp-ask{background:var(--g4-grain),#F6EFE4;border:calc(var(--u) * 3) solid #2B2340;box-shadow:calc(var(--u) * 14) calc(var(--u) * 16) 0 rgba(43,35,64,.35);color:#2B2340} .lp-ask h2{color:#2B2340} .lp-clock .bg{stroke:rgba(43,35,64,.15)} .lp-clock .fg{stroke:#E9A23B} .lp-clock .fg.low{stroke:#E2685A} .lp-clock b{color:#2B2340} .lp-opts li{border:calc(var(--u) * 2.5) solid #2B2340;background:#FBF6EE;color:#2B2340} .lp-opts kbd{border-color:#2B2340;color:#2B2340;background:#F4D98B} .lp-opts em{color:#9C5A12} .lp-vbar{background:radial-gradient(circle at 25% 25%,rgba(43,35,64,.12) 18%,transparent 22%) 0 0/8px 8px,#F6E3A8} .lp-opts li.right{border-color:#3F7A4A;background:#DDEFD6;box-shadow:calc(var(--u) * 6) calc(var(--u) * 7) 0 #3F7A4A} .lp-opts li.right .lp-vbar{background:radial-gradient(circle at 25% 25%,rgba(43,35,64,.12) 18%,transparent 22%) 0 0/8px 8px,#BFE0B8} .lp-opts li.right em{color:#3F7A4A} .lp-ask-f p{color:#2B2340} .lp-ask-f b{color:#9C5A12} .lp-teachline b{color:#3F7A4A!important} .lp-join{background:#EFE4D2;border:1.5px solid #2B2340} .lp-join b{color:#2B2340} .lp-join small{color:#5A5070} /* scoreboard */ .lp-board{background:#F6EFE4;color:#2B2340;border:2px solid #2B2340;box-shadow:6px 7px 0 rgba(43,35,64,.25)} .lp-board li{color:#5A5070} .lp-board li b{color:#2B2340} .lp-bjoin b{color:#2B2340} .lp-bjoin small{color:#5A5070} /* scenes: a plum night with paper type */ .lp-scene{background:#2E2448;color:#F6EFE4} .lp-scene .lp-eye{color:#F4D98B} .lp-scene h1{color:#F6EFE4;text-shadow:calc(var(--u) * 7) calc(var(--u) * 6) 0 #E2685A} .lp-sub{color:#F6EFE4;opacity:.92} .lp-while{background:var(--g4-grain),#F6EFE4;color:#2B2340;border:calc(var(--u) * 3) solid #2B2340;box-shadow:calc(var(--u) * 10) calc(var(--u) * 12) 0 rgba(20,14,40,.5);transform:rotate(-.6deg)} .lp-while .lp-eye{color:#C8664B} .lp-while b{color:#2B2340} .lp-scene-join .lp-join{background:#F6EFE4;color:#2B2340} /* the streamer's tools */ #games214 .lp-dock summary{border:1.5px solid var(--ink,#2B2340);color:var(--ink,#2B2340);background:var(--paper,#F6EFE4)} #games214 .lp-dock[open] summary{background:#2B2340;color:#F6EFE4} #games214 .lp-dock-p{background:#F6EFE4;border:1.5px solid #2B2340;box-shadow:5px 6px 0 rgba(43,35,64,.2);color:#2B2340} #games214 .lp-dock-p button{border:1.5px solid rgba(43,35,64,.3);background:#FBF6EE;color:#2B2340} #games214 .lp-dock-p button:hover{border-color:#2B2340;background:#F4D98B} #games214 .lp-dock-p kbd{color:#2B2340;border-color:#2B2340} #games214 .lp-dock-p label{color:#2B2340} #games214 .lp-dock-p p{color:#5A5070} /* the viewer page on a phone */ .lp-viewer{background:var(--g4-grain),#F6EFE4;color:#2B2340} .lpv-sky{opacity:.18} .lpv-h{background:#EFE4D2;border-bottom:1.5px solid #2B2340} .lpv-brand{color:#2B2340} .lpv-room b{color:#2B2340} .lpv-score{border:1.5px solid #3F7A4A;color:#3F7A4A} .lpv-c h1,.lpv-q h2{color:#2B2340} .lpv-orb{background:radial-gradient(circle at 50% 70%,#F4D98B 0 26%,#F6B984 26% 52%,#F07E6E 52%);box-shadow:5px 6px 0 rgba(43,35,64,.2);border:2px solid #2B2340} @keyframes lpbreathe{50%{transform:scale(1.06) rotate(-3deg)}} .lpv-form input{border:2px solid #2B2340;background:#FBF6EE;color:#2B2340} .lpv-go{background:#2B2340;color:#F6EFE4;box-shadow:4px 5px 0 #E9A23B} .lpv-eye{color:#C8664B} .lpv-time{background:#EFE4D2;border:1.5px solid #2B2340} .lpv-time i{background:#E9A23B} .lpv-opts button{border:2px solid #2B2340;background:#FBF6EE;color:#2B2340} .lpv-opts button i{background:#F6E3A8} .lpv-opts button em{color:#9C5A12} .lpv-opts button.mine{border-color:#2B2340;background:#F4D98B;box-shadow:4px 5px 0 #2B2340} .lpv-opts button.right{border-color:#3F7A4A;background:#DDEFD6} .lpv-opts button.right i{background:#BFE0B8} .lpv-opts button.wrong{border-color:#C8524A;background:#FBE3DF} .lpv-opts button:disabled{color:#2B2340} .lpv-res b{color:#3F7A4A} .lpv-f{background:#EFE4D2;border-top:1.5px solid #2B2340;color:#5A5070} .lpv-f button{border:1.5px solid #2B2340;color:#2B2340} .lp-card,.lp-ov,.lp-viewer{font-family:"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif} .lp-card h3,.lp-teach b,.lp-ask h2,.lp-scene h1,.lp-while b,.lp-goal p,.lp-qp{font-family:"Noto Serif Display","Noto Serif",Georgia,serif} .lp-nums b,.lp-rank-t b,.lp-board li b,.lp-clock b,.lp-opts em,.lp-join b,.lp-bjoin b{font-family:"Noto Sans",system-ui,sans-serif;font-weight:700} /* ---- games224-jyoti3d.css ---- */ /* games224-jyoti3d.css · Study Space v2.24 · Jyoti 3D: the stage, the HUD in cut paper, menus, touch controls. Tokens from the shared pastel system (paper, ink, rose, coral, apricot, butter, sage, mint, sky, periwinkle, lilac, plum, terracotta, teal, saffron). Flat colour, ink lines, hard paper shadows; no glass, no glow. */ #games214 .j3 { --pa: #F6EFE4; --pa2: #EFE4D2; --ink: #2B2340; --ink2: #5A5070; --coral: #F07E6E; --saff: #E9A23B; --butter: #F4D98B; --sage: #7FB77E; --teal: #3E8A8A; --plum: #6B4A7A; --lilac: #C9A4D8; --peri: #A9A6E8; --terra: #C8664B; --sh: 4px 4px 0 rgba(43, 35, 64, .24); position: relative; width: 100%; height: clamp(420px, calc(100vh - 150px), 1000px); overflow: hidden; border: 2px solid var(--ink); border-radius: 14px; background: var(--pa); color: var(--ink); touch-action: none; user-select: none; -webkit-user-select: none; outline: none; font-family: 'Noto Sans', system-ui, sans-serif; font-size: clamp(11px, .55vw + 7px, 17px); } #games214 .j3:fullscreen { height: 100vh; border: 0; border-radius: 0; } body.g4-streaming #games214 .j3 { height: calc(100vh - 120px); } #games214 .j3-cv { position: absolute; inset: 0; width: 100%; height: 100%; display: block; cursor: crosshair; } #games214 .j3-hud { position: absolute; inset: 0; pointer-events: none; } #games214 .j3-eye { display: block; font-size: .68em; font-weight: 700; letter-spacing: .14em; color: var(--ink2); } #games214 .j3 kbd { display: inline-block; min-width: 1.6em; padding: .05em .45em; margin: 0 .15em; border: 2px solid var(--ink); border-bottom-width: 3px; border-radius: 6px; background: var(--pa); font: 700 .92em 'Noto Sans', system-ui, sans-serif; text-align: center; } /* the plate: rāśi, degree, the light map of the road */ #games214 .j3-plate { position: absolute; left: 12px; top: 12px; display: flex; gap: .7em; align-items: center; padding: .55em .85em .6em .55em; background: var(--pa); border: 2px solid var(--ink); border-radius: 12px; box-shadow: var(--sh); } #games214 .j3-hero { width: 44px; height: 49px; flex: none; } #games214 .j3-hero svg { width: 44px; height: auto; display: block; } #games214 .j3-rn { display: block; font: 600 1.75em/1 'Noto Serif Display', Georgia, serif; } #games214 .j3-rsub { display: block; font-size: .74em; color: var(--ink2); margin-top: .15em; } #games214 .j3-deg { display: flex; align-items: center; gap: .6em; margin-top: .35em; } #games214 .j3-dnum { font-weight: 700; font-variant-numeric: tabular-nums; min-width: 4.3em; font-size: 1.05em; } #games214 .j3-bar { position: relative; width: clamp(130px, 17vw, 300px); height: 16px; } #games214 .j3-map { width: 100%; height: 100%; display: block; border: 2px solid var(--ink); border-radius: 4px; box-sizing: border-box; } #games214 .j3-me { position: absolute; top: -5px; width: 6px; height: 26px; background: var(--coral); border: 2px solid var(--ink); border-radius: 3px; transform: translateX(-50%); box-sizing: border-box; transition: left .08s linear; } #games214 .j3-tr { position: absolute; right: 12px; top: 12px; display: flex; gap: .45em; } #games214 .j3-tr > span { display: flex; align-items: center; gap: .4em; padding: .35em .75em; background: var(--pa); border: 2px solid var(--ink); border-radius: 999px; box-shadow: var(--sh); font-weight: 700; font-variant-numeric: tabular-nums; } #games214 .j3-pun i { width: .8em; height: 1em; background: var(--butter); border: 2px solid var(--ink); border-radius: 40% 40% 45% 45%; box-sizing: border-box; } #games214 .j3-pad i { width: 1em; height: 1em; background: radial-gradient(circle at 50% 60%, var(--butter) 0 22%, transparent 24%), conic-gradient(var(--lilac) 0 12.5%, #F0A3B9 0 25%, var(--lilac) 0 37.5%, #F0A3B9 0 50%, var(--lilac) 0 62.5%, #F0A3B9 0 75%, var(--lilac) 0 87.5%, #F0A3B9 0); border: 2px solid var(--ink); border-radius: 50%; box-sizing: border-box; } #games214 .j3-time { min-width: 4.6em; justify-content: center; } /* ojas: the oil of the flame */ #games214 .j3-ojas { position: absolute; left: 12px; top: 50%; transform: translateY(-40%); display: flex; flex-direction: column; align-items: center; gap: .35em; } #games214 .j3-ojas span { font-size: .72em; font-weight: 700; letter-spacing: .12em; background: var(--pa); border: 2px solid var(--ink); border-radius: 999px; padding: .1em .55em; } #games214 .j3-ojas div { position: relative; width: 22px; height: clamp(90px, 24vh, 220px); border: 2px solid var(--ink); border-radius: 12px; background: var(--pa2); overflow: hidden; box-shadow: var(--sh); } #games214 .j3-ojas i { position: absolute; left: 0; right: 0; bottom: 0; height: calc(var(--o, .7) * 100%); background: linear-gradient(var(--butter), var(--saff) 70%, var(--terra)); border-top: 2px solid var(--ink); transition: height .15s; } #games214 .j3-ojas div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 50%; border-top: 2px dashed rgba(43, 35, 64, .35); } #games214 .j3-ojas.feed div { outline: 3px solid var(--sage); outline-offset: 2px; } #games214 .j3-ojas.drain div { outline: 3px dashed var(--terra); outline-offset: 2px; } #games214 .j3-ojas.low i { background: var(--terra); animation: j3-pulse 0.7s steps(2) infinite; } @keyframes j3-pulse { 50% { opacity: .55; } } /* sight on you: one bar per graha, solid for a friend, hatched for an enemy */ #games214 .j3-sight { position: absolute; right: 12px; top: 64px; width: clamp(160px, 15vw, 240px); padding: .55em .7em .6em; background: rgba(246, 239, 228, .94); border: 2px solid var(--ink); border-radius: 12px; box-shadow: var(--sh); } #games214 .j3-sight ul { list-style: none; margin: .35em 0 0; padding: 0; display: grid; gap: .28em; } #games214 .j3-sight li { display: grid; grid-template-columns: 4.6em 1fr 1.8em; align-items: center; gap: .45em; font-size: .9em; transition: opacity .2s; } #games214 .j3-sight li b { font-weight: 600; white-space: nowrap; } #games214 .j3-sight li i { position: relative; height: .8em; border: 1.5px solid var(--ink); border-radius: 3px; background: var(--pa2); overflow: hidden; } #games214 .j3-sight li s { position: absolute; left: 0; top: 0; bottom: 0; width: calc(var(--v, 0) * 100%); background: var(--gc); border-right: 1.5px solid var(--ink); } #games214 .j3-sight li.enemy s { background: repeating-linear-gradient(135deg, var(--gc) 0 4px, rgba(43, 35, 64, .55) 4px 6px); } #games214 .j3-sight li.neutral s { background: repeating-linear-gradient(90deg, var(--gc) 0 5px, var(--pa2) 5px 7px); } #games214 .j3-sight li em { font-style: normal; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; } #games214 .j3-sight li.zero { opacity: .38; } #games214 .j3-sight li.full em { color: var(--coral); } #games214 .j3-sight li.full i { outline: 2px solid var(--ink); } #games214 .j3-sight li.pop b { animation: j3-pop .35s ease-out; } @keyframes j3-pop { 40% { transform: scale(1.18); } } #games214 .j3-sight .j3-dk { display: none; margin: .4em 0 0; font-size: .8em; color: var(--ink2); } #games214 .j3-sight ul.dark + .j3-dk { display: block; } /* states, prompts, tips, banners */ #games214 .j3-states { position: absolute; left: 50%; bottom: 66px; transform: translateX(-50%); display: flex; gap: .4em; flex-wrap: wrap; justify-content: center; max-width: 80%; } #games214 .j3-states span { padding: .25em .7em; border: 2px solid var(--ink); border-radius: 999px; background: var(--ac); font-weight: 700; font-size: .9em; box-shadow: 3px 3px 0 rgba(43, 35, 64, .22); animation: j3-stamp .4s cubic-bezier(.2, 1.6, .4, 1); } #games214 .j3-states.inline { position: static; transform: none; justify-content: flex-start; max-width: none; margin: .2em 0 .6em; } @keyframes j3-stamp { 0% { transform: scale(1.6) rotate(-6deg); opacity: 0; } 100% { transform: none; opacity: 1; } } #games214 .j3-prompt { position: absolute; left: 50%; bottom: 16px; transform: translate(-50%, 20px); opacity: 0; transition: .25s; } #games214 .j3-prompt.on { opacity: 1; transform: translate(-50%, 0); } #games214 .j3-prompt span { display: inline-block; padding: .5em 1em; background: var(--pa); border: 2px solid var(--ink); border-radius: 12px; box-shadow: var(--sh); font-weight: 600; font-size: 1.05em; white-space: nowrap; } #games214 .j3-tip { position: absolute; left: 50%; top: 92px; max-width: min(560px, 86%); transform: translate(-50%, -8px) rotate(-.6deg); opacity: 0; transition: .3s; padding: .6em 1em; background: var(--pa); border: 2px solid var(--ink); border-radius: 10px; box-shadow: var(--sh); font-size: .95em; line-height: 1.4; text-align: center; } #games214 .j3-tip.on { opacity: 1; transform: translate(-50%, 0) rotate(-.6deg); } #games214 .j3-banner { position: absolute; left: 50%; top: 22%; transform: translateX(-50%); pointer-events: none; } #games214 .j3-bn { opacity: 0; display: flex; flex-direction: column; align-items: center; gap: .1em; padding: .55em 1.4em .6em; background: var(--pa); border: 2px solid var(--ink); border-left: 12px solid var(--bc); border-radius: 10px; box-shadow: 5px 5px 0 rgba(43, 35, 64, .25); white-space: nowrap; } #games214 .j3-bn b { font: 600 1.45em/1.15 'Noto Serif Display', Georgia, serif; } #games214 .j3-bn span { font-size: .85em; color: var(--ink2); } #games214 .j3-bn.big b { font-size: 2.3em; } #games214 .j3-banner.on .j3-bn { animation: j3-slip 2.6s cubic-bezier(.2, 1.3, .4, 1) forwards; } @keyframes j3-slip { 0% { opacity: 0; transform: translateY(-24px) rotate(-3deg) scale(.9); } 10% { opacity: 1; transform: rotate(-1deg); } 85% { opacity: 1; transform: rotate(-1deg); } 100% { opacity: 0; transform: translateY(-8px) rotate(-1deg); } } #games214 .j3-card { position: absolute; left: 50px; bottom: 16px; max-width: min(340px, 70%); opacity: 0; transform: translateY(16px); transition: .3s; } #games214 .j3-card.on { opacity: 1; transform: none; } #games214 .j3-cd { padding: .7em .9em; background: var(--pa); border: 2px solid var(--ink); border-top: 10px solid var(--ac); border-radius: 10px; box-shadow: var(--sh); } #games214 .j3-cd b { font: 600 1.4em/1.1 'Noto Serif Display', Georgia, serif; margin-right: .35em; } #games214 .j3-cd i { color: var(--ink2); } #games214 .j3-cd em { display: block; font-style: normal; font-weight: 600; font-size: .88em; margin-top: .25em; } #games214 .j3-cd p { margin: .35em 0 0; font-size: .9em; line-height: 1.4; } #games214 .j3-labels { position: absolute; inset: 0; opacity: 0; transition: opacity .2s; } #games214 .j3-labels.on { opacity: 1; } #games214 .j3-lab { position: absolute; transform: translate(-50%, calc(-100% - 42px)); padding: .35em .6em; background: var(--pa); border: 2px solid var(--ink); border-top: 6px solid var(--gc); border-radius: 8px; box-shadow: 3px 3px 0 rgba(43, 35, 64, .25); white-space: nowrap; font-size: .85em; text-align: center; } #games214 .j3-lab::after { content: ''; position: absolute; left: 50%; bottom: -12px; width: 2px; height: 10px; background: var(--ink); } #games214 .j3-lab b { display: block; font-size: 1.1em; } #games214 .j3-lab em { display: inline-block; margin-top: .15em; font-style: normal; font-weight: 700; padding: 0 .5em; border-radius: 999px; background: var(--pa2); } #games214 .j3-lab.friend em { background: #C6E0C0; } #games214 .j3-lab.enemy em { background: #EDB9A6; } #games214 .j3-lab small { display: block; color: var(--ink2); } #games214 .j3-title { position: absolute; left: 50%; top: auto; bottom: 9%; transform: translate(-50%, 12px); text-align: center; opacity: 0; transition: opacity .6s, transform .8s; padding: 1em 2em 1.1em; background: rgba(246, 239, 228, .9); border: 2px solid var(--ink); border-radius: 16px; box-shadow: 6px 6px 0 rgba(43, 35, 64, .25); } #games214 .j3-title.on { opacity: 1; transform: translate(-50%, 0); } #games214 .j3-title h1 { margin: .05em 0; font: 600 clamp(36px, 5vw, 72px)/1 'Noto Serif Display', Georgia, serif; letter-spacing: .01em; } #games214 .j3-title p { margin: .2em 0; font-size: 1.1em; } #games214 .j3-title small { color: var(--ink2); } /* the overlay menus */ #games214 .j3-ov { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(239, 228, 210, .62); z-index: 3; overflow: auto; padding: 16px; box-sizing: border-box; } #games214 .j3-ov[hidden] { display: none; } #games214 .j3-menu { width: min(980px, 100%); box-sizing: border-box; padding: 1.4em 1.5em; background: var(--pa); border: 2px solid var(--ink); border-radius: 18px; box-shadow: 7px 7px 0 rgba(43, 35, 64, .26); } #games214 .j3-menu.small { width: min(560px, 100%); } #games214 .j3-menu h2 { margin: .1em 0 .3em; font: 600 clamp(30px, 4vw, 52px)/1.05 'Noto Serif Display', Georgia, serif; } #games214 .j3-menu h2 em { font-style: normal; display: inline-block; padding: 0 .25em; margin-left: .1em; background: var(--coral); border: 2px solid var(--ink); border-radius: 8px; transform: rotate(-4deg); font-size: .6em; vertical-align: .35em; box-shadow: 3px 3px 0 rgba(43, 35, 64, .25); } #games214 .j3-menu p { line-height: 1.5; max-width: 52ch; } #games214 .j3-mh { display: flex; gap: 1.2em; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #games214 .j3-who { display: flex; gap: .7em; align-items: center; padding: .6em .8em; border: 2px solid var(--ink); border-radius: 12px; background: var(--pa2); max-width: 340px; } #games214 .j3-who b { display: block; font: 600 1.25em 'Noto Serif Display', Georgia, serif; } #games214 .j3-who span, #games214 .j3-who small { display: block; font-size: .85em; color: var(--ink2); } #games214 .j3-rcs { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: .6em; margin: 1em 0; } #games214 .j3-rc { display: flex; flex-direction: column; align-items: flex-start; gap: .15em; padding: .65em .75em; text-align: left; cursor: pointer; background: var(--pa); color: var(--ink); border: 2px solid var(--ink); border-top: 10px solid var(--elc, var(--saff)); border-radius: 10px; box-shadow: 3px 3px 0 rgba(43, 35, 64, .22); font: inherit; transition: transform .15s; } #games214 .j3-rc:hover:not([disabled]), #games214 .j3-rc:focus-visible { transform: translateY(-3px) rotate(-.6deg); } #games214 .j3-rc.el-fire { --elc: var(--coral); } #games214 .j3-rc.el-earth { --elc: var(--sage); } #games214 .j3-rc.el-air { --elc: var(--peri); } #games214 .j3-rc.el-water { --elc: var(--teal); } #games214 .j3-rc-n { font: 600 1.25em 'Noto Serif Display', Georgia, serif; } #games214 .j3-rc-e, #games214 .j3-rc-s { font-size: .78em; color: var(--ink2); } #games214 .j3-rc.done .j3-rc-n::after { content: ' ✓'; color: var(--teal); } #games214 .j3-rc.soon { cursor: default; border-style: dashed; box-shadow: none; background: var(--pa2); opacity: .7; } #games214 .j3-mf { display: flex; gap: .55em; flex-wrap: wrap; align-items: center; margin-top: .6em; } #games214 .j3-mf.col { flex-direction: column; align-items: stretch; } #games214 .j3-btn, #games214 .j3-chip { font: 600 1em 'Noto Sans', system-ui, sans-serif; color: var(--ink); background: var(--pa); border: 2px solid var(--ink); border-radius: 999px; padding: .6em 1.2em; cursor: pointer; box-shadow: 3px 3px 0 rgba(43, 35, 64, .22); } #games214 .j3-chip { padding: .45em .9em; font-size: .9em; } #games214 .j3-btn.primary { background: var(--saff); } #games214 .j3-btn:hover, #games214 .j3-chip:hover { transform: translateY(-1px); } #games214 .j3 button:focus-visible, #games214 .j3-ov.ring button:focus { outline: 3px solid var(--coral); outline-offset: 3px; } #games214 .j3-small { font-size: .9em; color: var(--ink2); } #games214 .j3-keys { width: 100%; border-collapse: collapse; margin: .6em 0; font-size: .9em; } #games214 .j3-keys th, #games214 .j3-keys td { text-align: left; padding: .35em .4em; border-bottom: 1.5px solid rgba(43, 35, 64, .2); } #games214 .j3-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5em; margin: .6em 0 .8em; } #games214 .j3-stats div { padding: .5em; border: 2px solid var(--ink); border-radius: 10px; background: var(--pa2); text-align: center; } #games214 .j3-stats b { display: block; font: 600 1.5em 'Noto Serif Display', Georgia, serif; } #games214 .j3-stats span { font-size: .78em; color: var(--ink2); } #games214 .j3-load { display: grid; gap: .5em; justify-items: center; padding: 1.4em 2em; background: var(--pa); border: 2px solid var(--ink); border-radius: 14px; box-shadow: var(--sh); } #games214 .j3-load b { font: 600 1.4em 'Noto Serif Display', Georgia, serif; } #games214 .j3-load i { width: 140px; height: 8px; border: 2px solid var(--ink); border-radius: 6px; background: linear-gradient(90deg, var(--saff) 0 30%, var(--pa2) 30%) 0 0 / 200% 100%; animation: j3-load 1.1s linear infinite; } @keyframes j3-load { to { background-position: -200% 0; } } #games214 .j3-fs { position: absolute; right: 12px; bottom: 12px; width: 38px; height: 38px; border: 2px solid var(--ink); border-radius: 10px; background: var(--pa); box-shadow: 3px 3px 0 rgba(43, 35, 64, .22); font-size: 1.15em; cursor: pointer; z-index: 2; color: var(--ink); } /* touch: a stick that appears under the left thumb, and paper buttons on the right */ #games214 .j3-touch { position: absolute; inset: 0; pointer-events: none; display: none; } @media (pointer: coarse) { #games214 .j3-touch { display: block; } #games214 .j3-fs { display: none; } } #games214 .j3-touch button { pointer-events: auto; position: absolute; border: 2px solid var(--ink); background: rgba(246, 239, 228, .9); color: var(--ink); font: 700 .95em 'Noto Sans', system-ui, sans-serif; border-radius: 50%; box-shadow: 3px 3px 0 rgba(43, 35, 64, .25); touch-action: none; } #games214 .j3-touch button.on { transform: translate(2px, 2px); box-shadow: none; background: var(--butter); } #games214 .j3-tb-j { right: 18px; bottom: 22px; width: 84px; height: 84px; background: var(--saff) !important; } #games214 .j3-tb-d { right: 112px; bottom: 26px; width: 62px; height: 62px; } #games214 .j3-tb-r { right: 30px; bottom: 120px; width: 58px; height: 58px; } #games214 .j3-tb-p { left: 50%; transform: translateX(-50%); top: 10px; width: 40px; height: 40px; border-radius: 10px !important; } #games214 .j3-stick { position: absolute; width: 104px; height: 104px; margin: -52px 0 0 -52px; border: 2px solid var(--ink); border-radius: 50%; background: rgba(246, 239, 228, .35); opacity: 0; transition: opacity .15s; } #games214 .j3-stick.on { opacity: 1; } #games214 .j3-stick i { position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px; border: 2px solid var(--ink); border-radius: 50%; background: var(--butter); } /* small screens: a compact HUD (v2.28: also phones held sideways) */ @media (max-width: 760px), (max-height: 500px) and (orientation: landscape) { #games214 .j3 { height: calc(100svh - 128px); min-height: 460px; border-radius: 10px; font-size: 11px; } #games214 .j3-plate { left: 8px; top: 8px; padding: .4em .55em; gap: .45em; } #games214 .j3-hero { display: none; } #games214 .j3-rsub { display: none; } #games214 .j3-bar { width: 120px; } #games214 .j3-tr { right: 8px; top: 8px; flex-direction: column; align-items: flex-end; gap: .3em; } #games214 .j3-tr > span { padding: .2em .55em; } #games214 .j3-sight { top: auto; bottom: 228px; right: 8px; width: 128px; padding: .4em .5em; } #games214 .j3-tb-p { left: auto; right: 8px; top: 104px; transform: none; } #games214 .j3-title { width: calc(100% - 40px); box-sizing: border-box; padding: .8em 1em; } #games214 .j3-title h1 { font-size: 44px; } #games214 .j3-sight .j3-eye { display: none; } #games214 .j3-sight li { grid-template-columns: 3.8em 1fr 1.6em; font-size: .85em; } #games214 .j3-ojas { left: 8px; } #games214 .j3-ojas div { height: 90px; } #games214 .j3-states { top: 70px; bottom: auto; left: 8px; transform: none; justify-content: flex-start; max-width: 64%; } #games214 .j3-card { left: 8px; bottom: 132px; max-width: 58%; } #games214 .j3-tip { top: 64px; } #games214 .j3-banner { top: 18%; } #games214 .j3-bn.big b { font-size: 1.7em; } #games214 .j3-menu { padding: 1em; } #games214 .j3-rcs { grid-template-columns: repeat(2, 1fr); } #games214 .j3-stats { grid-template-columns: repeat(2, 1fr); } #games214 .j3-keys th:nth-child(2), #games214 .j3-keys td:nth-child(2) { display: none; } #games214 .j3-prompt { bottom: 120px; } } /* the doors into the 3D game */ #games214 .j3-door .j3-door-ic { display: inline-grid; place-items: center; min-width: 1.9em; height: 1.4em; border: 2px solid currentColor; border-radius: 6px; font-weight: 800; font-size: .78em; letter-spacing: .02em; } #games214 .j3-mapcard { border-top: 8px solid #F07E6E; } @media (prefers-reduced-motion: reduce) { #games214 .j3 * { animation: none !important; transition: none !important; } } #games214 .j3.nohud .j3-hud > :not(.j3-title):not(.j3-banner), #games214 .j3.nohud .j3-touch, #games214 .j3.nohud .j3-fs { display: none; } /* v2.28 a phone held sideways: the stage fills the height under the slim bar; the readings sit on the left, the counters top right, the buttons in the right thumb's corner, the pause button top middle */ @media (max-height: 500px) and (orientation: landscape) { #games214 .j3 { height: calc(100dvh - 60px - env(safe-area-inset-bottom)); min-height: 0; font-size: 10.5px; } #games214 .j3-plate { left: max(8px, env(safe-area-inset-left)); } #games214 .j3-states { top: 62px; } #games214 .j3-sight { top: 92px; bottom: auto; left: calc(max(8px, env(safe-area-inset-left)) + 40px); right: auto; width: 118px; } #games214 .j3-ojas { left: max(8px, env(safe-area-inset-left)); top: auto; bottom: 10px; transform: none; } #games214 .j3-ojas div { height: 70px; } #games214 .j3-tb-p { left: 50%; right: auto; top: 6px; transform: translateX(-50%); width: 34px; height: 34px; } #games214 .j3-tb-j { right: max(12px, env(safe-area-inset-right)); bottom: 14px; width: 66px; height: 66px; } #games214 .j3-tb-d { right: calc(max(12px, env(safe-area-inset-right)) + 74px); bottom: 14px; width: 50px; height: 50px; } #games214 .j3-tb-r { right: calc(max(12px, env(safe-area-inset-right)) + 10px); bottom: 90px; width: 46px; height: 46px; } #games214 .j3-card { left: auto; right: max(8px, env(safe-area-inset-right)); bottom: auto; top: 100px; max-width: 40%; } #games214 .j3-title { bottom: 10px; padding: .5em .9em; width: min(70%, 520px); } #games214 .j3-title h1 { font-size: 30px; } #games214 .j3-menu { padding: .8em; } }