html.mobile-play, .mobile-play body { width:100%;height:100%;margin:0;overflow:hidden;background:#09121a;overscroll-behavior:none; }
#unity-container:fullscreen, #unity-container:-webkit-full-screen { position:fixed;inset:0;width:100vw;height:100dvh;transform:none;margin:0;border-radius:0; }
#unity-container:fullscreen #unity-canvas, #unity-container:-webkit-full-screen #unity-canvas { width:100%!important;height:100%!important;border-radius:0; }
#unity-container:fullscreen #unity-footer, #unity-container:-webkit-full-screen #unity-footer { display:none!important; }
.mobile-play #unity-container.unity-mobile { position:fixed;left:0;top:var(--game-top,0);width:var(--game-width,100vw);height:var(--game-height,100dvh);transform:none;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
.mobile-play.keyboard-open #unity-container.unity-mobile { top:0!important;width:var(--game-width)!important;height:var(--game-height)!important; }
.mobile-play #unity-canvas { width:100%!important;height:100%!important;border-radius:0;box-shadow:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none; }
.mobile-play #unity-footer { display:none!important; }
#mobile-toggle { background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;font-weight:600; }
#mobile-toggle:disabled { opacity:.45;cursor:wait; }
#mobile-orientation { display:none; }
#mobile-play-fullscreen { display:none; }
#mobile-play-fullscreen[hidden] { display:none!important; }
#welcome-screen { position:fixed;inset:0;z-index:160;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;background:#060d17ed;color:white;font:16px system-ui,sans-serif; }
#welcome-screen section { max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:stretch;border:1px solid #b99a62;border-radius:14px;overflow:hidden;background:#102332; }
.welcome-art { overflow:auto;max-height:var(--welcome-image-height,calc(100dvh - 100px));touch-action:pan-x pan-y; }
.welcome-art img { display:block;max-height:var(--welcome-image-height,calc(100dvh - 100px));max-width:var(--welcome-image-width,94vw);width:auto;height:auto;object-fit:contain; }
.welcome-art.enlarged img { max-height:none;width:min(1100px,var(--welcome-image-width,94vw));max-width:none; }
.welcome-actions { display:flex;gap:12px;padding:8px 12px;flex-shrink:0; }
.welcome-actions button { flex:1;min-width:120px;min-height:46px;border:1px solid #b99a62;border-radius:8px;background:#243b4a;color:#f5e6c9;font:18px system-ui,sans-serif;touch-action:manipulation; }
#welcome-close { background:#9c7128;color:white; }
.welcome-status:empty { display:none; }
.welcome-status { padding:8px;text-align:center; }
#party-native-input { position:fixed;left:0;right:0;z-index:170;display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box;background:#050d16dc;color:#edf2f7;font:18px/1.5 system-ui,sans-serif; }
#party-native-input form { width:min(560px,100%);max-height:100%;overflow:auto;border:1px solid #b99a62;border-radius:14px;padding:18px;box-sizing:border-box;background:#102332; }
#party-native-input label { display:block;font-size:22px;color:#f0d497;margin-bottom:12px; }
#party-native-input input { width:100%;height:50px;box-sizing:border-box;padding:10px;border:1px solid #718595;border-radius:8px;background:#182c39;color:#fff;font:20px system-ui,sans-serif; }
#party-native-input p { font-size:15px;margin:10px 0; }
#party-native-input form>div { display:flex;gap:12px; }
#party-native-input button { flex:1;min-height:48px;border:1px solid #b99a62;border-radius:8px;background:#243b4a;color:#f5e6c9;font:18px system-ui,sans-serif;touch-action:manipulation; }
.mobile-play #mobile-play-fullscreen { display:block;position:fixed;z-index:80;right:calc(env(safe-area-inset-right) + 84px);top:calc(env(safe-area-inset-top) + 9px);min-width:84px;height:40px;border:1px solid #b99a62;border-radius:10px;background:#0c1927e8;color:#f0d497;font:15px system-ui,sans-serif;touch-action:manipulation; }
#mobile-fullscreen-help { position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:18px;background:#050d16db;color:#edf2f7;font:18px/1.65 system-ui,sans-serif; }
#mobile-fullscreen-help section { max-width:590px;max-height:85vh;overflow:auto;border:1px solid #b99a62;border-radius:16px;padding:20px 26px;background:#102332; }
#mobile-fullscreen-help h2 { margin:0 0 12px;font-size:24px;color:#f0d497; }
#mobile-fullscreen-help p { margin:10px 0; }
#mobile-fullscreen-help button { min-height:48px;width:100%;border:1px solid #b99a62;border-radius:9px;background:#284252;color:#fff0cf;font:18px system-ui,sans-serif; }
#mobile-chat { position:fixed;z-index:120;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));display:flex;gap:6px;max-width:760px;margin:0 auto;padding:6px;box-sizing:border-box;border:2px ridge #cbd2df;border-radius:2px;background:#24272d;box-shadow:0 4px 20px #0008; }
#mobile-chat input { min-width:0;flex:1;height:44px;box-sizing:border-box;border:1px solid #929aab;border-radius:2px;background:#111319;color:#fff;font:18px system-ui,sans-serif;padding:8px 10px; }
#mobile-chat button { min-width:54px;border:2px outset #d5dbea;border-radius:2px;background:linear-gradient(#eef1f7,#bbc8e0);color:#263347;font:17px system-ui,sans-serif;touch-action:manipulation; }
.mobile-play #unity-loading-bar { padding:24px;border:1px solid #b99a62;border-radius:16px;background:#0c1927ef;color:#ead6ab; }
.mobile-play #unity-loading-bar::after { content:'168RO · กำลังเตรียมเกม';display:block;margin-top:14px;text-align:center;white-space:nowrap;font:15px system-ui,sans-serif; }
@media(orientation:portrait) {
 .mobile-play #mobile-orientation { position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0b1621f5;color:#f4e9d3;text-align:center;font:18px/1.7 system-ui,sans-serif;padding:24px; }
 #mobile-orientation strong { font-size:28px;color:#e8c98b; }
 #mobile-fullscreen { border:1px solid #c4a266;border-radius:12px;padding:14px 24px;color:#fff0d4;background:#21384a;font:inherit; }
}
#itemcode-window { position:fixed;inset:0;z-index:175;display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box;background:#050d16dc;color:#edf2f7;font:18px/1.5 system-ui,sans-serif; }
#itemcode-window form { width:min(520px,100%);max-height:100%;overflow:auto;border:1px solid #b99a62;border-radius:16px;padding:20px;box-sizing:border-box;background:#102332; }
#itemcode-window h2 { margin:0 0 8px;font-size:23px;color:#f0d497; }
#itemcode-window p { margin:8px 0;white-space:pre-line; }
#itemcode-window label { display:block;margin-top:14px; }
#itemcode-input { display:block;width:100%;height:50px;box-sizing:border-box;padding:10px;border:1px solid #718595;border-radius:8px;background:#182c39;color:#fff;font:21px system-ui; }
#itemcode-window small { display:block;margin-top:6px;font-size:13px;color:#adc2d0; }
#itemcode-window form>div { display:flex;gap:12px;margin-top:15px; }
#itemcode-window button { flex:1;min-height:46px;border:1px solid #b99a62;border-radius:8px;background:#243b4a;color:#fff0d4;font:18px system-ui;touch-action:manipulation; }
#itemcode-window button:disabled { opacity:.55; }
#itemcode-status { color:#ffd196;font-size:16px; }
#itemcode-status.success { color:#a4edc4; }