:root{font-family:Inter,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#294841;background:#e6eee0}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #cd712d;outline-offset:5px}#world{position:fixed;inset:0}#world canvas{display:block}header{position:absolute;inset:30px 38px auto;display:flex;justify-content:space-between;align-items:center;z-index:3}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:2px;color:#294841;text-decoration:none;font-size:18px}.mark{font-size:35px;color:#c7783e}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:6px}.top-actions{display:flex;gap:10px;align-items:center}.pill,.top-actions button{background:#fffaf0df;border:1px solid #ffffffaa;border-radius:30px;padding:11px 17px;font-size:12px}.panel{position:absolute;top:25%;left:6%;padding:34px 38px 32px;background:#fffdf0e8;border:1px solid #fff;border-radius:5px 45px 5px 5px;box-shadow:0 15px 70px #526d4920;max-width:435px}.eyebrow{font-size:10px;letter-spacing:2px;color:#688073;font-weight:700}h1{font-size:clamp(30px,3.4vw,50px);letter-spacing:3px;line-height:1.5;margin:20px 0}p{font-size:14px;line-height:2.1;color:#627066}.primary{width:100%;padding:18px 23px;background:#355f50;color:#fffef1;border-radius:8px;text-align:left;font-weight:700;font-size:14px;margin-top:17px;box-shadow:0 5px 0 #244636}.primary:hover{background:#467663;transform:translateY(-1px)}.primary span{float:right}.intro-note{font-size:10px;margin-top:20px;color:#7a8272}.quest{position:absolute;left:38px;top:118px;background:#fffdf1e8;padding:23px;border-radius:16px;min-width:220px}.quest strong{display:block;font-size:31px;margin:10px 0}.muted{font-size:20px;color:#879284}.gold{color:#bc791b;float:right}#quest-text{font-size:12px;line-height:1.5}.progress{height:4px;background:#dfe6d5;border-radius:3px;margin-top:18px}.progress i{display:block;height:100%;width:0;background:#d6a94a;transition:width .4s}.map-card{position:absolute;right:30px;bottom:92px;padding:13px;background:#fffdf1e8;border-radius:18px}.map-card>span{font-size:11px;display:block;padding:3px 6px}.map-card small{float:right;color:#7b8878}#map{width:160px;height:160px}footer{position:absolute;bottom:25px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;gap:10px}.controls{display:flex;gap:15px;background:#fffdf1df;padding:12px 17px;border-radius:12px;font-size:10px;color:#526657}.controls span{white-space:nowrap}kbd{font-family:inherit;font-size:10px;line-height:23px;background:#f4f4e9;border:1px solid #d3daca;border-radius:4px;padding:3px 5px}.chapter{font-size:11px;letter-spacing:1px}.chapter span{color:#809481;margin:0 8px}#toast{position:absolute;bottom:115px;left:50%;transform:translateX(-50%);padding:13px 24px;background:#fffbeaeb;border-radius:30px;font-size:13px;opacity:0;transition:opacity .3s;white-space:nowrap}.modal{position:absolute;inset:0;background:#dae7d977;backdrop-filter:blur(5px);display:grid;place-items:center;z-index:5}.paper{background:#fffdf1;border:1px solid #fff;border-radius:24px;padding:40px;width:min(460px,90%);text-align:center}.paper h2{font-size:23px;line-height:1.6}.secondary{background:none;color:#536d5c;margin-top:22px}.celebration{font-size:55px;color:#d19c38}#result{font-size:12px}#touch{display:none}[hidden]{display:none!important}@media(max-width:850px){header{inset:20px}.pill,.chapter{display:none}.panel{left:20px;top:22%;padding:26px;width:330px}footer{left:20px;right:20px}.controls{gap:8px;flex-wrap:wrap;max-width:550px}.quest{left:20px;top:100px;min-width:190px;padding:16px}.map-card{right:16px;bottom:110px}#map{width:110px;height:110px}}@media(pointer:coarse){#touch{position:absolute;bottom:90px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}#touch button{pointer-events:auto;border-radius:15px;width:55px;height:55px;background:#fffbeccc;color:#355f50;font-size:20px;touch-action:none}.dpad{display:grid;grid-template-columns:repeat(3,55px);gap:4px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.map-card{bottom:220px}.controls{display:none}}

.stage-picker{display:flex;align-items:center;gap:9px;background:#fffaf0ef;border-radius:24px;padding:8px 14px;color:#35564a;font-size:10px}.stage-picker select{font:inherit;font-size:12px;color:#35564a;background:transparent;border:0;max-width:190px;padding:4px;cursor:pointer}.stage-picker select:focus-visible{outline:2px solid #b57d37}.stage-preview{border-left:2px solid #d9b76e;padding:0 0 0 15px;margin-top:19px}.stage-preview strong{display:block;margin-top:7px;font-size:14px}.stage-preview p{font-size:11px;margin:6px 0 0;line-height:1.8}.journey{font-size:10px;color:#64786b;margin-top:8px}.panel{top:18%;padding-top:28px;padding-bottom:24px}h1{margin:13px 0;font-size:clamp(28px,3.1vw,43px)}.brand{background:#fffaf0db;border-radius:16px;padding:10px 14px}.chapter{background:#fffaf0dc;padding:10px;border-radius:10px}@media(max-width:650px){header{inset:12px;align-items:start}.brand{font-size:13px;padding:8px}.mark{font-size:23px}.brand small{font-size:7px}.top-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:205px}.stage-picker{order:3;padding:5px 9px}.stage-picker>span{display:none}.top-actions button{padding:9px 12px}.panel{top:135px;max-height:calc(100dvh - 170px);overflow:auto;max-width:calc(100vw - 40px)}.quest{top:130px}.intro-note{margin-top:13px}}