/* Small DOM overlay; scenery continues through the existing canvas. */
#kuku-white-world.kw-arriving .kw-shell>:not(#kw-canvas):not(#kw-modal-layer){visibility:hidden!important;pointer-events:none!important}
#kuku-white-world #kw-modal-layer.kw-intro-layer{padding:0;background:transparent;backdrop-filter:none;isolation:isolate;overflow:hidden}
#kuku-white-world .kw-intro-film{position:absolute;inset:0;overflow:hidden;color:#fff;font-family:var(--ui-font,system-ui)}
#kuku-white-world .kw-intro-shade{position:absolute;inset:0;background:#14201c;opacity:var(--intro-shade,1);pointer-events:none}
#kuku-white-world .kw-intro-film::after{content:"";position:absolute;inset:0;background:linear-gradient(#11201838,transparent 30%,transparent 65%,#11201870);pointer-events:none}
#kuku-white-world #kw-intro-skip{position:absolute;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));z-index:2;min-height:44px;padding:10px 16px;border:1px solid #f5fff580;border-radius:24px;background:#182a24c9;color:#fff;font:550 14px/1.4 var(--ui-font,system-ui);cursor:pointer}
#kuku-white-world #kw-modal-layer.kw-intro-reading{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#10201999;display:flex;align-items:center;justify-content:center}
#kuku-white-world .kw-intro-card{box-sizing:border-box;width:min(560px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:clamp(22px,4vw,36px);border:1px solid #547165;border-radius:18px;background:#192a25;color:#f7faf6;box-shadow:0 20px 65px #0004;font:400 16px/1.65 var(--ui-font,system-ui)}
#kuku-white-world .kw-intro-card h2{margin:6px 0 22px;color:#f7faf6;font:600 clamp(24px,4vw,30px)/1.2 var(--ui-font,system-ui);letter-spacing:-.7px}
#kuku-white-world .kw-intro-card p{font:inherit;margin:0 0 15px;color:#cfddd5}
#kuku-white-world .kw-intro-card .kw-intro-label{font-size:11px;font-weight:600;letter-spacing:1.4px;color:#a6dcb8;margin:0}
#kuku-white-world #kw-intro-go{display:flex;justify-content:space-between;gap:24px;align-items:center;width:100%;min-height:48px;margin-top:26px;padding:12px 16px;border:1px solid #b4e7c7;border-radius:9px;background:#b4e7c7;color:#163424;font:600 16px/1.4 var(--ui-font,system-ui);cursor:pointer}
#kuku-white-world :is(#kw-intro-skip,#kw-intro-go):focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-height:500px){#kuku-white-world .kw-intro-card{width:min(680px,100%);padding:18px 24px;font-size:14px;line-height:1.5}#kuku-white-world .kw-intro-card h2{font-size:23px;margin-bottom:14px}#kuku-white-world .kw-intro-card p{margin-bottom:10px}#kuku-white-world #kw-intro-go{margin-top:16px}}
/* Four purposeful views: the place, its action, one short explanation. */
#kuku-white-world .kw-intro-cut{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0}
#kuku-white-world .kw-intro-film::after{background:linear-gradient(#07181040,transparent 35%,#07181020 50%,#071810ed)}
#kuku-white-world .kw-intro-caption{position:absolute;z-index:1;left:max(clamp(24px,5vw,64px),env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:max(clamp(24px,5vh,48px),env(safe-area-inset-bottom));pointer-events:none;text-shadow:0 2px 14px #10231b70}
#kuku-white-world .kw-intro-caption .kw-intro-place{margin:0 0 10px;color:#b9efc9;font:650 12px/1.4 var(--ui-font,system-ui);letter-spacing:2px}
#kuku-white-world .kw-intro-caption .kw-intro-word{margin:0 0 10px;color:#fff;font:750 clamp(30px,6vw,64px)/1.08 var(--ui-font,system-ui);letter-spacing:-1.4px;overflow-wrap:anywhere}
#kuku-white-world .kw-intro-caption .kw-intro-detail{margin:0;color:#eef5ed;font:450 clamp(14px,2vw,19px)/1.5 var(--ui-font,system-ui)}
#kuku-white-world .kw-intro-scenes{display:flex;gap:7px;margin-top:24px;width:min(240px,70%)}
#kuku-white-world .kw-intro-scenes span{height:3px;flex:1;background:#ffffff38;border-radius:3px}
#kuku-white-world .kw-intro-scenes .current{background:#b9efc9}
@media(max-height:500px){#kuku-white-world .kw-intro-caption{bottom:24px}#kuku-white-world .kw-intro-caption .kw-intro-word{font-size:36px}#kuku-white-world .kw-intro-scenes{margin-top:12px}}

#kuku-white-world .kw-entry-grid81{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}#kuku-white-world .kw-entry-grid81 span{display:block;border:1px solid #77988a55;border-radius:12px;padding:13px;background:#8fac9b0e;font:400 14px/1.45 system-ui}#kuku-white-world .kw-entry-grid81 b{display:block;margin-bottom:5px;color:inherit;font:650 16px/1.3 system-ui}#kuku-white-world .kw-intro-card .kw-entry-grid81{grid-template-columns:1fr}#kuku-white-world .kw-intro-card .kw-entry-hint81{font-size:12px;margin-top:14px} @media(max-height:480px){#kuku-white-world .kw-intro-card{width:min(790px,100%)}#kuku-white-world .kw-intro-card .kw-entry-grid81{grid-template-columns:repeat(3,minmax(0,1fr))}#kuku-white-world .kw-intro-card .kw-entry-grid81 span{padding:9px;font-size:12px}}