/* Shared Skrabi shell; native applications keep their own content styles. */
.skrabi-header,.skrabi-header *{box-sizing:border-box}
.skrabi-header{position:sticky;top:0;z-index:90;background:#0a121def;border-bottom:1px solid #dbc08726;backdrop-filter:blur(16px);color:#ecdfc6;font:14px/1.5 Arial,sans-serif;isolation:isolate}
.skrabi-header-inner{width:min(1240px,92%);min-height:78px;margin:auto;display:flex;align-items:center;gap:28px}
.skrabi-brand{display:flex;align-items:center;gap:12px;color:#f3e5c9!important;text-decoration:none!important;flex-shrink:0}
.skrabi-brand img{width:40px;height:40px;object-fit:contain}
.skrabi-brand strong{font:700 24px/1 Georgia,serif;letter-spacing:3px}.skrabi-brand small{display:block;margin-top:8px;font:9px Arial,sans-serif;letter-spacing:4px;color:#cead70}
.skrabi-primary{display:flex;align-items:center;gap:24px;margin-left:auto}
.skrabi-primary>a,.skrabi-pages>summary{font-size:13px;color:#c2ceda;text-decoration:none;white-space:nowrap;cursor:pointer;padding:10px 0}
.skrabi-primary>a:hover,.skrabi-primary>a[aria-current=page],.skrabi-pages[open]>summary{color:#efcf8e}
.skrabi-pages{position:static;border:0;padding:0;margin:0}.skrabi-pages>summary{list-style:none;font-weight:700}.skrabi-pages>summary::-webkit-details-marker{display:none}.skrabi-pages>summary::after{content:'+';padding-left:8px;color:#d9b577}.skrabi-pages[open]>summary::after{content:'−'}
.skrabi-menu{position:absolute;top:100%;left:0;right:0;background:#101d2bf9;border-bottom:1px solid #9e8250;box-shadow:0 24px 60px #0009;max-height:calc(100dvh - 80px);overflow:auto;padding:28px max(4%,calc((100% - 1240px)/2))}
.skrabi-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 20px;border-bottom:1px solid #ffffff17}.skrabi-menu-heading strong{font:26px Georgia,serif;color:#efd7a3}.skrabi-menu-close{background:transparent;border:1px solid #596679;border-radius:6px;color:#ced8e3;font:13px Arial,sans-serif;padding:8px 12px;cursor:pointer}
.skrabi-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding-top:22px}.skrabi-menu-group h2{font:700 11px Arial,sans-serif;letter-spacing:1.5px;color:#c6a66c;margin:0 0 12px;text-transform:uppercase}.skrabi-menu-group a{display:block;padding:7px 10px;margin-left:-10px;color:#d7e1eb;text-decoration:none;font-size:14px;line-height:1.4;border-radius:5px}.skrabi-menu-group a:hover,.skrabi-menu-group a[aria-current=page]{color:#f4d28d;background:#ffffff09}
.skrabi-account{border:1px solid #d8b36b;background:linear-gradient(120deg,#eed2a0,#c5a063);padding:11px 18px;border-radius:5px;text-decoration:none!important;color:#191c23!important;font-weight:700;font-size:12px;white-space:nowrap;flex-shrink:0}
.skrabi-header :focus-visible{outline:2px solid #f4ce80;outline-offset:5px}
.skrabi-subnav{display:flex;flex-wrap:wrap;gap:8px 22px;max-width:1240px;width:90%;margin:20px auto 0;font-size:13px}.skrabi-subnav a{color:#a9b9cc}.skrabi-subnav a:hover{color:#dfc083}
.skrabi-site{--max:1180px;background:radial-gradient(ellipse at 50% 12%,#172b422b,transparent 45%),#090f17;color:#d8e0ea;font-size:15px;line-height:1.75}
.skrabi-site .section{padding:60px 0;scroll-margin-top:100px}.skrabi-site h2{font-size:clamp(32px,3.7vw,46px);line-height:1.2;letter-spacing:-.6px}.skrabi-site h3{line-height:1.3}.skrabi-site .eyebrow{font-size:10px;letter-spacing:2px}.skrabi-site .muted{color:#aebcce}.skrabi-site .compact{font-size:13px!important;line-height:1.7}.skrabi-site .button{font-size:13px;gap:20px;border-radius:5px}.skrabi-site .text-link{font-size:14px;line-height:1.55}.skrabi-site th{font-size:11px;letter-spacing:.5px}.skrabi-site td{font-size:14px;padding:13px 18px}.skrabi-site .table-wrap{background:#101923;border-radius:8px}.skrabi-site label{font-size:13px}.skrabi-site .form-grid label{font-size:13px}.skrabi-site input,.skrabi-site textarea,.skrabi-site select{font-size:15px}.skrabi-site summary{font-size:15px}.skrabi-site .account-card .muted{font-size:13px}.skrabi-site .account-card label small{font-size:12px}.skrabi-site .account-intro>p:not(.eyebrow),.skrabi-site .feature-list{font-size:14px}.skrabi-site .check{font-size:12px!important}.skrabi-site .news-card p:not(.eyebrow),.skrabi-site .steps p,.skrabi-site .rules-grid p,.skrabi-site .guide-card p,.skrabi-site .guide-card li{font-size:14px;line-height:1.75}.skrabi-site .news-grid{margin-top:24px;gap:18px}.skrabi-site .news-card,.skrabi-site .realm-extra{border-radius:9px}.skrabi-site .news-card{padding:24px}.skrabi-site .news-card time{font-size:12px}.skrabi-site .stats{border-radius:9px}.skrabi-site .stats small{font-size:12px}.skrabi-site .stats span{font-size:10px}.skrabi-site .stats strong{font-size:36px}.skrabi-site .stats>div{padding:24px}.skrabi-site .account-section{padding:60px 0;gap:65px}.skrabi-site .character-pagination{padding:14px 0;margin-top:6px;flex-wrap:wrap}.skrabi-site .character-pagination span{font-size:13px}.skrabi-site button:disabled{opacity:.4;cursor:default;transform:none}.skrabi-site .character-filters{padding:20px;background:#101a26;border:1px solid #29384b;border-radius:9px;gap:14px}.skrabi-site .character-filters .check{margin-bottom:12px!important}
.skrabi-site .hero{min-height:650px;height:calc(100svh - 110px);max-height:820px}.skrabi-site .hero-content{padding-top:80px}.skrabi-site .hero h1{font-size:clamp(50px,6.4vw,80px);max-width:730px;line-height:1.08}.skrabi-site .hero-copy{font-size:17px;max-width:560px}.skrabi-site .hero-meta{font-size:12px}.skrabi-site .realm-ribbon{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;gap:26px;padding:10px 4%;background:#0d1926;border-bottom:1px solid #ffffff0c;min-height:43px;font-size:12px;flex-wrap:wrap}.skrabi-site .realm-ribbon span,.skrabi-site .realm-ribbon button{font-size:12px}
.home-shortcuts{max-width:var(--max);width:90%;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-shortcuts a{display:block;padding:23px 25px;background:linear-gradient(120deg,#172b40,#101a29);border:1px solid #a48c5833;border-radius:9px}.home-shortcuts span{font-size:10px;letter-spacing:1.7px;color:#cab27d}.home-shortcuts h2{font:25px Georgia,serif;margin:7px 0 9px;color:#ead7ad}.home-shortcuts p{color:#aebed0;margin:0;font-size:14px}.home-shortcuts a:hover{border-color:#cead70;background:#1a2d43}
.home-detail{max-width:var(--max);width:90%;margin:0 auto 20px;padding:0;border:1px solid #304154;border-radius:9px;background:#101a2680}.home-detail>summary{padding:22px 26px;color:#e5d1ac;font:24px Georgia,serif;list-style-position:inside;line-height:1.3}.home-detail>summary small{font:13px/1.6 Arial,sans-serif;color:#a9bacd;display:block;margin-top:7px;margin-left:27px}.home-detail[open]>summary{border-bottom:1px solid #304154}.home-detail>.section{width:92%;padding:32px 0}.home-detail .section-heading{margin-bottom:18px}.home-detail .section-heading h2{font-size:32px}.skrabi-site .home-detail .city-concept img{max-height:420px;object-fit:cover}.skrabi-site .home-detail .rules-grid{gap:24px}.home-detail .realm-library{width:100%;padding:24px}.home-realm-more{margin-top:28px;border:0}.home-realm-more summary{color:#deca9e;font-size:15px}.home-realm-more .factions{margin:22px 0}.home-realm-more .faction p{font-size:14px}.home-section-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.skrabi-site.community-page main{padding-top:0}.skrabi-site.community-page .section:first-child{padding-top:24px}.skrabi-site .community-hero{padding:38px 42px;background:linear-gradient(90deg,#09131af2,#09131a70),url('/assets/burg-sturmwind.jpg') center/cover}.skrabi-site .community-hero h1{font-size:clamp(38px,5vw,58px)}.skrabi-site .community-hero p{font-size:16px;max-width:620px}.skrabi-site .atlas-side{overflow:visible;max-height:none;padding:20px}.skrabi-site #atlas-players{max-height:490px;overflow:auto;padding:0 3px;scrollbar-color:#766443 #132130}.skrabi-site .atlas-player{padding:10px 5px;font-size:14px}.skrabi-site .atlas-player small{font-size:12px;margin-top:2px}.skrabi-site .atlas-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #39495a;margin-top:14px;padding-top:14px}.skrabi-site .atlas-pagination button{font-size:12px;min-height:40px;padding:7px 11px}.skrabi-site .atlas-page-label{width:100%;font-size:12px;color:#b4c3d2;order:-1}.skrabi-site .atlas-grid{grid-template-columns:minmax(0,2.25fr) minmax(260px,1fr)}.skrabi-site .atlas-controls label{font-size:13px}.skrabi-site .community-links a{font-size:14px}.skrabi-site .calendar-card p{font-size:14px}.skrabi-site .calendar-list{gap:16px}.skrabi-site .community-row label{font-size:13px}.skrabi-site footer>div{gap:14px 25px;font-size:13px}.skrabi-site footer>small{font-size:11px}.skrabi-site .section .realmlist{padding:20px;border-radius:8px}.skrabi-site .load-page{padding-top:0}
@media(max-width:1050px){.skrabi-primary{gap:16px}.skrabi-primary .nav-secondary{display:none}.skrabi-header-inner{gap:18px}.skrabi-site .atlas-grid{grid-template-columns:1fr}.skrabi-site #atlas-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;max-height:420px}.skrabi-site .atlas-page-label{width:auto;order:0}}
@media(max-width:760px){.skrabi-header-inner{width:92%;min-height:70px;gap:16px;flex-wrap:wrap}.skrabi-brand img{width:32px;height:32px}.skrabi-brand strong{font-size:21px}.skrabi-brand small{font-size:8px}.skrabi-primary{gap:0;margin-left:auto}.skrabi-primary>a{display:none}.skrabi-pages>summary{font-size:13px}.skrabi-account{padding:10px 12px;font-size:11px}.skrabi-menu{padding:20px 5%;max-height:calc(100dvh - 70px)}.skrabi-menu-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.skrabi-menu-heading strong{font-size:22px}.skrabi-menu-group a{font-size:14px;padding:8px}.skrabi-site .section{width:90%;padding:40px 0}.skrabi-site .hero{height:auto;min-height:640px}.skrabi-site .hero-content{padding:70px 0 95px;width:90%}.skrabi-site .hero h1{font-size:52px;line-height:1.1}.skrabi-site .hero-copy{font-size:15px}.skrabi-site .hero-meta{font-size:11px;gap:12px}.skrabi-site .hero-art{object-position:65% center}.skrabi-site .hero-scroll{font-size:10px}.skrabi-site .realm-ribbon{gap:10px 18px;padding:8px 5%}.skrabi-site .realm-ribbon span,.skrabi-site .realm-ribbon button{font-size:11px}.home-shortcuts{grid-template-columns:1fr;margin-top:18px;gap:10px}.home-shortcuts a{padding:17px 20px}.home-shortcuts h2{font-size:23px}.home-shortcuts p{font-size:13px}.skrabi-site .stats>div{padding:20px 16px}.skrabi-site .stats strong{font-size:30px}.skrabi-site .stats small{font-size:11px}.skrabi-site .account-section{gap:25px;padding:40px 0}.skrabi-site .character-pagination{justify-content:center;gap:9px}.skrabi-site .character-pagination span{width:100%;text-align:center;order:-1}.skrabi-site .character-pagination button{padding:9px 13px;font-size:12px;min-height:42px}.skrabi-site input,.skrabi-site textarea,.skrabi-site select{font-size:16px}.skrabi-site .community-hero{padding:28px 24px}.skrabi-site .community-hero h1{font-size:39px}.skrabi-site .community-hero p{font-size:14px}.skrabi-site .atlas-controls{gap:12px}.skrabi-site .atlas-controls label{flex:1 1 42%}.skrabi-site .atlas-controls label:last-child{flex:1 1 100%}.skrabi-site .atlas-controls input{max-width:none}.skrabi-site #atlas-players{grid-template-columns:1fr;max-height:380px}.skrabi-site .atlas-page-label{width:100%;order:-1}.home-detail>summary{font-size:22px;padding:20px}.home-detail>.section{padding:25px 0}.home-detail .rules-grid{grid-template-columns:1fr}.skrabi-subnav{font-size:12px;gap:7px 14px;margin-top:14px}.skrabi-site .guide-grid{grid-template-columns:1fr}.skrabi-site .news-card{padding:22px}.skrabi-site .section-aside{font-size:12px}}
@media(max-width:380px){.skrabi-header-inner{gap:10px}.skrabi-brand strong{font-size:17px}.skrabi-brand img{width:28px;height:28px}.skrabi-account{padding:9px}.skrabi-pages>summary{font-size:12px}.skrabi-site .hero h1{font-size:44px}}
@media print{.skrabi-header,.skrabi-subnav,.home-shortcuts{display:none}.skrabi-site{background:white;color:#111}.home-detail{break-inside:avoid}}
.skrabi-home>.skrabi-subnav{display:none}.skrabi-site .realm-ribbon{transform:none;width:100%;max-width:none;margin:0}.skrabi-site .realm-ribbon button{margin-left:0}.skrabi-site .realm-extra p:not(.eyebrow){font-size:14px}
.skrabi-header .skrabi-menu-group h2{font:700 11px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#c6a66c;margin:0 0 12px;text-transform:uppercase}.skrabi-header .skrabi-menu{background:#101d2b}
@media(max-width:760px){.skrabi-header-inner{flex-wrap:nowrap;gap:13px}.skrabi-brand{gap:8px}.skrabi-brand img{width:26px;height:26px}.skrabi-brand strong{font-size:18px;letter-spacing:2px}.skrabi-brand small{letter-spacing:3px}.skrabi-menu-heading strong{max-width:210px}.skrabi-site.community-page .section{padding:40px 0}}
.skrabi-site .account-section>div{min-width:0}@media(max-width:760px){.skrabi-site .account-intro h2 br{display:initial}.skrabi-site .account-card{min-width:0;overflow-wrap:anywhere}}

/* A direct, visible installation link on desktop and small screens. */
.skrabi-primary>a.skrabi-guide{padding:9px 12px;border:1px solid #d1ac675c;border-radius:5px;color:#edd19c;background:#c7a15c12;font-weight:700}
.skrabi-primary>a.skrabi-guide:hover,.skrabi-primary>a.skrabi-guide[aria-current=page]{border-color:#e1bb71;color:#ffe1a2;background:#d2aa5929}
@media(max-width:760px){
 .skrabi-header-inner{flex-wrap:wrap;justify-content:space-between;gap:0 13px;padding-top:12px;padding-bottom:12px}
 .skrabi-primary{order:3;flex:1 0 100%;width:100%;margin:12px 0 0;gap:12px;justify-content:space-between}
 .skrabi-primary>a.skrabi-guide{display:inline-flex;align-items:center;min-height:42px;padding:8px 12px;font-size:13px}
 .skrabi-pages>summary{min-height:42px;display:flex;align-items:center;padding:8px 0}
 .skrabi-menu{max-height:calc(100dvh - 130px)}
 .skrabi-site .section,.beginner-page .guide-step{scroll-margin-top:145px}
}