/* KiwiKids Visual v4 — screenshot-inspired three independent portal layouts, zero fake metrics. */
/* Layout fundamentals and backgrounds */
body[data-world]{--v4-accent:#2daa80;--v4-edge:#ffffff52;--v4-surface:#ffffffdf;--v4-fg:#163b4e;--v4-muted:#42647a;--v4-head:#185168;--v4-glow:#7bffe177;--v4-radius:17px;--v4-shadow:0 17px 40px #14485b18;background:#93d6ef url("/assets/scene-junior.svg") center top/cover fixed no-repeat;color:var(--v4-fg);font:400 15px/1.56 system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-width:320px}
body[data-world=teen]{--v4-accent:#b94bff;--v4-edge:#8e56e77a;--v4-surface:#07132eea;--v4-fg:#f1f5ff;--v4-muted:#b2bee2;--v4-head:#e6d4ff;--v4-glow:#e234ff6b;--v4-radius:12px;--v4-shadow:0 18px 60px #07031e99;background:#080b21 url("/assets/scene-teen.svg") center top/cover fixed no-repeat}
body[data-world=adult]{--v4-accent:#dfad60;--v4-edge:#b47b508e;--v4-surface:#160f0eea;--v4-fg:#f5e8d6;--v4-muted:#c5ad95;--v4-head:#ffe0a1;--v4-glow:#e98e2355;--v4-radius:10px;--v4-shadow:0 19px 55px #000b;background:#100b0b url("/assets/scene-adult.svg") center top/cover fixed no-repeat;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}
body[data-world] *{box-sizing:border-box}
body[data-world] .wrap{width:min(1220px,calc(100% - 42px));margin-inline:auto}
body[data-world] header{position:sticky;top:0;z-index:82;background:#ffffffa4;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--v4-edge);box-shadow:0 5px 18px #24749b16}
body[data-world=teen] header{background:#080c23df;box-shadow:0 4px 25px #200b5966}
body[data-world=adult] header{background:#120c0bef;box-shadow:0 4px 25px #0009}
body[data-world] header .nav{min-height:75px;gap:22px}
body[data-world] header .logo{flex-shrink:0;white-space:nowrap;font:900 1.11rem/1 system-ui,sans-serif;letter-spacing:-.055em;color:var(--v4-fg)}
body[data-world] header .logo img{width:57px;height:57px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 10px var(--v4-glow))}
body[data-world] header .navlinks{display:none}
body[data-world] .v4-nav{display:flex;gap:5px;justify-content:center;align-items:center;margin-left:auto;min-width:0;max-width:calc(100% - 150px)}
body[data-world] .v4-nav a{display:flex;min-width:67px;min-height:54px;padding:8px 9px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid transparent;border-radius:11px;color:var(--v4-fg);text-decoration:none;font:800 .65rem/1.15 system-ui,sans-serif;white-space:nowrap;transition:background .2s,transform .2s,border-color .2s}
body[data-world] .v4-nav a:hover,body[data-world] .v4-nav a:focus-visible{background:var(--v4-surface);border-color:var(--v4-edge);transform:translateY(-2px)}
body[data-world] .v4-nav a[aria-current=page]{background:var(--v4-surface);border-color:var(--v4-edge);color:var(--v4-accent);box-shadow:0 0 22px var(--v4-glow)}
body[data-world] .v4-nav svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
body[data-world] main{min-height:85vh;overflow:hidden}
body[data-world] .hero{width:min(1220px,calc(100% - 42px));position:relative;overflow:visible;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:10px;align-items:center;min-height:495px;padding:65px 25px 62px;isolation:isolate;text-align:left;margin-bottom:0}
body[data-world] .hero:before{content:"";position:absolute;z-index:-2;inset:0 -24vw;background:linear-gradient(90deg,rgba(212,255,246,.20),rgba(255,255,255,.0));pointer-events:none}
body[data-world=teen] .hero:before{background:linear-gradient(90deg,#06091aef 2%,#0c0a27ab 48%,transparent 90%)}
body[data-world=adult] .hero:before{background:linear-gradient(90deg,#090809fa,#1a0e0cbb 53%,transparent 92%)}
body[data-world] .hero>div:first-child{position:relative;z-index:3}
body[data-world] .eyebrow{font:900 .76rem/1.35 system-ui,sans-serif;letter-spacing:.14em;color:var(--v4-head);text-transform:uppercase}
body[data-world] .hero h1{font:950 clamp(2.8rem,5vw,5.6rem)/.96 system-ui,sans-serif;letter-spacing:-.07em;margin:16px 0 19px;max-width:640px;color:var(--v4-fg);text-wrap:balance;text-shadow:0 2px 14px #fff6}
body[data-world] .hero h1 span{color:var(--v4-accent);-webkit-text-stroke:0;font-style:normal}
body[data-world=teen] .hero h1{text-shadow:0 0 26px #a922b65e;text-transform:uppercase}
body[data-world=teen] .hero h1 span{background:linear-gradient(115deg,#f872ff,#8ed7ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
body[data-world=adult] .hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;text-shadow:0 2px 17px #000b}
body[data-world=adult] .hero h1 span{background:linear-gradient(105deg,#ffe7b0,#a76a31);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-world] .hero p{max-width:520px;color:var(--v4-fg);font-weight:580;font-size:1.06rem;text-shadow:0 2px 12px #ffffff88}
body[data-world=teen] .hero p,body[data-world=adult] .hero p{text-shadow:0 2px 12px #000b;color:var(--v4-muted)}
body[data-world] .hero .btn{border-radius:99px;min-height:53px;padding:12px 28px;background:linear-gradient(135deg,#39bb72,#147f56);color:#fff;border:2px solid #beffc8;box-shadow:0 7px 25px #1c814654;font:900 .84rem system-ui,sans-serif}
body[data-world=teen] .hero .btn{background:linear-gradient(90deg,#ec34f8,#7a42fb);border-color:#fd9dff;box-shadow:0 0 28px #ec3cf485;color:#fff}
body[data-world=adult] .hero .btn{background:linear-gradient(100deg,#f7cf72,#d88724);border-color:#ffe7aa;box-shadow:0 0 28px #ffb53650;color:#241305}
body[data-world] .hero-art.kivo-master-art{height:435px;width:100%;max-width:595px;overflow:visible;position:relative;order:initial;margin:auto;isolation:isolate;filter:drop-shadow(0 16px 16px #0003)}
body[data-world] .hero-art.kivo-master-art:before{content:"";position:absolute;inset:8% 7% 3%;border-radius:50%;background:radial-gradient(circle,var(--v4-glow),transparent 70%);opacity:.8;filter:blur(15px);z-index:-1}
body[data-world] .hero-art.kivo-master-art:after{display:none}
body[data-world] .hero-art.kivo-master-art .kivo-master-logo{position:absolute;inset:0;top:0;left:50%;transform:translateX(-50%);width:min(100%,540px);height:auto;max-height:435px;object-fit:contain;object-position:center top;mix-blend-mode:screen;filter:drop-shadow(0 12px 25px #07183288)}
body[data-world=junior] .hero-art.kivo-master-art .kivo-master-logo{mix-blend-mode:multiply;opacity:.96}
body[data-world] .v4-hero-mascot{pointer-events:none;position:absolute;right:16%;top:17%;width:min(100%,520px);max-height:440px;object-fit:contain;z-index:4;filter:drop-shadow(0 24px 25px #05082a55);animation:v4-float 4s ease-in-out infinite}
body[data-world] .v4-hero-mascot+img{visibility:hidden}
body[data-world] .hero .v4-talk{position:absolute;right:-20px;top:15%;z-index:5;width:190px;border-radius:16px;padding:14px 17px;background:var(--v4-surface);color:var(--v4-fg);box-shadow:var(--v4-shadow);font-size:.9rem;font-weight:800;line-height:1.35;border:1px solid var(--v4-edge);pointer-events:none}
body[data-world=teen] .hero .v4-talk{right:4%;top:16%;border-color:#dc3aff;box-shadow:0 0 25px #dd4afa55}
body[data-world=adult] .hero .v4-talk{right:4%;top:13%;border-color:#dba15b;font-family:Georgia,serif}
body[data-world] .v4-quick{position:relative;z-index:4;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:-30px;margin-bottom:22px}
body[data-world] .v4-quick a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:96px;gap:11px;padding:17px 10px;border:1px solid var(--v4-edge);border-radius:var(--v4-radius);background:var(--v4-surface);color:var(--v4-fg);box-shadow:var(--v4-shadow);text-decoration:none;font-weight:900;font-size:.78rem;backdrop-filter:blur(12px);transition:transform .25s,border-color .2s}
body[data-world] .v4-quick a:hover{transform:translateY(-5px);border-color:var(--v4-accent)}
body[data-world] .v4-quick a svg{width:30px;height:30px;fill:none;stroke:var(--v4-accent);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
body[data-world=junior] .v4-quick a{background:linear-gradient(130deg,#2d97cbda,#2672b2ee);color:#fff;border-color:#ceeefff2;text-shadow:0 1px 5px #063d60}
body[data-world=junior] .v4-quick a:nth-child(3){background:linear-gradient(120deg,#83b93f,#3c9b54)}
body[data-world=junior] .v4-quick a svg{stroke:#fff}
body[data-world=teen] .v4-quick a{background:linear-gradient(155deg,#191238e8,#09142de8);border-color:#8754e69d}
body[data-world=teen] .v4-quick a:nth-child(odd) svg{stroke:#e868ff}
body[data-world=adult] .v4-quick a{background:linear-gradient(135deg,#221813f2,#0d0b0beb);border-color:#8b6847}
body[data-world] main > .hero + .section{display:none}
body[data-world] .v4-dashboard{position:relative;z-index:3;padding:0 0 25px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:17px}
body[data-world] .v4-stack{display:grid;gap:16px;align-content:start}
body[data-world] .v4-block{padding:21px 23px;background:var(--v4-surface);border:1px solid var(--v4-edge);border-radius:var(--v4-radius);box-shadow:var(--v4-shadow);backdrop-filter:blur(13px);min-width:0}
body[data-world] .v4-block-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}
body[data-world] .v4-block h2{font:900 clamp(1rem,1.4vw,1.35rem)/1.2 system-ui,sans-serif;letter-spacing:-.03em;color:var(--v4-fg);margin:0}
body[data-world] .v4-block a.v4-all{font-size:.78rem;white-space:nowrap;color:var(--v4-accent);font-weight:850;text-decoration:none}
body[data-world] .v4-block a.v4-all:hover{text-decoration:underline}
body[data-world] .v4-missions{display:grid;gap:9px;margin:0;padding:0;list-style:none}
body[data-world] .v4-missions li{display:flex;align-items:center;gap:10px;font-size:.85rem}
body[data-world] .v4-missions .v4-check{appearance:none;border:2px solid var(--v4-accent);flex:0 0 21px;width:21px;height:21px;border-radius:5px;background:transparent;cursor:pointer;display:grid;place-items:center}
body[data-world] .v4-missions .v4-check:checked{background:#2ca869}
body[data-world] .v4-missions .v4-check:checked:before{content:"✓";color:white;font-size:.79rem;line-height:1}
body[data-world] .v4-missions .v4-check:checked+span{text-decoration:line-through;opacity:.7}
body[data-world] .v4-track{height:11px;display:block;border-radius:99px;background:#a8b8c574;overflow:hidden;margin-top:15px}
body[data-world] .v4-track>span{display:block;background:var(--v4-accent);width:0;height:100%;border-radius:inherit;transition:width .3s}
body[data-world] .v4-info{font-size:.77rem;color:var(--v4-muted);margin:7px 0 0;line-height:1.4}
body[data-world] .v4-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-world] .v4-game{display:flex;flex-direction:column;min-width:0;gap:7px;text-decoration:none;color:var(--v4-fg);font-weight:820;font-size:.82rem}
body[data-world] .v4-game .v4-thumb{height:104px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--c1,#52bce9),var(--c2,#396ca8));border:1px solid var(--v4-edge);border-radius:10px}
body[data-world] .v4-game .v4-thumb svg{height:53px;width:53px;fill:none;stroke:white;stroke-width:1.7;filter:drop-shadow(0 4px 7px #0006)}
body[data-world] .v4-game .v4-thumb:after{content:"";position:absolute;width:130px;height:70px;border:2px solid #ffffff77;transform:rotate(-25deg);border-radius:30%;right:-57px;top:-20px}
body[data-world] .v4-game:hover .v4-thumb{border-color:var(--v4-accent);box-shadow:0 0 18px var(--v4-glow)}
body[data-world] .v4-game small{font-size:.7rem;color:var(--v4-muted);font-weight:600}
body[data-world] .v4-subjects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
body[data-world] .v4-subject{padding:8px 7px;text-align:center;border-radius:7px;font-size:.7rem;background:#bee7e6;color:#163f54;font-weight:800}
body[data-world] .v4-subject:nth-child(3n+2){background:#ffe9a3}
body[data-world] .v4-subject:nth-child(3n+3){background:#d5cef9}
body[data-world] .v4-note{margin-top:12px;font-size:.73rem;color:var(--v4-muted);line-height:1.4}
body[data-world] .v4-badges{display:flex;flex-wrap:wrap;gap:12px}
body[data-world] .v4-badges span{display:flex;align-items:center;gap:6px;border:1px solid var(--v4-edge);padding:9px 10px;border-radius:10px;font-size:.8rem;font-weight:800}
body[data-world] .v4-badges svg{height:22px;width:22px;fill:none;stroke:var(--v4-accent);stroke-width:2}
body[data-world] .v4-local-score{display:grid;place-items:center;text-align:center;min-height:130px;border-radius:15px;background:radial-gradient(circle at center,var(--v4-glow),transparent 65%)}
body[data-world] .v4-local-score strong{font:900 clamp(2rem,4vw,3.5rem)/1 system-ui,sans-serif;color:var(--v4-accent);font-variant-numeric:tabular-nums}
body[data-world] .v4-local-score span{font-size:.78rem;color:var(--v4-muted);font-weight:750}
body[data-world] .v4-article-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-world] .v4-article-cards article{padding:18px;border:1px solid var(--v4-edge);border-radius:12px;background:linear-gradient(145deg,#ffffff13,transparent);min-width:0}
body[data-world] .v4-article-cards h3{font-size:.99rem;color:var(--v4-fg);margin:0 0 8px;font-weight:850}
body[data-world] .v4-article-cards p{font-size:.79rem;line-height:1.5;color:var(--v4-muted);margin:0}
body[data-world] .v4-article-cards a{font-size:.78rem;font-weight:800;color:var(--v4-accent);text-decoration:none;display:inline-block;margin-top:10px}
body[data-world] .v4-external{font-size:.69rem;color:var(--v4-muted);margin:5px 0 0}
body[data-world] main > .section[id]{padding-block:40px 48px}
body[data-world] main > .section[id] .panel{background:var(--v4-surface);color:var(--v4-fg);border:1px solid var(--v4-edge);border-radius:var(--v4-radius);padding:clamp(18px,3vw,32px);box-shadow:var(--v4-shadow)}
body[data-world] main > .section[id] h2{font-size:clamp(1.8rem,3.6vw,3rem);color:var(--v4-fg)}
body[data-world] main > .section[id] p{color:var(--v4-muted)}
body[data-world] main > .section[id] .btn{background:var(--v4-accent);color:var(--v4-fg);border-radius:10px}
body[data-world=teen] #reakcja .reaction{border:2px solid #bf51ff;box-shadow:0 0 22px #8d27f655}
body[data-world=adult] #archiwum .era{background:#241c1b;color:#efc88c;border:1px solid #8c6742}
body[data-world] #kiwi-portal-footer{z-index:1;position:relative}
body[data-world] .v4-more-worlds{text-align:center;padding:15px 0 35px}
body[data-world] .v4-more-worlds a{font-weight:850;color:var(--v4-fg);font-size:.79rem;text-decoration:none;border:1px solid var(--v4-edge);padding:13px 20px;border-radius:8px;background:var(--v4-surface);display:inline-block}
@keyframes v4-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-9px)}}
/* Real desktop width: reproduce rich dashboard density without tiny touch targets */
@media(min-width:1180px){body[data-world] .hero{min-height:530px;padding-top:75px}body[data-world] .v4-dashboard{grid-template-columns:minmax(0,1.5fr) minmax(0,.94fr)}body[data-world] .hero-art.kivo-master-art{height:465px}}
@media(max-width:980px){body[data-world] .v4-nav{gap:2px}body[data-world] .v4-nav a{min-width:51px;padding:7px 5px;font-size:.58rem}body[data-world] .v4-nav svg{width:20px;height:20px}body[data-world] .hero{min-height:410px;padding-inline:0;gap:0}body[data-world] .hero h1{font-size:clamp(2.5rem,6vw,4rem)}body[data-world] .v4-dashboard{grid-template-columns:1fr}body[data-world] .v4-games{grid-template-columns:repeat(3,1fr)}body[data-world] .hero .v4-talk{width:155px;font-size:.77rem;right:0}}
@media(max-width:700px){body[data-world]{background-attachment:scroll;background-size:auto 1000px}body[data-world] .wrap{width:calc(100% - 24px)}body[data-world] header .nav{min-height:67px;gap:5px;flex-wrap:wrap;padding:6px 0}body[data-world] header .logo{font-size:.83rem}body[data-world] header .logo img{width:40px;height:40px}body[data-world] .v4-nav{order:2;max-width:100%;width:100%;justify-content:space-between;gap:2px;margin:1px 0 0;overflow-x:auto;scrollbar-width:none}body[data-world] .v4-nav a{flex:1 0 47px;min-height:48px;padding:5px 4px;white-space:normal;font-size:.56rem;min-width:0}body[data-world] .v4-nav svg{width:19px;height:19px}body[data-world] .hero{grid-template-columns:1fr;display:flex;flex-direction:column-reverse;text-align:center;gap:8px;min-height:610px;padding:12px 0 54px}body[data-world] .hero>div:first-child{width:100%;margin:auto;position:relative}body[data-world] .hero h1{font-size:clamp(2.5rem,10vw,4rem);margin:11px 0}body[data-world] .hero p{font-size:.91rem;margin:12px auto 17px}body[data-world] .hero-art.kivo-master-art{height:295px;max-width:420px;width:min(100%,390px);order:0}body[data-world] .v4-hero-mascot{max-height:285px;top:0;right:5%;width:90%}body[data-world] .hero .v4-talk{width:145px;right:0;top:6%;font-size:.68rem;max-height:110px;padding:9px;z-index:7}body[data-world] .hero .btn{min-height:48px;padding:10px 23px}body[data-world] .v4-quick{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:-27px}body[data-world] .v4-quick a{min-height:74px;padding:10px 5px;gap:6px;font-size:.59rem;border-radius:10px}body[data-world] .v4-quick a svg{width:24px;height:24px}body[data-world] .v4-dashboard{gap:11px}body[data-world] .v4-stack{gap:11px}body[data-world] .v4-block{padding:17px;border-radius:13px}body[data-world] .v4-games{gap:7px}body[data-world] .v4-game .v4-thumb{height:76px}body[data-world] .v4-game .v4-thumb svg{width:37px;height:37px}body[data-world] .v4-game{font-size:.69rem}body[data-world] .v4-subjects{grid-template-columns:repeat(3,1fr)}body[data-world] .v4-article-cards{grid-template-columns:1fr}body[data-world] .v4-article-cards article{padding:13px}}
@media(max-width:390px){body[data-world] .hero{min-height:580px}body[data-world] .hero-art.kivo-master-art{height:248px}body[data-world] .hero .v4-talk{top:2%;width:112px}body[data-world] .v4-quick a svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){body[data-world] .v4-hero-mascot{animation:none!important}body[data-world] .v4-quick a{transition:none!important}body[data-world] .v4-quick a:hover{transform:none!important}}

/* Mobile GPU guards, interactive mascot targeting and no overlay click interception */
#kivo-agent{pointer-events:none}
#kivo-agent .kivo-face-button,#kivo-agent .kivo-menu,#kivo-agent .kivo-link,#kivo-agent .kivo-tool{pointer-events:auto}
#kivo-agent.kivo-auto-walk .kivo-face-button img{animation:none!important}
@media(max-width:760px){body[data-world]{background-attachment:scroll}body[data-world] .v4-quick{scroll-snap-type:x proximity;overscroll-behavior-inline:contain}body[data-world] .v4-quick a{scroll-snap-align:center;touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){body[data-world] .v4-hero-mascot{animation:none!important}#kivo-agent,#kivo-agent .kivo-face-button{animation:none!important;transition:none!important}}

/* Transparent master-identity artworks rendered separately for each world. */
body[data-world] .v4-hero-mascot{right:0;top:0;width:min(100%,570px);height:auto;max-height:490px;object-fit:contain;object-position:top center;animation:v4-float 5.4s ease-in-out infinite}
body[data-world=junior] .v4-hero-mascot{filter:drop-shadow(0 19px 26px #1b775d5e)}
body[data-world=teen] .v4-hero-mascot{filter:drop-shadow(0 20px 28px #e02cff70)}
body[data-world=adult] .v4-hero-mascot{filter:drop-shadow(0 18px 23px #050205a3)}
@media(max-width:700px){body[data-world] .v4-hero-mascot{width:100%;height:100%;object-fit:contain;object-position:center top}}
@media(prefers-reduced-motion:reduce){body[data-world] .v4-hero-mascot{animation:none!important}}