*{box-sizing:border-box}body{margin:0;background:#432278;color:#fff6df;font-family:Arial,sans-serif;overflow:hidden}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#140b3029,transparent 25%,transparent 75%,#140b3066)}header{position:fixed;top:0;left:0;right:0;padding:20px 30px;display:flex;align-items:center;gap:25px}.logo img{width:100px;height:85px;object-fit:contain;filter:drop-shadow(0 4px 0 #210e4122)}nav{display:flex;gap:7px;margin-left:auto}button{cursor:pointer;color:inherit;font:600 12px Arial;border:1px solid #ffffff45;background:#35185890;backdrop-filter:blur(15px);border-radius:25px;padding:12px 18px}button:hover{background:#8c4cce}#fullscreen{font-size:22px;padding:8px 15px}.caption{position:fixed;top:22%;left:5%;pointer-events:none;text-shadow:0 4px 20px #30134644}.caption>span{font:9px monospace;letter-spacing:2px}h1{font:normal clamp(40px,5vw,76px)/.95 Georgia;letter-spacing:-3px;margin:20px 0}em{color:#d8ff77}.bottom{position:fixed;bottom:26px;left:30px;right:30px;display:flex;align-items:center;gap:9px}.bottom>span{margin-right:auto;font:italic 18px Georgia}.veil{position:fixed;inset:0;background:#190d4870;backdrop-filter:blur(15px);display:grid;place-items:center;padding:20px}.veil[hidden],section[hidden],[hidden]{display:none!important}article{position:relative;background:#fff5df;color:#392551;padding:35px;border-radius:25px;width:min(540px,95vw);max-height:85vh;overflow:auto;box-shadow:0 20px 100px #14052c66}h2{font:36px Georgia;margin:0 30px 20px 0}article p{line-height:1.8}article small{font-size:11px;line-height:1.7}#close{position:absolute;right:12px;top:12px;background:#e1d5ec;color:#392551;font-size:24px;padding:5px 12px}.ref{display:block;width:180px;max-height:220px;object-fit:contain;margin:20px auto}article a{color:#7138ba}#notice{position:fixed;top:45%;left:20%;right:20%;padding:25px;background:#351858;border-radius:20px;text-align:center}@media(max-width:700px){header{padding:12px;gap:8px}.logo img{width:60px;height:55px}nav{gap:4px}button{font-size:10px;padding:10px 12px}.caption{top:17%;left:6%}.caption>span{font-size:7px}.caption h1{font-size:38px;letter-spacing:-1px;margin-top:12px}.bottom{bottom:20px;left:15px;right:15px;flex-wrap:wrap}.bottom>span{width:100%;font-size:15px;margin-bottom:5px}}

#scene{touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#hand{position:fixed;right:-3vw;bottom:-14vh;width:43vw;max-width:620px;pointer-events:none;transform-origin:80% 85%;will-change:transform}#fork-bite{position:fixed;right:32vw;bottom:36vh;width:65px;pointer-events:none}.caption{pointer-events:none;opacity:.7}.caption h1{font-size:40px}@media(max-width:700px){#hand{width:65vw;bottom:-5vh;right:-10vw}#fork-bite{right:40vw;bottom:28vh;width:45px}.caption h1{font-size:28px}}

#hand-rig{position:fixed;right:-3vw;bottom:-14vh;width:43vw;max-width:620px;pointer-events:none;transform-origin:80% 85%;will-change:transform}#hand{position:static;display:block;width:100%;max-width:none}#fork-bite{position:absolute;left:10%;top:4%;right:auto;bottom:auto;width:14%;transform:none}@media(max-width:700px){#hand-rig{width:65vw;bottom:-5vh;right:-10vw}#hand{width:100%;}#fork-bite{width:14%;}}

body{background:#dce8ce;color:#374b3e}.shade{background:linear-gradient(#2e4b3910,transparent 18%,transparent 85%,#243b3826)}header{padding:18px 25px}.logo img{width:85px;height:74px}button{background:#fff6e9d9;color:#3d5343;border:1px solid #b4c6a7;backdrop-filter:blur(8px);box-shadow:0 3px 10px #38553b12}button:hover{background:#fff8ee}.caption{top:19%;left:5%;opacity:1;text-shadow:0 2px 12px #fff5dd88}.caption h1{font-size:clamp(32px,4vw,58px);letter-spacing:-2px}.caption em{color:#da763a}.caption>span{font-size:8px;letter-spacing:1.5px}.bottom{bottom:20px}.bottom>span{font-size:15px;color:#344d3e;background:#fff7e7b3;padding:9px 14px;border-radius:25px}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#e5edd9;font:italic 24px Georgia;z-index:5}article{color:#3e5140;background:#fff7e8}article a{color:#b86735}.veil{background:#27433755}#close{background:#dae6ca;color:#3e5140}@media(max-width:700px){header{padding:10px}.logo img{width:54px;height:50px}.caption{top:15%;left:5%}.caption h1{font-size:28px;letter-spacing:-1px}.caption>span{font-size:6px}.bottom{gap:5px;bottom:12px}.bottom>span{font-size:12px;width:auto;margin-bottom:2px}button{padding:9px 11px;font-size:9px}}
