/* Phase 6: locally served artwork, comfortable reading, no blocking intro. */
:root{color-scheme:light}body{background:#f6f5ed;color:#173c46}.site-header{background:#fffdf5;border-bottom:1px solid #dddccb}.brand{color:#184c54}.hero{position:relative;isolation:isolate;overflow:hidden;background:#143e4a;padding:38px;border-radius:24px;min-height:360px;display:flex;align-items:center}.hero-backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d303de8,#0d303db3 60%,#0d303d26)}.hero-inner{text-align:left;width:100%;max-width:760px}.hero h1{color:white;font-size:clamp(36px,6vw,62px);font-weight:900;margin:12px 0 16px}.hero p,.hero-kicker{color:#fffdf2}.hero-kicker{font-size:13px;font-weight:800;letter-spacing:.12em}.hero p{font-size:17px;max-width:530px;line-height:1.8}.hero .hioki-modes{justify-content:flex-start}.hero .btn{box-shadow:none}.hero .hioki-modes .btn:not(.primary):not(.gold){background:#fffdf5;color:#173c46}.hero .hioki-modes{gap:10px}.phase6-note{color:#587077;font-size:13px}.collection-entry{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;background:#e8eee4;border:1px solid #d2dec9;border-radius:18px;margin-top:24px}.collection-entry h2{margin:0 0 6px;font-size:23px}.collection-entry p{margin:0;color:#45615a}.collection-entry .btn{white-space:nowrap;min-height:50px}.region-scene img{height:204px;transition:transform .3s ease}.scenic-card:hover .region-scene img{transform:scale(1.025)}.hioki-region.scenic-card{border-color:#cfded8;box-shadow:0 4px 14px #203b3210}.scene-label{background:linear-gradient(transparent,#123532ee)}.scene-label strong{font-size:26px}.region-card-body{padding:16px 18px 20px}.btn.primary{background:#176a64}.master-visual{position:relative;margin:16px 0;border-radius:17px;overflow:hidden;background:#123f48;min-height:80px}.master-visual img{display:block;width:100%;height:150px;object-fit:cover;object-position:50% 43%}.master-visual figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#14282edd);color:#fff2c6;padding:22px 18px 12px;font-size:14px;font-weight:800;letter-spacing:.05em}.master-visual figcaption small{float:right;font-size:10px;font-weight:400}.award-art img{height:240px}.image-hint{background:#eff5ed;border:1px solid #cadcce;border-radius:12px;margin:18px 0;padding:0;overflow:hidden}.image-hint summary{padding:13px 16px;color:#215f53;font-weight:800;cursor:pointer;min-height:48px}.image-hint .learning-figure{margin:0 14px 14px}.learning-figure{margin:12px 0}.learning-figure .art-zoom{position:relative;display:block;padding:0;width:100%;border:0;border-radius:12px;overflow:hidden;background:#e8eee7;cursor:zoom-in;color:inherit;touch-action:manipulation}.learning-figure img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}.learning-figure figcaption{font-size:14px;line-height:1.7;padding:9px 2px;color:#355a57}.learning-figure figcaption small{display:block;font-size:11px;color:#6a7774}.zoom-label{position:absolute;bottom:10px;right:10px;background:#173b48e8;border-radius:20px;color:white;font-size:12px;padding:5px 10px}.art-action:focus-visible,summary:focus-visible{outline:4px solid #d9a941;outline-offset:3px}.explanation-visual{padding:4px 18px 10px;background:#f2f5ee;border-radius:14px;margin:18px 0}.explanation-visual h3{font-size:17px}.compact img{max-height:280px}.image-fallback{background:#eef3ed;padding:16px;line-height:1.8}.discovery .eyebrow{display:block;margin-top:18px;color:#3d6a61}.collection-count{font-size:23px;font-weight:900}.collection-count small{font-size:13px;font-weight:500}.discovery-filters{display:flex;gap:10px;margin-bottom:20px}.discovery-filters [aria-pressed=true]{background:#195c53;color:white}.discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.discovery-card{border:1px solid #d5dfd4;border-radius:16px;padding:18px;background:#fffef8;min-width:0}.discovery-card h2{font-size:21px;margin:8px 0 14px}.discovery-card p,.discovery-card details{font-size:15px;line-height:1.9}.discovery-card .eyebrow{margin-top:0;font-size:12px}.discovery-card img{max-height:280px}.locked-art{aspect-ratio:3/2;border-radius:12px;background:linear-gradient(135deg,#dce7dc,#eff2e8);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:64px;color:#698176}.locked-art small{font-size:13px;margin-top:10px}.iroha-verse{border-left:3px solid #b79b52;padding:10px 14px;margin:16px 0;background:#f7f3e4;font-size:16px;line-height:1.9}#art-dialog{width:min(1000px,94vw);max-height:94dvh;border:0;border-radius:18px;padding:16px;background:#fffdf5;box-shadow:0 20px 80px #0006}#art-dialog::backdrop{background:#102b38cc}#art-dialog img{display:block;width:100%;height:auto;max-height:75dvh;object-fit:contain;margin-top:12px}#art-dialog p{margin:10px 0 0;font-size:12px;color:#536c69}.quiz .panel{overflow-wrap:anywhere}.choices{position:relative}.learning-figure button[hidden],img[hidden],article[hidden],p[hidden]{display:none!important}@media(max-width:850px){.hero{padding:28px;min-height:340px}.hero:after{background:linear-gradient(90deg,#0d303de8,#0d303d9c)}.region-scene img{height:180px}}@media(max-width:600px){.hero{padding:24px;min-height:360px}.hero-inner{max-width:100%}.hero h1{font-size:34px}.hero p{font-size:16px}.hero .hioki-modes .btn{flex:1 1 40%;font-size:14px;padding:11px 8px}.collection-entry{align-items:flex-start;flex-direction:column;padding:20px}.collection-entry .btn{width:100%}.discovery-grid{grid-template-columns:1fr}.discovery{padding:18px!important}.master-visual img{height:120px}.award-art img{height:180px}.learning-figure img{max-height:300px}.header-actions{flex-wrap:wrap}.question{font-size:23px}.region-scene img{height:200px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.hero-kicker{background:transparent;padding:0;color:#e7efcc;border:0;border-radius:0;box-shadow:none}