:root{--font-reading:Georgia, "Palatino Linotype", "Book Antiqua", serif;--font-ui:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"Cascadia Mono", Consolas, "SFMono-Regular", monospace;--text-caption:.8125rem;--text-label:.875rem;--text-body:1rem;--heading-section:1.125rem;--heading-panel:1.5rem;--heading-page:1.75rem}button,input,select,textarea,kbd{font-family:var(--font-ui)}input,select,textarea{font-size:var(--text-body);line-height:1.5}button{font-size:var(--text-label);line-height:1.3}label,small,time,output{font-family:var(--font-ui)}small{font-size:var(--text-caption);line-height:1.4}kbd,time,output{font-variant-numeric:lining-nums tabular-nums}h1,h2,h3,h4,h5,h6{font-family:var(--font-reading);font-weight:700;line-height:1.25}h1{font-size:var(--heading-page)}h2{font-size:var(--heading-panel)}h3{font-size:var(--heading-section)}h4,h5,h6{font-size:var(--text-body)}code,pre{font-family:var(--font-mono)}button.window-close{--close-width:36px;--close-height:38px;isolation:isolate;width:var(--close-width);height:var(--close-height);color:#fff4df;min-height:0;font:400 26px/1 var(--font-ui);text-shadow:0 1px 1px #320700;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;padding:0;display:grid;position:relative}button.window-close:before{content:"";z-index:-1;background:var(--seal,url(/theme/grimoire/wax-seal.webp)) center / contain no-repeat;clip-path:circle(43%);position:absolute;inset:0}button.window-close:hover:not(:disabled){color:#fff4df;background:0 0}button.window-close>span{transform:translateY(-2px)}button.window-close--compact{--close-width:28px;--close-height:30px;font-size:22px}@media (width<=720px){button.window-close:not(.window-close--compact){--close-width:32px;--close-height:34px}}.lobby{isolation:isolate;scrollbar-color:var(--ui-border) #241b15;background:#241b15;flex-direction:column;padding:0 32px;display:flex;overflow:hidden}.lobby:before,.boot-message:before,.boot-error:before{content:"";z-index:-1;pointer-events:none;border:1px solid var(--ui-button-edge);border-image:var(--plate) 10% fill / 48px stretch;filter:brightness(.85);position:fixed;inset:8px}.boot-message,.boot-error{isolation:isolate;color:var(--ui-button-ink);text-align:center;pointer-events:auto;background:#241b15;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px;display:flex;position:fixed;inset:0}.boot-mark{background:var(--seal) center / contain no-repeat;clip-path:circle(43%);width:64px;height:64px}.boot-message p{font-size:16px;font-style:italic}.boot-error h1{font-size:var(--heading-page)}.boot-error p{max-width:480px;color:var(--ui-button-muted);overflow-wrap:anywhere;font-size:15px;line-height:1.6}.boot-error button{padding:12px 24px}.lobby .lobby-top{flex-shrink:0;gap:25px;width:min(1240px,100%);margin:27px auto 23px;position:relative;inset:auto}.lobby .wordmark{color:var(--ui-button-ink);letter-spacing:.04em;text-shadow:0 2px 2px #120c08;flex-shrink:0;gap:13px;font-size:25px;text-decoration:none}.wordmark small{font-size:var(--text-caption);font-family:var(--font-ui);letter-spacing:.015em;color:var(--ui-button-muted);margin-top:5px;font-style:italic;font-weight:400;display:block}.haven-mark{color:#f4d69a;background:var(--seal) center / contain no-repeat;clip-path:circle(43%);place-items:center;width:50px;height:54px;display:grid}.haven-mark .icon{filter:drop-shadow(0 1px 1px #3b110b);width:25px;height:29px}.lobby .lobby-online{font-size:var(--text-caption);font-family:var(--font-ui);letter-spacing:.09em;white-space:nowrap}.lobby-top>.lobby-online{color:var(--ui-button-muted);border-block:1px solid #98794b66;padding:10px 0}.lobby .eyebrow{font-size:var(--text-caption);font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ui-label)}.lobby .lobby-footer{width:min(1240px,100%);color:var(--ui-button-muted);font-size:var(--text-caption);font-family:var(--font-ui);letter-spacing:0;flex-shrink:0;margin:23px auto;padding:0;font-style:italic;position:relative;inset:auto}.haven-arrival,.lobby .hero-selection{overscroll-behavior:contain;scrollbar-color:var(--ui-scroll) var(--ui-scroll-track);background:var(--panel) var(--paper) repeat;border:14px solid var(--ui-frame-edge);border-image:var(--frame) 10% / 14px stretch;background-size:900px;width:min(1240px,100%);min-height:0;margin:auto;padding:27px 38px 22px;position:relative;overflow:auto;box-shadow:0 16px 42px #100b08a6,inset 0 0 35px #76502b24}.haven-title{text-align:center;border-bottom:3px double var(--ui-border);padding-bottom:21px}.haven-title h1{letter-spacing:-.025em;text-shadow:0 1px var(--ui-highlight);margin:10px 0;font-size:clamp(38px,4vw,58px);font-weight:700;line-height:1.05}.haven-title>p:last-child{color:var(--ui-muted);font-size:16px;font-style:italic}.arrival-spread{align-items:top;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:30px;padding:24px 0;display:grid}.haven-illustration{min-width:0;margin:0}.haven-illustration img{mix-blend-mode:multiply;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.haven-illustration figcaption{text-align:center;font-size:var(--text-caption);font-family:var(--font-ui);color:var(--ui-muted);margin-top:10px;font-style:italic}.haven-illustration figcaption>span{color:var(--ui-ink);margin-right:7px;font-style:normal}.arrival-register{border:1px solid var(--ui-border);outline:1px solid var(--ui-line);outline-offset:5px;background:var(--ui-field);padding:26px;position:relative;box-shadow:0 4px 14px #4a32181a}.arrival-register:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);background:#7c322b;width:25px;height:45px;position:absolute;top:-13px;right:19px;box-shadow:inset 0 0 0 3px #57241f66}.arrival-register h2{font-size:var(--heading-page);letter-spacing:-.02em;margin:10px 0 13px;font-weight:700}.arrival-register>p:not(.eyebrow){margin-top:13px;font-size:15px;line-height:1.6}.arrival-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.arrival-actions .primary-button{grid-column:1/-1}.arrival-actions .paper-button{grid-column:auto}.arrival-actions .text-button{grid-column:1/-1;justify-self:center}.lobby .primary-button,.account-dialog .primary-button{letter-spacing:.025em;border-radius:0;min-height:48px;padding:13px 16px;font-size:15px;font-weight:700;box-shadow:0 3px 6px #30201629}.lobby .paper-button{color:var(--ui-ink);border:1px solid var(--ui-border);text-shadow:none;background:0 0;border-radius:0;padding:12px;font-size:16px}.lobby .paper-button:hover{background:var(--ui-selected);filter:none}.lobby .text-button,.account-dialog .text-button{color:var(--ui-label);text-shadow:none;text-underline-offset:4px;font-size:var(--text-label);font-family:var(--font-ui);letter-spacing:0;background:0 0;border:0;padding:8px 0;text-decoration:underline}.lobby .text-button:hover,.account-dialog .text-button:hover{color:var(--ui-ink);filter:none;background:0 0}.arrival-register .keeper-note{color:var(--ui-muted);text-align:center;border-top:1px solid var(--ui-line);padding-top:13px;font-style:italic;font-size:var(--text-caption)!important;font-family:var(--font-ui)!important}.guest-class-label{text-align:left;font-size:var(--text-caption);font-family:var(--font-ui);color:var(--ui-muted);grid-column:1/-1;gap:6px;display:grid}.guest-class-label select{border:1px solid var(--ui-border);background:var(--ui-field);width:100%;min-height:42px;color:var(--ui-ink);font:inherit;border-radius:3px;padding:8px}.race-choice-note{color:var(--ui-muted);font:var(--text-caption)/1.5 var(--font-ui);grid-column:1/-1;margin-top:6px;display:block}.arrival-actions .race-choice-note{margin-top:-4px}.attribute-preview{border-top:1px solid var(--ui-line);min-width:0;font:var(--text-caption)/1.5 var(--font-ui);margin-top:16px}.attribute-preview>summary{color:var(--ui-label);cursor:pointer;padding:10px 0}.attribute-preview>summary:hover{color:var(--ui-ink)}.attribute-preview small{color:var(--ui-muted);font-size:var(--text-caption)}.arrival-actions>.attribute-preview{grid-column:1/-1;margin-top:0}.guest-setup>summary{border:1px solid var(--ui-border);background:var(--ui-wash);min-height:44px;color:var(--ui-ink);align-items:center;gap:8px;padding:10px 8px;display:flex}.guest-setup>summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:6px;height:6px;rotate:-45deg}.guest-setup[open]>summary:before{rotate:45deg}.guest-setup>summary::-webkit-details-marker{display:none}.guest-setup-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.guest-setup>summary small{white-space:nowrap;color:var(--ui-muted);flex-shrink:0}.guest-choices{gap:12px;padding:14px 0 8px;display:grid}.guest-setup .tree-preview-link{width:100%}.guest-setup[open]>summary,.guest-setup>summary:hover{background:var(--ui-selected)}.lobby .attribute-preview .class-stats{border:0;padding:8px 0}.lobby .attribute-preview .class-stats b{font-size:20px}.arrival-actions .guest-entry-note{font-size:var(--text-caption);font-family:var(--font-ui);color:var(--ui-muted);text-align:left;grid-column:1/-1;margin:0 0 4px;line-height:1.5}.haven-notice{border-block:3px double var(--ui-border);font-size:var(--text-caption);font-family:var(--font-ui);color:var(--ui-label);justify-content:space-around;gap:15px;padding:15px 0;display:flex}.haven-notice>span{align-items:center;gap:9px;display:flex}.haven-notice .icon{width:20px;height:20px}.haven-paths{text-align:center;font-size:var(--text-caption);font-family:var(--font-ui);color:var(--ui-muted);padding-top:14px;line-height:1.8}.haven-paths>span{font-style:italic}.haven-paths p{color:var(--ui-ink)}.haven-paths i{padding:0 8px;font-style:normal}.account-dialog{color:var(--ui-ink);background:var(--panel) var(--paper) repeat;border:12px solid var(--ui-frame-edge);border-image:var(--frame) 10% / 12px stretch;pointer-events:auto;background-size:900px;width:min(470px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 18px 70px #0e090bc4}.account-dialog:not([open]){display:none}.account-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#19120dc2}.account-dialog-heading{border-bottom:1px solid var(--ui-border);background:var(--ui-button);font-size:var(--text-label);font-family:var(--font-ui);color:var(--ui-button-ink);justify-content:space-between;align-items:center;gap:15px;margin:0;padding:11px 16px;display:flex}.account-dialog-heading>span{align-items:center;gap:9px;display:flex}.account-dialog-heading .icon{width:20px;height:20px}.account-dialog-body{padding:24px}.account-dialog h2{font-size:var(--heading-page);letter-spacing:-.02em;margin-bottom:12px;font-weight:700;line-height:1.2}.account-dialog #account-description{color:var(--ui-muted);font-size:15px;line-height:1.6}.account-dialog form{flex-direction:column;gap:18px;margin-top:24px;display:flex}.account-dialog label{letter-spacing:0;gap:7px;font-size:15px}.account-dialog input{border-radius:0;width:100%;min-height:45px;font-size:16px}.account-dialog input[readonly]{color:var(--ui-muted);background:var(--ui-wash)}.account-dialog .field-hint{font-size:var(--text-caption);font-family:var(--font-ui);color:var(--ui-muted);margin-top:-10px;line-height:1.6}.account-dialog .form-error{font-size:var(--text-label);font-family:var(--font-ui)}.account-message{border-left:3px solid var(--ui-selection-edge);font-size:var(--text-label);font-family:var(--font-ui);background:var(--ui-selected);margin-top:18px;padding:10px 12px;line-height:1.6}.account-message:empty{display:none}.account-dialog-links{border-top:1px solid var(--ui-line);flex-wrap:wrap;justify-content:space-between;gap:5px 14px;margin-top:20px;padding-top:8px;display:flex}.lobby :focus-visible,.account-dialog :focus-visible{outline:2px solid var(--ui-ink);outline-offset:3px}.lobby input:focus,.account-dialog input:focus{border-color:var(--ui-ink)}.lobby .lobby-top :focus-visible{outline-color:var(--ui-button-ink)}.lobby .account-menu{min-width:0;color:var(--ui-button-muted);gap:15px}.account-menu>span{overflow-wrap:anywhere;font-size:var(--text-caption);font-family:var(--font-ui);text-align:right}.lobby .account-menu button,.lobby .account-menu a{min-height:36px;font-size:var(--text-label);font-family:var(--font-ui);color:var(--ui-button-ink);border-color:var(--ui-button-edge);background:#21161055;flex-shrink:0}.lobby .account-menu a{align-items:center;padding-inline:8px;display:flex}.lobby .selection-heading{isolation:isolate;border-bottom:3px double var(--ui-border);align-items:center;gap:20px;min-height:114px;margin-bottom:22px;padding:6px 250px 20px 0;position:relative}.register-engraving{z-index:-1;object-fit:cover;object-position:center;mix-blend-mode:multiply;opacity:.85;width:300px;height:175px;position:absolute;top:-22px;right:-8px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 23% 90%,#0000),linear-gradient(#0000,#000 15% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 23% 90%,#0000),linear-gradient(#0000,#000 15% 80%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.selection-heading>.lobby-online{background:var(--ui-field);color:var(--ui-label);padding:5px 9px;position:absolute;bottom:8px;right:0}.lobby .selection-heading h1{letter-spacing:-.025em;margin:10px 0 13px;font-size:clamp(30px,3vw,42px);font-weight:700;line-height:1.15}.lobby .selection-heading p.muted{font-size:15px;line-height:1.6}.lobby .selection-layout{grid-template-columns:minmax(170px,.8fr) minmax(225px,1fr) minmax(300px,1.2fr);align-items:start;gap:24px}.lobby .selection-layout>section{min-width:0}.lobby .selection-layout:is([data-mode=resume],[data-mode=first]){grid-template-columns:minmax(220px,.9fr) minmax(300px,1.1fr)}.lobby .selection-layout[data-mode=resume]>.roster-panel{grid-column:auto}.chosen-identity{color:var(--ui-muted);font:var(--text-label)/1.4 var(--font-ui);margin-top:6px}.lobby .section-label{letter-spacing:0;color:var(--ui-ink);border-bottom:3px double var(--ui-border);align-items:baseline;margin-bottom:0;padding-bottom:12px;font-size:18px;font-weight:700}.lobby .section-label span{font-size:var(--text-caption);font-family:var(--font-ui)}.lobby .saved-heroes{gap:0}.lobby .saved-hero{border:1px solid var(--ui-line);background:var(--ui-wash);box-shadow:none;border-radius:0;margin-top:10px;padding:15px 12px}.lobby .saved-hero.selected{background:var(--ui-field);border-color:var(--ui-selection-edge);box-shadow:inset 3px 0 #803d30,0 3px 8px #4a2d1612}.lobby .saved-hero strong{overflow-wrap:anywhere;font-size:17px;font-weight:700}.lobby .saved-depth{font-size:var(--text-caption);font-family:var(--font-ui);letter-spacing:.08em;margin:8px 0 0}.lobby .new-hero-button{color:var(--ui-ink);border:1px solid var(--ui-border);min-height:44px;text-shadow:none;background:0 0;margin-top:16px}.lobby .new-hero-button:hover{background:var(--ui-selected);filter:none}.empty-roster{text-align:center;color:var(--ui-muted);padding:24px 0 12px;line-height:1.7}.empty-roster>.icon{opacity:.6;width:40px;height:40px;margin-bottom:8px}.empty-roster p{font-size:15px}.empty-roster small{font-size:var(--text-caption);font-family:var(--font-ui)}.lobby .roster-note{font-size:var(--text-caption);font-family:var(--font-ui);font-style:italic;line-height:1.8}.path-note{font-size:var(--text-caption);font-family:var(--font-ui);color:var(--ui-muted);margin:12px 0;line-height:1.6}.lobby .class-grid{flex-direction:column;gap:0;display:flex}.lobby .class-card{border:1px solid #0000;border-bottom-color:var(--ui-line);width:100%;min-height:59px;box-shadow:none;background:0 0;border-radius:0;gap:12px;padding:9px 11px}.lobby .class-card>.icon{width:25px;height:25px;color:var(--ui-label)}.lobby .class-card strong{color:var(--ui-ink);font-size:17px;font-weight:400}.lobby .class-card small{font-size:var(--text-caption);font-family:var(--font-ui);margin-top:3px;line-height:1.4}.lobby .class-card.selected,.lobby .class-card.selected:hover:not(:disabled){background:var(--ui-button) var(--plate) center / 100% 100%;border-color:var(--ui-button-edge);box-shadow:0 3px 5px #38201224}.lobby .class-card.selected strong,.lobby .class-card.selected>.icon,.lobby .class-card.selected i{color:var(--ui-button-ink);font-weight:700}.lobby .class-card.selected small{color:var(--ui-button-muted)}.lobby .class-card i{width:14px;height:auto;color:var(--ui-label);background:0 0;border:0;font-size:15px;font-style:normal}.lobby .class-card:hover:not(:disabled),.lobby .saved-hero:hover:not(:disabled){background:var(--ui-selected)}.lobby .class-card:disabled{opacity:.55}.lobby .class-card.selected:disabled{opacity:1}.lobby .class-detail{background:var(--ui-field);border:1px solid var(--ui-border);border-top:4px solid var(--class-color);border-image:;border-radius:0;grid-column:auto;padding:22px;display:block;box-shadow:0 4px 15px #4c321b17}.class-folio-heading{border-bottom:1px solid var(--ui-line);align-items:center;gap:14px;margin-bottom:17px;padding-bottom:18px;display:flex}.lobby .class-detail-icon{width:54px;height:62px;color:var(--class-color);border:1px solid var(--ui-border);background:var(--tab) center / 100% 100%;box-shadow:inset 0 0 0 3px var(--ui-wash);border-radius:0;flex-shrink:0;margin:0}.lobby .class-detail-icon .icon{width:44px;height:44px}.lobby .class-detail h2{font-size:var(--heading-page);letter-spacing:-.02em;margin:8px 0 0;font-weight:700}.lobby .class-description{min-height:0;font-size:15px;line-height:1.8}.lobby .class-stats{font-size:var(--text-caption);font-family:var(--font-ui);border-top:1px solid var(--ui-line);gap:10px;padding-block:16px}.lobby .class-stats b{font-size:24px;font-weight:700}.lobby .signature-list{flex-direction:column;gap:14px;margin:18px 0 24px}.lobby .signature-list .icon{color:var(--ui-label)}.lobby .signature-list small{font-size:var(--text-caption);font-family:var(--font-ui);color:var(--ui-muted);display:block}.lobby .class-detail label{font-size:var(--text-caption);font-family:var(--font-ui);letter-spacing:.08em}.lobby .class-detail input{border-radius:0;min-height:44px;font-size:16px}.lobby .class-detail .primary-button{font-size:var(--text-label);font-family:var(--font-ui)}.folio-note{font-size:var(--text-caption);font-family:var(--font-ui);text-align:center;color:var(--ui-muted);margin-top:17px;font-style:italic;line-height:1.7}.lobby .resume-info{font-size:var(--text-caption);font-family:var(--font-ui);flex-wrap:wrap}@media (width<=1050px){.haven-arrival,.lobby .hero-selection{padding:25px}.lobby .selection-layout{grid-template-columns:minmax(180px,.8fr) minmax(270px,1.2fr)}.lobby .roster-panel{grid-column:1/-1}.lobby .saved-heroes{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center;gap:8px;display:grid}.empty-roster{text-align:left;padding:12px 0}.empty-roster>.icon{display:none}.lobby .roster-note{margin-top:12px}.arrival-spread{grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:24px}.arrival-register{padding:22px}.lobby .selection-heading{padding-right:230px}.register-engraving{width:230px}.haven-notice{font-size:var(--text-caption);font-family:var(--font-ui);flex-wrap:wrap;justify-content:center}}@media (width<=700px){.lobby{padding:0 16px}.lobby .lobby-top{align-items:flex-start;gap:16px;margin:24px auto}.lobby .wordmark{gap:9px;font-size:20px}.wordmark small{font-size:var(--text-caption);font-family:var(--font-ui)}.haven-mark{width:38px;height:42px}.haven-mark .icon{width:21px;height:25px}.lobby .lobby-top>.lobby-online{font-size:var(--text-caption);font-family:var(--font-ui);white-space:normal;text-align:right;max-width:80px;padding-top:6px;line-height:1.8}.haven-arrival,.lobby .hero-selection{border-width:8px;border-image-width:8px;padding:22px 16px}.arrival-spread{grid-template-columns:1fr;gap:25px;padding:20px 0}.haven-illustration{max-width:470px;margin:auto}.arrival-register{grid-row:1;width:100%;max-width:410px;margin:auto;padding:20px}.arrival-register h2{font-size:var(--heading-page)}.haven-notice{flex-direction:column;align-items:flex-start;padding-left:7px}.haven-paths i{padding:0 3px}.lobby .selection-heading{flex-direction:column;align-items:flex-start;gap:14px;min-height:0;padding:0 0 25px}.register-engraving{opacity:.12;width:100%;height:180px;top:-15px;right:-16px}.selection-heading>.lobby-online{background:0 0;padding:0;position:static}.lobby .selection-heading h1{font-size:30px}.lobby .selection-layout{grid-template-columns:1fr;gap:30px}.lobby .selection-layout:is([data-mode=resume],[data-mode=first]){grid-template-columns:1fr}.lobby .class-detail{padding:22px 18px}.lobby .class-card{min-height:60px}.lobby .account-menu{flex-direction:column;align-items:flex-end;gap:6px}.account-menu>span{font-size:var(--text-caption);font-family:var(--font-ui);max-width:150px}.lobby .lobby-footer{font-size:var(--text-caption);font-family:var(--font-ui);flex-wrap:wrap;gap:10px;line-height:1.5}.account-dialog-body{padding:20px 16px}.account-dialog h2{font-size:var(--heading-page)}}.mobile-layout .lobby{padding-inline:max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right))}.mobile-layout .lobby .lobby-top{margin-block:max(10px, env(safe-area-inset-top)) 10px;gap:8px}.mobile-layout .lobby .wordmark small{display:none}.mobile-layout .lobby .about-opener{min-height:44px}.mobile-layout .haven-arrival{border-width:6px;border-image-width:6px;padding:12px}.mobile-layout .haven-title{padding-bottom:8px}.mobile-layout .haven-title h1{font-size:var(--heading-panel);margin:0}.mobile-layout .haven-title>p{display:none}.mobile-layout .arrival-spread{grid-template-columns:1fr;gap:20px;padding-block:12px}.mobile-layout .arrival-register{grid-row:1;padding:12px}.mobile-layout .arrival-register:before{display:none}.mobile-layout .arrival-register h2{font-size:var(--heading-section);margin:0 0 8px}.mobile-layout .arrival-register>p:not(.eyebrow){margin-top:8px}.mobile-layout .arrival-actions{gap:8px;margin-top:12px}.mobile-layout .arrival-actions .guest-entry-note{grid-row:4}.mobile-layout .arrival-actions .paper-button{min-height:44px;padding-inline:8px}.mobile-layout .lobby .lobby-footer{margin-block:10px max(10px, env(safe-area-inset-bottom))}.mobile-layout .lobby-footer>span:last-child{display:none}.mobile-layout .lobby :is(button,summary,select,.wordmark){min-width:44px;min-height:44px}.mobile-layout .lobby .wordmark{align-items:center;display:flex}.mobile-layout .about-tabs a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.mobile-layout .hero-selection{padding-block:8px}.mobile-layout .selection-heading{padding-bottom:12px}.mobile-layout .lobby .selection-layout{gap:12px}.mobile-layout .lobby .classes-panel .class-grid{display:none}.mobile-layout .lobby .class-picker{gap:6px;width:100%;display:grid}.mobile-layout .lobby .class-picker select{width:100%}.mobile-layout .lobby .class-detail{padding:12px}.mobile-layout .lobby .class-description{margin-block:8px}.mobile-layout .lobby .account-menu>span{display:none}.lobby .account-more{font:var(--text-label)/1.5 var(--font-ui);flex-shrink:0;position:relative}.lobby .account-more summary{cursor:pointer;min-height:44px;color:var(--ui-button-ink);border:1px solid #aa906955;border-radius:3px;align-items:center;padding:8px 12px;display:flex}.lobby .account-more>div{z-index:30;border:1px solid var(--ui-border);background:var(--ui-panel);width:min(280px,80vw);color:var(--ui-ink);overflow-wrap:anywhere;gap:10px;padding:12px;display:grid;position:absolute;top:100%;right:0}.mobile-layout .lobby .lobby-footer .keyboard-guide{display:none}@media (height<=450px){.mobile-layout .lobby .lobby-top{margin-block:max(4px, env(safe-area-inset-top)) 4px}.mobile-layout .lobby .haven-mark{width:28px;height:28px}.mobile-layout .haven-arrival{padding:4px 10px}.mobile-layout .haven-title{display:none}.mobile-layout .arrival-spread{padding:0}.mobile-layout .arrival-register{padding:6px}.mobile-layout .arrival-register h2{display:none}.mobile-layout .arrival-register>p:not(.eyebrow){margin:0}.mobile-layout .arrival-actions{gap:6px;margin-top:6px}.mobile-layout .arrival-actions .primary-button{min-height:44px;padding-block:8px}.mobile-layout .lobby .lobby-footer{display:none}.mobile-layout .lobby .selection-heading h1{font-size:var(--heading-section)}.mobile-layout .selection-heading>.lobby-online{display:none}}.active-hero-notice{border:1px solid var(--ui-border);background:var(--ui-field);color:var(--ui-ink);border-left:3px solid #803d30;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px;padding:16px 20px;display:flex}.active-hero-notice p{font-size:var(--text-label);font-family:var(--font-ui);margin:6px 0 0;line-height:1.5}.active-hero-notice button{flex-shrink:0;padding:10px 16px}@media (width<=650px){.active-hero-notice{flex-direction:column;align-items:stretch}.active-hero-notice button{white-space:normal}}.bulletin-prose{color:var(--ui-ink,#343622);font:var(--text-body,1rem)/1.7 var(--font-reading,Georgia, serif);text-shadow:none;overflow-wrap:anywhere}.bulletin-prose>:first-child{margin-top:0}.bulletin-prose p,.bulletin-prose ul,.bulletin-prose ol,.bulletin-prose blockquote{margin:0 0 1em}.bulletin-prose h1,.bulletin-prose h2,.bulletin-prose h3,.bulletin-prose h4{margin:1.5em 0 .6em;line-height:1.25}.bulletin-prose h1,.bulletin-prose h2{font-size:var(--heading-section,1.5rem)}.bulletin-prose h3,.bulletin-prose h4{font-size:1.125rem}.bulletin-prose ul,.bulletin-prose ol{padding-left:1.6em}.bulletin-prose li{margin:.25em 0}.bulletin-prose blockquote{border-left:3px solid var(--ui-border,#a4915a);padding-left:1em}.bulletin-prose img{max-width:100%;height:auto;margin:1em auto;display:block}.bulletin-prose a{color:var(--ui-label,#59693b);text-underline-offset:.2em;text-decoration:underline}.bulletin-prose pre{background:#76502b0d;max-width:100%;padding:1em;overflow:auto}.bulletin-prose code{font:.875em var(--font-mono,monospace)}.bulletin-prose table{border-collapse:collapse;max-width:100%;margin:1em 0;display:block;overflow:auto}.bulletin-prose th,.bulletin-prose td{border:1px solid var(--ui-border,#a4915a);padding:.5em .8em}.bulletin-prose hr{border:0;border-top:1px solid var(--ui-border,#a4915a);margin:1.5em 0}.about-scroll a{color:var(--ui-label);text-underline-offset:.2em}[data-about-status]{text-align:center;color:var(--ui-muted);padding:12px 24px}[data-about-status] p{margin:0 0 10px}.lobby .about-opener{color:var(--ui-button-ink);font:var(--text-label)/1.4 var(--font-ui);white-space:nowrap;background:0 0;border:1px solid #98794b99;margin-left:auto;padding:10px 17px}.lobby .about-opener:hover,.lobby .about-opener[aria-expanded=true]{background:#b7945b22}.lobby .about-opener:focus-visible{outline-color:var(--ui-button-ink)}.arrival-original[hidden],.arrival-about[hidden],.arrival-about [hidden]{display:none!important}.haven-arrival.haven-arrival--about{flex:1;margin-block:0;padding:0;display:flex;overflow:visible}.arrival-about{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.arrival-about>.window-close{z-index:3;width:54px;height:54px;position:absolute;top:-32px;right:-32px}.about-heading{text-align:center;padding:24px 56px 20px}.about-heading .eyebrow{margin:0 0 9px}.about-heading h1{margin:0 0 8px;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.12}.about-heading>p:last-child{color:var(--ui-muted);margin:0;font-style:italic}.about-tabs{border-block:3px double var(--ui-border);flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:0;padding:0 20px;display:flex}.about-tabs a{color:var(--ui-label);font:var(--text-label)/1.3 var(--font-ui);text-shadow:none;text-align:center;background:0 0;padding:14px 20px;text-decoration:none}.about-tabs a[aria-current=page]{color:var(--ui-ink);background:var(--ui-selected);font-weight:700;box-shadow:inset 0 -3px #803d30}.about-tabs a:hover{background:var(--ui-wash)}.about-tabs a:focus-visible{outline:2px solid var(--ui-ink);outline-offset:-4px}.about-scroll{overscroll-behavior:contain;scrollbar-color:var(--ui-scroll) var(--ui-scroll-track);min-height:0;padding:30px 38px;overflow:auto}.about-scroll [role=tabpanel]{outline-offset:4px}.about-scroll p{font:var(--text-body)/1.65 var(--font-reading);text-shadow:none}.about-section-intro{margin-bottom:24px}.about-section-intro h2{font-size:var(--heading-page);margin:0 0 10px}.about-section-intro>p{max-width:65ch;color:var(--ui-muted);margin:0}.about-intro{grid-template-columns:1fr 1fr;align-items:center;gap:35px;display:grid}.about-story h2{margin:13px 0 20px;font-size:clamp(1.6rem,2.3vw,2rem);line-height:1.2}.about-story>p{margin-bottom:16px}.about-features{border-block:3px double var(--ui-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:30px 0;padding:26px 0;display:grid}.about-features span,.about-shot small{font:var(--text-caption)/1.4 var(--font-ui);color:var(--ui-label);letter-spacing:.07em}.about-features h3{font-size:var(--heading-section);margin:10px 0}.about-features p{margin:0}.about-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.about-shot{min-width:0;margin:0}.about-shot>.site-screenshot{background:var(--ui-field);border:1px solid var(--ui-border);border-radius:0;width:100%;margin:0;padding:5px;display:block;box-shadow:0 3px 9px #30201622}.about-shot>.site-screenshot img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.about-shot figcaption{padding:14px 3px 0}.about-shot h3{font-size:var(--heading-section);margin:5px 0 8px}.about-shot p{color:var(--ui-muted);margin:0}.about-shot a{color:var(--ui-label);font:var(--text-label)/1.4 var(--font-ui);margin-top:10px;display:inline-block}.gallery-filters{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.gallery-filters button{color:var(--ui-label);border:1px solid var(--ui-border);font:var(--text-caption)/1.4 var(--font-ui);text-shadow:none;background:0 0;border-radius:0;padding:8px 12px}.gallery-filters button[aria-pressed=true]{background:var(--ui-selected);color:var(--ui-ink);border-color:var(--ui-ink)}.public-bulletin{border-bottom:3px double var(--ui-border);max-width:78ch;margin:0 auto 28px;padding-bottom:25px}.public-bulletin header{margin-bottom:20px}.public-bulletin time,.public-bulletin header small{color:var(--ui-muted);font:var(--text-caption)/1.5 var(--font-ui)}.public-bulletin h3{font-size:var(--heading-panel);margin:8px 0}[data-bulletin-status]{text-align:center}.media-overview{grid-template-columns:1fr 1fr;gap:40px;padding-bottom:25px;display:grid}.media-overview h3{font-size:var(--heading-section);margin:0}.media-download{border:1px solid var(--ui-border);color:var(--ui-button-ink);background:var(--ui-selected);font:var(--text-label)/1.4 var(--font-ui);align-items:center;gap:20px;margin-top:10px;padding:14px 20px;text-decoration:none;display:inline-flex}.media-download:hover{background:var(--ui-wash)}.media-overview .media-download-note{font:var(--text-caption)/1.5 var(--font-ui);color:var(--ui-muted)}.media-facts{border-left:1px solid var(--ui-border);font:var(--text-label)/1.6 var(--font-ui);grid-template-columns:max-content 1fr;gap:12px 18px;margin:0;padding-left:25px;display:grid}.media-facts dt{color:var(--ui-label)}.media-facts dd{margin:0}.media-assets{border-block:3px double var(--ui-border);flex-wrap:wrap;gap:12px 25px;padding:20px 0;display:flex}.media-assets a{color:var(--ui-label);font:var(--text-label)/1.5 var(--font-ui)}.media-screenshots-title{font-size:var(--heading-panel);margin:28px 0 20px}.about-lightbox{border:1px solid var(--ui-border);background:var(--panel) var(--paper);width:min(1400px,100% - 40px);max-height:calc(100dvh - 50px);color:var(--ui-ink);padding:12px;overflow:auto}.about-lightbox::backdrop{background:#160f0ce6}.about-lightbox>.window-close{float:right;z-index:1;margin-bottom:-48px;position:sticky;top:0}.about-lightbox>img{width:100%;height:auto;display:block}.about-lightbox>div{padding:15px}.about-lightbox h2{font-size:var(--heading-panel);margin:0 0 8px}.about-lightbox p{font:var(--text-body)/1.6 var(--font-reading);margin:0}@media (width<=700px){.lobby .lobby-top{flex-wrap:wrap;gap:12px;margin-block:20px}.lobby .about-opener{order:3;margin-left:0;padding:8px 12px}.lobby .lobby-top>.lobby-online{margin-left:auto}.arrival-about>.window-close{width:44px;height:44px;top:-24px;right:-20px}.about-heading{padding:20px 24px 16px}.about-heading .eyebrow{letter-spacing:.08em;font-size:.65rem}.about-tabs{padding:0}.about-tabs a{width:50%;padding:12px 6px}.about-scroll{padding:22px 16px}.about-intro,.about-gallery,.about-features,.media-overview{grid-template-columns:1fr;gap:25px}.about-features{padding-block:24px}.media-facts{border-left:0;border-top:1px solid var(--ui-border);padding-top:20px;padding-left:0}.about-lightbox{width:calc(100% - 20px);padding:7px}}@media (height<=600px){.about-heading{padding-block:12px}.about-heading .eyebrow,.about-heading>p:last-child{display:none}.about-heading h1{font-size:var(--heading-panel);margin:0}}.public-site{--ui-ink:#302416;--ui-muted:#68563d;--ui-label:#5c4830;--ui-border:#99784e;--ui-selected:#fff0c866;--ui-field:#fbebca88;--ui-wash:#eddbb84d;--ui-button-ink:#efe1bd;--ui-button-muted:#bfb19a;--ui-button-edge:#806343;--ui-frame-edge:#593c29;--ui-scroll:#987448;--ui-scroll-track:#d4bd95;--panel:#eddbb7;--paper:url(/theme/grimoire/panel-parchment.webp);--frame:url(/theme/grimoire/leather-frame.webp);--plate:url(/theme/grimoire/button-plate.webp);--seal:url(/theme/grimoire/wax-seal.webp);box-sizing:border-box;height:100dvh;color:var(--ui-ink);font:var(--text-body)/1.65 var(--font-reading);text-shadow:none}body:has(>.public-site){margin:0}.public-site *,.public-site :before,.public-site :after{box-sizing:border-box}.public-site a{text-underline-offset:.22em}.public-site :focus-visible{outline:2px solid var(--ui-ink);outline-offset:3px}.public-site .lobby-top{align-items:center;display:flex}.public-site .wordmark{line-height:1.25;text-decoration:none;display:block}.public-site .about-opener{text-decoration:none}.public-site .lobby-footer{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;display:flex}.public-site img{max-width:100%;height:auto}.public-site button{cursor:pointer}.public-site .site-skip{color:var(--ui-ink);z-index:4;background:#fff2d9;padding:10px;position:absolute;top:4px;left:20px;transform:translateY(-200%)}.public-site .site-skip:focus{transform:none}.site-fallback{pointer-events:auto;position:fixed;inset:0;overflow:auto}.site-hero{grid-template-columns:1fr 1fr;align-items:center;gap:36px;display:grid}.site-lead{max-width:65ch;font-size:1.125rem}.site-reading{max-width:72ch;margin-inline:auto}.site-reading li{margin-bottom:.8em}.site-controls{grid-template-columns:max-content 1fr;gap:10px 24px;display:grid}.site-controls dt{font-family:var(--font-ui);font-weight:600}.site-controls dd{margin:0}.site-class-grid{grid-template-columns:1fr 1fr;gap:0 35px;display:grid}.site-class-grid article{border-bottom:1px solid var(--ui-border);padding:24px 0}.site-class-grid article>img{object-fit:contain;float:right;width:90px;height:90px;margin-left:14px}.site-class-grid h2{margin:0 0 8px}.site-pagination{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}@media (width<=760px),(pointer:coarse) and (width<=1180px){.public-site :is(button,summary,select),.public-site :is(.about-tabs,.site-pagination,.lobby-top) a{min-width:44px;min-height:44px}.public-site :is(.about-tabs,.site-pagination,.lobby-top) a{align-items:center;display:inline-flex}.public-site summary{cursor:pointer;padding-block:10px}}@media (width<=700px){.site-hero,.site-class-grid{grid-template-columns:1fr}.site-controls{grid-template-columns:1fr;gap:2px}.site-controls dd{margin-bottom:12px}.media-facts{grid-template-columns:1fr;gap:4px}.media-facts dd{margin-bottom:12px}}