html:is([data-platform="ios"],[data-platform="android"]),html:is([data-platform="ios"],[data-platform="android"]) body {
  width:100%;height:100%;overflow:hidden;overscroll-behavior:none;
  touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;
  -webkit-text-size-adjust:100%;
}
html:is([data-platform="ios"],[data-platform="android"]) canvas#c {
  position:fixed;left:0;top:0;width:100vw;height:100dvh;touch-action:none;
}
html:is([data-platform="ios"],[data-platform="android"]) button,html:is([data-platform="ios"],[data-platform="android"]) a,html:is([data-platform="ios"],[data-platform="android"]) select,
html:is([data-platform="ios"],[data-platform="android"]) input { min-width:44px!important;min-height:44px!important;touch-action:manipulation; }
html:is([data-platform="ios"],[data-platform="android"]) input,html:is([data-platform="ios"],[data-platform="android"]) textarea { -webkit-user-select:text;user-select:text; }
html:is([data-platform="ios"],[data-platform="android"]) .wc2-auth-screen {padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));}
#ios-controls {position:fixed;z-index:90;left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));display:flex;gap:6px;align-items:end;pointer-events:none;font:600 14px/1.2 system-ui,sans-serif;color:#f8edce;}
#ios-controls[hidden] {display:none;}
#ios-controls .ios-actions {display:flex;gap:5px;max-width:100%;overflow-x:auto;pointer-events:auto;overscroll-behavior-x:contain;scrollbar-width:none;}
#ios-controls button {flex:none;min-width:44px;min-height:44px;padding:6px 9px;border:1px solid #bda369;border-radius:6px;background:#202821ed;color:#f8edce;font:inherit;}
#ios-controls button[aria-pressed="true"] {background:#9b6632;color:#fff;}
#ios-controls .ios-hint {position:absolute;left:0;bottom:52px;padding:4px 8px;background:#202821e8;border-radius:4px;pointer-events:none;}
#ios-context {position:fixed;z-index:95;right:calc(8px + env(safe-area-inset-right));top:calc(8px + env(safe-area-inset-top));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 70px);width:min(300px,46vw);display:flex;flex-direction:column;gap:5px;overflow:auto;padding:8px;background:#e7d4aa;border:2px solid #72502b;border-radius:7px;box-shadow:0 4px 20px #0009;overscroll-behavior:contain;}
#ios-context[hidden] {display:none;}
#ios-context button {flex:none;min-height:44px;text-align:left;padding:6px 10px;background:#f1e3c4;color:#322213;border:1px solid #9a7b4f;border-radius:4px;font:600 15px/1.2 system-ui,sans-serif;}
#ios-context button:disabled {opacity:.48;}

/* 竖屏提示：游戏按横屏设计。App 里锁定了横屏，所以这只会在 Safari 预览时出现 */
@media (orientation: portrait) {
  html:is([data-platform="ios"],[data-platform="android"]) body::after {
    content: "请把手机横过来玩";
    position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center;
    background: #080503; color: #f8edce; font: 600 22px system-ui, sans-serif; letter-spacing: .1em;
  }
}

/* ---- iOS 弹幕列表：手机屏幕小，缩成一条细小的列表(桌面版不受影响) ---- */
html:is([data-platform="ios"],[data-platform="android"]) .wc2-danmaku-wrap {left:max(66px,calc(env(safe-area-inset-left) + 8px));bottom:27vh;width:min(250px,30vw);}
html:is([data-platform="ios"],[data-platform="android"]) .wc2-danmaku {max-height:16vh;gap:1px;}
html:is([data-platform="ios"],[data-platform="android"]) .wc2-danmaku-item {font-size:10px;line-height:1.2;padding:1px 5px;border-left-width:2px;border-radius:3px;}
html:is([data-platform="ios"],[data-platform="android"]) .wc2-danmaku-sep {font-size:10px;line-height:1.1;padding:0 5px;margin-top:1px;}
html:is([data-platform="ios"],[data-platform="android"]) .wc2-danmaku-grip {padding:0 3px 0 7px;font-size:10px;line-height:13px;border-radius:4px 4px 0 0;}
html:is([data-platform="ios"],[data-platform="android"]) .wc2-danmaku-title {font-size:10px;letter-spacing:1px;}
html:is([data-platform="ios"],[data-platform="android"]) .wc2-danmaku-btn {min-width:24px!important;min-height:15px!important;height:15px;padding:0 3px;font-size:10px;line-height:13px;}
html:is([data-platform="ios"],[data-platform="android"]) .wc2-danmaku-wrap.collapsed .wc2-danmaku-grip {border-radius:4px;}
html:is([data-platform="ios"],[data-platform="android"]) .wc2-danmaku-pop {padding:5px 8px;gap:6px;font-size:10px;}
html:is([data-platform="ios"],[data-platform="android"]) .wc2-danmaku-pop input {width:100px;min-width:0!important;min-height:0!important;}

/* Sandbox has its own responsive touch interface, including portrait editing. */
html:is([data-platform="ios"],[data-platform="android"])[data-sandbox-ui="true"] body::after{display:none}