/*
Theme Name: Zwrotomir
Version: 0.3.2
Description: Lekki motyw prototypu ZWROTOMIR.
Requires PHP: 8.1
License: GPL-2.0-or-later
*/
@font-face{font-family:ZwrotDisplay;src:url('assets/display.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--ink:#171717;--cream:#f7f3e9;--gold:#f2b632;--red:#ce3434;--green:#28784e;--muted:#575757;--line:#c9c3b7;--display:ZwrotDisplay,Arial,sans-serif;font-family:Arial,sans-serif;background:var(--cream);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}::selection{background:var(--gold);color:var(--ink)}html{scroll-behavior:smooth;scrollbar-color:#7d796f var(--cream)}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.025em;line-height:.98;text-wrap:balance}p{line-height:1.75}button{cursor:pointer}img{max-width:100%;height:auto}.skip-link{position:fixed;left:20px;top:-100px;z-index:50;background:var(--gold);padding:15px}.skip-link:focus{top:10px}.demo-bar{background:var(--ink);color:var(--cream);font-size:11px;padding:9px max(5vw,20px);display:flex;justify-content:space-between;letter-spacing:.02em}.demo-bar span{color:#f2b632}.site-header{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{font-family:var(--display);font-size:35px;font-weight:800;letter-spacing:-.035em;transform:skew(-6deg);line-height:1;position:relative;white-space:nowrap}.flag{width:19px;height:12px;background:linear-gradient(#f7f3e9 50%,#ce3434 50%);border:1px solid var(--ink);position:absolute;right:0;bottom:-13px}nav{display:flex;gap:24px;align-items:center;font-size:12px;font-weight:700;flex:1}nav>a:hover{color:var(--green)}.more{position:relative}summary{cursor:pointer;white-space:nowrap}.more>div{position:absolute;right:0;top:27px;min-width:175px;background:var(--cream);padding:13px;border:1px solid var(--ink);border-radius:8px;box-shadow:0 10px 25px #17171718}.more a{display:block;padding:10px}.header-actions{display:flex;gap:20px;align-items:center;font-size:12px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--gold);color:var(--ink);border:1.5px solid var(--ink);border-radius:7px;min-height:52px;padding:16px 24px;font-size:13px;font-weight:800;transition:background .2s,transform .2s}.button:hover{background:#ffcb57;transform:translateY(-2px)}.button.small{min-height:42px;padding:10px 18px;gap:18px}.menu-toggle{display:none}.hero{max-width:1440px;min-height:680px;margin:auto;padding:65px 8% 50px;position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(55px,6.9vw,96px);margin:10px 0 25px;line-height:.89;letter-spacing:-.03em}.hero h1 span{color:var(--green)}.hero-copy>p{font-size:18px;margin:0 0 30px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:24px}.underlink{font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.underlink:hover{color:var(--green)}.hero-copy .hero-note{font-size:11px;color:var(--muted);margin-top:20px}.hero-art{position:relative;min-height:535px}.hero-art img{position:absolute;height:580px;width:auto;max-width:none;bottom:-48px;left:50%;transform:translateX(-50%) rotate(1deg);filter:drop-shadow(0 10px 8px #17171714)}.sun-disc{position:absolute;width:430px;height:430px;max-width:100%;background:var(--gold);border-radius:50%;left:50%;top:40px;transform:translateX(-50%)}.bubble{position:absolute;right:-30px;top:18px;background:var(--cream);border:2px solid var(--ink);border-radius:50% 50% 50% 5px;padding:18px 25px;transform:rotate(7deg);font-family:var(--display);font-size:23px;line-height:1.05;z-index:2}.art-caption{position:absolute;bottom:2px;left:35px;background:var(--ink);color:var(--cream);padding:10px 16px;font-family:var(--display);font-size:19px;transform:rotate(-4deg)}.hero-side{position:absolute;right:23px;top:245px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.18em}.ticker{background:var(--gold);border-block:1.5px solid var(--ink);display:flex;justify-content:center;gap:45px;padding:19px 5%;font-family:var(--display);font-size:23px}.ticker a{text-decoration:underline;text-underline-offset:4px}.section{padding:85px 8%;max-width:1440px;margin:auto}.section h2{font-size:clamp(36px,4vw,55px);margin:0 0 25px}.section p{font-size:15px;max-width:62ch;color:var(--muted)}.intro{display:grid;grid-template-columns:1fr .8fr;gap:12%}.intro .underlink{display:inline-block;margin-top:15px}.mission-preview{background:var(--green);color:var(--cream);border-radius:12px;padding:36px;transform:rotate(2deg);align-self:center}.mission-tab{font-size:10px;letter-spacing:.1em}.mission-preview h3{font-size:49px;margin:20px 0}.mission-preview ol{padding-left:19px;font-size:13px;line-height:2}.mission-preview>div{border-top:1px solid #a5bc9e;padding-top:20px;margin-top:25px;font-family:var(--display);font-size:26px;color:var(--gold);display:flex;justify-content:space-between}.mission-preview>div span{font-family:Arial;font-size:12px;align-self:center;color:var(--cream)}.mission-preview small{display:block;font-size:10px;margin-top:12px;color:#e0e7d9}.worlds{border-top:1px solid var(--line)}.worlds>p{margin-bottom:35px}.module-list>a{display:grid;grid-template-columns:1fr 1.8fr 140px 25px;align-items:center;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.module-list h3{font-size:31px;margin:0}.module-list p{font-size:13px;margin:0}.status{font-size:10px;text-align:center;padding:8px 10px;border:1px solid #999388;border-radius:30px;white-space:nowrap}.status.active{background:var(--green);border-color:var(--green);color:var(--cream)}.module-arrow{font-size:24px}.module-list>a:hover h3{color:var(--green)}.character{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:10%;background:#eae5d8;overflow:hidden}.character-portrait{height:430px;position:relative;background:var(--gold);border-radius:12px}.character-portrait img{height:550px;width:auto;max-width:none;position:absolute;left:50%;top:-35px;transform:translateX(-50%)}.character>div:last-child{z-index:1}.character blockquote{font-family:var(--display);font-size:28px;margin:25px 0;line-height:1.2}.future{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--ink);color:var(--cream)}.future p{color:#c9c5bb;margin:0 0 25px}.development{display:grid;grid-template-columns:1fr 1fr;gap:10%}.development span{font-size:10px;letter-spacing:.05em;color:var(--muted)}.development h3{font-size:32px;margin:18px 0}.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:45px 8%;max-width:1440px;margin:auto;border-top:1px solid var(--line)}.site-footer .wordmark{font-size:30px}.site-footer p{font-size:12px}.site-footer>div:nth-child(2){display:flex;gap:15px;flex-direction:column;font-size:12px}.credit{text-align:right;color:var(--muted)}.page-content{max-width:1000px;margin:auto;padding:60px 8% 90px;min-height:65vh}.page-title h1,.page-content>h1{font-size:clamp(42px,6vw,70px);margin:0 0 35px}.prose{font-size:16px;line-height:1.8}.prose h2{font-size:34px;margin-top:40px}.prose li{padding-bottom:7px}.prose a{text-decoration:underline;text-underline-offset:4px}.prose p{max-width:72ch}.game-page{max-width:1440px;padding:30px 3%}.game-page .page-title{display:none}.game-frame{width:100%;height:870px;border:0;display:block}.notice-box{padding:20px;background:#e8e3d6;border-radius:9px;font-size:14px}.prose table{border-collapse:collapse;width:100%}.prose td,.prose th{padding:12px;border-bottom:1px solid var(--line);text-align:left}
@media(min-width:1600px){.hero{padding-inline:110px}.hero h1{font-size:96px}}@media(max-width:1150px){.site-header{gap:24px}nav{gap:17px}.header-actions{gap:12px}.account{display:none}.hero{padding-inline:6%;min-height:620px}.hero-art img{height:530px;bottom:-5px}.sun-disc{width:350px;height:350px}.bubble{right:-10px}.hero-art{min-height:500px}.hero h1{font-size:80px}.ticker{gap:25px;font-size:21px}.hero-actions{gap:17px}.hero .button{padding-inline:18px}}@media(max-width:900px){.site-header{padding:22px 5%;gap:20px}.wordmark{font-size:30px}.menu-toggle{display:block;background:transparent;border:1px solid var(--ink);border-radius:6px;padding:10px;min-height:42px;margin-left:auto}nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);padding:25px 6%;border-bottom:1px solid var(--ink);flex-wrap:wrap}nav.open{display:flex}.more>div{right:auto;left:0}.hero{min-height:590px;padding-top:45px}.hero h1{font-size:72px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-art img{height:470px;bottom:0}.hero-art{min-height:465px}.sun-disc{width:310px;height:310px;top:60px}.bubble{font-size:19px;right:-8px;top:20px;padding:14px 19px}.art-caption{left:10px;font-size:15px;bottom:8px}.hero-side{display:none}.ticker{gap:18px;font-size:18px}.section{padding:65px 6%}.intro{gap:7%;grid-template-columns:1fr 1fr}.mission-preview{padding:25px}.mission-preview h3{font-size:40px}.module-list>a{grid-template-columns:1fr 1.4fr 120px 20px;gap:12px}.character{gap:7%}.character-portrait{height:380px}.character-portrait img{height:480px}.site-footer{padding-inline:6%}}@media(max-width:600px){.demo-bar{font-size:9px;padding:8px 5%}.demo-bar>span{margin-left:10px;white-space:nowrap}.site-header{padding-block:18px;gap:12px}.wordmark{font-size:28px}.header-actions .button{padding:10px 13px;font-size:11px;gap:10px}.menu-toggle{font-size:11px;padding:10px}.hero{display:block;padding:30px 6% 0;min-height:0}.hero h1{font-size:clamp(63px,16vw,90px);line-height:.88;margin:0 0 22px}.hero h1 span br{display:none}.hero-copy>p{font-size:16px;max-width:27ch}.desktop-break{display:none}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero .button{font-size:11px;gap:17px;min-height:48px;padding:12px 18px}.underlink{font-size:11px}.hero-copy .hero-note{margin-top:16px;font-size:10px}.hero-art{height:400px;min-height:0;max-width:390px;margin:0 auto}.hero-art img{height:430px;bottom:-20px;left:49%}.sun-disc{width:290px;height:290px;top:65px}.bubble{right:0;top:25px;font-size:22px}.art-caption{left:15px;bottom:15px;font-size:17px}.ticker{padding:16px 6%;gap:15px;justify-content:space-between;font-size:18px}.ticker span:nth-child(2),.ticker span:nth-child(3){display:none}.section{padding:48px 6%}.intro,.character,.future,.development{grid-template-columns:1fr;gap:35px}.section h2{font-size:42px}.section p{font-size:14px}.mission-preview{transform:rotate(1deg);padding:28px}.mission-preview h3{font-size:46px}.module-list>a{grid-template-columns:1fr 100px 15px;gap:9px;padding-block:21px}.module-list h3{font-size:29px}.module-list p{grid-row:2;grid-column:1/-1;font-size:12px;max-width:32ch}.module-list .status{grid-column:2;grid-row:1;font-size:9px;padding:7px}.module-arrow{grid-column:3;grid-row:1}.character-portrait{height:320px;max-width:390px}.character-portrait img{height:440px;top:-30px}.character blockquote{font-size:26px}.site-footer{grid-template-columns:1fr 1fr;padding:35px 6%}.credit{grid-column:1/-1;text-align:left;font-size:11px}.site-footer>div:nth-child(2){font-size:11px}.page-content{padding:40px 6%}.page-content h1{font-size:50px}.prose{font-size:15px}.prose table{font-size:12px}.prose td,.prose th{padding:8px}.game-page{padding:8px 0}.game-frame{height:1320px}.game-page .prose{line-height:1.4}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(max-width:600px){.hero-art .bubble{top:auto;bottom:80px;right:0;font-size:18px;padding:13px 18px}.character-portrait{height:360px;overflow:hidden}.character-portrait img{height:360px;top:0}}
.arrow-icon{width:16px;height:16px;display:inline-block;vertical-align:-3px}.module-arrow .arrow-icon{width:22px;height:22px}
@media(max-width:600px){.game-frame{height:calc(100dvh - 105px);min-height:400px}}