*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#201d32;font-family:Trebuchet MS,Arial,sans-serif;color:#fff4d7}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;border:2px solid #ad8652;border-radius:10px;background:linear-gradient(#625664,#322e3c);box-shadow:0 4px 0 #211b27,inset 0 0 0 2px #81716b;padding:10px 16px}button:hover,button:focus-visible{outline:3px solid #ffd47b;filter:brightness(1.15)}button:active{transform:translateY(2px)}#game,#world,#world canvas{width:100%;height:100%;display:block}header{position:absolute;top:max(15px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.brand{width:220px;text-align:center}.brand img{width:100%;max-height:90px;object-fit:contain}.brand span{display:block;font-size:10px;letter-spacing:3px;text-shadow:0 2px 3px #000}.stats{display:flex;gap:10px;align-items:center}.stats span{background:#292536dd;border:2px solid #a18b73;border-radius:10px;padding:10px 18px;font-size:22px;text-shadow:0 2px #000}.stats button{pointer-events:auto;font-size:22px;padding:8px 15px}#stars{color:#ffda7d}#objective{position:absolute;top:95px;left:50%;transform:translateX(-50%);padding:9px 20px;border-radius:25px;background:#292336b3;font-size:14px;white-space:nowrap}#message{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);background:#30243de8;border:1px solid #c99b54;border-radius:10px;padding:12px 20px;opacity:0;transition:opacity .2s;text-align:center;pointer-events:none}footer{position:absolute;bottom:16px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:12px;color:#fff1d1;text-shadow:0 2px 4px #151127}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#18172670;backdrop-filter:blur(5px)}#overlay section{width:min(560px,85vw);padding:32px 40px;text-align:center;border:2px solid #c49856;border-radius:18px;background:linear-gradient(145deg,#423345f5,#232236f5);box-shadow:0 20px 90px #17122199,inset 0 0 0 5px #79604a60}.eyebrow{font-size:11px;letter-spacing:4px;color:#ffd890}h1{font-family:Georgia,serif;font-size:36px;margin:16px 0;color:#ffe1a3}p{line-height:1.6;color:#e3d6cb}#controls{font-size:13px}#play{margin:12px 8px 14px;background:linear-gradient(#ac7b38,#705021);font-size:18px;padding:13px 30px}small{display:block;font-size:11px;color:#b9a99c}#touch{display:none;position:absolute;bottom:38px;left:25px;right:25px;justify-content:space-between;align-items:end;pointer-events:none}#touch button{pointer-events:auto;background:#3c354ac9}.dpad{display:grid;grid-template-columns:48px 48px 48px;gap:3px}.dpad button{padding:10px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.jump{height:75px;width:90px}#rotate{display:none} [hidden]{display:none!important}@media(pointer:coarse){#touch{display:flex}#help{display:none}}@media(max-height:550px){header{top:8px}.brand{width:145px}.brand img{max-height:52px}.stats span{font-size:16px;padding:7px 12px}.stats button{font-size:18px;padding:5px 10px}#objective{top:66px;font-size:11px}#overlay section{padding:15px 25px}h1{font-size:27px;margin:8px 0}p{margin:8px 0}footer{bottom:8px;font-size:10px}#touch{bottom:24px}}@media(orientation:portrait) and (pointer:coarse){#rotate{position:absolute;inset:0;display:grid;place-items:center;background:#242035;z-index:10}}
