*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,sans-serif;background:linear-gradient(135deg,#f8d493,#bde8ff);color:#2f2419}.game{width:min(1180px,100vw);margin:auto;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:12px}.bar{background:#fff8eaee;border:2px solid #823a2230;border-radius:20px;padding:12px 16px;box-shadow:0 10px 24px #37200c33;display:flex;justify-content:space-between;gap:12px;align-items:center}.bar strong{display:block;font-size:1.25rem}.bar span{font-size:.92rem}.stats{display:flex;gap:14px;flex-wrap:wrap}.scene{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:26px;background:#d7edff;border:4px solid #fff8ea;box-shadow:0 16px 35px #37200c33}.scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.hotspot{position:absolute;border:2px dashed #ffffff00;border-radius:14px;cursor:pointer;background:transparent}.hotspot:hover{background:#ffffff30;border-color:#ffffffaa;box-shadow:0 0 0 4px #b85c3830}.hotspot.found{opacity:.25;pointer-events:none}.inventory{justify-content:flex-start}.inventory strong{font-size:1rem}#inventoryItems{flex:1;display:flex;gap:8px;flex-wrap:wrap}.pill{background:white;border:1px solid #823a2240;border-radius:999px;padding:6px 10px;font-size:.9rem}button{border:0;border-radius:999px;background:#b85c38;color:white;padding:11px 18px;font-weight:800;cursor:pointer}button.small{background:#fff;color:#823a22;border:1px solid #823a2230}.modal,.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#2f241966;backdrop-filter:blur(4px)}.hidden{display:none!important}.card{width:min(560px,94vw);background:#fff8ea;border:3px solid white;border-radius:28px;padding:28px;box-shadow:0 20px 60px #28140a40;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900;color:#823a22}#answers{display:grid;gap:10px;margin-top:16px}.answer{width:100%;border-radius:16px;background:#fff;color:#2f2419;border:2px solid #823a2230;text-align:left}#feedbackText{min-height:28px;font-weight:900}.good{color:#4f7f52}.bad{color:#b03030}

/* START: pełna grafika tlo.png + klikalny obszar na napisie GRAJ */
.start-overlay{position:fixed;inset:0;z-index:9999;background:#000;display:grid;place-items:center;overflow:hidden}.start-stage{position:relative;width:min(100vw,calc(100vh * 1535 / 1024));aspect-ratio:1535/1024}.start-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.start-hotspot{position:absolute;left:38.2%;top: 64%;width:23.6%;height:10.2%;background:transparent;border:0;cursor:pointer;z-index:2;border-radius:18px;padding:0}.start-hotspot:hover{box-shadow:0 0 0 5px rgba(255,218,120,.34),0 0 25px rgba(255,218,120,.45)}.start-hotspot:focus-visible{outline:4px solid rgba(255,255,255,.8);outline-offset:3px}

@media(max-width:720px){.bar{align-items:flex-start;flex-direction:column}.scene{aspect-ratio:9/12}}