*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0c120f;color:#f0e4cb;font-family:Tahoma,'Leelawadee UI',sans-serif}body{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #f0cf8c;outline-offset:5px}[hidden]{display:none!important}.game-shell{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#101710}.game-bar{min-height:64px;padding:10px 28px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #c6a86733;background:#101710;z-index:2}.brand{font-size:14px;color:#dbc18c;white-space:nowrap}#scene-name{font-size:11px;color:#9ca88e;border-left:1px solid #b09b623f;padding-left:24px}.bar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.bar-actions a,.bar-actions button,#retry{border:1px solid #bca36a55;background:#c3a1610a;padding:10px 15px;border-radius:5px;font-size:12px;min-height:44px}.viewport{position:relative;min-height:0;overflow:hidden}.lobby{height:100%;overflow-y:auto;overflow-x:hidden;position:relative;isolation:isolate;padding:clamp(22px,4vh,50px) max(28px,calc((100vw - 1180px)/2));background:linear-gradient(90deg,#0b1712ed,#0b1712b8),url('thai-veranda.png') center/cover;scrollbar-color:#766747 #152016}.lobby:before{content:'';position:absolute;inset:18px;border:1px solid #d1b47c28;pointer-events:none;z-index:-1}.welcome{text-align:center;position:relative}.eyebrow{font-size:11px;color:#c4aa76;letter-spacing:2px;margin:0 0 10px}.welcome h1{font-weight:500;font-size:clamp(34px,4.4vw,62px);line-height:1.4;letter-spacing:-1px;margin:0;text-shadow:0 6px 35px #0009}.welcome h1 span{color:#d0a271;margin-left:16px}.welcome>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#b8c2af;margin:12px 0}.lobby-tag{display:inline-block;font-size:11px;color:#ddc89a;margin-top:6px}.rooms{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:980px;margin:26px auto 0;position:relative;animation:arrive .8s ease-out both}.room{isolation:isolate;position:relative;min-height:clamp(260px,37vh,390px);border:1px solid #a992605e;border-radius:10px;overflow:hidden;display:flex;align-items:flex-end;box-shadow:0 20px 45px #0005;transition:transform .4s,border-color .4s}.room:hover{transform:translateY(-5px);border-color:#d6b675}.room-image{position:absolute;inset:0;z-index:-2;background-size:cover;transition:transform 1s}.room:hover .room-image{transform:scale(1.045)}.fortune-room .room-image{background-image:url('temple-pavilion.png');background-position:center 55%}.tarot-room .room-image{background-image:url('tarot-table-scene.png');background-position:center 28%}.room:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b130ffb 0%,#0c1512e8 20%,#0b130f15 85%);z-index:-1}.tarot-room:after{background:linear-gradient(0deg,#1c1121fc 0%,#1c1121e8 20%,#1c112110 85%)}.room-number{position:absolute;top:18px;left:20px;border:1px solid #e3c88c70;border-radius:30px;padding:6px 12px;font-size:10px;background:#121910b8;color:#e9d5aa}.room-copy{padding:26px;width:100%}.room-type{color:#ddc28d;font-size:10px;letter-spacing:1px}.room h2{font-size:clamp(22px,2.4vw,30px);font-weight:500;margin:10px 0}.room p{color:#bec4b5;font-size:12px;line-height:1.8;margin:0 0 20px}.enter-room{border-top:1px solid #ddbd762f;padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#ead4a5}.enter-room b{font-size:22px;font-weight:normal}.lobby-bottom{max-width:980px;margin:24px auto 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.8;color:#b1bc9f;padding-bottom:16px}.lobby-bottom>span:last-child{color:#8e9b87}.lobby-mist{position:absolute;z-index:-1;inset:30% -20% 0;background:radial-gradient(ellipse at 50% 80%,#c2d0bb19,transparent 60%);pointer-events:none;animation:drift 18s ease-in-out infinite alternate}.game-scene{height:100%;position:relative;background:#121810}.game-scene iframe{width:100%;height:100%;border:0;display:block;background:#121810}.scene-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#293021,#101710 70%);color:#d8c594;z-index:1}.scene-loading p{font-size:13px}.loading-seal{font-size:70px;animation:glow 1.4s ease-in-out infinite alternate}.game-scene:not([hidden]){animation:arrive .5s ease-out}.game-footer{display:flex;justify-content:space-between;gap:16px;padding:10px 28px;border-top:1px solid #c6a86725;color:#8f9d86;font-size:10px;line-height:1.7}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes drift{to{transform:translateX(8%)}}@keyframes glow{from{opacity:.4}to{opacity:1}}@media(max-height:740px) and (min-width:701px){.welcome h1{font-size:36px}.welcome>p:not(.eyebrow){display:none}.lobby{padding-top:22px}.rooms{margin-top:18px}.room{min-height:280px}.room-copy{padding:20px}.lobby-bottom{margin-top:16px}}@media(max-width:700px){.game-bar{padding:8px 16px;gap:12px;min-height:60px}.brand{font-size:11px}#scene-name{display:none}.bar-actions{gap:8px}.bar-actions a,.bar-actions button{padding:9px 11px;font-size:11px}#fullscreen span{display:none}.lobby{padding:28px 22px}.welcome h1 span{display:block;margin-left:0}.welcome h1{font-size:38px}.rooms{grid-template-columns:1fr;gap:18px}.room{min-height:285px}.room-copy{padding:24px}.lobby-bottom{flex-direction:column;gap:8px}.game-footer{padding:9px 16px;font-size:9px}.game-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}