:root{color-scheme:dark;--bg:#0b1214;--panel:#111c1e;--gold:#d6b775;--text:#eeeae0;--muted:#94a4a2;--line:#ffffff13}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;border-bottom:1px solid var(--line);position:relative;z-index:1}.brand{display:flex;align-items:center;gap:14px;font-family:Georgia,serif;font-size:23px;letter-spacing:3px;font-weight:bold}.brand small{display:block;font:8px/2 system-ui,sans-serif;letter-spacing:2.6px;color:var(--muted)}.sigil{font-size:45px;font-weight:normal;color:var(--gold)}nav,.account{display:flex;align-items:center;gap:25px}nav a{font-size:13px;color:#b1bfbb}nav a.active{color:var(--gold)}.soon{font-size:9px;border:1px solid var(--line);border-radius:3px;padding:2px 4px;color:var(--gold)}.account{gap:16px;font-size:12px}.account form{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:38px;padding:14px 23px;color:#151b19;background:var(--gold);border:1px solid var(--gold);border-radius:3px;font-size:13px;font-weight:650}.button:hover{background:#e9cd96;color:#111}.button.small{padding:10px 16px;gap:8px}.quiet{padding:0;border:0;background:none;color:var(--muted)}.hero{position:relative;min-height:665px;overflow:hidden;background:#0d181a}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#0b1316 3%,#0b1316e8 25%,#0b131644 60%,#0b131610),linear-gradient(0deg,#0b1214,transparent 35%),url('/assets/tree.svg') center right/cover no-repeat}.hero-copy{position:relative;padding:80px 0 38px 7%;max-width:650px}.eyebrow{font-size:10px;letter-spacing:2.7px;color:var(--gold);font-weight:600}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;margin-top:0}h1{font-size:52px;margin:16px 0 28px}.hero h1{font-size:75px;letter-spacing:-2px;line-height:1.04;margin:26px 0}.hero em,.quote em{color:var(--gold);font-weight:400}.hero p{color:#a9b8b4;font-size:15px;line-height:1.9}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin:28px 0}.text-link{font-size:13px}.hero-foot{display:flex;align-items:center;gap:9px;color:#829490;font-size:10px;margin-top:65px}.dot{width:5px;height:5px;background:#94b999;border-radius:50%;box-shadow:0 0 10px #94b999}.art-caption{position:absolute;bottom:55px;right:7%;font:35px/1.5 Georgia;letter-spacing:9px;color:#d7c48a88;text-align:right}.art-caption span{display:block;font:8px system-ui;letter-spacing:2px}.intro-strip{border-block:1px solid var(--line);padding:26px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px}.intro-strip>span{font-size:10px;letter-spacing:2px;color:var(--gold)}.intro-strip p{font-size:13px;color:var(--muted);margin:0}.intro-strip a{font-size:12px}.section{padding:65px 7% 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:26px}.section-heading h2{font-size:32px;margin:10px 0 0}.section-heading>a{font-size:12px}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:5px;overflow:hidden}.topic-row{display:flex;align-items:center;gap:20px;padding:23px;border-bottom:1px solid var(--line)}.topic-row:hover{background:#ffffff03}.topic-icon{border:1px solid #d6b77533;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:var(--gold);font:18px Georgia;flex-shrink:0}.tag{font-size:9px;letter-spacing:1px;color:#b7a475}.topic-row h3{font:16px/1.4 system-ui;margin:5px 0}.topic-row small{font-size:10px;color:var(--muted)}.reply-count{margin-left:auto;text-align:center;font:17px Georgia;color:#9faeaa}.reply-count small{display:block;font:9px system-ui}.panel-bottom{display:block;padding:16px 25px;font-size:12px;color:var(--gold)}.invitation{padding:30px;background:radial-gradient(ellipse at top right,#8a764322,transparent 70%),#142021;border:1px solid #cbb47722;border-radius:5px}.rune{font-size:55px;color:var(--gold);line-height:1.4}.invitation h3{font-size:31px;margin:16px 0}.invitation p{font-size:12px;color:var(--muted)}.invitation .button{margin-top:15px;background:transparent;color:var(--gold);gap:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{position:relative;display:block;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,#24312d55,#101b1e);border-radius:5px;min-height:230px}.feature h3,.feature h2{font-size:26px;margin:25px 0 15px}.feature p{font-size:13px;color:var(--muted)}.feature>span:last-child{font-size:11px;color:var(--gold)}.atlas-card{background:linear-gradient(120deg,#0c171ade,#182625ae),url('/assets/tree.svg') 65% 55%/240%}.wiki-card{background:radial-gradient(at top right,#6e623d44,transparent 70%),#14201f}.game-card{background:radial-gradient(at top right,#455f7955,transparent 70%),#122026}.quote{text-align:center;padding:85px 20px 90px}.quote>span{color:var(--gold);font-size:28px}.quote h2{font-size:42px;margin:20px 0}.quote p{color:var(--muted);font-size:13px}.quote .button{margin-top:15px}footer{border-top:1px solid var(--line);padding:35px 7%;display:flex;align-items:center;gap:40px;color:var(--muted);font-size:11px}footer .brand{font-size:17px;color:var(--gold)}footer p{margin-right:auto}.page{max-width:1250px;padding:55px 35px 90px;margin:0 auto;min-height:65vh}.narrow{max-width:850px}.auth-page{max-width:550px}.page>h1{margin-top:12px}.muted{color:var(--muted)}.search{display:flex;gap:12px;margin:30px 0}.search input{flex:1;min-width:100px}.form{padding:30px;display:grid;gap:22px}.form label{display:grid;gap:9px;font-size:13px}.form .button{justify-self:start}.form small{color:var(--muted);font-size:11px}input,textarea,select{border:1px solid #ffffff24;background:#0c1618;color:var(--text);padding:12px 14px;border-radius:3px;width:100%}textarea{resize:vertical}select{width:auto}label.check{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.check input{width:16px;height:16px}.check a{text-decoration:underline}.empty{padding:40px;text-align:center;color:var(--muted)}.empty>span{font-size:35px;color:var(--gold)}.empty h3{font-size:25px;color:var(--text)}.message{padding:28px;margin:22px 0}.message-author{color:var(--gold);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.message-author small{color:var(--muted);margin-left:10px;font-size:11px}.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.message .actions{font-size:11px;margin-bottom:0}.notice{max-width:1180px;margin:20px auto;padding:15px 25px;border:1px solid #bdaa6b55;background:#293026;color:#e5d6b3}.notice.error{background:#3a2526;border-color:#ae5b5b}.notice p{margin:4px}.report{margin:30px 0;color:var(--muted);font-size:12px}summary{cursor:pointer}.danger{background:#4b2e2c;color:#ffd9cf;border:1px solid #804a43;border-radius:3px;padding:8px 15px}.pagination{display:flex;justify-content:center;margin:30px 0;gap:25px;font-size:12px}.pagination span{color:var(--muted)}.user-row{display:flex;padding:20px;margin:10px 0;align-items:center;justify-content:space-between;gap:20px;overflow-wrap:anywhere}.user-row form{flex-shrink:0}.atlas-placeholder{text-align:center;padding:70px 20px;margin:35px 0;background:radial-gradient(ellipse at center,#34443255,transparent 70%),repeating-radial-gradient(ellipse at center,transparent 0 65px,#acb8910c 66px 67px),#101d1d;border:1px solid var(--line);border-radius:5px}.atlas-placeholder>span{font-size:85px;color:var(--gold)}.atlas-placeholder h2{font-size:35px}.atlas-placeholder p{color:var(--muted)}.skip{position:absolute;top:-100px;left:10px;background:var(--gold);padding:12px;z-index:9;color:black}.skip:focus{top:5px}@media(min-width:1500px){header,main,footer{max-width:1700px;margin:auto}}@media(max-width:1100px){header{height:auto;min-height:100px;flex-wrap:wrap;padding-block:20px}header nav{order:3;width:100%;justify-content:center}.hero h1{font-size:65px}.intro-strip{flex-wrap:wrap}.art-caption{display:none}.feature-grid{gap:12px}.feature{padding:23px}.account{margin-left:auto}}@media(max-width:700px){header{padding:17px 20px;gap:18px}.brand{font-size:18px}.brand small{font-size:6px}.sigil{font-size:32px}.account{font-size:11px;gap:10px}.account .small{padding:8px}.account>a:nth-child(2):not(.button){display:none}header nav{gap:18px;overflow:auto;justify-content:flex-start}nav a{font-size:11px;white-space:nowrap}.hero{min-height:600px}.hero-copy{padding:60px 25px 30px}.hero h1{font-size:58px}.hero-art{background-position:65%;opacity:.8;background-image:linear-gradient(90deg,#0b1316dd,#0b131655),linear-gradient(0deg,#0b1214,transparent),url('/assets/tree.svg')}.hero-foot{margin-top:40px}.actions{gap:20px}.intro-strip{padding:25px}.section{padding:45px 20px 0}.section-heading h2{font-size:27px}.section-heading{align-items:flex-start}.section-heading>a{font-size:10px}.two-col,.feature-grid{grid-template-columns:1fr}.invitation{padding:25px}.invitation .rune{float:right}.feature{min-height:200px}.topic-row{padding:18px;gap:12px}.topic-row h3{font-size:14px}.reply-count{font-size:14px}.quote{padding:60px 25px}.quote h2{font-size:34px}footer{padding:30px 25px;flex-wrap:wrap;gap:20px}footer p{width:100%;order:3}.page{padding:35px 20px 60px}.page h1{font-size:39px}.search{flex-wrap:wrap}.search select{flex:1}.form{padding:22px}.message{padding:22px}.user-row{flex-wrap:wrap}.atlas-placeholder{padding:45px 20px}.atlas-placeholder h2{font-size:28px}}
/* Stage 2: archive and community */
.hero-art{background-image:linear-gradient(90deg,#091315ec 0%,#091315b8 27%,#0913152b 60%,#09131500),linear-gradient(0deg,#0b1214,transparent 34%),url('/assets/igg-hero-v2.webp');background-position:center;background-size:cover}.hero-copy{padding-top:74px}.hero h1{text-shadow:0 3px 30px #0007}.art-caption{font-size:28px;letter-spacing:7px;color:#e5d6ad99}.art-caption span{font-size:7px;letter-spacing:1.5px}.community-strip{padding:25px 7%;display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:25px;align-items:center;border-bottom:1px solid var(--line);background:#0e191b}.community-strip>div{display:flex;align-items:center;gap:14px}.community-strip strong{font:30px/1 Georgia;color:var(--gold)}.community-strip>div span{font-size:10px;color:var(--muted)}.community-strip>a{justify-self:end;font-size:12px}.community-strip>a span{margin-left:24px;color:var(--gold)}.avatar{display:inline-flex;justify-content:center;align-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:radial-gradient(at 35% 20%,#455c3f55,#162b27);border:1px solid #a8b77844;color:#d8cd96;font:25px/1 Georgia}.avatar-star{background:radial-gradient(at top,#53534366,#25232b);border-color:#c5ad7844;color:#dec38a}.avatar-compass{background:radial-gradient(at top,#47637066,#162b35);border-color:#92bac444;color:#a9d4dc}.avatar-flame{background:radial-gradient(at top,#7b4c3366,#302326);border-color:#bc846144;color:#e5ad7f}.avatar-large{height:98px;width:98px;font-size:56px}.account-profile{display:flex;align-items:center;gap:9px}.account-profile .avatar{width:29px;height:29px;font-size:18px}.account-profile>span:last-child{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-heading{display:flex;align-items:center;gap:25px;margin:25px 0 35px}.member-heading h1{margin:10px 0;font-size:45px;overflow-wrap:anywhere}.member-heading p{margin:0;font-size:12px}.message-author{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.message-author .avatar{width:32px;height:32px;font-size:20px}.message-author small{margin-left:auto}.member-name{color:var(--gold)}.avatar-picker{border:0;padding:0;margin:0;display:flex;gap:20px;flex-wrap:wrap}.avatar-picker legend{font-size:13px;margin-bottom:15px}.avatar-picker label{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;font-size:10px;color:var(--muted)}.avatar-picker input{width:14px;height:14px;accent-color:var(--gold)}.avatar-picker .avatar{width:52px;height:52px;font-size:30px}.avatar-picker label:has(input:checked) .avatar{outline:2px solid var(--gold);outline-offset:3px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.archive-card{display:flex;flex-direction:column;padding:27px;background:linear-gradient(140deg,#1b292833,#111d20);border:1px solid var(--line);border-radius:5px;transition:border-color .2s,transform .2s}.archive-card:hover{border-color:#d6b77566;transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-glyph{font:34px Georgia;color:#c8b77999}.archive-card h3{font-size:27px;line-height:1.2;margin:22px 0 15px;overflow-wrap:anywhere}.archive-card p{margin:0 0 30px;font-size:12px;line-height:1.8;color:var(--muted)}.card-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:auto;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:var(--gold)}.card-bottom span:first-child{color:var(--muted)}.archive-hint{font-size:11px;color:var(--muted);margin:18px 0 0}.archive-hint a{color:var(--gold)}.page-intro{padding-top:15px}.page-intro h1{font-size:59px;letter-spacing:-1px}.page-intro h1 em{color:var(--gold)}.spoiler-note{display:flex;align-items:center;gap:15px;margin:32px 0;padding:15px 22px;border:1px solid #d6b77528;background:#d6b77508;font-size:12px;border-radius:4px}.spoiler-note>span{font:25px Georgia;color:var(--gold)}.spoiler-note p{margin:0;color:var(--muted)}.spoiler-note strong{color:var(--text);font-weight:500}.spoiler-note a{margin-left:auto;color:var(--gold);font-size:11px}.article-page{max-width:1000px}.article-heading{padding:35px 0 25px;border-bottom:1px solid var(--line)}.article-heading h1{font-size:55px;overflow-wrap:anywhere;margin-bottom:20px}.article-heading>.muted{font-size:11px}.reading-body{font:19px/1.9 Georgia,serif;max-width:760px;padding:22px 0}.reading-body p{margin:0 0 24px;overflow-wrap:anywhere}.source-box{border-left:2px solid var(--gold);background:#d6b77508;padding:20px 24px;margin:5px 0 30px}.source-box p{font-size:13px;margin:10px 0}.source-box small{color:var(--muted);font-size:11px}.related{margin-top:65px;border-top:1px solid var(--line);padding-top:35px}.related h2{margin:14px 0 25px;font-size:31px}.related .archive-card{padding:22px}.related .archive-card h3{font-size:24px}.atlas-card{background-image:linear-gradient(120deg,#0c171ade,#182625ae),url('/assets/igg-hero-v2.webp')}
@media(max-width:1000px){.community-strip{grid-template-columns:repeat(3,1fr)}.community-strip>a{display:none}.community-strip>div{gap:10px}.archive-grid{gap:15px}.archive-card{padding:22px}.archive-card h3{font-size:25px}}
@media(max-width:700px){.hero-art{background-image:linear-gradient(90deg,#091315dd,#09131544),linear-gradient(0deg,#0b1214,transparent 40%),url('/assets/igg-hero-v2.webp');background-position:60% center}.hero-copy{padding:55px 25px 30px}.community-strip{padding:22px 20px;gap:15px}.community-strip>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.community-strip strong{font-size:27px}.community-strip>div span{font-size:9px;line-height:1.5}.archive-grid{grid-template-columns:1fr}.archive-card{padding:25px}.archive-card h3{margin-top:14px}.archive-card p{margin-bottom:22px}.page-intro h1{font-size:43px}.desktop-only{display:none}.spoiler-note{flex-wrap:wrap;padding:16px}.spoiler-note a{margin-left:0;width:100%}.article-heading h1{font-size:40px}.reading-body{font-size:18px;line-height:1.85}.article-heading{padding:25px 0 15px}.member-heading{gap:17px}.member-heading h1{font-size:32px}.avatar-large{width:75px;height:75px;font-size:43px}.account-profile>span:last-child{max-width:75px}.message-author small{margin-left:0;font-size:10px}.source-box{padding:18px}.avatar-picker{gap:21px}.form .avatar-picker label{font-size:10px}.related{margin-top:40px}.community-strip .button{gap:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Stage 3: subscriptions and inbox */
.inbox-link{display:inline-flex;align-items:center;gap:7px;position:relative;white-space:nowrap;color:var(--gold)}.inbox-link>span:first-child{font:25px Georgia}.inbox-label{font-size:11px}.unread-badge{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;padding:0 5px;border-radius:10px;background:var(--gold);color:#14201f;font-size:9px;font-weight:700}.topic-tools,.profile-shortcuts{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:20px 0 30px}.topic-tools>a,.profile-shortcuts>a{font-size:12px;color:var(--gold)}.button.outline{background:transparent;color:var(--gold);gap:12px;padding:10px 16px}.button.outline:hover{background:#d6b77515}.inbox-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin:30px 0 20px}.inbox-toolbar>.quiet,.inbox-toolbar button{font-size:11px}.inbox-tabs{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:20px 0;font-size:12px}.inbox-tabs a{color:var(--muted);padding-bottom:7px;border-bottom:1px solid transparent}.inbox-tabs a.active{color:var(--gold);border-bottom-color:var(--gold)}.inbox-toolbar .inbox-tabs{margin:0}.notification-row{display:flex;gap:18px;padding:28px;border-bottom:1px solid var(--line)}.notification-row:last-child,.subscription-row:last-child{border-bottom:0}.notification-unread{background:#d6b77506}.notification-dot{font:25px Georgia;color:var(--muted);padding-top:3px}.notification-unread .notification-dot{color:var(--gold)}.notification-row h2,.subscription-row h2{font:19px/1.45 system-ui;margin:9px 0;overflow-wrap:anywhere}.notification-row p,.subscription-row p{font-size:11px;color:var(--muted);margin:8px 0 15px;overflow-wrap:anywhere}.notification-content{min-width:0}.notification-open{background:none;border:0;padding:0;color:var(--gold);font-size:12px;text-align:left}.subscription-row{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 28px;border-bottom:1px solid var(--line)}.subscription-row>div{min-width:0}.subscription-row>form{flex-shrink:0}.subscription-row button{font-size:11px}.subscription-row p{margin-bottom:0}.message:target{border-color:#d6b77588;box-shadow:0 0 0 3px #d6b77512;scroll-margin-top:20px}.new-topic .check{align-items:start}
@media(max-width:1200px){.inbox-label{display:none}.account{gap:12px}header{gap:17px}}
@media(max-width:700px){.account>a.account-profile{display:flex}.account-profile>span:last-child{display:none}.account-profile .avatar{width:27px;height:27px}.account>a[href="/admin"]{font-size:10px}.inbox-link>span:first-child{font-size:23px}.account{gap:12px}.notification-row{padding:22px 18px;gap:12px}.notification-row h2,.subscription-row h2{font-size:16px}.notification-row .eyebrow{font-size:8px;letter-spacing:1.8px}.inbox-toolbar{align-items:flex-start}.subscription-row{padding:22px 18px;gap:15px;flex-wrap:wrap}.inbox-tabs{gap:17px}.profile-shortcuts{margin-top:0}.topic-tools{gap:17px}}
/* Stage 4: community workshop */
.creation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.creation-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel);transition:border-color .2s}.creation-card:hover{border-color:#d6b77566}.creation-cover{aspect-ratio:16/10;overflow:hidden;background:#182526}.creation-cover img{width:100%;height:100%;object-fit:cover;display:block}.creation-story{display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(at 70% 30%,#6c573a66,transparent),repeating-linear-gradient(0deg,transparent 0 27px,#d6b77509 28px),#142021;color:var(--gold)}.creation-story>span{font:70px Georgia}.creation-story>small{font-size:8px;letter-spacing:3px;margin-top:15px}.creation-card-body{display:flex;flex-direction:column;flex:1;padding:24px;min-width:0}.creation-card h2{font-size:26px;line-height:1.25;margin:17px 0;overflow-wrap:anywhere}.creation-card p{font-size:12px;color:var(--muted);margin:0 0 24px;overflow-wrap:anywhere}.creation-card .card-bottom{font-size:9px}.creation-card .card-bottom span:first-child{overflow-wrap:anywhere;min-width:0}.creation-empty{grid-column:1/-1}.creation-full{margin:30px 0}.creation-full img{display:block;max-width:100%;max-height:850px;object-fit:contain;margin:0 auto;border-radius:4px}.creation-full figcaption{font-size:11px;color:var(--muted);margin-top:12px;text-align:center;overflow-wrap:anywhere}.creation-edit-preview{max-width:100%;max-height:300px;object-fit:contain;justify-self:start}.reaction-button{font:11px system-ui;border:1px solid #d6b77533;color:var(--gold);padding:7px 11px;border-radius:20px;background:transparent;cursor:pointer}.reaction-button.selected{background:#d6b77515;border-color:var(--gold)}.reaction-button:hover{background:#d6b77522}.reaction-count{font-size:10px;color:var(--muted);display:inline-block;margin-top:12px}.actions .reaction-count{margin:0}.comment-controls{margin-top:18px;font-size:10px}.workshop-banner{padding:35px;border:1px solid #d6b77533;background:radial-gradient(at right,#65523433,transparent),#142021;display:flex;justify-content:space-between;align-items:center;gap:30px;border-radius:5px}.workshop-banner h2{font-size:33px;margin:14px 0}.workshop-banner p{font-size:12px;color:var(--muted);margin:0}.workshop-banner .button{white-space:nowrap}.form input[type=file]{white-space:normal;max-width:100%;min-width:0}.form input[type=file]::file-selector-button{border:1px solid #d6b77555;background:#26312b;color:var(--gold);padding:7px 10px;border-radius:3px;margin-right:15px;font:12px system-ui}
@media(max-width:1280px){header{height:auto;min-height:100px;flex-wrap:wrap;padding-block:20px}header nav{order:3;width:100%;justify-content:center}.account{margin-left:auto}}
@media(max-width:900px){.creation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-banner{flex-wrap:wrap}}
@media(max-width:700px){header nav{justify-content:flex-start}.creation-grid{grid-template-columns:1fr}.creation-card-body{padding:22px}.creation-card h2{font-size:25px}.workshop-banner{padding:25px;gap:20px}.workshop-banner h2{font-size:28px}.creation-full{margin:25px 0}.page .section-heading{flex-wrap:wrap}.reaction-button{font-size:10px;padding:7px 10px}.creation-card .card-bottom{font-size:10px}.creation-full img{max-height:650px}}

/* Reading shelf and a clear welcome path */
.sigil{display:inline-flex;width:48px;height:54px;flex-shrink:0}.sigil svg,.avatar svg,.reading-notice-icon svg,.guide-tree svg{width:100%;height:100%;display:block}.avatar svg{width:78%;height:78%}.hero-reading-hint{margin:22px 0 0;color:var(--gold);font-size:14px}.hero-reading-hint small{color:#b8c6c2}.hero-reading-hint button{display:inline;text-decoration:underline;font-size:12px;margin-left:10px}.reading-notice{display:flex;align-items:center;gap:22px;padding:28px 7%;border-block:1px solid #d6b77533;background:linear-gradient(100deg,#26312a,#111f21)}.reading-notice-icon{width:44px;height:52px;color:var(--gold);flex-shrink:0}.reading-notice>div{flex:1}.reading-notice strong{font:24px Georgia,serif;color:#f2e8d2}.reading-notice p{margin:6px 0 0;color:#b7c8c2;max-width:680px}.guide-trigger{text-decoration:underline;font-size:13px}.unlock-path{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:35px 7%;border-bottom:1px solid var(--line)}.unlock-path>div{position:relative;padding-left:42px}.unlock-path span{position:absolute;left:0;top:-3px;color:var(--gold);font:25px Georgia,serif}.unlock-path strong{font-size:15px}.unlock-path p{color:var(--muted);font-size:13px;margin:5px 0}.registration-explainer{color:#b6c6bf;margin-bottom:25px}.reading-guide{position:fixed;max-width:570px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:38px;border:1px solid #d6b77555;border-radius:14px;background:#132222;color:var(--text);box-shadow:0 20px 100px #000b}.reading-guide::backdrop{background:#020b0ed9;backdrop-filter:blur(5px)}.reading-guide h2{font-size:36px;margin:18px 0}.reading-guide li{margin-bottom:14px;padding-left:6px}.reading-guide ol{padding-left:24px}.reading-guide li::marker{color:var(--gold)}.guide-tree{width:60px;height:60px;color:var(--gold);margin-bottom:18px}.guide-close{position:absolute;right:20px;top:16px;padding:7px;font-size:22px}.guide-foot,.cover-credit{font-size:11px;color:var(--muted)}.reading-guide .button{width:100%}.profile-page{max-width:1240px}.reading-form{margin:25px 0 32px;padding:32px;scroll-margin-top:22px}.reading-form .section-heading{margin-bottom:0;align-items:flex-start}.reading-form h2{font-size:33px;margin:9px 0}.book-picker{border:0;padding:0;margin:0;min-width:0}.book-zero{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;padding:16px;background:#0b1719;border:1px solid var(--line);border-radius:6px;margin-bottom:24px}.book-zero input,.book-choice input{width:18px!important;height:18px;accent-color:var(--gold);flex-shrink:0}.book-zero small{margin-left:auto}.book-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.book-choice{position:relative;display:flex;flex-direction:column;gap:5px;cursor:pointer;min-width:0}.book-choice>input{position:absolute;z-index:2;top:9px;left:9px;margin:0}.book-cover{position:relative;display:block;aspect-ratio:415/623;border-radius:5px;transition:transform .18s;box-shadow:0 10px 25px #0006;border:2px solid transparent;overflow:hidden}.book-cover img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.65);opacity:.65}.book-choice.is-read .book-cover img{filter:none;opacity:1}.book-choice.is-read .book-cover{border-color:#779a7a}.book-choice:has(input:checked) .book-cover{border-color:var(--gold);box-shadow:0 0 0 3px #d6b77525,0 10px 25px #0006}.book-choice:hover .book-cover{transform:translateY(-5px)}.book-choice:focus-within .book-cover{outline:2px solid white;outline-offset:4px}.book-check{display:none;position:absolute;right:7px;top:7px;background:#14392a;color:#c9efc0;border-radius:50%;width:24px;height:24px;text-align:center;font-weight:bold}.book-choice.is-read .book-check{display:block}.book-number{font-size:9px;letter-spacing:2px;color:var(--gold);margin-top:8px}.book-choice strong{font-size:14px;line-height:1.35;font-weight:500}.book-state{font-size:11px;color:var(--muted)}.book-choice.is-read .book-state{color:#a9c6a2}.reading-summary{border-left:2px solid var(--gold);padding:12px 17px;background:#d6b7750b;margin-top:25px;color:#e4d4ad}.profile-columns{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;align-items:start}.profile-columns>.panel{padding:30px}.rank-badge{font-size:10px;display:inline-flex;align-items:center;line-height:1.5;padding:3px 8px;border:1px solid currentColor;border-radius:20px;white-space:nowrap;letter-spacing:.2px;vertical-align:middle}.rank-wood{color:#c7a17d}.rank-bronze{color:#db9b68}.rank-silver{color:#c4d5e1}.rank-gold{color:#f1ce7d}.rank-panel .rank-badge{font-size:17px;padding:7px 15px}.rank-panel h2{font-size:29px;margin:12px 0 22px}.rank-panel details{border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted)}summary{cursor:pointer;color:var(--gold)}.rank-panel progress{width:100%;height:8px;accent-color:var(--gold)}.rank-panel ul{padding-left:20px}.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}
@media(max-width:1000px){.book-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.book-cover{max-height:300px}.reading-notice{flex-wrap:wrap;padding:24px 5%}.reading-notice>div{min-width:65%}.unlock-path{gap:20px;padding:28px 5%}.profile-columns{grid-template-columns:1fr 1.25fr}}
@media(max-width:650px){.reading-form{padding:20px}.reading-form .section-heading{display:block}.book-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px}.book-zero{flex-wrap:wrap}.book-zero small{width:100%;margin-left:32px}.profile-columns{grid-template-columns:1fr}.reading-notice{gap:14px}.reading-notice-icon{width:34px}.reading-notice strong{font-size:22px}.reading-notice .button{flex:1}.unlock-path{grid-template-columns:1fr;gap:23px}.reading-guide{padding:26px}.reading-guide h2{font-size:31px}.hero-reading-hint{max-width:300px}.hero-reading-hint button{display:block;margin:10px 0}.reading-form h2{font-size:29px}.sigil{width:39px;height:46px}.book-choice:hover .book-cover{transform:none}}
@media(prefers-reduced-motion:reduce){.book-cover{transition:none}}

.form .book-choice{display:flex;gap:5px}.book-zero input,.book-choice input{padding:0;min-width:18px}.avatar-picker input,.check input{padding:0}

/* Decorative illustrations remain below readable text. */
.illustrated-card,.decorated-panel{position:relative;isolation:isolate;overflow:hidden;background:#112126}.illustrated-card .card-art,.decorated-panel .panel-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:-2;pointer-events:none}.illustrated-card::before,.decorated-panel::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#061417ed 0%,#061417ad 54%,#06141770 100%),linear-gradient(0deg,#061417f2 0%,#06141730 80%)}.illustrated-card{min-height:300px;border-color:#b5c1ac29}.illustrated-card h3{color:#fff8e8;text-shadow:0 2px 12px #000c}.illustrated-card p,.decorated-panel p{color:#c1d2cc;text-shadow:0 1px 5px #000}.illustrated-card .tag,.illustrated-card .card-glyph{color:#efcf89}.illustrated-card .card-bottom{border-color:#d5e2d52b;color:#f1cf86}.illustrated-card .card-bottom span:first-child{color:#d1ded7}.illustrated-card:hover{border-color:#e4cd91aa}.feature.decorated-panel{min-height:265px}.decorated-panel h2,.decorated-panel h3{color:#fff4da;text-shadow:0 2px 12px #000c}.workshop-banner.decorated-panel{min-height:230px}.workshop-banner.decorated-panel::before{background:linear-gradient(90deg,#07191cf0 0%,#07191cbb 55%,#07191c60),linear-gradient(0deg,#07191cb0,transparent)}.invitation.decorated-panel::before{background:linear-gradient(0deg,#07191cf5 0%,#07191ca8 70%,#07191c70)}.rank-panel.decorated-panel{background:#112126}.rank-panel.decorated-panel::before{background:#0a1b20e8}.rank-panel.decorated-panel p,.rank-panel.decorated-panel details{color:#bccdc6}.artwork-note{color:var(--muted);font-size:11px;margin:14px 0 20px}.article-panorama{margin:0 0 35px;border:1px solid #d6b77533;border-radius:8px;overflow:hidden;background:#102126}.article-panorama img{display:block;width:100%;height:clamp(210px,31vw,390px);object-fit:cover}.article-panorama figcaption{padding:9px 15px;font-size:10px;color:#9cb3b0}.emblem-note{display:block;border-left:2px solid #d6b77555;padding-left:12px;line-height:1.6}.feature.decorated-panel>span:last-child{color:#f1cf86}@media(max-width:650px){.illustrated-card{min-height:280px}.feature.decorated-panel{min-height:240px}.workshop-banner.decorated-panel{min-height:260px}.illustrated-card::before{background:linear-gradient(90deg,#061417ed,#0614179e),linear-gradient(0deg,#061417f2,#06141730)}.article-panorama img{height:230px}}

/* Reader affiliation: canonical peoples, original site emblems. */
.faction-unity{--faction:#cdbd8c}.faction-earth{--faction:#94c5df}.faction-grass{--faction:#b9d481}.faction-river{--faction:#92d8c9}.faction-shadows{--faction:#c7a9e8}.faction-treefolk{--faction:#e0bd72}.faction-caverns{--faction:#b6bfcb}.faction-sea{--faction:#83c9e2}.avatar.faction-avatar{color:var(--faction,#d6b775);background:radial-gradient(at 30% 20%,#ffffff12,transparent 70%),#112125;border:1px solid color-mix(in srgb,var(--faction,#d6b775) 45%,transparent)}.avatar.faction-avatar .faction-mark{width:88%;height:88%}.faction-picker{border:0;padding:0;margin:0;min-width:0}.faction-picker legend{font-size:15px;color:#efdfb8;margin-bottom:8px}.faction-intro{font-size:12px;color:var(--muted);margin:0 0 18px}.faction-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form .faction-choice{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:17px 13px;background:linear-gradient(140deg,#ffffff05,transparent),#0d1b1e;border:1px solid #ffffff19;border-radius:7px;cursor:pointer;min-width:0;transition:border-color .2s,background .2s}.faction-choice input{position:absolute;right:8px;top:8px;width:13px;height:13px;padding:0;margin:0;accent-color:var(--faction)}.faction-choice .avatar{width:52px;height:52px;flex-shrink:0}.faction-copy{display:grid;gap:5px;min-width:0;padding-right:5px}.faction-copy strong{font:13px/1.35 system-ui,sans-serif;color:#e9e9df;font-weight:600}.form .faction-copy small{font-size:10px;line-height:1.4;color:#9aafa9}.faction-choice:hover{border-color:var(--faction)}.faction-choice:has(input:checked){border-color:var(--faction);background:linear-gradient(135deg,#d6b77512,transparent),#11272b}.faction-choice:focus-within{outline:2px solid #f2e9d2;outline-offset:3px}.faction-lock-note{padding:11px 14px;background:#d6b77508;border-radius:4px}.faction-picker+.emblem-note{margin-top:5px}@media(max-width:430px){.faction-options{grid-template-columns:1fr}.form .faction-choice{grid-template-columns:56px 1fr;padding:15px}.faction-copy strong{font-size:14px}.faction-copy small{font-size:11px}}@media(prefers-reduced-motion:reduce){.form .faction-choice{transition:none}}

.faction-badge{display:inline-flex;border:1px solid #ffffff23;padding:4px 10px;border-radius:20px;font-size:11px;color:var(--faction,#d6b775);margin:0 0 4px}.member-heading .faction-badge{margin-right:8px}