.home-page{--paper:#f1eee7;--white:#fffcf6;--rule:#ded8cc;--ink:#29251f;--muted:#72685c;--accent:#a42b22;--signal:#b83226;--signal-ink:#fff9ec;--subtle:#f5f0e6;--row-hover:#f4ede1;--tint:#f9e7dd}
.home-page:where([data-theme=dark] *){--paper:#201f1d;--white:#282622;--rule:#423d34;--ink:#f4edde;--muted:#bfb3a2;--accent:#f18c77;--signal:#a73529;--signal-ink:#fff5df;--subtle:#302d27;--row-hover:#393027;--tint:#3b2b24}
.home-page .site-header,.home-page .main,.home-page .site-footer,.home-hero{max-width:1680px;margin-inline:auto}.home-page .site-header{background:none;border:0;padding:0 36px;min-height:76px}.home-page .main{padding:0 36px 24px}.home-page .site-header .edition-label{font-size:11px}.home-page .site-nav a{font-size:13px}.home-page .wordmark{font-size:34px;letter-spacing:-.07em}.home-page .brand-emblem{display:none}.home-page .brand-han{font-size:21px}.home-page .site-footer{border-top:1px solid var(--rule);margin-top:0}
.home-page .home-hero{padding:0 36px 22px;margin:0 auto;background:none;color:var(--ink);border:0;border-radius:0;box-shadow:none;position:relative}.search-intro{display:flex;align-items:center;gap:17px;margin:4px 0 16px}.search-intro-mark{font-size:56px;line-height:1;color:var(--accent);font-family:var(--han-display-tc)}.search-intro h1{font-family:var(--sans);font-size:26px;letter-spacing:-.035em;font-weight:500;line-height:1.2}.search-intro p{font-size:13px;color:var(--muted);margin-top:5px}.search-edition{margin-left:auto;font-size:10px;letter-spacing:.16em;color:var(--muted);text-align:right}.home-page .home-hero .global-search-inner{max-width:none;width:100%;padding:0}.home-page .home-hero .search-key{display:none}.search-recents{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;margin-top:12px;color:var(--muted)}.search-recents>span{letter-spacing:.12em;font-size:9px}.search-recents>button{padding:3px 9px;border:1px solid var(--rule);background:var(--white);border-radius:4px;font-size:12px;color:var(--ink)}.search-recents>[data-clear-recents]{margin-left:auto;border:0;background:none;color:var(--muted)}
.collection-app{grid-template-columns:minmax(0,1.23fr) minmax(360px,.77fr);gap:22px;margin-top:0;align-items:start}.collection-overview{border:0;border-radius:0;background:transparent;overflow:visible}.collection-heading{padding:3px 0 15px;align-items:end;gap:15px}.collection-heading .section-tag{font-family:var(--han-display-tc);font-size:12px;letter-spacing:.2em;color:var(--accent)}.collection-heading h1,.collection-heading h2{font-family:var(--sans);font-size:22px;letter-spacing:-.04em;font-weight:500;margin-top:3px}.collection-heading>a{color:var(--muted);font-size:11px;white-space:nowrap}.collection-heading>a>span{font-size:16px;color:var(--accent)}.collection-tabs{padding:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);gap:0;margin:0 0 0;background:none}.collection-tabs>button{padding:12px 17px 10px;min-height:46px;font-size:13px;border-bottom:2px solid transparent}.collection-tabs>button:first-child{padding-left:3px;padding-right:22px}.collection-tabs>button[aria-pressed=true]{background:none;border-bottom-color:var(--accent);color:var(--accent)}.collection-history{display:flex;align-items:center;gap:13px;min-height:43px;border-bottom:1px solid var(--rule);overflow:auto;padding:5px 2px}.collection-history>span{font-size:9px;letter-spacing:.1em;white-space:nowrap;color:var(--muted)}.collection-history>div{display:flex;gap:10px;align-items:center}.collection-history a{font-family:var(--han-display-tc);font-size:20px;color:var(--muted);white-space:nowrap}.collection-history a[aria-current=true]{color:var(--accent)}
.collection-inspector{padding:0 0 1px;top:14px;max-height:calc(100svh - 28px);border-top:1px solid var(--ink);scrollbar-gutter:stable}.collection-inspector-bar{padding:12px 1px 9px;font-size:11px;letter-spacing:.01em}.entry-tools{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.entry-tools button{padding:6px 10px;min-height:34px;border:1px solid var(--rule);background:var(--white);border-radius:3px;font-size:11px;color:var(--muted)}.entry-tools button:hover,.entry-tools button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.entry-tools [data-explore-entry]{margin-left:auto;border:0;background:none;color:var(--accent);padding-right:0}.collection-inspector .home-entry,.collection-inspector .catalog-identity{border-radius:4px}.collection-inspector .home-entry-top{padding:10px 13px;font-size:10px}.collection-inspector .home-entry-overview{grid-template-columns:100px minmax(0,1fr);padding:17px 14px;gap:17px}.collection-inspector .home-glyph-stage{background:none;border:0;min-height:130px}.collection-inspector .home-glyph-stage>.han{font-size:91px;color:var(--ink);line-height:1.15}.collection-inspector .home-glyph-caption{font-size:8px}.collection-inspector .home-definition h2{font-family:var(--sans);font-size:23px;font-weight:500;line-height:1.24;letter-spacing:-.035em}.collection-inspector .home-reading{font-size:16px;margin-bottom:8px}.collection-inspector .home-senses p{font-size:13px;line-height:1.6}.collection-inspector .home-readings{grid-template-columns:1fr 1fr;font-size:13px}.collection-inspector .home-depth-grid{grid-template-columns:1fr}.collection-inspector .home-depth-card{border-right:0;border-bottom:1px solid var(--rule);padding:14px 15px 0}.collection-inspector .home-depth-card h3{font-size:20px;font-weight:400}.collection-inspector .home-depth-card>p{font-size:13px;line-height:1.65}.collection-inspector .home-word-card{grid-column:auto;border-top:0}.collection-inspector .home-word-list{display:block}.collection-inspector .catalog-record-grid{grid-template-columns:1fr;gap:10px}.collection-inspector .detail-card{border-radius:4px}.collection-inspector .catalog-identity>div:first-child{font-size:82px}.collection-inspector .word-identity h1,.collection-inspector .word-identity h2{font-size:44px}.collection-inspector .word-detail-grid{grid-template-columns:1fr}.collection-inspector .word-identity{border-radius:4px;flex-wrap:wrap}.collection-inspector .word-identity .reading{font-size:18px}.collection-inspector .detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-inspector .home-source-map summary{padding:12px;font-size:11px}.collection-inspector .home-source-map summary>span:last-child{font-size:10px}.collection-footnote{font-size:10px;border-top:1px solid var(--rule);padding-top:13px;margin-top:19px}
.field-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 0;font-size:11px}.field-modes{display:flex;gap:3px}.field-toolbar button{font-size:11px;padding:6px 9px;min-height:32px;color:var(--muted);border:1px solid transparent;border-radius:3px}.field-toolbar button[aria-pressed=true]{color:var(--accent);border-color:var(--rule);background:var(--white)}.field-stage{height:590px;position:relative;border:1px solid var(--rule);border-radius:4px;background:var(--white);overflow:hidden;isolation:isolate}.field-stage canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-3px}.field-corner-label{position:absolute;top:17px;left:19px;display:flex;gap:10px;align-items:center;pointer-events:none}.field-corner-label>span{font-family:var(--han-display-tc);writing-mode:vertical-rl;color:var(--accent);font-size:23px;letter-spacing:.12em}.field-corner-label>small{font-size:8px;letter-spacing:.17em;color:var(--muted);max-width:80px;line-height:1.6}.field-zoom{display:flex;position:absolute;bottom:15px;right:15px;border:1px solid var(--rule);background:var(--white);border-radius:4px;align-items:center;box-shadow:0 2px 8px #00000005}.field-zoom button{width:35px;min-height:36px;color:var(--ink);font-size:17px}.field-zoom output{font-size:10px;font-variant-numeric:tabular-nums;min-width:38px;text-align:center;color:var(--muted)}.field-hover{position:absolute;bottom:17px;left:17px;right:165px;display:flex;gap:13px;align-items:center;background:var(--white);border:1px solid var(--rule);box-shadow:0 3px 13px #0000000b;padding:11px 13px;border-radius:4px;pointer-events:none}.field-hover>[lang]{font-family:var(--han-display-tc);color:var(--accent);font-size:39px}.field-hover strong{font-size:14px;font-weight:500}.field-hover p{font-size:12px;line-height:1.45;margin:3px 0}.field-hover small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.field-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);padding:12px 0 8px;line-height:1.5}.field-meta>span:last-child{white-space:nowrap}.field-caption{font-size:11px;line-height:1.6;color:var(--muted);max-width:600px}.field-accessible{margin-top:10px;font-size:11px;color:var(--muted)}.field-accessible summary{cursor:pointer;padding:5px 0}.field-accessible>div{display:flex;gap:8px;flex-wrap:wrap;padding:7px 0}.field-accessible>div>a{font-size:26px;color:var(--accent);min-width:36px;min-height:38px;text-align:center;background:var(--white);border:1px solid var(--rule);border-radius:4px}.field-accessible>a{color:var(--accent)}.field-loading{font-size:11px;color:var(--muted);padding-top:15px}.collection-character-grid{max-height:695px;padding:12px 0;grid-template-columns:repeat(9,minmax(0,1fr));background:none}.collection-character-grid>a{min-height:77px;border-radius:4px}.collection-character-grid>a>.han{font-size:34px}.collection-character-grid small{font-size:11px}.collection-filters{padding:12px 0;background:none;font-size:11px}.collection-filters select{min-width:65px}.collection-index-note{font-size:10px;justify-content:start;padding-left:0}.collection-word-scroll{padding-inline:0;max-height:732px}.collection-word{padding:12px 8px;grid-template-columns:minmax(90px,.65fr) minmax(0,2fr) 16px}.collection-word>[lang]{font-family:var(--han-display-tc);font-size:28px}.collection-word small{font-size:13px}.collection-pager{padding-inline:0}
.saved-opening{padding:24px 0 16px}.saved-opening h2{font-size:25px;font-weight:400}.saved-opening p,.saved-empty{font-size:13px;color:var(--muted);line-height:1.65}.saved-entry{display:grid;grid-template-columns:95px 1fr 18px;align-items:center;gap:15px;border-bottom:1px solid var(--rule);padding:15px 8px}.saved-entry>[lang]{font-family:var(--han-display-tc);font-size:32px;color:var(--accent);overflow-wrap:anywhere}.saved-entry>span:nth-child(2){font-size:13px}.saved-entry>b{font-weight:400;color:var(--muted)}
.collection-app.searching .collection-heading{display:none}.collection-app.searching .collection-tabs{display:flex!important;border-top:0;justify-content:end}.collection-app.searching .collection-tabs>button{font-size:11px;padding:8px 12px;min-height:35px;color:var(--muted)}.collection-app.searching #collection-field,.collection-app.searching #collection-saved{display:none!important}#collection-search-results{max-height:820px;padding:0 0 15px;background:none}#collection-search-results .search-type-tabs{position:sticky;top:0;background:var(--paper);z-index:2;border-bottom:1px solid var(--rule);padding:0}#collection-search-results .search-type-tabs>a{font-size:13px;padding:11px 14px;border-radius:0}#collection-search-results .search-type-tabs>a:first-child{padding-left:3px}#collection-search-results .results-heading{margin:12px 0 16px;padding:0;align-items:center}.results-heading .search-state{font-size:10px;color:var(--muted);font-weight:400}.exact-result{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr) 14px;align-items:center;gap:22px;padding:20px 22px;background:var(--white);border:1px solid var(--accent);border-left:4px solid var(--accent);border-radius:4px;margin:0 0 26px;box-shadow:3px 3px 0 var(--tint)}.exact-glyph{font-family:var(--han-display-tc);font-size:60px;line-height:1.2;letter-spacing:-.04em;color:var(--accent);max-width:220px;overflow-wrap:anywhere}.exact-eyebrow{font-size:9px;letter-spacing:.12em;color:var(--accent);display:block;margin-bottom:7px}.exact-eyebrow>b{font-weight:400;color:var(--muted);margin-left:9px}.exact-result strong{display:block;font-size:18px;font-weight:500}.exact-result p{font-size:15px;line-height:1.55;margin:6px 0}.exact-result small{font-size:10px;color:var(--muted)}.exact-result>span{color:var(--accent)}mark{background:var(--tint);color:var(--accent);border-radius:2px;padding:0 1px}.result-word{border-bottom:1px solid var(--rule)}#collection-search-results .dictionary-row,.dictionary-row{position:relative;grid-template-columns:22px minmax(105px,.9fr) minmax(120px,1.2fr) 12px;gap:5px 15px;padding:14px 6px 12px;min-height:85px;border-bottom:0}#collection-search-results .dictionary-headword,.dictionary-headword{grid-column:2;grid-row:1;font-size:29px;font-family:var(--han-display-tc);display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}#collection-search-results .dictionary-headword>.dim{font-size:22px;color:var(--muted)}#collection-search-results .dictionary-reading,.dictionary-reading{grid-column:3;grid-row:1;font-size:15px;align-self:center;text-align:left;color:var(--accent)}#collection-search-results .dictionary-gloss,.dictionary-gloss{grid-column:2/4;grid-row:2;font-size:14px;line-height:1.65}#collection-search-results .dictionary-row .result-number,.result-number{grid-column:1;grid-row:1;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}#collection-search-results .dictionary-row .result-source,.result-source{grid-column:2/4;grid-row:3;font-size:9px;letter-spacing:.04em;color:var(--muted)}#collection-search-results .dictionary-row .result-arrow,.result-arrow{grid-column:4;grid-row:1/4;color:var(--accent)}.result-alternatives{padding:0 8px 12px 43px;font-size:10px;color:var(--muted)}.result-alternatives>summary{cursor:pointer}.result-alternatives a{display:block;font-size:12px;padding:9px 0 3px;line-height:1.6;color:var(--ink)}#collection-search-results .panel-heading{padding-bottom:7px;border-bottom:1px solid var(--ink);margin-bottom:0}#collection-search-results .panel-heading h2{font-size:16px;font-weight:500}#collection-search-results .panel-heading a{font-size:10px;color:var(--muted)}#collection-search-results .unified-groups{gap:28px}#collection-search-results .character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:12px}#collection-search-results .character-card{padding:12px 12px 0;min-height:147px;border-radius:4px;background:var(--white)}#collection-search-results .card-glyph{font-size:40px}#collection-search-results .card-gloss{font-size:13px;line-height:1.6}#collection-search-results .card-kind{font-size:9px}#collection-search-results .card-reading{font-size:13px}.search-scope-note{font-size:10px;color:var(--muted);margin-top:20px;line-height:1.6}.catalog-search-note{padding:10px 12px;background:var(--subtle);border:1px solid var(--rule);font-size:12px;border-radius:4px}.catalog-search-note button{color:var(--accent);text-decoration:underline;margin-left:6px}a[data-result-entry]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--tint)}
@media(min-width:1550px){.collection-app{grid-template-columns:minmax(0,1.35fr) minmax(430px,.8fr)}.field-stage{height:640px}.collection-character-grid{grid-template-columns:repeat(11,minmax(0,1fr))}.collection-inspector .home-depth-grid{grid-template-columns:1fr 1fr}.collection-inspector .home-word-card{grid-column:1/-1}.collection-inspector .home-depth-card{border-right:1px solid var(--rule)}.collection-inspector .home-etymology{border-right:0}}
@media(max-width:1100px){.collection-app{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:16px}.home-page .site-header,.home-page .main,.home-page .home-hero{padding-inline:24px}.collection-heading h1,.collection-heading h2{font-size:20px}.collection-heading>a{display:none}.collection-inspector .home-entry-overview{grid-template-columns:75px minmax(0,1fr);gap:12px}.collection-inspector .home-glyph-stage>.han{font-size:69px}.collection-inspector .home-definition h2{font-size:20px}.field-toolbar{flex-wrap:wrap;gap:3px}.field-stage{height:545px}.field-meta{display:block}.field-meta>span{display:block}.field-meta>span:last-child{margin-top:3px}.field-hover{right:15px;bottom:60px}.collection-character-grid{grid-template-columns:repeat(7,minmax(0,1fr))}#collection-search-results .character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exact-result{gap:15px;padding:16px}.exact-glyph{font-size:46px;max-width:110px}.exact-result p{font-size:13px}.exact-result strong{font-size:16px}.entry-tools{gap:3px}.entry-tools [data-explore-entry]{margin-left:0}}
@media(max-width:850px){.home-page .site-header{min-height:65px}.collection-app{display:block}.collection-inspector{display:none;position:static;max-height:none}.collection-app.show-selection .collection-inspector{display:block}.collection-app.show-selection .collection-overview{display:none}.collection-inspector-bar{padding:10px 0}.collection-inspector-bar button{min-height:36px;border-radius:3px}.collection-inspector .home-entry-overview{grid-template-columns:110px minmax(0,1fr);gap:20px}.collection-inspector .home-glyph-stage>.han{font-size:96px}.collection-inspector .home-definition h2{font-size:27px}.collection-inspector .home-depth-grid{grid-template-columns:1fr 1fr}.collection-inspector .home-word-card{grid-column:1/-1}.collection-inspector .catalog-record-grid{grid-template-columns:1fr 1fr}.field-stage{height:550px}.collection-character-grid{grid-template-columns:repeat(10,minmax(0,1fr));max-height:660px}.entry-tools [data-explore-entry]{margin-left:auto}.search-edition{display:none}.field-meta{display:flex}.field-meta>span:last-child{margin:0}.collection-heading>a{display:block}}
@media(max-width:600px){.home-page .site-header,.home-page .main,.home-page .home-hero{padding-inline:15px}.home-page .site-header .brand-han{display:none}.home-page .wordmark{font-size:29px}.home-page .home-hero{padding-bottom:19px}.search-intro{gap:12px;margin:4px 0 13px}.search-intro-mark{font-size:42px}.search-intro h1{font-size:21px}.search-intro p{font-size:11px;line-height:1.5}.collection-heading{padding-bottom:12px}.collection-heading h1,.collection-heading h2{font-size:20px}.collection-heading>a{display:none}.collection-heading .section-tag{font-size:10px}.collection-tabs>button{padding:10px 13px;font-size:12px;min-height:43px}.collection-tabs>button:first-child{padding-right:14px}.field-toolbar{padding:10px 0;gap:0}.field-toolbar button{font-size:10px;padding:5px 7px;min-height:34px}.field-stage{height:455px}.field-meta{display:block;font-size:10px}.field-meta>span:last-child{margin-top:4px}.field-caption{font-size:10px}.field-corner-label{top:12px;left:12px}.field-corner-label>span{font-size:20px}.field-corner-label>small{font-size:7px;max-width:57px}.field-hover{padding:8px 10px;left:10px;right:10px}.field-hover p{font-size:11px}.field-zoom{right:10px;bottom:10px}.field-zoom button{min-height:40px;width:38px}.collection-character-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:calc(100svh - 295px);min-height:350px}.collection-character-grid>a{min-height:73px}.collection-character-grid>a>.han{font-size:32px}.collection-character-grid small{font-size:10px}.collection-filters{gap:9px;font-size:10px}.collection-inspector .home-entry-overview{grid-template-columns:81px minmax(0,1fr);gap:15px;padding:16px 12px}.collection-inspector .home-glyph-stage>.han{font-size:76px}.collection-inspector .home-definition h2{font-size:22px}.collection-inspector .home-depth-grid,.collection-inspector .catalog-record-grid{grid-template-columns:1fr}.collection-inspector .home-word-card{grid-column:auto}.entry-tools button{font-size:10px;padding:6px 8px;min-height:38px}.entry-tools [data-explore-entry]{margin-left:0}.collection-inspector .catalog-identity>div:first-child{font-size:69px}#collection-search-results{max-height:calc(100svh - 185px);min-height:360px}.collection-app.searching .collection-tabs{justify-content:start}.collection-app.searching .collection-tabs>button{font-size:10px;padding:7px 10px}.exact-result{grid-template-columns:minmax(50px,auto) 1fr 9px;padding:14px 13px;gap:13px;margin-bottom:23px}.exact-glyph{font-size:39px;max-width:90px}.exact-result p{font-size:13px}.exact-eyebrow{font-size:8px;letter-spacing:.08em}.exact-result small{font-size:9px}.results-heading .search-state{font-size:9px}#collection-search-results .dictionary-row,.dictionary-row{grid-template-columns:18px minmax(70px,.8fr) minmax(70px,1.1fr) 10px;gap:4px 10px;padding:12px 4px}#collection-search-results .dictionary-headword,.dictionary-headword{font-size:26px}#collection-search-results .dictionary-reading,.dictionary-reading{font-size:13px}#collection-search-results .dictionary-gloss,.dictionary-gloss{font-size:13px}#collection-search-results .dictionary-headword>.dim{font-size:19px}#collection-search-results .character-card{padding:10px 10px 0}#collection-search-results .card-glyph{font-size:35px}.result-alternatives{padding-left:31px;font-size:9px}.search-scope-note{font-size:9px}.collection-word-scroll{min-height:350px}.collection-history{min-height:39px}.collection-history a{font-size:18px}.collection-history>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.character-field *{animation:none!important;transition:none!important}}
@media print{.field-stage,.entry-tools,.collection-tabs{display:none}.collection-inspector{display:block}.collection-app{display:block}}.field-relation-key{display:flex;gap:15px;font-size:10px;color:var(--muted);margin-bottom:7px}.field-evidence{font-size:11px;color:var(--muted);margin-top:10px}.field-evidence summary{padding:5px 0;cursor:pointer}.field-evidence p{font-size:12px;line-height:1.75;overflow-wrap:anywhere;padding:8px 0}.field-evidence a{color:var(--accent)}
 
body:has(#collection-app) .global-search-bar{position:sticky;top:0;z-index:30;background:var(--paper);padding-top:12px;padding-bottom:14px;border-bottom:1px solid var(--rule);box-shadow:0 6px 14px #00000004}
.home-page .home-hero .search-intro{margin-bottom:10px}.home-page .home-hero .search-intro-mark{font-size:42px}.home-page .home-hero .search-intro h1{font-size:25px}.home-page .home-hero .search-intro p{display:none}.home-page .home-hero{margin-top:0}
.collection-inspector{top:174px;max-height:calc(100svh - 184px)}.collection-history{scrollbar-width:thin}.collection-app.searching.has-network #collection-field{display:block!important}.collection-app.searching.has-network #collection-search-results{max-height:242px;min-height:0;overflow:auto;border-bottom:1px solid var(--ink);padding-bottom:10px;scrollbar-width:thin}.collection-app.searching.has-network #collection-search-results .exact-result{padding:10px 13px;margin:8px 0 12px;gap:15px}.collection-app.searching.has-network #collection-search-results .exact-glyph{font-size:36px}.collection-app.searching.has-network #collection-search-results .exact-result p{margin:2px 0;font-size:13px}.collection-app.searching.has-network #collection-search-results .exact-result strong{font-size:15px}.collection-app.searching.has-network #collection-search-results .results-heading{margin-block:9px}.collection-app.searching.has-network #collection-search-results .unified-groups{gap:14px}
.field-toolbar{flex-wrap:wrap;gap:6px}.field-tools{display:flex;gap:3px;align-items:center}.field-tools button{border:1px solid var(--rule);background:var(--white)}.field-tools button:disabled{opacity:.38;cursor:default}.field-tools [data-field-action=depth][aria-pressed=true]{background:var(--accent);color:#fff8f0;border-color:var(--accent)}.field-tools [data-field-action=orbit]{display:none}.field-tools:has([data-field-action=depth][aria-pressed=true]) [data-field-action=orbit]{display:block}
.network-summary{padding:13px 0 15px;display:flex;gap:14px;align-items:center;border-top:1px solid var(--rule)}.network-summary>div{display:flex;gap:14px;align-items:center;min-width:0;flex:1}.network-summary [data-network-focus]{font-family:var(--han-display-tc);font-size:38px;color:var(--accent);line-height:1.2;white-space:nowrap;letter-spacing:-.03em}.network-summary strong{font-size:15px;font-weight:500;color:var(--accent)}.network-summary p{font-size:12px;line-height:1.55;margin:2px 0 0;max-height:56px;overflow:auto}.network-summary button{flex-shrink:0;color:var(--accent);font-size:11px;min-height:38px;padding:7px 8px;border:1px solid var(--rule);border-radius:3px;background:var(--white)}
.field-stage{height:565px;background:radial-gradient(ellipse at 50% 45%,var(--white),var(--paper));border-radius:6px}.field-stage canvas{position:absolute;inset:0}.field-stage [data-field-canvas]{z-index:1}.field-corner-label,.field-zoom,.field-hover{z-index:2}.field-corner-label>span{font-size:20px}.field-corner-label>small{font-size:7px;max-width:100px}.field-hover{bottom:62px;right:14px;max-height:130px;overflow:hidden}.field-hover>[lang]{font-size:30px;white-space:nowrap}.field-hover p{max-height:54px;overflow:hidden}.network-actions{display:flex;justify-content:space-between;gap:15px;padding:6px 0 8px;font-size:11px;color:var(--accent)}.field-caption{margin-block:4px 10px}.field-evidence p{font-size:11px;line-height:1.65}.field-evidence [data-network-evidence-list]>p{padding-top:8px;border-top:1px solid var(--rule)}
.field-accessible>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.field-accessible>div>a{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;padding:8px 10px;min-height:48px;min-width:0}.field-accessible>div>a>[lang]{font-family:var(--han-display-tc);font-size:25px;white-space:nowrap}.field-accessible>div>a>span:last-child{min-width:0}.field-accessible small{font-size:10px;color:var(--muted);display:block;line-height:1.4}.collection-inspector,.character-field{scroll-margin-top:184px}
@media(max-width:1100px){.field-stage{height:525px}.field-toolbar{gap:5px}.field-toolbar button{font-size:10px;padding-inline:7px}.network-summary [data-network-focus]{font-size:32px}.network-summary p{font-size:11px}}
@media(max-width:850px){.collection-app.has-network.show-selection .collection-overview{display:block}.collection-app.has-network .collection-inspector{display:block;margin-top:28px}.collection-inspector{max-height:none;scroll-margin-top:160px}.collection-app.has-network .collection-inspector-bar button{display:none}.character-field{scroll-margin-top:170px}.field-stage{height:510px}.home-page .home-hero .search-intro h1{font-size:21px}.field-toolbar button{min-height:38px}}
@media(max-width:600px){body:has(#collection-app) .global-search-bar{padding-top:7px;padding-bottom:10px}.home-page .home-hero .search-intro{display:none}.collection-inspector,.character-field{scroll-margin-top:124px}.field-stage{height:440px}.field-toolbar{padding-top:12px;padding-bottom:8px}.field-toolbar button{min-height:40px}.network-summary{gap:8px;padding:10px 0}.network-summary>div{gap:10px}.network-summary [data-network-focus]{font-size:29px}.network-summary strong{font-size:13px}.network-summary button{font-size:10px;padding-inline:5px}.network-summary p{font-size:11px;max-height:36px}.collection-app.searching.has-network #collection-search-results{max-height:190px;min-height:0}.field-hover{left:10px;right:10px}.field-accessible>div>a{padding:8px 7px;gap:7px}.field-accessible>div>a>[lang]{font-size:22px}.field-tools{gap:2px}.field-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.character-field *{animation:none!important;transition:none!important}}
@media print{body:has(#collection-app) .global-search-bar{position:static}.field-stage{display:none}.field-accessible{display:block}.collection-inspector{max-height:none;position:static}}
.network-actions{flex-wrap:wrap;gap:5px 13px}.network-actions [data-network-count]{flex-basis:100%;color:var(--muted);font-size:10px}
.network-summary [lang=zh-Hans],.field-accessible>div>a>[lang=zh-Hans],.field-hover>[lang=zh-Hans]{font-family:var(--han-display-sc)}

 
body:has(#collection-app){--workspace-gutter:20px}
body:has(#collection-app) .site-header,body:has(#collection-app) .main,body:has(#collection-app) .home-hero,body:has(#collection-app) .site-footer{max-width:none;padding-inline:var(--workspace-gutter)}
body:has(#collection-app) .site-header{min-height:56px}
body:has(#collection-app) .home-hero{padding-top:4px;padding-bottom:12px}
body:has(#collection-app) .search-intro{display:none}
body:has(#collection-app) .search-recents{margin-top:6px}
.collection-app{--dict-share:38%;display:grid;grid-template-columns:minmax(320px,var(--dict-share)) 14px minmax(0,1fr);grid-template-rows:44px minmax(0,1fr);gap:0;align-items:stretch;height:max(520px,calc(100dvh - var(--workspace-top,160px) - 12px));margin:0}
.collection-app>.workspace-heading{grid-column:1/-1;display:flex!important;align-items:center;padding:0 0 9px;border:0;gap:16px;margin:0}
.workspace-heading>div:first-child{display:flex;align-items:center;gap:11px;min-width:0}
.workspace-heading .section-tag{font-size:15px;white-space:nowrap}
.workspace-heading h1{font-size:15px;letter-spacing:-.02em;margin:0;white-space:nowrap}
.workspace-heading>a{font-size:11px;margin-right:auto}
.workspace-layouts{display:flex;margin-left:auto;border:1px solid var(--rule);border-radius:4px;flex-shrink:0;background:var(--white)}
.workspace-layouts button{min-height:32px;padding:5px 12px;font-size:11px;color:var(--muted)}
.workspace-layouts button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.collection-dictionary{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;border-top:1px solid var(--ink)}
.collection-app .collection-overview{display:flex!important;flex-direction:column;flex:0 0 auto;min-height:0;overflow:hidden;background:none;border:0;padding:0}
.collection-app .collection-tabs{border-top:0;flex-shrink:0;justify-content:start!important;padding:0}
.collection-app .collection-tabs>button,.collection-app.searching .collection-tabs>button{font-size:12px;min-height:40px;padding:9px 12px}
.collection-app .collection-tabs>button:first-child{padding-left:5px}
.collection-app .collection-history{min-height:33px;flex-shrink:0;padding-block:2px}
.collection-app .collection-history a{font-size:18px}
.collection-app .collection-inspector{display:block;flex:1;position:static;min-height:0;max-height:none;overflow:auto;border-top:0;margin:0!important;padding:0 4px 16px 0;scroll-margin-top:0}
.collection-app .collection-inspector-bar{position:sticky;top:0;background:var(--paper);padding:10px 2px;z-index:3}
.collection-app .collection-inspector-bar button{display:none;min-height:30px;font-size:10px}
.collection-app.searching.has-network .collection-inspector-bar button{display:block}
.collection-app.searching .collection-overview{flex:1}
.collection-app.searching.has-network .collection-overview{flex:0 1 42%;min-height:130px;border-bottom:1px solid var(--ink)}
.collection-app.searching:not(.has-network) .collection-inspector{display:none}
.collection-app #collection-search-results,.collection-app.searching.has-network #collection-search-results{max-height:none;min-height:0;flex:1;overflow:auto;padding:0 5px 12px 0;border:0}
.collection-app:not(.searching):not([data-browse=field]) .collection-overview{flex:1}
.collection-app:not(.searching):not([data-browse=field]) .collection-inspector{display:none}
.collection-app #collection-characters,.collection-app #collection-words,.collection-app #collection-saved{min-height:0;flex:1;overflow:auto}
.collection-app #collection-characters:not([hidden]),.collection-app #collection-words:not([hidden]){display:flex;flex-direction:column}
.collection-app .collection-character-grid{min-height:0;max-height:none;flex:1;grid-template-columns:repeat(auto-fill,minmax(61px,1fr))}
.collection-app .collection-word-scroll{min-height:0;max-height:none;flex:1}
.collection-app .collection-pager,.collection-app .collection-filters{flex-shrink:0}
.workspace-divider{position:relative;cursor:col-resize;touch-action:none;display:grid;place-items:center;outline-offset:-2px}
.workspace-divider:before{content:'';position:absolute;inset:0 5px;background:var(--rule);opacity:.55}
.workspace-divider>span{width:4px;height:30px;border-radius:4px;background:var(--muted);z-index:1}
.workspace-divider:hover:before,.workspace-divider:focus-visible:before,.resizing .workspace-divider:before{background:var(--accent);opacity:1}
.resizing{user-select:none}.resizing canvas{pointer-events:none}
.collection-visual{min-width:0;min-height:0;overflow:hidden;border-top:1px solid var(--ink)}
.collection-app #collection-field,.collection-app.searching #collection-field{display:block!important;height:100%;min-height:0}
.collection-app .character-field{display:flex;flex-direction:column;height:100%;min-height:0;scroll-margin-top:0}
.collection-app .field-toolbar{flex-shrink:0;padding:7px 12px;gap:4px;border-bottom:1px solid var(--rule)}
.collection-app .field-toolbar button{min-height:30px;font-size:11px}
.collection-app .network-summary{flex-shrink:0;padding:9px 14px;border-top:0;background:var(--white)}
.collection-app .network-summary [data-network-focus]{font-size:33px}
.collection-app .network-summary p{max-height:36px}
.collection-app .field-stage{height:auto;min-height:130px;flex:1;border-radius:0;border-inline:0}
.collection-app .field-meta{display:flex;flex-wrap:wrap;padding:7px 12px;gap:3px 12px;flex-shrink:0;border-bottom:1px solid var(--rule)}
.collection-app .field-meta>span:last-child{margin:0}
.collection-app .field-notes{flex:0 1 auto;min-height:35px;max-height:26%;overflow:auto;padding:0 12px 7px;scrollbar-width:thin;font-size:11px}
.collection-app .network-actions{padding:6px 0;gap:6px 16px}
.collection-app .network-actions [data-network-count]{flex-basis:auto;margin-right:auto}
.collection-app .field-caption{display:none}
.collection-app .field-evidence,.collection-app .field-accessible{margin-top:0}
.collection-app .field-evidence:not([open]),.collection-app .field-accessible:not([open]){display:inline-block;margin-right:16px}
.collection-app .field-accessible[open]{display:block}
.collection-app .exact-result,.collection-app.searching.has-network .exact-result{grid-template-columns:minmax(50px,auto) minmax(0,1fr) 12px;padding:12px;margin:10px 0 14px;gap:13px}
.collection-app .exact-glyph,.collection-app.searching.has-network .exact-glyph{font-size:40px;max-width:130px}
.collection-app .exact-result p{font-size:13px}.collection-app .exact-result strong{font-size:16px}
.collection-app .collection-inspector .home-depth-grid,.collection-app .collection-inspector .catalog-record-grid{grid-template-columns:1fr}
.collection-app .collection-inspector .home-word-card{grid-column:auto}
.collection-app[data-layout=dictionary],.collection-app[data-layout=visual]{grid-template-columns:minmax(0,1fr)}
.collection-app[data-layout=dictionary] .collection-visual,.collection-app[data-layout=dictionary] .workspace-divider,.collection-app[data-layout=visual] .collection-dictionary,.collection-app[data-layout=visual] .workspace-divider{display:none}
.collection-app[data-layout=dictionary] .collection-dictionary{max-width:1000px;width:100%;margin-inline:auto}
.collection-app[data-layout=dictionary] .collection-inspector .home-depth-grid{grid-template-columns:1fr 1fr}
.collection-app[data-layout=visual] .collection-visual{grid-column:1}
@media(max-width:1100px){body:has(#collection-app){--workspace-gutter:14px}.workspace-heading>a{display:none}.collection-app .field-toolbar button{font-size:10px;padding-inline:6px}.collection-app .network-summary{padding-inline:10px}.collection-app .field-meta>span:last-child{display:none}}
@media(max-width:850px){
 body:has(#collection-app){--workspace-gutter:12px}
 .collection-app{grid-template-columns:minmax(0,1fr);grid-template-rows:42px minmax(140px,var(--dict-share)) 12px minmax(190px,1fr);height:max(640px,calc(100dvh - var(--workspace-top,150px) - 8px))}
 .collection-app>.workspace-heading{grid-column:1;gap:8px}.workspace-heading .section-tag{display:none}.workspace-heading h1{font-size:12px}.workspace-layouts button{font-size:10px;padding-inline:8px}
 .collection-dictionary{grid-row:2}.workspace-divider{grid-row:3;cursor:row-resize}.workspace-divider:before{inset:4px 0}.workspace-divider>span{height:4px;width:32px}.collection-visual{grid-row:4}
 .collection-app[data-layout=dictionary],.collection-app[data-layout=visual]{grid-template-rows:42px minmax(0,1fr)}
 .collection-app[data-layout=visual] .collection-visual{grid-row:2}
 .collection-app.searching.has-network .collection-overview{flex-basis:40%;min-height:80px}
 .collection-app .collection-inspector .home-entry-overview{grid-template-columns:80px minmax(0,1fr);padding:12px;gap:12px}
 .collection-app .collection-inspector .home-glyph-stage>.han{font-size:70px}.collection-app .collection-inspector .home-definition h2{font-size:22px}
 .collection-app .network-summary{padding-block:5px}.collection-app .network-summary [data-network-focus]{font-size:26px}.collection-app .network-summary p{max-height:18px}.collection-app .network-summary button{min-height:30px}
 .collection-app .field-toolbar{padding-block:4px;flex-wrap:nowrap}.collection-app .field-modes{min-width:0;flex-wrap:wrap}.collection-app .field-tools{flex-shrink:0}
 .collection-app .field-notes{max-height:25%;min-height:30px}.collection-app .network-actions{display:none}
 .collection-app .field-meta{font-size:9px;padding-block:5px}.collection-app .field-stage{min-height:100px}
 .collection-app .collection-inspector-bar{padding-block:5px}.collection-app .entry-tools{margin-bottom:6px}
 .collection-app .field-corner-label{display:none}
}
@media(max-width:480px){body:has(#collection-app){--workspace-gutter:8px}.workspace-heading h1{font-size:11px}.workspace-layouts button{padding-inline:6px;font-size:10px}.collection-app .field-toolbar button{padding-inline:5px;font-size:9px;min-height:32px}.collection-app .field-tools{gap:2px}.collection-app .field-toolbar{padding-inline:6px}.collection-app .network-summary p{font-size:10px}.collection-app .home-entry-top b{display:none}.collection-app .field-meta{padding-inline:8px}}
@media print{.collection-app{display:block!important;height:auto}.collection-dictionary{display:block!important}.collection-app .collection-overview,.workspace-heading,.workspace-divider,.collection-visual{display:none!important}.collection-app .collection-inspector{display:block!important;overflow:visible}}

/* ── zimai 0.17.2 compact graph controls (Z-014) ────────────────────────────────────────────
   compactControls() in character-field.mjs marks the field data-controls=compact. One control row
   (lens, relationship group, layout, Reset map, 3D, menu) sits above the map; the selected entry and
   both statuses overlay the top-left and bottom-left of the canvas; Back, zoom, fit and 3D rotation
   share the bottom-right cluster; export, evidence, the textual entry list and the character
   overview open from the ⋯ menu. Rules are scoped to the marker so pages without the script keep
   their earlier layout. */
.character-field[data-controls=compact]{--field-gap:10px;--field-control:32px;--field-fade:var(--subtle);font-family:var(--sans,'IBM Plex Sans',sans-serif)}
@media (pointer:coarse){.character-field[data-controls=compact]{--field-control:38px}}
.character-field[data-controls=compact] .field-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 8px;margin:0;padding:6px var(--field-gap);border-bottom:1px solid var(--rule);background:var(--white);flex-shrink:0}
.character-field[data-controls=compact] :is(.field-toolbar,.field-zoom,.field-notes,.field-overlay-top) button{min-height:var(--field-control);padding:0 10px;border:1px solid var(--rule);border-radius:6px;background:var(--white);color:var(--ink);font:500 13px/1.2 var(--sans,'IBM Plex Sans',sans-serif);cursor:pointer}
.character-field[data-controls=compact] :is(.field-toolbar,.field-notes,.field-overlay-top) button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--white)}
.character-field[data-controls=compact] :is(.field-toolbar,.field-zoom) button:disabled{opacity:.38;cursor:default}
.character-field[data-controls=compact] :is(.field-toolbar,.field-zoom,.field-notes,.field-overlay-top) :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Lens: one segmented control. Pressed is a red tint, not a solid block. */
.character-field[data-controls=compact] .connection-controls{display:flex;flex:1 1 0px;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;padding:0;border:0;background:none}
.character-field[data-controls=compact] .connection-lenses{display:inline-flex;flex:none;flex-wrap:nowrap;gap:0;margin:0}
.character-field[data-controls=compact] .connection-lenses>button{min-height:var(--field-control);padding:0 9px;border-radius:0;color:var(--muted);margin-left:-1px}
.character-field[data-controls=compact] .connection-lenses>button:first-child{margin-left:0;border-radius:6px 0 0 6px}
.character-field[data-controls=compact] .connection-lenses>button:last-child{border-radius:0 6px 6px 0}
.character-field[data-controls=compact] .connection-lenses>button[aria-pressed=true],.character-field[data-controls=compact] .connection-lenses>button[aria-pressed=true]:hover{position:relative;z-index:1;color:var(--accent);background:var(--tint);border-color:color-mix(in srgb,var(--accent) 45%,var(--rule))}
.character-field[data-controls=compact] .connection-lenses>button:focus-visible{position:relative;z-index:2}
.character-field[data-controls=compact] .connection-controls-row{display:flex;flex:1 1 15rem;flex-wrap:nowrap;gap:6px;min-width:0}
.character-field[data-controls=compact] .connection-controls-row>.connection-group-label{flex:1 1 8.5rem;min-width:7.5rem;max-width:20rem}
.character-field[data-controls=compact] .connection-controls-row>.connection-layout-label{flex:0 0 auto}
.character-field[data-controls=compact] .connection-controls select{width:100%;min-width:0;min-height:var(--field-control);padding:0 24px 0 9px;border-radius:6px;font:500 13px/1.2 var(--sans,'IBM Plex Sans',sans-serif)}
.character-field[data-controls=compact] .connection-controls-row>.connection-layout-label select{width:auto;min-width:0}
@media (pointer:coarse){.character-field[data-controls=compact] .connection-controls select{font-size:16px}}

/* Row end: Reset map, 3D and the menu. The overview pager and mode switch appear only in overview. */
.character-field[data-controls=compact] .field-tools{display:flex;flex:none;flex-wrap:nowrap;gap:6px;align-items:center;margin-left:auto;min-width:0}
.character-field[data-controls=compact] .field-tools [data-field-action=depth][aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff8f0}
.character-field[data-controls=compact] .field-menu-button{min-width:var(--field-control);padding:0 8px;font-size:17px;letter-spacing:.04em}
.character-field[data-controls=compact] .field-menu-button[aria-expanded=true]{color:var(--accent);border-color:var(--accent);background:var(--tint)}
.character-field[data-controls=compact]:not([data-field-view=radicals]) .field-modes{display:none}
.character-field[data-controls=compact][data-field-view=radicals] .connection-controls{display:none}
.character-field[data-controls=compact] .field-modes{display:inline-flex;flex:none;gap:0}
.character-field[data-controls=compact] .field-modes>button{border-radius:0;margin-left:-1px;color:var(--muted)}
.character-field[data-controls=compact] .field-modes>button:first-child{margin-left:0;border-radius:6px 0 0 6px}
.character-field[data-controls=compact] .field-modes>button:last-child{border-radius:0 6px 6px 0}
.character-field[data-controls=compact] .field-modes>button[aria-pressed=true]{position:relative;color:var(--accent);background:var(--tint)}
.character-field[data-controls=compact] .field-toolbar>.collection-pager{display:flex;flex:1 1 auto;align-items:center;gap:6px;margin:0;padding:0;border:0;font-size:12px;color:var(--muted);white-space:nowrap}
.character-field[data-controls=compact] .field-toolbar>.collection-pager[hidden]{display:none}

/* The map fills the rest of the pane. Soft fades keep overlaid text legible over nodes. */
.character-field[data-controls=compact] .field-stage{flex:1 1 auto;min-height:0;position:relative}
.character-field[data-controls=compact] .field-stage::before,.character-field[data-controls=compact] .field-stage::after{content:'';position:absolute;left:0;right:0;z-index:2;pointer-events:none}
.character-field[data-controls=compact] .field-stage::before{top:0;height:46px;background:linear-gradient(var(--field-fade) 45%,transparent)}
.character-field[data-controls=compact] .field-stage::after{bottom:0;height:62px;background:linear-gradient(transparent,var(--field-fade) 55%)}
.character-field[data-controls=compact]:not([data-field-view=radicals]) .field-corner-label{display:none}

/* Top-left: the selected entry on one line. */
.character-field[data-controls=compact] .field-overlay-top{position:absolute;z-index:3;top:6px;left:var(--field-gap);right:var(--field-gap);display:flex;align-items:center;pointer-events:none}
.character-field[data-controls=compact] .field-overlay-top :is(a,button){pointer-events:auto}
.character-field[data-controls=compact] .field-overlay-top .network-summary{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;max-width:100%;min-height:0;margin:0;padding:0;border:0;background:none}
.character-field[data-controls=compact] .field-overlay-top .network-summary>div{display:flex;align-items:baseline;gap:8px;min-width:0;flex:0 1 auto}
.character-field[data-controls=compact] .field-overlay-top .network-summary>div>div{display:flex;align-items:baseline;gap:.5em;min-width:0}
.character-field[data-controls=compact] .field-overlay-top .network-summary [data-network-focus]{font-size:26px;line-height:1.15;letter-spacing:0;color:var(--accent)}
.character-field[data-controls=compact] .field-overlay-top .network-summary strong{font-size:14px;font-weight:500;white-space:nowrap;color:var(--accent)}
.character-field[data-controls=compact] .field-overlay-top .network-summary [data-network-gloss]{display:block;margin:0;max-height:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;-webkit-line-clamp:unset;font:400 13px/1.4 var(--sans,'IBM Plex Sans',sans-serif);color:var(--ink)}
.character-field[data-controls=compact] .field-overlay-top .network-summary>button{flex:none;margin:0;min-height:28px;padding:0 8px;font-size:12px;color:var(--accent)}

/* Bottom-left: what the map shows, its source and how to move it. Errors and Retry wrap. */
.character-field[data-controls=compact] .field-stage>.field-meta{position:absolute;z-index:3;left:var(--field-gap);right:calc(var(--field-gap) + 196px);bottom:7px;display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:0;border:0;background:none;font-size:12px;line-height:1.45;color:var(--muted);pointer-events:none}
.character-field[data-controls=compact] .field-stage>.field-meta>*{display:block;max-width:100%;margin:0;min-height:0;font-size:12px;line-height:1.45;white-space:normal}
.character-field[data-controls=compact] .field-stage>.field-meta [data-field-status]{color:var(--ink)}
.character-field[data-controls=compact] .field-stage>.field-meta>.connection-status{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted)}
.character-field[data-controls=compact] .field-stage>.field-meta>.connection-status:has(button){white-space:normal;overflow:visible}
.character-field[data-controls=compact] .field-stage>.field-meta button{pointer-events:auto;min-height:26px;padding:0 8px;font-size:12px;color:var(--accent)}
.character-field[data-controls=compact][data-field-view=radicals] .field-stage>.field-meta>.connection-status{display:none}
/* [data-render-mode] outranks the older 3D rule that forces the hint on (spatial-0.8.2.css). */
.character-field[data-controls=compact][data-render-mode] .field-stage>.field-meta>#field-help{display:none}
.character-field[data-controls=compact] .field-hover{z-index:4;bottom:66px}
@container visual (min-width:640px){
 .character-field[data-controls=compact][data-render-mode] .field-stage>.field-meta>#field-help{display:block}
 .character-field[data-controls=compact] .field-stage::after{height:78px}
 .character-field[data-controls=compact] .field-hover{bottom:82px}
}

/* Bottom-right: Back · − 100% + · fit · rotate (3D). */
.character-field[data-controls=compact] .field-zoom{right:var(--field-gap);bottom:8px;z-index:3;border-radius:7px;overflow:hidden}
.character-field[data-controls=compact] .field-zoom button{width:34px;min-width:0;padding:0;border:0;border-radius:0;font-size:16px}
.character-field[data-controls=compact] .field-zoom [data-field-action=back]{border-right:1px solid var(--rule)}
.character-field[data-controls=compact] .field-zoom [data-field-action=orbit]{border-left:1px solid var(--rule)}
.character-field[data-controls=compact] .field-zoom [data-field-action=orbit]:not([hidden]){display:block}

/* The ⋯ menu: one sheet over the map's top-right. */
.character-field[data-controls=compact] .field-stage>.field-notes{position:absolute;z-index:9;top:8px;right:8px;width:min(24rem,calc(100% - 16px));max-height:calc(100% - 16px);min-height:0;overflow:auto;overscroll-behavior:contain;margin:0;padding:10px 12px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--white);box-shadow:0 10px 30px rgb(0 0 0 / .14);font-size:12px;scrollbar-width:thin}
.character-field[data-controls=compact] .field-stage>.field-notes[hidden]{display:none}
.character-field[data-controls=compact] .field-menu-view,.character-field[data-controls=compact] .field-menu-explore{display:flex;flex-wrap:wrap;gap:6px}
.character-field[data-controls=compact] .field-menu-view{padding-bottom:10px;border-bottom:1px solid var(--rule)}
.character-field[data-controls=compact] .field-menu-explore{flex-basis:100%}
.character-field[data-controls=compact] .field-menu-explore:empty{display:none}
.character-field[data-controls=compact]:not([data-field-view=radicals]) .field-menu-view>[data-field-action=relations],.character-field[data-controls=compact][data-field-view=radicals] .field-menu-view>[data-field-action=radicals],.character-field[data-controls=compact][data-field-view=radicals] .field-menu-explore{display:none}
.character-field[data-controls=compact] .field-notes .connection-export{padding:10px 0 6px;border-bottom:1px solid var(--rule)}
.character-field[data-controls=compact] .field-notes .connection-export button{min-height:30px;padding:0 8px;border-color:var(--rule);font-size:12px}
.character-field[data-controls=compact] .field-notes .connection-export>div{gap:4px}
.character-field[data-controls=compact] .field-notes .network-actions{display:flex;flex-wrap:wrap;gap:4px 14px;padding:8px 0}
.character-field[data-controls=compact] .field-notes .network-actions [data-network-count]{flex-basis:100%;margin:0;color:var(--muted)}
.character-field[data-controls=compact] .field-notes .field-caption{display:block;margin:0 0 6px;max-width:none;font-size:12px;line-height:1.55;color:var(--muted)}
.character-field[data-controls=compact] .field-notes :is(.field-evidence,.field-accessible),.character-field[data-controls=compact] .field-notes :is(.field-evidence,.field-accessible):not([open]){display:block;margin:0;border-top:1px solid var(--rule)}
.character-field[data-controls=compact] .field-notes :is(.field-evidence,.field-accessible)>summary{padding:9px 0;font-size:13px;color:var(--ink);cursor:pointer}
.character-field[data-controls=compact] .field-notes .field-accessible>div{grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr))}
.character-field[data-controls=compact] .field-notes :is(.connection-export>span,.network-actions [data-network-count],.field-accessible small,.field-accessible>a,.field-evidence p,.field-evidence a){font-size:12px}

/* Connection drawer open: overlays keep clear of it on wide panes. */
.character-field[data-controls=compact][data-connection-panel] .field-overlay-top{right:calc(clamp(285px,46%,420px) + 10px)}
.character-field[data-controls=compact][data-connection-panel] .field-stage>.field-meta{right:calc(clamp(285px,46%,420px) + 206px)}

/* Phone-width panes: the status stacks above the camera cluster; the 3D chip yields to the caption. */
@container visual (max-width:420px){
 .character-field[data-controls=compact] .field-toolbar{padding:6px 8px;gap:6px}
 .character-field[data-controls=compact] :is(.connection-lenses,.field-tools)>button{padding:0 6px;font-size:12px}
 .character-field[data-controls=compact] .field-tools{gap:4px}
 .character-field[data-controls=compact] .field-tools>.field-menu-button{min-width:30px;font-size:16px}
 .character-field[data-controls=compact] .field-stage>.field-meta{right:var(--field-gap);bottom:52px}
 .character-field[data-controls=compact] .field-stage::after{height:100px}
 .character-field[data-controls=compact] .field-hover{bottom:104px}
}
/* Two rows instead of three where they fit: lens and tools share the first, group and layout the second. */
@container visual (min-width:340px) and (max-width:420px){
 @supports (grid-template-columns:subgrid){
  .character-field[data-controls=compact]:not([data-field-view=radicals]) .field-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto}
  .character-field[data-controls=compact]:not([data-field-view=radicals]) .connection-controls{display:grid;grid-column:1/-1;grid-row:1/span 2;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:6px}
  .character-field[data-controls=compact]:not([data-field-view=radicals]) .connection-lenses{grid-column:1;grid-row:1;justify-self:start}
  .character-field[data-controls=compact]:not([data-field-view=radicals]) .connection-controls-row{grid-column:1/-1;grid-row:2}
  .character-field[data-controls=compact]:not([data-field-view=radicals]) .field-tools{grid-column:2;grid-row:1;margin:0}
 }
}
@media (max-width:1100px){.character-field[data-controls=compact][data-connection-panel] .field-overlay-top{right:var(--field-gap)}.character-field[data-controls=compact][data-connection-panel] .field-stage>.field-meta{right:calc(var(--field-gap) + 196px)}}
@media print{.character-field[data-controls=compact] .field-stage>.field-notes{position:static;display:block!important;box-shadow:none;border:0}}