/* POKKENIA: five-area navigation, reference documents, and character pages backed by Supabase. */
.pokkeniaLaunch{flex:0 0 70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:3px 0;border:0;background:transparent;color:#81766f;text-decoration:none;cursor:pointer}
.pokkeniaMark{flex-shrink:0;width:34px;height:28px;overflow:visible;flex-shrink:0}
.pokkeniaWordmark{display:flex;flex-direction:column;gap:2px;font-size:8px;font-weight:750;line-height:1.1;letter-spacing:.11em;text-align:center}
.pokkeniaLaunch:hover{color:#a46d7f}.pokkeniaLaunch:focus-visible,.pokkeniaPage button:focus-visible{outline:2px solid #b18795;outline-offset:4px}
.pokkeniaPage{position:fixed;inset:0;z-index:18020;background:#f6f2ee;color:#302b29;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.pokkeniaInner{width:min(100%,860px);margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 24px calc(52px + env(safe-area-inset-bottom))}
.pokkeniaHeader{position:sticky;top:env(safe-area-inset-top,0px);z-index:3;background:#f6f2ee;display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid #ded5d0}
.pokkeniaBack{width:42px;height:42px;flex-shrink:0;border:1px solid #ded5d0;border-radius:12px;background:transparent;color:#786c65;font-size:24px;cursor:pointer}
.pokkeniaBrand{flex:1;min-width:0;display:flex;align-items:center;gap:12px;color:#81766f}.pokkeniaBrand .pokkeniaMark{width:44px;height:38px}
.pokkeniaBrand>div{min-width:0}
.pokkeniaBrand h1{margin:0;font-size:17px;letter-spacing:.09em;font-weight:650}.pokkeniaBrand p{margin:5px 0 0;font-size:10px;color:#998b86}
.pokkeniaBadge{margin-left:auto;color:#9a8982;font-size:10px;white-space:nowrap}
.pokkeniaCrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:24px 0 15px;font-size:12px;color:#9b8c86}
.pokkeniaCrumbs button{border:0;background:transparent;color:#826875;padding:3px 0;font-size:12px;cursor:pointer}.pokkeniaCrumbs span:last-child{color:#493d43}
.pokkeniaStatus{margin:10px 0;font-size:12px;line-height:1.65;color:#85736d}.pokkeniaStatus:empty{display:none}.pokkeniaStatus.error{color:#a04451}
.pokkeniaLoading,.pokkeniaEmpty{padding:38px 18px;text-align:center;border:1px dashed #d9cec8;border-radius:16px;color:#958780;font-size:13px;line-height:1.9}
.pokkeniaGate{max-width:460px;margin:60px auto;text-align:center}.pokkeniaGate .pokkeniaMark{width:70px;height:60px;color:#927c86}.pokkeniaGate h2{font-size:24px;font-weight:600;margin:18px 0 12px}.pokkeniaGate p{font-size:13px;line-height:1.9;color:#90807b;margin:0 0 24px}
.pokkeniaButton{border:1px solid #dbcdd3;border-radius:10px;background:#fffdfb;color:#7f6370;min-height:42px;padding:9px 14px;font-size:12px;font-weight:650;cursor:pointer}.pokkeniaButton.primary{background:#876c79;border-color:#876c79;color:#fff}
.pokkeniaOverview{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 16px}.pokkeniaOverview h2{margin:0;font-size:25px;font-weight:600}.pokkeniaOverview p{margin:5px 0 0;font-size:11px;color:#998a84}.pokkeniaTotal{font-size:11px;color:#8e7d78;font-variant-numeric:tabular-nums;white-space:nowrap}
.pokkeniaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pokkeniaCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:92px;width:100%;border:1px solid #e0d6d0;border-radius:17px;background:#fffdfa;padding:16px 17px;text-align:left;color:#41383b;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.pokkeniaCard:hover{border-color:#d3c2ca;background:#fffafc;transform:translateY(-1px)}
.pokkeniaCardNo{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ded0d6;border-radius:13px;background:#f4edef;color:#8c6e7b;font-size:12px;font-weight:760;letter-spacing:.04em}
.pokkeniaCardTitle{display:block;font-size:14px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.pokkeniaCardMeta{display:block;margin-top:5px;font-size:10px;line-height:1.4;color:#9d8c85;font-weight:500}.pokkeniaCardArrow{font-size:20px;color:#ae9c95}
.pokkeniaCardChips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.pokkeniaCardChips span{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border:1px solid #e4d8dd;border-radius:999px;background:#f7f1f4;color:#8d7180;font-size:9px;font-weight:700;letter-spacing:.02em}
.pokkeniaClusterCard{background:linear-gradient(180deg,#fffdfb 0%,#fff8fb 100%)}
.pokkeniaSubGrid{grid-template-columns:1fr}.pokkeniaSubCard{min-height:86px}

.pokkeniaResidentsOverview{margin-bottom:22px}
.pokkeniaCharacterGroup{margin:0 0 26px}.pokkeniaCharacterGroup>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:0 2px}.pokkeniaCharacterGroup>header h3{margin:0;font-size:13px;font-weight:700;color:#5d5054;letter-spacing:.02em}.pokkeniaCharacterGroup>header span{font-size:10px;color:#aa9992;font-variant-numeric:tabular-nums}
.pokkeniaCharacterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.pokkeniaCharacterCard{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:76px;width:100%;padding:13px 34px 13px 14px;border:1px solid #e1d7d1;border-radius:14px;background:#fffdfa;color:#41383b;text-align:left;cursor:pointer}.pokkeniaCharacterCard:hover{border-color:#d4c2c9;background:#fffafc}.pokkeniaCharacterName{display:block;width:100%;font-size:12px;font-weight:680;line-height:1.38;overflow-wrap:anywhere}.pokkeniaCharacterRole{display:block;width:100%;margin-top:5px;color:#9a8983;font-size:9px;line-height:1.35;overflow-wrap:anywhere}.pokkeniaCharacterArrow{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#b09f98;font-size:18px}
.pokkeniaCharacterDetailTop{padding:6px 0 20px}.pokkeniaCharacterCategory{display:inline-block;margin:0 0 9px;color:#9a7f8b;font-size:10px;font-weight:750;letter-spacing:.08em}.pokkeniaCharacterDetailTop h2{margin:0;font-size:28px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.pokkeniaCharacterDetailTop p{margin:8px 0 0;color:#826e76;font-size:12px;font-weight:650}.pokkeniaCharacterDetailTop small{display:block;margin-top:6px;color:#aa9992;font-size:9px}.pokkeniaCharacterRaw{min-height:120px}
.pokkeniaDetailTop{padding:6px 0 18px}.pokkeniaDetailCode{display:inline-block;margin:0 0 9px;color:#9a7f8b;font-size:10px;font-weight:750;letter-spacing:.1em}.pokkeniaDetailTop h2{margin:0;font-size:27px;font-weight:600;line-height:1.35}.pokkeniaDetailMeta{margin:8px 0 0;color:#998a84;font-size:10px}
.pokkeniaRaw{margin:0;padding:22px 24px;border:1px solid #e3d9d3;border-radius:16px;background:#fffdfb;color:#41383b;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;line-height:1.9;-webkit-user-select:text;user-select:text}
@media(max-width:600px){.pokkeniaInner{padding-left:18px;padding-right:18px}.pokkeniaHeader{gap:10px}.pokkeniaBrand{gap:9px}.pokkeniaBrand h1{font-size:14px}.pokkeniaBadge{font-size:9px}.pokkeniaGrid{grid-template-columns:1fr}.pokkeniaRaw{padding:18px}.pokkeniaDetailTop h2,.pokkeniaCharacterDetailTop h2{font-size:23px}.pokkeniaCharacterGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pokkeniaCharacterCard{min-height:72px;padding:11px 29px 11px 12px}.pokkeniaCharacterName{font-size:11px}.pokkeniaCharacterRole{font-size:8px}.pokkeniaCharacterArrow{right:10px}.pokkeniaCardChips{gap:5px}.pokkeniaCardChips span{font-size:8px;padding:0 7px}}
@media(max-width:420px){.pokkeniaBadge{display:none}}

/* Worldview sections: present Markdown-backed C2 as editable structured cards. */
.pokkeniaWorldviewOverview{margin-bottom:22px}
.pokkeniaWorldviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pokkeniaWorldviewCard{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:128px;width:100%;padding:17px 38px 16px 17px;border:1px solid #e1d7d1;border-radius:16px;background:#fffdfa;color:#41383b;text-align:left;cursor:pointer}
.pokkeniaWorldviewCard:hover{border-color:#d4c2c9;background:#fffafc}
.pokkeniaWorldviewCard.current{background:#f8f0f3;border-color:#dbc8d0}
.pokkeniaWorldviewState{display:inline-block;margin-bottom:9px;color:#9a7f8b;font-size:9px;font-weight:760;line-height:1.3;letter-spacing:.09em;text-transform:uppercase}
.pokkeniaWorldviewCard.current .pokkeniaWorldviewState{color:#9c6175}
.pokkeniaWorldviewTitle{display:block;width:100%;font-size:14px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.pokkeniaWorldviewPreview{display:-webkit-box;width:100%;margin-top:8px;overflow:hidden;color:#9a8b85;font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.pokkeniaWorldviewArrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#b09f98;font-size:20px}
.pokkeniaWorldviewDetailTop{padding:6px 0 18px}
.pokkeniaWorldviewTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pokkeniaWorldviewTitleRow h2{min-width:0;margin:0;font-size:28px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.pokkeniaEditButton{flex:0 0 auto;min-height:36px;padding:7px 13px;background:transparent}
.pokkeniaWorldviewBody{padding:22px 24px;border:1px solid #e3d9d3;border-radius:16px;background:#fffdfb;color:#41383b;font-size:13px;line-height:1.95;-webkit-user-select:text;user-select:text}
.pokkeniaWorldviewBody p{margin:0 0 1.05em}.pokkeniaWorldviewBody p:last-child{margin-bottom:0}
.pokkeniaWorldviewBody strong{font-weight:760;color:#392f33}.pokkeniaWorldviewBody code{padding:1px 5px;border-radius:5px;background:#f2e9ec;color:#725766;font:inherit;font-size:.92em}
.pokkeniaWorldviewBody ul{margin:0 0 1em;padding-left:1.4em}.pokkeniaWorldviewBody li{margin:.35em 0}.pokkeniaWorldviewEmptyText{color:#9c8d87}
.pokkeniaWorldviewEditor{max-width:720px;margin:0 auto}.pokkeniaWorldviewEditor>header{padding:6px 0 20px}.pokkeniaWorldviewEditor>header h2{margin:0;font-size:27px;font-weight:600}.pokkeniaWorldviewEditor>header p{margin:9px 0 0;color:#91817b;font-size:11px;line-height:1.7}.pokkeniaWorldviewEditor>header code{padding:1px 4px;border-radius:4px;background:#eee5e8;color:#775c69;font:inherit}
.pokkeniaEditorField{display:block;margin:0 0 17px}.pokkeniaEditorField>span{display:block;margin:0 0 7px;color:#74666b;font-size:10px;font-weight:720;letter-spacing:.04em}
.pokkeniaEditorField input,.pokkeniaEditorField textarea{box-sizing:border-box;width:100%;border:1px solid #ded2cc;border-radius:13px;background:#fffdfb;color:#3f3639;padding:13px 14px;font:inherit;font-size:13px;line-height:1.75;outline:0;box-shadow:none}.pokkeniaEditorField input:focus,.pokkeniaEditorField textarea:focus{border-color:#b997a5;box-shadow:0 0 0 3px rgba(185,151,165,.13)}
.pokkeniaEditorField textarea{min-height:320px;resize:vertical;-webkit-overflow-scrolling:touch}
.pokkeniaEditorActions{display:flex;justify-content:flex-end;gap:9px;padding:3px 0 8px}.pokkeniaEditorActions .pokkeniaButton{min-width:92px}.pokkeniaButton:disabled{opacity:.55;cursor:default}
@media(max-width:600px){.pokkeniaWorldviewGrid{grid-template-columns:1fr}.pokkeniaWorldviewCard{min-height:112px}.pokkeniaWorldviewTitleRow h2{font-size:23px}.pokkeniaWorldviewBody{padding:18px}.pokkeniaWorldviewEditor>header h2{font-size:23px}.pokkeniaEditorField textarea{min-height:360px}}

/* Shared marks for the existing Orbital Bound, Finance Forest and Models & Theories overlays. */
.pokkeniaCardSvg{width:28px;height:24px;overflow:visible}a.pokkeniaCard{text-decoration:none}

/* Library sections and safe Markdown reader */
.pokkeniaMainGrid > .pokkeniaCard:first-child{grid-column:1/-1;background:#faf4f5;border-color:#decfd5}
.pokkeniaNavGlyph{font-size:22px;font-weight:500;line-height:1;color:#9b7888}
.pokkeniaNavNote{margin:16px 0;font-size:11px;line-height:1.6;color:#a37b81}
.pokkeniaResidentPlaza{margin:0 0 24px}.pokkeniaResidentPlaza .pokkeniaCard{min-height:72px;background:#f8f1f3}
.pokkeniaReferenceHeader{padding:6px 0 20px}.pokkeniaReferenceHeader h2{margin:0;font-size:25px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}.pokkeniaReferenceHeader p{margin:8px 0 0;font-size:11px;color:#91817b;line-height:1.7}
.pokkeniaReferenceBody h2,.pokkeniaReferenceBody h3,.pokkeniaReferenceBody h4{line-height:1.5;color:#524149;margin:1.4em 0 .65em;font-weight:700}.pokkeniaReferenceBody h2{font-size:19px}.pokkeniaReferenceBody h3{font-size:16px}.pokkeniaReferenceBody h4{font-size:14px}
.pokkeniaReferenceBody h2:first-child,.pokkeniaReferenceBody h3:first-child{margin-top:0}.pokkeniaReferenceBody ol{padding-left:1.5em}.pokkeniaReferenceBody li{margin:.4em 0}.pokkeniaReferenceBody blockquote{border-left:3px solid #d3bbc5;margin:1.2em 0;padding:0 0 0 14px;color:#725e69}.pokkeniaReferenceBody a{color:#8b6077;text-underline-offset:3px}
.pokkeniaReferenceTableWrap{overflow-x:auto;margin:16px 0}.pokkeniaReferenceBody table{width:100%;border-collapse:collapse;min-width:380px;font-size:12px}.pokkeniaReferenceBody th,.pokkeniaReferenceBody td{text-align:left;border-bottom:1px solid #e7dbd7;padding:9px 10px;vertical-align:top}.pokkeniaReferenceBody th{background:#f6eeef;color:#6d5963;white-space:nowrap}
@media(max-width:600px){.pokkeniaMainGrid > .pokkeniaCard:first-child{grid-column:auto}.pokkeniaReferenceHeader h2{font-size:22px}}

.pokkeniaNavStack{display:flex;flex-direction:column;min-width:0}.pokkeniaNavStack>.pokkeniaCard{flex:1}.pokkeniaRelatedLink{align-self:flex-end;margin:7px 4px 1px;border:0;background:transparent;color:#8c727d;font-size:11px;line-height:1.6;cursor:pointer;padding:4px 7px}.pokkeniaRelatedLink:hover{text-decoration:underline;text-underline-offset:3px}