:root{--bg:#111817;--panel:#1b2423;--panel2:#24302e;--ink:#f9f2e7;--mute:#ced4ce;--soft:#9da9a3;--gold:#d8ad70;--gold2:#ffe2ae;--line:#69746b77;--green:#9ccaac;--red:#f2aaa0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#151b18,#131a19 62%,#1e2220);color:var(--ink);font:18px/1.58 system-ui,'Segoe UI',sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,a:focus-visible,.part:focus-visible,.slot:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}a{color:var(--gold2)}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Georgia,serif;line-height:1.17}h1{font-size:clamp(30px,3.3vw,51px)}h2{font-size:29px}h3{font-size:26px}h4{font-size:20px;margin:18px 0 10px}p{line-height:1.6}.shell{max-width:1920px;margin:auto;padding:0 24px}.topbar{padding:16px 8px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.logo{text-decoration:none;display:flex;align-items:center;gap:12px;color:var(--ink)}.logo b{font:700 clamp(25px,2.3vw,35px)/1.2 Georgia,serif;display:block}.logo em{color:var(--gold);font-style:normal}.logo small{display:block;font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:800}.monogram{height:60px;width:60px;display:grid;place-items:center;border:2px solid var(--gold);color:var(--gold2);border-radius:50%;font:38px Georgia,serif}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{padding:11px 14px;border:1px solid #526056;border-radius:9px;color:var(--ink);font-size:15px;text-decoration:none;background:#24302b}.nav a:hover,.nav a.active{border-color:var(--gold);color:#ffe0a9;background:#3c3528}.hero{position:relative;margin:20px 0 24px;min-height:240px;background:#252824 url('assets/renesansowe_tlo.webp') center 49%/cover no-repeat;overflow:hidden;border-radius:20px;border:1px solid #9b7c5166}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101716fa 2%,#101816dd 42%,#13181745 96%)}.hero-content{position:relative;max-width:760px;padding:28px 40px}.hero h1{margin:5px 0 10px}.hero h1 span{color:#f5ca87}.hero p{max-width:730px;color:#efede3}.overline,.eyebrow{font:800 13px/1.3 system-ui;letter-spacing:.13em;color:var(--gold);text-transform:uppercase}.hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}.hero-stats span{border:1px solid #ae956958;border-radius:8px;background:#121b19b0;padding:6px 12px;font-size:16px}.hero-stats strong{color:#ffe0a5}.game-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:18px;align-items:start}.panel{background:linear-gradient(150deg,#25312e,#192321);border:1px solid #6674698c;box-shadow:0 8px 24px #0003;border-radius:16px;padding:19px}.left{position:sticky;top:14px;max-height:calc(100vh - 28px);display:flex;flex-direction:column;overflow:hidden;padding:17px}.aside-header p,.helper{color:var(--mute);font-size:16px}.aside-header h2{color:var(--gold2)}.chapter-menu{display:flex;gap:5px;margin:12px 0;flex-wrap:wrap}.chapter-menu button{width:36px;height:36px;border-radius:8px;border:1px solid #66746d;background:#293735;color:#eee3cf;font-size:16px}.chapter-menu button.selected{background:#d3a86d;color:#201d1a;font-weight:800}.level-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#846747 #293333;padding:2px 4px 8px 0;flex:1;min-height:80px}.level-button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border-radius:9px;border:1px solid transparent;color:#e6e5da;background:transparent;text-align:left;margin:3px 0;line-height:1.3;font-size:15px}.level-button .number{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;border:1px solid #58695e;color:#ead0a4;font-weight:800}.level-button.active{border-color:var(--gold);background:#684c273f}.level-button:hover:not(:disabled){background:#ffffff13}.level-button.locked{opacity:.42}.level-button .level-name{flex:1}.level-button .rating{color:var(--gold);font-size:12px}.aside-footer{padding-top:14px;border-top:1px solid #ffffff28;color:var(--mute);font-size:15px}.aside-footer>div:first-child{display:flex;justify-content:space-between}.progress-track{height:8px;border-radius:20px;background:#556158;margin:9px 0 13px;overflow:hidden}.progress-track>span{display:block;background:linear-gradient(90deg,#8ead84,#e3b36d);width:0%;height:100%;transition:width .3s}.mini-action{display:block;background:#293733;color:var(--gold2);border:1px solid #8e7650;padding:8px 12px;border-radius:7px;font-size:14px;text-align:center;width:100%;margin-top:6px;cursor:pointer}.mission-top{padding:22px 26px}.mission-tag{display:flex;align-items:center;gap:14px}.tag-icon{font-size:32px;color:var(--gold)}.mission-top h2{color:var(--gold2);font-size:clamp(29px,2.8vw,41px)}.mission-top>p{margin:12px 0;color:#e9eadf}.mission-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.mission-meta span,.stars{color:var(--gold2);background:#45382a88;border:1px solid #816f5480;padding:3px 10px;border-radius:6px;font-size:14px}.stars{float:right;font-size:19px}.scene-card{position:relative;overflow:hidden;margin:17px 0;border:1px solid #b3935d7d;border-radius:16px;background:#101819;box-shadow:inset 0 0 45px #0008}.scene-card::before{content:'';position:absolute;inset:0;background:url('assets/renesansowe_tlo.webp') center / cover;opacity:.24;pointer-events:none}.scene-card canvas{display:block;position:relative;width:100%;height:clamp(300px,32vw,480px);touch-action:pan-y;cursor:grab}.scene-card canvas:active{cursor:grabbing}.scene-top,.scene-overlay{position:absolute;z-index:2;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;pointer-events:none}.scene-top{top:16px}.scene-overlay{bottom:14px}.scene-badge,.scene-top>#machineLabel{background:#172120dc;border:1px solid #947e5c99;padding:6px 11px;border-radius:8px;font-size:13px;font-weight:800}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);margin-right:5px}.scene-legend{display:flex;gap:9px;flex-wrap:wrap}.scene-legend span{color:#eedfc6;background:#101816d9;padding:5px 8px;border-radius:5px;font-size:13px}.scene-buttons{display:flex;gap:8px;pointer-events:auto}.scene-buttons button{font-size:14px;color:var(--gold2);border:1px solid #a58c64;background:#172320e8;border-radius:7px;padding:6px 10px}.work-area{display:grid;grid-template-columns:1fr 1fr;gap:17px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h3{color:var(--gold2)}.small-label{color:var(--gold);font-size:13px}.helper{margin:10px 0 14px}.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px}.slot{width:100%;background:#121c1bd9;border:2px dashed #8c856e;color:var(--ink);padding:13px 8px;min-height:90px;border-radius:10px;text-align:center}.slot.installed{background:#395b463a;border-style:solid;border-color:#86a882}.slot-label{display:block;font-weight:800;font-size:15px;color:var(--gold2)}.slot-value{display:block;margin-top:7px;font-size:15px;color:var(--mute)}.parts-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.part{min-height:57px;background:linear-gradient(130deg,#364139,#27302e);border:1px solid #6f7869;color:#f6ebd9;border-radius:9px;text-align:left;padding:8px 10px;font-size:14px;font-weight:650}.part::before{content:'⚙';color:var(--gold);margin-right:8px}.part.selected{background:#6a512e9e;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.controls .sliders{display:grid;gap:17px;margin-top:16px}.control-header{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--ink);font-size:16px}.control-header strong{color:var(--gold2);font-size:16px}.controls input[type=range]{width:100%;accent-color:#d7ae73;min-height:23px;cursor:ew-resize}.targets{background:#13211f;border:1px solid #485d4e;border-radius:11px;margin:15px 0;padding:12px}.targets h4{margin:0 0 4px;font-size:17px;color:var(--gold2)}.targets div{margin:5px 0;color:#e5ebdf;font-size:15px}.targets b{color:var(--gold2)}.primary-button{display:block;width:100%;background:linear-gradient(125deg,#eaca91,#c69a5d);color:#231c14;border:1px solid #ffdb97;border-radius:10px;font-weight:900;padding:14px 18px;font-size:19px}.primary-button:hover{filter:brightness(1.1)}.result{margin:14px 0 8px;border:1px solid #687d69;border-radius:10px;padding:14px;background:#22302b}.result p{font-size:15px;margin-top:5px;color:#dfe5dc}.result.pass{border-color:#80bd92;background:#223d2e}.result.fail{border-color:#b78065;background:#3b2924}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{background:#283733;border:1px solid #798a75;color:#f1dbc0;border-radius:9px;padding:10px 12px;font-size:14px}.actions .next{background:#d0a266;color:#181919;font-weight:800}.education{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:17px}.education h3{margin:5px 0 10px;color:var(--gold2)}.historical{font-size:15px;border-left:2px solid #b38a54;padding-left:14px;color:#ced4cc}.right-info{display:grid;gap:17px}.right-info h3{margin:8px 0 15px;color:var(--gold2)}.stat-row{padding:10px 0;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #68756955;color:var(--mute);font-size:16px}.stat-row strong{color:#ffe2ac}.side-note p{font-size:16px;margin:10px 0;color:#d9ded5}.final-panel label{display:block;font-size:15px;color:var(--gold2);margin-bottom:9px}.final-panel input{min-height:44px;padding:8px 10px;background:#13211e;color:white;border:1px solid #8e7756;border-radius:6px;width:100%}.final-panel p{font-size:13px;margin-top:10px;color:var(--mute)}footer{text-align:center;color:#aabbb2;padding:26px;font-size:13px}
@media(max-width:1450px){.game-layout{grid-template-columns:230px minmax(0,1fr)}.right-info{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr))}.right-info .panel{padding:14px}.work-area{grid-template-columns:1fr 1fr}.nav a{font-size:14px}}
@media(max-width:980px){.shell{padding:0 12px}.game-layout{grid-template-columns:1fr}.left{position:static;max-height:none}.level-list{display:grid;grid-template-columns:repeat(3,1fr);max-height:250px;overflow-y:auto}.right-info{grid-column:auto}.work-area{grid-template-columns:1fr}.education{grid-template-columns:1fr}.scene-card canvas{height:380px}.hero-content{padding:25px}.nav{width:100%}}
@media(max-width:620px){body{font-size:17px}.topbar{gap:8px}.logo small{font-size:10px}.monogram{width:45px;height:45px;font-size:30px}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.nav a{text-align:center;padding:8px 5px;font-size:13px}.hero{margin:12px 0 15px;min-height:220px}.hero-content{padding:17px}.hero p{font-size:16px}.hero-stats{gap:4px}.hero-stats span{font-size:13px;padding:4px 8px}.panel{padding:15px}.mission-top h2{font-size:28px}.mission-top>p{font-size:16px}.mission-meta span{font-size:12px}.level-list{grid-template-columns:1fr 1fr;max-height:210px}.level-button{font-size:13px;padding:8px;gap:5px}.scene-card canvas{height:310px}.scene-top,.scene-overlay{left:8px;right:8px}.scene-top>#machineLabel{display:none}.scene-badge{font-size:11px}.scene-overlay{justify-content:center}.scene-legend span{font-size:11px}.scene-overlay .scene-buttons button{font-size:12px}.right-info{grid-template-columns:1fr}.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h3{font-size:23px}.parts-palette{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Podpowiedzi: czytelne, z kosztem i zapisanym dziennikiem */
.hint-history{display:grid;gap:9px;margin-top:14px}.hint-history:empty{display:none}
.hint-entry{border:1px solid #947950;background:#342e236e;border-radius:10px;padding:13px 15px;color:#f7ebd6;font-size:16px;line-height:1.55}
.hint-entry b{display:block;color:#f8d59c;margin-bottom:4px;font-size:17px}
.hint-rules{margin-top:10px;font-size:15px;color:#d4d9cc}
#hintBtn{font-size:17px;font-weight:800;min-height:47px;border-color:#c9a473;color:#ffe1ab}
@media(max-width:620px){.hint-entry{font-size:17px}.hint-rules{font-size:16px}#hintBtn{font-size:17px}}