*{box-sizing:border-box}body{margin:0;background:#eadfcf;color:#382219;font-family:Tahoma,Arial,sans-serif;overflow:hidden}button,input,label{font:inherit}button,.upload{cursor:pointer}button{border:1px solid #68432d25;background:#fffaf1;color:#382219;border-radius:12px;padding:12px}button:hover,.upload:hover{filter:brightness(.95)}#world{position:fixed;inset:0}canvas{display:block;touch-action:none}header{position:fixed;top:0;right:0;left:0;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;pointer-events:none}header>*{pointer-events:auto}.brand{font-size:26px;font-weight:bold;color:#382219;text-decoration:none}.brand span{display:block;font:9px Arial;letter-spacing:3px;margin-top:8px}.live{font-size:12px;background:#fff8eccc;padding:12px 18px;border-radius:40px}.live i{display:inline-block;width:6px;height:6px;background:#759455;border-radius:50%;margin-left:8px}#panelToggle{display:none}aside{position:fixed;right:32px;top:115px;width:292px;background:#fffcf2eb;backdrop-filter:blur(16px);padding:25px;border:1px solid #fff;border-radius:24px;max-height:calc(100dvh - 200px);overflow:auto;box-shadow:0 15px 60px #5430190b}.eyebrow{font-size:10px;color:#977459;letter-spacing:1px}h1{font-size:44px;line-height:1.27;margin:15px 0;font-weight:500;letter-spacing:-2px}h1 em{font-style:normal;color:#9a542f}.intro{font-size:12px;line-height:1.9;color:#947762;margin-bottom:24px}.product{display:flex;align-items:center;gap:10px}.product img{width:48px;height:48px;object-fit:cover;object-position:center 32%;border-radius:12px}.product small{display:block;font-size:10px;color:#9b8474;margin-bottom:5px}.product strong{font-size:11px}.product>span{margin-right:auto;color:#638849}.upload{display:block;text-align:center;border:1px dashed #bda58e;border-radius:12px;padding:14px;margin-top:18px;font-size:12px}.upload input{display:none}.hint{display:block;text-align:center;font-size:9px;color:#9a8576;margin-top:9px}.divider{height:1px;background:#e6dacc;margin:22px 0}.row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:17px 0}.row output,.pill{font-size:10px;color:#9a7156}.pill{background:#efe8d7;padding:5px 8px;border-radius:6px}input[type=range]{width:100%;accent-color:#8b4b2e}input[type=checkbox]{accent-color:#8b4b2e;width:18px;height:18px}.buttons{display:flex;gap:7px;margin-top:21px}.buttons button{font-size:10px;flex:1;padding:13px 4px}.primary{background:#51301f;color:#fff}.text{border:0;background:none;width:100%;font-size:10px;color:#977963;padding:10px 0 0}#notice{font-size:10px;line-height:1.5;color:#986044;margin:5px 0 0}.stats{position:fixed;top:118px;left:35px;display:flex;gap:25px;align-items:center;background:#fff9eddf;padding:18px 23px;border-radius:18px}.stats div{text-align:center}.stats strong{display:block;font:25px Georgia;color:#653b24}.stats span{display:block;font-size:9px;color:#9a7d65;margin-top:6px}.stats button{background:transparent;border:0;border-right:1px solid #dac9b7;border-radius:0;font-size:11px}footer{position:fixed;bottom:25px;left:32px;right:32px;display:flex;align-items:center;gap:8px;font-size:10px;color:#714d34}footer span{background:#fff6e7cf;padding:13px 18px;border-radius:30px;margin-left:auto}footer button{font-size:11px;background:#fff8e8db}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#382219;color:white;padding:14px 24px;border-radius:30px;display:none;font-size:13px}@media(max-width:700px){header{height:76px;padding:0 20px}.brand{font-size:22px}.live{display:none}#panelToggle{display:block}aside{top:88px;right:15px;width:260px;max-height:calc(100dvh - 190px);display:none;padding:20px}aside.open{display:block}h1{font-size:32px}.intro{margin-bottom:15px}.stats{top:88px;left:15px;right:15px;padding:12px 15px;justify-content:space-between;gap:12px}.stats strong{font-size:22px}.stats button{max-width:120px;line-height:1.6}aside.open~.stats{display:none}footer{left:12px;right:12px;bottom:14px;flex-wrap:wrap;justify-content:center}footer span{width:100%;text-align:center;margin:0;font-size:9px}#toast{bottom:135px;min-width:250px;text-align:center}}

#arUI{display:none}body.ar #arUI{display:block;position:fixed;inset:0;pointer-events:none;z-index:20}#arBar{position:absolute;top:max(16px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:auto}body.ar #arExit{position:static;display:block}#scanUI{position:absolute;bottom:35px;left:16px;right:16px;text-align:center;background:#302018e8;color:white;border-radius:20px;padding:18px;pointer-events:auto}#scanUI button:disabled{opacity:.4}#moveStick{position:absolute;bottom:65px;left:25px;width:125px;height:125px;border:2px solid #ffcf70;border-radius:50%;background:#30201888;touch-action:none;pointer-events:auto}#moveStick .knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;background:#ffcf70;transform:translate(-50%,-50%)}#walkHint{position:absolute;bottom:10px;left:14px;right:14px;color:white;background:#302018cc;padding:10px;border-radius:10px;text-align:center;font-size:12px}#arUI [hidden]{display:none!important}
