.arena-tools728{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.arena-tools728 button{min-height:44px;padding:10px 14px;font-size:14px}#battle{position:relative}#ranked-chat728{position:relative;background:#fffdf8;border:1px solid #c9b8bb;border-radius:16px;padding:16px;margin:16px 0;color:#302b31;box-shadow:0 8px 25px #17242a20}.chat-heading728{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-heading728 button{padding:8px 12px;min-height:44px}#ranked-chat728 .chat-help728{font-size:12px;color:#6a5b63;margin:8px 0}#chat-log728{height:190px;overflow-y:auto;overscroll-behavior:contain;border-block:1px solid #e6ddd5;padding:10px 0}#chat-log728 p{max-width:92%;background:#eee9e4;border-radius:10px;padding:8px 10px;margin:8px 0;overflow-wrap:anywhere;line-height:1.4;font-size:14px}#chat-log728 p strong{display:block;font-size:11px;color:#704453;margin-bottom:3px}#chat-log728 .chat-mine728{margin-left:auto;background:#e1eee5}#chat-form728>div{display:flex;gap:8px}#chat-input728{min-width:0;flex:1;width:100%;padding:10px;font-size:16px}#chat-send728{padding:10px 14px}.chat-quick728{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.chat-quick728 button{padding:8px 12px;min-height:44px;font-size:13px}#chat-notice728{font-size:13px;margin:8px 0 0}body.arena-wide728{overflow:hidden}#battle:fullscreen,body.arena-wide728 #battle{position:fixed;inset:0;z-index:10000;width:100%;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;background:#14232c;color:#fff8e9;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:flex!important;flex-direction:column;gap:5px;overflow:hidden}#battle:fullscreen canvas,body.arena-wide728 #battle canvas{flex:1;min-height:0;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;background:#14232c}#battle:fullscreen #battle-score,body.arena-wide728 #battle #battle-score{display:none}#battle:fullscreen #battle-state,#battle:fullscreen #result,body.arena-wide728 #battle #battle-state,body.arena-wide728 #battle #result{font-size:13px;margin:0;line-height:1.3;flex:none}#battle:fullscreen .arena-tools728,body.arena-wide728 .arena-tools728{margin:0;flex:none}#battle:fullscreen #exit-view716,body.arena-wide728 #exit-view716{position:absolute;right:12px;top:8px;font-size:12px;min-height:44px;padding:8px 12px;background:#faf6ec;color:#173b32}#battle:fullscreen .arena-tools728,body.arena-wide728 .arena-tools728{padding-right:160px}#battle:fullscreen #camera-options717,body.arena-wide728 #camera-options717{position:absolute;bottom:38px;left:12px;z-index:2;color:#263e38;background:#fffaf0e8;border-radius:10px;font-size:12px;max-width:calc(100% - 24px);max-height:45vh;overflow:auto}#battle:fullscreen #ranked-chat728,body.arena-wide728 #ranked-chat728{position:absolute;right:12px;bottom:40px;width:min(370px,calc(100% - 24px));z-index:3;margin:0;max-height:calc(100dvh - 100px);overflow:auto}#battle:fullscreen #chat-log728,body.arena-wide728 #chat-log728{height:min(190px,25dvh)}@media(max-width:450px){#battle:fullscreen .arena-tools728,body.arena-wide728 .arena-tools728{padding-right:115px}.arena-tools728 button{font-size:12px;padding:8px}#battle:fullscreen #exit-view716,body.arena-wide728 #exit-view716{max-width:105px;font-size:11px}.chat-heading728{font-size:14px}}
#battle:fullscreen .arena-tools728 button,body.arena-wide728 .arena-tools728 button{color:#fff5dc;border-color:#b8c9c8;background:#213d47}#battle:fullscreen .arena-tools728 button:hover,body.arena-wide728 .arena-tools728 button:hover{background:#345963}
/*728: clear opposite inset constraints from the existing landscape theatre. */
body.arena-wide728.landscape-battle718:has(#arena-canvas) #battle,body.landscape-battle718:has(#arena-canvas) #battle:fullscreen{z-index:10000;padding:8px 10px;gap:5px}
body.arena-wide728 #battle #exit-view716,#battle:fullscreen #exit-view716{left:auto;bottom:auto;right:12px;top:8px;width:auto;height:auto;max-height:64px;margin:0;align-self:flex-start}
body.arena-wide728 #battle #result,#battle:fullscreen #result{position:static;inset:auto;height:auto;width:auto;max-width:none;line-height:1.3;white-space:normal;overflow:visible;text-align:left;color:#fff4df}
body.arena-wide728 .landscape-hud718{display:none!important}
body.arena-wide728 #battle #battle-state,#battle:fullscreen #battle-state{display:block;position:static;flex:none}
body.arena-wide728 #battle #camera-options717,#battle:fullscreen #camera-options717{right:auto;width:max-content;max-width:calc(100% - 24px)}
body.arena-wide728.landscape-battle718 #battle #result:not(:empty),body.landscape-battle718 #battle:fullscreen #result:not(:empty){position:static;inset:auto;height:auto;line-height:1.3;text-align:left;white-space:normal;overflow:visible;flex:none}
/*729: follow the visible viewport when a mobile keyboard opens. */
body.arena-wide728 #battle,#battle:fullscreen{height:var(--arena-height729,100dvh);top:var(--arena-top729,0px);bottom:auto}
body.arena-wide728.landscape-battle718:has(#arena-canvas) #battle,body.landscape-battle718:has(#arena-canvas) #battle:fullscreen{height:var(--arena-height729,100dvh);top:var(--arena-top729,0px);bottom:auto}
body.arena-wide728 #battle #ranked-chat728,#battle:fullscreen #ranked-chat728{max-height:calc(var(--arena-height729,100dvh) - 90px);overscroll-behavior:contain;scroll-padding-bottom:12px}
#chat-input728{scroll-margin-bottom:16px}#ranked-chat728 button:focus-visible{outline:3px solid #d3933a;outline-offset:2px}