/* Shared warm glass surfaces and sage controls. */
.ad-slot small{display:block;font-size:10px;color:#807864;margin-bottom:14px}.ad-slot a{display:block;color:#546849;text-decoration:none;font-size:14px;line-height:1.8}.ad-slot a:focus-visible{outline:2px solid #a18a61;outline-offset:4px}
:root{--glass:linear-gradient(135deg,rgba(255,251,238,.78),rgba(229,221,202,.58));--glass-edge:rgba(255,253,243,.82);--glass-shadow:inset 0 1px 0 #fff9,0 12px 32px #5446310c;--bronze:#a18a61;--sage:#56684d}
body{background:radial-gradient(ellipse at 8% 60%,#c9b99530,transparent 45%),radial-gradient(ellipse at 95% 80%,#a8b49a28,transparent 45%),#eeeae0}
.card,.panel,#result,dialog,.language-popover,.library-item,.manuscript-exhibit,.ad-slot,textarea{background:var(--glass);border:1px solid var(--glass-edge);border-radius:22px;box-shadow:var(--glass-shadow);backdrop-filter:blur(20px) saturate(.85);-webkit-backdrop-filter:blur(20px) saturate(.85);color:#514c40}
.card{background:linear-gradient(135deg,#fffbedb8,#e6ddc99c),url('dongba-stone-background.png') center/cover;border-radius:26px;box-shadow:inset 0 1px 0 #fff9,0 14px 32px #54463110}
.panel{padding:25px;min-width:0}.panel h1,#result h2{font-family:'Songti SC','SimSun',serif;font-weight:500;color:#454b3d}
#result{padding:22px;margin-top:20px;border-color:#c9bb9e88;background:linear-gradient(130deg,#fffceeaa,#e6dfcb99)}
#result .muted{line-height:1.9}#result>a,#result>a:visited{display:inline-block;margin-top:14px;color:#667455;text-decoration-color:#89937566;text-underline-offset:4px;font-size:12px}
button,.cycle-pill,.cover-cta,.cover-link,.language-trigger,.footer button,.art-close,#library-close{border:1px solid #9ba88970;border-radius:100px;background:linear-gradient(140deg,#eef0e0db,#cdd6bdd4);color:#46563c;box-shadow:inset 0 1px 0 #fffc,0 3px 9px #495a3509;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
button:hover:not(:disabled),.cycle-pill:hover,.cover-cta:hover,.cover-link:hover,.language-trigger:hover:not(:disabled){background:linear-gradient(140deg,#e5ecd9,#bccbac);color:#35472f;filter:none;border-color:#8b9e77}
button:focus-visible,a:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
button.primary,.cycle-pill.selected{background:linear-gradient(135deg,#7b8d6ee8,#586c4ee8);border-color:#74866a;color:#fffdf1;box-shadow:inset 0 1px 0 #ffffff40,0 4px 12px #445c351a}
.key{border-radius:12px}.cell{background:var(--glass);border-color:#b7a88880;border-radius:12px;box-shadow:inset 0 1px 0 #fff9;backdrop-filter:blur(10px)}
.active .cell{border-color:#a18a6199;box-shadow:inset 0 1px 0 #fff9,0 0 0 2px #bda47715}
.cell.correct,.key.correct{background:linear-gradient(135deg,#768c6e,#516d53);border-color:#5b7658;color:#fffdf4}.cell.present,.key.present{background:linear-gradient(135deg,#b39c68,#958049);border-color:#a08b55;color:#fffdf4}.cell.absent,.key.absent{background:linear-gradient(135deg,#8a877c,#6f7167);border-color:#777b6e;color:#fffdf4}
.language-trigger[aria-expanded=true]{background:#e3e9d6;color:#425439}.language-popover{padding:12px}.language-popover button{border-radius:12px;background:transparent;box-shadow:none}.language-popover button[aria-checked=true]{background:#ced9be99;border-color:#9ba98c55}
.cover-link{padding:11px 18px}.cover-cta{border-radius:100px}.manuscript-exhibit{padding:12px;border-radius:20px}.manuscript-exhibit img,.art-dialog img{border-radius:12px}.manuscript-exhibit:hover{background:var(--glass);color:#514c40}
dialog::backdrop{background:#28312570;backdrop-filter:blur(9px)}.art-dialog{background:linear-gradient(135deg,#f8f2e5ed,#ded8c8e6)}
.library-item{border-radius:17px;padding:14px;min-height:112px}.library-item:hover{background:linear-gradient(135deg,#f5f3e6,#d8dfc9);border-color:#aab497}.library-item:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
#library-close,.art-close{padding:6px 12px;border:1px solid #a8b29666;background:#dbe3cdb3}.ad-slot{border-radius:16px;background:#f5efdf55;border-color:#c4b69755}.footer button{padding:7px 14px}textarea{padding:12px;border-radius:14px}
@media(max-width:760px){.panel{padding:21px 18px}.card{border-radius:22px}.share-actions{gap:8px}.share-actions button{padding:9px 12px}.legend{gap:8px}}
.site-notes{position:relative;isolation:isolate;margin:28px 0 12px;padding:30px 32px 24px;border:1px solid rgba(255,253,243,.78);border-radius:24px;background:linear-gradient(125deg,rgba(255,252,242,.74),rgba(229,222,204,.52));backdrop-filter:blur(22px) saturate(.8);-webkit-backdrop-filter:blur(22px) saturate(.8);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #98826512,0 16px 40px #5446310b,0 2px 6px #54463106;color:#625d50;overflow:hidden}
.site-notes:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0 0,#b3976140,transparent 56%),radial-gradient(ellipse at 100% 100%,#7f927826,transparent 55%);opacity:.65}
.site-notes h2{display:flex;align-items:center;gap:12px;margin:0 0 15px;font:500 20px/1.5 'Noto Serif SC','Songti SC','SimSun',serif;letter-spacing:2px;color:#4e493c}
.site-notes h2:before{content:'';display:block;width:6px;height:6px;flex:none;border:1px solid #9b8050;transform:rotate(45deg);box-shadow:0 0 0 4px #bba17012}
.site-notes>p{max-width:78ch;margin:0;font-size:13px;line-height:2.05;letter-spacing:.2px;color:#6b6558;text-wrap:pretty}
.community{display:grid;grid-template-columns:1fr auto;gap:6px 24px;align-items:center;margin-top:24px;padding:21px 0 0;border-top:1px solid #a8967229;font-size:12px}
.community strong{grid-column:1;grid-row:1;font-weight:500;font-size:15px;letter-spacing:.6px;color:#4f5848}
.community>span{grid-column:1;grid-row:2;line-height:1.8;color:#7a7467}
.community a,.community a:visited{grid-column:2;grid-row:1 / 3;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 21px;border:1px solid #9ca48766;border-radius:100px;background:linear-gradient(145deg,#f7f7eabf,#cdd5bd70);box-shadow:inset 0 1px 0 #fffc,0 4px 12px #48543b0b;color:#46553f;text-decoration:none;font-size:12px;letter-spacing:.35px;white-space:nowrap}
.community a:hover{background:#e1e7d4;border-color:#879573;color:#33482e}.community a:focus-visible{outline:2px solid #8b784e;outline-offset:4px}
.footer .sponsor-credit{border-top-color:#b5a88d38!important;color:#8a806e}.footer .sponsor-credit a{color:#6a745d!important;text-decoration-color:#8b967b66}
@media(max-width:600px){.site-notes{padding:24px 21px 22px;border-radius:20px;margin-top:24px}.site-notes h2{font-size:18px;letter-spacing:1px}.site-notes>p{font-size:12px;line-height:2}.community{grid-template-columns:1fr;gap:8px;padding-top:18px;margin-top:20px}.community a{grid-column:1;grid-row:3;justify-self:start;margin-top:5px;min-height:42px}}
@supports not (backdrop-filter:blur(1px)){.site-notes{background:linear-gradient(125deg,#f7f3e9,#e7e3d7)}}