/* Static, no-JS Pilichi overview for parents and teachers; unrelated to the child's game UI. */
:root{color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#faf7f0;color:#302d40;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;line-height:1.65}
a{color:#564098}
a:focus-visible{outline:3px solid #8a6ac0;outline-offset:4px;border-radius:4px}
img{display:block;width:100%;height:auto}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.site-header{background:#fbf8f2;border-bottom:1px solid #e9e1dd}
.topbar{min-height:82px;display:flex;align-items:center;gap:20px;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#302d40;font-weight:900;font-size:1.28rem;letter-spacing:-.04em}
.brand-symbol{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#ede3fa;font-size:1.38rem}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(10px,2.5vw,30px)}
.nav a{font-size:.9rem;text-decoration:none;font-weight:700}
.lang{border:1px solid #d8cce6;border-radius:40px;padding:7px 12px;background:#fff}
.lang[aria-current="page"]{background:#4c357b;color:#fff}
.hero{padding:76px 0 60px;background:radial-gradient(circle at 77% 18%,#e1d2f3 0,transparent 35%),linear-gradient(145deg,#faf7f0,#f1eaf6)}
.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(30px,5vw,70px);align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#65519d;font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;font-weight:900}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.14;letter-spacing:-.035em;color:#302b50}
h1{font-size:clamp(2.6rem,5.1vw,4.55rem);margin:16px 0 22px}
h2{font-size:clamp(2rem,3.6vw,3rem);margin:10px 0 15px}
h3{font-size:1.3rem;margin:0 0 9px}
.lead{font-size:1.07rem;color:#544f63;max-width:550px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}
.pill{background:#fff;border:1px solid #e4d9e7;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.84rem;color:#4b4270}
.actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-top:26px}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 25px;border-radius:12px;text-decoration:none;font-size:.96rem;font-weight:800}
.btn-primary{background:#4f3a86;color:#fff;box-shadow:0 8px 20px #4e30791f}
.btn-primary:hover{background:#382863}
.btn-quiet{border:1px solid #cfc3da;background:#fff;color:#4c367a}
.hero-visual{position:relative}
.hero-visual img{border-radius:24px;box-shadow:0 18px 55px #302b5025;border:7px solid #fff}
.img-caption{margin:10px 4px 0;font-size:.78rem;color:#666073}
.section{padding:76px 0}
.section-intro{max-width:760px;margin-bottom:35px}
.section-intro p{color:#666174;margin:0}
.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.game-card{background:#fff;border:1px solid #e8dfe6;border-radius:18px;padding:24px 20px 20px;display:flex;flex-direction:column;box-shadow:0 7px 23px #6b51710d}
.game-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;font-size:1.75rem;margin-bottom:20px;background:#eae5ff}
.game-card:nth-child(4n+2) .game-icon{background:#ffe9dc}
.game-card:nth-child(4n+3) .game-icon{background:#ddf2e7}
.game-card:nth-child(4n+4) .game-icon{background:#fbebc5}
.game-card p{margin:0 0 16px;font-size:.89rem;color:#605b6d;flex:1}
.game-card a{font-size:.9rem;font-weight:800;text-decoration:none}
.game-card a:hover{text-decoration:underline}
.gallery{background:#eee8f1}
.play-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:clamp(24px,5vw,70px)}
.play-preview .section-intro{margin:0;max-width:640px}
.play-preview figure{margin:0;padding:9px;background:#fff;border:1px solid #e6dae7;border-radius:20px}
.river-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.play-preview img{border-radius:13px}
.play-preview figcaption{font-size:.77rem;color:#666174;padding:8px 7px 3px}
#island .section-intro p+p{margin-top:14px}
.island-money{max-width:760px;margin:0 0 28px;color:#666174}
.island-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.island-grid figure{margin:0;overflow:hidden;border:1px solid #e8dfe6;border-radius:16px;background:#fff}
.island-grid img{aspect-ratio:8/5;object-fit:cover}
.island-grid figcaption{padding:12px 14px;font-size:.82rem;color:#605b6d;line-height:1.5}
.island-grid strong{display:block;color:#4b367a;margin-bottom:4px;font-size:.95rem}
.soft{background:#faf7f0}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.principle{border-left:3px solid #b79dc9;padding:1px 17px}
.principle strong{display:block;margin-bottom:6px;color:#4b367a}
.principle p{margin:0;color:#615c6b;font-size:.92rem}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:24px 45px;margin-top:28px}
.faq-list h3{font-size:1.1rem}
.faq-list p{color:#605b6d;margin:0}
.cta-band{padding:51px 0;background:#3e306e;color:#fff}
.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}
.cta-band h2{color:#fff;margin:0 0 8px}
.cta-band p{margin:0;color:#e6ddfa}
.cta-band .btn{background:#ffdc9c;color:#38284d;flex-shrink:0}
.site-footer{padding:26px 0;background:#2b234b;color:#e7def5}
.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between}
.site-footer a{color:#e7def5;text-underline-offset:3px}
.footer-links{display:flex;flex-wrap:wrap;gap:18px}
.small{font-size:.84rem;color:#ded8e5}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding:50px 0 40px}.hero-visual{max-width:720px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.island-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.wrap{width:min(100% - 28px,1120px)}.topbar{align-items:flex-start;padding:18px 0;min-height:0;flex-direction:column;gap:16px}.nav{gap:12px}.hero{padding:44px 0}.section{padding:52px 0}.games-grid,.play-preview,.principles,.faq-list{grid-template-columns:1fr}.play-preview figure{width:min(100%,420px);justify-self:center}.cta-grid{align-items:flex-start;flex-direction:column}.game-card{padding:21px}.pills{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}