:root{--navy:#101c27;--navy2:#182b39;--navy3:#223846;--mint:#d0ef60;--mintdark:#a9d43d;--ink:#17242d;--gray:#65727a;--stroke:#dee3e3;--paper:#f5f6f4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{max-width:1240px;margin:0 auto;padding:0 30px}.utility-bar{background:#0b151e;color:#9aadb8;font-size:10px;letter-spacing:1.55px;font-weight:bold}.utility-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.utility-bar strong{color:#d6e4e7;margin-left:8px}.status-pulse,.dot{display:inline-block;background:var(--mint);height:7px;width:7px;border-radius:50%;margin-right:8px}.site-header{background:#fff;position:relative;z-index:20;border-bottom:1px solid #e5e8e7}.header-inner{height:82px;display:flex;align-items:center;gap:40px}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0}.brand-symbol{display:flex;align-items:flex-end;gap:3px;width:35px;height:33px;transform:skew(-13deg)}.brand-symbol span{display:block;background:#1b3d50;width:9px}.brand-symbol span:nth-child(1){height:17px}.brand-symbol span:nth-child(2){height:26px}.brand-symbol span:nth-child(3){height:33px;background:#afd743}.brand-word{font-size:22px;letter-spacing:-1px;line-height:1;font-weight:900;color:#102b3b}.brand-word>span{color:#6b9136}.brand-word small{display:block;font-size:8px;letter-spacing:2.1px;margin-top:6px;color:#728189;font-weight:700}.navigation{display:flex;gap:30px;margin-left:auto;align-items:center;height:100%}.navigation a{font-size:13px;color:#59656d;font-weight:bold;position:relative;height:100%;display:flex;align-items:center}.navigation a:hover,.navigation a.active{color:#132937}.navigation a.active:after{content:"";position:absolute;height:3px;background:#afd743;left:0;right:0;bottom:0}.header-actions{display:flex;align-items:center;gap:18px;margin-left:15px;white-space:nowrap}.header-login{font-size:13px;font-weight:bold}.header-login:hover{color:#64912d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;line-height:1.15;font-weight:800;font-size:13px;border:1px solid transparent;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn span{font-size:17px}.btn-primary{background:var(--mint);color:#16251e}.btn-primary:hover{background:#ddff7a}.btn-small{padding:15px 20px}.btn-large{padding:19px 22px}.btn-outline{border-color:#617380;color:#fff}.btn-outline:hover{background:#263b49}.btn-outline-light{border-color:#718591;color:#fff;padding:17px 20px}.btn-outline-light:hover{background:#263c49}.menu-toggle{display:none}.hero{background:#142431;color:white;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-150px;left:38%;height:550px;width:550px;background:radial-gradient(circle,#294a4c55,transparent 70%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent 25%,black 100%)}.hero-inner{display:grid;grid-template-columns:1.06fr .94fr;gap:55px;align-items:center;padding-top:83px;padding-bottom:86px;min-height:594px;position:relative}.eyebrow,.section-label{font-weight:800;letter-spacing:2px;font-size:11px}.eyebrow{color:#d3e5de;display:flex;gap:12px;align-items:center}.eyebrow-line{width:24px;height:2px;background:var(--mint)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(40px,4.2vw,63px);letter-spacing:-2.6px;line-height:1.12;margin:24px 0}.hero h1 em{font-style:normal;color:var(--mint)}.hero-lead{font-size:16px;line-height:1.85;color:#c2cdd1;max-width:595px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;font-weight:bold;color:#9fb0ba;font-size:10px;letter-spacing:1px;margin-top:38px;gap:9px}.hero-note i{width:3px;height:3px;border-radius:50%;background:#72838c}.map-scene{background:#1b303c;box-shadow:0 24px 70px #060c15a3;border:1px solid #50616d;position:relative;transform:rotate(1deg)}.map-heading{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #344954;font-size:9px;letter-spacing:1.2px;font-weight:bold}.map-kicker{color:#d3e0df}.map-live{color:#bbd0cc}.map-live b{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:4px}.map-scene>img{width:100%;height:auto;display:block}.map-route-card{position:absolute;left:20px;bottom:52px;padding:13px 15px;background:#fefefe;color:#1d2a32;width:245px;box-shadow:0 10px 25px #10192355}.route-tag{color:#6b7c84;font-size:9px;letter-spacing:1.3px;font-weight:bold;display:block;margin-bottom:8px}.map-route-card strong{display:block;font-size:17px}.map-route-card strong span{color:#7d9d39}.route-meta{display:flex;gap:12px;color:#8b989d;font-size:7px;font-weight:bold;letter-spacing:.4px;margin-top:10px}.map-footer{height:35px;display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:0 16px;color:#aebcc2;font-size:9px;letter-spacing:.5px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-teal{background:#b6e25d}.legend-orange{background:#efaa4f}.legend-white{background:#ebeded}.ticker{background:#d0ed70;color:#152a2a}.ticker-inner{display:flex;align-items:center;min-height:48px;gap:20px;font-size:12px}.ticker-heading{letter-spacing:1px;font-size:10px;font-weight:900;white-space:nowrap}.ticker-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;flex:1}.ticker-text span{font-size:8px;margin:0 10px;opacity:.5}.ticker a{font-weight:800;white-space:nowrap}.section{padding:88px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-label{color:#748c3b;margin-bottom:13px}.section h2{font-size:clamp(31px,3.2vw,43px);letter-spacing:-1.3px;line-height:1.1;margin:0 0 14px}.heading-point{color:#8fab3d}.section-heading p:not(.section-label){max-width:600px;color:#69767b;line-height:1.7;margin:0}.text-link{font-size:13px;font-weight:800;border-bottom:2px solid #b4cf55;padding-bottom:9px;white-space:nowrap}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.news-card{background:#fff;border:1px solid #e2e6e5;display:flex;flex-direction:column}.news-card-top{display:flex;justify-content:space-between;padding:16px 19px;font-size:10px;color:#829097;letter-spacing:1px;font-weight:bold}.news-category{color:#42636d}.news-graphic{height:143px;position:relative;overflow:hidden;background:#243c4b;color:#f5f9f6}.news-graphic:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #ffffff26;border-radius:50%;top:-115px;right:-95px;box-shadow:0 0 0 35px #ffffff0b,0 0 0 85px #ffffff06}.news-graphic-2{background:#dbe4d4;color:#3a5f5e}.news-graphic-3{background:#d5e5ec;color:#365769}.graphic-index{position:absolute;top:20px;left:20px;font-size:12px;opacity:.65;font-weight:900}.graphic-line{position:absolute;width:100px;height:3px;background:var(--mint);top:36px;left:20px;transform:rotate(-24deg);opacity:.8}.graphic-symbol{font-weight:900;font-size:70px;position:absolute;right:28px;bottom:10px;letter-spacing:-7px}.news-body{padding:25px 23px 22px;display:flex;flex-direction:column;flex:1}.news-body h3{font-size:19px;letter-spacing:-.5px;line-height:1.35;margin-bottom:10px}.news-body p{font-size:13px;line-height:1.8;color:#718087;flex:1}.news-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#809096;font-weight:800;border-top:1px solid #e9eded;padding-top:17px;margin-top:16px}.news-bottom span{font-size:15px;color:#264b51}.section-features{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--stroke)}.feature{padding:33px 31px 35px;position:relative;border-right:1px solid var(--stroke)}.feature:last-child{border-right:0}.feature-nr{font-size:11px;color:#92a0a4;font-weight:800}.feature-icon{display:block;font-size:39px;color:#6a8d44;margin:18px 0 23px}.feature h3{font-size:19px;letter-spacing:-.4px;line-height:1.3}.feature p{font-size:14px;line-height:1.75;color:#6e7a80;margin:0}.world-section{background:#1b2e3a;color:white}.world-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.world-grid h2{font-size:clamp(38px,4vw,54px);margin:0 0 23px}.world-grid p:not(.section-label){color:#bed0d5;line-height:1.8;font-size:15px;max-width:490px;margin-bottom:27px}.world-details{border-top:1px solid #45606b}.world-details>div{display:flex;align-items:center;gap:22px;border-bottom:1px solid #45606b;padding:19px 8px}.world-details strong{color:#b8dc64;font-size:19px}.world-details span{display:block}.world-details b{display:block;font-size:15px;margin-bottom:6px}.world-details small{color:#a6bbc2;font-size:12px}.cta-section{background:#ebeee6}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-inner h2{font-size:37px;margin-bottom:13px}.cta-inner p:not(.section-label){font-size:14px;color:#68777b;margin:0;max-width:520px;line-height:1.65}.site-footer{background:#111f29;color:#b7c3c8}.footer-top{padding-top:58px;padding-bottom:52px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.brand-footer .brand-word{color:#fff}.brand-footer .brand-word small{color:#a1afb6}.footer-top p{font-size:13px;line-height:1.8;max-width:385px;margin-top:20px}.footer-links{display:flex;flex-direction:column;gap:13px;font-size:13px}.footer-links h4{color:#fff;letter-spacing:.5px;margin:0 0 5px}.footer-links a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid #31404b;display:flex;justify-content:space-between;padding-top:20px;padding-bottom:24px;gap:15px;font-size:11px}.flash{padding:15px;background:#eaf4e4;color:#284a20;margin-top:15px;border-left:4px solid #7bac3c;font-size:13px}.flash-error{background:#fff0ee;color:#8b3027;border-color:#bc4d43}.inner-page{min-height:calc(100vh - 440px);padding:65px 0 90px}.page-banner{background:#172b38;color:white;padding:48px 0}.page-banner p{color:#afc0c5;line-height:1.6}.page-banner h1{font-size:40px;letter-spacing:-1px;margin-bottom:10px}.auth-layout{display:grid;grid-template-columns:minmax(0,500px) 1fr;gap:100px;align-items:start}.auth-panel{background:#fff;padding:35px;border:1px solid #e0e6e4;box-shadow:0 15px 35px #1b34390b}.auth-panel h2{font-size:26px;letter-spacing:-.6px}.auth-panel p{font-size:13px;line-height:1.7;color:#718087}.form-field{margin-top:22px}.form-field label{display:block;font-size:12px;font-weight:800;color:#3b4e58;margin-bottom:8px}.form-field input{width:100%;border:1px solid #cdd7d9;padding:14px 15px;border-radius:0;background:#fff;color:#142934;outline:none}.form-field input:focus{border-color:#829b42;box-shadow:0 0 0 2px #d5e8a8}.form-actions{margin-top:26px}.form-actions .btn{width:100%}.auth-switch{margin-top:19px;font-size:13px}.auth-switch a{color:#526e29;text-decoration:underline;font-weight:bold}.auth-side{padding-top:25px}.auth-side h3{font-size:25px;letter-spacing:-.5px}.auth-side p{line-height:1.85;color:#718087}.auth-list{list-style:none;padding:0;margin:28px 0}.auth-list li{padding:15px 0;border-top:1px solid #dce2e0;font-size:14px}.auth-list li:before{content:'↗';color:#709638;font-weight:bold;margin-right:12px}.form-error{background:#fff0ee;color:#913f33;padding:12px 14px;margin:14px 0;font-size:13px;border-left:3px solid #ba5042}.newspage-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.news-row{padding:25px;background:white;border:1px solid #dde3e1}.news-row .news-category{font-size:10px;letter-spacing:1px;font-weight:bold}.news-row h2{font-size:21px;margin:14px 0}.news-row p{font-size:14px;color:#64747c;line-height:1.8}.notice{padding:15px;background:#e8eee2;border-left:3px solid #88a451;color:#52664d;font-size:13px;margin-bottom:25px}.dashboard-card{background:white;border:1px solid #dce3e0;padding:32px;max-width:720px}.dashboard-card p{line-height:1.8;color:#5d6c74}
@media(max-width:1100px){.header-inner{gap:18px}.navigation{gap:16px}.hero-inner{gap:25px}.hero h1{font-size:47px}.world-grid{gap:50px}}@media(max-width:900px){.container{padding-left:22px;padding-right:22px}.header-inner{height:72px;flex-wrap:wrap}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;gap:5px;border:0;background:none;padding:10px}.menu-toggle span{width:22px;height:2px;background:#203a48}.navigation{display:none;order:4;width:100%;height:auto;padding:14px 0 20px;flex-direction:column;align-items:stretch;gap:0;background:white}.navigation.open{display:flex}.navigation a{height:auto;padding:12px 0}.navigation a.active:after{height:0}.header-actions{margin-left:0}.hero-inner{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px}.hero-content{max-width:700px}.hero-visual{max-width:680px;width:100%}.world-grid{grid-template-columns:1fr;gap:35px}.auth-layout{grid-template-columns:1fr;gap:30px}}@media(max-width:620px){.utility-right,.header-login{display:none}.header-actions .btn{font-size:11px;padding:12px}.brand-word{font-size:19px}.brand-word small{font-size:7px}.brand-symbol{width:28px}.header-inner{gap:9px}.hero h1{font-size:40px;letter-spacing:-1.5px}.hero-lead{font-size:14px}.hero-note{flex-wrap:wrap;line-height:1.8}.hero-inner{padding-top:50px;padding-bottom:50px}.section{padding:60px 0}.section-heading{display:block}.text-link{display:inline-block;margin-top:22px}.news-grid,.features-grid,.newspage-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--stroke)}.feature:last-child{border-bottom:0}.world-grid h2{font-size:38px}.cta-inner{display:block}.cta-inner .btn{margin-top:26px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{display:block;line-height:2}.ticker-inner{gap:12px}.ticker-heading{font-size:9px}.ticker a{display:none}.map-route-card{width:205px;bottom:45px}.route-meta{font-size:6px}.auth-panel{padding:24px}}
/* Transport Kurier — editorial layout v0.1.2 */
.paper-masthead{background:#172a36;color:#fff;padding:27px 0 37px}.paper-overline{border-bottom:1px solid #54717c;display:flex;justify-content:space-between;gap:20px;color:#a7bdc7;padding-bottom:13px;font-size:10px;font-weight:800;letter-spacing:1.5px}.paper-masthead-inner{display:flex;justify-content:space-between;gap:35px;align-items:end;padding-top:28px}.paper-kicker{color:#bddc79;font-size:10px;letter-spacing:2px;font-weight:800;margin:0 0 6px}.paper-masthead h1{font-size:clamp(43px,5.2vw,75px);letter-spacing:-3px;line-height:1;margin:4px 0 16px}.paper-dot{color:#d0ef60}.paper-masthead-inner p:not(.paper-kicker){color:#c3d0d5;line-height:1.65;max-width:660px;font-size:14px;margin:0}.paper-date{flex:none;text-align:right;display:flex;flex-direction:column;gap:8px}.paper-date span{font-size:10px;color:#c0d0d5;letter-spacing:2px}.paper-date strong{font-size:19px}.paper-date small{font-size:10px;color:#8c9fa6}.paper-nav-wrap{background:#fff;border-bottom:1px solid #d9e2e0}.paper-nav{display:flex;gap:24px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.paper-nav a{padding:18px 0 15px;font-size:12px;font-weight:bold;color:#5a6b73;border-bottom:3px solid transparent}.paper-nav a:hover,.paper-nav a.selected{color:#213943;border-bottom-color:#a3c94c}.paper-content{padding:40px 0 90px}.paper-info{display:flex;gap:13px;align-items:start;padding:16px 18px;background:#e7ece5;margin-bottom:36px;border-left:3px solid #91a853}.paper-info p{font-size:12px;line-height:1.7;color:#4e6461;margin:0}.paper-info-symbol{font-family:Georgia,serif;border:1px solid #78904b;color:#587337;width:20px;height:20px;border-radius:50%;flex:none;text-align:center;font-style:italic}.paper-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:30px;align-items:start}.paper-block-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:2px solid #213842;padding-bottom:12px;margin-bottom:21px}.paper-block-title h2{font-size:25px;letter-spacing:-.8px;margin:0}.paper-block-title>span{font-size:10px;letter-spacing:1px;font-weight:bold;color:#879398}.paper-lead{background:#fff;border:1px solid #dee4e2;margin-bottom:17px}.paper-lead-visual{height:220px;position:relative;overflow:hidden;background:repeating-linear-gradient(135deg,#192f3b,#192f3b 17px,#1b3542 17px,#1b3542 18px);color:#fff}.paper-visual-lines{position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,#80a05e35,transparent 40%)}.paper-visual-caption{position:absolute;left:25px;top:26px;font-size:10px;letter-spacing:1.3px;color:#b8c9d1}.paper-visual-mark{position:absolute;right:40px;bottom:-18px;font-weight:900;font-size:128px;letter-spacing:-12px;color:#d0ef60}.paper-visual-mark span{font-size:45px;letter-spacing:0;color:#c6d8da}.paper-lead-body{padding:26px 29px 24px}.paper-article-meta{display:flex;gap:15px;flex-wrap:wrap;align-items:center;font-weight:bold;font-size:10px;letter-spacing:1px}.paper-article-meta span{color:#58772e}.paper-article-meta time{color:#8b989d}.paper-lead h3{font-size:27px;letter-spacing:-.8px;line-height:1.25;margin:16px 0 10px}.paper-lead p,.paper-story p{color:#687881;font-size:14px;line-height:1.8;margin:0}.paper-article-foot{display:block;border-top:1px solid #e9eeec;font-size:10px;color:#667c80;letter-spacing:1px;font-weight:bold;padding-top:17px;margin-top:22px}.paper-article-foot span{color:#a2abae;margin-left:9px}.paper-story{display:flex;gap:18px;justify-content:space-between;background:#fff;border:1px solid #dee4e2;padding:27px 28px;margin-bottom:15px}.paper-story h3{font-size:21px;letter-spacing:-.5px;line-height:1.35;margin:12px 0 10px}.paper-story-monogram{width:75px;height:75px;background:#dce7df;color:#466450;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:25px;flex:none}.paper-widget{background:#fff;padding:24px 24px 25px;border:1px solid #dfe6e3;margin-bottom:18px}.paper-widget-top{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#67823b;font-size:10px;font-weight:800;letter-spacing:1px}.paper-indicator{color:#8a989e;letter-spacing:0;font-size:9px}.paper-widget h2{font-size:22px;letter-spacing:-.6px;margin:14px 0 9px}.paper-widget p{font-size:13px;color:#6e8085;line-height:1.75;margin:0}.paper-coming{display:flex;gap:14px;border-top:1px solid #e2e8e6;margin-top:19px;padding-top:16px;align-items:start}.paper-coming>span{border:1px solid #b8c7c5;width:35px;height:35px;display:grid;place-items:center;color:#5d7378;font-weight:900}.paper-coming strong{display:block;font-size:12px;line-height:1.5}.paper-coming small{display:block;color:#85969b;font-size:11px;line-height:1.6;margin-top:4px}.paper-ranking-empty{font-size:12px;color:#62757d;border-top:1px solid #e2e8e6;margin-top:16px;padding-top:14px;line-height:1.6}.paper-widget-dark{background:#1c323e;border-color:#1c323e;color:#fff}.paper-widget-dark h2{color:#fff}.paper-widget-dark p{color:#afc4c9}.paper-widget-dark a{display:block;font-size:12px;font-weight:bold;color:#d0ef60;margin-top:24px}.paper-empty{background:#fff;border:1px solid #dee4e2;padding:36px}.paper-empty h3{margin:0 0 10px}.paper-empty p{font-size:14px;color:#6a7b81;line-height:1.6}.paper-empty .text-link{display:inline-block;margin-top:12px}
@media(max-width:900px){.paper-layout{grid-template-columns:1fr}.paper-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.paper-aside .paper-widget{margin:0}}@media(max-width:620px){.paper-masthead-inner{align-items:start;flex-direction:column;gap:24px}.paper-masthead h1{font-size:45px;letter-spacing:-1.5px}.paper-date{text-align:left;gap:4px}.paper-date strong{font-size:16px}.paper-nav{gap:19px}.paper-nav a{font-size:11px}.paper-content{padding-top:25px}.paper-aside{display:block}.paper-aside .paper-widget{margin-bottom:15px}.paper-lead-visual{height:165px}.paper-visual-mark{font-size:87px}.paper-lead-body,.paper-story{padding:22px}.paper-lead h3{font-size:23px}.paper-story-monogram{display:none}}

/* Büro / Charakterauswahl v0.1.3 */
.office-head{background:#172a36;color:#fff;border-bottom:4px solid #afcf58}.office-head-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:53px;padding-bottom:51px}.office-head .section-label{color:#d0ef60}.office-head h1{font-size:clamp(35px,4.3vw,53px);letter-spacing:-1.5px;margin:0 0 13px}.office-head p:not(.section-label){font-size:14px;color:#b8cbd0;line-height:1.6;margin:0}.office-counter{text-align:right;white-space:nowrap;border-left:1px solid #506470;padding-left:28px}.office-counter strong{display:block;font-size:40px;letter-spacing:-2px}.office-counter strong span{color:#8fa3a9}.office-counter small{letter-spacing:1.7px;font-weight:bold;color:#b4c6cb;font-size:10px}.office-body{padding:48px 0 90px}.office-explainer{background:#e9efe3;border-left:3px solid #97ba4b;padding:17px 21px;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px;font-size:13px;color:#54626b}.office-explainer strong{color:#213c40}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.character-card{background:#fff;border:1px solid #dce4e1;padding:24px;display:flex;flex-direction:column;min-height:375px}.character-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#77888b;font-size:10px;font-weight:800;letter-spacing:1.15px}.character-pill{background:#e6efd3;color:#607e2f;padding:6px 8px;font-size:9px}.character-avatar{width:69px;height:69px;background:#1d3744;color:#d0ef60;display:grid;place-items:center;font-weight:900;font-size:29px;margin:27px 0 22px}.character-card h2{font-size:23px;margin:0 0 9px;letter-spacing:-.7px}.character-status,.character-card-empty>p{color:#73848a;font-size:13px;line-height:1.65;margin:0 0 24px}.character-data{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e5ebe8;padding-top:19px;margin-bottom:21px;gap:10px}.character-data span{display:block;font-size:9px;letter-spacing:.9px;color:#8b9a9e;font-weight:800;margin-bottom:8px}.character-data strong{font-size:12px;color:#273d47}.character-button{width:100%;padding:16px 18px;justify-content:space-between}.character-card-empty{background:#f0f3ef;border:1px dashed #b8c8c3}.character-add-icon{width:69px;height:69px;background:#e1e8e1;border:1px solid #bfcebf;display:grid;place-items:center;color:#758d78;font-size:37px;font-weight:300;margin:27px 0 22px}.character-create{margin-top:auto;display:flex;flex-direction:column;gap:10px}.character-create label{font-size:11px;font-weight:bold;color:#53646c}.character-create input{background:#fff;padding:14px 13px;border:1px solid #c9d5d0;width:100%;min-width:0;border-radius:0;font-size:13px}.character-create input:focus{outline:2px solid #b8d76d;outline-offset:1px}.character-unavailable{margin-top:auto;color:#986747!important}.office-bottom-note{font-size:12px;color:#849298;margin:25px 0 0}.office-game-placeholder{background:white;border:1px solid #dce4e1;padding:35px;max-width:760px}.office-game-placeholder h2{font-size:29px;margin:8px 0 12px}.office-game-placeholder p{line-height:1.8;color:#6b7c82;font-size:14px;max-width:650px;margin-bottom:25px}
@media(max-width:1000px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.office-head-inner{align-items:start;flex-direction:column;padding-top:35px;padding-bottom:35px}.office-counter{text-align:left;border-left:0;border-top:1px solid #506470;padding:12px 0 0}.office-counter strong{font-size:29px}.office-body{padding:28px 0 60px}.character-grid{grid-template-columns:1fr}.character-card{min-height:340px}.office-game-placeholder{padding:23px}}