*{box-sizing:border-box}html,body{margin:0;height:100%;background:#16382f;color:#f9f1df;font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid #ffffff35;border-radius:8px;background:#254f41;color:inherit;padding:10px 17px;min-height:44px;font-weight:700}button:hover{background:#396350}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #e7af61;outline-offset:3px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}header{height:66px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#12352c}a.brand{text-decoration:none;color:inherit}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:400}nav{display:flex;gap:9px}nav button{font-size:13px;background:transparent}main{position:relative;height:calc(100dvh - 66px);min-height:320px;overflow:hidden;background:#182c26}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}main:fullscreen{height:100dvh;width:100vw}main.full{position:fixed;inset:0;z-index:9;height:100dvh}.cover{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#102f26cc,#162e2380),url(market.png) center/cover;display:flex;align-items:center;justify-content:space-between;padding:5vh 6vw;gap:6vw}.intro{flex:1;max-width:780px}.kicker{letter-spacing:.16em;font-size:12px;font-weight:700;color:#f6c67e}h1{font-size:clamp(38px,5.8vw,84px);line-height:1.04;letter-spacing:-.055em;margin:32px 0}p{line-height:1.65}.intro p{font-size:clamp(16px,1.5vw,21px)}.steps{display:flex;gap:30px;margin-top:65px;font-size:12px;font-weight:700;letter-spacing:.09em}.steps span{border-top:2px solid #e9b46b;padding-top:18px;flex:1}form,.load-card{background:#f6efdf;color:#253b32;border-radius:14px;padding:36px;max-width:410px;box-shadow:0 16px 70px #001b2650}form .kicker{color:#a94d29}h2{font-size:30px;letter-spacing:-.035em;line-height:1.15;margin:20px 0 28px}label{font-size:14px;font-weight:700;display:block;margin-bottom:10px}input{width:100%;padding:14px;border:1px solid #b5b7a9;background:#fffdf6;border-radius:7px;font-size:20px;color:#253b32}p.muted{font-size:13px;color:#627068;line-height:1.5;margin:15px 0 25px}.primary{background:#b9532b;border:none;width:100%;padding:17px;color:#fff6df;letter-spacing:.08em}.primary:hover{background:#994224}.compat{font-size:12px;color:#69766b;margin:20px 0 0}.load-card{margin:auto;max-width:500px;width:100%;text-align:center}progress{width:100%;height:12px;accent-color:#b9532b}#status{min-height:24px}.load-card .brand{color:#b9532b}#loading{background:linear-gradient(#122c26bb,#122c26e0),url(market.png) center/cover}#mobile{position:absolute;inset:0;pointer-events:none}#look{position:absolute;inset:0;pointer-events:auto;touch-action:none}#hint{position:absolute;top:12px;left:20%;right:20%;text-align:center;background:#102f26d9;border:1px solid #ffffff25;border-radius:8px;padding:10px 16px;font-size:13px;line-height:1.4}#joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:25px;width:112px;height:112px;border-radius:50%;background:#f8ecd925;border:2px solid #f8ecd977;pointer-events:auto;touch-action:none;display:grid;place-items:center}#stick{height:44px;width:44px;background:#f2d099cf;border:1px solid #fff9;border-radius:50%;pointer-events:none}#joystick small{position:absolute;bottom:-20px;font-size:10px;letter-spacing:.15em}#actions{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:18px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}#actions button{min-width:120px;background:#173e32e8;border:1px solid #e8d9b978;font-size:13px}#actions #shutter{background:#b9532b;min-height:58px}#phone{pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(530px,70vw);max-height:94%;overflow:auto;background:#f6efdf;border:3px solid #234234;border-radius:16px;color:#253b32;box-shadow:0 16px 80px #0006}.phone-head{display:flex;justify-content:space-between;align-items:center;background:#a64c2b;color:#fff3da;padding:8px 20px;position:sticky;top:0;z-index:1}.phone-head button{font-size:25px;padding:0 12px;background:transparent}#phone-content{padding:18px 24px}#phone-content h2{font-size:24px;margin:0 0 12px}#phone-content p{font-size:14px;margin:10px 0}#phone-content button{display:block;width:100%;margin:8px 0;text-align:left;background:#2d5744;color:#fff8e8}#phone-content .error{background:#ffe0d7;color:#9a2e25;padding:10px;border-radius:8px}#phone-content .count{font-size:30px;color:#ac502a;font-weight:bold}#rotate-device{position:absolute;inset:0;z-index:8;background:#153c31;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}#rotate-device span{font-size:70px;color:#e9b46b}dialog{max-width:520px;width:90vw;border:0;border-radius:12px;background:#f6efdf;color:#263c31;padding:30px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#09241dcc}dialog #close-help{float:right;color:#fff}#guide-copy{white-space:pre-line}#downloads{padding:25px;max-width:1000px;margin:auto}#downloads a{display:inline-block;padding:10px 16px;border-radius:6px;background:#f6efdf;color:#253b32;margin:5px;text-decoration:none;font-size:13px}.playing header{height:50px}.playing main{height:calc(100dvh - 50px)}@media(max-width:900px){header{padding:0 14px;height:58px}.brand{font-size:20px}nav{gap:5px}nav button{padding:8px 10px;font-size:12px}main{height:calc(100dvh - 58px)}.cover{padding:26px;gap:25px}.steps{display:none}form{padding:24px;max-width:350px}h1{font-size:44px}.intro p{font-size:16px}form h2{font-size:26px;margin:14px 0 22px}.intro .kicker{font-size:10px}}@media(max-width:600px) and (orientation:portrait){main{min-height:700px;height:calc(100dvh - 58px)}.cover{flex-direction:column;justify-content:center;gap:22px;padding:24px}.intro{flex:0;width:100%}.intro .kicker{font-size:10px}h1{font-size:36px;margin:15px 0}.intro p{font-size:14px;margin:10px 0}.intro p br{display:none}form{width:100%;max-width:none;padding:24px}form h2{margin:10px 0 22px}.compat{margin-top:12px}nav #help{display:none}}@media(max-height:510px) and (orientation:landscape){.cover{padding:16px 35px}.intro h1{font-size:42px;margin:20px 0}.intro .kicker{font-size:10px}.intro p{font-size:15px}form{padding:19px 25px;max-width:340px}form h2{margin:9px 0 14px;font-size:24px}form .muted{margin:10px 0 14px;font-size:11px}input{padding:9px 12px;font-size:17px}.primary{padding:12px}.compat{font-size:10px;margin:10px 0 0}.playing header{display:none}.playing main{height:100dvh}#phone-content{padding:12px 20px}#phone-content h2{font-size:20px}#phone-content p{font-size:13px}#hint{top:8px;font-size:11px;padding:7px 10px}#joystick{width:96px;height:96px;bottom:27px}#actions{gap:5px;bottom:12px}#actions button{font-size:12px;min-height:40px;padding:8px 12px}}
#mobile-options{position:absolute;top:10px;left:max(12px,env(safe-area-inset-left));display:flex;gap:5px;pointer-events:auto;z-index:2}#mobile-options button{padding:7px 10px;font-size:12px;background:#183e32df}

.edition-link{display:block;text-align:center;padding:12px;color:#275643;font-weight:700;font-size:14px;text-underline-offset:4px}
@media(max-height:510px) and (orientation:landscape){#entry .compat{display:none}.edition-link{padding:7px 0;font-size:12px}}

#mobile button{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#joystick{width:128px;height:128px;user-select:none;-webkit-user-select:none}#phone{left:55%;width:min(480px,58vw)}#actions{gap:10px}#actions button{min-height:48px}@media(max-height:510px) and (orientation:landscape){#joystick{width:128px;height:128px;bottom:max(25px,env(safe-area-inset-bottom))}#actions button{min-height:44px}}