@font-face{font-family:IrisThai;src:url('/assets/fonts/NotoSansThai.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#091a20;color:#e9e6d9;font-family:IrisThai,Tahoma,sans-serif}body:not(.play-page){overflow:hidden;touch-action:none}button,a{font:inherit}a{color:#e6c67e;text-decoration:none}button{cursor:pointer;color:#eee3c6;background:#193b3b;border:1px solid #50716b;border-radius:7px;padding:7px 12px}button:hover,a:hover{filter:brightness(1.2)}#canvas{display:block;width:100%;height:100%;outline:none}#loading{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#061822a8,#061822ed),url('/assets/jade/lantern_bazaar.png') center/cover;z-index:10}#loading[hidden]{display:none}.loading-card{text-align:center;max-width:580px;padding:38px 28px;background:#0a2027ed;border:1px solid #b29a5e55;border-radius:16px;box-shadow:0 20px 80px #0008;margin:20px}.eyebrow{font-size:12px;letter-spacing:4px;color:#caaf70}h1{font-size:clamp(23px,3vw,36px);font-weight:500;margin:20px 0 8px}.tip{color:#91aba8;font-size:13px;line-height:1.8}#load-message{line-height:1.9;color:#d7e2d9}progress{display:block;width:100%;height:7px;accent-color:#d6b874;margin:28px 0}#back{display:inline-block;margin-top:16px;border-bottom:1px solid #b5a47488}.play-page{display:flex;flex-direction:column;min-height:0}.play-header{min-height:58px;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:9px 20px;border-bottom:1px solid #b8a16233;background:#0b2229}.brand{white-space:nowrap;letter-spacing:2px;font-size:13px}.brand>span{margin-left:6px}.play-actions{display:flex;align-items:center;gap:16px;font-size:12px}#connection{font-size:12px;color:#a6bbb0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#connection[data-state=online]{color:#90d7bc}.exit{padding:8px 12px;border:1px solid #b59d6555;border-radius:7px}.game-container{position:relative;flex:1;min-height:0;background:#07151c}.game-container iframe{display:block;border:0;width:100%;height:100%}.play-footer{padding:8px 18px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#94aaa5;background:#0b2229}.game-container:fullscreen{width:100vw;height:100vh}#play-error{position:absolute;inset:0;display:grid;align-content:center;justify-content:center;text-align:center;padding:25px;background:#0c2229}#play-error[hidden]{display:none}@media(max-width:760px){.play-header{min-height:48px;padding:7px 10px;gap:8px}.brand{font-size:11px}.brand>span{display:none}.play-actions{gap:8px;font-size:11px}.play-actions>a:not(.exit){display:none}.play-actions button{padding:5px 8px}.exit{padding:6px 8px}.play-footer{display:none}#connection{max-width:155px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.recovery-actions{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:16px}#play-error p{line-height:1.8;max-width:540px;color:#b4c6be}button:focus-visible,a:focus-visible{outline:2px solid #e6c67e;outline-offset:4px}@media(max-width:760px){.play-header{flex-wrap:wrap}#connection{order:3;max-width:none;width:100%;font-size:10px;white-space:normal}.recovery-actions{flex-direction:column;gap:14px}}